@charset "utf-8";


/* 공통부분 */
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;} /*검색input x 없애기*/
.on> a {color: #ea5514; border-bottom: 1px solid #ea5514;}
.c-scrollbar{z-index: 99999999;}
.board-list_img > img {display: flex; justify-content: center; width: 100%; height: 100%; object-fit: contain;}
.board-list_img2 > img {display: flex; justify-content: center; width: 100%; height: 100%; object-fit: contain;}
.kidan::-webkit-scrollbar{display: none;}
.kidan{overflow: hidden;}
body{overflow-y: auto; overflow-x: hidden;}
body::-webkit-scrollbar {display: block; width: 12px;}
body::-webkit-scrollbar-track {background: white;}
body::-webkit-scrollbar-thumb {background: #c0bbbb; border-radius: 10px; border: 2px solid #fff;}
body::-webkit-scrollbar-thumb:hover {background-color: #2e1d1d;}
/* 커서 */
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper:hover,
.main-contents .swiper-wrap .main-swiper.slide-show:hover {cursor: grab;}
.main-contents .swiper-button{height: 100%; width: 15%; top: 22px;}
.main-contents .swiper-button::after{display: none;}
.main-contents .swiper-button-next{right: 0;}
.main-contents .swiper-button-prev{left: 0;}
.main-contents .swiper-button-next:hover{cursor: url(../../images/cursor/arrow_right.png) 20 20, pointer;}
.main-contents .swiper-button-prev:hover{cursor: url(../../images/cursor/arrow_left.png) 20 20, pointer;}

/* main */
/******* 지은 ************/
.main-container{overflow: hidden;}
.main-contents {transform: scale(1,1); transition: transform 1s ease-out;}
.main-contents {padding: 160px 0px 120px;}
.kidan .main-contents {transform: scale(0.5); transition: transform 1.5s;}
.main-tit {max-width: 540px; margin: 0 auto; font-size: 64px; font-weight: 700; padding-bottom: 30px; line-height: 80px;}

.main-contents .swiper-wrap {transition: all 1s ease-out;}
.main-contents .swiper-wrap >section{padding-left: 0px;}
.main-contents .swiper-wrap >section:not(last-of-type) {margin-bottom: 60px;}
.main-contents .swiper-wrap .main-swiper {height: 360px;}
.main-contents .swiper-wrap .main-swiper .slide-img {width: 100%; height: 100%;}
.main-contents .swiper-wrap .main-swiper .slide-img img {width: 540px; height: 100%; object-fit: contain; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper {width: 540px; cursor: pointer; margin: 0 auto; transform: translate3d(0px, 0px, 0px);}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide {position: relative;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:not(.show) {display: none;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info {position: absolute; width: 262px; top: 0; right: -292px; display: flex; flex-direction: column; row-gap: 10px;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info img {width: 36px !important; height: 36px !important;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info p.co-black {font-weight: 500; color: #121212 !important; padding-top: 8px;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info p {font-size: 16px; color: #6D6D6D;}
.main-contents .swiper-wrap .main-swiper.active .swiper-wrapper .swiper-slide .bulding-info p { /*말줄임*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-contents .swiper-wrap .main-swiper.slide-show {height: 587px; transition: all 1s;}
.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img{width: 540px; display: flex;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide {height: 100%; display: block; transition: width 1.5s;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type {width: 100%; margin-left: 0px;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:not(:first-of-type) {width: auto;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img,
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img img {transition: all 1s;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img img {transform-origin: center center;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide img {width: auto; height: 100%;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper{width: auto; /* height: 587px; */  transition: all 1s;}
.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info {right: 0;}
.main-contents .swiper-wrap .main-swiper:not(.slide-show) .swiper-wrapper .swiper-slide:first-of-type{margin-left:0; width: 100% !important;} 

.main-contents .swiper-wrap .main-swiper.loading{opacity: 0.5}
.main-contents .swiper-wrap .main-swiper.loading::after{display: block; content: ''; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 4px solid #ddd; border-top-color: #3498db; border-radius: 50%; animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;}
    
@keyframes spin {
	0% {
	    transform: rotate(0deg);
	}
	100% {
	    transform: rotate(360deg);
	}
}
/* sub */
.sub-container {padding: 180px 0 120px 0;}
.sub-container .main-tit {max-width: 1320px; margin: 0 auto;}

/*overview*/
.overview .intro>div { padding: 30px 0px;}
.overview h1 {color: #121212; font-size: 24px; font-weight: 500;}
.overview p {color: #565656; font-weight: 500; font-size: 17px;}

.about_us {display: flex; padding: 30px 0px; justify-content: space-between; margin:110px 0px;}
.about_us>div {display: flex; column-gap: 24px; align-items: flex-start;}
.about_us>div ul li:first-child {color: #121212; font-size: 24px; font-weight: 500;}
.about_us>div ul li {color: #565656; font-size: 17px;}

.sub-contents {max-width: 1320px; margin: 0 auto; }
.back_img {position: absolute; left: 0px; overflow: hidden; width: 100%; height: 469px;}
.back_img > img {object-fit: cover; width: 100%; height: 100%;}
.contact span {font-size: 32px; color: #fff; font-weight: 700;}
.contact p { position: relative;top: 50px; color: #fff; font-size: 20px; font-weight: 600; z-index: 1;}
.contact_info { display: flex; align-items: center; margin-top: 150px; flex-direction: column-reverse;}
.contact .map {width: 784px; height: 504px; background: none; box-shadow: 0 14px 28px rgb(187 187 187 / 25%), 0 10px 10px rgb(255 255 255 / 22%); margin-top: 320px;}
.map_info {margin-top: 50px;}
.map_info div {display: flex; column-gap: 50px;}
.map_info ul>li {margin-bottom: 18px; font-size: 17px; color: #565656;}
.sns {width: 44px; height: 44px; background-color: #121212; border-radius: 100%; position: relative;}
.sns img {position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.sns:hover {box-shadow: 0 4px 10px 0px rgba(0,0,0,0.3); transition: all .3s ease-out;}

.company {position: relative;}
.company .swiper-button-prev,
.company .swiper-button-next {color: black;}
.company  .swiper-button-next {position: absolute; right: -100px;}
.company  .swiper-button-prev {position: absolute; left: -100px;}

/*history*/

.swiper-slide img {width: 100%; object-fit: cover;}
.company .swiper {margin-top: 40px; height: 460px;}
.history .swiper {height: 400px;}
.history .swiper-slide {width: 536px;}
.history .swiper-slide img {max-width: 100%;}
.history .container{margin: 100px auto; display: flex; justify-content: space-between;}
.history ul.tabs{ display: flex; flex-direction: column; row-gap: 20px; min-width: 280px;}
.history ul.tabs li{ background-color: rgb(255, 255, 255); border-radius:3px; color: #121212; display: inline-block; padding: 6px 20px; cursor: pointer; font-size: 24px; font-weight: 500; text-align: center;}
.history ul.tabs li:hover {color: #121212; transition: 0.3s ease-in-out; background-color: #e1e2e2; opacity: 1;}
.history ul.tabs li.current{color: #121212; background-color: #e1e2e2;}
.tab-content{display: none; font-size: 17px;}
.tab-content>ul {display: flex; flex-direction: column; margin-bottom: 38px;}
.tab-content>ul li {display: flex; column-gap: 24px; margin-top: 10px;}
.tab-content span {color: #121212; font-weight: 500; font-size: 20px;}
.tab_li {margin-top: 20px;}
.tab-content.current{display: inherit; display: flex; flex-direction: column;}

.history .award {position: relative;}
.history .swiper-button-prev,
.history .swiper-button-next {color: black;}
.history  .swiper-button-next {position: absolute; right: -100px;}
.history  .swiper-button-prev {position: absolute; left: -100px;}

#tab-2 {padding: 20px; }
#tab-2 ul {list-style-type: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
#tab-2 ul li {display: flex; flex-direction: column; align-items: center; width: 100%; box-sizing: border-box;}
#tab-2 ul li img { width: auto; height: 210px; object-fit: cover;}
#tab-2 ul li span { margin-top: 10px; text-align: center; font-size: 16px;}
    
/*news*/
.list_item {display: flex; column-gap: 24px; margin-bottom:100px;}
.list_item .board-list_img {width: 760px; height: 480px; background-color: #fff;}
.list_item .board-list_img2 {width: 300px; height: 150px; background-color: #fff;}
.list_item .txt {width: 536px;}
.list_item .date {color: #565656; font-size: 16px;}
.list_item .title {height: auto; font-size: 24px; color: #121212;;}
.list_item .detail {font-size: 16px; color: 6d6d6d; margin-top: 14px;}
.more_btn {width: 112px; height: 40px; background-color: #fff; border: 1px solid black; color: #121212; text-align: center; line-height: 40px; margin: 60px auto; font-weight: 500;}


/* 사이트맵 */
/******* 예인 ************/
#btn-sitemap,
#close-btn {cursor: pointer;}
/******* 수영추가 ************/
#btn-sitemap{width: 30px; height: 20px;}
#btn-sitemap .btn-sitemap_bar{width: 30px; height: 2px; background: #000; transition: all 0.4s 0.1s;}
#btn-sitemap .btn-sitemap_bar:nth-child(2){width: 20; margin-top: 8px; margin-bottom: 8px;}
#btn-sitemap:hover .btn-sitemap_bar{width: 20px;}
#btn-sitemap:hover .btn-sitemap_bar:nth-child(2){width: 30px;}

.kidan_sitemap {display: none; width: 1140px; height: 100%; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(5px); position: absolute; top: 0; left: 0; z-index: 9999999; padding: 10px 80px; }
/*::-webkit-scrollbar {display: none;}*/
.kidan_sitemap.open {display: flex !important; flex-direction: column; justify-content: space-between; position: fixed;}
header.sitemap-open::after {display: block; content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0;}
.sitemap_top_logo {column-gap: 19px; align-items: center; display: flex; height: 60px;}
.close-btn_X {width: 30px; height: 22px; align-items: center; display: flex; justify-content: center; padding-top: 6px;
  &:before, &:after {position: absolute; content: ''; width: 2px; height: 30px; background: white; transition: all 0.4s 0.1s;}
  &:before {transform: rotate(50deg);}
  &:after {transform: rotate(-50deg);}
}
.close-btn_X:hover {
  &:before, &:after {transition: all 0.4s 0.1s;}
  &:before {transform: rotate(310deg);}
  &:after {transform: rotate(50deg);}
}
.sitemap_nav {margin: 30px 0px;}
.sitemap_nav ul a {color: #fff; padding: 10px 0;}
.sitemap_nav ul>li{display: flex; align-items: center; column-gap: 30px;}
.sitemap_nav ul>li>ul>li:hover a {color: #ea5514; transition: all 0.3s ;}
.sitemap_nav ul>li>ul>li a:after {content: ''; display:block; border-bottom: solid 1px #ea5514; transform: scaleX(0); transition: transform 0.25s ease-in-out;}
.sitemap_nav ul>li>ul>li a:hover:after {transform: scaleX(1);}
.sitemap_nav .sitemap_menu>a {font-weight: 500; font-size: 30px; width: 154px;} 
.sitemap_nav .sitemap_menu a:hover {color: #ea5514; transition: all 0.3s ;}
.sitemap_nav ul>li>ul{display: flex; column-gap: 20px;}
.sitemap_infor {padding-bottom: 80px;}
.sitemap_infor li {color: #898989; margin-top: 6px;}



/* main */
/******* 예인 ************/
/* header */
header {position: fixed; top: 0; z-index: 9999999; width: 100%; height: 80px; background-color: rgba(255, 255, 255, 0.9); display: flex;}
header .header_inner {display: flex; padding: 0px 80px; align-items: center; width: 100%; justify-content: space-between;}
header .header_inner .top_logo {display: flex; column-gap: 20px; align-items: flex-end;}
header .top_nav ul {display: flex; column-gap: 60px; font-size: 16px;}
header .top_nav li:hover a {color: #ea5514; transition: all 0.3s ;}
header .top_nav li a:after {content: ''; display:block; border-bottom: solid 1px #ea5514; transform: scaleX(0); transition: transform 0.25s ease-in-out;}
header .top_nav li a:hover:after {transform: scaleX(1);}
header .search {display: flex; width: 200px; height: 38px; position: relative; border-bottom: 1px solid #6d6d6d;}
header .search_FieldInput {width: calc(100% - 36px); padding-left: 10px; outline: none; background: none;}
header .search img {position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); cursor: pointer;}

/* footer */
footer {width: 100%; background-color: #fff; display: flex;}
footer .footer_inner {padding: 58px 80px; width: 100%;}
footer .footer_inner_left ul {display: flex; flex-direction: column;}
footer .footer_inner_left ul>li {margin-bottom: 10px; display: flex;}
footer .footer_inner_left ul>li p {color: #898989;}
footer .footer_inner_left ul>li:last-child {margin-bottom: 0px;}
footer .footer_inner_left ul>li span {color: #121212; font-weight: 600; width: 112px;}
.footer_info { margin-top: 58px; color: #898989;}
.footer_article {display: flex; column-gap: 68px; text-align: right; color: #121212; }
.footer_inner_right .icons {display: flex; column-gap: 36px; float: right; margin-top: 36px;}
.footer_articleWrap {display: flex; justify-content: space-between;}

/* 인트로 */
/******* 수영 ************/
/* .top_logo img{opacity: 0} */
.main_intro{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999; background: #2E1D1D; display: flex; align-items: center; justify-content: center;transition: height 1s ease-out, scale 1.1s;}
.main_intro.on{height:0;}
.main_intro ul{display: flex; align-items: flex-end; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(3.5); transition: all 1.1s;}
.main_intro.on ul{scale: 1; top: 5%; left: 5%; transform: translate(0, 5px) scale(1); opacity: 0;}
.main_intro li{opacity: 0;}

.swiper-wrapper.load, .swiper-slide.show.load{z-index: 1;}
.swiper-slide.show.load .slide-img{opacity: 0.1; transition: all 0s !important;}
/* 폴더 뒤 */
.swiper-slide.show.load::before{position: absolute;	display: block;	content: '';	z-index: 10;	top: calc(50% - 1px);	left: calc(50vw - 36px);	transform: translate(-50%, -50%);	width: 20px;	height: 26px;	border-radius: 2px 2px 3px 3px;	background: #6D6D6D; animation: opacity 1s ease;}
.swiper-slide.show.load::after{position: absolute; display: block; content: ''; z-index: 10; top: 50%; left: calc(50vw - 30px); transform: translate(-50%, -50%); width: 32px; height: 24px; border-radius: 0 3px 3px 3px; background: #6D6D6D; animation: opacity 1s ease;}
/* 폴더 앞 */
.swiper-wrapper.load::before{position: absolute; display: block; content: ''; z-index: 10; top: 50%; left: calc(50vw - 30px); transform: translate(-50%,-50%); width: 30px; height: 20px; background: url(../../images/img.svg) no-repeat center; animation: file 1s ease,opacity 1s ease;}
.swiper-wrapper.load::after{position: absolute; display: block; content: ''; z-index: 10; top: 50%; left: calc(50vw - 30px); transform: translate(-50%,-50%); width: 32px; height: 20px; border-radius: 2px 2px 3px 3px; margin-top: 2px; background: #939393 url(../../images/logo-k.svg) no-repeat center; background-size: 40%; transform-origin: 50% 100%; animation: opacity 1s ease;}
@keyframes file {
  0% {
        transform: translate(-50%,-50%);
  }
  100% {
        transform: translate(-50%,-150%);
  }
}
@keyframes opacity {
  0% {
        display: block;
  }
  80% {
        display: block;
  }
  100% {
        display: none;
  }
}
/********** 반응형() **********/

@media screen and (max-width: 1800px) {
	
	header .header_inner {padding: 0px 40px; margin: 0 auto;}
	.kidan_sitemap {padding: 10px 40px;}
	.footer_inner {padding: 30px 40px;}
}

@media screen and (max-width: 1440px) {
	.top_nav {display: none;}
	
	.sub-contents {padding: 0 20px; overflow: hidden;}
	
	.contact_info {flex-direction: column-reverse; row-gap: 30px; margin-top: 180px;}
	.map_info ul>li {color: #121212;}
	.map_info {width: 784px;}
	
	.list_item {display: flex; row-gap: 24px; flex-direction: column; align-items: center; padding: 20px 10px;}
	.list_item .txt {width: 760px;}
	/* main */
	/******* 수영 ************/
	/* .main-tit{max-width: 100%;}
	.main-contents{padding: 160px 80px 120px; transition: all 1.5s;}
	.main-contents .swiper-wrap .main-swiper{justify-content: flex-start;}
	.main-contents .swiper-wrap .main-swiper{transform: scale(0.95); transition: all 1.5s} */
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info-txt{opacity: 0;}
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info p.co-black{width: 150px;}
	.main-contents .swiper-wrap .main-swiper.slide-show{height: 487px;}
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info p.co-black{width: 262px;}
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info-txt{width: 262px; opacity: 1;}
	#tab-2 ul {grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 1279px) {
	.main-tit,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img img{width: 50vw;}
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info {width: 22vw; right: calc(-22vw - 30px);}
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info-txt {width: 22vw;}
	.main-contents .swiper-wrap .main-swiper{height: calc(50vw * 2 / 3);}
	.main-contents .swiper-wrap .main-swiper.slide-show{height: calc(65vw * 2 / 3);}
	.kidan .main-contents {transform: scale(1);}
} 
@media screen and (max-width: 1024px) {
	/*header*/
	header .header_inner {padding: 0px 30px;}
	.kidan_sitemap {padding: 10px 30px;}
	.kidan_sitemap {width: 100%;}
	/*site map*/
	.sitemap_nav ul>li {align-items: flex-start;flex-direction: column;}
	/*footer*/
	footer .footer_inner {padding: 30px 30px;}
	footer .footer_articleWrap {flex-direction: column;}
	footer .footer_article {text-align: left; flex-direction: column; flex-direction: column; align-items: center;}
	footer .footer_article ul{margin-top: 20px; display: flex; column-gap: 20px;}
	footer .footer_inner_left {text-align: center;}
	footer .footer_inner_left ul>li {flex-direction: column; align-items: center;}
	/* footer .footer_inner_right {margin-top: 20px;} */
	footer .footer_inner_right .icons {justify-content: center; float: none;}
	footer .footer_info {margin-top: 30px; display: flex; justify-content: center;}
	
	.overview .about_us {flex-direction: column;}
	.overview .about_us>div {padding: 30px 0px;}
	.about_us {align-items: center;}
	
	/* main */
	/******* 수영 ************/
	#tab-2 ul {grid-template-columns: repeat(3, 1fr); gap: 10px;}
  	#tab-2 ul li img {height: 160px;}
}

@media screen and (max-width: 917px) {
	.sitemap_nav ul>li>ul {flex-wrap: wrap;}
	.kidan_sitemap.open {overflow: scroll;}
	
	.map_info {width: 680px;}
	.contact .map {width: 680px; height: 400px;}
	

	
	/* main */
	/******* 수영 ************/
	.main-contents .swiper-button-next{right: -30px;}
	.main-contents .swiper-button-prev{left: -30px;}
	.main-contents{padding: 160px 30px 120px;}
	.main-contents .swiper-wrap{width: auto; margin: unset;}
	.main-contents .swiper-wrap .main-swiper{overflow: visible; justify-content: center;}
	.main-contents .swiper-wrap >section:not(last-of-type){margin-bottom: 80px;}
	.main-tit,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img img{max-width: unset; width: calc(60vw - 60px);}
	
	.main-contents .swiper-wrap .main-swiper{height: calc((60vw - 60px) * 2 / 3);}
	
	.main-contents .swiper-wrap .main-swiper.slide-show{height: calc(((60vw - 60px) * 2 / 3) * 1.5);}
	
	.main-contents .swiper-wrap .main-swiper .slide-img img {width: 100%; height: 100%;}
/*	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img, .main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img img {transition: all 0.5s;}*/
/*	.main-contents .swiper-wrap .main-swiper.active .swiper-wrapper .swiper-slide:first-of-type.small_slide{width: calc((100vw - 60px) * 1.5) !important;}*/
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info{width: 100%; top: calc(100% + 10px); left: 0; flex-direction: row; column-gap: 10px;}
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info p.co-black{width: 262px;}
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide .bulding-info.bulding-info-txt{width: 22vw; min-width: 200px; top: 0; right: 0; left: auto; flex-direction: column;}
	.main_intro ul{transform: translate(-50%, -50%) scale(2.5);}	
}

@media screen and (max-width: 768px) {
	.footer_articleWrap {font-size: 14px;}
	
	.history .swiper {height: 300px; overflow: visible;}
	.history .container {display: block;}
	.tab-content {margin-top: 20px;}
	.tab-content span {margin-left: 0px;}
	
	.list_item .board-list_img {width: 80vw; height: auto;}
	.list_item .board-list_img2 {width: 33vw; height: auto;}
	.list_item .txt {width: 80vw;}
	
	.contact_info {margin-top: 220px;}
	.contact span {font-size: 20PX; font-weight: 500;}
	.contact p {font-size: 16px; font-weight: 400;}
	.map_info {width: 500px;}
	.contact .map {width: 540px; height: 320px;}
	
	/* main */
	/******* 수영 ************/
	.main-contents .swiper-button{display: none;}
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img, .main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide:first-of-type .slide-img img {transition: all 1.5s;}
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info-txt p{font-size: 14px;}
/*	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info-txt{display: none;}*/
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-slide:first-child{margin-left: 0;}
	.main-contents .swiper-button-next{right: -15px;}
	.main-contents .swiper-button-prev{left: -15px;}
	.main-contents{padding: 120px 15px 80px;}
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info p.co-black{white-space: nowrap;}
	.main_intro ul{transform: translate(-50%, -50%) scale(1.5);}
	.main-tit,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img,
	.main-contents .swiper-wrap .main-swiper .swiper-wrapper .swiper-slide:first-of-type .slide-img img{width: calc(100vw - 30px);}
	.main-contents .swiper-wrap .main-swiper{height: calc((100vw - 30px) * 2 / 3);}
	.main-contents .swiper-wrap .main-swiper.slide-show{height: calc(((100vw - 30px) * 2 / 3) + 0.1px)};
	.main-contents .swiper-wrap .main-swiper.slide-show .swiper-wrapper .swiper-slide .bulding-info-txt{display: none;}
	
	#tab-2 ul {grid-template-columns: repeat(2, 1fr); gap: 10px;}
  	#tab-2 ul li img {height: 160px;}
  	#tab-2 ul li span {font-size: 14px;}
}

@media screen and (max-width: 576px) {
	header .header_inner {padding: 0px 20px;}
	header .search {width: 160px;}
	.sitemap_nav ul>li>ul {flex-direction: column; }
	.sitemap_nav .sitemap_menu>a {color: #ea5514;}
	footer .footer_info {text-align: center;}
	
	.main-tit {font-size: 40px; line-height: 50px; padding-bottom: 10px;}
	.about_us {margin: 40px 0px;}
	.about_us>div {align-items: flex-start; flex-direction: column;} 
	.about_us>div img {margin-bottom: 20px;}
	.overview h1 {font-size: 20px;}
	.overview p {font-size: 16px;}
	.about_us>div ul li:first-child {font-size: 20px;}
	.about_us>div ul li {font-size: 16px;}

	
	.sub-container {padding: 130px 0 100px 0;}
	
	.contact_info {margin-top: 180px;}
	.map_info {width: 92vw;}
	.contact .map {width: 92vw; height: 30vh;}
	.map_info ul>li {font-size: 15px;}
	
	/* main */
	/******* 수영 ************/
}

@media screen and (max-width: 410px) {
	
	.list_item .board-list_img {width: 90vw; height: auto;}
	.list_item .board-list_img2 {width: 90vw; height: auto;}
	.list_item .txt {width: 90vw;}
	header .search {width: 140px;}
	
	/* main */
	/******* 수영 ************/
	.main-contents{padding: 80px 15px 40px;}
}

@media screen and (max-width: 375px) {
	header .search {display: none;}
	.footer_article ul {flex-direction: column;}	
	
	
	.list_item {margin-bottom: 60px;}
	
	.map_info {width: 86vw;}
	.contact_info {margin-top: 60px;}
	.contact .map {width: 88vw; height: 22vh;}
	.contact span {color: #121212;}
	.contact p {color: #121212; top: 0;}
	.back_img {display: none;}
	
	.company .swiper {height: 250px;}
	.history .swiper {height: 250px;}
}