@charset "UTF-8";
@import url("header.css");

.header-inner{display: flex;justify-content: space-between;align-items: center;}
.header-inner .logo img:nth-child(2){display: none;}

.header-inner .site-triggers ul{display: flex;justify-content: space-between;align-items: center;}

.main-container{background: #0E0E0E;}
.main-visual-wrap{}
.main-visual-box{height: 100vh;}
.main-content-wrap01{background: #0E0E0E;}
.main-content-box01{max-width: 1280px;margin: auto;}
.main-content-wrap02{background: #0E0E0E;}
.main-content-box02{max-width: 1280px;margin: auto;}
.main-content-wrap03{background: #0E0E0E;}
.main-content-box03{max-width: 1280px;margin: auto;}
.main-content-wrap04{background: #0E0E0E;}
.main-content-box04{max-width: 1280px;margin: auto;}
.bottom-header-box img{max-width: 200px;}
footer{background: #0E0E0E;position:relative;}
footer:before{content:'';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(128, 34, 47, 0.5) 100%);}
.top-footer-wrap{}
.top-footer-box{max-width: 1280px;margin: auto;}
.bottom-footer-wrap{}
.bottom-footer-box{max-width: 1280px;margin: auto;}

/*main-visual*/
.main-visual-wrap{position:relative;}
.main-visual-wrap:before{content:'';position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;height: 232px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)),
linear-gradient(0deg, #0E0E0E 4.08%, rgba(0, 0, 0, 0) 100%);}
#touchSlider6{width:100%;height:100%;overflow:hidden;}
#touchSilder6{position:absolute;height:100%;top:0;left:0;}
#touchSlider6 ul li{height:100%;background-size:cover !important;}
#touchSlider6 ul li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,.5), transparent);z-index:-1;}
#touchSlider6 ul li a{position:absolute;top:50%;left:50%;display:block;max-width:1280px;transform:translate(-50%,-50%);}
#touchSlider6 ul li a p{display:inline-block;color:#fff;text-align: center;font-size: 28px;font-weight: 500;line-height: 30.8px;}
#touchSlider6 ul li a p strong{display:inline-block;position:relative;text-align: center;font-size: 80px;font-weight: 700;line-height: 82px;margin: 0 0 50px;}
#touchSlider6 ul li a p strong span{font-size:26px;font-weight:500;}
.m_visual .paging{position:absolute;bottom: 290px;width:100%;text-align:center;z-index: 2;}
.m_visual .paging .btn_page{display:inline-block;width:80px;height:8px;margin:0 8px;background:#E6DED0;font-size:0;text-indent:-99999px;line-height:0;cursor:pointer;}
.m_visual .paging .btn_page.on{background:#80222F;}
.main-visual-box .scroll{position: absolute;bottom: 0;left: calc(50% - 16px);z-index: 2;}

/*common main mini box*/
.main-mini-wrap{padding: 80px 0;}
.main-mini-col{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;}
.main-mini-box{position:relative;}
.main-mini-box h3{color: #FFF;font-size: 56px;font-weight: 700;line-height: 67.2px;margin-bottom: 80px;}

/*main-con01*/
.main-mini-box .mini-board-content ul{display: flex;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 40px;flex-wrap: wrap;justify-content: start;}
.main-mini-box .mini-board-content ul li p{height: 180px;overflow: hidden;margin-bottom: 20px;}
.main-mini-box .mini-board-content ul li p img{width: 100%;height: 100%;object-fit: cover;object-position: top;transform: scale(1.05);transition: all .3s;}

/*main-con02*/
.main-mini-box .mini-board-content ul li{padding-bottom: 40px;width: calc(25% - 30px);box-sizing: border-box;position:relative}
.main-mini-box .mini-board-content ul li .title{margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;align-self: stretch;overflow: hidden;text-overflow: ellipsis;color: #fff;font-size: 20px;font-weight: 700;line-height: 28px;}
.main-mini-box .mini-board-content ul li .text{margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;align-self: stretch;overflow: hidden;text-overflow: ellipsis;color: #E6DED0;font-size: 15px;font-weight: 400;line-height: 24px;}
.main-mini-box .mini-board-content ul li span{color: #E6DED0;font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0.1px;position:absolute;bottom: 20px;}

/*main-con03*/
.main-mini-box .mini-info-content ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 40px;}
.main-mini-box .mini-info-content ul li{background: #262222;text-align: center;padding: 50px 10px 100px;transition: transform 400ms ease;position:relative;}
.main-mini-box .mini-info-content ul li .info-img{height: 72px;max-width: 100%;width: 100%;margin-bottom: 15px;transition: all 0.8s ease;}
.main-mini-box .mini-info-content ul li .info-img img{max-height: 72px;}
.main-mini-box .mini-info-content ul li .info-tit{font-size: 20px;font-weight: 700;line-height: 28px;color: #E6DED0;margin-bottom: 40px;}
.main-mini-box .mini-info-content ul li:hover {transition: transform 300ms ease;transform: scale3d(1.05, 1.05, 1.05);}
.main-mini-box .mini-info-content ul li:hover .info-img{transform: rotateY(180deg);}
.main-mini-box .mini-info-content ul li .btn-mini-link{position: absolute;bottom: 50px;left: 0;right: 0;margin: auto;}
/*main-con04*/
.main-mini-box .mini-calendar-content{}
.main-mini-box .mini-calendar-content h4{display: none;}
.main-mini-box .mini-calendar-content ul{}
.main-mini-box .mini-calendar-content ul li{border-bottom: 1px solid #E6DED0;padding: 20px 0;}
.main-mini-box .mini-calendar-content ul li:first-child{border-top: 1px solid #E6DED0;}
.main-mini-box .mini-calendar-content ul li strong{display: block;font-size: 32px;font-weight: 700;line-height: 38px;color: #E6DED0;margin-bottom: 16px;}
.main-mini-box .mini-calendar-content ul li .ellips{font-size: 20px;font-weight: 400;line-height: 28px;color: #E6DED0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;align-self: stretch;overflow: hidden;text-overflow: ellipsis;}


.main-mini-box .mini-quick-content{}
.main-mini-box .mini-quick-content ul{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.main-mini-box .mini-quick-content ul li{position: relative;background: #262222;text-align: center;}
.main-mini-box .mini-quick-content ul li .quick-img{height: 180px;position:relative;overflow: hidden;}
.main-mini-box .mini-quick-content ul li .quick-img img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.05);transition: all .3s;}
.main-mini-box .mini-quick-content ul li span{font-size: 32px;font-weight: 700;line-height: 38px;color: #E6DED0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main-mini-box .mini-quick-content ul li .btn-mini-link{width: auto;padding: 0 60px 0 30px;margin: 30px 0;border-radius: 27px;background-position: center right 30px;
  font-size: 14px;font-weight: 500;line-height: 50px;text-align: left;color: #fff;}
.main-mini-box .mini-quick-content ul li:hover .quick-img img{transform: scale(1.1);transition: all .3s;}

/*footer top*/
footer > div{padding: 0;max-width: 100%;}
.top-footer-inner{}
.top-footer-inner ul{text-align: center;padding: 80px 0;width: 100%;}
.top-footer-inner ul li{display: inline-block;margin: 0 22px;position: relative;}
.top-footer-inner ul li:before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #D9D9D9;position:absolute;top: 50%;left: -24px;}
.top-footer-inner ul li:first-child:before{display: none;}
.top-footer-inner ul li a{font-size: 16px;font-weight: 400;line-height: 24px;color: #fff;}
/*footer bottom*/
.bottom-footer-inner{position: relative;z-index: 1;padding-bottom: 80px;display: grid;grid-template-columns: 1fr 105px 1fr;gap: 30px;align-items: end;}
.bottom-footer-inner .bottom-footer-box01{}
.bottom-footer-inner .bottom-footer-box01 p{font-size: 15px;font-weight: 400;line-height: 24px;color: #fff;}
.bottom-footer-inner .bottom-footer-box02 img{max-width: 105px;}
.bottom-footer-inner .bottom-footer-box03{}

.bottom-footer-inner .related-site-box{position:relative;float: right;}
.bottom-footer-inner .related-site-box > a{display:block;background:url(../img/common/ico-down.png) no-repeat right 30px center;background-size: 12px auto;width:165px;padding: 15px 30px;border-radius: 6px;border: 1px solid #DEDEDE4D;font-size: 15px;font-weight: 400;line-height: 15px;color: #fff;}
.bottom-footer-inner .related-site-box:first-of-type > a{background-position:right 15px center;}
.bottom-footer-inner .related-site-box > ul{min-width:165px;display:none;position:absolute;bottom:calc(100% - 1px);left:0;z-index:10;right: 0;background: #80222F;border-radius: 6px;border: 1px solid #DEDEDE4D;}
.bottom-footer-inner .related-site-box > ul li{border-bottom:1px solid #DEDEDE4D;}
.bottom-footer-inner .related-site-box > ul li:last-child{border-bottom:0;}
.bottom-footer-inner .related-site-box > ul li > a{display:block;padding:10px 15px;font-size: 15px;font-weight: 400;line-height: 15px;}
.bottom-footer-inner .related-site-box > ul li > a:hover{opacity: 0.8;}
.bottom-footer-inner .related-site-box > a.active{background-image:url(../img/common/ico-down.png);}
.bottom-footer-inner .related-site-box > a.active ~ ul{display: block;}

.bottom-footer-inner .btn-top{position: fixed;bottom: 70px;right: 32px;display: none;background-image:url(../img/common/btn-top.png);width: 64px;height: 64px;}

/*button*/
.btn-mini-board{position:absolute;top: 7px;right: 0;font-size: 0;background: #80222F;width: 54px;height: 54px;border-radius: 50%;transition: all 0.25s ease;}
.btn-mini-board:before, .btn-mini-board:after{content: '';position: absolute;background: #fff;}
.btn-mini-board:before{width: 2px;height: 20px;left: calc(50% - 1px);top: calc(50% - 10px);}
.btn-mini-board:after{width: 20px;height: 2px;top: calc(50% - 1px);left: calc(50% - 10px);}
.btn-mini-board:hover{opacity: 0.8;}

.btn-mini-link{background: #80222F url(../img/common/ico-arrow.png) no-repeat center;background-size: 15px auto;width: 54px;height: 54px;border-radius: 50%;transition: all 0.25s ease;display: inline-block;}
.btn-mini-link:hover{opacity: 0.8;}

@media screen and (min-width: 1280px){
  .reveal{position: relative;transform: translateY(150px);opacity: 0;transition: 2s all ease;}
  .reveal.active{transform: translateY(0);opacity: 1;}
}

@media screen and (max-width: 1280px){
  .main-content-box01{padding: 0 16px;}
  .main-content-box02{padding: 0 16px;}
  .main-content-box03{padding: 0 16px;}
  .main-content-box04{padding: 0 16px;}
  .top-footer-box{padding: 0 16px;}
  .bottom-footer-box{padding: 0 16px;}
  
  .bottom-footer-inner .btn-top{display: none !important;}
}
@media screen and (max-width: 1024px){
  .main-mini-box .mini-board-content ul{grid-template-columns: 1fr 1fr;}
  .main-mini-box .mini-info-content ul{grid-template-columns: 1fr 1fr;gap: 16px;}
  .main-mini-col{grid-template-columns: 1fr;}
  .main-mini-box .mini-quick-content ul{gap: 16px;}
  
  .main-mini-box .mini-board-content ul dd img{height: 210px;}
}

@media screen and (max-width: 768px){
  .main-mini-wrap{padding: 40px 0;}
  .main-mini-box h3{font-size: 24px;line-height: 28px;margin-bottom: 40px;}
  .main-mini-box .mini-board-content ul{grid-template-columns: 1fr;}
  .main-mini-col{grid-template-columns: 1fr;}  
  .main-mini-box .mini-board-content ul {gap: 20px;}
  .main-mini-box .mini-board-content ul li {width: calc(50% - 10px);margin: 0 0 40px 0;}
  .main-mini-box .mini-board-content ul li p {height: 220px;}

  #touchSlider6 ul li a{width: 100%;text-align: center;}
  #touchSlider6 ul li a p{font-size: 20px;line-height: 28px;}
  #touchSlider6 ul li a p strong{font-size: 32px;line-height: 38px;}
  .m_visual .paging{bottom: 100px;}
  
  .main-visual-box .scroll{display: none;}
  
  .main-mini-box .mini-info-content ul li{padding: 15px 15px 50px;}
  .main-mini-box .mini-info-content ul li .info-tit{font-size: 18px;}
  .main-mini-box .mini-info-content ul li .btn-mini-link{bottom: 15px;}
  
  .main-mini-box .mini-calendar-content ul li strong{font-size: 24px;}
  .main-mini-box .mini-calendar-content ul li .ellips{font-size: 16px;}
  
  .btn-mini-board{width: 48px;height: 48px;top: -10px;}
  
  .top-footer-inner ul{padding: 40px 0 60px;}
  
  .bottom-footer-inner{grid-template-columns: 1fr;justify-items: center;gap: 100px;padding-bottom: 40px;}
  .bottom-footer-inner .bottom-footer-box01{text-align: center;}
  .bottom-footer-inner .bottom-footer-box01 p{margin-bottom: 10px;}
}

@media screen and (max-width: 480px){
  .main-mini-box .mini-board-content ul {display:block}
  .main-mini-box .mini-board-content ul li{width:100%}
  .main-mini-box .mini-board-content ul li p {height: 190px;}
  .m_visual .paging {display: flex; gap: 10px;justify-content: space-evenly;padding: 0 10px;}
}
@media screen and (max-width: 368px){
  .main-mini-box .mini-quick-content ul{grid-template-columns: 1fr;}
  .main-mini-box .mini-info-content ul li .info-tit{font-size: 14px;}
}