@charset "utf-8";


@media (max-width: 1330px) {
	
	/* header */
	#header .sitelogo {top:15px; left:15px;}

	/* main */
	
	

	/* sub page */
	

	/* content */
	
	
	
}
	
/* Landscape tablet to portrait tablet */
@media (max-width: 1230px) {
	/* 공통 */
	.only-desktop {display:block;}
	.only-tablet {display:none;}
	.only-mobile {display:none;}
	.only-desktop-tablet {display:block;}


	/* header */
	

	/* main */
	.main-visual .content {bottom:75px; right:50px;}
	.main-visual .content .tit {font-size:28px;}
	.main-visual .content p {font-size:20px}
	.main-visual .slick-dots {bottom:40px;}
	.main-visual .slick-dots li {margin:0 4px;}

	.main-title {padding-top:80px;margin-bottom:25px;}
	.main-title h2 {font-size:30px}
	.main-title p {font-size:18px;}

	.main-project .nav-wrap {margin:0 auto 40px; padding:0 40px;}
	.main-project .nav-tab ul li {width:14.2857%; font-size:18px;}

	/* sub page */
	
	.real-cont {padding-bottom:80px;}
	
	

	/* board */
	
	.btn-pack.submit {height:50px; line-height:48px}
	.btn-pack.cancel {height:50px; line-height:48px}

	
	/* contents */
	
	.location-top {font-size:16px;margin-bottom:20px;}
	.location .root_daum_roughmap_landing {height:450px !important}
	.location .wrap_map {height:450px !important}
	.location .info {width:360px; padding:25px;}
	.location .info .logo {margin-bottom:33px;}
	.location .info .col {padding:15px;}
	.location .info .col .cnt {margin-left:50px; font-size:16px;}

	.project-search {margin:0 auto 20px;}
	.project-search .path {font-size:22px;}
	.project-search .arrow {margin:0 10px; padding: 7px;}
	.project-search .page {font-size:15px;}

	.project-nav {margin-bottom:25px;}
	.project-nav ul li {padding:0 15px}

	.project-list ul {margin:0 -10px;}
	.project-list ul li {padding:0 10px; margin-bottom:20px;}
	.project-list ul li:nth-child(3n+1) {clear:left}
	.project-list .info {padding:20px;}
	.project-list .info .tit {font-size:18px;  margin-bottom:10px;}
	.project-list .info .cnt {font-size:16px;}

	.notice-list ul {margin:0 -10px;}
	.notice-list ul li {padding:0 10px; margin-bottom:20px;}
	.notice-list ul li:nth-child(2n+1) {clear:left}
	.notice-list .info .tt {font-size:15px; margin-bottom:15px;}
	


}

