/* Sec - Common */
.sec_head {
  overflow: hidden;
  position: relative;
  margin-bottom:100px;
}

.sec_tit {
  font-size:4.6rem;
  font-weight:700;
  line-height:1;
  color:#463a32;
  margin-bottom:20px;
}

.sec_subtit {
  font-size:2.8rem;
  color:#434343;
}

@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {
  .sec_tit {
    font-size:3.4rem;
  }
  
  .sec_subtit {
    font-size:2.4rem;
  }
}
@media screen and (max-width:992px) {
  .sec_head {
    margin-bottom:80px;
  }

  .sec_tit {
    margin-bottom:16px;
  }
}
@media screen and (max-width:768px) {
  .sec_head {
    margin-bottom:60px;
  }

  .sec_tit {
    font-size:2.6rem;
    margin-bottom:12px;
  }
  
  .sec_subtit {
    font-size:2rem;
  }
}
@media screen and (max-width:576px) {
  .sec_head {
    margin-bottom:40px;
  }

  .sec_tit {
    font-size:2.4rem;
    margin-bottom:6px;
  }
  
  .sec_subtit {
    font-size:1.8rem;
  }
}


/* Sec01 - Visual */
.sec01 {
  width:100%;
  height:100vh;
  padding:0px;
  /* background-color:#000; */
}

.sec01 .visual {
  position: relative;
  width:100%;
  height:100%;
}

.sec01 .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  max-width:1310px;
  width:100%;
  height:100%;
  margin:0 auto;
  padding:0px 15px;
  z-index:2;
}

.sec01 .visual_tit {
  font-size:6rem;
  color:#eff0eb;
  margin-bottom:20px;
}

.sec01 .visual_txt {
  font-size:3rem;
  color:#ffffff;
}

.sec01 .visual_ani {
  overflow: hidden;
  display:block;
}

.sec01 .visual_ani > * {
  display:block;
  opacity: 0;
}

.sec01 .background {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  z-index:1;
}

.sec01 .background--01 {
  background-image: url('/child/img/main/sec01_img01.png');
}

.sec01 .background--02 {
  background-image: url('/child/img/main/sec01_img02.png');
}

.sec01 .background--03 {
  background-image: url('/child/img/main/sec01_img03.png');
}

.sec01 .swiper-container {
  height:100%;
}

.sec01 .swiper-wrapper {
  height:100%;
}

.sec01 .swiper-slide {
  height:100%;
  overflow: hidden;
}

.sec01 .swiper-contorls {
  position: absolute;
  left:50%;
  bottom:200px;
  transform: translateX(-50%);
  max-width:1310px;
  width:100%;
  margin:0 auto;
  padding:0px 15px;
  z-index:3;
}

.sec01 .controls-navi {
  display: flex;
  flex-wrap: wrap;
  max-width:240px;
  width:100%;
}

.sec01 .controls-navi .pagination {
  width:120px;
  font-size:2rem;
  color:#ffffff;
}

.sec01 .controls-navi .arrow {
  display: inline-flex;
  align-items: center;
}

.sec01 .controls-navi .prev,
.sec01 .controls-navi .next {
  display: inline-block;
  cursor: pointer;
  width:24px;
  height:16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size:8px auto;
}

.sec01 .controls-navi .prev {
  background-image: url('/child/img/main/sec01_prev.png');
}

.sec01 .controls-navi .next {
  background-image: url('/child/img/main/sec01_next.png');
}

.sec01 .controls-navi .btns {
  display: inline-flex;
  align-items: center;
}

.sec01 .controls-navi .btn-play,
.sec01 .controls-navi .btn-stop {
  display: inline-block;
  cursor: pointer;
  width:24px;
  height:16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size:8px auto;
}

.sec01 .controls-navi .btn-play {
  background-image: url('/child/img/main/sec01_play.png');
}

.sec01 .controls-navi .btn-stop {
  background-image: url('/child/img/main/sec01_stop.png');
}

.sec01 .controls-navi .progerssbar {
  width:100%;
  height:3px;
  background-color:#fff;
  margin-top:20px;
}

