/* 기본설정 */
/*공통*/
*{margin:0; padding:0}
html, body {width:100%; height:100%; }
body {position:relative;}
body {text-align:left; margin:0; padding:0; font-size:12px; font-family:'나눔고딕', 'Nanum Gothic', "돋움", Dotum, arial, sans-serif; color:#555;line-height:21px;/*overflow-x: hidden;*/ background:#fff}
html, body, blockquote, caption, dd, div, dl, dt, fieldset, form, frame, h1, h2, h3, h4, h5, h6, hr,
iframe, input, legend, li, object, ol, p, pre, q, select, table, textarea, tr, td, ul {margin:0; padding:0;vertical-align:middle}
ol, ul, li{list-style:none;}
fieldset, img {border:0 none;}
img {vertical-align:middle; border:0}
h1, h2, h3, h4, h5, h6 {font-style:normal; font-size:12px;}
table {border-collapse:collapse; border:0; empty-cells:show; /*table-layout:fixed;*/word-break: break-all;}
textarea {resize:none;}
hr,legend, caption{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}

a {text-decoration: none;color:#e6540d;}
a:link, a:visited {text-decoration: underline;color:#e6540d;}
a:hover, a:active, a:focus {text-decoration: underline;color:#e6540d;}


/* 패딩 및 마진값 설정 */
.padTop5 {padding-top:5px !important;}
.padTop10 {padding-top:10px !important;}
.padTop15 {padding-top:15px !important;}
.padTop20 {padding-top:20px !important;}
.padTop25 {padding-top:25px !important;}
.padTop30 {padding-top:30px !important;}
.padTop45 {padding-top:45px !important;}
.padTop60 {padding-top:60px !important;}

.padLeft5 {padding-left:5px !important;}

.padBot5 {padding-bottom:5px !important;}
.padBot10 {padding-bottom:10px !important;}
.padBot20 {padding-bottom:20px !important;}
.padBot25 {padding-bottom:25px !important;}
.padBot30 {padding-bottom:30px !important;}
.padBot40 {padding-bottom:40px !important;}
.padBot80 {padding-bottom:80px !important;}

.marTop5 {margin-top:5px !important;}
.marTop10 {margin-top:10px !important;}
.marTop15 {margin-top:15px !important;}
.marTop20 {margin-top:20px !important;}
.marTop23 {margin-top:23px !important;}
.marTop25 {margin-top:25px !important;}
.marTop30 {margin-top:30px !important;}
.marTop40 {margin-top:40px !important;}
.marTop50 {margin-top:50px !important;}
.marTop60 {margin-top:60px !important;}


.marLeft2 {margin-left:2px !important;}
.marLeft5 {margin-left:5px !important;}

.marBot10 {margin-bottom:10px !important;}

/* 폼테그 설정 */
select {border:1px #dbdbdb solid; height:20px; line-height:20px;}
input {border:1px #dbdbdb solid; height:20px; line-height:20px;}
.bordernone {border:none;padding:0px;}

/* 텍스트 정렬 설정 */
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}
.t_left {text-align:left !important;}

/* 클리어 보스 */
.clearboth {clear:both;}

/* 전체영역 */
body#main #Wrap {position:relative; width:100%; min-width:1000px;}
#Wrap {position:relative; width:100%; min-width:1000px;}
#Container {position:relative; width:100%;}

/* 헤더 */
body#main #header {position:relative; width:1000px margin:0 auto;}
body#main #header:after{content:"";display:block;clear:both;}
#header {position:relative; width:1000px; margin:0 auto;}
#header:after{content:"";display:block;clear:both;}

/* 비주얼영역 */
.visual {position:relative; width:100%; height:280px; background:url('../images/visual/visual_bg.jpg') repeat-x left top;}
.visual:after{content:"";display:block;clear:both;}
.visual_img01 {position:relative; width:100%; height:280px; background:url('../images/visual/about_us.jpg') no-repeat center top;}
.visual_img02 {position:relative; width:100%; height:280px; background:url('../images/visual/domestic_business.jpg') no-repeat center top;}
.visual_img03 {position:relative; width:100%; height:280px; background:url('../images/visual/overseas_projects.jpg') no-repeat center top;}
.visual_img04 {position:relative; width:100%; height:280px; background:url('../images/visual/contact_us.jpg') no-repeat center top;}
.visual_img05 {position:relative; width:100%; height:280px; background:url('../images/visual/contact_us.jpg') no-repeat center top;}


/* 컨텐츠영역 */
body#main .contents {position:relative; width:1000px margin:0 auto; clear:both;}

.contents {position:relative; width:1000px; margin:0 auto; margin-top:-90px; clear:both;}
.con {position:relative; width:960px; margin:0 auto;}
.con:after{content:"";display:block;clear:both;}

/* 헤더-로고 */
#logoarea {position:relative; width:190px; padding-left:20px;float:left;}
#logoarea h1 {padding-top:24px;}

/* 헤더-gnb */
body#main #gnb {position:relative; width:770px; height:70px; float:right; padding-top:22px;}

#gnb {position:relative; width:770px; height:70px; float:right; padding-top:22px;}
#gnb > li {float: left; width: auto; border: 0; overflow:hidden; background: url(../images/gnb/gnb_bar.jpg) no-repeat 0 7px; word-spacing:-1px;}
#gnb > li:first-child {margin-left: 0;}
#gnb > li > a {line-height: 1.7; padding-left: 0; border: 0; background-color: #fff; color: #666; font-size: 16px; font-weight:bold; background: url(../images/gnb/gnb_1depth_off.jpg) no-repeat 0 6px; padding-left:20px; text-decoration: none;}
#gnb > li > a:hover {background: #fff; color: #c50f38; background: url(../images/gnb/gnb_1depth_on.jpg) no-repeat 0 4px; padding-left:20px;}
#gnb > li.active > a {color: #c50f38; background: url(../images/gnb/gnb_1depth_on.jpg) no-repeat 0 4px; padding-left:20px;}
#gnb > li.active .sub-nav {display: block;}
#gnb > li.menu05 a{display:inline-block; background:none !important; padding:0px !important; }
#gnb .sub-nav {display: none;}
#gnb .sub-nav {position: absolute; bottom: 0px; left: 0; width: 100%;}
#gnb .sub-nav .centered-content {min-height: 37px;}
#gnb .sub-nav ul {width: 550px; float: right; padding-top: 7px;}
#gnb .sub-nav ul > li {float: left; line-height: 12px; padding-left: 10px; margin-left: 10px; }
#gnb .sub-nav ul > li:first-child {margin-left:0;padding-left: 0; border-left: 0;}
#gnb .sub-nav ul > li > a {color: #666; font-size: 13px; font-weight:bold; text-decoration: none; background: url(../images/gnb/gnb_2depth_off.jpg) no-repeat 0 4px; padding-left:12px;}
#gnb .sub-nav ul > li > a:hover,
#gnb .sub-nav ul > li > a:focus,
#gnb .sub-nav ul > li > a.active {color: #c50f38; background: url(../images/gnb/gnb_2depth_on.jpg) no-repeat 0 4px; padding-left:12px;}

#gnb .menu01{width:107px; padding-left:16px; word-spacing:-2px;}
#gnb .menu02{width:175px; padding-left:24px; word-spacing:-2px;}
#gnb .menu03{width:170px; padding-left:20px; word-spacing:-2px;}
#gnb .menu04{width:117px; padding-left:16px; word-spacing:-2px;}
#gnb .menu05{width:78px; padding-left:10px; word-spacing:-2px;}
#gnb .menu06{}
#gnb .menu01 .sub-nav ul {width: 800px;}
#gnb .menu02 .sub-nav ul {width: 622px;}
#gnb .menu03 .sub-nav ul {width: 427px;}
#gnb .menu04 .sub-nav ul {width: 380px;}
#gnb .menu05 .sub-nav ul {width: 230px;}
#gnb .menu06 .sub-nav ul {width: 378px;}

.clearfix:after{content:""; display:block; clear:both;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.main_logo_big {position:relative; width:100%; padding:105px 0px; text-align:center; border-top:1px solid #d2d6d9;}
.main_img_01 {position:relative; width:100%; padding:12px 0px; text-align:center; border-top:2px solid #d44a6b; border-bottom:2px solid #d44a6b;}
.main_con {position:relative; width:100%;}
.main_con ul li {width:260px; float:left; margin-left:80px;}
.main_con ul li:first-child { margin-left:20px;}

/* 왼편영역 */
.leftarea {position:relative; width:190px; float:left; padding-top:35px;}

#sidebar {position: relative; width:100%;  }
#sidebar .sidebar-header {display: block; position: static !important; margin-bottom:22px; color: #6d6e70; font-size: 30px; line-height:32px; font-weight: bold; text-align:center;}

#nav {position: relative; width:100%; border-top: 1px solid #928e8f; border-bottom: 1px solid #928e8f;}
#nav > li {width: 190px; height: 40px; border-top: 1px dashed #bdbdbd;}
#nav > li:first-child {border-top: none;}
#nav > li > a {display: block; line-height: 40px; padding-left: 23px; border: 0; background-color: #fff; color: #666; font-size: 14px; font-weight: bold; text-decoration: none;}
#nav > li > a:hover,
#nav > li > a:focus,
#nav > li > a.active {border: 0; background: url('../images/leftmenu/leftmenu_bg_on.jpg') no-repeat 0 0; color: #fff;  text-decoration: none;}

/* 오른편영역 */
.rightarea {position:relative; width:696px; float:right; margin-right:20px;}

.location {position:relative; width:100%; font-size:13px; color:#777; text-align:right; font-weight:bold}
.title {position:relative; width:100%; margin-top:8px;}
.racon {position:relative; width:100%; padding-top:68px;}
.racon:after{content:"";display:block;clear:both;}
.racon .conbox {border-top:2px solid #596770; border-bottom:2px solid #596770;}
.racon .conbox:after{content:"";display:block;clear:both;}
.racon .conbox .imgarea {border-bottom:1px solid #848d94; padding:12px 0px;}
.racon .conbox .imgarea:after{content:"";display:block;clear:both;}
.racon .conbox .imgarea .left {width:50%; float:left;}
.racon .conbox .imgarea .right {width:50%; float:right; text-align:right;}

.racon .conbox02 {position:relative; width:100%;}
.racon .conbox02 ul li {margin-bottom:10px;}

/* 풋더 */
body#main .footarea {position:relative; width:1000px margin:0 auto;}
#footer {position:relative; width:100%; height:72px; background:url('../images/common/footer_bg.jpg') repeat-x left top; margin-top:60px; clear:both;}
#footer .footarea {position:relative; width:1000px; margin:0 auto;}