@charset "utf-8";
@import url(../css/nanumgothic.css);
body {
    font-family: 'Nanum Gothic';
    font-size: 13px;
    color: #575757;
}

.jayClear {
    clear: both;
}

.jayOpacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    opacity: .1;
}

.jayEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

a:link {
    text-decoration: none;
    color: gray;
}

a:visited {
    text-decoration: none;
    color: gray;
}

a:hover {
    text-decoration: none;
    color: black;
}

a:active {
    text-decoration: none;
    color: black;
}

.centerArea {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

.blueTxt {
    color: #034eb0;
}

.blackTxt {
    color: #000000;
}

#wrap {
    min-width: 1023px;
    overflow: hidden;
}

#header {
    position: relative;
    z-index: 2;
}

#headerTop {
    background: #292929;
}

#headerMenu ul {
    float: left;
}

#headerMenu .language {
    float: right;
}

#headerMenu ul {
    list-style: none;
    display: inline-block;
}

#headerMenu ul li {
    float: left;
}

#headerMenu ul li a {
    display: block;
    padding: 0 10px;
    height: 47px;
    line-height: 47px;
    font-size: 11px;
    color: #d5d5d6;
}

#headerMenu ul li a.on,
#headerMenu ul li a:hover {
    font-weight: 800;
    color: #ffffff;
}

#headerMiddle {
    background: url("../images/headerWhiteBg.jpg") 0 0 repeat-x;
    height: 100px;
    border-bottom: 3px solid #584638;
}

#headerLogo {
    float: left;
    margin: 20px 100px 0px 0px;
}

#headerGnb {
    float: right;
    width: 710px;
    margin-top: 35px;
}

#headerGnb ul {
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
}

#headerGnb ul li {
    float: left;
    width: 19.8%;
}

#headerGnb ul li a.depts1Ank {
    display: block;
    color: #3f4042;
    position: relative;
    z-index: 7;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-family: "Nanum Gothic";
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 18px;
}

#headerGnb ul li a.depts1Ank.on,
#headerGnb ul li a.depts1Ank:hover {
    color: #444444;
}

.gnbSubArea {
    display: none;
    position: absolute;
    white-space: nowrap;
    background: #2d2f33;
}

.gnbSubArea a {
    display: inline-block;
    zoom: 1;
    *display: inline;
    color: #dddddd;
    padding: 7px 10px;
    font-family: "Nanum Gothic";
}

.gnbSubArea a:hover {
    color: #fff;
    font-weight: 800;
}

.gnbSub01 {
    margin-left: -10px;
}

.gnbSub02 {
    margin-left: -45px;
}

.gnbSub03 {
    margin-left: 0px;
}

.gnbSub04 {
    margin-left: -790px;
}

.gnbSub05 {
    margin-left: -45px;
}

#container {
    position: relative;
    z-index: 1;
}

#containerMain {}

#containerMain01 {
    height: 740px;
    background: #f6f7f9 url("../images/main/visualBg.png") center 0 no-repeat;
}

#containerMain01 .centerArea {
    position: relative;
}

#keyvisualTxt {
    position:relative;
    display: block;
    text-align:center;
    /* padding: 50px 0 0 17px; */
}

#containerMain01 a {
    display: block;
    margin: 18px 0 0 17px;
}

#containerMain01 .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#containerMain01 .bg > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent center center / cover;
    opacity: 0;
    transition: .5s;
}

#containerMain01 .bg > div.on {
    opacity: 1;
}

#containerMain02 {
    height: 580px;
    padding-top:80px;
    background: url(../images/main/main_bn_bg.jpg) no-repeat center top;
}

#containerMain02 a {
    display:block;
}

.main-bn01 {
    float:left;
    width:502px;
    height:502px;
    background: url(../images/main/main_bn01.jpg) no-repeat;
}

.main-bn01 .main-bn01-txt {
    padding: 80px 50px;
}