.sec01 .controls-navi .progerssbar span {
  display: block;
  width: 0;
  height: 100%;
  background: #b5b5b5;
}

.sec01 .controls-navi .progerssbar span.active {
  width:100%;
  -moz-transition:all 5s ease;
  -webkit-transition:all 5s ease;
  transition:all 5s ease;
}

.sec01 .swiper-slide.swiper-slide-active .visual_tit span {
  animation:txtAni 1s ease forwards;
}

.sec01 .swiper-slide.swiper-slide-active .visual_txt span {
	animation:txtAni 1s ease forwards;
	animation-delay: 0.4s;
}

@keyframes txtAni {
	0% {
		opacity:0;
		transform:translateY(-100%);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {
  .sec01 .visual_tit {
    font-size:4.6rem;
  }

  .sec01 .visual_txt {
    font-size:2.4rem;
  }

  .sec01 .controls-navi .pagination {
    font-size:1.8rem;
  }
}
@media screen and (max-width:992px) {
  .sec01 .visual_tit {
    margin-bottom:12px;
  }

  .sec01 .controls-navi .progerssbar {
    margin-top:12px;
  }
}
@media screen and (max-width:768px) {
  .sec01 .text {
    text-align: center;
  }

  .sec01 .visual_tit {
    font-size:3.4rem;
    margin-bottom:6px;
  }

  .sec01 .visual_txt {
    font-size:2rem;
  }

  .sec01 .controls-navi {
    max-width:180px;
  }

  .sec01 .swiper-contorls {
    display: flex;
    justify-content: center;
    bottom:40px;
  }

  .sec01 .controls-navi .pagination {
    width:80px;
    font-size:1.6rem;
  }

  .sec01 .controls-navi .progerssbar {
    display: none;
  }
}
@media screen and (max-width:576px) {
  .sec01 .visual_tit {
    font-size:2.6rem;
  }

  .sec01 .visual_txt {
    font-size:1.8rem;
  }

  .sec01 .swiper-contorls {
    bottom:28px;
  }

  .sec01 .controls-navi .pagination {
    font-size:1.4rem;
  }
}


/* Sec02 - New */
.sec02 {
  padding:150px 0px;
  background-color: #eff0eb;
}

.sec02 .sec_head .button {
  position:absolute;
  top:50%;
  right: 0;
  transform:translateY(-50%);
  max-width:280px;
  width:100%;
  height:60px;
  font-size:2rem;
  line-height:1;
  color:#fff;
  background-color: #463a32;
  border-radius:100px;
}

.sec02 .sec_head .button i {
  display: inline-block;
  width: 9px;
  height:16px;
  background:url('/child/img/main/sec02_btn.png') no-repeat center;
  margin-left:10px;
  transition:transform .3s ease-out;
}

.sec02 .bbs-gallery-layout {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0px -20px;
}

.sec02 .gallery-layout-box {
  flex:1 1 50%;
  max-width:50%;
}

.sec02 .gallery-layout-box:first-child {
  padding:0px 20px;
}

.sec02 .gallery-layout-box:last-child {
  padding:100px 20px 0px;
}

.sec02 .gallery-layout-box .thumbnail {
  position:relative;
  width:100%;
  height:0;
  padding-top: calc(414/620*100%);
  overflow: hidden;
}

.sec02 .gallery-layout-box .thumbnail div {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.sec02 .gallery-layout-box .text {
  font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  padding:50px 40px;
  /* background-color: #fff; */
}

.sec02 .gallery-layout-box .text-category {
  font-size:1.8rem;
  color:#898989;
}

.sec02 .gallery-layout-box .text-subject {
  font-size:2.8rem;
  font-weight:700;
  margin:10px 0px 40px;
}

.sec02 .gallery-layout-box .text-context {
  font-size:2rem;
  line-height:1.5;
  min-height:6rem;
  max-height:6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

@media screen and (min-width:1201px) {
  .sec02 .sec_head .button:hover {
    background-color: #6f5c4f;
  }

  .sec02 .sec_head .button:hover i {
    transform: translateX(5px);
  }
}
@media screen and (max-width:1200px) {
  .sec02 .sec_head .button {
    max-width:240px;
    height:50px;
    font-size:1.8rem;
  }

  .sec02 .gallery-layout-box .text-category {
    font-size:1.6rem;
  }
  
  .sec02 .gallery-layout-box .text-subject {
    font-size:2.4rem;
  }
  
  .sec02 .gallery-layout-box .text-context {
    font-size:1.8rem;
  }
}
@media screen and (max-width:992px) {
  .sec02 {
    padding:120px 0px;
  }

  .sec02 .bbs-gallery-layout {
    margin:0px -12px;
  }
  
  .sec02 .gallery-layout-box:first-child {
    padding:0px 12px;
  }
  
  .sec02 .gallery-layout-box:last-child {
    padding:80px 12px 0px;
  }

  .sec02 .gallery-layout-box .text {
    padding:36px 28px;
  }

  .sec02 .gallery-layout-box .text-subject {
    margin:6px 0px 28px;
  }
}
@media screen and (max-width:768px) {
  .sec02 {
    padding:80px 0px;
  }

  .sec02 .sec_head .button {
    max-width:200px;
    height:40px;
    font-size:1.6rem;
  }

  .sec02 .sec_head .button i {
    background-size:auto 12px;
    margin-left:6px;
  }

  .sec02 .bbs-gallery-layout {
    margin:0px -6px;
  }
  
  .sec02 .gallery-layout-box:first-child {
    padding:0px 6px;
  }
  
  .sec02 .gallery-layout-box:last-child {
    padding:60px 6px 0px;
  }

  .sec02 .gallery-layout-box .text {
    padding:24px 20px;
  }

  .sec02 .gallery-layout-box .text-category {
    font-size:1.4rem;
  }
  
  .sec02 .gallery-layout-box .text-subject {
    font-size:2rem;
    margin:6px 0px 20px;
  }
  
  .sec02 .gallery-layout-box .text-context {
    font-size:1.6rem;
    min-height: 5rem;
    max-height: 5rem;
  }
}
@media screen and (max-width:576px) {
  .sec02 .sec_head .button {
    position: relative;
    top:unset;
    right:unset;
    transform: none;
    max-width:180px;
    font-size:1.4rem;
    margin-top:20px;
  }
  
  .sec02 .bbs-gallery-layout {
    margin:-6px;
  }

  .sec02 .gallery-layout-box {
    flex:1 1 100%;
    max-width:100%;
    padding:6px !important;
  }

  .sec02 .gallery-layout-box .text {
    padding:18px 16px;
  }

  .sec02 .gallery-layout-box .text-category {
    font-size:1.3rem;
  }
  
  .sec02 .gallery-layout-box .text-subject {
    font-size:1.8rem;
    margin:4px 0px 16px;
  }
  
  .sec02 .gallery-layout-box .text-context {
    font-size:1.4rem;
    min-height:4.2rem;
    max-height:4.2rem;
  }
}


/* Sec03 - Cedit */
.sec03 {
  position: relative;
  padding:130px 0px;
  overflow: hidden;
}

.sec03::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/child/img/main/sec03_bg.png') no-repeat center / cover;
  transition: all cubic-bezier(0.4, 0.38, 0.26, 0.93) 1s;
  transform-origin: top;
  transform: scale(1.1);
  /* opacity: 0; */
}

.sec03 .container {
  position: relative;
  z-index:1;
}

.sec03 .sec_tit {
  color:#fff;
}

.sec03 .sec_subtit {
  line-height:1.5;
  color:#fff;
}

.sec03.aos-animate::before {
  transform: scale(1);
  opacity: 1;
}

@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  .sec03 {
    padding:100px 0px;
  }
}
@media screen and (max-width:768px) {
  .sec03 {
    padding:60px 0px;
  }
}
@media screen and (max-width:576px) {

}


/* Sec04 - Video */
.sec04 {
  padding:150px 0px;
  background:url('/child/img/main/sec04_bg.png') no-repeat center / cover;
}

.sec04 .sec_head {
  text-align: center;
}

.sec04 .video {
  position: relative;
  width:100%;
  height:0;
  padding-top: calc(720/1280*100%);
  overflow: hidden;
}

.sec04 .video iframe {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
}

@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  .sec04 {
    padding:120px 0px;
  }
}
@media screen and (max-width:768px) {
  .sec04 {
    padding:80px 0px;
  }
}
@media screen and (max-width:576px) {

}


/* Sec05 - Best */
.sec05 {
  padding:150px 0px;
  overflow: hidden;
}

.sec05 .swiper-container {
  /* overflow: visible; */
  overflow: hidden;
}

.sec05 .swiper-navigation {
  display: flex;
  position: absolute;
  top:50%;
  right: 0;
  transform:translateY(-50%);
}

.sec05 .swiper-navigation .prev,
.sec05 .swiper-navigation .next {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:65px;
  height:65px;
  border:1px solid #959595;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
}

.sec05 .swiper-navigation .prev {
  margin-right:-1px;
  background-image:url('/child/img/main/sec05_prev.png');
}

.sec05 .swiper-navigation .next {
  background-image:url('/child/img/main/sec05_next.png');
}

.sec05 .swiper-pagination {
  position: relative;
  width:100%;
  height: 4px;
  background-color: #e5e5e5;
  margin-top:50px;
}

.sec05 .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #959595;
}

