@charset "utf-8";

.wrap .sub-content-box{position: relative;}

    /*푸터*/
.site-footer{background-color: #172137;padding: 94px 0 80px;color:#ffffff;}
.site-footer .footer-container{max-width: 1460px;padding:0 30px;width: 100%;margin: 0 auto;}
.site-footer .footer-content{display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 30px;}
.site-footer .footer-content .customer{position: relative;}
.site-footer .footer-content .customer .title{position: absolute;left: 0;top:0;transform: translateY(-100%);font-size: 15px;font-weight: 400;}
.site-footer .footer-content .customer .tel{font-family:'Noto Sans KR', Verdana, sans-serif; line-height: 60px;font-size: 36px;color:#ffffff;font-weight: 700;}
.site-footer .footer-content .company{margin-top: 20px;display: flex;flex-direction: column;row-gap: 5px;}
.site-footer .footer-content ul.list-line {display: flex;flex-wrap: wrap;    row-gap: 5px;}
.site-footer .footer-content ul.list-line li{font-size: 18px;color:#ffffff;font-weight: 500;}
.site-footer .footer-content ul.list-line li a{font-size: 18px;color:#ffffff;font-weight: 500;}
.site-footer .footer-content ul.list-line li:nth-of-type(n + 2)::before{content:'';display: inline-block;width: 1px;height: 15px;background-color: rgba(255,255,255,0.2);margin: 0 14px;}
.site-footer .footer-content address{font-size: 18px;color:#ffffff;font-weight: 500;margin-bottom: 0;}
.site-footer .footer-content .copyright{display: flex;flex-wrap:wrap;align-items: center;column-gap: 14px;margin-top: 20px;row-gap: 20px;}
.site-footer .footer-content .copyright-txt {font-size: 13px;font-weight: 400;color:#999999;}
.site-footer .footer-content .right-box .design-sign{margin-top: 20px;}

.site-footer .footer-content ul.list-line-small {display: flex;flex-wrap: wrap;    row-gap: 3px;}
.site-footer .footer-content ul.list-line-small li{font-size: 13px;color:#ffffff;font-weight: 500;}
.site-footer .footer-content ul.list-line-small li a{font-size: 13px;color:#ffffff;font-weight: 500;}
.site-footer .footer-content ul.list-line-small li:nth-of-type(n + 2)::before{content:'';display: inline-block;width: 1px;height: 15px;background-color: rgba(255,255,255,0.2);margin: 0 12px;}
.site-footer .footer-content ul.list-line-small li a:hover {text-decoration: underline;text-underline-offset:4px;}
.site-footer .footer-content .underline {text-decoration: underline;text-underline-offset: 5px; }

/*.site-footer .footer-content .link-button{display: block;width: 200px;padding: 10px 20px;font-weight: 500;color: #ffffff;font-family: 'Noto Sans KR', Verdana, sans-serif;font-size: 18px;background-color: #172238;border: 1px solid #e4e4e4;border-radius: 8px;position: relative;}*/
.site-footer .footer-content .link-button{display: block;width: 240px;padding:15px 20px 16px 24px;font-weight: 500;color: #ffffff;font-family: 'Noto Sans KR', Verdana, sans-serif;font-size: 18px;background-color: #172238;border: 1px solid #e4e4e4;border-radius: 8px;position: relative;}
.site-footer .footer-content .link-button::after {content: '';display: block;background-image: url("/css/images/icons//icon-select-arrow@2x.png");background-size: cover;width: 12px;height: 10px;position: absolute;top: 50%;right: 22px;transform: translateY(-50%);transition-duration: 0.3s;}
.site-footer .footer-content .link-button:hover{color:#86efff;border-color: #86efff;}
.site-footer .footer-content .link-button:hover::after {background-image: url("/css/images/icons//icon-select-arrow-hover@2x.png"); right: 15px;}


/*푸터*/

.top-bar .top-bar-btn .language-button .btn-hd::after{content:'';display: inline-block;background-image: url("/css/images/icons/icon-language-arrow.svg");width: 11px;height: 7px;transition-duration: 0.3s;transition-property: transform;transition-timing-function: ease-out;}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) {width: auto;}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) .btn-hd{display: none;}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) ul{display: flex;width:auto;opacity: 1;pointer-events: auto;position: static;background-color: transparent;box-shadow: none;}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) ul li a {display: block;font-size: 14px;font-weight: 500;color:rgba(255,255,255,0.3);}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) ul li.active a {color:rgba(255,255,255,1);}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) ul li {margin: 4px 0;padding: 2px 0;display: flex;align-items: center;}
.top-bar .top-bar-btn .language-button:not([rel="lang-event"]) ul li:nth-of-type(n + 2)::before{content:'';display: inline-block;width: 1px;height: 11px;background-color: rgba(255,255,255,0.3);margin: 0 10px;}

body:not(.sitemap-open) .header:is(.header-fix,.header-over) .top-bar .top-bar-btn .language-button .btn-hd::after{background-image: url("/css/images/icons/icon-language-arrow-black.svg");}

/*서브 페이지 상단 타이틀*/
.load-motion .page-title-image {background-size: auto 120%;} /*이미지모션 사용시*/
.page-title-image {background-size: auto 100%;transition: 3s background-size;transition-delay: 0.6s} /*이미지모션 사용시*/
/*.page-title-image {background-size: cover;} 이미지 고정시 사용*/
.page-title-caption {position: absolute;top:calc((100% + 34px) / 2);bottom:auto;transform: translateY(-50%);left: 0;width: 100%;}
.page-title-caption h2 {margin-bottom: 10px;font-size: 48px;}
/*서브 페이지 상단 타이틀*/

/*서브 페이지 상단 메뉴*/
.page-title .terra_tabmenu_box{max-width: 1440px;padding:0 20px;}
.subTopMenu.w840{max-width: 840px;}
.subTopMenu{display: flex;flex-wrap:wrap;justify-content: flex-start;transform: translateY(-50%);background: #d8d8d8;gap: 1px;border:1px solid #d8d8d8;margin: 0 auto;}
.subTopMenu .menu-item{flex: 1;background-color: #ffffff;height: 62px;}
.subTopMenu .menu-item span{width: 100%;height: 100%;top:0;left: 0;position: relative;padding:0 20px;display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 18px;font-weight: 500;color:#000000;transition-duration: 0.3s;transition-property: color,background-color;}
.subTopMenu .menu-item.active span{background-color: #063680;width:  calc(100% + 4px);height: calc(100% + 2px);top:-1px;left: -2px;color:#ffffff;}
.subTopMenu .menu-item:not(.active):hover span{color:#063680;background-color: #f4f4f4;}

#mainContent .wrap .sub-content-box{padding:30px 0 110px;}

.go-top {display: flex;width: 60px;height: 60px;background-image: url(/image/common/top-button.png?v2);background-color: #000000;background-position: center;border-radius: 10px;position: fixed;right: 30px;bottom: 40px;background-size: 60px 60px;transition-duration: 0.6s;transition-property: bottom, opacity;opacity: 0;border: 0;z-index: 99;}

/*게시판 스타일*/

.board_gab{margin-top: 50px;padding: 0;}
.wrap .terra-content-box > .terra-title-box h2 {font-size: 46px;}
.board-list.new2-style {border-bottom: 0;margin-top: 0;}

.board-cate-menu {display: grid;grid-template-columns: repeat(5, 1fr);gap:0;}
.board-cate-menu .cate-item {position: relative;display: flex;align-items: center;justify-content: center;max-height: 85px;min-height:62px;text-align: center;background-color: #ffffff;border: 1px solid #d8d8d8;margin-left: -1px;margin-top: -1px;}
.board-cate-menu .cate-item span{width: 100%;height: 100%;top:0;left: 0;position: relative;padding: 18px 10px;display: flex;justify-content: center;align-items: center;cursor: pointer;font-size: 16px;font-weight: 500;color: #111;background: #fff;box-sizing: border-box;word-break: keep-all;transition-duration: 0.3s;transition-property: color,background-color;z-index: 1;}
.board-cate-menu .cate-item.active span{background-color: #063680;width:  calc(100% + 1px);height: calc(100% + 3px);top:-2px;left: -1px;color:#ffffff;position: absolute;}
.board-cate-menu .cate-item:not(.active):hover span{color:#063680;background-color: #f4f4f4;}
.board-cate-menu .cate-item:nth-of-type(n + 5).active{width:  calc(100% + 1px);height: calc(100% - 1px);top:1px;left: 0px;}
.board-cate-menu .cate-item:nth-of-type(5n).active span{width:  calc(100% + 2px);left: 0;top: -3px;}

/*카테고리 스크룰*/
.tabScroll{ position:relative; margin-top: 28px;}
.tabScroll__viewport{display:flex;gap:10px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:6px 0 10px;scrollbar-width:none;white-space:nowrap;cursor: grab;user-select: none;}
.tabScroll__viewport.is-dragging{cursor: grabbing;}
.tabScroll__viewport.is-dragging a{/*pointer-events: none;*/}
.tabScroll{ position:relative; margin-top:28px; }
.tabScroll__viewport{position: relative;cursor: grab;user-select: none;padding:6px 0 40px;}
.tabScroll__viewport.is-dragging { user-select: none; -webkit-user-select: none; cursor: grabbing; }
.tabScroll__content{display:inline-flex;gap:10px;will-change: transform;transform: translateX(0px);}
.tabScroll__tab{flex:0 0 auto;display:inline-flex;align-items:center;border-radius:999px;text-decoration:none;white-space:nowrap;border:1px solid #000;font-size:16px;color:#000;padding:17px 24px;font-weight:500;-webkit-user-drag: none;}
.tabScroll__tab.is-active{ border-color:#063680; background:#063680; color:#fff; }
.tabScroll__bar{ position:relative; height:5px; background:#e4e5eb; overflow:hidden; }
.tabScroll__thumb{position:absolute; left:0; top:0;height:100%;width:30%;background:#063680;transform: translateX(0px);will-change: transform,width;cursor:grab;}
.tabScroll__thumb:active{ cursor:grabbing; }
.tabScroll.is-no-scroll .tabScroll__bar{ display:none; }


.board-list-title{}
.board-list-title .board_total{font-size:16px;font-weight:500;color:#999999;}
.board-list-title .board_total .count{font-size:18px;font-weight:700;color:#063680;}
.board-list-title .board-info{display: flex;justify-content: space-between;    align-items: flex-end;}
.board-list-title .controls{display: flex;column-gap: 4px;}
.board-list-title .controls .tabScroll__prev{width: 56px;height: 56px;border:1px solid #063680;border-radius: 8px;background-image: url("../image/icons/icon-arrow-black@2x.png");background-repeat: no-repeat;background-position: center;background-size: 9px auto;transition-duration: 0.3s;transition-property: background-color;}
.board-list-title .controls .tabScroll__prev:hover{background-color: #0058ff;border-color: #0058ff;background-image: url("../image/icons/icon-arrow-white@2x.png");}
.board-list-title .controls .tabScroll__next{width: 56px;height: 56px;border:1px solid #063680;border-radius: 8px;background-image: url("../image/icons/icon-arrow-white@2x.png");transform: rotate(180deg);background-repeat: no-repeat;background-position: center;background-size: 9px auto;background-color: #063680;}
.board-list-title .controls .tabScroll__next:hover{background-color: #0058ff;border-color: #0058ff;}


/*게시판 시스템 스타일*/
/*다른 게시판에 영향으로 스타일 list스킨에 입력*/

@media all and (max-width:1240px) {
    .subTopMenu .menu-item span{padding:0 20px;font-size: 16px;}

}

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


}

@media all and (max-width:960px) {
    .subTopMenu {transform: translateY(0);}
    .subTopMenu .menu-item{height: 58px;flex: auto;}
    .subTopMenu .menu-item span{font-size: 14px;padding:0 20px;}
    .subTopMenu .menu-item span{padding:0 10px;font-size: 14px;}
    .subTopMenu .menu-item:nth-of-type(-n + 4){width: calc((100% - 3px) / 4);}
    .subTopMenu .menu-item:nth-of-type(n + 5):nth-of-type(-n + 7) {width: calc((100% - 2px) / 3);}

    #mainContent .wrap .sub-content-box{padding:90px 0 70px;}

    .site-footer .footer-content ul.list-line li:nth-of-type(n + 3) {width: 100%;}
    .site-footer .footer-content ul.list-line li:nth-of-type(3)::before{content:none;}
    .site-footer .footer-content ul.list-line-small li:nth-of-type(n + 3) {width: 100%;}
    .site-footer .footer-content ul.list-line-small li:nth-of-type(3)::before{content:none;}
    .site-footer .footer-content .right-box .design-sign{display: none;}
    .site-footer .footer-content .copyright .copyright-txt{width: 100%;}

    .go-top {right: 15px;}

}

@media (max-width:768px){
    .board_gab {margin-top: 30px;}
    .board-cate-menu .cate-item span{padding: 4px 5px;font-size: 14px;line-height: 1.285714285714286;}
    .tabScroll {position: relative;margin-top: 20px;}
    .tabScroll__tab {font-size: 14px;padding: 16px 24px;}
    .tabScroll__viewport {padding: 6px 0 30px;}
    .board-list-title .controls .tabScroll__prev{width: 50px;height: 50px;}
    .board-list-title .controls .tabScroll__next{width: 50px;height: 50px;}

}


@media all and (max-width:640px) {
    .header {padding: 0 10px 0 16px;min-height: 70px;}
    .page-title-image {height: 420px;}
    .page-title .terra_tabmenu_box{padding:0 16px;}
    .page-title-caption {position: absolute;top: 50%;bottom: auto;transform: translateY(-50%);left: 0;width: 100%;}
    .page-title-caption h2 {margin-bottom: 0;font-size: 42px;}

    #mainContent  .wrap .content-box {padding: 0;}

    .site-footer{background-color: #172137;padding: 90px 0 70px;color:#ffffff;}
    .site-footer .footer-container{padding:0 20px;}
    .site-footer .footer-content .customer .title {font-size: 16px;}
    .site-footer .footer-content .customer .tel {line-height: 56px;font-size: 32px;}
    .site-footer .footer-content ul.list-line li {font-size: 16px;}
    .site-footer .footer-content address {font-size: 16px;}
    .site-footer .footer-content ul.list-line li a {font-size: 16px;color: #ffffff;font-weight: 500;}
    .site-footer .footer-content ul.list-line li:nth-of-type(n + 2)::before {margin: 0 10px;}
    
    .site-footer .footer-content ul.list-line-small li {font-size: 11px;}
    .site-footer .footer-content ul.list-line-small li a {font-size: 11px;color: #ffffff;font-weight: 500;}
    .site-footer .footer-content ul.list-line-small li:nth-of-type(n + 2)::before {margin: 0 10px;}

    .go-top {width: 50px;height: 50px;}
    .wrap .terra-content-box > .terra-title-box h2 {font-size: 32px;}
    .board-cate-menu .cate-item span{padding: 4px 2px;font-size: 12px;}
    
    .site-footer .footer-content .link-button{width: 200px; padding:12px 20px;}
    .site-footer .footer-content .link-button{font-size: 16px;}


}