@charset "utf-8";

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

@media (max-width: 1500px){
	#wrapper {padding-top:50px;}
	#header {height:50px; position:fixed; top:0; left:0; width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
	#header.scroll-down {-ms-transform:translate(0,-60px); -webkit-transform:translate(0,-60px); transform:translate(0,-60px);}
	.sitelogo {float:none; margin-left:0; margin-top:0; padding-top:10px; text-align:center;}
	.sitelogo img {height:30px;}
	.util .links li {width:50px; height:50px;}
	.util .links li a {display:block; width:50px; height:50px;}
	.util .links li.link-search a {background-color:#fff; background-image:url("../images/common/icon_search_m.png"); background-size:19px;}
	.util .links li.link-list a {background-image:none; position:relative;}
	.util .links li.link-list a span {position:absolute; left:15px; right:15px; top:24px; height:2px; background:#fff;}
	.util .links li.link-list a span:before,
	.util .links li.link-list a span:after {content:""; position:absolute; left:0; right:0; height:2px; background:#fff;}
	.util .links li.link-list a span:before {top:-8px;}
	.util .links li.link-list a span:after {bottom:-8px;}
	#gnb,
	.util .sites,
	.util .links li.link-home,
	.util .links li.link-comment {display:none;}
	.util .links li.link-search {position:absolute; top:0; right:0;}
	.util .links li.link-list {position:absolute; top:0; left:0;}

	#menu .wrap {padding:50px 0;}
	#menu .wrap .in > ul > li {padding:22px 0;}
	#menu .wrap .in > ul > li > a {font-size:17px; padding:3px 0;}
	#menu .wrap .submenu {margin-top:3px;}
	#menu .wrap .submenu ul li {font-size:14px;}
	#menu .sites {display:block;}
	#menu .close {width:20px; height:20px; background-size:contain; top:15px; left:0; right:auto;}

	/* main */
	.home-section .item {padding-bottom: calc(100vh - 50px);}
	.home-section .caption img {height:60px;}
	.home-section .caption h2 {font-size:37px; margin:30px 0 15px;}
	.home-section .caption p {font-size:16px;}

	.project-section h2 {font-size:30px;}

	.home-about {height:auto; display:block;}
	.home-about .in {display:block; padding:80px 50px;}
	.home-about img {height:75px;}
	.home-about h2 {font-size:28px; margin-top:40px; margin-bottom:25px;}
	.home-about ul li {padding:10px; font-size:18px;}
	.home-about ul li .box {width:180px; height:180px;}
	.home-about .txt {margin-top:20px; margin-bottom:30px; font-size:15px;}
	.home-about .btn-more {width:150px; height:45px; font-size:15px;line-height:41px;}

	/* sub */
	.path-wrap .inner {margin:0;}

	.sub-title {padding:35px 0;}
	.sub-title h2 {font-size:33px;}

	/* board */
	.project-list .wrap {margin:0 -3px;}
	.project-list .head,
	.project-list .item {padding:3px;}
	.project-list .item .thumb {padding-bottom:75%;}
	.project-list .item .over {bottom:15px; right:18px; left:18px;}
	.project-list .head .box {padding-bottom:75%;}
	.project-list .head a {display:block; margin:6px auto;}

	.project-detail .head {margin:30px 100px 30px;}
	.project-detail .head .title {font-size:22px;}
	.project-detail .control .left, .project-detail .control .right {top:15px;}
	.project-detail .control .left {left:15px;}
	.project-detail .control .right {right:15px; width:88px;}
	.project-detail .control .right:after {display:none;}
	.project-detail .prev,
	.project-detail .next {padding:0 !important; text-indent:-999em; width:29px;}
	.project-detail .items,
	.project-detail .item {padding-bottom:46.42857143%;}
}

/* landscape tablet and desktop */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}
	.contain {padding-left:30px; padding-right:30px;}

	/* header */
	#search .wrap {padding:20px;}
	#search .wrap .form-input {height:45px; font-size:16px; background-size:19px; padding-left:35px;}
	#search .close {right:20px; top:-35px; width:20px; height:20px; background-size:contain;}

	/* main */
	.home-section .item {padding-bottom:55%;}
	.home-section .caption {top:29%}
	.home-section .caption img {height:50px;}
	.home-section .caption h2 {font-size:30px; margin:25px 0 15px;}
	.home-section .caption p {font-size:14px;}
	.owl-dots {bottom:5%;}

	.project-section {padding:50px 0;}
	.project-section h2 {font-size:26px; margin-bottom:20px;}

	.home-about .in {padding:50px 30px;}
	.home-about img {height:55px;}
	.home-about h2 {font-size:22px; margin-top:30px;}
	.home-about ul li {padding:10px; font-size:16px;}
	.home-about ul li .box {width:140px; height:140px;}
	.home-about ul li .box:before {top:5px; left:5px; right:5px; bottom:5px;}
	.home-about .txt {margin-top:20px; font-size:14px;}

	/* sub */
	.sub-title h2 {font-size:28px;}
	.real-cont {padding-bottom:40px;}

	/* footer */
	#footer {padding:20px 30px;}
	.scroll-top {right:15px; bottom:15px; width:45px; height:45px; background-size:contain;}

	/* content */
	.location-info .col {display:block; float:none; width:100% !important; margin-left:0 !important; margin-bottom:20px;}

	.graph-wrap h4 {font-size:17px;}
	.graph-wrap p {font-size:14px;}
	.graph-wrap .col {float:none; padding:0; width:100%;}
	.graph-wrap .col:first-child {margin-bottom:40px;}
	.graph-wrap2 {padding:0;}
	.graph-wrap2 .left {float:none; padding-right:0; margin-bottom:12px;}
	.graph-wrap2 .right {float:none;}

	.graph-wrap3 {padding:0;}
	.graph-wrap3 .left {float:none; padding-right:0; margin-bottom:12px;}
	.graph-wrap3 .right {margin-left:0;}

	.table-wrap {padding:0;}
	.table-wrap .left {float:none; width:100%; padding-right:0; margin-bottom:12px;}
	.table-wrap .right {float:none;}
	.table-wrap table th,
	.table-wrap table td {font-size:13px; line-height:19px;}
	.table-wrap table td {padding-left:10px;}

	.benefits .img {display:none;}
	.benefits .cnt {float:none; margin-left:0; width:100%;}

	/* board */
	.project-cate {margin-top:-10px;}
	.project-cate li a {font-size:16px;}
	.project-cate li:after {height:16px;}

	.project-list .head h2 {font-size:22px;}
	.project-list .head a {height:38px; line-height:36px; font-size:13px;}
	.project-list .item .over h3 {font-size:15px; line-height:22px;}
	.project-list .item .over h3:after {display:none;}
	.project-list .item a:hover .over {bottom:15px;}

	.read-more {width:150px; height:45px; font-size:14px;}

	.board-list table tbody td.name {width:14%;}
	.board-list table tbody td.date {width:14%;}
	.board-list table tbody td.hit {width:9%;}
	
	.project-detail {padding-top:30px;}
	.project-detail .control {position:relative; height:40px;}
	.project-detail .control .left,
	.project-detail .control .right {top:0;}
	.project-detail .control .right {width:140px;}
	.project-detail .control .right:after {display:block;}
	.project-detail .control a {padding:0 22px; height:23px; background-size:auto 23px; font-size:13px; line-height:23px;}
	.project-detail .prev, .project-detail .next {padding:0 22px !important; width:70px; text-indent:0;}
	.project-detail .head {margin:0 15px 25px;}
	.project-detail .head .title {font-size:24px;}
	.project-detail .head .description {font-size:15px;}
	.project-detail .head .info {font-size:13px;}
	.project-detail .items,
	.project-detail .item {padding-bottom:75%;}
	.project-detail .slider .over {display:block;}
	.project-detail .owl-dots {bottom:2%;}
} 

/* portrait tablet */
@media (max-width: 800px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	.organizaion .parts {margin:0 -10px;}
	.organizaion .parts .col {padding:0 10px;}
	.organizaion .parts ul {margin:0;}

	.history .head {height:auto; position:relative; background-size:cover; overflow:hidden;}
	.history .head .txt {padding:25px 30px; margin:0; float:none;}
	.history .head .txt h3 {font-size:22px;}
	.history .head .txt p {font-size:14px;}
	.history .head .mark {position:absolute; bottom:0; right:0; margin:0; opacity:.3; height:35px;}
	.history .cnt {margin-left:15px;}

	.career-head {display:block; height:auto; background-size:cover; font-size:14px;}
	.career-head .in {display:block; padding:0 25px;}
	.career-cnt .row {margin:0;}
	.career-cnt .col {float:none; padding:0; width:100%;}

	.benefits {padding:20px;}

	.rating-systems {padding:20px;}
	.rating-systems .tit {float:none; margin-top:0; margin-bottom:20px;}
	.rating-systems .tit br {display:none;}
	.rating-systems .tit big {font-size:2em;}
	.rating-systems .cnt {margin-left:0;}
	.rating-systems .cnt ul {margin:0 -5px}
	.rating-systems .cnt ul li {width:33.33333333%; padding:0 5px; margin-bottom:10px;}
	.rating-systems .cnt ul li:nth-child(3n+1) {clear:left;}
	.rating-systems .cnt ul li:nth-child(4),
	.rating-systems .cnt ul li:nth-child(5) {margin-bottom:0;}
	.rating-systems .cnt dt {font-size:26px;}

	.credit-categories ul li {width:33.33333333%;}
	.credit-categories ul li:nth-child(5n+1) {clear:none;}
	.credit-categories ul li:nth-child(3n+1) {clear:left;}
	.credit-categories ul li img {width:65px;}

	.leed-v4-process ol li {width:33.33333333%;}
	.leed-v4-process ol li .box {font-size:16px;}
	.leed-v4-process ol li.s4:after {display:none;}
	.leed-v4-process ol li.s7:after {display:none;}
	.leed-v4-process ol li.s6:after {display:block;}

	.procedure ol {margin:0;}
	.procedure ol > li {float:none; width:100%; padding:0; margin-bottom:30px;}
	.procedure ol > li:last-child {margin-bottom:0;}

	.effect .group img {width:200px;}
	.effect .group .cnt {margin-left:200px;}

} 

/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	.contain {padding-left:18px; padding-right:18px;}

	/* header */
	#menu .wrap .in > ul > li {padding:16px 0;}

	/* main */
	.home-section .item {padding-bottom:100%;}
	.home-section .caption {top:50%; transform:translateY(-55%)}
	.home-section .caption img {height:36px;}
	.home-section .caption h2 {font-size:20px; margin-top:20px;}
	.home-section .caption p {font-size:12px; line-height:1.4em;}
	.home-section .caption p br {display:none;}
	.owl-dots {bottom:3%;}
	.owl-dots .owl-dot {padding:5px;}

	.project-section {padding:30px 0;}
	.project-section h2 {font-size:20px; margin-bottom:13px;}

	.home-about .in {padding:50px 18px;}
	.home-about img {height:40px;}
	.home-about h2 {font-size:18px;}
	.home-about ul li {padding:7px; font-size:15px;}
	.home-about ul li .box {width:120px; height:120px;}

	/* footer */
	.sub #footer {border-top:0;}
	#footer {padding:0;}
	.foot-links {display:table; width:100%; margin-bottom:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
	.foot-links a {display:table-cell; width:50%; border-left:1px solid #ddd; margin-right:0; padding:7px;}
	.foot-links a:first-child {border-left:0;}
	.foot-info {padding:20px 18px; text-align:center;}

	/* sub */
	.path-wrap {display:none;}
	.lnb-m {display:block;}

	.sub-title {padding:22px 18px;}
	.sub-title h2 {font-size:22px;}
	.real-cont {padding:0 18px 30px;}

	/* content */
	.sub-heading {font-size:17px; padding:10px 12px;}

	.doc-tit {padding-left:18px; font-size:17px;}
	.doc-tit:before {top:6px; width:12px; height:12px;}
	.doc-cnt {margin-left:0; margin-bottom:40px;}
	.doc-cnt.line {padding-top:15px;}

	.doc-sub-cnt {padding-left:0;}
	.doc-sub-cnt.line {padding-top:10px;}

	.table-responsive {width:100%; overflow:auto; display:block; -webkit-overflow-scrolling: touch;  -ms-overflow-style: -ms-autohiding-scrollbar;}
	.table-responsive table {min-width:500px;}

	.table01 th,
	.table01 td {font-size:14px; line-height:20px;}

	.table02 th,
	.table02 td {font-size:14px; line-height:20px;}
	.table02 td.left {padding-left:10px;}

	.greetings .head {height:auto; margin:0 -18px 25px; padding:35px 18px; line-height:1.5em; background-size:140% auto;}
	.greetings .head h3 {font-size:16px;}

	.organizaion {margin:0 -18px;}
	.organizaion .chart {padding:25px 18px; margin:0 0 25px; font-size:15px;}
	.organizaion .chart p {margin-bottom:18px;}
	.organizaion .parts {margin:0; padding:0 18px;}
	.organizaion .parts .col {padding:0; margin-bottom:25px; float:left; width:100%;}
	.organizaion .parts .tit {height:45px;}
	.organizaion .parts .tit p {font-size:16px;}

	.history .head {margin:0 -18px 25px;}
	.history .head .txt {padding:25px 18px;}
	.history .cnt {margin-left:0;}
	.history .cnt dl {padding-left:0; margin-bottom:30px;}
	.history .cnt dt {position:static; font-size:18px; margin-bottom:15px; margin-left:10px;}
	.history .cnt dl:before {top:12px; left:65px; width:auto; right:0;}
	.history .cnt dd {padding-left:87px; line-height:1.5em;}
	.history .cnt .month {top:-1px; left:-3px; width:76px; line-height:26px; font-size:14px;}

	.map-wrap {height:250px;}
	.map-wrap .root_daum_roughmap .wrap_map {height:250px !important;}
	.location-info .col {padding-left:70px; padding-top:5px; padding-bottom:5px; margin-bottom:20px;}
	.location-info .col img {width:55px;}

	.graph-wrap {margin-left:0;}
	.graph-wrap h4 {font-size:16px; margin-left:0; margin-right:0;}
	.graph-wrap p {font-size:12px; margin-top:13px;}

	.rating-systems {padding:18px;}
	.rating-systems .tit {font-size:20px; margin-bottom:15px;}
	.rating-systems .tit big {font-size:1.5em;}
	.rating-systems .cnt ul li {float:none; width:100%; margin-bottom:5px !important}
	.rating-systems .cnt dl {padding:10px 15px; height:auto !important; letter-spacing:0;}
	.rating-systems .cnt dt {font-size:18px;}
	.rating-systems .cnt dd {font-size:13px; line-height:20px;}
	.rating-systems .cnt dd.sub-tit {font-size:14px;}

	.credit-categories {padding:20px 0;}
	.credit-categories h4 {font-size:20px;}
	.credit-categories ul li {width:50%;}
	.credit-categories ul li:nth-child(3n+1) {clear:none;}
	.credit-categories ul li:nth-child(2n+1) {clear:left;}

	.leed-v4-process ol {margin-left:0;}
	.leed-v4-process ol li {float:none; width:100%; padding:10px 0 0 0;}
	.leed-v4-process ol li:after {left:50%; top:0; right:auto; height:14px; width:1px;}
	.leed-v4-process ol li.s1 {padding-top:0;}
	.leed-v4-process ol li.s4:after,
	.leed-v4-process ol li.s7:after {display:block;}
	.leed-v4-process ol li .box {font-size:15px; padding:6px;}
	.leed-v4-process ol li .box .num {width:30px; height:30px; text-indent:0;}
	.leed-v4-process ol li .box .txt {padding:3px 30px 3px 3px; line-height:24px;}

	.real-cont .project-list {margin:0 -18px;}

	.career-head {width:auto; margin:0 -18px 25px;}
	.career-head .in {padding:0 18px;}
	.career-head .in p br {display:none;}
	.career-cnt .group {margin-bottom:15px;}
	.career-cnt .group .tit {float:none;}
	.career-cnt .group .tit h4 {font-size:15px; margin-bottom:0;}
	.career-cnt .group .tit h4:before {top:6px; width:12px; height:12px;}
	.career-cnt .group .cnt {margin-left:17px;}
	.benefits {padding:12px;}
	.benefits .cnt {padding:15px;}
	.benefits .cnt h4 {font-size:17px; margin-bottom:12px;}
	.benefits .cnt table th {padding:4px 8px 4px 0; font-size:14px; line-height:1.5em;}
	.benefits .cnt table td {padding:4px 0; font-size:14px; line-height:1.5em;}

	.procedure {margin-bottom:0;}
	.procedure p {float:none; font-size:15px; line-height:25px;}
	.procedure p .num {width:25px;height:25px;}
	.procedure p:after {display:none;}
	.procedure ul {margin-left:0;}

	.schedule-table.table-responsive table {min-width:800px;}
	.schedule-table table {font-size:12px;}
	.schedule-table tbody td {padding:5px;}

	.effect .group {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #eee;}
	.effect .group img {float:none; display:block; width:130px;}
	.effect .group .cnt {margin-left:0; padding-left:0;}

	.effect2 ul {margin:0 -7px;}
	.effect2 ul li {width:50%; padding:0 7px; margin-bottom:25px; font-size:14px; line-height:1.3em;}
	.effect2 ul li:nth-child(2n+1) {clear:left;}

	/* board  */
	.board-search .input,
	.board-search .select {height:32px; font-size:14px; padding:5px;}

	.project-cate {margin-top:-5px;}
	.project-cate li { padding-left:25px}
	.project-cate li a {font-size:15px;}
	.project-cate li:after {top:4px; left:12px; height:12px;}

	.project-list .item {width:50%; padding:2px;}
	.project-list .item .thumb {padding-bottom:100%;}
	.project-list .item .over {bottom:14px; left:16px; right:16px; text-align:left;}
	.project-list .item .over p {font-size:14px; font-weight:300; line-height:19px;}

	.project-detail {padding-top:20px;}
	.project-detail .control .left {left:16px;}
	.project-detail .control .right {right:16px; width:117px;}
	.project-detail .control a {padding:0 15px; background-size:auto 18px;}
	.project-detail .prev, .project-detail .next {padding:0 15px !important; width:auto;}
	.project-detail .next {text-align:right;}
	.project-detail .head {margin:0 16px 20px; text-align:left;}
	.project-detail .head .title {font-size:21px; margin-bottom:3px;}
	.project-detail .head .description {font-size:18px;}
	.project-detail .head .info ul {margin:0;}
	.project-detail .head .info ul:after {content:" "; display:block; clear:both;}
	.project-detail .head .info ul li {float:none; display:block; margin:0; padding:00; position:relative;}
	.project-detail .head .info ul li:after {content:" "; display:none;}
	.project-detail .head .info ul li .tt {display:block;}
	.project-detail .head .info ul li .bar {display:none;}

	.project-detail .items, .project-detail .item {padding-bottom:100%;}

	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {width:80px;}
	.board-search .search .input {width:calc(100% - 170px);}
	.board-search .search .btn {height:32px !important; line-height:30px;}

	.board-list {display:none;}
	.board-list-m {display:block;}
	
	.board-view {margin:0 -18px;}
	.board-view .head .tit {font-size:15px; padding:10px 18px;}
	.board-view .head .info {font-size:12px; padding:8px 18px;}
	.board-view .head .files {padding:10px 18px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:18px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.board-write {margin:0 -18px;}
	.board-write .group {padding:5px 0 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.buttons {margin:10px 0;}

	.btn-pack.medium {height:32px; font-size:13px; line-height:30px;}
	.btn-pack.large {height:40px; line-height:38px; font-size:15px; padding:0 22px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:120px; height:40px; font-size:14px; line-height:36px;}

	.prev_next {margin:0 -15px;}
	.prev_next dt {width:73px; padding:0 0 0 15px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:80px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.board-password {width:100%; padding:75px 10px 35px; background-size:45px;}
	.board-password dl dt {font-size:15px;}
	.board-password .input {width:50% !important;}

	.mailform {margin:0 -18px;}
	.mailform table tbody th {font-size:14px; padding:10px 15px 10px 18px; text-align:left;}
	.mailform table tbody td {padding:10px 18px 10px 0;}

	.form-agree {margin-top:15px; margin-bottom:15px;}
	.form-agree dd {font-size:13px;}
	.form-agree .scroll-box {height:70px; font-size:12px; line-height:17px; padding:8px;}
	.form-agree .btn {display:none;}

	.paginate a, .paginate strong {margin:0 1px; width:32px; height:32px; line-height:30px;}
} 

/* Landscape phones and down */
@media (max-width: 480px) {
	
}