@charset "utf-8";

@media (max-width: 1400px) {
	#gnb>ul>li {padding:0 25px;}

	.section05 .tit-box {max-width:500px;}
	.section05 .tit-box .img {}
	.section05 .tit-box .img img {width:540px;}
	
	.contact .maps {max-width:600px;}
	
	.foot-info {display:block;}
	.foot-info .logo {margin-bottom:40px;}
	.foot-info .info {width:100%;}
	
}

@media (max-width: 1024px) {

	#header.hide {transform:translateY(0);}
	#gnb {display:none;}
	
	/* main-visual */
	.main-visual {height:600px; margin-top:100px;}
	.main-visual .txt-box p {font-size:24px;}
	.main-visual .txt-box h2 {font-size:36px;}
	/* section01 */
	.section01 {padding:50px 0;}
	
	.section01 .col {display:block;}
	.section01 .txt-box {width:100%; padding-right:0; margin-bottom:60px;}
	.section01 .txt-box .tit {margin-bottom:30px;}
	.section01 .txt-box .tit p {font-size:18px;}
	.section01 .txt-box .tit h3 {font-size:30px;}
	.section01 .txt-box .tit h3:after {width:60px; top:20px; right:-50px;}	
	.section01 .txt-box .txt p {font-size:18px; margin-bottom:18px;}
	.section01 .txt-box .txt p strong {font-size:20px;}
	.section01 .img-box {max-width:none;}
	.section01 .img-box ul {margin:0 -20px -20px; justify-content:center;}
	.section01 .img-box ul li {padding:0 20px;}
	.section01 .img-box ul li a {width:180px; height:180px;}
	.section01 .img-box ul li a img {width:60px;}
	.section01 .img-box ul li a p {font-size:18px;}
	/* section02 */
	.section02 {padding:120px 0 100px;}
	.section02 .title {margin-bottom:40px;}
	.section02 .title h3 {font-size:30px; margin-bottom:20px; padding-right:80px;}
	.section02 .title h3:after {width:60px;}
	.section02 .title p {font-size:18px;}
	.section02 .col {flex-wrap:wrap; justify-content:center;}
	.section02 .row {width:33.3333333%;}
	.section02 .inner .txt {padding:20px;}
	.section02 .inner h4 {font-size:28px;}
	.section02 .inner p {font-size:18px; margin-top:10px; height:auto;}
	.section02 .inner p br {display:none;}
	.section02 .inner:hover p {height:auto;}
	/* section03 */
	.section03 {padding:100px 0 120px;}
	.section03 .inner {height:400px;}
	.section03 .inner h3 {font-size:42px; margin-bottom:20px; padding-bottom:20px;}
	.section03 .inner:hover h3 {padding-bottom:20px;}
	.section03 .inner h3:after {width:100%; left:0;}
	.section03 .inner p {font-size:16px; margin-bottom:40px;}
	.section03 .inner .more {width:160px; line-height:50px; border:1px solid #fff; font-size:18px;}
	/* section04 */
	.section04 {padding:100px 0 80px;}
	.section04 .title {margin-bottom:40px;}
	.section04 .title h3 {font-size:30px; margin-bottom:20px; padding-right:80px;}
	.section04 .title h3:after {width:60px;}
	.section04 .title .tit p {font-size:24px;}
	.section04 .title .txt p {font-size:18px;}
	.section04 .swiper-slide {width:300px; height:300px;}
	.section04 .inner {overflow:hidden;}
	.section04 .inner .txt p {margin-top:20px;}
	/* section05 */
	.section05 {padding:100px 0 120px;}
	.section05 .col {display:block;}
	.section05 .tit-box {max-width:none; padding-bottom:60px;}
	.section05 .tit-box p {font-size:20px;}
	.section05 .tit-box h3 {font-size:40px; padding-right:80px;}
	.section05 .tit-box h3:after {width:60px; height:3px;}
	.section05 .tit-box li {font-size:20px;}
	.section05 .tit-box .img {position:absolute; bottom:20px; right:0;}
	.section05 .tit-box .img img {width:300px;}
	.section05 .txt-box {width:100%;}
	.section05 .txt-box .tit h4 {font-size:26px;}
	.section05 .txt-box .txt li {font-size:18px; padding-left:10px;}
	.section05 .txt-box .txt li:before {width:3px; height:3px; top:12px;}
	.section05 .txt-box .txt p {font-size:18px; padding-left:10px;}
	/* section06 */
	.section06 {padding:100px 0 120px;}
	.section06 .title {margin-bottom:30px;}
	.section06 .title h3 {font-size:30px; padding-right:80px; }
	.section06 .title h3:after {width:60px;}
	.section06 .arrows .slick-arrow {width:46px; height:46px;}
	.section06 .items {margin:0 -10px;}
	.section06 .item {padding:0 10px;}
	.section06 .img-box {margin-bottom:20px;}
	.section06 .img-box .pic:after {width:40px; height:40px; background-size:cover;}
	.section06 .txt-box h4 {font-size:20px;}
	.section06 .txt-box p {font-size:16px;}
	/* section07 */
	.section07 {padding:60px 0;}
	.contact .col {display:block; width:100%; max-width:870px; margin:0 auto;}
	.contact .maps {margin-bottom:60px; max-width:none;}
	.contact .maps .root_daum_roughmap {height:400px !important;}
	.contact .maps .root_daum_roughmap .wrap_map {height:400px !important;}
	.contact .txt-box {width:100%; padding-left:0;}
	.contact .txt-box .tit {margin-bottom:20px;}
	.contact .txt-box .tit h3 {font-size:30px; padding-right:80px;}
	.contact .txt-box .tit h3:after {width:60px;}
	.contact .txt-box .txt {margin-bottom:20px;}
	.contact .txt-box .txt h4 {font-size:20px; margin-bottom:10px;}
	.contact .txt-box .txt .tt {padding:10px 0;}
	.contact .txt-box .txt dl {font-size:16px;}
	.contact .txt-box .txt dt {max-width:80px;}
	.contact .txt-box .txt p {font-size:14px;}
	.contact .txt-box .box p {font-size:18px;}
	.contact .txt-box .box span {font-size:16px;}
	.contact .txt-box .box span.subway {width:22px; line-height:22px;}
	.contact .txt-box .box span.bus {width:40px; line-height:22px;}
	.contact .txt-box .box ul li {margin-right:10px;}
	.contact .txt-box .box a {font-size:28px; padding-left:30px; margin-top:10px;}
	.contact .txt-box .box a:before {width:24px; height:24px; margin-top:-12px; background-size:cover;}
	/* footer */
	#footer {padding:60px 0;}
	.foot-wrap {display:block;}
	.foot-info {width:100%; margin-bottom:30px;}
	.foot-info .logo {max-width:none; margin-bottom:30px;}
	.foot-info .info {width:100%;}
	.foot-info .info ul {margin:0 -15px 15px;}
	.foot-info .info ul li {padding:0 15px;}
	.foot-info .info ul li:after {height:10px; margin-top:-5px;}
	.foot-info .info ul li a {font-size:16px;}
	.foot-info .info p {font-size:16px;}
	.foot-info .info p span {padding:0 10px;}
	.foot-info .info p.copy {margin-top:24px;}
	
	.foot-sns {max-width:none;}
	.foot-sns ul li a {width:40px; height:40px;}
	
	.scrolltop {width:60px; height:60px; right:15px; bottom:60px; transform:translateX(100px);}

}

@media (max-width: 640px) {
	#header .head {height:90px;}
	
	/* main-visual */
	.main-visual {height:500px; margin-top:90px;}
	.main-visual .txt-box p {font-size:20px;}
	.main-visual .txt-box h2 {font-size:30px;}
	/* section01 */
	.section01 {padding:40px 0;}
	.section01 .txt-box {margin-bottom:30px;}
	.section01 .txt-box .tit {margin-bottom:20px;}
	.section01 .txt-box .tit p {font-size:16px;}
	.section01 .txt-box .tit h3 {font-size:24px;}
	.section01 .txt-box .tit h3:after {width:40px; top:18px; right:-30px;}	
	.section01 .txt-box .txt p {font-size:16px; margin-bottom:10px;}
	.section01 .txt-box .txt p strong {font-size:18px;}
	.section01 .img-box ul {margin:0 -15px -15px;}
	.section01 .img-box ul li {padding:0 15px;}
	.section01 .img-box ul li a {width:140px; height:140px;}
	.section01 .img-box ul li a img {width:50px;}
	.section01 .img-box ul li a p {font-size:16px;}
	/* section02 */
	.section02 {padding:100px 0 80px;}
	.section02 .title {margin-bottom:30px;}
	.section02 .title h3 {font-size:24px; margin-bottom:10px; padding-right:60px;}
	.section02 .title h3:after {width:40px;}
	.section02 .title p {font-size:16px;}
	.section02 .row {width:50%;}
	.section02 .inner .txt {padding:15px;}
	.section02 .inner h4 {font-size:24px;}
	.section02 .inner p {font-size:16px;}
	/* section03 */
	.section03 {padding:80px 0 100px;}
	.section03 .inner {height:300px;}
	.section03 .inner h3 {font-size:28px; margin-bottom:15px; padding-bottom:15px;}
	.section03 .inner:hover h3 {padding-bottom:15px;}
	.section03 .inner p {font-size:14px; margin-bottom:20px;}
	.section03 .inner .more {width:140px; line-height:40px; font-size:16px;}
	/* section04 */
	.section04 {padding:80px 0 100px;}
	.section04 .title {margin-bottom:30px;}
	.section04 .title h3 {font-size:24px; margin-bottom:16px; padding-right:60px;}
	.section04 .title h3:after {width:40px;}
	.section04 .title .tit p {font-size:20px;}
	.section04 .title .txt p {font-size:16px;}
	.section04 .swiper-slide {width:240px; height:240px;}
	/* section05 */
	.section05 {padding:80px 0 100px;}
	.section05 .tit-box {padding-bottom:40px;}
	.section05 .tit-box p {font-size:18px;}
	.section05 .tit-box h3 {font-size:28px; padding-right:60px;}
	.section05 .tit-box h3:after {width:40px; height:2px; margin-top:-1px;}
	.section05 .tit-box li {font-size:18px;}
	.section05 .tit-box .img img {width:240px;}
	.section05 .txt-box .row {display:block;}
	.section05 .txt-box .tit {max-width:none; margin-bottom:20px;}
	.section05 .txt-box .tit h4 {font-size:24px;}
	.section05 .txt-box .txt {width:100%;}
	.section05 .txt-box .txt li {font-size:16px;}
	.section05 .txt-box .txt li:before {top:10px;}
	.section05 .txt-box .txt p {font-size:16px;}
	/* section06 */
	.section06 {padding:80px 0 100px;}
	.section06 .title {margin-bottom:20px;}
	.section06 .title h3 {font-size:24px; padding-right:60px;}
	.section06 .title h3:after {width:40px;}
	.section06 .arrows .slick-arrow {width:40px; height:40px;}
	.section06 .img-box .pic:after {width:30px; height:30px;}
	.section06 .txt-box h4 {font-size:18px;}
	.section06 .txt-box p {font-size:14px;}
	/* section07 */
	.section07 {padding:40px 0;}
	.contact .maps {margin-bottom:30px;}
	.contact .maps .root_daum_roughmap {height:300px !important;}
	.contact .maps .root_daum_roughmap .wrap_map {height:300px !important;}
	.contact .txt-box .tit h3 {font-size:24px; padding-right:60px;}
	.contact .txt-box .tit h3:after {width:40px;}
	.contact .txt-box .txt h4 {font-size:18px;}
	.contact .txt-box .txt dl {font-size:14px;}
	.contact .txt-box .txt dt {max-width:60px;}
	.contact .txt-box .box p {font-size:16px;}
	.contact .txt-box .box span {font-size:12px;}
	.contact .txt-box .box span.subway {width:20px; line-height:20px;}
	.contact .txt-box .box span.bus {width:32px; line-height:20px;}
	.contact .txt-box .box a {font-size:24px; padding-left:24px;}
	.contact .txt-box .box a:before {width:20px; height:20px; margin-top:-10px;}
	/* footer */
	#footer {padding:30px 0; text-align:center;}
	

	.foot-info {width:100%; margin-bottom:30px;}
	.foot-info .logo {margin-bottom:20px;}

	.foot-info .info ul {margin:0 -10px 10px; justify-content:center;}
	.foot-info .info ul li {padding:0 10px;}
	.foot-info .info ul li:after {height:10px; margin-top:-5px;}
	.foot-info .info ul li a {font-size:14px;}
	.foot-info .info p {font-size:14px;}
	.foot-info .info p span {display:none;}
	.foot-info .info p br {display:block;}
	.foot-info .info p.copy {margin-top:20px;}
	
	.foot-sns ul {justify-content:center;}
	.foot-sns ul li a {width:32px; height:32px;}
	
	.scrolltop {width:50px; height:50px; bottom:40px; transform:translateX(80px);}
	
	
}

@media (max-width: 400px) {
	
}