@charset "utf-8";

*{
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,p{
  line-height: 1.5;
}

.pg-con{
  width: 100%;
  padding: 0 130px;
}

/* mouse */
.mouse {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: relative;
  margin: 0 auto;
}
.mouse .wheel {
  position: absolute;
  display: inline-block;
  font-size: 18px;
  animation: wheel 1.4s infinite;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}
@keyframes wheel {
  0% {
      top: 8px;
      transform: translateX(-50%, 15px);
      opacity: 1;
  }
  100% {
      top: 1.2rem;
      transform: translateX(-50%, -2rem);
      opacity: 0;
  }
}

.tab_tit{
  margin-top: 60px;
  margin-bottom: 100px;
}
.tab_tit > ul{
  display: flex;
  justify-content: space-between;
}
.tab_tit > ul > li{
  width: calc(20% - 1px);
  font-size: 16px;
  font-weight: 700;
  color: #000;
  padding: 20px 10px;
  background-color: #fbfbfb;
  border: 1px solid #f3f3f3;
  text-align: center;
  cursor: pointer;
  transition: .4s;
}
.tab_tit > ul > li.on{
  color: #fff;
  background-color: #3C40C6;
  border-color: #3C40C6;
}
.tab_tit > ul > li:hover{
  background-color: #e3e4ff;
  border-color: #e3e4ff;
}
.tab_tit > ul > li.on:hover{
  background-color: #3C40C6;
  border-color: #3C40C6;
}

.tab_con{
  padding-bottom: 100px;
}
.tab_con > div{
  display: none;
}
.tab_con > div:first-child{
  display: block;
}

.dct1-img{
  display: flex;
  max-width: 490px;
  margin: 0 auto 100px;
}
.dct1-img img{
  width: 100%;
}
.dct-caption-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.dct-caption{
  display: inline-block;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 30px;
  border: 1px solid #c7c7c7;
}
.dct-caption > h5{
  font-size: 25px;
  color: #000;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}
.dctc-cont{
  padding: 1.5rem;
  border-radius: 25px;
  background-color: #f2f2f2;
  text-align: left;
}
.dctc-cont > p{
  font-size: 18px;
  font-weight: 400;
  color: #666;
  line-height: 1.8;
}
.dct1-wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.dct1-box{
  width: 49%;
}
.dct-img{
  display: flex;
}
.dct-img img{
  width: 100%;
}

#greyLayer{
  position: fixed; top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  z-index: 999999999;
}
#overLayer{
  position: fixed; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 90vh;
  display: none;
  z-index: 999999999;
}
#overLayer .close{
  display: block;
  width: 30px; height: 30px;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  text-align: center;
  position: absolute; top: -15px; right: -15px;
  z-index: 999999999;
}
#overLayer img{height: 100%;}

#overLayer2{
  position: fixed; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  display: none;
  z-index: 999999999;
}
#overLayer2 img{width: 100%;}