.sec05 .bbs-gallery-slide .thumbnail {
  position: relative;
  width:100%;
  height:0;
  padding-top:calc(400/400*100%);
  overflow:hidden;
}

.sec05 .bbs-gallery-slide .thumbnail div {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.sec05 .bbs-gallery-slide .text {
  font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  padding:50px 40px 50px 0px;
  background-color: #fff;
}

.sec05 .bbs-gallery-slide .text-category {
  font-size:1.8rem;
  color:#898989;
}

.sec05 .bbs-gallery-slide .text-subject {
  font-size:2.8rem;
  font-weight:700;
  margin:10px 0px 40px;
}

.sec05 .bbs-gallery-slide .text-context {
  font-size:2rem;
  line-height:1.5;
  min-height:6rem;
  max-height:6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {
  .sec05 .swiper-navigation .prev,
  .sec05 .swiper-navigation .next {
    width:55px;
    height:55px;
  }

  .sec05 .bbs-gallery-slide .text-category {
    font-size:1.6rem;
  }
  
  .sec05 .bbs-gallery-slide .text-subject {
    font-size:2.4rem;
  }
  
  .sec05 .bbs-gallery-slide .text-context {
    font-size:1.8rem;
  }
}
@media screen and (max-width:992px) {
  .sec05 {
    padding:120px 0px;
  }

  .sec05 .bbs-gallery-slide .text {
    padding:36px 28px 36px 0px;
  }

  .sec05 .bbs-gallery-slide .text-subject {
    margin:6px 0px 28px;
  }

  .sec05 .swiper-pagination {
    margin-top:36px;
  }
}
@media screen and (max-width:768px) {
  .sec05 {
    padding:80px 0px;
  }

  .sec05 .swiper-navigation .prev,
  .sec05 .swiper-navigation .next {
    width:40px;
    height:40px;
    background-size:auto 14px;
  }

  .sec05 .bbs-gallery-slide .text {
    padding:24px 20px 24px 0px;
  }

  .sec05 .bbs-gallery-slide .text-category {
    font-size:1.4rem;
  }
  
  .sec05 .bbs-gallery-slide .text-subject {
    font-size:2rem;
    margin:6px 0px 20px;
  }

  .sec05 .bbs-gallery-slide .text-context {
    font-size:1.6rem;
    min-height: 5rem;
    max-height: 5rem;
  }

  .sec05 .swiper-pagination {
    margin-top:24px;
  }
}
@media screen and (max-width:576px) {
  .sec05 .swiper-navigation {
    display: none;
  }

  .sec05 .bbs-gallery-slide .text {
    padding:18px 16px 18px 0px;
  }

  .sec05 .bbs-gallery-slide .text-category {
    font-size:1.3rem;
  }

  .sec05 .bbs-gallery-slide .text-subject {
    font-size:1.8rem;
    margin:4px 0px 16px;
  }

  .sec05 .bbs-gallery-slide .text-context {
    font-size:1.4rem;
    min-height: 4.2rem;
    max-height: 4.2rem;
  }

  .sec05 .swiper-pagination {
    margin-top:18px;
  }
}


/* Sec06 - Catalog */
.sec06 {
  position: relative;
  padding:130px 0px;
  overflow: hidden;
}

.sec06::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/child/img/main/sec06_bg.png') no-repeat center / cover;
  transition: all cubic-bezier(0.4, 0.38, 0.26, 0.93) 1s;
  transform-origin: top;
  transform: scale(1.1);
}

.sec06 .container {
  position: relative;
  z-index:1;
}

.sec06 .din {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec06 .lt {
  font-size:0px;
  margin-right:60px;
}

.sec06 .sec_tit {
  color:#fff;
}

.sec06 .sec_subtit {
  line-height:1.5;
  color:#fff;
}

.sec06.aos-animate::before {
  transform: scale(1);
  opacity: 1;
}

@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {

}
@media screen and (max-width:992px) {
  .sec06 {
    padding:100px 0px;
  }

  .sec06 .lt {
    margin-right:40px;
  }
}
@media screen and (max-width:768px) {
  .sec06 {
    padding:60px 0px;
  }

  .sec06 .lt {
    margin-right:28px;
  }

  .sec06 .lt img {
    width:72px;
  }
}
@media screen and (max-width:576px) {
  .sec06 .din {
    flex-wrap: wrap;
  }

  .sec06 .lt {
    display: none;
  }

  .sec06 .rt {
    width:100%;
  }
}


/* Sec06 - Contact */
/* Contact - PC */
.sec07 {
  padding:150px 0px 0px;
}

.sec07 .sec_head {
  text-align: center;
}

.sec07 .sec_pc {
  display: block;
}

.sec07 .sec_mo {
  display: none;
}

.sec07 .din {
  display: flex;
  flex-wrap: wrap;
}

.sec07 .lt, .sec07 .rt {
  flex:1 1 50%;
  max-width:50%;
}

.sec07 .lt {
  position: relative;
}

.sec07 .lt .tab-menu {
  max-width:660px;
  width:100%;
  margin-left:auto;
}

.sec07 .lt .tab-menu li {
	display: flex;
	align-items: center;
  position: relative;
  cursor: pointer;
	height: 16.66666666666667vh;
}

.sec07 .lt .tab-menu li::before {
  content:"";
  display: block;
  position: absolute;
  top:0;
  right:0;
  width:50vw;
  height:100%;
  background-color: #eff0eb;
  transition:background-color .3s ease;
}

.sec07 .lt .tab-menu li::after {
  content:"";
  display: block;
  position: absolute;
  bottom:0;
  right:0;
  width:50vw;
  height:1px;
  background-color:#dee0d5;
  transition:background-color .3s ease;
}

.sec07 .lt .tab-menu li:last-child::after {
  display: none;
}

.sec07 .lt .tab-menu .box {
  display: flex;
  align-items: center;
  position: relative;
  z-index:2;
  padding:40px 20px;
}

.sec07 .lt .tab-menu .tab-tit {
  font-size:2.8rem;
  font-weight:700;
  color:#463a32;
  margin-right:80px;
}

.sec07 .lt .tab-menu .tab-info dd {
  display: flex;
  align-items: center;
  font-size:2rem;
  padding-bottom:20px;
}

.sec07 .lt .tab-menu .tab-info dd:last-child {
  padding-bottom:0px;
}

.sec07 .lt .tab-menu .tab-info .icon {
  display: inline-flex;
  align-items: center;
  width:18px;
  height:25px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right:10px;
}

.sec07 .lt .tab-menu .tab-info .icon01 {
  background-image: url('/child/img/main/sec07_icon01.png');
}

.sec07 .lt .tab-menu .tab-info .icon02 {
  background-image: url('/child/img/main/sec07_icon02.png');
}

.sec07 .lt .tab-menu li.on::before {
  background-color: #dee0d5;
}

.sec07 .tab-con {
  position: relative;
  width:100%;
  height:100%;
}

.sec07 .tab-con li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}

.sec07 .tab-con li.on {
  display: block;
  height:100%;
  position:relative;
  animation: contents-on ease-in-out .5s forwards;
}

.sec07 .tab-con .box {
  width:100%;
  height:100%;
}

.sec07 .tab-con .map {
  height:100%;
}

.sec07 .tab-con .map .map-thumb {
	width:100%;
	height:100%;
}

/* Contact - Mobile */
.sec07 .swiper-navi {
  background-color: #eff0eb;
}

.sec07 .swiper-navi .swiper-slide {
  max-width:200px;
  width:100%;
  height:50px;
}

.sec07 .swiper-navi p {
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  font-size:1.8rem;
  font-weight:700;
  color:#463a32;
  background-color: #eff0eb;
  padding:10px;
}

.sec07 .swiper-navi .swiper-slide.on p {
  background-color:#dee0d5;
}

.sec07 .navi-item ul {
  position: relative;
  width:100%;
  height:100%;
}

.sec07 .navi-item li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}

