@charset "UTF-8";
/*-------------------------------------------------
title       : 메인 반응형
Create date : 2022-02-21
-------------------------------------------------*/
/* 
@media (max-width:1560px){

	#fp-nav {right:-12rem} 
}

@media (max-width:1520px){
	.scroll-down {left:0}
}

@media (max-width:1280px){
	#section2 {padding-bottom:0}
	
	.cust .list {width:55.286%}
}
	
@media (max-width:1041px){
	.scroll-move {display:none}
	
	#fp-nav {display:none}
	.section {padding:3rem 2rem 4rem}
	#section0 {padding:17rem 2rem 4rem}
	
	#section2 {position:relative; padding-bottom:11rem}
	#section2 .service {padding-bottom:3rem}
	
}
	
@media (max-width:1023px){
	
	#section0 {padding-top:29rem}
	.visual {float:none; width:100%; margin-bottom:5rem}
	.visual .list {height:auto}
	.visual .img {height:auto}
	.visual .img img {display:inline-block}
	.visual .control_box {bottom:-2rem}
	.main .article {float:none; width:100%}
	.main-search {position:absolute; top:18rem; left:0; padding:0 2rem}
	.main-search .best {padding-top:.5rem}
	.main-search .list a:after {content:none}

	.main-search .controller .prev:before {content:''}
	.main-search .controller .next:before {content:''}
	

	.board {padding:2rem; height:auto}
	.board .latest {display:block; height:25.5rem; padding-top:0.5rem}
	.board .group .conBox {top:11rem; left:2rem; width:calc(100% - 4rem)}
	.board .list {width:100%}
	.board .list .cate {min-width:auto; width:7.5rem; padding:0 1rem; vertical-align:middle}
	.board .group:first-child .label {margin:0}
	.board .label a {padding:.5rem}
	.board .label:after {top:1rem}
	.board .group.active .label a:after {width: calc(100% - 1rem); left:.5rem}

	.board .list li {border-bottom:1px solid #ededed; float:none; width:100%; height:auto}
	.board .list li:last-child {border-bottom:0}
	.board .list a {background:none; border:none; border-radius:0; padding:1.2rem 0; display:table; width:100%}
	.board .list .title {display:inline-block; vertical-align:middle; height:auto; margin:0; padding:0 1rem; width:calc(100% - 15rem); text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board .list .con {display:none !important}
	.board .list .date {display:inline-block; margin-top:0; width:7.5rem; text-align:right}
	
	.board .list li a:hover {box-shadow:none}
	.board .list li a:hover:after {content:none}
	.board .more {top:2.5rem; right:2rem}
	

	.biz-quick {padding:2rem; height:auto}
	.biz-quick .title {float:none; width:100%}
	.biz-quick .list {padding:1rem 0}
	.biz-quick .list .slick-list {padding:0}
	.biz-quick .list i {margin-top:1rem}
	.biz-quick .more {bottom:auto; left:auto; top:2rem; right:1.5rem}
	.biz-quick .control_box {bottom:auto; left:auto; top:2.5rem; right:1.5rem}
	
	.biz-info {margin-top:2rem}
	.biz-info .article {display:block; width:100%; height:12rem}
	.biz-info .txt {min-width:25rem}
	.biz-info div:first-child a{border-radius:1rem 1rem 0 0 }
	.biz-info div:last-child a{border-radius:0 0 1rem 1rem}	
	
	.biz-info .article:hover {width:100%; height:30rem; position:relative; z-index:1}
	
	#section2 .service {flex-direction:column}
	#section2 .service > * {width:100% !important; margin:1rem 0}
	
	#section2 {padding-bottom:0}
	#section2 .sns {padding:2rem 2.5rem}
	#section2 .sns a {border-bottom:0; border-left:1px solid #e5e5e5; display:inline-block; font-size:1.3rem; width:32%; text-align:center}
	#section2 .sns a:after {content:none}
	#section2 .sns a:first-child {border-left:0}
	#section2 .sns a i {display:block; margin:0 auto 1rem}
	
	#section2 .popup .img {height:auto}
	
	.banner {position:relative; left:auto; transform:none}
	.banner .controller {top:50%; transform:translateY(-50%)}
	
	.cust .call {width:50%}
	.cust .call .tel {margin:0}
	.cust .customer {margin:2rem 0; padding:2rem 10rem 2rem 2rem; width:49%}
	.cust .customer a {padding:0}
	.cust .customer strong {margin-bottom:1rem}
	.cust .list {width:100%}
	.cust .list li {width:50%}
	.cust .list li a {padding:2rem 6rem 2rem 1.5rem}
	.cust .list li a i {width:3.5rem; height:3.5rem; right:1rem}
	.cust .list li a:hover i img {top:-3.5rem}
	
	.banner {padding:2rem 0 2rem 17rem}
	
	#section3 {padding:0}
	
	#main_wrap .btn-top,
	#main_wrap .footer_wrap {display:none !important}
	#footer,
	#footer .btn-top {display:block !important} 
}

@media (max-width:768px){
	#section0 {padding-top:28rem}
	.main-search {top:17rem}
	
	.cust {flex-direction:column}
	.cust > * {width:100% !important}
}

@media (max-width:767px){
	
	.main-search .list {margin: 0.3rem 0 0 0;width: calc(100% - 11rem); padding-right:6rem}
	.main-search .list a:after {content:none}
	.main-search input {padding:2rem 7rem 1.2rem 2rem}
	

	.main-search .list .prev {right:-.9rem}
	.main-search .list .prev:before {content:''}
	.main-search .list .next {right:2rem}
	.main-search .list .next:before {content:''}
	
	.board .latest {height:23.5rem}
	.board .label {margin:0}
	.board .label a {font-size:1.4rem; padding:0.3rem}
	.board .group .conBox {top:10.5rem}
	.board .list a {table-layout:fixed}
	.board .list .title {width:calc(100% - 7.5rem)}
	.board .list .date {display:none !important}
	
	.cust .call small {display:block; margin-bottom:1rem}
	.cust .call .label {display:inline-block; font-size:2.6rem}
	.cust .call .tel {display:inline-block; font-size:2.6rem; margin-left:0.5rem}
	.cust .call .time {display:block}
}

@media (max-width:640px){
	.banner {padding:1rem 0 1rem 13rem; max-width:100%}
	.banner .list .slick-slide {margin-right:2rem; height:3.5rem}
	.banner .list .slick-slide > div,
	.banner .list .slick-slide .img,
	.banner .list .slick-slide .img img {height:100%; width:auto !important}
	.banner .controller button {margin-right:1rem}
	.banner .controller .prev::before,
	.banner .controller .next::before {font-size:2rem}
	.banner .controller .play, .banner .controller .stop {right:-4rem}
} */