@charset "utf-8";
@media (max-width: 1850px) {
	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:block;}
	.only-mobile {display:none;}
	.desktop-tablet {display:block;}

	/* header */
	#header {padding:0 15px;}

	.main-visual .bt-prev a {left:20px;}
	.main-visual .bt-next a {right:20px;}

	/* board */
	.real-cont {padding:0 15px 100px;}


	#footer {padding:30px 15px;}
	
}

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

	/* header */
	


	/* main */
	.project-list ul {margin:0 -5px;}
	.project-list ul li {width:33.333%; padding:0 5px; margin-bottom:10px;}
	.project-list ul li:nth-child(4n+1) {clear:none;} 
	.project-list ul li:nth-child(3n+1) {clear:left;} 
	.project-list ul li .cnt .tit {font-size:18px;}
	.project-list ul li .cnt .arrow {width:60px; height:60px; background-size:30px;}

	/* 서브 */
	.sub-visual {padding-bottom:20%;}
	.sub-visual .text .title {font-size:40px;}
	.sub-visual .text p {font-size:20px;}

	.foot-logo {position:relative; top:0; margin-bottom:10px;}


	

	
}

@media (max-width: 1300px) {
	.ceo:after {padding-bottom:27%;}
	.ceo .cnt {position:relative; padding:2% 2% 0 0;z-index:1}





}


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


	/* header */
	#main #header {height:90px;}
	#header .contain {height:90px;}
	#header .sitelogo {top:14px;}
	#header .sitelogo img {height:60px;}
	#gnb ul li {font-size:20px; padding:0 40px; line-height:90px;}
	#gnb ul li a:after {bottom:20px;}
	#gnb .submenu {top:90px;}
	#gnb .submenu > ul > li {font-size:16px; line-height:40px}
	

	/* main */
	.main-visual .bt-prev a {left:20px; width:30px; height:60px; margin-top:-30px; background-size:30px;}
	.main-visual .bt-next a {right:20px; width:30px; height:60px; margin-top:-30px; background-size:30px;}
	.main-visual .visual-txt {margin-top:-80px;}
	.main-visual .visual-txt .tit {font-size:25px;}
	.main-visual .visual-txt .logo {font-size:60px;}
	.main-visual .visual-txt p {font-size:24px;}
	.main-visual .bx-wrapper .bx-pager {bottom:20px;}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:110px;}


	/* sub page */
	.sub-visual {padding-bottom:22%;}
	.sub-visual .text .title {font-size:35px;}
	.sub-visual .text p {font-size:18px;}

	.real-cont {min-height:250px; _height:250px; padding:0 15px 50px;}

	
	
	/* footer */
	
	
	/* doc */
	.overview {padding:0 15px;}

	.over-service {padding:0 15px 80px;}
	.over-service ul {margin:0 -10px;}
	.over-service ul li {padding:0 10px;}
	.over-service ul li .hover {bottom:35px}
	.over-service ul li .icon {height:80px; bottom:-30px; margin-bottom:15px;}
	.over-service ul li .icon img {height:80px;}
	.over-service ul li .tit {padding-top:30px; font-size:24px;}
	.over-service ul li .tit:after {height:20px;}
	.over-service ul li:hover .tit {font-size:28px;}

	.over-business {padding:0 15px 80px;}
	.over-business ul {margin:0 -10px;}
	.over-business ul li {padding:0 10px;}
	.over-business ul li .hover {bottom:30px;}
	.over-business ul li .icon {height:80px}
	.over-business ul li .icon img {height:80px;}
	.over-business ul li .tit {font-size:24px;}
	.over-business ul li:hover .tit {font-size:28px;}

	.ceo .cnt {padding:1.5% 1.5% 0 0;}
	.ceo .cnt .tit {font-size:28px; margin-bottom:15px; padding-top:5%;}
	.ceo .cnt .eng {font-size:20px; margin-bottom:15px;}
	.ceo .cnt p {margin-bottom:15px;}
	.ceo .cnt br {display:none;}
	.ceo .cnt .br {display:block;}
	.ceo .cnt .sain {font-size:18px;}
	.ceo .cnt .photo {padding-left:40px;}

	.map-jido {margin-bottom:30px;}





	/* board */
	.board-form {display:none;}
	.m-board-form {display:block;}
	.mailform table {font-size:14px;}
	.mailform table thead th {padding:7px 5px; height:30px;}
	.mailform table tbody th {padding:7px 5px;}
	.mailform table tbody td {padding:7px 10px;}


	.project-list ul li .cnt {padding:0 30px;}
	.project-list ul li .cnt .tit {font-size:18px;}
	.project-list ul li .cnt .arrow {margin-top:30px;}
	.project-list ul li a:hover .cnt {top:20px;}
	.project-list ul li a:hover .cnt .arrow {margin-top:10px;}

	.btn-wrap {margin:30px 0 40px;}
	.btn-wrap .btn {padding:0 25px; width:180px; height:50px; font-size:22px;line-height:50px;}
	.btn-wrap .btn:after {right:20px; font-size:22px;line-height:50px;}


	.project-view {margin:60px auto 0;}
	.project-view .head {margin-bottom:25px; padding:0 80px;}
	.project-view .head .tit {font-size:24px;}
	.project-view .head .cnt {font-size:22px;}
	.project-view .head .btn-list {right:80px;}
	.project-view .head .btn-list a {font-size:17px;}
	.project-slider {padding:0 80px; margin-bottom:25px;}
	.project-slider .slick-prev {width:35px;background-size:35px;}
	.project-slider .slick-next {width:35px;background-size:35px;}

	.projectNav {padding:0 80px;}
	.projectNav .slick-prev {margin-top:-17.5px; left:0; width:35px; height:35px;}
	.projectNav .slick-next {margin-top:-17.5px; right:0; width:35px; height:35px;}


	



}


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

	/* header */
	#sub #wrapper {padding-top:70px;}
	#main #header {height:70px;}
	#header {position:absolute; top:0; left:0; width:100%; height:70px;}
	#header .contain {height:auto;}
	#header .sitelogo {top:12px;}
	#header .sitelogo img {height:45px}
	body.header-fixed #header {position:fixed; background:#fff; border-bottom:1px solid #ddd;}

	#gnb {display:none;}
	.nav {display:block}
	
	/* main */
	.main-visual li {padding-bottom:50.2%;}
	.main-visual .bt-prev a {left:15px; width:25px; height:50px; margin-top:-20px; background-size:25px;}
	.main-visual .bt-next a {right:15px; width:25px; height:50px; margin-top:-20px; background-size:25px;}
	.main-visual .visual-txt {margin-top:-80px;}
	.main-visual .visual-txt .tit {font-size:20px;}
	.main-visual .visual-txt .logo {font-size:50px; margin-bottom:15px;}
	.main-visual .visual-txt p {font-size:22px;}
	.main-visual .bx-wrapper .bx-pager {bottom:20px;}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:90px;}


	/* sub page */
	.sub-visual {padding-bottom:24%;}
	.sub-visual .text .title {font-size:30px;}
	.sub-visual .text p {font-size:17px;}

	.lnb-menu {display:none;}
	.m-lnb-menu {display:block; margin-bottom:20px;background:#fff; padding-top:20px;}
	.m-lnb-menu .swiper-wrapper .swiper-slide {float:left;  position:relative; text-align:center;}
	.m-lnb-menu .swiper-wrapper .swiper-slide:after {content:"";position:absolute; top:50%; margin-top:-7px; left:0; width:1px; height:14px; background:#ddd;}
	.m-lnb-menu .swiper-wrapper .swiper-slide:first-child:after {display:none;}
	.m-lnb-menu .swiper-wrapper .swiper-slide a {display:inline-block; position:relative; color:#808080; font-size:18px; line-height:40px; font-family: 'S-CoreDream-4Regular'; letter-spacing:-.70px; transition: all 0.4s ease-in-out;}
	.m-lnb-menu .swiper-wrapper .swiper-slide a:after {content:"";position:absolute; top:5px; right:-15px; width:10px; height:10px; background:#add3cc; border-radius:50%; z-index:0; opacity:0; transition: all 0.2s ease-in-out;}
	.m-lnb-menu .swiper-wrapper .swiper-slide a:before {content:"";position:absolute; bottom:5px; right:-12px; width:17px; height:17px; background:#add3cc; border-radius:50%; z-index:0; opacity:0; transition: all 0.2s ease-in-out;}
	.m-lnb-menu .swiper-wrapper .swiper-slide.active a {color:#55887e;}
	.m-lnb-menu .swiper-wrapper .swiper-slide.active a span {position:relative; z-index:2}
	.m-lnb-menu .swiper-wrapper .swiper-slide.active a:after {opacity:.8;}
	.m-lnb-menu .swiper-wrapper .swiper-slide.active a:before {opacity:.8;}


	#footer {padding:20px 15px; font-size:16px;}
	#footer .bar {padding:0 7px;}

	.foot-logo img {height:55px;}

	.sub-title {margin:0 auto 40px; padding-top:40px;}
	.sub-title h2 {font-size:25px; padding-bottom:50px;}
	.sub-title h2:after {height:35px;}
	
	
	/* board */
	.project-list ul {margin:0 -4px;}
	.project-list ul li {padding:0 4px; margin-bottom:8px;}
	.project-list ul li .cnt {bottom:20px; padding:0 20px;}
	.project-list ul li .cnt .tit {font-size:16px;}
	.project-list ul li a:hover .cnt {bottom:20px; top:auto;}
	.project-list ul li a:hover .cnt .arrow {opacity:0;}

	.btn-wrap {margin:25px 0 30px;}
	.btn-wrap .btn {padding:0 20px; width:160px; height:45px; font-size:20px;line-height:45px;}
	.btn-wrap .btn:after {right:20px;font-size:20px;line-height:45px;}

	
	.project-view {margin:40px auto 0;}
	.project-view .head {margin-bottom:20px; padding:0 50px;}
	.project-view .head .tit {font-size:22px;}
	.project-view .head .cnt {font-size:20px;}
	.project-view .head .btn-list {right:50px;}
	.project-view .head .btn-list a { font-size:15px; padding-right:40px;background-size:30px;}
	.project-slider {padding:0 50px; margin-bottom:20px;}
	.project-slider .slick-prev {width:30px;background-size:30px;}
	.project-slider .slick-next {width:30px;background-size:30px;}

	.projectNav {padding:0 50px;}
	.projectNav .slick-prev {margin-top:-17.5px; left:0; width:35px; height:35px;}
	.projectNav .slick-next {margin-top:-17.5px; right:0; width:35px; height:35px;}

	/* doc */
	.overview {margin:0 auto 60px;}
	.overview ul li {height:170px;}
	.overview ul li dl dd {font-size:22px;}
	.overview ul li .icon img {height:60px;}

	.over-service {padding:0 15px 60px;}
	.over-service ul {margin:0 -5px;}
	.over-service ul li {padding:0 5px;}
	.over-service ul li .hover {bottom:30px}
	.over-service ul li .tit {padding-top:30px; font-size:20px;}
	.over-service ul li .tit:after {height:20px;}
	.over-service ul li:hover .tit {opacity:0;}
	.over-service ul li:hover .icon {opacity:0;}

	.over-business {padding:0 15px 60px;}
	.over-business ul {margin:0 -5px;}
	.over-business ul li {padding:0 5px;}
	.over-business ul li .hover {bottom:30px;}
	.over-business ul li .icon {height:80px}
	.over-business ul li .icon img {height:80px;}
	.over-business ul li .tit {font-size:20px;}
	.over-business ul li:hover .tit {opacity:0;}
	.over-business ul li:hover .icon {opacity:0;}
	
	.ceo:after {display:none;}
	.ceo .cnt {padding:0;}
	.ceo .cnt .col {float:none; width:100%;}
	.ceo .cnt .tit {font-size:20px; margin-bottom:15px; padding-top:5%;}
	.ceo .cnt .eng {font-size:18px; margin-bottom:15px;}
	.ceo .cnt p {margin-bottom:15px;}
	.ceo .cnt .sain {font-size:16px; margin-bottom:20px;}
	.ceo .cnt .photo {padding-left:0;}


	
	
}

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


	
	

	/* doc */
	

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

	/* 공통 */
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}
	.desktop-tablet {display:none;}

	body,input,textarea,select,button,table {font-size:14px;}
	
	#m-header {height:60px;}
	#m-header .sitelogo {top:18px; left:15px;}
	#m-header .sitelogo img {height:35px}
	#m-header .top-link ul li {width:40px; height:60px; background-size:20px;}
	#m-header .top-link ul li.bt-list {background-size:20px;}


	/* main */
	.main-visual {margin-bottom:20px;}
	.main-visual li {padding-bottom:111.1%;}
	.main-visual .bt-prev a {left:15px; width:20px; height:40px; margin-top:-10px; background-size:20px;}
	.main-visual .bt-next a {right:15px; width:20px; height:40px; margin-top:-10px; background-size:20px;}
	.main-visual .visual-txt {margin-top:-70px;}
	.main-visual .visual-txt .tit {font-size:16px; padding:0 25px;}
	.main-visual .visual-txt .logo {font-size:25px; margin-bottom:15px;}
	.main-visual .visual-txt p {font-size:14px;}
	.main-visual .bx-wrapper .bx-pager {bottom:10px;}
	.main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:50px;}
	
	

	/* sub page */
	.sub-visual {padding-bottom:45%;}
	.sub-visual .text {margin-top:-30px;}
	.sub-visual .text .title {font-size:25px; line-height:40px;}
	.sub-visual .text p {font-size:16px; line-height:20px;}

	.real-cont {min-height:150px; _height:150px; padding:0 15px 30px;}

	.lnb-wrap {border-bottom:1px solid #ccc;}
	.lnb {position:relative;}
	.lnb .home {position:absolute; top:0; left:0; width:50px; height:50px;}
	.lnb .submenu {display:none;float:none; padding-left:50px; width:100%;}
	.lnb .submenu:before {display:none;}
	.lnb .submenu:after {top:16px; right:15px; padding:4px;}
	.lnb .submenu > a {font-size:15px; line-height:50px;}
	.lnb .submenu.active:after {top:20px; transform:rotate(-135deg);}
	.lnb .submenu ul {top:51px; padding-left:50px;}
	.lnb .submenu ul li a {font-size:14px; line-height:40px;}
	.lnb .submenu.last {display:block;}

	.sub-title {margin:0 auto 25px; padding-top:25px;}
	.sub-title h2 {font-size:22px; padding-bottom:25px;}
	.sub-title h2:after {height:20px;}
	
	

	/* footer */
	#footer {font-size:14px;}
	#footer .br {display:block;}
	

	/* doc */
	.overview {margin:0 auto 30px;}
	.overview ul {border-top:1px solid #ddd; padding-top:15px;}
	.overview ul li {float:none; width:100%; height:auto; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
	.overview ul li:nth-child(3n+1) {clear:none;}
	.overview ul li:first-child:after {display:none;}
	.overview ul li:before {display:none;}
	.overview ul li dl {margin-bottom:10px; padding-top:10px;}
	.overview ul li dl dt {font-size:16px; margin-bottom:5px;}
	.overview ul li dl dd {font-size:18px;}
	.overview ul li .icon img {height:45px;}

	.over-service {padding:0 15px 30px;}
	.over-service ul {margin:0;}
	.over-service ul li {float:none; width:100%; padding:0; margin-bottom:4px;}
	.over-service ul li .hover {bottom:20px}
	.over-service ul li .tit {padding-top:25px; font-size:18px;}

	.over-business {padding:0 15px 60px;}
	.over-business ul {margin:0 -5px;}
	.over-business ul li {width:50%; padding:0 5px; margin-bottom:10px;}
	.over-business ul li:nth-child(4n+1) {clear:none;}
	.over-business ul li:nth-child(2n+1) {clear:left;}
	.over-business ul li .hover {bottom:20px;}
	.over-business ul li .tit {font-size:18px;}
	.over-business ul li:hover .tit {opacity:0;}
	.over-business ul li:hover .icon {opacity:0;}

	.ceo .cnt .tit {font-size:18px; margin-bottom:10px; padding-top:0;}
	.ceo .cnt .eng {font-size:16px; margin-bottom:10px;}
	.ceo .cnt p {margin-bottom:10px;}
	.ceo .cnt .sain {font-size:15px; margin-bottom:15px;}

	.map-jido {margin-bottom:20px;}
	.map-jido .col {float:none; width:100%;}
	.map-jido .col .img {height:434px; padding-bottom:72.4%;} 
	.map-jido .col .img:after {border-width:4px;}


	.kakao-map {height:250px !important;}
	.kakao-map .wrap_map {height:250px !important;}
	.map-info {margin-top:20px;}
	.map-info .col {float:none; width:100%; border-width:2px; border-bottom:0;}
	.map-info .col:after {display:none;}
	.map-info .col:last-child {border-bottom:1px solid #ddd;}
	.map-info .col:nth-child(3n+1) {clear:none;}
	.map-info .col .tit {font-size:16px; padding:10px 0;}
	.map-info .col .cnt {height:auto; padding:15px 10px;}
	.map-info .col .cnt .icon {min-height:35px; background-size:35px;}

	

	/* board */

	/* 리스트 */
	.board-list {display:none;}
	.m-board-list {display:block !important; border-top:1px solid #7d7d7d; border-bottom:1px solid #7d7d7d; margin-bottom:10px;}
	.m-board-list li {border-top:1px solid #7d7d7d; font-size:1em; letter-spacing:-.25px; padding:10px 10px}
	.m-board-list li:first-child {border-top:0;}
	.m-board-list li a {display:block;}
	.m-board-list li strong {font-size:1em; font-weight:normal; line-height:1.4em; color:#333; word-wrap:break-word; word-break:break-all; vertical-align:top;}
	.m-board-list li img {vertical-align:middle;}
	.m-board-list li .info {display:inline-block; position:relative; padding:4px 0 0 0; font-size:1em; line-height:1.4em; color:#888;}
	.m-board-list li .bar {color:#ccc; margin:0 6px;}
	.m-board-list .answer {border-top:1px solid #999; background:#f4f4f4; padding:10px; font-size:12px;}
	.m-board-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
	.m-board-list .answer .q span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .answer .a {color:#d15a13; padding:0 0 0 18px; text-indent:-18px;}
	.m-board-list .answer .a span {font-weight:bold; font-size:1em; margin-right:6px;}
	.m-board-list .none {padding:50px; text-align:center;}
	.m-board-list .end {color:#0072bb}
	.m-board-list .ing {display:inline-block;width:80px; height:25px; text-align:center; color:#fff; font-size:13px; line-height:25px;background:#afafaf; border-radius:20px;}
	.m-board-list .ok {display:inline-block; width:80px; height:25px; text-align:center; color:#fff; font-size:13px; line-height:25px;background:#243e91; border-radius:20px;}
	.m-board-list dl {margin-bottom:2px;}
	.m-board-list dl:after {content:"";display:block;clear:both;}
	.m-board-list dl dt {float:left; position:relative; color:#454545; width:80px;}
	.m-board-list dl dt:after {content:"";position:absolute; top:50%; right:5px; width:1px; height:14px; margin-top:-8px;background:#ddd;}
	.m-board-list dl dd {margin-left:90px;}
	.m-board-list .c1 {color:#2eaed3}
	.m-board-list .c2 {color:#1a56a7}
	.m-board-list .c3 {color:#1a56a7}

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

	.btn-wrap {margin:25px 0 30px;}
	.btn-wrap .btn {padding:0 15px; width:130px; height:40px; font-size:18px;line-height:40px;}
	.btn-wrap .btn:after {right:15px;font-size:18px;line-height:40px;}

	.project-view {margin:20px auto 0;}
	.project-view .head {margin-bottom:15px; padding:0;}
	.project-view .head .tit {font-size:18px;}
	.project-view .head .cnt {font-size:16px;}
	.project-view .head .btn-list {position:relative; right:0; text-align:right;}
	.project-view .head .btn-list a {font-size:14px; padding-right:35px;background-size:25px;}
	.project-slider {padding:0; margin-bottom:15px;}
	.project-slider .slick-prev {left:15px;width:30px; height:50px; margin-top:-25px;background-size:12px; background-color:rgba(255,255,255,.7); border:1px solid #ddd}
	.project-slider .slick-next {right:15px; width:30px;height:50px; margin-top:-25px; background-size:12px; background-color:rgba(255,255,255,.7); border:1px solid #ddd}

	.projectNav {padding:0 50px;}
	.projectNav .item {padding:0 2px;}
	.projectNav .slick-prev {margin-top:-17.5px; left:0; width:35px; height:35px;}
	.projectNav .slick-next {margin-top:-17.5px; right:0; width:35px; height:35px;}


	

	

}	

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

	
}