@media (max-width: 1024px) {
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.only-desktop-tablet {display:block;}

	#header {height:80px;}
	#header .sitelogo {position:static; top:0; left:0; padding-top:15px;}
	#header .sitelogo img {height:50px}
	#gnb {display:none;}
	
	.btn-m-menu {display:block;}

	#sub #wrapper {padding-top:80px;}

	/* main */
	.main-visual .content {bottom:75px; right:30px;}
	.main-visual .content .tit {font-size:25px;}
	.main-visual .content p {font-size:18px}
	.main-visual .slick-dots {bottom:30px;}

	.main-title {padding-top:70px;margin-bottom:25px;}
	.main-title h2 {font-size:25px}
	.main-title p {font-size:17px;}

	.main-project .nav-wrap {margin:0 auto 30px; padding:0 40px;}
	.main-project .nav-tab ul li {width:14.2857%; font-size:18px;}

	#proContent {min-height:auto;}

	.main-project-slider .slick-slider {margin:0 -7px;}
	.main-project-slider .item {padding:10px 7px;}
	.main-project-slider .info {padding:15px;}
	.main-project-slider .info .tit {font-size:17px; padding-bottom:10px; margin-bottom:10px;}
	.main-project-slider .info .cnt {font-size:16px;}
	.main-project-slider .item:hover  {padding:0 7px 0;}

	.main-news-slider .slick-slider {margin:0 -7px;}
	.main-news-slider .item {padding:10px 7px;}
	.main-news-slider .info {padding:15px;}
	.main-news-slider .info .tt {font-size:15px; margin-bottom:10px;}
	.main-news-slider .info .tit {font-size:17px; height:calc(1.6em * 1 * 3); -webkit-line-clamp:3}
	.main-news-slider .info .day {bottom:15px; right:15px; font-size:14px}
	.main-news-slider .item:hover  {padding:0 7px 0;}
	.main-news-slider .slick-dots {padding-top:40px;}

	
	/* sub */
	
	.real-cont {padding-bottom:60px;}
	

	/* footer */
	

	
	

	/* contents */	
	.location-top {font-size:16px;margin-bottom:15px;}
	.location .root_daum_roughmap_landing {height:400px !important}
	.location .wrap_map {height:400px !important}
	.location .info {width:360px; padding:25px;}
	.location .info .logo {margin-bottom:25px;}
	.location .info .logo img {height:60px;}
	.location .info .col {padding:12px;}
	.location .info .col .cnt {margin-left:50px; font-size:15px;}

	.about-cnt .head {height:400px; margin-bottom:40px;}
	.about-cnt .head .tit {padding:0 25px; font-size:16px; line-height:35px;}
	.about-cnt .head .tit strong {font-size:18px}
	.about-cnt .head p {font-size:20px; padding-top:20px;}
	.about-cnt .cnt {margin-bottom:40px; padding-bottom:40px;}
	.about-cnt .cnt .tit {font-size:18px;  margin-bottom:30px;}
	.about-cnt .cnt p {margin-bottom:30px; font-size:16px;}

	.about-info .title {font-size:20px; line-height:30px; padding-left:40px;}
	.about-info .title:before {width:30px; height:30px; background-size:30px;}
	.about-info .info {margin-left:200px;}
	.about-info .info .row {margin-bottom:40px; padding-bottom:40px;}
	.about-info .info .col {margin-bottom:30px;}
	.about-info .info .project ul li {padding:15px 20px 30px;}
	.about-info .info .project .year {font-size:18px;}
	.about-info .info .project p {font-size:16px;}
	.about-info .info .history p {margin-bottom:15px; font-size:16px;}
			
	.indent {padding-left:30px;}

	.doc-sub-tit {font-size:18px; padding-left:25px; margin-bottom:12px;}
	.list-cnt {padding-left:25px;}
	.list-cnt ul li {font-size:16px;}

	.all-about-info .row {margin:0 0 10px;}
	.all-about-info .col {float:none; width:100%; padding:0; margin-bottom:10px;}
	.all-about-info .col:last-child {margin-bottom:0;}
	.all-about-info .box {height:240px; padding:20px;}
	.all-about-info .box .tit {font-size:18px;}
	.all-about-info .box .tt {font-size:15px; margin-bottom:15px;}
	.all-about-info .box p {font-size:15px;}
	.all-about-info .box.first {height:500px; padding:40px;}
	.all-about-info .box.first .tit {font-size:24px;}
	.all-about-info .box.first .tt {font-size:18px;}
	.all-about-info ul {margin:0 -5px;}
	.all-about-info ul li {padding:0 5px; margin-bottom:10px;}
	.all-about-info ul.type2 li {width:33.333%; margin-bottom:0;}
	.all-about-info ul.type2 li:nth-child(4n+1) {clear:none;}
	.all-about-info ul.type2 li:nth-child(3n+1) {clear:left;}

	.job-cnt {padding-left:25px; margin-bottom:35px;}
	.job-cnt .col {margin-bottom:25px;}
	.job-cnt .tit {font-size:16px; padding-left:10px; margin-bottom:7px;}
	.job-cnt .tit:after {top:9px; width:4px; height:4px;}
	.job-cnt .cnt {padding-left:10px; font-size:16px;}
	.job-cnt .work .row {margin:0 -10px;}
	.job-cnt .work .row .col-2 {padding:0 10px; margin-bottom:25px;}
	.job-cnt .work .row .col-2:nth-child(2n+1) {clear:left;}
	.job-cnt .work .row .icon {width:100px; height:100px; background-size:100px;}
	.job-cnt .work .row .info {padding-left:20px;}
	.job-cnt .work .row .info dl dt {font-size:16px; margin-bottom:5px;}
	.job-cnt .work .row .info dl dd {font-size:16px;}
	.job-cnt .step {padding-left:10px;}
	.job-cnt .step ul li {padding-right:80px;}
	.job-cnt .step ul li:after {top:65px; left:-50px; width:24px; height:38px;}
	.job-cnt .step ul li .wrap .box {width:150px; height:150px; border-width:7px;}
	.job-cnt .step ul li .wrap .num {top:10px; width:40px; height:40px; font-size:18px; line-height:40px;}
	.job-cnt .step ul li .wrap .tt {font-size:17px; margin-bottom:5px;}
	.job-cnt .step ul li .wrap  p {font-size:16px}


	/* board */
	.project-nav {margin-bottom:25px;}
	.project-nav ul li {padding:0 15px}

	.project-list ul {margin:0 -5px;}
	.project-list ul li {padding:0 5px; margin-bottom:10px;}
	.project-list ul li:nth-child(3n+1) {clear:left}
	.project-list .info {padding:20px;}
	.project-list .info .tit {font-size:17px;  margin-bottom:7px;}
	.project-list .info .cnt {font-size:15px;}

	.project-nav {margin-bottom:20px;}
	.project-nav ul {display:flex}
	.project-nav ul li {float:left; width:auto; padding:0 15px;}
	.project-nav ul li a {font-size:15px;}
	
	.notice-list ul {margin:0 -5px;}
	.notice-list ul li {padding:0 5px; margin-bottom:10px;}

	.notice-head {padding-bottom:30px; margin-bottom:30px;}
	.notice-head .tt {font-size:16px; margin-bottom:5px;} 
	.notice-head .tit {font-size:20px;}

	
}

