@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/

.breadcrumb-container{place-content: center;gap:5px;margin-bottom:15px;}
.breadcrumb-container > li {position: relative; text-transform: uppercase;}
.breadcrumb-container > li:not(:first-child):before {font-family:xeicon;content: "\e93f";display: inline-block;margin-right: 5px;color: #9a9a9a}
.breadcrumb-container > li > a {color: #666;}
.breadcrumb-container > li > a.active {color: var(--main-color);}
#container_title {background: #f8f8f8; padding: 80px 0;}
#container_title > h2 {font-size: var(--main-title01);text-align: center; text-transform: uppercase;}
.sub-theme-img-container {position:relative;height: 330px;}
.sub-theme-img-container > div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sub-theme-bg > img {object-fit: cover;width: 100%;height: 100%;}
.sub-theme-mask > ul {display: flex; width:100%;height:100%;overflow: hidden;}
.sub-theme-mask > ul > li {flex:1;height: 100%;}
.sub-theme-mask > ul > li:not(:last-child) {border-right: 0px solid rgba(0,0,0,0);}
.sub-theme-mask > ul > li > div{width:100%;height: 100%;background: #f8f8f8;transition:all .5s;transform: scale(1,1);transform-origin: right;}
.sub-theme-mask> ul > li.on:not(:last-child) {border-right: 1px solid rgba(0,0,0,0.1);}
.sub-theme-mask > ul > li.on > div{transform: scale(0,1);}
.sub-theme-mask > ul > li.on > div:nth-of-type(2){transition-delay: 0.1s;}
.sub-theme-mask > ul > li.on > div:nth-of-type(3){transition-delay: 0.2s;}
.sub-theme-mask > ul > li.on > div:nth-of-type(4){transition-delay: 0.3s;}
.sub-theme-mask > ul > li.on > div:nth-of-type(5){transition-delay: 0.4s;}

.about_sub_nav {text-align: center; padding: 0 20px; display: flex; column-gap: 12px; justify-content: center; align-items: center; margin-top: 40px;}
.about_sub_nav li a {display: block; border-radius: 30px; overflow: hidden; border: 1px solid #9B9B9B; padding: 10px 30px; font-size: 24px; font-weight: 500; color:#9B9B9B; background:#000; text-transform: uppercase;}
.about_sub_nav li.on a {border-color:#fff; color:#000; background:#fff;}


/*다크모드*/
body.dark-mode .breadcrumb-container > li > a{color:rgba(255, 255, 255, 0.6) !important;}
body.dark-mode .breadcrumb-container > li:last-child > a{color:rgba(255, 255, 255, 1) !important;}


@media screen and (max-width:1280px){
    .sub-theme-img-container{height: 220px;}
    .about_sub_nav li a {font-size: 16px;}
}

@media screen and (max-width:768px){
  #container_title {padding: 60px 0;}
  #container_title > h2 {font-size: 30px;}
  .about_sub_nav {display: none;}

  .breadcrumb-container > li {font-size: 18px;}

}

@media screen and (max-width:576px){
    .sub-theme-img-container{height: 150px;}
}