.company_wrap h3{
  font-family: 'Poppins';
  font-size: var(--fs48);
  font-weight: bold;
  line-height: 128%;
  color: #fff;
  margin-bottom: 100px;
  position: relative;
}

.company_wrap .sec01 h3{
  font-family: 'Poppins';
  font-size: var(--fs48);
  font-weight: bold;
  line-height: 128%;
  color: #fff;
  margin-bottom: 100px;
  position: relative;
}
.company_wrap .sec01 h3>span.t_wrap{
  overflow: hidden;
  display: inline-block;
}
.company_wrap .sec01 h3>span.t_wrap>span{
  display: block;
  position: relative;
}
.company_wrap .sec_visual{
  display: flex;
  align-items: center;
  position: relative;
  height: 100vh;
  padding-bottom: 16.67vh;
  box-sizing: content-box;
}
.company_wrap .sec_visual .visual{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
}
.company_wrap .sec_visual video{
  width: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.company_wrap .sec_visual h3{
  position: relative; 
  z-index: 1;
}
.company_wrap .sec01 div{
  font-size: var(--fs32);
  font-weight: 140%;
  font-weight: 700;
}
.company_wrap .sec02 ul{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 4rem;
}
.company_wrap .sec02 ul li{
  position: relative;
  width: calc(50% - 1rem);
  aspect-ratio: 5 / 5;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.company_wrap .sec02 ul li img{
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(0);      
  will-change: filter;  
  transition: all .6s ease;
}
.company_wrap .sec02 .txt_bx{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  padding: 5rem;
  z-index: 1;
}
.company_wrap .sec02 .txt_bx p{
  line-height: 128%;
  color: #fff;
}
.company_wrap .sec02 .txt_bx p:nth-of-type(1){
  font-size: 2.8rem;
  font-weight: 700;
}
.company_wrap .sec02 .txt_bx p:nth-of-type(2){
  font-size: 2rem;
  font-weight: 400;
  opacity: 0;
  transition: all .6s ease;
  color: #FFF;
  line-height: 1.6;
  margin-top: 20px;
}
.company_wrap .sec02 ul li:hover img{
  filter: blur(10px);  
}
.company_wrap .sec02 ul li:hover .txt_bx p:nth-of-type(2){
  opacity: 1;
}
@media (max-width:1199.98px) {
  .company_wrap .sec_visual{padding-bottom: 0; box-sizing: border-box;}
}
@media (max-width:991.98px) {
  .company_wrap .sec02 ul{margin-top: 3rem;}
  .company_wrap .sec02 .txt_bx{padding: 3rem;}
  .company_wrap .sec02 .txt_bx p:nth-of-type(2){margin-bottom: 3rem;}
  .company_wrap .sec02 .txt_bx p:nth-of-type(3) br{display: none;}
}
@media (max-width:767.98px) {
  .company_wrap .sec_visual{height: 80vh;}
  .company_wrap h3{margin-bottom: 50px;}
  .company_wrap .sec01 h3{margin-bottom: 60px; padding: 0;}
  .company_wrap .sec02 ul li{width: 100%;}
}
@media (max-width:575.98px) {
  .company_wrap .sec_visual{height: 60vh;}
  .company_wrap .sec01 h3{margin-bottom: 40px;}
}



/* 오시는 길 */
.locations_wrap{padding-bottom: 20rem;}
.locations_wrap .subTit{margin-bottom: 14rem;}
.locations_wrap .list + div{margin-top: 3rem;}
.locations_wrap .list > div{padding: 5rem;}
.locations_wrap .list .off{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #171717;
  border: 1px solid #68686B;
  border-radius: 1rem;
  cursor: pointer;
}
.locations_wrap .list.open .off{display: none;}
.locations_wrap .list .off p{
  line-height: 1.18;
  font-size: var(--fs32);
  font-weight: 700;
  color: #7F7F83;
}
.locations_wrap .list .on{
  display: none;
  justify-content: space-between;
  position: relative;
  background: #323234;
  border-radius: 1rem;
}
.locations_wrap .list.open .on{display: flex;}
.locations_wrap .list.open.no-info .on{align-items: center;}
.locations_wrap .list .on .close_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0; right: 0;
  padding: 0;
  width: 8.4rem;
  height: 8.4rem;
  background: #323234;
  outline: none;
  border: none;
  border-radius: 1rem;
  z-index: 30;
}
.locations_wrap .list .on .map_bx{
  flex-shrink: 0;
  position: relative;
  width: 50rem;
  height: 39rem;
  padding: 6.5px 0;
}
.locations_wrap .list .on .map_bx .map_view{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: absolute;
  bottom: 2rem; right: 1.5rem;
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #171717;
  background: #fff;
  border-radius: 5px;
  z-index: 30;
}
.locations_wrap .list .on .map_bx .map_view img{width: 2rem;}
.locations_wrap .root_daum_roughmap .wrap_map{
  border-radius: 1rem;
  overflow: hidden;
}
.locations_wrap .root_daum_roughmap .wrap_map,
.locations_wrap .root_daum_roughmap{
  width: 100%; height: 100%;
}
.locations_wrap .root_daum_roughmap .map > div:nth-of-type(2),
.locations_wrap .root_daum_roughmap .wrap_btn_zoom,
.locations_wrap .root_daum_roughmap .wrap_controllers{
  display: none;
}
.locations_wrap .list .on .txt_bx{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.locations_wrap .list .on .txt_bx dt{
  margin-bottom: 3.2rem;
  line-height: 1.2;
  font-size: var(--fs20);
  font-weight: 700;
  color: #CFD0D2;
}
.locations_wrap .list .on .txt_bx dd{
  line-height: 128%;
  font-size: var(--fs32);
  font-weight: 700;
  color: #fff;
}
.locations_wrap .list .on .txt_bx div p{
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.2;
  font-size: 1.6rem;
  color:#CFD0D2;
}
.locations_wrap .list .on .txt_bx div p + p{margin-top: 2rem;}
.locations_wrap .list .on .txt_bx div p img{width: 2.4rem;}
@media (max-width:1199.98px) {
  .locations_wrap{padding-bottom: 16rem;}
  .locations_wrap .subTit{margin-bottom: 10rem;}
  .locations_wrap .list .on .map_bx {
    width: 45rem;
    height: 34rem; 
  }
}
@media (max-width:991.98px) {
  .locations_wrap{padding-bottom: 12rem;}
  .locations_wrap .subTit{margin-bottom: 8rem;}
  .locations_wrap .list > div {padding:3rem;}
  .locations_wrap .list.open .on{display: block;}
  .locations_wrap .list .on .map_bx {
    margin-top: 3rem;
    padding: 0;
    width: 100%;
    height: 30rem;
  }
  .locations_wrap .list .on .txt_bx dt{margin-bottom: 2rem;}
  .locations_wrap .list .on .txt_bx div p + p {margin-top: 1rem;}
  .locations_wrap .list .on .map_bx .map_view{padding: 1.2rem 1.5rem;}
  .locations_wrap .list .off{padding-right: 2.5rem;}
  .locations_wrap .list .off img{width: 3.5rem;}
}
@media (max-width:767.98px) {
  .locations_wrap{padding-bottom: 8rem;}
  .locations_wrap .subTit{margin-bottom: 6rem;}
  .locations_wrap .list .off{padding-right: 2rem;}
  .locations_wrap .list .on .close_btn {
    width: 6.5rem;
    height: 6.5rem;
  }
  .locations_wrap .list .on .close_btn img,
  .locations_wrap .list .off img{width: 3rem;}
  
  .locations_wrap .list .on .txt_bx dd br{display: none;}
}




/* 파트너사 */
.partners_wrap{color: #fff;}
.partners_wrap h4{
	font-size: var(--fs32);
	font-weight: 700;
	line-height: 128%;
}
.partners_wrap .sec01 .top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin: 14rem auto 17rem;
}
.partners_wrap .sec01 .top p{
  margin-top: 3rem;
  font-size: 14px;
  line-height: 140%;
  font-weight: 300;
}
.partners_wrap .sec01 .top span{
  font-family: 'Poppins';
  line-height: 100%;
  font-size: 12.8rem;
  font-weight: 300;
}
.partners_wrap .sec01 .top span b{font-weight: bold;}
.partners_wrap .sec01 .sw_bx{
  position: relative;
  overflow: hidden;
}
.partners_wrap .sec01 .sw_bx::before,
.partners_wrap .sec01 .sw_bx::after{
  content: '';
  position: absolute;
  top: 0; 
  width: 20%;
  height: 100%;
  background: #101010;
  z-index: 10;
}
.partners_wrap .sec01 .sw_bx::before{
  left: 0;
  background: linear-gradient(-90deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%);
}
.partners_wrap .sec01 .sw_bx::after{
  right: 0;
  background: linear-gradient(90deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%);
}
.partners_wrap .sec01 .mySwiper + div{margin-top: 2.2rem;}
.partners_wrap .sec01 .swiper-wrapper{
	transition-timing-function: linear !important;
	touch-action: none;
	-webkit-user-drag: none; 
  user-select: none; 
}
.partners_wrap .sec01 .swiper-slide{width: 27.9rem;}
.partners_wrap .sec01 .swiper-slide img{
	width: 100%;
	filter: grayscale(100%) opacity(.5);
	transition: all .3s;
	touch-action: none;
	-webkit-user-drag: none; 
  user-select: none; 
  border-radius: 1rem;
}
.partners_wrap .sec01 .swiper-slide:hover img{
	filter: grayscale(0%) opacity(1);
}
.partners_wrap .sec02{margin: 16rem auto 22rem;}
.partners_wrap .sec02 ul{
  display: flex;
  gap: 2rem;
  margin-top: 4rem;
}
.partners_wrap .sec02 ul li{width: 100%;}
.partners_wrap .sec02 img{
  width: 100%;
  margin-bottom: 2.4rem;
  border-radius: 1rem;
}
.partners_wrap .sec02 dt{
  margin-bottom: 1rem;
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 128%;
}
.partners_wrap .sec02 dd{
  font-size: 14px;
  line-height: 128%;
}
.partners_wrap .sec03 ul{
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.partners_wrap .sec03{margin-bottom: 20rem;}
.partners_wrap .sec03 .tab{margin: 5rem 0;}
.partners_wrap .sec03 .tab li{
	display: block;
}
.partners_wrap .sec03 .tab li button{
  display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: auto;
	padding: 1.6rem 1rem;
	font-size: var(--fs20);
	font-weight: 700;
	line-height: 128%;
	color: #68686B;
	background: none;
	border: none;
	border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: pointer;
}
.partners_wrap .sec03 .tab li button:focus{
  outline: none;
}
.partners_wrap .sec03 .tab li span{
	display: inline-block;
	padding: 1px 1.2rem;
	font-size: 14px;
	line-height: 167%;
	color: #171717;
	background: #68686B;
	border-radius: 3rem;
}
.partners_wrap .sec03 .tab li.active button{
  color: #fff;
	background: none;
	border: none;
	border-bottom: 5px solid rgba(255, 255, 255, 1);
}
.partners_wrap .sec03 .tab li.active span{background: #fff;}
.partners_wrap #partnerList li{
	width: calc((100%/6) - 1.67rem);
}
.partners_wrap #partnerList li img{
  width: 100%;
  border-radius: 1rem;
}
@media (max-width:1199.98px) {
  .partners_wrap .sec02 {margin: 12rem auto 16rem;}
  .partners_wrap .sec01 .top{margin: 10rem auto 12rem;}
  .partners_wrap .sec03{margin-bottom: 16rem;}
  .partners_wrap #partnerList li {width: calc((100% / 5) - 1.6rem);}
}
@media (max-width:991.98px) {
  .partners_wrap .sec01 .top{
    flex-wrap: wrap;
    gap: 2rem;
    margin: 6rem auto 8rem;
  }
  .partners_wrap .sec01 .top p {margin-top: 2rem;}
  .partners_wrap .sec01 .top span {font-size: 10rem;}
	.partners_wrap .sec01 .swiper-slide{width: 20rem;}
  .partners_wrap .sec02 {margin: 10rem auto 12rem;}
  .partners_wrap .sec02 ul {margin-top: 3rem;}
  .partners_wrap .sec03{margin-bottom: 12rem;}
  .partners_wrap .sec03 .tab {margin: 4rem 0;}
  .partners_wrap .sec03 .tab li{
    padding: 1.5rem;
    border-width: 3px;
	}
	.partners_wrap .sec03 .tab li.active{border-width: 3px;}
  .partners_wrap #partnerList li {width: calc((100% / 4) - 1.5rem);}
}
@media (max-width:767.98px) {
  .partners_wrap .sec01 .top{margin-bottom: 6rem;}
  .partners_wrap .sec01 .top span {font-size: 8rem;}
  .partners_wrap .sec02 {margin: 8rem auto;}
  .partners_wrap .sec02 ul {flex-wrap: wrap; gap: 3rem;}
  .partners_wrap .sec03{margin-bottom: 8rem;}
  .partners_wrap .sec03 .tab{gap: 1.5rem; margin: 3rem 0;}
	.partners_wrap .sec03 .tab li{
    padding: 1rem;
    border-width: 2px;
	}
	.partners_wrap .sec03 .tab li.active{border-width: 2px;}
  .partners_wrap #partnerList li {width: calc((100% / 3) - 1.4rem);}
}
@media (max-width:575.98px) {
  .partners_wrap #partnerList li {width: calc((100% / 2) - 1rem);}
}



/* 연혁 */
.history_wrap {
  padding-bottom: 20rem;
  color: #fff;
}
.history_wrap .tab{
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin: 5rem 0 13.5rem;
}
.history_wrap .tab li{
	padding: 1.6rem 2rem;
	font-size: var(--fs20);
	font-weight: 700;
	line-height: 128%;
	color: #68686B;
	background: none;
	border: none;
	border-bottom: 5px solid rgba(255, 255, 255, 0);
  cursor: pointer;
}
.history_wrap .tab li.active{
  color: #fff;
	background: none;
	border: none;
	border-bottom: 5px solid rgba(255, 255, 255, 1);
}
.history_wrap h4{
  margin-bottom: 8rem;
  font-size: var(--fs32);
  font-weight: 700;
  line-height: 128%;
}
.history_wrap .list li{
  display: flex;
  align-items: flex-start;
  gap: 13rem;
  position: relative;
  padding-bottom: 17rem;
}
.history_wrap .list li img{
  position: sticky;
  position: -webkit-sticky;
  height: 335px;
  top: 120px;
}
.history_wrap .list li:before,
.history_wrap .list li:not(:last-child):after{
  content: '';
  position: absolute;
  top: 8px; left: 50%;
  transform: translateX(-50%);
}
.history_wrap .list li:before{
  width: 1.5rem; height: 1.5rem;
  background: #fff;
  border-radius: 50%;
}
.history_wrap .list li:not(:last-child):after{
  width: 1px; height: 100%;
  background: rgba(255, 255, 255, .2);
}
.history_wrap .list li:last-child{padding-bottom: 0;}
.history_wrap .list li > *{width: calc(50% - 6.5rem);}
.history_wrap h5{
  font-size: var(--fs24);
  font-weight: 700;
  line-height: 128%;
}
.history_wrap dl{
  display: flex;
  gap: 3.5rem;
  margin-top: 4rem;
  font-size: 1.6rem;
  line-height: 140%;
}
.history_wrap dt{
  font-weight: 700;
}
.history_wrap dd p{
  color: rgba(255, 255, 255, .7);
}
.history_wrap dd p + p{margin-top: 1.5rem;}
@media (max-width:1199.98px) {
  .history_wrap {padding-bottom: 16rem;}
  .history_wrap .tab {
    gap: 3rem;
    margin: 4rem 0 10rem;
  }
  .history_wrap h4{margin-bottom: 6rem;}
  .history_wrap .list li{padding-bottom: 12rem;}

  .history_wrap .list li img{height: 235px;}
  
}
@media (max-width:991.98px) {
  .history_wrap {padding-bottom: 12rem;}
  .history_wrap .tab {margin: 3rem 0 8rem;}
  .history_wrap .tab li{
    padding: 1.5rem;
    border-width: 3px;
	}
	.history_wrap .tab li.active{border-width: 3px;}
  .history_wrap h4{margin-bottom: 4rem;}
  .history_wrap .list li{
    gap: 8rem;
    padding-bottom: 8rem;
  }
  .history_wrap .list li img{height: 180px;}
  .history_wrap .list li > * {width: calc(50% - 4rem);}
  .history_wrap dl {
    gap: 2rem;
    margin-top: 3rem;
  }
  .history_wrap dd p + p {margin-top: 1rem;}
}
@media (max-width:767.98px) {
  .history_wrap {padding-bottom: 8rem;}
  .history_wrap .tab{gap: 2rem;}
	.history_wrap .tab li{
    padding: 1rem;
    border-width: 2px;
	}
	.history_wrap .tab li.active{border-width: 2px;}
  .history_wrap .list li{
    flex-wrap: wrap;
    gap: 3rem;
  }
  .history_wrap .list li:before,
  .history_wrap .list li:not(:last-child):after{
    display: none;
  }
  .history_wrap .list li > * {width: 100%;}
  .history_wrap .list li img{height: unset; position: relative;}
}