/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	font-family:'Nanum Gothic', "맑은고딕", 'Malgun Gothic', 돋움, Dotum, AppleGothic, sans-serif;
	color:#111111;
}

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 {outline:none; selector-dummy:expression(this.hideFocus=true);}
: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.jpg) repeat-x top; overflow:hidden;}


#Top_Wrap {width:100%; height:90px; position:absolute; z-index:900; border-bottom:2px solid #25599e;}
#Top_Wrap img{display:block;}

.gnv_area{width:1000px;margin:0 auto ;overflow:hidden;height:45px;}
.gnv_area ul{float:right;}
.gnv_area li {float:left; padding:6px 10px; margin-left:10px; font-size:10px; background:url(../images/common/bg_top_dot.gif) no-repeat 0 14px; font-weight:bold;}
.gnv_area li a{color:#7d7d7d;}


.top_logo{position:relative;width:1000px;margin:0 auto;z-index:1002;}
.top_logo h1{position:absolute;top:18px;z-index:1002;width:177px; }


/* gnb */
#naviWrap {width:1000px; margin:0 auto; position:relative;}
#naviGroup .menu{ position:absolute; top:0px; left:335px; z-index:10; width: 700px; overflow: hidden;}
#naviGroup .menu ul{position:relative; height: 300px;}

#naviGroup .menu ul li.menuTit {float:left; height: 70px; background:url(../images/common/bg_navi_bar.gif) no-repeat left 5px;}
#naviGroup .menu ul li.menuTit:first-child {background:none;}
#naviGroup .menu ul li a {display: block; font-size: 17px; font-weight:bold; color:#444444; text-decoration:none;}
#naviGroup .menu ul li.on a:hover { color: #21366b; }
#naviGroup .menu ul li#menu_01 > a {margin-left: 40px;}
#naviGroup .menu ul li#menu_02 { margin-left : 38px; padding-left:37px;  }
#naviGroup .menu ul li#menu_03 { margin-left : 38px; padding-left:37px;  }
#naviGroup .menu ul li#menu_04 { margin-left : 38px; padding-left:37px;  }
#naviGroup .menu ul li#menu_05 { margin-left : 38px; padding-left:37px;  }

#naviGroup .menu ul.smenu { position: absolute; left: 0; top: 30px; display: none; width:145px; z-index:999; padding-top:13px; background:url(../images/common/bg_menu_bar.gif) no-repeat 50% top;}
#naviGroup .menu ul.smenu li a { display:block; font-size: 12px; color: #444444; text-align:center; font-weight: normal; padding: 7px;}
#naviGroup .menu ul.smenu li { background:#fff; border-bottom:1px solid #dddddd; }
#naviGroup .menu ul.smenu li:last-child {border-bottom:2px solid #25599e;}
#naviGroup .menu ul.smenu li a:hover{ font-weight: bold;  color: #444444; }
#naviGroup .menu ul#smenu_02 { left: 140px; }
#naviGroup .menu ul#smenu_03 { left: 270px; }
#naviGroup .menu ul#smenu_04 { left: 390px; }
#naviGroup .menu ul#smenu_05 { left: 540px; }


#mainArea {width:100%; height:505px; padding-top:90px; background:url(../images/main/m_visu.jpg) no-repeat 50% 90px;}
#mainArea div.m_visu {width:1000px; height:505px;  position:relative;  margin:0 auto;}
/* #mainArea div.m_visu ul.mTxt { position:absolute; width:1050px;  margin:0 auto; text-align:center; top:170px;} */
#mainArea div.m_visu .visuBtn {position:absolute; width:1100px; top:242px; left:60px;}


#m_containerArea {width:100%; padding:40px 0;}

#m_container {width:1000px; margin:0 auto; position:relative; height:383px;}
#m_container:after{display:block;clear:both;content:''}

#m_container div.notiBx { width:327px; float:left; position:relative; }
#m_container div.notiBx ul { overflow:hidden;}
#m_container div.notiBx ul li { float:left; width:112px; height:47px; text-align:center; font-size:15px; font-weight:bold; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#m_container div.notiBx ul li p {padding-top:14px;}
#m_container div.notiBx ul li.notiOn { color:#1c1c1c; background-color:#fff; border-bottom:1px solid #fff;}
#m_container div.notiBx ul li.notiOff { color:#a2a2a2; background-color:#f4f4f4;}
#m_container div.notiBx ul li.noti_more {width:100px; border-top:1px solid #fff;}
#m_container div.notiBx .notiCont { height:130px; padding:25px 0 0 25px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;} 


#m_container div.videoBx {width:327px; height:205px; float:left;  position:relative; background:url(../images/main/bg_video.jpg) no-repeat; margin-left:10px; }
#m_container div.videoBx p.videoTit { font-size:17px; color:#fff; font-weight:bold; margin:25px 0px 30px 35px; }
#m_container div.videoBx p.videoCont {padding-left:35px; font-size:13px; color:#aeb2bc;}
#m_container div.videoBx p.videoBtn {padding:25px 0 0 35px;}

#m_container div.shsBx { width:326px; height:205px; background:url(../images/main/bg_shs.jpg) no-repeat; float:left; margin-left:10px; }
#m_container div.shsBx p.shsTit {font-size:17px; color:#fff; font-weight:bold; margin:25px 0px 30px 35px;}
#m_container div.shsBx p.shsBtn {position:absolute; top:158px; right:17px;}

#m_container div.quickBx { width:664px; height:167px; background-color:#1c509c; float:left; position:relative; margin-top:10px}
#m_container div.quickBx p.quickTit {font-size:17px; color:#fff; font-weight:bold; margin:25px 0px 30px 35px;}
#m_container div.quickBx ul {padding-left:35px; overflow:hidden;}
#m_container div.quickBx ul li {float:left; width:77px; height:60px; padding-right:18px;}
#m_container div.quickBx ul li:last-child {padding-right:0px;}
#m_container div.quickBx ul li.q_certif {background:url(../images/main/bg_quick_certif.gif) no-repeat; padding-left:58px;}
#m_container div.quickBx ul li.q_biz {background:url(../images/main/bg_quick_biz.gif) no-repeat; padding-left:75px;}
#m_container div.quickBx ul li.q_inquiry {background:url(../images/main/bg_quick_inquiry.gif) no-repeat; padding-left:55px;}
#m_container div.quickBx ul li.q_map {background:url(../images/main/bg_quick_map.gif) no-repeat; padding-left:58px;}
#m_container div.quickBx ul li p.qTit { font-size:15px; color:#fff; font-weight:bold; padding-top:11px;}
#m_container div.quickBx ul li p.qMore { font-size:11px; color:#a1b0ce;}

#m_container div.custBx { width:324px; height:167px; float:left; position:relative; border:1px solid #d9d9d9; margin-left:10px; margin-top:10px;}
#m_container div.custBx p.custTit {font-size:17px; color:#010101; font-weight:bold; margin:25px 0px 23px 35px;}
#m_container div.custBx p.cusTel {padding-left:35px; padding-bottom:5px;}
#m_container div.custBx p.custCont { padding-left:35px;color:#6a6a6a; font-size:13px;}
#m_container div.custBx .fax {background-color:#778dac; color:#fff; font-weight:bold; font-size:10px; padding:2px 5px; margin-right:7px;}


/* sub 공통 */
#containWrap {width:100%;  padding-top:92px; }
#subVisu_company {width:100%; height:140px; background:url(../images/company/bg_visual.jpg) no-repeat 50% center;}
#subVisu_build {width:100%; height:140px; background:url(../images/build/bg_visual.jpg) no-repeat 50% center;}
#subVisu_data {width:100%; height:140px; background:url(../images/data/bg_visual.jpg) no-repeat 50% center;}
#subVisu_inquiry {width:100%; height:140px; background:url(../images/inquiry/bg_visual.jpg) no-repeat 50% center;}
#subVisu_community {width:100%; height:140px; background:url(../images/community/bg_visual.jpg) no-repeat 50% center;}


#localpgWrap {width:100%; padding:12px 0; border-bottom:1px solid #e5e5e5;}
#localpgWrap div.localpgBx { width:1000px; margin:0 auto;}
#localpgWrap div.localpgBx:after{display:block;clear:both;content:''}
#localpgWrap div.localpgBx .localpg { float:right; height:17px; color:#878787; background:url(../images/common/icon_home.png) no-repeat 0px 2px ; font-size:13px; padding:0 0px 0 30px; }
#localpgWrap div.localpgBx .localBg {background:url(../images/common/icon_bg_local.png) no-repeat 0 3px; padding:0 20px;}

#container{width:1100px; margin:0 auto;}
#container:after{display:block;clear:both;content:''}

.conWrap { width: 1000px; margin: 0 auto; overflow: hidden; padding-top:20px;}
.conWrap .submenu { float: left; width: 180px; overflow: hidden;}
.conWrap .submenu #subNav .subTitle {padding:10px 0 30px 15px; border-bottom:1px solid #25599e;  font-size:28px; color:#25599e;}
.conWrap .submenu #subNav li {border-bottom:1px solid #d6d6d6;}
.conWrap .submenu #subNav li a { display: block; font-size: 15px; font-weight:bold; width: 180px; height: 45px; color: #7d7d7d; line-height: 45px; text-indent: 20px; background:url(../images/common/smenu_off.jpg) 0 0; font-family: 'Nanum Gothic',"맑은고딕", 'Malgun Gothic', 돋움, Dotum; }
.conWrap .submenu #subNav li a.bg_line { background:url(../images/common/smenu_off_2.gif)0 0; }
.conWrap .submenu #subNav li a:hover , .conWrap .submenu #subNav li a.on { color: #fff; background:url(../images/common/smenu_over.jpg)0 0; font-weight:bold;}
.conWrap .submenu #subNav li ul.sub_dep {background-color:#f0f0f0; border-top:1px solid #d6d6d6;}
.conWrap .submenu #subNav li ul.sub_dep li {border-top:0px; border-bottom:0px;}
.conWrap .submenu #subNav li ul.sub_dep li:first-child { padding-top:10px;}
.conWrap .submenu #subNav li ul.sub_dep li:last-child {padding-bottom:10px;}
.conWrap .submenu #subNav li ul.sub_dep li a {font-size: 12px; margin-left:20px; width:150px; height: 30px; color: #6e6e6e; line-height: 30px; background:url(../images/common/bg_s_navidep_off.gif) no-repeat 7px 15px;}
.conWrap .submenu #subNav li ul.sub_dep li a:hover, .conWrap .submenu #subNav li ul.sub_dep li a.on { color:#24599d; background:url(../images/common/bg_s_navidep_on.gif) no-repeat 7px 15px; }
 

#contents {float:right; width:750px; padding:0px 0 30px 0px; min-height:500px; position:relative; font-size:14px; line-height:23px;}
#contents h1.title {padding:8px 0 15px 0; margin-bottom:30px; font-size:32px; color:#202020;}
#contents h2.contTit {padding:0 0 15px 25px; background:url(../images/common/icon_tit.gif) no-repeat 0 4px; font-size:21px; }
#contents h2.soTit {padding:10px 0 10px 20px; background:url(../images/common/icon_sotit.gif) no-repeat 3px 20px; font-size:17px; color:#24599d; }
#contents h3.title {width:100%;}
#contents h2.titleTd {padding:30px 0 10px 10px; width:100%; }

.contBox {width:698px; background-color:#f9f9f9; border:1px solid #e4e4e4;  padding:20px 25px; margin-bottom:20px;}
.tabBx {width:100%; padding-bottom:30px;}
.tabBx ul:after{display:block;clear:both;content:''}
.tabBx ul li {float:left; width:156px; color:#ababab; background-color:#e9e9e9; border:5px solid #e9e9e9; font-size:15px; font-weight:bold; text-align:center; padding:8px 0; margin-right:4px; }
.tabBx ul li.tabOn {border:5px solid #24599d; background-color:#fff; color:#24599d;}

.contDot {background:url(../images/common/icon_cont_dot.gif) no-repeat 2px 8px; padding-left:15px;}

#footer {width:100%; height:130px; border-top:1px solid #e9e9e9; padding-top:6px; background-color:#f4f4f4; }
#footer:after{display:block;clear:both;content:''}
#footArea {width:1000px; margin:0 auto; padding-top:30px; text-align:center; color:#9c9c9c;}
#footArea p.copyAdd { color:#545454;}

/* 갤러리게시판 부분 */
.conWrapBbs { width: 1100px; margin: 0 auto; overflow: hidden; padding-top:20px;}
.conWrapBbs .submenu { float: left; width: 180px; overflow: hidden;}
.conWrapBbs .submenu #subNav .subTitle {padding:10px 0 30px 15px; border-bottom:1px solid #25599e;  font-size:28px; color:#25599e;}
.conWrapBbs .submenu #subNav li {border-bottom:1px solid #d6d6d6;}
.conWrapBbs .submenu #subNav li a { display: block; font-size: 15px; font-weight:bold; width: 180px; height: 45px; color: #7d7d7d; line-height: 45px; text-indent: 20px; background:url(../images/common/smenu_off.jpg) 0 0; font-family: 'Nanum Gothic',"맑은고딕", 'Malgun Gothic', 돋움, Dotum; }
.conWrapBbs .submenu #subNav li a.bg_line { background:url(../images/common/smenu_off_2.gif)0 0; }
.conWrapBbs .submenu #subNav li a:hover , .conWrapBbs .submenu #subNav li a.on { color: #fff; background:url(../images/common/smenu_over.jpg)0 0; font-weight:bold;}
.conWrapBbs .submenu #subNav li ul.sub_dep {background-color:#f0f0f0; border-top:1px solid #d6d6d6;}
.conWrapBbs .submenu #subNav li ul.sub_dep li {border-top:0px; border-bottom:0px;}
.conWrapBbs .submenu #subNav li ul.sub_dep li:first-child { padding-top:10px;}
.conWrapBbs .submenu #subNav li ul.sub_dep li:last-child {padding-bottom:10px;}
.conWrapBbs .submenu #subNav li ul.sub_dep li a {font-size: 12px; margin-left:20px; width:150px; height: 30px; color: #6e6e6e; line-height: 30px; background:url(../images/common/bg_s_navidep_off.gif) no-repeat 7px 15px;}
.conWrapBbs .submenu #subNav li ul.sub_dep li a:hover, .conWrapBbs .submenu #subNav li ul.sub_dep li a.on { color:#24599d; background:url(../images/common/bg_s_navidep_on.gif) no-repeat 7px 15px; }
 
#contentsBbs {float:right; width:850px; padding:0px 0 30px 0px; min-height:500px; position:relative; font-size:14px; line-height:23px;}
#contentsBbs h1.title {padding:8px 0 15px 0; margin-bottom:30px; font-size:32px; color:#202020;}
#contentsBbs h2.contTit {padding:0 0 15px 25px; background:url(../images/common/icon_tit.gif) no-repeat 0 4px; font-size:21px; }
#contentsBbs h2.soTit {padding:10px 0 10px 20px; background:url(../images/common/icon_sotit.gif) no-repeat 3px 20px; font-size:17px; color:#24599d; }
#contentsBbs h3.title {width:100%;}
#contentsBbs h2.titleTd {padding:30px 0 10px 10px; width:100%; }


/* company */
.messBx {width:100%; background:url(../images/company/bg_message.jpg) no-repeat right 50px;}
.messBx p.messTit {font-size:28px; color:#25599e; padding-bottom:40px;}
.messBx p.sign {float:right; padding-top:12px;}

.hisBx {width:100%; padding-top:10px;}
.hisBx p.hisTop {font-size:28px; padding-bottom:50px; font-weight:bold;}
.hisBx ul {border-bottom:1px solid #ececec; padding-bottom:20px; margin-bottom:20px;}
.hisBx ul:last-child {border-bottom:0px;}
.hisBx ul:after{display:block;clear:both;content:''}
.hisBx ul li {float:left;}
.hisBx ul li.hisYear {font-size:28px; color:#727272; font-weight:900; padding:0 50px;}
.hisBx ul li.hisYearOn {font-size:28px; color:#24599d; font-weight:900; padding:0 50px;}
.hisBx ul li.hisCont p {padding-bottom:5px;}
.hisBx ul li.hisCont .hisMonth {font-weight:900; color:#141414; padding-right:20px;} 


.certifBx {width:100%;}
.certifBx ul { padding-bottom:40px; overflow:hidden;}
.certifBx ul li {float:left; width:172px; padding-left:20px;}
.certifBx ul li:first-child {padding-left:0px;}
.certifBx ul li p.certifTxt {text-align:center; font-size:12px; padding:10px 0; margin-top:5px; line-height:17px; color:#4b4b4b; background-color:#efefef;}

.mapBx {width:100%;}
.mapBx ul { padding-top:10px; overflow:hidden; }
.mapBx ul li {float:left;}
.mapBx ul li.mapTit { width:90px; font-size:13px; color:#fff; background-color:#4d7dba; text-align:center; padding:3px; font-weight:bold;}
.mapBx ul li.mapCont {font-size:14px; padding:3px 0 0 10px;}


.red {color:#CC0000;}
.blue {color:#24599d;}
.pdLf2 {padding-left:2px;}
.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;}
.pdLf50 {padding-left:50px;}
.pdLf60 {padding-left:60px;}

.pdTop5 {padding-top:5px;}
.pdTop10 {padding-top:10px;}
.pdTop15 {padding-top:15px;}
.pdTop20 {padding-top:20px;}
.pdTop25 {padding-top:25px;}
.pdTop30 {padding-top:30px;}
.pdTop35 {padding-top:35px;}
.pdTop40 {padding-top:40px;}
.pdTop50 {padding-top:50px;}
.pdTop70 {padding-top:70px;}
.pdBm5 {padding-bottom:5px;}
.pdBm10 {padding-bottom:10px;}
.pdBm20 {padding-bottom:20px;}
.pdBm25 {padding-bottom:25px;}
.pdBm30 {padding-bottom:30px;}

.mgRt10 {margin-right:10px;}
.mgTp5 {margin-top:5px;}
.mgTp10 {margin-top:10px;}
.mgTp15 {margin-top:15px;}
.mgTp20 {margin-top:20px;}
.mgTp25 {margin-top:25px;}
.mgTp30 {margin-top:30px;}
.mgTp35 {margin-top:35px;}
.mgTp50 {margin-top:50px;}
.cen {text-align:center;}
.cenB {text-align:center; font-weight:bold;}
.right { float:right;}
.b {font-weight:bold;}


.timeTb {margin:10px 0 10px 0; border-top:2px solid #00729f; border-bottom:1px solid #00729f;}
.timeTb th {padding:10px 0 10px 0; border-bottom:1px solid #00729f; color:#00729f; }
.timeTb td {padding:10px;}
.timeTb td.time {text-align:center; border-bottom:1px solid #dddddd; background-color:#f3f8fd; font-weight:bold;}
.timeTb td.timeLine {text-align:center; border-bottom:1px solid #dddddd; background-color:#f3f8fd; font-weight:bold; border-right:1px solid #dddddd;}
.timeTb td.tbCont {text-align:center; border-left:1px solid #efefef; border-bottom:1px solid #dddddd;}
.timeTb td.tbContBg {background-color:#f6f6f6; text-align:center; border-left:1px solid #efefef; border-bottom:1px solid #dddddd; }

.shsTb {margin:10px 0 10px 0; border-top:2px solid #24599d; border-bottom:1px solid #24599d; word-break: keep-all;}
.shsTb th {padding:10px 0 10px 0; border-bottom:1px solid #24599d; background-color:#dbe6f4;}
.shsTb tr.tdBg {background-color:#f9f9f9;}
.shsTb td {border-bottom:1px solid #d0d0d0; border-left:1px solid #d0d0d0; padding:10px 10px; letter-spacing: -0.5px; font-size: 13.5px;}
.shsTb td.tdTit {border-left:0px; text-align:center;}
.shsTb td.tdPic {padding:10px; text-align:center;}