@charset "utf-8";


@media (max-width: 1200px) {
	
	
	/* main */
	.main-visual {height:406px;}
	.main-visual .inner {width:1200px; margin-left:-600px;}

	.projects-list {padding:0 70px;}
	.projects-list .slick-next {right:0;}
	.projects-list .slick-prev {left:0;}
	
}


/* 아이패드 */
@media (max-width: 1024px) {

	/* header */
	#header {height:70px;}

	.sitelogo {width:90px;}

	#gnb {display:none;}
	
	.btn-m-menu {display: block;}
	.mobile-navigation {display: block;}

	/* main */
	.main-visual {height:346px;}
	.main-visual .inner {width:1024px; margin-left:-512px;}
	
	.section {padding:50px 0;}
	.section .txtBox .col.col-md-7 {padding-right:20px;}
	.section.section1 .txtBox .box {margin-bottom:30px;}
	.section.section2 .txtBox .box {margin-top:30px;}
	.section .txtBox {padding:30px;}
	.section .txtBox strong {font-size:40px;}
	.section .txtBox p {font-size:16px;}
	.section .txtBox p.p1 {font-size:18px;}
	.section .txtBox br {display:none;}
	.section .txtBox a:after {width: 245px;height: 10px;}
	
	.main-title {margin-bottom:20px; font-size:35px;}

	.projects-list .item a {padding:20px; min-height:500px;}
	.projects-list .item .smTit {font-size:18px;}
	.projects-list .item .info .group .tit {font-size:16px;}
	
	.main-contact {padding:25px 30px;}
	.main-contact .head h2 {font-size:35px;}
	.main-contact .buttons {margin-top:20px;}
	.main-contact .btn-pack {height:40px; padding:0 30px; font-size:14px; line-height:40px;}

	/* sub */
	.sub-title p br {display:none;}



}

@media (max-width: 900px) {

	.only-desktop-tablet {display:none}
	.only-mobile {display:block;} 
	
	.contain,
	#sub #container {padding-left:15px; padding-right:15px;}

	/* header */
	#header {height:77px;}

	.sitelogo {padding-top:0; margin-top:12px; width:104px; height:56px; background:url('/images/common/logo.png') 0 0 no-repeat; background-size:cover;}
	.sitelogo img {display:none;}

	.btn-m-menu {right:15px;}

	/* main */
	.main-visual {height:0; padding-bottom:94.4%;}
	.main-visual .inner {left:0; margin-left:0; width:100%; height:100%;}
	.main-visual .slick-dots {bottom:8%;}

	.section {padding:30px 0;}
	.section .txtBox {padding:15px;}
	.section .txtBox .col {float:none;}
	.section .txtBox .col.col-md-7 {width:100%; padding-right:0;}
	.section .txtBox .col.col-md-6 {width:100%; margin-top:15px;}
	.section .txtBox strong {font-size:20px;}
	.section .txtBox p {font-size:14px;}
	.section .txtBox p.p1 {font-size:16px;}
	.section .txtBox p.p2 {font-size:14px;}
	.section .txtBox a {font-size:13px; }
	.section .txtBox a:after {}

	.projects-list {padding:0;}

	.main-title {font-size:20px;}
	.office {text-align:center; margin:-10px 0;}
	.office li {float:none;width:100%; padding:10px 0;}
	.office li .ico {margin:0 auto 15px; width:90px;}
	.office li strong {font-size:16px;}
	.office li p {font-size:14px; margin-top:5px;}
	.office li span {font-size:14px;}
	.office li .em {margin-top:0;}

	.main-contact {padding:15px;}
	.main-contact .head h2 {font-size:20px; }
	.main-contact .head span {font-size:13px; bottom:10px;}
	.main-contact .row {margin:-5px 0;}
	.main-contact .row .col {float:none; width:100%; padding:5px 0;}
	.main-contact .row .col .input, .main-contact .row .col .textarea {padding:10px; height:35px;}
	.main-contact .row .col .textarea {height:100px !important;}

	/* footer */
	#footer {padding:25px 0; font-size:14px;}
	#footer .foot-info .fl,
	#footer .foot-info .fr {float:none; }

	/* sub */
	.sub-visual {height:200px; margin-bottom:30px;}
	
	.sub-title {margin-bottom:20px;}
	.sub-title h2 {font-size:20px;}
	.sub-title p {font-size:14px; margin-top:15px;}

	.who p {margin-bottom:15px;}

	.img-list {margin:0 -3px;}
	.img-list li {padding:0 3px;}

	.what .row {padding:15px; margin-bottom:20px;}
	.what .row .col {display:block;}
	.what .row .col.col-1 {width:100%; margin-bottom:20px;}
	.what .row .col.col-2 {padding-left:0;}
	.what h3 {font-size:16px;}
	.what h3:after {height:2px; bottom:0;}
	.what dl dt {margin-bottom:5px;}
	.what dl dd {font-size:14px;}
	.what .num {font-size:15px;}

	.sm-title {font-size:15px;}
	.sm-title:before {width: 2px;height: 16px;}
	
	.sub-tabs ul li {line-height:35px;}
	.sub-tabs ul li a {font-size:13px;}
		
	.project-list-cont ul {margin:-10px -5px;}
	.project-list-cont ul li {width:50%; padding:10px 5px;}
	.project-list-cont ul li:nth-child(3n+1) {clear:none;}
	.project-list-cont ul li:nth-child(2n+1) {clear:left;}
	.project-list-cont ul li .tit {font-size:15px;}
	.project-list-cont ul li p {font-size:14px;}
	
	.partners {margin:-10px -5px;}
	.partners li {width:50%; padding:10px 5px;}

}