.main-bn01 .main-bn01-txt h2 {
    font-size:40px;
    color:#fff;
}

.main-bn01 .main-bn01-txt em {
    display:block;
    width:39px;
    height:2px;
    background:#fff;
    margin:30px 0;
}

.main-bn01 .main-bn01-txt p {
    font-size:13px;
    color:#fff;
    line-height: 20px;
}

.main-bn-R {
    width:522px;
    float:right;
}

.main-bn-R>div {
    width:241px;
    height:241px;
    float:left;
    margin:0 0 20px 20px;
}

.main-bn-R>div>a {
    width:241px;
    height:241px;
}

.main-bn-R h2 {
    font-size:30px;
    color:#fff;
    text-align:center;
    padding-top:50px;
}

.main-bn02 {
    background-image: url(../images/main/main_bn02.png);
    background-color: rgba(96, 96, 96, 0.8);
}

.main-bn02:hover {
    background-color: rgba(96, 96, 96, 1);
}

.main-bn03 {
    background-image: url(../images/main/main_bn03.png);
    background-color: rgba(175, 141, 92, 0.8);
}

.main-bn03:hover {
    background-color: rgba(175, 141, 92, 1);
}

.main-bn04 {
    background-image: url(../images/main/main_bn04.png);
    background-color: rgba(76, 119, 53, 0.8);
}
.main-bn04:hover {
    background-color: rgba(76, 119, 53, 1);
}

.main-bn05 {
    background-image: url(../images/main/main_bn05.png);
    background-color: rgba(41, 41, 41, 0.8);
}

.main-bn05:hover {
    background-color: rgba(41, 41, 41, 1);
}


#quickServiceTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0 19px 17px;
}

#containerMain03 {
    background: #ecedef;
}

#hotDesign {
    font-size: 24px;
    font-weight: 700;
    padding: 15px 0 19px 0px;
}

#containerMain03 .centerArea {
    padding: 15px 0px 36px 0px;
}

.mainBannerArea {
    float: left;
    width: 248px;
    height: 124px;
    /*border: 1px solid #e0e0e0;*/
}

.mainBannerArea01 {
    float: left;
    width: 248px;
    height: 124px;
    /*border: 1px solid #e0e0e0;*/
    margin-left: 10px;
}

.mainBannerArea:first-child {
    margin-left: 0px;
}

.mainBannerArea a h2 {
    color: #034eb0;
    font-size: 18px;
    font-weight: 700;
}

.mainBannerArea a h3 {
    color: #777777;
    font-size: 14px;
    margin: 5px 0;
}

.mainBannerArea a span {
    display: block;
    color: #a5a5a5;
    font-size: 13px;
    margin: 0 0 20px 0;
}

.mainBannerArea a:hover h2,
.mainBannerArea a:hover h3,
.mainBannerArea a:hover span {
    text-decoration: underline;
}

#containerMain04 {}

#containerMain04 .centerArea {
    padding: 40px 0 50px 0;
}

.cm03Cont {
    float: left;
    width: 321px;
    margin-left: 30px;
}

.cm03cTitle {
    margin-bottom: 10px;
}

.cm03ctLeft {
    float: left;
}

.cm03ctRight {
    float: right;
}

.cm03cContents {}

.bbsList {
    display: none;
    position: relative;
}

.bbsList .listMore {
    display: block;
    position: absolute;
    top: -30px;
    right: 0px;
}

.bbsList.noticeBbs {
    display: block;
}

.bbsList ul {
    list-style: none;
    display: block;
}

.bbsList ul li {
    float: left;
    width: 100%;
}

.bbsList ul li a {
    display: block;
    float: left;
    width: 100%;
    padding: 3px 0;
}

.bbsList ul li a:hover {
    color: #000;
}