.sec07 .navi-item li.on {
  display: block;
  height:100%;
  position:relative;
  animation: contents-on ease-in-out .5s forwards;
}

.sec07 .navi-item .map {
  position: relative;
  width:100%;
	height:100%;
  /* height: calc(100vh - 20vh); */
  /* padding-top:calc(770/960*100%); */
  overflow: hidden;
}

/* .sec07 .navi-item .map .map-thumb {
  position: absolute !important;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:100%;
  height:100%;
} */

.sec07 .navi-item .tab-info {
  padding:36px 20px 50px;
  background-color: #eff0eb;
}

.sec07 .navi-item .tab-info dd {
  display: flex;
  align-items: center;
  font-size:1.6rem;
  padding-bottom:16px;
}

.sec07 .navi-item .tab-info dd:last-child {
  padding-bottom:0px;
}

.sec07 .navi-item .tab-info .icon {
  display: inline-flex;
  align-items: center;
  width:18px;
  height:20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size:auto 20px;
  margin-right:6px;
}

.sec07 .navi-item .tab-info .icon01 {
  background-image: url('/child/img/main/sec07_icon01.png');
}

.sec07 .navi-item .tab-info .icon02 {
  background-image: url('/child/img/main/sec07_icon02.png');
}

@keyframes contents-on {
  from { opacity: 0; }
  to { opacity: 1; }
}


