@charset "utf-8";

.tit {color:#3f3f3f;border-bottom:1px solid #e8e8e8; width:100%; height:70px;}
.tit .txt{padding-top:25px; font-size:28px}



/*회사소개*/
.company_logo {padding:100px 0 80px 0; text-align:center;}
.company_head {font-size:20px; font-weight:bold;}
.company_blue {font-size:20px; font-weight:bold; color:#067fbd;}
.company_txt {padding-top:40px; line-height:19px;}
.company_tit {font-size:16px; font-weight:bold; padding-top:30px;}
.company_tit_bul {font-size:16px; font-weight:bold; color:#067fbd;}
.company_line { border-bottom:1px solid #e4e4e4; width:100%px; padding-top:12px;}

.company_box { float:left; width:147px; padding-top:35px; padding-left:20px}
.company_box .txt{ float:left; width:147px; padding-top:22px; line-height:17px; font-size:11px; color:#787878}
.company_box1 { float:left; width:146px; padding-top:35px; padding-left:120px}
.company_box1 .txt{ float:left; width:147px; padding-top:22px; line-height:17px; font-size:11px; color:#787878}

.ceo_head {background:url('../images/sub/company_04.jpg') no-repeat right bottom; width:100%; height:207px; padding-top:50px}
.ceo_tit{font-size:16px; font-weight:bold; line-height:23px; padding-top:80px}
.ceo_tit_blue{font-size:16px; font-weight:bold; color:#067fbd;}
.ceo_txt_blue{color:#067fbd;}
.sign {float:right; padding-top:30px}
.sign_img {float:right; padding-top:20px}

.org { text-align:center; width:100%; padding-top:70px}
.org_txt {color:#888; padding-top:10px}

.history_table {padding-top:40px;}
.history_table .year {border-top:3px solid #60626b; border-bottom:1px solid #babcc0;font-size:18px; font-weight:bold; color:#067fbd; padding:8px 0 11px 10px; margin-bottom:7px}
.history_table .one{padding:5px 0 5px 0;}
.history_table .year1{padding-left:11px; font-weight:bold;}
.history_table .year1_none{padding-left:42px; }
.history_table .month{padding-left:15px; font-weight:bold;}
.history_table .month_none{padding-left:30px;}
.history_table .txt{padding-left:15px; color:#777;}
.history_table .img{background:url('../images/sub/history.gif') no-repeat right bottom; width:100%; height:270px;}

.map_btn {float:right; padding:23px 0 10px 0}
.map_box { position:relative; margin:0 auto; text-align:center; border:2px dotted #e2e2e2; width:620px; height:343px; padding-top:15px; clear:both}
.map_add {padding-top:40px;}
.map_add .line {border-top:2px solid #60626b;}
.map_add .line1 {border-bottom:1px solid #babcc0;}
.map_add .one {padding-top:10px;  height:25px;}
.map_add_tit { float:left;font-weight:bold; padding-left:15px; width:200px;}
.map_add .one .txt {padding-left:15px; color:#555;}
.map_add .one .fax {padding-left:15px; color:#777;}
.map_mail {color:#555; text-decoration:none;}
a.map_mail:link, a.map_mail:t_catal, a.t_catal:active {color:#555; text-decoration:none;}
a.map_mail:hover { color:#555; text-decoration:underline;}



/*사업영역*/
.biz {padding-top:30px; clear:both}
.biz_tit1 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:205px; padding:5px 0 0 3px}
.biz_tit2 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:202px; padding:5px 0 0 3px}
.biz_tit3 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:177px; padding:5px 0 0 3px}
.biz_txt {margin-top:25px; line-height:18px}

.biz_history_line {border-bottom:2px solid #60626b; padding-top:30px; clear:both;}
.biz_history_line1 {border-bottom:1px solid #babcc0; clear:both;}
.biz_history_year {float:left; background-color:#f5f5f5; width:135px;font-size:24px; font-weight:bold;color:#067fbd;padding:8px 0 11px 10px;}
.biz_history_box {float:right; width:550px}
.biz_history_box_tit {font-weight:bold;padding-top:10px;}
.biz_history_box .kind { float:left; color:#979797; font-size:11px; font-family:Tahoma; letter-spacing:-1px; width:50px; margin-top:7px}
.biz_history_box .txt { float:left; color:#1471b9;  padding-top:6px}
.biz_history_box .line {border-bottom:1px dotted #e5e5e5; padding-top:25px;}


/*테크놀로지*/
.process_head {line-height:18px; padding:20px 0 30px 0} 
.process_tit1 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:87px; padding:5px 0 0 3px}
.process_tit2 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:80px; padding:5px 0 0 3px}
.process_tit3 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:145px; padding:5px 0 0 3px}
.process_tit4 {margin-top:45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:62px; padding:5px 0 0 3px}

.hard_txt {font-size:14px;}
.hard_txt_bul {font-size:14px; color:#067fbd;}
.hard_txt li{background:url('../images/sub/dot2.gif') no-repeat 0 5px; padding-left:15px; height:32px; clear:both}

.soft_img { padding-left:200px;}
.soft_tit1 {font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:190px; padding:5px 0 25px 3px}
.soft_tit2 {margin-top: 45px; font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:225px; padding:5px 0 25px 3px}

.mecha_bg {background:url('../images/sub/tech_06.jpg') no-repeat right bottom; width:100%; height:340px; }
.mecha_tit1 {font-size:18px; font-weight:bold; border-top:3px solid #18b1de; width:75px; padding:5px 0 25px 3px}

.design_img { text-align:center;}



/*제품*/
.p_img {float:left; width:326px}
.p_staple {float:right; width:340px}
.p_staple .line {border-top:2px solid #60626b;}
.p_staple .line1 {border-bottom:1px solid #e4e4e4;clear:both }
.p_staple_tit {font-size:11px; font-weight:bold; color:#777; font-family:Tahoma; background-color:#f9f9f9; width:105px; float:left; padding:11px 0 7px 20px}
.p_staple_txt {font-size:11px; color:#777; font-family:Tahoma; padding:10px 0 5px 13px; float:left; word-break:break-all; width:200px;}
.btn_view a{background:url('../images/sub/btn_view.gif') no-repeat  0 0;  float:right}
.btn_view a:hover{background:url('../images/sub/btn_view_on.gif') no-repeat 0 0;  float:right}

.p_top {border-top:3px solid #60626b; border-bottom:1px solid #babcc0; padding:8px 0 11px 10px; height:15px; margin-top:40px; float:left; width:100%}
.p_top1 {border-top:3px solid #5d5d5d; border-bottom:1px solid #5d5d5d; padding:8px 0 11px 10px; height:15px; margin-top:40px; float:left; width:100%}
.p_top .name {font-size:16px; font-weight:bold; float:left;}
.p_top1 .name1 {font-size:16px; font-weight:bold; float:left;}
.p_top .program {float:right; padding-right:12px}
.p_top .program .txt {font-size:11px; color:#999; font-family:Tahoma;}
.p_top .program .down a{font-size:12px; color:#2058d7; font-weight:bold; text-decoration:none}
.p_top .program .down a:hover{font-size:12px; color:#0090ff; font-weight:bold; text-decoration:underline}
.p_top_txt {border-bottom:1px solid #e4e4e4; padding:20px 0px 20px 10px; float:left; width:100% }
.p_h2 {font-size:18px; font-weight:bold; color:#067fbd; float:left; padding:40px 0 20px 0; width:100%}

.p_h1 { color:#fff; background-color:#555; font-weight:bold; padding:5px 8px 7px 8px; float:left}
.p_txt1 {clear:both; line-height:19px; padding-top:10px}
.p_txt li{background:url('../images/sub/dot1.gif') no-repeat 0 6px; padding-left:12px; height:25px; clear:both}


#detail {width:326px; height:233px; float:left;}
#detail li {float:left;}
#detail a {display:block; margin:0 4px 0px 0; border:1px solid #ebebeb;}
#detail a.active {border:1px solid #dddddd;}
#window {}


/*고객지원*/
.download {padding-top:40px}
.download .line {border-top:2px solid #60626b;}
.download .line1 {border-bottom:1px solid #e4e4e4;clear:both }
.download .line2 {border-bottom:1px solid #919191;clear:both }
.download .name {color:#067fbd; font-size:14px; font-weight:bold; float:left;padding:8px 0 11px 10px; height:15px;}
.download_tit {font-family:Tahoma; background-color:#f9f9f9; width:200px; float:left; padding:15px 0 11px 20px}
.download_tit1 {font-weight:bold; font-family:Tahoma; background-color:#f9f9f9; width:220px; float:left; padding:15px 0 11px 20px; line-height:18px}
.download_tit2 {font-family:Tahoma; background-color:#f9f9f9; width:200px; float:left; padding:15px 0 11px 20px; line-height:18px}
.download_txt {font-size:11px;color:#999; font-family:Tahoma; padding:15px 20px 5px 13px; float:right;}
.download_txt1 {font-size:11px;color:#999; font-family:Tahoma; padding:30px 20px 5px 13px; float:right;}

.kind_icon {padding:15px 0px 0px 50px; float:left}
.kind_icon1 {padding:15px 0px 0px 50px; float:left}
.kind_icon2 {padding:15px 0px 0px 50px; float:left}
.kind_icon3 {padding:15px 0px 0px 50px; float:left}
.kind_down a{font-size:12px; color:#2058d7; text-decoration:none;padding:15px 50px 0px 5px; float:left}
.kind_down a:hover{font-size:12px; color:#0090ff; text-decoration:underline; padding:15px 50px 0px 5px; float:left}
.kind_down1 a{font-size:12px; color:#2058d7; text-decoration:none;padding:27px 50px 0px 5px; float:left}
.kind_down1 a:hover{font-size:12px; color:#0090ff; text-decoration:underline;padding:27px 50px 0px 5px; float:left}

.icon_mail {float:left}
.contact_txt {float:left; line-height:18px; padding-left:15px}

.byte {padding:13px; float:left;}
.byte1 {padding:25px 13px 13px 13px; float:left;}











/*---------------------------------*/




/*회사소개*/
.tit {color:#3f3f3f;border-bottom:1px solid #e8e8e8; width:100%; height:70px;}
.tit .txt{padding-top:25px; font-size:28px}

.summary-visual { background:url('/img/company/bg_summary.jpg') no-repeat left bottom; padding-left:10px; height:200px; font-size:14px;}
.summary-visual dd { line-height:1.5; margin-top:20px; }
.summary-visual dd strong { color:#505050; }

.summary-txt { font-size:14px; line-height:1.8;*zoom:1; margin-top:33px  }
.summary-txt:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.summary-txt em { color:#505050; text-decoration:underline; font-weight:bold;}
.summary-txt > div { width:374px; float:left;  letter-spacing:-1px; padding-top:320px; background:url('/img/company/bg_summary02.jpg') no-repeat right top;}
.summary-txt > div:first-child { margin-right:40px;  padding-top:0; background:none;}
.summary-txt > div p { margin-bottom:23px; }

/*ceo 인사말*/
.greeting-visual { padding-left:394px; background:url('/img/company/bg_ceo.jpg') no-repeat; height:295px; margin-bottom:19px}
.greeting-visual p { width:379px; font-size:18px; font-weight:bold; padding-top:67px; color:#505050;letter-spacing:-2px;}
.greeting-visual p span { display:block; padding-left:19px; border-bottom:1px solid #e8e8e8; height:30px; line-height:30px;}

.greeting-txt { *zoom:1;  font-size:14px; line-height:1.8;}
.greeting-txt:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.greeting-txt em { color:#505050;font-weight:bold;}
.greeting-txt > div { width:374px; float:left;  letter-spacing:-1px;}
.greeting-txt > div:first-child { margin-right:40px;  padding-top:0; background:none;}
.greeting-txt > div p { margin-bottom:23px; }
.greeting-txt > div .sign { text-align:right; font-size:12px; line-height:1.4; color:#505050; vertical-align:bottom; margin-top:-5px;}
.greeting-txt > div .sign img { padding-bottom:8px; }
.greeting-txt > div .sign strong { font-size:14px;}

/*연혁*/
.history { padding-top:7px; }
.history dl{ position:relative; margin-bottom:14px;}
.history dl dt { position:absolute; left:0; top:6px;font-size:16px; font-weight:bold; color:#191919;line-height:16px;}
.history dl dd { padding-left:53px; line-height:2.2; }
.history dl dd ul li { *zoom:1; }
.history dl dd ul li:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.history dl dd ul li strong {float:left; color:#505050; width:28px; }
.history dl dd ul li span { float:left; width:707px; }

.history2012 { background:url('/img/company/bg_history_2012.jpg') no-repeat right 4px;  min-height:259px; } /* 2013-01-25 높이값 수정*/
.history2011 { background:url('/img/company/bg_history_2011.jpg') no-repeat right 4px;  min-height:131px; }
.history2010 { background:url('/img/company/bg_history_2010.jpg') no-repeat right 4px;  min-height:131px; }
.history2009 { background:url('/img/company/bg_history_2009.jpg') no-repeat right 4px;  min-height:254px; } /* 2012-11-01 높이값 수정*/
.history2008 { background:url('/img/company/bg_history_2008.jpg') no-repeat right 4px;  min-height:131px; }
.history2007 { background:url('/img/company/bg_history_2007.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */
.history2004 { background:url('/img/company/bg_history_2004.jpg') no-repeat right 4px;  min-height:131px; }
.history2003 { background:url('/img/company/bg_history_2003.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */
.history2002 { background:url('/img/company/bg_history_2002.jpg') no-repeat right 4px;  min-height:131px; }
.history2001 { background:url('/img/company/bg_history_2001.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */
.history2000 { background:url('/img/company/bg_history_2000.jpg') no-repeat right 4px;  min-height:254px; } /* 2012-11-01 추가 */
.history1998 { background:url('/img/company/bg_history_1998.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */
.history1997 { background:url('/img/company/bg_history_1997.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */
.history1996 { background:url('/img/company/bg_history_1996.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */
.history1995 { background:url('/img/company/bg_history_1995.jpg') no-repeat right 4px;  min-height:131px; } /* 2012-11-01 추가 */

/* ci bi 소개 */
.ci-wordmark{overflow:hidden; border:1px solid #dedede; padding:12px; margin-bottom:35px;}
.ci-wordmark dt{float:left; margin-right:23px; line-height:1;}
.ci-wordmark dd{float:left; width:385px; font-size:14px; letter-spacing:-1px; line-height:1.8;}
.ci-wordmark dd strong{display:block; padding:10px 0 5px; font-size:16px;}

.ci-tit{overflow:hidden; width:100%; border-bottom:1px solid #dedede;}
.ci-tit h4{display:inline-block !important;  margin-top:0 !important; }
.ci-tit a{float:right;}
.ci-txt{margin:15px 0 0px; letter-spacing:-1px; }

.ci-logo{overflow:hidden; border:1px solid #dedede; padding:12px; margin-bottom:15px; line-height:16px; color:#505050;}
.ci-logo li{float:left; width:370px;}
.ci-logo li:first-child{margin-right:20px;}
.ci-logo li img{ margin-bottom:13px;}
.ci-logo li em{display:block; width:100%; font-size:14px; font-weight:bold; text-align:center;}

.bi-logo{overflow:hidden; border:1px solid #dedede; padding:12px; margin-bottom:35px;}
.bi-logo li{float:left; width:370px;}
.bi-logo li:first-child{margin-right:20px;}
.bi-logo dl{overflow:hidden;}
.bi-logo dl dt{float:left; margin-right:15px;}
.bi-logo dl dd{float:left; width:185px; }
.bi-logo dl dd em{display:block; margin:8px 0 5px; font-size:14px; font-weight:bold; color:#505050;}

.bi-box{border:1px solid #dedede; padding:12px; margin-bottom:15px;}

/*조직도*/
.organ  { position:relative;background:url('/img/company/bg_organ.gif') no-repeat; width:788px; height:546px; font-weight:bold; color:#fff;}
.organ li { font-size:24px; }
.organ li.ceo { position:absolute; left:132px; top:287px;  line-height:1;}
.organ  ul { position:absolute;left:417px; top:26px;overflow:hidden;}
.organ  ul li { width:341px; height:44px; line-height:44px;  font-size:14px; margin-bottom:1px; float:left;}
.organ  ul li span { display:block; width:254px; float:left; text-align:center;}
.organ  ul li a { float:right; line-height:22px; padding:0 10px; margin-top:11px}


/*글로벌 네트워크*/
/*지법인별보기*/
.globalmap-world { position:relative; font-size:0; line-height:0; margin-top:10px; }
.globalmap-world > img { border:1px solid #e7e7e7; }
.globalmap-world ul li { position:absolute;}
.globalmap-world ul .spot01{ left:135px; top:37px }
.globalmap-world ul .spot02{ left:112px; top:142px }
.globalmap-world ul .spot03{ left:277px; top:55px }
.globalmap-world ul .spot04{ left:582px; top:52px } /* 2013-03-22 수정 */
.globalmap-world ul .spot05{ left:321px; top:191px } /* 2013-03-22 수정 */

h4.tit-global { font-size:14px !important;   }
.branch-list { line-height:1; padding:18px 0px 9px 20px; border:1px solid #e7e7e7; margin-bottom:20px;}
.branch-list dt{color:#1a71d2; font-weight:bold; margin-bottom:7px;}
.branch-list dd li { margin-bottom:9px }
.branch-list dd li strong { color:#505050; padding-right:7px;}
.branch-list dd li:first-child span { padding:0 13px; }