.dc-video-wrap{
  width: 100%;
  margin-bottom: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #f2f2f2;
}
.dc-video{
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.dc-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dc-video-wrap h3{
  font-size: 25px;
  color: #000;
  font-weight: 700;
  text-align: center;
  margin-bottom: 3rem;
}

.dc-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.mb-0{
  margin-bottom: 0 !important;
}
.dc-box{
  width: 33.333333%;
  padding: 0 15px;
}
.dc-img{
  display: flex;
  margin-bottom: 1.5rem;
  border-radius: 30px;
  border: 1px dashed #6666;
  padding: 1.5rem;
}
.dc-img img{
  width: 100%;
  border-radius: 20px;
  border: 1px solid #f2f2f2;
}
.dc-caption{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dc-caption > h5{
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin-bottom: 1rem;
}
.dc-caption-btn{
  display: flex;
}
.dc-caption-btn > a{
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: #282828;
  margin-left: 10px;
  transition: .3s;
}
.dc-caption-btn > a:first-child{
  margin-left: 0;
}
.dc-caption-btn > a:hover{
  color: #ff214f;
}

.dcvSwiper{
  position: relative;
}
.dcv-slide{
  width: 100%;
  position: relative;
}
.dc-video.dct5{
  max-width: 100%;
}
.swiper-button-next.dcv:after, .swiper-button-prev.dcv:after{
  display: none;
}
.swiper-button-next.dcv, .swiper-button-prev.dcv{
  width: auto;
  height: auto;
}
.swiper-button-next.dcv > span, .swiper-button-prev.dcv > span{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ff214f;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 22px;
  color: #fff;
  transition: .3s;
}
.swiper-button-next.dcv:hover > span, .swiper-button-prev.dcv:hover > span{
  background-color: #ef6481;
}
.swiper-button-next.dcv{
  right: calc((100% - 60px) / 4);
}
.swiper-button-prev.dcv{
  left: calc((100% - 60px) / 4);
}
.dcv-bg{
  padding-top: 40px;
  padding-bottom: 100px;
}

.bg-grey{
  padding: 100px 0;
  background-color: #f2f2f2;
}
.bg-white{
  padding: 100px 0;
  background-color: #fff;
}
.dc-tit{
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 3rem;
}
.dc-tit::before{
  content: "";
  width: 40%;
  height: 1px;
  background-color: rgba(120, 120, 120, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.dc-tit > h3{
  font-size: 25px;
  font-weight: 700;
  color: #000;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.bg-grey .dc-tit > h3{
  background-color: #f2f2f2;
}
.history-bg{
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 3rem 2rem;
  border-radius: 80px;
  margin: 0 auto;
  max-width: 1090px;
}
.history-con{
  width: 90%;
}
.history-wrap{
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.history-wrap:last-child{
  margin-bottom: 0;
}
.ht-year{
  width: 10%;
}
.ht-year > h3{
  font-size: 30px;
  font-weight: 800;
  color: #000;
}
.ht-cont{
  width: 85%;
  padding-top: 10px;
}
.ht-cont > li{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ht-cont > li:last-child{
  margin-bottom: 0;
}
.ht-cont > li > h5{
  font-size: 16px;
  color: #000;
  font-weight: 400;
  width: 10%;
}
.ht-cont > li > p{
  font-size: 16px;
  color: #000;
  font-weight: 400;
  width: 90%;
}
.dcs-wrap{
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.dcs-wrap:last-child{
  margin-bottom: 0;
}
.dcs-wrap > h5{
  font-size: 20px;
  font-weight: 400;
  color: #000;
  margin-bottom: 1.5rem;
}
.dcs-wrap > h5 > span{
  color: #ff214f;
}
.dcs-wrap > ul{
  margin-bottom: 10px;
  display: flex;
}
.dcs-wrap > ul:last-child{
  margin-bottom: 0;
}
.dcs-wrap > ul > li{
  font-size: 18px;
  font-weight: 400;
  color: #666;
  width: 25%;
}

/* about */
.about-vd{
  width: 100%; 
  height: 100vh; 
  overflow: hidden; 
  position: relative;
}
.at-vd{
  padding-bottom: 56.25% !important;
}
.vimeo_player_wrapper{
  opacity: 1 !important;
}
.about-caption{
  width: 100%;
  padding-top: 150px;
  text-align: center;
  color: #000;
}
.about-caption > h2{
  font-size: 45px;
  font-weight: 800;
  margin-bottom: 3rem;
}
.about-caption > p{
  font-size: 20px;
  font-weight: 300;
}
.about-caption > p > span{
  font-weight: 700;
}
.about-caption-logo{
  position: absolute;
  left: 50%;
  bottom: 4rem;
  transform: translateX(-50%);
}

.py{
  padding-top: 150px;
  padding-bottom: 150px;
}
.ap-con{
  width: 100%;
  display: flex;
  justify-content: center;
}
.ap-wrap{
  display: flex;
  align-items: center;
}
.ap-img{
  display: flex;
  max-width: 503px;
}
.ap-img img{
  width: 100%;
}
.ap-txt{
  padding-left: 100px;
  color: #000;
}
.ap-logo{
  display: flex;
  width: 220px;
  margin-bottom: 3rem;
}
.ap-logo img{
  width: 100%;
}
.ap-txt > ul > li{
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 1.8;
  padding-left: 135px;
  position: relative;
}
.ap-txt > ul > li:last-child{
  margin-bottom: 0;
}
.ap-txt > ul > li > div{
  display: inline-block;
  position: absolute;
  left: 0;
}
.ap-txt > ul > li > div > span{
  font-weight: 700;
  display: inline-block;
  width: 86px;
  text-align: justify;
  text-align-last: justify;
}
.ap-txt > ul > li > div > span.ap-icon{
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  width: 23px;
  text-align: center;
  margin-right: 5px;
}

.location-con{
  padding: 100px 0;
}
.location-con:first-child{
  border-bottom: 1px solid #b5b5b5;
}
.map-con{
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #d9d9d9;
}
.map{
  width: 100%;
  margin-bottom: 2rem;
}
.map-wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.map-wrap > h3{
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.map-wrap > h3 > span{
  font-weight: 700;
}
.map-btn{
  display: flex;
}
.map-btn > a{
  display: inline-block;
  margin-left: 1rem;
  font-size: 14px;
  font-weight: 600;
  padding: 15px;
  min-width: 155px;
  border-radius: 10px;
  transition: .3s;
  text-align: center;
}
.map-btn > a.btn1{
  color: #fff;
  background-color: #03C75A;
}
.map-btn > a.btn2{
  color: #3C1D1E;
  background-color: #FAE100;
}
.map-btn > a:hover{
  border-radius: 0;
}
.root_daum_roughmap{
  width: 100% !important;
}
.root_daum_roughmap .wrap_controllers{
  display: none;
}

.mi-wrap{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.mi-wrap:last-child{
  margin-bottom: 0;
}
.mi-box:first-child{
  width: 8%;
}
.mi-box:last-child{
  width: 92%;
}
.mi-icon{
  display: flex;
  width: 85px;
}
.mi-icon img{
  width: 100%;
}
.mi-box > ul > li{
  font-size: 18px;
  font-weight: 400;
  color: #000;
  margin-bottom: 10px;
  line-height: 1.6;
}
.mi-box > ul > li:last-child{
  margin-bottom: 0;
}
.mi-box > ul > li > span{
  font-weight: 700;
}

.dc-logo{
  display: flex;
  padding: 100px 0;
  justify-content: center;
}
.dc-logo img{
  max-width: 300px;
}
.dct-caption-wrap.dal{
  margin-bottom: 100px;
}
.dct-caption-wrap.dal > .dct-caption{
  width: 100%;
}
.dct-caption-wrap.dal > .dct-caption > h5{
  margin-bottom: 1.5rem;
}
.dct-caption-wrap.dal > .dct-caption > p{
  font-size: 18px;
  color: #000;
  font-weight: 400;
  text-align: center;
  padding-top: 1rem;
}
.dct-caption-wrap.dal > .dct-caption > p > span{
  font-weight: 700;
}
.dctcc-wrap{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dctcc-box{
  width: 49%;
}
.dctcc-box > p{
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 1.8;
}
.dctcc-img{
  display: flex;
}
.dctcc-img img{
  width: 100%;
}

.dalc-wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: calc(100px - 2rem);
}
.dalc-box{
  width: 49%;
  margin-bottom: 2rem;
}
.dalc-img{
  width: 100%;
  display: flex;
  position: relative;
}
.dalc-img img{
  width: 100%;
}
.dalc-caption{
  width: 100%;
  padding: 1.5rem;
  background-color: rgba(35, 24, 21, 0.80);
  color: #fff;
  transition: .4s;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.dalc-caption > h5{
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 800;
  transform: translateY(10px);
  opacity: 0;
  transition: .3s;
  transition-delay: .2s;
}
.dalc-caption > p{
  font-size: 16px;
  font-weight: 400;
  transform: translateY(10px);
  opacity: 0;
  transition: .3s;
  transition-delay: .3s;
}

.dg-con{
  padding: 0 0 100px;
}
.dg-btn{
  display: flex;
  width: auto;
  position: fixed;
  top: 175px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  padding: 1rem 2rem;
  background-color: rgba(0, 0, 0, 0.7);
  transition: .4s;
}
.dg-btn > a{
  padding: 0 2rem;
  font-size: 18px;
  font-weight: 500;
  transition: .3s;
  color: #fff;
}
.dg-btn > a:nth-child(2){
  position: relative;
}
.dg-btn > a:nth-child(2)::after{
  content: "";
  width: 1px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  top: 3px;
  right: 0;
}
.dg-btn > a:nth-child(2)::before{
  content: "";
  width: 1px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  top: 3px;
  left: 0;
}
.dg-btn.scr{
  top: 120px;
}
.dg-btn > a:hover{
  color: #ff214f;
}
.dg-btn > a.on{
  color: #ff214f;
}

.dg-section{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 220px;
}
.dg-border{
  padding-bottom: 100px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-bottom: 1px solid #e4e4e4;
}
.dg-img{
  display: flex;
}
.dg-img img{
  width: 100%;
}
.dct-caption.dg{
  width: 100%;
}
.dct-caption.dg > .dctc-cont > p{
  text-align: center;
  color: #000;
}
.swiper-button-next.dcv.dg > span, .swiper-button-prev.dcv.dg > span{
  background-color: #000;
}
.swiper-button-next.dcv.dg:hover > span, .swiper-button-prev.dcv.dg:hover > span{
  background-color: #000;
  color: #ff214f;
}

.dg-slide{
  padding-top: 60px;
}
.dg-slide .swiper{
  position: relative;
}
.dgs-tit{
  margin-bottom: 2rem;
  text-align: center;
  color: #000;
}
.dgs-tit > h5{
  font-size: 20px;
  font-weight: 700;
}
.dgs-tit > h5 > span{
  display: inline-block;
  margin-right: 5px;
}
.dg-slide .swiper-button-next.dcv{
  right: calc((100% - 40px) / 3);
}
.dg-slide .swiper-button-prev.dcv{
  left: calc((100% - 40px) / 3);
}
.dgp-img{
  display: flex;
}
.dgp-img img{
  width: 100%;
}

.lo-wrap{
  width: 100%;
}
.lo-wrap:first-child{
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #eee;
}
.lo-wrap:first-child.table{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.lo-tit{
  text-align: center;
  color: #000;
  margin-bottom: 2rem;
}
.lo-tit > h3{
  font-size: 35px;
  font-weight: 700;
}
.lo-img{
  width: 100%;
  display: flex;

}
.lo-img img{
  width: 100%;
}

.table-img{
  width: 100%;
  display: flex;
  justify-content: center;
}
.table-img img{
  width: 100%;
}

.dcb-wrap{
  width: 100%;
  display: flex;
}
.dcb-box{
  width: 33.3333333%;
}
.dcb-img{
  display: flex;
  position: relative;
}
.dcb-img img{
  width: 100%;
}
.dcb-tit{
  width: 85%;
  padding: 1.5rem 10px;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
}
.dcb-tit > h5{
  font-size: 20px;
  font-weight: 300;
}
.dcb-tit > h5 > span{
  font-weight: 700;
}
.dcb-tit.cl1{
  background-color: rgba(136, 170, 234, 0.5);
}
.dcb-tit.cl2{
  background-color: rgba(208, 154, 175, 0.5);
}
.dcb-tit.cl3{
  background-color: rgba(178, 191, 149, 0.5);
}
.dcb-caption{
  padding: 1rem 10px;
  border-radius: 20px;
  text-align: center;
  color: #000;
  margin: 1rem 1rem 0;
  border: 3px solid;
  min-height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dcb-caption.cl1{
  border-color: rgba(136, 170, 234, 1);
}
.dcb-caption.cl2{
  border-color: rgba(208, 154, 175, 1);
}
.dcb-caption.cl3{
  border-color: rgba(178, 191, 149, 1);
}
.dcb-caption > p{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

/* media-query */

@media(min-width:1200px){
  .d-lg-block{
    display: block;
  }
  .d-lg-none{
    display: none;
  }

  .ani.up.delay{
		transition: 1.2s opacity 0.2s, 1.2s transform 0.2s;
	}
	.ani.up.delay2{
		transition: 1.2s opacity 0.5s, 1.2s transform 0.5s;
	}
	.ani.up.delay3{
		transition: 1.2s opacity 0.8s, 1.2s transform 0.8s;
	}
	.ani.up.delay4{
		transition: 1.2s opacity 1.0s, 1.2s transform 1.0s;
	}
	.ani.up.delay5{
		transition: 1.2s opacity 1.3s, 1.2s transform 1.3s;
	}

  .dalc-img:hover .dalc-caption{
    opacity: 1;
  }
  .dalc-img:hover .dalc-caption > h5{
    transform: translateY(0);
    opacity: 1;
  }
  .dalc-img:hover .dalc-caption > p{
    transform: translateY(0);
    opacity: 1;
  }

  .table-img img{
    width: auto;
    height: calc(100vh - 90px);
  }
}

@media(max-width:1399px){
  .pg-con{
    padding: 0 50px;
  }
}
@media(max-width:1199px){
  .d-block{
    display: block;
  }
  .d-none{
    display: none;
  }
  .pg-con{
    padding: 0 15px;
  }
  .location-con{
    padding: 50px 0;
  }
  .root_daum_roughmap .wrap_map{
    height: 400px !important;
  }
  .map{
    margin-bottom: 1.5rem;
  }
  .map-wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .map-wrap > h3{
    font-size: 18px;
    margin-bottom: 1rem;
  }
  .map-btn > a{
    margin-left: 10px;
  }
  .map-btn > a:first-child{
    margin-left: 0;
  }
  .map-con{
    margin-bottom: 2rem;
  }
  .mi-wrap{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
  .mi-icon{
    width: 65px;
    margin-bottom: 1rem;
  }
  .mi-box > ul > li{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
  }

  .about-vd{
    height: 100%;
  }
  .about-caption-logo{
    display: none;
  }
  .about-caption{
    padding-top: 70px;
  }
  .about-caption > h2{
    font-size: 28px;
    margin-bottom: 2rem;
  }
  .about-caption > p{
    font-size: 16px;
  }
  .py{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .ap-wrap{
    flex-direction: column;
    align-items: flex-start;
  }
  .ap-img{
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .ap-txt{
    padding-left: 0;
  }
  .ap-logo{
    width: 150px;
    margin-bottom: 2rem;
  }
  .ap-txt > ul > li{
    font-size: 14px;
    padding-left: 103px;
  }
  .ap-txt > ul > li > div > span.ap-icon{
    width: 15px;
    margin-right: 3px;
  }
  .ap-txt > ul > li > div > span{
    width: 67px;
  }

  .tab_tit{
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .tab_tit > ul{
    flex-direction: column;
  }
  .tab_tit > ul > li{
    width: 100%;
    padding: 15px 10px;
    margin-bottom: 1px;
  }
  .dct1-img{
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .dct-caption{
    border-radius: 20px;
  }
  .dctc-cont{
    padding: 15px;
    border-radius: 15px;
  }
  .dct-caption > h5{
    font-size: 20px;
  }
  .dctc-cont > p{
    font-size: 16px;
    line-height: 1.6;
  }
  .dct-caption-wrap{
    margin-bottom: 2rem;
  }
  .tab_con{
    padding-bottom: 70px;
  }
  .dct1-wrap{
    flex-direction: column;
  }
  .dct1-box{
    width: 100%;
    margin-bottom: 10px;
  }
  #overLayer{
    width: 90%;
    height: auto;
  }
  #overLayer2{
    width: 90%;
  }
  #overLayer img{
    width: 100%;
    height: auto;
  }
  .dc-video-wrap h3{
    font-size: 22px;
    margin-bottom: 1.5rem;
  }
  .dc-video-wrap{
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
  .dc-wrap{
    flex-direction: column;
    margin-bottom: 0;
  }
  .dc-box{
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
  }
  .dc-img{
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 20px;
  }
  .dc-img img{
    border-radius: 15px;
  }
  .dc-caption > h5{
    text-align: center;
    margin-bottom: 10px;
  }
  .dc-caption-btn > a{
    font-size: 12px;
    margin-left: 5px;
  }
  .dcvSwiper{
    padding: 0 15px;
  }
  .dcv-bg{
    padding-top: 0;
  }
  .swiper-button-next.dcv > span, .swiper-button-prev.dcv > span{
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  .swiper-button-next.dcv{
    right: calc(50% - 45px);
    bottom: -50px;
    top: auto;
  }
  .swiper-button-prev.dcv{
    left: calc(50% - 45px);
    bottom: -50px;
    top: auto;
  }
  .bg-grey{
    padding: 50px 0;
  }
  .bg-white{
    padding: 50px 0;
  }
  .dc-tit{
    margin-bottom: 1.5rem;
  }
  .dc-tit > h3{
    font-size: 22px;
    padding: 0 20px;
  }
  .dc-tit::before{
    width: 100%;
  }
  .history-bg{
    padding: 2rem 1rem;
    border-radius: 40px;
    max-width: 100%;
  }
  .history-con{
    width: 100%;
  }
  .history-wrap{
    margin-bottom: 2rem;
    flex-direction: column;
  }
  .ht-year{
    width: 100%;
  }
  .ht-cont{
    width: 100%;
  }
  .ht-cont > li{
    flex-direction: column;
  }
  .ht-cont > li > h5{
    font-weight: 500;
    width: 100%;
  }
  .ht-cont > li > p{
    width: 100%;
  }
  .dcs-wrap > h5{
    font-size: 18px;
  }
  .dcs-wrap > ul > li{
    font-size: 16px;
  }
  .dc-logo{
    padding: 70px 0;
  }
  .dc-logo img{
    max-width: 50%;
  }
  .dctcc-wrap{
    flex-direction: column-reverse;
  }
  .dctcc-box{
    width: 100%;
  }
  .dctcc-box > p{
    font-size: 16px;
    line-height: 1.6;
  }
  .dct-caption-wrap.dal > .dct-caption > p{
    font-size: 16px;
    text-align: left;
  }
  .dct-caption-wrap.dal{
    margin-bottom: 50px;
  }
  .dalc-wrap{
    flex-direction: column;
  }
  .dalc-box{
    width: 100%;
  }
  .dalc-caption{
    padding: 1rem;
    opacity: 1;
    position: relative;
    background-color: rgba(35, 24, 21, 1);
  }
  .dalc-caption > h5{
    font-size: 18px;
    margin-bottom: 8px;
    transform: translateY(0);
    opacity: 1;
  }
  .dalc-caption > p{
    font-size: 14px;
    transform: translateY(0);
    opacity: 1;
  }
  .dalc-img{
    flex-direction: column;
  }

  .dg-btn{
    width: 90%;
    justify-content: center;
    top: 375px;
    padding: 1rem;
  }
  .dg-btn > a{
    font-size: 16px;
    padding: 0 10px;
  }
  .dg-btn > a:nth-child(2)::after{
    height: 13px;
  }
  .dg-btn > a:nth-child(2)::before{
    height: 13px;
  }
  .dg-btn.scr{
    top: 70px;
  }
  .dg-section{
    padding-top: 130px;
  }
  .dg-border{
    padding-bottom: 50px;
  }
  .dgs-tit{
    margin-bottom: 1rem;
  }
  .dg-slide .swiper-button-next.dcv{
    right: calc(50% - 45px);
  }
  .dg-slide .swiper-button-prev.dcv{
    left: calc(50% - 45px);
  }
  .dg-slide{
    padding-top: 0;
    padding-bottom: 100px;
  }
  .dg-con{
    padding: 0 0 70px;
  }

  .lo-tit{
    margin-bottom: 1rem;
  }
  .lo-tit > h3{
    font-size: 24px;
  }
  .lo-wrap:first-child{
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 2rem;
  }

  .dcb-wrap{
    flex-direction: column;
    margin-bottom: 50px;
  }
  .dcb-box{
    width: 100%;
    margin-bottom: 2rem;
  }
  .dcb-box:last-child{
    margin-bottom: 0;
  }
  .dcb-tit{
    width: 90%;
    padding: 1rem 10px;
    top: 1rem;
  }
  .dcb-tit > h5{
    font-size: 18px;
  }
  .dcb-caption{
    margin: 1rem 0 0;
    min-height: auto;
  }
  .dcb-caption > p{
    font-size: 16px;
  }
}
@media(max-width:600px){
  .root_daum_roughmap .wrap_map{
    height: 250px !important;
  }
  .tab_tit > ul > li{
    font-size: 14px;
  }
  .ht-cont > li > p{
    font-size: 14px;
    color: #666;
  }
  .dcs-wrap > ul > li{
    font-size: 14px;
  }
  .dct-caption-wrap.dal > .dct-caption > p{
    font-size: 14px;
  }
  .dg-btn > a{
    font-size: 14px;
  }
  .dg-btn > a:nth-child(2)::after{
    height: 11px;
  }
  .dg-btn > a:nth-child(2)::before{
    height: 11px;
  }
}

/* animation */

.ani.up{
	transform: translateY(100px);
	opacity: 0;
	transition: 1.2s;
}
.ani.up.act{
	transform: translateY(0);
	opacity: 1;
}
.ani.left{
	transform: translateX(100px);
	opacity: 0;
	transition: 1s;
}
.ani.left.act{
	transform: translateX(0);
	opacity: 1;
}
.ani.right{
	transform: translateX(-100px);
	opacity: 0;
	transition: 1s;
}
.ani.right.act{
	transform: translateX(0);
	opacity: 1;
}