@media screen and (min-width:1201px) {

}
@media screen and (max-width:1200px) {
  .sec07 .lt .tab-menu .tab-tit {
    font-size:2.4rem;
    margin-right:40px;
  }
  
  .sec07 .lt .tab-menu .tab-info dd {
    font-size:1.8rem;
  }
}
@media screen and (max-width:992px) {
  .sec07 {
    padding:120px 0px 0px;
  }

  .sec07 .sec_pc {
    display: none;
  }
  
  .sec07 .sec_mo {
    display: block;
  }
  
}
@media screen and (max-width:768px) {
  .sec07 {
    padding:80px 0px 0px;
  }

  .sec07 .swiper-navi .swiper-slide {
    max-width:120px;
    height:40px;
  }

  .sec07 .swiper-navi p {
    font-size:1.6rem;
  }

  .sec07 .navi-item .tab-info {
    padding:24px 16px 36px;
  }

  .sec07 .navi-item .tab-info dd {
    font-size:1.4rem;
    padding-bottom:12px;
  }

  .sec07 .navi-item .tab-info .icon {
    width:16px;
    height:18px;
    background-size:auto 18px;
  }
}
@media screen and (max-width:576px) {
  .sec07 .swiper-navi .swiper-slide {
    max-width:160px;
  }

  .sec07 .swiper-navi p {
    font-size:1.4rem;
  }

  .sec07 .navi-item .tab-info {
    padding:18px 12px 24px;
  }

  .sec07 .navi-item .tab-info dd {
    font-size:1.3rem;
    padding-bottom:6px;
  }

  .sec07 .navi-item .tab-info .icon {
    width:12px;
    height:14px;
    background-size:auto 14px;
    margin-right:4px;
  }
}