.bbsList ul li a span {
    display: block;
    float: left;
    width: 245px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bbsList ul li a span + span {
    float: right;
    width: 67px;
    overflow: visible;
}

.review ul {
    list-style: none;
    display: block;
    margin-top: 14px;
}


/*
				.review ul li {float:left; margin-left:7px;}
				.review ul li:first-child {margin-left:0px;}
				*/

.review ul li a {
    display: block;
}

.review ul li a img {
    width: 100px;
    height: 73px;
}

.cm03Cont:first-child {
    margin-left: 0px;
}

.cm03Cont h2 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
}

.mainBbs h2,
.cm03Cont h2 span {
    color: #6d6d6d;
    font-size: 16px;
    cursor: pointer;
}

.cm03Cont h2 span.on {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
}

.cm03Cont .prmovie {}

#containerSub {
    padding-bottom:60px;
}

#containerSub .centerArea {
    padding: 40px 0;
}

#subLeft {
    float: left;
}

#subLeftTitle {
    width: 203px;
    height: 127px;
    letter-spacing: -1px;
    color: #fff;
    background: url("../images/subLeftTitleBg.jpg") 0 0 no-repeat;
}

#subLeftTitle span {
    font-size: 26px;
    display: block;
    width: 100%;
    font-weight: 700;
    padding-top: 40px;
    text-align: center;
}

#subLeftTitle span + span {
    font-size: 13px;
    text-align: center;
    padding-top: 0px;
}

#leftMenu1DeptsUl {
    list-style: none;
}

#leftMenu1DeptsUl li {}

#leftMenu1DeptsUl li a.depts1ank {
    display: block;
    padding-left: 20px;
    width: 183px;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #5c5c5c;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: url("../images/lnbBg.jpg") 0 0 no-repeat;
}

#leftMenu1DeptsUl li a.depts1ank.on,
#leftMenu1DeptsUl li a.depts1ank:hover {
    color: #fcff00;
    background: url("../images/lnbBgOv.jpg") 0 0 no-repeat;
}

#leftMenu1DeptsUl li:first-child a.depts1ank {
    border-top: 1px solid #888888;
}

.leftMenu2DeptsUl {
    display: none;
    list-style: none;
    background: #848484;
    width: 100%;
    margin-top: -1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #5c5c5c;
}

.leftMenu2DeptsUl.on {
    display: block;
}

.leftMenu2DeptsUl li {
    width: 185px;
    margin: 0 auto;
    background: #9d9d9d/*url("../images/depts2arrow.jpg") 12px center no-repeat*/
    ;
}

.leftMenu2DeptsUl li a {
    display: block;
    padding-left: 13px;
    width: 152px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    color: #fff;
    /* border-top:1px dotted #e2e2e2; */
    background: url("../images/depts2dotted.jpg") 0 top repeat-x;
}

.leftMenu2DeptsUl li:first-child a {
    background: none;
}

.leftMenu2DeptsUl li a.on,
.leftMenu2DeptsUl li a:hover {
    font-weight: 800;
    background: #2d2f33/* url("../images/depts2arrow.jpg") 5px center no-repeat*/
    ;
}

#subRight {
    float: right;
    width: 774px;
}

#subRightTitle {
    width: 774px;
    height: 180px;
    background: url("../images/subRightTitleBg.jpg") 0 0 no-repeat */;
}

#subRightTitle {}

#subRightLocation {
    font-weight: 400;
}

#subRightLocation img {
    padding-top:3px;
}

#subRightLocation span {
    font-weight: 800;
}

#subRightTitle h1 {
    font-size: 43px;
    color: #424242;
    font-weight: 700;
    letter-spacing: -4px;
    margin: 30px 0 10px 0;
}

#subRightTitle h2 {
    font-size: 15px;
    color: #7f7e7e;
}

#subRightContents {
    line-height:24px;
}

#footer {
    background: #6c6c6c;
    height: 145px;
}

#footer .centerArea {}

#footerLeft {
    float: left;
    margin: 64px 34px 0 0;
}

#footerCenter {
    float: left;
    margin: 30px 0 0 0;
}

#footerCenterTop {}

