html{overflow:auto}
body{background:#fff}
#wrap {width:100%; min-width:1280px; background: #fff;}

#header, .mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:94%; padding: 0 3%; margin:0 auto; position:relative;}

.overlay {position: fixed; width: 100%; height: 100%; z-index: 999; background: #000; opacity: 0.7; left: 0; top: 0; display: none;}

/*header*/
#header{width:100%; position: fixed; left: 0; top: 5%; z-index: 5;}
#header .inner {width: 94%; padding: 0 3%; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
#header .inner .btn_menu {position: absolute; right: 3%; top: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
#header h1 a {text-indent: -9999px; overflow: hidden; display: block; width: 130px; height: 54px; background: url('/images/common/logo.png') no-repeat 0 0; -webkit-background-size: cover; background-size: cover; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
#header .btn_menu {text-indent: -9999px; overflow: hidden; display: block; width: 29px; height: 24px; background: url('/images/common/btn_menu.png') no-repeat 0 0; -webkit-background-size: cover; background-size: cover;}

.sub #header.fixed {background: #fff; height: 60px; top: 0; z-index: 100;}
.sub #header.fixed .inner {margin: 12px auto;}
.sub #header.fixed .inner .btn_menu {top: 7px;}
.sub #header.fixed h1 a {width: 89px; height: 36px;}

#fp-nav {position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 70px;}
#fp-nav ul, .fp-slidesNav ul {margin: 0; padding: 0;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li, .fp-slidesNav ul li {display: block; margin: 15px 0; position:relative;}
#fp-nav ul li:after, .fp-slidesNav ul li:after {content:''; display:block; clear:both;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a, .fp-slidesNav ul li a {display: block; position: relative; z-index: 1; width: 29px; height: 29px; background:url('/images/main/ico_section.png') no-repeat 0 0; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active, #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active {background:url('/images/main/ico_section_active.png') no-repeat 0 0;}

.fp-viewing-page2 #header h1 a,
.fp-viewing-page3 #header h1 a,
.fp-viewing-page4 #header h1 a,
.fp-viewing-page5 #header h1 a {background: url('/images/common/logo_white.png') no-repeat 0 0; -webkit-background-size: cover; background-size: cover;}

.fp-viewing-page2 #header .btn_menu,
.fp-viewing-page3 #header .btn_menu,
.fp-viewing-page4 #header .btn_menu,
.fp-viewing-page5 #header .btn_menu {background: url('/images/common/btn_menu_white.png') no-repeat 0 0; -webkit-background-size: cover; background-size: cover;}

.fp-viewing-page2 #fp-nav ul li a, .fp-viewing-page2 .fp-slidesNav ul li a,
.fp-viewing-page3 #fp-nav ul li a, .fp-viewing-page3 .fp-slidesNav ul li a,
.fp-viewing-page4 #fp-nav ul li a, .fp-viewing-page4 .fp-slidesNav ul li a,
.fp-viewing-page5 #fp-nav ul li a, .fp-viewing-page5 .fp-slidesNav ul li a {background:url('/images/main/ico_section_w.png') no-repeat 0 0;}

.fp-viewing-page2 #fp-nav ul li a.active, .fp-viewing-page2 .fp-slidesNav ul li a.active, .fp-viewing-page2 #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active,
.fp-viewing-page3 #fp-nav ul li a.active, .fp-viewing-page3 .fp-slidesNav ul li a.active, .fp-viewing-page3 #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active,
.fp-viewing-page4 #fp-nav ul li a.active, .fp-viewing-page4 .fp-slidesNav ul li a.active, .fp-viewing-page4 #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active,
.fp-viewing-page5 #fp-nav ul li a.active, .fp-viewing-page5 .fp-slidesNav ul li a.active, .fp-viewing-page5 #fp-nav ul li:hover a.active, .fp-slidesNav ul li:hover a.active {background:url('/images/main/ico_section_active_w.png') no-repeat 0 0;}


.allMenu {position: fixed; background: #f3f3f3; left: 0; top: -100%; width: 100%; height: 100%; text-align: center; z-index: 200; overflow: hidden;}
.allMenu .allInner {display: table; width: 100%; height: 100%;}
.allMenu .btn_menu_close {position: absolute; right: 3%; top: 5%;}
.allMenu .allMenuWrap {display: table-cell; vertical-align: middle;}
.allMenu dl {display: inline-block;}
.allMenu dt {font-size: 50px; font-weight: 800; color: #222; line-height: 95px; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor:pointer;}
.allMenu dt .line {width: 0px; height: 1px; background: #eb661a; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dt a {font-size: 50px; font-weight: 800; color: #222; display: block;}
.allMenu dd {border-bottom: 1px solid #dfdfdf; display: none;}
.allMenu dd a {display: block; font-size: 26px; color: #666; line-height: 50px; font-weight: 400; position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dd a .bg {width: 0; height: 50px; position: absolute; left: 0; top: 0; background: #eb661a; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.allMenu dd a .txt {position: relative; z-index: 1;}

.allMenu dt:hover {color: #eb661a;}
.allMenu dt:hover a {color: #eb661a;}
.allMenu dt:hover .line {width: 100%;}
.allMenu dt.active {color: #eb661a;}
.allMenu dt.active a {color: #eb661a;}
.allMenu dt.active .line {width: 100%;}
.allMenu dd a:hover {color: #fff;}
.allMenu dd a:hover .bg {width: 100%;}

/* 메인비주얼 */
.mainVisual{width:100%; position:relative; z-index:1 !important; overflow:hidden; vertical-align: top; display: block;}
.mainVisual li {text-align:center;}
.mainVisual li img {width: 100%; height: 100%;}
.mainVisual li.slide01 img {width: auto;}
.mainVisual li .visualText01 {position: absolute; width: 1200px; height: 100%; left: 50%; margin-left: -600px; z-index: 60; top: 61%; font-size: 30px; font-weight: 300; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; padding-left: 860px; letter-spacing: -0.8px; line-height: 1.5em;}
.mainVisual li .visualText01 strong {font-size: 70px; font-weight: 400;}
.mainVisual li .visualText01 a {margin-top: 20px;}
.mainVisual li .visualText02 {position: absolute; width:100%; text-align: center; left: 0; z-index: 60; top: 50%; height: 196px; margin-top: -98px;}
.mainVisual li .visualText02 strong {color: #222; font-size: 70px; font-weight: 800; line-height: 70px; margin-bottom: 20px; display: block;}
.mainVisual li .visualText02 p {font-size: 24px; line-height: 24px; font-weight: 400; color: #555;}
.mainVisual li .visualText02 a {margin-top: 30px;}

/*메인비주얼 좌우 버튼*/
.mainVisual .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:39px; height:50px; position:absolute; left:0; top:48%; z-index:99; background:url('/images/main/arrows.png') no-repeat left top;}
.mainVisual .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:39px; height:50px; position:absolute; right:0; top:48%; z-index:99; background:url('/images/main/arrows.png') no-repeat right top;}
/*메인비주얼 블릿*/
.mainVisual .bx-pager {position:relative; top:-40px; text-align:center; z-index:99;}
.mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline;}
.mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background: #aaa; margin: 0 10px;}
.mainVisual .bx-pager-item .bx-pager-link.active {background: #eb661a;}

.main .fp-tableCell {display: table; width: 100%; vertical-align: top;}
.main .section_contents {display: table-cell; width: 1200px; margin: 0 auto; vertical-align: middle; position: relative;}
.main .inner {width: 1200px; padding: 0; margin: 0 auto;}
.main .section_contents h2 {text-align: center; font-weight: 800; font-size: 70px; line-height: 70px; margin-bottom: 20px;}
.main .section_contents p.sub_title {text-align: center; font-weight: 400; font-size: 20px;}
.main .contactButton {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg); position: absolute; left: 0; top: 0; margin-top: 28%; z-index: 100;}
.main .contactButton a {font-size: 16px; font-weight: 600; color: #000;}

#section1 .fp-tableCell {display: block;}
#section2 {background: url('/images/main/visual02.jpg') no-repeat center top; -webkit-background-size: cover; background-size: cover; text-align: center; color: #fff;}
#section2 p.sub_title {margin-bottom: 60px;}
#section2 img {margin: 0 auto 50px; display: block;}
#section2 img.img_mobile {display: none;}
#section2 .contactButton a {color: #fff;}

#section3 {background: url('/images/main/visual03.jpg') no-repeat center top; -webkit-background-size: cover; background-size: cover; text-align: center; color: #fff;}
#section3 .platformWrap {font-size: 0; text-align: center; margin: 60px 0 40px 0;}
#section3 .platformWrap li {margin: 0 30px; font-size: 20px; color: #fff; display: inline-block;}
#section3 .platformWrap li img {display: block; margin: 0 auto 15px; vertical-align: top;}
#section3 .contactButton a {color: #fff;}

#section4 {background: url('/images/main/visual04.jpg') no-repeat center top; -webkit-background-size: cover; background-size: cover; text-align: center; color: #fff;}
#section4 .cttWrap {text-align: center; margin-top: 65px;}
#section4 .cttWrap .buttonBox {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px solid #fff; display: inline-block; width: 428px; height: 287px; text-align: left; vertical-align: top; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#section4 .cttWrap .buttonBox a {color: #fff; display: block; padding: 55px;}
#section4 .cttWrap .buttonBox dl {margin-bottom: 90px;}
#section4 .cttWrap .buttonBox dt {font-size: 30px; line-height: 30px; margin-bottom: 15px; font-weight: 600;}
#section4 .cttWrap .buttonBox dt img {width: 0; height: 0; display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
#section4 .cttWrap .buttonBox dd {font-size: 18px; font-weight: 300; line-height: 20px;}
#section4 .cttWrap .buttonBox .btn_line {font-size: 16px; font-weight: 600;}
#section4 .cttWrap .buttonBox .btn_line img {vertical-align: middle;}
#section4 .cttWrap .buttonBox:hover {background: #eb661a; border-color: #eb661a;}
#section4 .cttWrap .buttonBox:hover dl {margin-bottom: 50px;}
#section4 .cttWrap .buttonBox:hover dt img {width: auto; height: auto; margin: 0 0 15px 0;}
#section4 .contactButton a {color: #fff;}
#section5 {height: auto !important;}
#section5 .fp-tableCell {height: auto !important;}

/* 서브페이지 공통 */
#container {top:20px; opacity: 0; z-index: 1;}
#subVisual {height: 350px; opacity: 0; top:-20px;}
.subVisual1_1 {background: url('/images/common/bg_subVisual1_1.jpg') no-repeat center top;}
.subVisual1_2 {background: url('/images/common/bg_subVisual1_2.jpg') no-repeat center top;}
.subVisual1_3 {background: url('/images/common/bg_subVisual1_3.jpg') no-repeat center top;}
.subVisual1_4 {background: url('/images/common/bg_subVisual1_4.jpg') no-repeat center top;}
.subVisual2_1 {background: url('/images/common/bg_subVisual2_1.jpg') no-repeat center top;}
.subVisual2_2 {background: url('/images/common/bg_subVisual2_2.jpg') no-repeat center top;}
.subVisual3_1 {background: url('/images/common/bg_subVisual3_1.jpg') no-repeat center top;}
.subVisual3_2 {background: url('/images/common/bg_subVisual3_2.jpg') no-repeat center top;}
.subVisual4_1 {background: url('/images/common/bg_subVisual4_1.jpg') no-repeat center top;}
.subVisual4_2 {background: url('/images/common/bg_subVisual4_2.jpg') no-repeat center top;}
.subVisual5_1 {background: url('/images/common/bg_subVisual5_1.jpg') no-repeat center top;}

/* 서브메뉴 */
.SNBWrap{position:absolute; right:50%; margin-right:-600px; top:25px;}
.SNBWrap h3 {display:none;}
.SNBWrap .menu {width:auto;}
.SNBWrap .menu li {float:left; height:50px; line-height:50px; text-align:center; padding:0px 20px; margin-left:1px; font-weight:400; font-size:18px;}
.SNBWrap .menu .snb_off {background:url(/images/common/snb_off_bg.png) left top repeat;}
.SNBWrap .menu .snb_off a {color:#fff;}
.SNBWrap .menu .snb_on {background:#fff;}

.titleArea {width: 1200px; margin: -75px auto 90px;}
.titleArea .location {font-size: 16px; color: #555; line-height: 16px; font-weight: 500; margin-bottom: 20px;}
.titleArea h3 {color: #222; font-weight: 800; font-size: 70px; line-height: 70px;}
.contentsArea .section {padding: 140px 0; font-size: 18px; line-height: 28px;}
.contentsArea .section:first-child {padding-top: 0;}
.contentsArea .section .inner {width: 1200px; margin: 0 auto; position: relative;}
.contentsArea .section .inner:after {content: ''; display: block; clear: both;}
.contentsArea .section .inner h4.title {font-size: 24px; line-height: 28px; color: #222; letter-spacing: 5px; font-weight: 400;}
.contentsArea .section .inner h4.title.eng {letter-spacing: 2px; font-weight: 600;}
.contentsArea .section .inner h4.title2 {font-size: 20px; color: #222; font-weight: 600; margin-bottom: 30px;}
.contentsArea .section .inner p {font-size: 18px; line-height: 28px; color: #555; font-weight: 300; margin-top: 25px;}
.contentsArea .section.white .inner h4 {color: #fff;}
.contentsArea .section.white .inner p {color: #ccc;}
.contentsArea .section.gray {background: #f9f9f9;}
.contentsArea .section.black {background: #222;}

.list_bullet li {font-size: 18px; font-weight: 300; line-height: 28px; padding-left: 10px; background: url('/images/common/list_bullet.png') no-repeat left 13px;}

/* Company */
.contentsArea .section.about01 {background: url('/images/company/bg_about01.jpg') no-repeat center bottom; height: 650px;}
.contentsArea .section.about02 {background: url('/images/company/bg_about02.jpg') no-repeat center bottom;}
.contentsArea .section.about02 .imgBox {margin: 75px 0 0 0; text-align: center;}
.contentsArea .section.about02 .imgBox img {vertical-align: top;}
.contentsArea .section.about02 .imgBox img.img_mobile {display: none;}
.contentsArea .section.greeting {padding-bottom: 0;}
.contentsArea .section.greeting .inner {background: url('/images/company/bg_greeting.png') no-repeat right center; margin-bottom: 100px;}
.contentsArea .section.greeting .inner p {width: 680px;}
.contentsArea .section.greeting .inner p strong.name {font-weight: 400; font-size: 24px; letter-spacing: 5px; color: #222;}
.contentsArea .section.greeting .inner p img {vertical-align: middle; margin-top: -2px;}
.contentsArea .section.greeting .inner .ceoImage {display: none;}
.contentsArea .section.organization01 .inner {padding-left: 580px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contentsArea .section.organization01 .ogzContents dt {margin-top: 45px; font-size: 20px; color: #222;}
.contentsArea .section.organization01 .ogzContents dd {margin-top: 25px;}
.contentsArea .section.organization01 .img_ogz {position: absolute; left: 0; top: 0;}
.contentsArea .section.organization02 {background: url('/images/company/bg_organization.jpg') no-repeat center top; padding-top: 180px;}
.contentsArea .section.organization02 h4.title {margin-top: 50px;}
.contentsArea .section.ci .inner {background: url('/images/company/img_ci.png') no-repeat right top; min-height: 296px;}
.contentsArea .section.ci .inner p {width: 645px;}
.contentsArea .section.ci .ci_information {margin-top: 145px;}
.contentsArea .section.ci .ci_information:after {content:''; display: block; clear: both;}
.contentsArea .section.ci .ci_information dl {float: left; width: 32%; margin-left: 2%;}
.contentsArea .section.ci .ci_information dl:first-child {margin-left: 0;}
.contentsArea .section.ci .ci_information dt {font-size: 20px; color: #222; font-weight: 600; margin-bottom: 30px;}
.contentsArea .section.ci .ci_information dd {font-size: 18px; font-weight: 300; line-height: 28px;}
.contentsArea .section.ci .ci_information dd img {display: block; vertical-align: top; margin-bottom: 20px;}
.contentsArea .section.ci.gray .inner {background: url('/images/company/img_platform5.png') no-repeat right top; min-height: 296px;}
.contentsArea .section.ci.gray .inner p {width: 645px;}
.contentsArea .section.ci.gray .inner p strong {font-weight: 400;}
.contentsArea .section.ci.gray .ci_information dl {width: 49%; margin-left: 2%;}
.contentsArea .section.ci.gray .ci_information dl:first-child {margin-left: 0;}

/* Urban Planning */
.contentsArea .planningWrap {padding: 30px 0; background: #f9f9f9; border-top: 1px solid #333; border-bottom: 1px solid #dfdfdf; margin: 20px 0 0 0;}
.contentsArea .planningWrap ul {text-align: center; font-size: 0;}
.contentsArea .planningWrap ul:after {content: ''; display: block; clear: both;}
.contentsArea .planningWrap ul li {display: inline-block; text-align: center; font-size: 18px; font-weight: 400; background: url('/images/urban/ico_plus.png') no-repeat left 60px; padding-left: 30px; margin-left: 15px;}
.contentsArea .planningWrap ul li:first-child {background: none; padding-left: 0; margin-left: 0;}
.contentsArea .planningWrap ul li img {display: block; margin: 0 auto 5px; vertical-align: top;}
.contentsArea .latestProject {position: relative; background: url('/images/urban/bg_pjt_slide.png') no-repeat center bottom; height: 480px; overflow: hidden;}
.contentsArea .latestProject .arrowButtons {width: 101px; position: absolute; left: 0; bottom: 0;}
.contentsArea .latestProject .title2 {font-weight: 600; color: #222; margin-bottom: 20px;}
.contentsArea .latestProject:after {content: ''; display: block; clear: both;}
.contentsArea .latestProject ul li .subject {width: 90%;}
.contentsArea .latestProject ul li .subject a {font-size: 24px; color: #222; line-height: 28px; display: block; margin-bottom: 20px;}
.contentsArea .latestProject ul li .subject .date {font-size: 18px;}
.contentsArea .projectSliderText {width: 1200px; position: absolute; left: 50%; margin-left: -600px; height: 244px;}
.contentsArea .projectSliderText .bx-wrapper {margin: 0 !important;}
.contentsArea .projectSliderImage {width: 1170px; float: right; position: relative; background:#fff;}
/*.contentsArea .projectSliderImage .bg {position: absolute; width: 679px; min-height: 480px; height:100%; background: #fff; opacity: 0.7; left: 679px; top: 0; z-index: 60;}*/
.contentsArea .projectSliderImage .bx-wrapper {max-width: 100% !important; margin: 0 !important;}
.contentsArea .projectSliderImage ul,
.contentsArea .projectSliderImage ul li {padding:0; margin:0;}
.contentsArea .projectSliderImage ul li {list-style:none; width: auto !important; opacity:0.3;}
.contentsArea .latestProject .img img {max-width:none; width:auto; height:480px; max-height:480px; display:block;}

.project_img .active-slide {opacity:1 !important;}

.contentsArea .latestProject .arrowButtons {font-size: 0;}
.contentsArea .latestProject .arrowButtons a {text-indent: -9999px; overflow: hidden; display: inline-block; width: 50px; height: 50px;}
.contentsArea .latestProject .arrowButtons a.pj-prev {background: url('/images/urban/arrow_pgt.png') no-repeat left top; margin-right: 1px;}
.contentsArea .latestProject .arrowButtons a.pj-prev:hover {background: url('/images/urban/arrow_pgt.png') no-repeat left bottom;}
.contentsArea .latestProject .arrowButtons a.pj-next {background: url('/images/urban/arrow_pgt.png') no-repeat right top;}
.contentsArea .latestProject .arrowButtons a.pj-next:hover {background: url('/images/urban/arrow_pgt.png') no-repeat right bottom;}
.contentsArea .latestProject .btn_project {display: inline-block; width: 184px; height: 184px; text-align: center; color: #fff; font-weight: 600; font-size: 16px; line-height: 184px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; position: absolute; left: -30px; bottom: 66px; background: #eb661a;}
.contentsArea .latestProject .btn_project .line {display: inline-block; width: 40px; height: 1px; background: #fff; vertical-align: middle;}

/* Platform5 */
.contentsArea.platform5 .img_mobile {display: none;}
.contentsArea .section.model {background: url('/images/platform5/bg_model.jpg') no-repeat center top; height: 497px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contentsArea .section.model p {width: 405px;}
.contentsArea .section.gray .inner .btn_inquiry {width:197px; margin:30px auto 0;}
.contentsArea .gray2.latestProject {position: relative; background: #f9f9f9 url('/images/platform5/bg_pjt_slide2.jpg') no-repeat center bottom; height: 480px;}
.contentsArea .gray2.latestProject .btn_project {background: #113e4d;}

.contentsArea .gray2 .projectSliderImage {background:#fff;}
.contentsArea .gray2 .projectSliderImage ul,
.contentsArea .gray2 .projectSliderImage ul li {padding:0; margin:0;}
.contentsArea .gray2 .projectSliderImage ul li {list-style:none; width: auto !important; opacity:0.3;}
.contentsArea .gray2 .img img {max-width:none; width:auto; height:480px; max-height:480px; display:block;}

.project_img2 .active-slide {opacity:1 !important;}

/* Contact */
.contactMessage {margin-bottom: 55px;}
.contentsArea .section.black {padding-bottom: 0; position: relative; z-index: 1;}
.contentsArea .section.black .location {margin-top: 25px; font-size: 0; line-height: 28px; padding-bottom: 55px;}
.contentsArea .section.black .location dt {color: #fff; font-weight: 600; font-size: 16px; display: inline-block; min-width: 100px;}
.contentsArea .section.black .location dd {color: #ccc; font-weight: 300; font-size: 18px; display: inline-block;}
.contentsArea .section.black .btn_project {display: inline-block; width: 184px; height: 184px; text-align: center; color: #fff; font-weight: 600; font-size: 16px; line-height: 184px; -webkit-transition: 0.2s; -moz-transition: 0.2s;
-ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: #eb661a; position: absolute; right: 0; bottom: -92px;}
.contentsArea .section.black .btn_project .line {display: inline-block; width: 40px; height: 1px; background: #fff; vertical-align: middle;}
.contentsArea .section.mapSection {padding: 0;}
#map {height: 555px;}

.bbsTab {border-bottom: 1px solid #222; height: 68px; line-height: 68px; margin-bottom: 60px;}
.bbsTab ul {text-align: center; font-size: 0;}
.bbsTab ul li {text-align: center; font-size: 16px; font-weight: 600; display: inline-block; margin: 0 14px;}
.bbsTab ul li a {color: #999; display: block;}
.bbsTab ul li a.active {color: #111; background: url('/images/common/bg_bbs_list.png') no-repeat center 80%;}

/*foot*/
#foot {width:100%; background:#fff; text-align: center; padding: 40px 0; z-index: 1;}
#foot .policy {margin: 35px 0 10px 0;}
#foot .policy a {font-weight: 600; color: #222; font-size: 12px;}
#foot .address span {display: inline-block; margin: 0 5px; font-size: 12px; color: #555;}

.sub #foot {border-top: 1px solid #dfdfdf;}

#privacyMenu {position: fixed; width: 1200px; height: 500px; left: 50%; margin-left: -600px; top: 50%; margin-top: -250px; background: #fff; z-index: 99999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none;}
#privacyMenu h4 {width: 100%; height: 50px; line-height: 50px; text-align: left; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; background: #444; font-weight: 400; font-size: 19px;}
#privacyMenu .privacyCon {height: 450px; overflow-y: scroll; padding: 20px; background: #fff;}
#privacyMenu .privacyCon textarea {height: 410px;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}

@media screen and (min-width: 1281px) and (max-width: 1600px){
/* Urban Planning */
.contentsArea .projectSliderImage {width: 60%;}
}