/* Banner 01 */
.banner-01{
  position:relative; overflow:hidden; width:100%; 
  border-bottom: 1.25rem solid;
}
.banner-01 .swiper-slide .wrapper{
  position:relative; display:block; min-height:35vw; width:100%;
}
.banner-01 .swiper-slide .wrapper > .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-repeat:no-repeat; background-position:center;
}
.banner-01 .arrows{
  position:absolute; width:100%; top:calc(50% - 2rem); left:0; display:flex; 
  justify-content:space-between; align-items:center; z-index:2; pointer-events:none;
}
.banner-01 .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:auto; 
  display:flex; justify-content:center; align-items:center; margin:0 .5rem;
  border: 1px solid transparent; border-radius: 2rem;opacity:.7;
}
.banner-01 .arrows > .arrow:hover{opacity:1;}
@media screen and (max-width: 575.98px) {
  .banner-01 .swiper-slide .wrapper{min-height: 50vw;}
  .banner-01 .arrows > .arrow{transform: scale(.7);}
}


/* Section 01 */
.section-01{position:relative;}
.section-01 .pattern{position:absolute; pointer-events:none;}
.section-01 .pattern.style-01{top:-.35rem; right:0;}
.section-01 .pattern.style-01 img{width: 15vw; height: auto;}
.section-01 .pattern.style-02{bottom:-3vw; left:0;}
.section-01 .pattern.style-02 img{width: 30vw; height: auto;}
.section-01 .announce .text-container{
  position:relative; background: #ECECEC; display:flex; align-items:center;
  height:3.05rem; border-radius:6.25rem; padding:.125rem 9.65rem .125rem 3rem;
}
.section-01 .announce .icon{
  position:absolute; top:0; left:0; bottom:0; padding:.25rem;
}
.section-01 .announce .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:15rem;
}
.section-01 .announce .view-more{
  position:absolute; top:0; right:0; bottom:0; max-width:9.55rem; padding:.25rem;
}
@media screen and (max-width: 575.98px){
  .section-01 .announce {max-width: 88%;}
  .section-01 .announce .text-container{padding-right:3.1rem;}
  .section-01 .announce .view-more{max-width:6.55rem;}
  .section-01 .announce .view-more > * { 
    min-width: 2.55rem !important;
    height: 2.55rem;
    padding: .8rem .5rem .8rem .1rem;
  }
  .section-01 .pattern.style-01 img{width: 16vw;}
  .section-01 .pattern.style-02 {bottom: -13vw;}
  .section-01 .pattern.style-02 img{width: 80vw;}
}


/* Section 02 */
.section-02{position:relative;}
.section-02 .panel-left{z-index: 1;}
.section-02 .panel-left::before,
.section-02 .panel-right::before {
  content: '';
  position: absolute;
  width: 100%;
  height: .938rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(241, 241, 241, 0) 91.35%);
}
.section-02 .pattern{position:absolute; pointer-events:none; z-index: 1;}
.section-02 .pattern.style-01{top:-.3rem; right:-7.5vw;}
.section-02 .pattern.style-01 img{width: 15vw; height: auto;}
.section-02 .pattern.style-02{top:6vw; right:-5vw;}
.section-02 .pattern.style-02 img{width: 10vw; height: auto;}
.section-02 .arrows{
  display:flex; justify-content: flex-start; gap: .5rem;
}
.section-02 .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:auto; 
  display:flex; justify-content:center; align-items:center;
  border: 1px solid transparent; border-radius: 2rem;
}

@media screen and (max-width: 575.98px) {
  .section-02 .pattern.style-01{top:-.3rem; right:-14vw;}
  .section-02 .pattern.style-01 img{width: 36vw; height: auto;}
  .section-02 .pattern.style-02{top:14vw; right:-6vw;}
  .section-02 .pattern.style-02 img{width: 20vw; height: auto;}
}


/* Section 03 */
.section-03{position:relative;}
.section-03 .pattern{position:absolute; pointer-events:none;}
.section-03 .pattern.style-01{top:-.25rem; left:0;}
.section-03 .pattern.style-01 img{width: 9.2vw; height: auto;}
.section-03 .pattern.style-02{bottom:3vw; right:0;}
.section-03 .pattern.style-02 img{width: 9.2vw; height: auto;}
.section-03 .swiper{overflow: hidden;}
.section-03 .arrows{
  display:flex; justify-content: flex-start; gap: .5rem;
}
.section-03 .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:auto; 
  display:flex; justify-content:center; align-items:center;
  border: 1px solid transparent; border-radius: 2rem;
}
@media screen and (max-width: 991.98px) {
  .section-03 .swiper-slide{display: flex; flex-wrap: wrap; gap: .5rem;}
  .section-03 .img-shine{width: 49%;}
}
@media screen and (max-width: 575.98px) {
  .section-03 .img-shine{width: 100%;}
  .section-03 .pattern.style-01{display: none;}
  .section-03 .pattern.style-02{display: none;}
}
@media screen and (min-width: 992px) {
  .section-03 .img-shine{margin-bottom: .5rem;}
}