@media (max-width: 970px) {	
	
	/* content */
	.about-info .title {float:none; margin-bottom:20px;}
	.about-info .info {margin-left:0;}


	.notice-list ul li {padding:0 5px; margin-bottom:10px;}
	.notice-list ul li:nth-child(2n+1) {clear:left}
	.notice-list .photo {display:block; width:100%;}
	.notice-list .info {display:block; width:100%; padding:15px 15px 45px; border-left:1px solid #ddd; border-top:0;}
	.notice-list .info .tt {font-size:15px; margin-bottom:15px;}
	.notice-list .info .tit {font-size:16px;}
	.notice-list .info .day {bottom:20px; right:25px; font-size:15px; padding-left:30px;}


}

/* Landscape phone */
@media (max-width: 720px) {
	

	/* 공통 */
	th.only-desktop-tablet {display:none;}
	td.only-desktop-tablet {display:none;}
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.only-desktop-tablet {display:none;}
	tr.only-mobile {display:table-row;}



	/* header  */
	
	.mobile-navigation {padding:20px; width:300px;}
	.mobile-navigation .nav-menu>ul>li>a {font-size:1.2em;}
	.mobile-navigation .nav-menu .submenu>ul>li>a {font-size:1em;}

	/* main */
	#section0.fp-section,
	#section0 .fp-slide,
	#section0 .fp-tableCell{
    height: auto !important;
	}


	.main-visual .item .pic {height:0; padding-bottom:111.1%;}
	.main-visual .content {bottom:60px; right:20px;}
	.main-visual .content .tit {font-size:20px;}
	.main-visual .content p {font-size:16px}
	.main-visual .slick-dots {bottom:30px;}
	.main-visual .slick-dots li {margin:0 4px;}

	.main-title {padding-top:20px;margin-bottom:20px;}
	.main-title h2 {font-size:20px}
	.main-title p {font-size:16px;}

	.main-project .nav-wrap {margin:0 auto 25px; padding:0 40px;}
	.main-project .nav-tab ul li {width:33.333%; font-size:16px;}

	#proContent {min-height:auto;}

	.main-project-slider .slick-slider {margin:0 -5px;}
	.main-project-slider .item {padding:10px 5px;}
	.main-project-slider .info {padding:10px;}
	.main-project-slider .info .tit {font-size:16px; padding-bottom:10px; margin-bottom:10px;}
	.main-project-slider .info .cnt {font-size:15px;}
	.main-project-slider .item:hover  {padding:0 5px 0;}
	.main-project-slider .slick-dots {padding-top:20px;}
	
	.main-news-slider  {padding-bottom:20px;}
	.main-news-slider .slick-slider {margin:0 -5px;}
	.main-news-slider .item {padding:10px 5px;}
	.main-news-slider .photo {display:block; width:100%;}
	.main-news-slider .info {display:block; width:100%; padding:10px 10px 40px;}
	.main-news-slider .info .tt {font-size:14px; margin-bottom:10px;}
	.main-news-slider .info .tit {font-size:16px; height:calc(1.6em * 1 * 4); -webkit-line-clamp:4}
	.main-news-slider .info .day {bottom:10px; right:10px; font-size:14px}
	.main-news-slider .item:hover  {padding:0 5px 0;}
	.main-news-slider .slick-dots {padding-top:20px;}
	

	/* sub */
	
	.real-cont {padding-bottom:50px;}

	.lnb { margin-bottom:30px; }
	.lnb .contain {position:relative; padding-left:40px;}
	.lnb .home {position:absolute;top:0; left:0; width:40px; height:50px; background-size:15px;}
	.lnb .submenu {min-width:auto; width:50%;}
	.lnb .submenu > a {font-size:1em; line-height:50px; padding-left:15px;}
	.lnb .submenu:after {top:20px; right:15px;}
	.lnb .submenu ul {top:50px;}
	.lnb .submenu ul li a {font-size:.9em;}
	

	/* footer */
	#footer {padding:20px 0; font-size:0.9em;}
	#footer .bar {padding:0 5px;}
	#footer .br {display:block;}
	#footer .br .bar {display:none;}
	

	
	/* board */
	.board-search {margin:20px auto 0; padding:15px;}
	.board-search .select {width:80px; height:40px; line-height:38px;}
	.board-search .input {width:calc(100% - 110px); height:40px; line-height:38px;padding-left:15px;}
	.board-search button {width:40px; height:40px; background-size:17px;}

	.board-list {display:none;}
	.m-board-list {display:block; border-top:1px solid #ddd;}
	.m-board-list li {border-bottom:1px solid #ddd;}
	.m-board-list li a {display:block; padding:10px 15px;}
	.m-board-list li .info {padding:2px 0 0 0; color:#959595; font-size:14px; line-height:1.3em;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li.none {padding:40px 0; text-align:center; font-size:12px; color:#777;}
	.m-board-list .qna-cnt {background:#f8f8f8;padding:0;color:#656565;}
	.m-board-list .bbs-question{position:relative;padding:10px 5px 10px 27px;text-align:left;}
	.m-board-list .bbs-question a {padding:0;}
	.m-board-list .bbs-question .txt {color:#555;}
	.m-board-list .bbs-answer{position:relative;width:100%;margin:0 auto;padding:10px 5px 10px 27px;text-align:left;border-top:1px dotted #c0c0c0;}
	.m-board-list .bbs-answer a {padding:0;}
	.m-board-list .bbs-answer .txt {color:#555;}

	.board-write {border-top:0;}
	.board-write .group {padding-left:68px;}
	.board-write .title {left:0; width:65px;}
	.board-write #title {display:block; width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write #etc_3 {width:100%;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}

	.board-view .head .tit {padding:10px 5px; font-size:16px;}
	.board-view .head .info {padding:10px 5px;}
	.board-view .head .files {padding:10px 5px 0;}
	.board-view .head .files .fileLayer {right:5px;}
	.board-view .body {padding:10px 0 20px;}

	.prev_next dl {padding:6px 0 6px 68px;}
	.prev_next dl dt {margin-left:-68px; margin-right:0; padding:0 15px 0 5px;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}

	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0; padding:0 15px;}
	

	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:85px; height:42px; line-height:40px; font-size:14px;}

	.project-search .page-wrap {float:none; width:100%; margin-bottom:10px;}
	.project-search .path {font-size:16px;}
	.project-search .arrow {margin:0 10px; padding: 5px;}
	.project-search .page {font-size:14px;}
	.project-search .search-wrap {float:none; width:100%; height:40px; text-align:right;}
	.project-search .search {display:none; top:0; right:0; width:100%; z-index:2}
	.project-search .bt-search {position:relative; display:inline-block; top:0; right:0; z-index:1}
	.search-opened .search-wrap .search {display:block;}
	.search-opened .search-wrap .input {width:100%; height:40px; line-height:38px; padding:0 15px;}
	.search-opened .search-wrap button {position:absolute; top:8px; border:0; font-size:0; line-height:0;right:15px; width:21px; height:21px; background:url('../images/bbs/bt_search.png') 50% 50% no-repeat;}

	.project-nav {margin-bottom:25px;}
	.project-nav ul li {padding:0 15px}

	.project-list ul {margin:0 -5px;}
	.project-list ul li {width:50%; padding:0 5px; margin-bottom:10px;}
	.project-list ul li:nth-child(3n+1) {clear:none}
	.project-list ul li:nth-child(2n+1) {clear:left}
	.project-list .info {padding:15px;}
	.project-list .info .tit {font-size:16px;  margin-bottom:5px;}
	.project-list .info .cnt {font-size:15px;}

	
	.project-thumb {padding:15px}

	.project-cnt table tbody tr {display:block;}
	.project-cnt table tbody th {display:block; padding:7px 0 7px 10px; font-size:15px;}
	.project-cnt table tbody td {display:block; padding:7px 0 7px 10px; font-size:15px;}

	.project-btn {margin-top:30px;}
	
	.notice-list ul {margin:0;}
	.notice-list ul li {padding:0; width:100%;}
	.notice-list ul li:nth-child(2n+1) {clear:none}
	.notice-list .photo {display:block; width:100%;}
	.notice-list .info {display:block; width:100%; padding:15px 15px 45px;}
	.notice-list .info .tt {font-size:14px; margin-bottom:10px;}
	.notice-list .info .tit {font-size:15px;}
	.notice-list .info .day {bottom:15px; right:15px; font-size:14px; padding-left:30px;}

	.notice-head {padding-bottom:20px; margin-bottom:20px;}
	.notice-head .tt {font-size:16px;} 
	.notice-head .tit {font-size:18px;}
	.notice-detail {min-height:100px;}
	
	

	/* contents */
	body,input,textarea,select,button,table{font-size:15px;}

	.location-top {font-size:15px;}
	.location .root_daum_roughmap_landing {height:300px !important}
	.location .wrap_map {height:300px !important}
	.location .info {position:static; width:100%; padding:15px;}
	.location .info .logo {margin-bottom:15px;}
	.location .info .logo img {height:40px;}
	.location .info .col {padding:12px;}
	.location .info .col .cnt {margin-left:50px; font-size:15px;}

	.about-cnt .head {height:250px; margin-bottom:25px;}
	.about-cnt .head .tit {padding:0 20px; font-size:15px; line-height:30px;}
	.about-cnt .head .tit strong {font-size:16px}
	.about-cnt .head p {font-size:18px; padding:20px;}
	.about-cnt .cnt {margin-bottom:25px; padding-bottom:25px;}
	.about-cnt .cnt .tit {font-size:15px;  margin-bottom:25px;}
	.about-cnt .cnt p {margin-bottom:25px; font-size:15px;}


	.about-info .title {font-size:18px; line-height:25px; padding-left:35px; margin-bottom:20px;}
	.about-info .title:before {width:25px; height:25px; background-size:25px;}
	.about-info .info {margin-left:0;}
	.about-info .info .row {margin-bottom:30px; padding-bottom:30px;}
	.about-info .info .col {margin-bottom:25px;}
	.about-info .info .project ul li {display:block; width:100%; padding:15px 0 15px; border-right:0; border-bottom:1px solid #ddd;}
	.about-info .info .project ul li:first-child {border-left:0;}
	.about-info .info .project ul li:last-child {border-bottom:0;}
	.about-info .info .project .year {font-size:16px;}
	.about-info .info .project p {font-size:15px;}
	.about-info .info .history p {margin-bottom:10px; font-size:15px;}
			
	.indent {padding-left:20px;}

	.doc-sub-tit {font-size:16px; padding-left:20px; margin-bottom:12px;}
	.list-cnt {padding-left:20px;}
	.list-cnt ul li {font-size:16px;}
	
	.all-about-info .row {margin:0;}
	.all-about-info .box {height:200px; padding:15px;}
	.all-about-info .box .tit {font-size:17px;}
	.all-about-info .box .tt {font-size:15px; margin-bottom:10px;}
	.all-about-info .box p {font-size:15px;}
	.all-about-info .box.first {height:300px; padding:20px;}
	.all-about-info .box.first .tit {font-size:24px;}
	.all-about-info .box.first .tt {font-size:18px;}
	.all-about-info ul {margin:0;}
	.all-about-info ul li {padding:0; width:100%; float:none; margin-bottom:10px;}
	.all-about-info ul li:nth-child(3),
	.all-about-info ul li:nth-child(4) {margin-bottom:10px;}
	.all-about-info ul.type2 li {float:none; width:100%; margin-bottom:10px;}

	.job-cnt {padding-left:25px; margin-bottom:25px;}
	.job-cnt .col {margin-bottom:20px;}
	.job-cnt .tit {font-size:15px; margin-bottom:5px;}
	.job-cnt .cnt {font-size:15px;}
	.job-cnt .work .row {margin:0;}
	.job-cnt .work .row .col-2 {float:none; width:100%; padding:0; margin-bottom:20px;}
	.job-cnt .work .row .col-2:nth-child(2n+1) {clear:none;}
	.job-cnt .work .row .icon {width:80px; height:80px; background-size:80px;}
	.job-cnt .work .row .info {padding-left:20px;}
	.job-cnt .work .row .info dl dt {font-size:15px; margin-bottom:5px;}
	.job-cnt .work .row .info dl dd {font-size:15px;}
	.job-cnt .step {padding-left:10px;}
	.job-cnt .step ul li {float:none; position:relative; padding-right:0; text-align:left; margin-bottom:10px;}
	.job-cnt .step ul li:after {display:none;}
	.job-cnt .step ul li .wrap .box {display:table-cell; width:100px; height:100px; margin:0; border-width:5px; background-size:60px;}
	.job-cnt .step ul li .wrap .info {display:table-cell; vertical-align:middle; padding-left:20px;}
	.job-cnt .step ul li .wrap .num {top:10px; width:30px; height:30px; font-size:16px; line-height:30px;}
	.job-cnt .step ul li .wrap .tt {font-size:16px; margin-bottom:5px;}
	.job-cnt .step ul li .wrap  p {font-size:15px}
	

	

}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	.mobile-navigation {width:100%;}
	/* content */
	
}