#footerCenterTop ul {
    list-style: none;
    *height: 15px;
}

#footerCenterTop ul li {
    float: left;
    background: url("../images/footerBar.jpg") 0 center no-repeat;
}

#footerCenterTop ul li:first-child {
    background: none;
}

#footerCenterTop ul li a {
    color: #fff;
    padding: 0 13px;
}

#footerCenterTop ul li:first-child a {
    padding-left: 0px;
}

#footerCenterTop ul li a.on,
#footerCenterTop ul li a:hover {
    font-weight: 800;
}

#footerCenterMiddle {
    margin-top: 20px;
    color: #acacac;
    line-height: 22px;
}

#footerCenterBottom {
    margin-top: 10px;
    color: #acacac;
    font-size: 10px;
}

#footerRight {
    float: right;
    margin: 30px 0 0 0;
}


#footerRight ul.toolBtn li {
    margin-left: 10px;
    float: left;
    list-style:none;
}

#subRightContents ul.con_txt li {
    padding-bottom: 5px;
    margin-left:16px;
    text-align:left;
    font-size:15px;
    margin-bottom:5px;
}

#subRightContents ul.con_txt li:last-child{
 margin-bottom:0;   
}

#subRightContents .about01 {
    width: 727px;
    height: 120px;
    background: url(../images/sub/comimg.jpg) no-repeat;
    padding: 90px 0 0 180px;
    line-height: 1.4;
    ;
}

#subRightContents .about02 {
    width: 727px;
    height: 315px;
    background: url(../images/sub/comimg03.jpg) no-repeat;
    padding: 120px 0 0 265px;
    line-height: 1.8;
    ;
}

#subRightContents .about03 {
    line-height: 1.8;
    ;
}

#subRightContents .about04 {
    line-height: 1.8;
    ;
    vertical-align: top;
}

.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.customSelect {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font: normal 11px/22px Arial, Sans-Serif;
    color: black;
    border-radius: 6px;
    padding: 3px 7px;
    width: 100px;
    width: 120px;
    margin-top: 30px;
}

.styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #868a90;
    padding: 0 10px;
    font-weight: bold;
    padding: 3px 7px;
    color: #fff;
    width: 120px;
    *zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("i"), this.firstChild).className="ie-before", this.appendChild( document.createElement("i")).className="ie-after");
    width: 120px;
}

.styledSelect:after,
.customSelectArrowBtn,
.styledSelect .ie-after {
    content: "";
    position: absolute;
    width: 34px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #b9bbbf url("../images/footerSelectArrow.jpg") center center no-repeat;
}

.styledSelect:active,
.styledSelect.active {
    background-color: #868a90;
}

.customSelectOptions {
    display: none;
    position: absolute;
    bottom: 29px;
    right: 0;
    left: 0;
    z-index: 999;
    padding: 0 0;
    list-style: none;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.customSelectOptions li {
    padding: 0 6px;
    margin: 0 0;
    padding: 0 10px;
    background: #868a90;
    color: #fff;
}

.customSelectOptions li:hover {
    background-color: #39f;
    color: white;
}


/* 컨텐츠 탭메뉴 */

#tabBtnArea_01 > ul {
    list-style: none;
}

#tabBtnArea_01 > ul > li {
    float: left;
    margin-right: 2px;
    position: relative;
    width: 160px;
    height: 51px;
}

#tabBtnArea_01 > ul > li.on,
#tabBtnArea_01 > ul > li:hover {
    background: url("../images/sub/contentsTab.jpg") center bottom no-repeat;
}

#tabBtnArea_01 > ul > li > a {
    display: block;
    font-size: 14px;
    background: #d7d7d7;
    color: #515151;
    width: 160px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    margin-bottom: 11px;
}

#tabBtnArea_01 > ul >li.on > a,
#tabBtnArea_01 > ul > li:hover > a {
    background: #0d4894;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
}

.tabBtnArea_02 .tabBtn02_01 {}

.tabBtnArea_02 .tabBtn02_02 {}

