/* CSS Document */

body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em, 12px;
	line-height: 150%;
	font-family: µ¸¿ò, Dotum, AppleGothic, sans-serif;
	color:#575757;
}

form, p, blockquote, dl, dd, dt {margin:0;padding: 0;}
ul, li, ol {list-style:none;margin:0px;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img, input {vertical-align:middle;}
img {vertical-align:middle; border: 0 none;}
caption{visibility:hidden;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0}


/*LINK*/
a:link, a:visited {color: #666; text-decoration: none}
a:hover, a:active {color: #000; text-decoration: none;}
a, area {blr:expression(this.onFocus=this.blur())}
:focus {-moz-outline-style:none;}

/* skip ¼û±è¿µ¿ª */
#accessibility, .skip, hr {
	position:absolute;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	z-index:-1;
}

/*´ëüÅؽºÆ®¿ë*/
.comment{
	position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* input style */
input, textarea, select  { font-size:12px; color:#000;}
.txtBox { border:1px solid #c0c0c0; height:18px; color:#000;}
.txtBoxW {background-color:#fff; border:1px solid #d8d8d8; height:18px; color:#000;}
.txtSelect {  padding: 1px 1px 1px 1px; }


/*Layout*/
* {margin:0;}
html{}


#wrap{width:100%; height:100%;}
#header{width:100%; /* background:url(../images/common/bg_subTop.gif) repeat-x top; */ z-index:50px;}
#topArea {width:998px; margin:0 auto; height:125px; position:relative; /* background:url(../images/common/bg_subTop.gif) repeat-x top; */ }
#topArea p.logo {position:absolute;left:0px; top:20px; }
#topArea ul.util { position:absolute; top:0px; right:0px; border:0px solid #000}
#topArea ul.util li {float:left; text-align:right;  }
#topArea ul.util li.up {padding-top:3px;}
#topArea ul.util li img, input {vertical-align:middle;}

#sub_visu {width:100%; height:189px;}
#subvisuArea {width:100%; height:189px; margin:0 auto; background:url(../images/common/subVisu.jpg) no-repeat 50% top;}
#subvisuArea  p {padding:15px 0 0 0;}

#lang {width:72px; position:absolute; top:37px; right:18px; z-index:1500; border:0px solid #000 ; background:url(../images/common/lang_bg2.gif) no-repeat top left; display:none;  }
#lang ul  { width:100%;  padding:5px 0 5px 0 ; background:url(../images/common/lang_bg.gif) no-repeat bottom left; }
#lang ul li {padding:3px 0px 3px 6px; line-height:0px; text-align:left; }


/* gnb */
#naviGroup .menu{ position:absolute; top:64px; left:200px; z-index:10; }
#naviGroup .menu ul{position:relative;  width:860px; *zoom:1; border:0px solid #000;}
#naviGroup .menu ul:after{content:""; clear:both; display:block;}
#naviGroup .menu ul li{float:left; height:58px; margin:0 0px 0 0px;}
#naviGroup .menu ul li a{display:block; padding:9px 0; height:14px;}
#naviGroup .menu ul .smenu{position:absolute; top:45px; left:0;}
#naviGroup .menu ul .smenu li{margin-left:15px; height:37px;}
#naviGroup .menu ul .smenu li a{display:block; padding:8px 0; height:16px; background: url(../images/common/bu_gnb.gif) no-repeat center bottom;}
#naviGroup .menu ul #smenu_01{margin-left:0px; background:#0c4da2; width:345px;}
#naviGroup .menu ul #smenu_02{margin-left:100px; background:#0c4da2; width:700px;}
#naviGroup .menu ul #smenu_03{margin-left:190px; background:#0c4da2; width:175px;}
#naviGroup .menu ul #smenu_04{margin-left:0px; background:#0c4da2; width:235px;}
#naviGroup .menu ul #smenu_05{margin-left:200px; background:#0c4da2; width:120px;}
#naviGroup .menu ul #smenu_06{margin-left:130px; background:#0c4da2; width:675px;}



#sidemenu li ul {display:none;}

.subVisu {width:100%; height:189px; background: url(../images/company/visual.jpg) no-repeat 50% top; }
.subVisu .visuArea {width:998px; margin:0 auto; position:relative;}
.subVisu .visuArea p {position:absolute; top:20px; left:550px;}

/* ¸ÞÀÎ ºñÁÖ¾ó */
.visual{position:relative; height:456px;margin:0 auto; border-bottom:0px solid #41559e }
.visual .visualWrap{position:absolute; overflow:hidden; top:0; left:0; z-index:10; width:100%; height:456px; z-index:-9999}
.visual ul {position:absolute; top:0; left:0; width:200%;}
.visual ul li {float:left; width:50%; height:470px; background:url('../images/main/visual01.jpg') no-repeat 50% top}
.visual ul li.tp1,
.visual ul li.tp1 .inner {background:url('../images/main/main_visual01.jpg') no-repeat 50% top}
.visual ul li.tp2,
.visual ul li.tp2 .inner {background:url('../images/main/main_visual02.jpg') no-repeat 50% top}
.visual ul li.tp3,
.visual ul li.tp3 .inner {background:url('../images/main/main_visual03.jpg') no-repeat 50% top}
.visual ul .inner {position:relative; width:955px; padding-right:45px; margin:0 auto; text-align:right; letter-spacing:-1px; font-size:0; line-height:0;}
.visual ul .inner h2 {position:absolute; top:30px; right:267px;}
.visual img {vertical-align:top;}
.visual ul .first img {margin:0;}
.visual ul .third{marginborder:1px solid #45a6dd}
.visual .ctr {position:relative; z-index:11; width:1136px; height:0; margin:0 auto;}
.visual .prev{position:absolute;top:200px;left:0}
.visual .next{position:absolute;top:200px;right:0}

/* main 
#main_visu {width:100%;height:460px; background:url(../images/main/bg_visual.jpg) no-repeat 50% top;}
#visuArea {width:998px; margin:0 auto;}
#visuArea div.mVisu {width:100%;height:427px; text-align:text-align:center;}
#visuArea ul.baroArea { margin:12px 0 0 160px;}
#visuArea ul.baroArea li {float:left; margin-right:28px;}
*/

#main_containerArea {width:100%; height:625px; background:url(../images/main/bg_container.gif) repeat-x;}
#main_container {width:1000px; margin:0 auto; padding-top:0px;}
#main_container:after{display:block;clear:both;content:''}

#main_container div.buz {width:100%; height:191px;}
#main_container div.buz ul {margin:32px 0 0 25px;}
#main_container div.buz ul li {float:left; margin-right:25px;}
#main_container div.buz ul li.end {float:left; margin-right:0px;}

#main_container div.notiBox { width:309px; height:193px; padding-left:25px; float:left; margin-top:22px; position:relative;  border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
#main_container div.notiBox p.notiTitle {margin:23px 0 20px 0;}
#main_container div.notiBox p.notimore {position:absolute; top:30px; right:29px;}
#main_container div.mvBox { width:330px; float:left;  margin-top:22px; }
#main_container div.cusBox { width:308px; height:193px; float:left; padding-left:25px; margin-top:22px; position:relative; background-color:#fff; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
#main_container div.cusBox p.cusTitle {margin:23px 0 20px 0;}
#main_container div.cusBox p.cusmore {position:absolute; top:30px; right:29px;}

#main_container div.onBox { width:309px; height:193px; padding-left:25px; float:left; position:relative;  background-color:#fff; border:1px solid #e4e4e4;}
#main_container div.onBox p.onTitle {margin:23px 0 0px 0;}
#main_container div.onBox p.onmore {position:absolute; top:30px; right:29px;}
#main_container div.quBox { width:633px; height:193px; padding-left:30px; float:left;  border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
#main_container div.quBox p.quTitle {margin:23px 0 0px 0;}
#main_container div.quBox ul {margin:13px 0 0 23px;}
#main_container div.quBox ul li {float:left; margin-right:42px;}




#container{width:998px; margin:0 auto;border:0px solid #ff0000; }
#container:after{display:block;clear:both;content:''}
#subNav {float:left; width:230px; min-height:500px; border:0px solid #000; position:relative;}
#subNav p.subTitle {position:absolute; left:0px; top:0px; z-index:10;}
#subNav ul.lnb {width:230px; padding:110px 0 0 00px; }
#subNav ul.lnb li{padding:0 0 0px 0px; border-bottom:1px solid #e9e9e9;}
#subNav ul.lnb li.line {padding:0 0 0px 0px;}
#subNav ul.lnb li.somenuBG {width:170px;}
#subNav ul.lnb li.somenuBG ul.somenu { width:165px; background:url(../images/common/bg_menu.gif) repeat-x left top; padding-top:8px; margin-left:10px; text-align:left;}
#subNav ul.lnb li.somenuBG ul.somenu li {border-bottom:1px dashed #b0bdd3; padding:7px 0 7px 10px; letter-spacing:-0.5px; line-height:120%; text-align:left;}
#subNav ul.lnb li.somenuBG ul.somenu li.dot_none {border-bottom:none;}
#subNav ul.lnb li.somenuBG ul.somenu li a:hover {color:#1a4f9f;}

#contents {float:right; width:730px; margin-bottom:50px; padding:30px 0 0 0; min-height:500px;  border:0px solid #000; position:relative;  }
#contents .online_btn {text-align:center; margin:20px 0 20px 0;}

#contents .localpg { float:right; height:20px; color:#939393; background:url(../images/common/icon_home.gif) no-repeat 0px 0px ; font-size:12px; padding:4px 5px 0 20px; margin-top:40px; }
#contents h1.title {padding:15px 0 7px 0;  border-bottom:1px solid #d7d7d7; margin-bottom:30px;}
#contents h2.title2 {padding:15px 0 15px 13px; width:100%;}
#contents h2.title3 {padding:80px 0 15px 13px; width:100%;}
#contents h2.title4 {padding:15px 0 0px 13px; width:100%;}
#contents h2.title5 {padding:15px 0 0px 40px; width:100%;}
.sotitle {padding:20px 0 0 40px;}
.sotitle_02 {font-weight:bold; padding-left:15px;}

#footer {width:100%; height:100px; margin-top:0px; padding-top:20px; background:url(../images/common/bg_copy.gif) repeat-x; }
#footer:after{display:block;clear:both;content:''}
#footArea {width:998px; margin:0 auto;}
#footArea p.copyLogo {width:115px; float:left;}
#footArea p.copyAdd {padding-left:20px; float:left;}


/* ȸ»ç¼Ò°³ */


.con_cer {width:100%;}
.con_cer ul.cerBx {width:100%; padding:15px 0 0 13px; overflow:hidden;}
.con_cer ul.cerBx :after{display:block;clear:both;content:''}
.con_cer ul.cerBx li {float:left; margin-right:21px;}
.con_cer ul.cerBx li p {width:159px; padding:15px 0 60px 0; font-weight:bold; color:#333333; text-align:center;}

.biz_img {width:100%; margin-top:15px;}
.biz_img ul { margin-left:40px; padding-bottom:30px; overflow:hidden;}
.biz_img ul.bot { margin-left:40px; padding-bottom:0px; overflow:hidden;}
.biz_img ul li {float:left; margin-right:20px; }
.biz_img ul li.right {float:left; margin-right:0px;}
.biz_btn {width:100%; margin:0px 0 15px 13px; overflow:hidden;}
.biz_btn { padding-top:15px;}
.biz_btn ul li {float:left; margin-right:3px; }

.hisArea {width:100%; background:url(../images/company/bg_history.jpg) no-repeat 0 0}
.hisTit { padding:20px 0 0px 13px; }
.his {padding:80px 0 30px 45px; }
.mapArea {width:97%; margin:25px 0 30px 0; position:relative;}
.mapArea p.mapView {position:absolute; top:0; right:0;}


/* »ç¾÷ºÎ¾È³» */
.apply {width:100%; margin-top:30px;}
.apply ul {width:100%;}
.apply ul li {float:left; padding:25px 27px 50px 27px;}
.apply ul li.line {background:url(../images/contact/img_line.gif) no-repeat top right;}

/*»çÀÌÆ®¸Ê*/
.sitemap { width:100%; margin-left:15px; }
.sitemap li.menu { width:205px; float:left; margin-right:45px; margin-top:20px;}
.sitemap li.menuR { width:205px; float:left; margin-right:0px; margin-top:20px;}
.sitemap li.menuNext { width:205px; float:left; margin-right:45px; margin-top:70px;}
.sitemap li.menuNextR { width:205px; float:left; margin-right:0px; margin-top:70px;}
.sitemap li ul li { padding:13px 0 13px 15px;  border-bottom:1px dashed #e5e5e5; }
.sitemap li ul li ul.sosite {width:100%; padding:15px 0 0 0px}
.sitemap li ul li ul.sosite  li.dot_none {width:100%; padding:5px 0 5px 15px; border-bottom:none; letter-spacing:-0.5px;}



.manaArea {width:100%; background:url(../images/biz/bg_manage.jpg) no-repeat 280px 10px; }
.bizBx {width:100%; height:99px;  background:url(../images/biz/bg_box.gif) no-repeat;}
.bizBx  p {width: 85%; padding:10px 20px 0 20px;}
.liDot {width:100%; margin-top:10px;}
.liDot li {padding:2px 0 2px 15px; background:url(../images/common/icon_dot.gif) no-repeat 3px 8px;}

.gigiArea {width:100%; overflow:hidden;}
.gigiArea p.giPic {with:332px; margin-right:20px; float:left;}
.gigiArea div.giTxt {width:364px; float:left; padding-top:10px;}
.gititle {color:#000; font-weight:bold; background:url(../images/common/icon_dot.gif) no-repeat 0px 5px; padding:0 0 5px 10px; }

.gigiArea2 {width:100%; overflow:hidden;}
.gigiArea2 div.giBox {with:332px; margin-right:20px; float:left;}

.red {color:#CC0000; font-weight:bold;}
.pdLf5 {padding-left:5px;}
.pdLf10 {padding-left:10px;}
.pdLf15 {padding-left:15px;}
.pdLf20 {padding-left:20px;}
.pdLf25 {padding-left:25px;}
.pdLf30 {padding-left:30px;}
.pdLf40 {padding-left:40px;}

.pdTop5 {padding-top:5px;}
.pdTop10 {padding-top:10px;}
.pdTop15 {padding-top:15px;}
.pdTop30 {padding-top:30px;}
.pdTop50 {padding-top:50px;}

.pdt40L10 {padding:40px 0 0 10px;}
.pdt10L10 {padding:10px 0 0 10px;}
.pdt10L25 {padding:10px 0 0 25px;}
.pdt50L25 {padding:50px 0 0 25px;}
.pdt20L10 {padding:20px 0 0 10px;}
.pdt25L40 {padding:25px 0 0 40px;}
.pdt30L10 {padding:30px 0 0 10px;}
.pdt10L40 {padding:10px 0 0 40px;}

.pdb60L40 {padding:0 0 60px 40px;}

.mgRt10 {margin-right:10px;}
.mgTp15 {margin-top:15px;}
.mgTp30 {margin-top:30px;}
.cen {text-align:center;}
.cenB {text-align:center; font-weight:bold; color:#6f915a}


.cerTb {border-top:2px solid #85a6d0; border-left:1px solid #d7d7d7; margin-left:10px;}
.cerTb th.cerTh {background-color:#c2d2e7; line-height:110%; font-weight:bold; text-align:center; color:#4f4f4f; padding:8px; border-bottom:1px solid #85a6d0; border-right:1px solid #c5c5c5;}
.cerTb td.cerTd  {padding:5px;  border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.cerTb td.cerTd2  {padding:5px; background-color:#fff;  border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#363636;}
.cerTb td.cerTd2 sub  {color:#819729; }
.cerTb td.cerTd3  {padding:5px;  border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; color:#4f4f4f; font-weight:bold; background-color:#edf1f6;}
.sth {font-size:11px; font-weight:normal;}

.contTb {border-top:2px solid #464646;}
.contTb th.conTh { height:45px; background-color:#f6f6f6; color:#3f3f3f; border-bottom:1px solid #b0b0b0;}
.contTb td.conTd { height:40px; margin:0 0 0 25px; color:#343434; border-bottom:1px dashed #dadada;}
.contTb td.conTdbot { height:40px; margin:0 0 0 25px; color:#343434; border-bottom:1px solid #b0b0b0; }