/* Section 04 */
.section-04 .swiper{overflow: hidden;}
.section-04 .swiper-pagination {bottom: -1rem;}
.section-04 .swiper-pagination .swiper-pagination-bullet{opacity: 1;}


/* Breadcrumb 01 */
.breadcrumb-01{
  position:relative; z-index:5;
}
.breadcrumb-01 .wrapper{
  height:17rem; display:flex; justify-content:start;
  align-items:start; flex-direction:column; padding:.5rem .875rem;
}
.breadcrumb-01 .wrapper > *{position:relative;}
.breadcrumb-01 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-01 .links-container{padding:.25rem 1.25rem .25rem 0; border-radius:1000em;}
.breadcrumb-01 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link .icon{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link:not(:first-child) .icon{display:none;}
.breadcrumb-01 .link-wrapper .link .icon svg, .breadcrumb-01 .link-wrapper .link .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.125rem; 
}
.breadcrumb-01 .link-wrapper .link .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:1; max-width:9rem;
}
.breadcrumb-01 .link-wrapper .link:last-child .menu{font-weight:300!important;}
.breadcrumb-01 .link-wrapper .link .line{
  width:1rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-01 .link-wrapper .link:last-child .line{display:none;}
@media screen and (max-width: 991.98px) {
  .breadcrumb-01 .wrapper {height: 13rem;}
}
@media screen and (max-width: 575.98px) {
  .breadcrumb-01 .img-bg{background-position: left;}
}

/* Breadcrumb 02 */
.breadcrumb-02{
  position:relative; z-index:5; padding-top:2rem;
}
.breadcrumb-02 .wrapper{
  display:flex; justify-content:center;
  align-items:start; flex-direction:column; padding:0 .875rem 1.25rem; border-bottom: 1px solid #E1E1E1;
}
.breadcrumb-02 .links-container{padding:.25rem 1.25rem .25rem 0; border-radius:1000em;}
.breadcrumb-02 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-02 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-02 .link-wrapper .link .icon{display:flex; align-items:center;}
.breadcrumb-02 .link-wrapper .link:not(:first-child) .icon{display:none;}
.breadcrumb-02 .link-wrapper .link .icon svg, .breadcrumb-02 .link-wrapper .link .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.125rem; 
}
.breadcrumb-02 .link-wrapper .link .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.breadcrumb-02 .link-wrapper .link:last-child .menu{font-weight:300!important;}
.breadcrumb-02 .link-wrapper .link:not(:last-child) .menu {max-width:9rem;}
.breadcrumb-02 .link-wrapper .link .line{
  width:1rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-02 .link-wrapper .link:last-child .line{display:none;}


/* Breadcrumb 03 */
.breadcrumb-03{
  position:relative; z-index:5;
}
.breadcrumb-03 .wrapper {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.breadcrumb-03 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-03 .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.breadcrumb-03 .link-wrapper .link {
  display: flex;
  align-items: center;
}
.breadcrumb-03 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-03 .link-wrapper .link .icon{display:flex; align-items:center;}
.breadcrumb-03 .link-wrapper .link .line{
  width:1rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-03 .link-wrapper .link:last-child .line{display:none;}
@media screen and (max-width: 991.98px) {
  .breadcrumb-03 .img-bg {
    background-position: center;
  }
}



/* Pagination */
.paginate{display:flex; align-items: center; gap:1rem;}
.paginate .pages{display:flex; align-items: center; margin: 0 .0625rem; gap:.35rem;}
.paginate .page{
  display:flex; align-items:center; justify-content:center; border:0; width:2.5rem; height:2.5rem;
  line-height:2rem; font-size:.9375rem; font-weight:500;
  border-radius:3rem; box-shadow:none;
  cursor:pointer; padding:0;
  text-align:center; transition: background .25s, color .25s, opacity .25s;
  border:1px solid transparent;
}
.paginate .arrow:not(.disabled) {cursor: pointer;}


/* Tab Container */
.tab-container{position:relative; display:block; width:100%; overflow:hidden;}
.tab-container .tabs{position:relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap: 1rem;}
.tab-container .tab{cursor:pointer;}
.tab-container .tab-contents{position:relative; width:100%;}
.tab-container .tab-content{
  position:absolute; pointer-events:none; 
  top:0; left:0;
  opacity:0; padding:0; margin:0; 
  transition:opacity .6s, transform .6s;
}
.tab-container .tab-content.active{position:relative; overflow:hidden; pointer-events:auto; opacity:1;}
.tab-container .tab-content.fade-out:not(.no-fade){opacity:0; pointer-events:none;}
.tab-container .tab-content.fade-in:not(.no-fade){
  display:block; position:absolute; opacity:0; transform:translateY(1.5rem); pointer-events:none;
}
.tab-container .tab-content .tab-box{
  display:block; width:100%; max-width:55rem; margin:0 auto;
}
.tab-container .tab-content-inner{position:relative;}
.tab-container .tab-content-inner .pattern{position:absolute;}
.tab-container .tab-content-inner .pattern.style-01{top:2rem; left:0; bottom:0;}
.tab-container .tab-content-inner .pattern.style-02{top:2rem; right:0; bottom:0;}
.tab-container .tab-content-inner .pattern img{
  display:block; max-width:100%; max-height:100%; height:100%;
}
.tab-container .tab-content-inner .pattern.style-01 img{width:5rem;}
.tab-container .tab-content-inner .pattern.style-02 img{width:5rem;}

.tab-container.tab-line-container .tabs{position:relative!important;}
.tab-container.tab-line-container .tabs .tab-line{
  position:absolute; height:.1875rem; z-index: 3; content:''; bottom:0; 
}
@media screen and (max-width:1299.98px){
  .tab-container .tab-content .tab-box{max-width:46rem;}
}
@media screen and (max-width:991.98px){
  .tab-container .tab-content-inner .pattern.style-01 img{width:4rem;}
  .tab-container .tab-content-inner .pattern.style-02 img{width:4rem;}
  .tab-container .tab-content-inner .pattern img{height:auto;}
  .tab-container .tab{width:max-content!important;}
  .tab-container .tab.has-submenu{min-width:19rem!important;}
}
@media screen and (max-width:767.98px){
  .tab-container .tab-content-inner .pattern.style-01 img{width:3.5rem;}
  .tab-container .tab-content-inner .pattern.style-02 img{width:3.5rem;}
}
@media screen and (max-width:575.98px){
  .tab-container .tab-content-inner .pattern{opacity:.7;}
}


/* Tabs 01  */
.tabs.tabs-01 {gap: 0;}
.tabs.tabs-01 .tab{
  position:relative; z-index:1; cursor:pointer;
  padding:.75rem 2rem; text-align:center; font-weight:500;
}
.tabs.tabs-01 .glider {
  background-position:center; background-size:cover; background-repeat:no-repeat;
  border-radius: 1.25rem 1.25rem 0 0;
}
.tabs.tabs-01 ~ .body .tab-contents {border-radius:1.25rem;}
.tabs.tabs-01 ~ .body .tab-contents .tab {
  display:flex; justify-content:center; align-items:center;
  height:13.25rem;
}
@media screen and (min-width: 1200px) {
  .tabs.tabs-01 .tab{width:18rem;}
}
@media screen and (max-width: 575.98px) {
  .tabs.tabs-01 .tab{margin-bottom: .5rem; padding: .4rem .8rem;}
  .tabs.tabs-01 .glider{border-radius: 1.25rem; background-image: none !important;}
}

/* Tabs 02  */
.tabs.tabs-02 .tab{
  position:relative; z-index:1; cursor:pointer;
  padding:.45rem 2rem; text-align:center; font-weight:500;
  border-radius:5rem;
}
.tabs.tabs-02 .glider {display:none;}
.tabs.tabs-02 ~ .body .tab-contents .tab {
  display:flex; justify-content:center; align-items:center;
}
.tabs.tabs-02 ~ .body .swiper-slide{max-width: 100%;}

/* Tab 03 */
.tabs.tabs-03 {
  padding-top: .325rem;
  border-width: 1px 0 0; 
  border-style: solid; 
  border-color: transparent;
  gap: 0;
}
.tabs.tabs-03 .tab {
  position: relative; border-radius: 1.563rem;
  padding: .757rem 1rem; margin-bottom: .325rem; 
  cursor: pointer; transition: all .3s ease-in-out;
}
.tabs.tabs-03 .tab:not(:last-child)::before {
  content: ''; position: absolute; bottom: -.325rem; left: 0; right: 0;
  border-width: 0 0 1px 0; border-style: solid; border-color: transparent;
}
.tabs.tabs-03 .tab .box {
  display: flex; align-items: center;
}
.tabs.tabs-03 .tab .sub-icon {padding: 0 .8rem 0 1.25rem; transition: all .3s ease-in-out;}
.tabs.tabs-03 .tab .icon {opacity:0; transition:opacity .3s ease-in-out;}
.tabs.tabs-03 .tab.active .icon,
  .tabs.tabs-03 .tab:hover .icon{opacity:1;}
.tabs.tabs-03 .glider {display: none;}
@media screen and (min-width: 992px) {
  .tabs.tabs-03 .tab .box {justify-content: space-between;}
}
@media screen and (max-width: 991.98px) {
  .tabs.tabs-03 .tab {width: max-content !important;}
  .tabs.tabs-03 .tab .box {
    justify-content: start; gap: .5rem;
  }
  .tabs.tabs-03 .tab:last-child::before {border-width: 0 0 1px 0;}
}


.tabs.tabs-04 {
  gap: .5rem 3rem;
  margin-bottom: 2rem;
}
.tabs.tabs-04 .tab {
  position: relative;
  padding: .5rem 0;
  cursor: pointer;
}
.tabs.tabs-04 .tab::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: .25rem;
  border-radius: 1rem;
  width: 70%;
  transition: all .5s ease-in-out;
}
.tabs.tabs-04 .tab.active::before {
  left: 15%;
  right: unset;
}


/* Swiper Tabs */
@media screen and (max-width: 567.98px) {
  .swiper-tabs .tabs {
    display: flex;
    flex-wrap: nowrap;
    align-items: unset;
    justify-content: unset;
  }
}


.img-shine{
  position: relative; display: block; overflow: hidden;
  border-radius:.625rem; max-width: 27.8rem;
}
.img-shine::after{
  position:absolute; top:0; left:-75%; z-index:2; display:block;
	content:''; width:50%; height:100%; 
  background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform:skewX(-25deg); transform:skewX(-25deg);
}
.img-shine:hover::after{
  -webkit-animation: shine 1.5s;
  animation: shine 1.5s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}


/* Contact */
.contact-list {
  position: relative;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem 0;
}
.contact-list .item {position: relative;}
.contact-list .item::before{
  content: ''; position: absolute; top: .3rem; right: 0;
  height: 90%; width: 0; border-left: 1px solid transparent;
}
.contact-list .item:last-child:before {display:none;}
@media screen and (max-width: 991.98px) {
  .contact-list{grid-template-columns: repeat(2, 1fr);}
  .contact-list .item:nth-child(even)::before{display:none;}
}
@media screen and (max-width: 575.98px) {
  .contact-list{grid-template-columns: repeat(1, 1fr);}
  .contact-list .item::before{display:none;}
}


/* Social Options */
.social-options>.wrapper {
  display: flex; align-items: center; gap: .28rem;
}
.social-options a svg {transition: transform .7s ease-in-out;}
.social-options a:hover svg {
  transform: rotateY(360deg);
}

/* Content */
.content-detail {padding-bottom: 1.5rem; border-bottom: 1px solid #E1E1E1;}


/* Mini Box Toggle */
.mini-box-toggle {position: relative; max-width: 100%; font-weight: 400; border: 1px solid transparent; border-radius: .375rem;}
.mini-box-toggle .content .wrapper {
  display: flex; align-items: center; justify-content: space-between;
  padding: .5rem; border-radius: .375rem; border: 1px solid transparent;
}
.mini-box-toggle .content .title {
  display: flex; align-items: center; gap: .5rem;
}
.mini-box-toggle .content .title .text {font-weight: 400;}
.mini-box-toggle .content .title .icon {
  display: flex; align-items: center;
}
.mini-box-toggle .content .btn-toggle {
  transition: ease-in-out .3s all;
}
.mini-box-toggle .content.active .btn-toggle {
  transform: rotate(180deg); filter: brightness(0) invert(1);
}
.mini-box-toggle .content .answer {
  position: relative; display: none; border-top: 1px solid transparent;
  padding: 0 .5rem; margin-top: .5rem; margin-right: .5rem;
  max-height: 11.6rem; overflow-y: auto;
}
.mini-box-toggle .content .answer::-webkit-scrollbar-track{border-radius: 10px;}
@media screen and (max-width: 575.98px) {
  .mini-box-toggle {max-width: 100%;}
}