.tabBtnArea_02 .tabBtn02_01 li {
    float: left;
    width: 160px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
    list-style: none;
    border: 1px solid #c9c9c9;
    margin-right: 5px;
}

.tabBtnArea_02 .tabBtn02_02 li {
    float: left;
    width: 160px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
    list-style: none;
    border: 1px solid #c9c9c9;
    margin-right: 5px;
}

.tabBtnArea_02 .tabBtn02 li:hover,
.tabBtnArea_02 .tabBtn02 li.on {
    background: url("../images/sub_tit_on.jpg") no-repeat 0 0;
}

.tabBtnArea_tit {
    font-size: 16px;
    margin: 30px 0;
}


.company01 {
    font-size: 14px;
    text-align:justify;
}

.process-box {
    padding:30px 30px 20px;
    position:relative;
    border-radius:50px;
    margin-bottom:30px;
}

.process-box h3 {
    width:36px;
    height:36px;
    border-radius:50px;
    text-align:center;
    line-height:36px;
    color:#fff;
    position:absolute;
    top:-17px;
    left:50%;
    margin-left:-18px;
}

.process-box:nth-child(odd) {
    background:#eff5ec;
}

.process-box:nth-child(odd) h3 {
    background:#6ebc44;
}

.process-box:nth-child(even) {
    background:#f3f5f8;
}

.process-box:nth-child(even) h3 {
    background:#51515f;
}


#subRightContents h2 {
    font-size: 22px;
    background: url(../images/sub/sotit.png) 0 3px no-repeat;
    padding-left: 27px;
    margin-bottom: 20px;
}

#subRightContents h3 {
    font-size: 16px;
}


.table table {
    width: 100%;
    border-top: 2px solid #777;
    border-collapse: collapse;
    text-align: center;
}

.table tr {
    border-bottom: 1px solid #ededed;
}

.table tr.gray th {
    background-color:#888;
    color:#fff;
}

.table th {
    padding: 12px 10px;
    border-right: 1px solid #ededed;
    color: #333;
    background-color: #f7f7f7;
}

.table td {
    padding: 12px 10px;
    border-right: 1px solid #ededed;
}

.table td:last-child {
    border-right: 0px;
}

.table th:last-child {
    border-right: 0px;
}

.mt20 {
    margin-top:20px;
}

.mt30 {
    margin-top:30px;
}

.mt50 {
    margin-top:50px;
}

.red {
    color:red;
}

.blue {
    color:blue;
}

.prdt-paging { width: 572px; margin: 0 auto; padding-top: 40px; padding-bottom: 100px;}
.prdt-paging ul {text-align: center;}
.prdt-paging ul li {margin-right: 5px; display: inline-block;}
.prdt-paging ul li.last-node {margin-right: 0px;}
.prdt-paging ul li a {display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 12px; font-size: 1rem; color: #333; border: 1px solid #ddd;}

.main-bn06 {
	float: left;
    width: 502px;
    height: 241px;
    background: url(../images/main/main_bn06.jpg) no-repeat;
	margin: 0 0 20px;
}

.main-bn06 .main-bn01-txt {
    padding: 45.5px;
}

.main-bn06 .main-bn01-txt h2 {
    font-size:40px;
    color:#fff;
}

.main-bn06 .main-bn01-txt em {
    display:block;
    width:39px;
    height:2px;
    background:#fff;
    margin:30px 0;
}

.main-bn06 .main-bn01-txt p {
    font-size:13px;
    color:#fff;
    line-height: 20px;
}

.main-bn07 {
	float: left;
    width: 502px;
    height: 241px;
}

/*header 메뉴 강제 감춤*/
.new_lnb03 a:last-child {
    display: none;
}
/*시공사례 메뉴 강제 CSS*/
.new_lnb03 li {
    position: relative;
    top: 47px;
}
.new_lnb03 li:nth-child(15) {
    position: absolute;
    top: 166.56px;
}