@charset "utf-8";

/* 서브메뉴 가로 사이즈 hover 리사이징*/
.gnb-wrap .gnb .gnb-nav > li {max-width: 150px;transition-duration: 0.2s;}
.header.sub-header .gnb-wrap .gnb .gnb-nav > li.active > a > span::before {transform: scale(1);}
.header.header-over .gnb-wrap .gnb .gnb-nav > li{max-width: 260px;transition-duration: 0.4s;}
/* 서브메뉴 가로 사이즈 hover 리사이징*/

a{font-family: 'Noto Sans KR','Nanum Gothic','dotum'; }
*{font-family: 'Noto Sans KR','Nanum Gothic','dotum'; }

.title-box{border-bottom: 1px #e8e8e8 solid;}
.title-box h2{font-size: 42px; font-weight: 700; color: #333; border-bottom: 3px #000000 solid; width: 72px; overflow: visible; margin-bottom: -1px; white-space: nowrap;}

.terra-title-box{border-bottom: 1px #e8e8e8 solid;}
.terra-title-box h2{font-size: 42px; font-weight: 700; color: #333; border-bottom: 3px #000000 solid; width: 72px; overflow: visible; margin-bottom: -1px; white-space: nowrap; font-family:'Noto Sans KR','Nanum Gothic','dotum'; letter-spacing:-0.02em;}

.wrap .terra-wrap{width:100%; padding:0px 0;}
.wrap .terra-content-box { width:100%; padding:0px 0;}
.wrap .content-box > .title-box h2 {font-size: 42px;font-weight: 700;color: #333333;letter-spacing: -0.02em; height: 90px; line-height: 90px;}
.wrap .terra-content-box > .terra-title-box h2 {font-size: 42px;font-weight: 700;color: #333333;letter-spacing: -0.02em; height: 90px; line-height: 90px;}
.wrap .terra-content-box > .terra-title-box{margin-bottom:30px;}
.wrap .terra-content-box > .terra-board-title-box h2 {font-size: 42px;font-weight: 700;color: #333333;letter-spacing: -0.02em;}

@media (max-width: 1280px) {
    .wrap .content-box > .title-box h2 {font-size:2.4rem; height: 80px; line-height: 80px;}
    .wrap .terra-content-box > .terra-title-box h2 {font-size:2.4rem; height: 80px; line-height: 80px;}
    .wrap .terra-content-box > .terra-title-box{margin-bottom:30px;}
    .wrap .side-content{display: none;}
    .wrap.side-style .content-box{max-width: 100%;}
    .wrap.side-style .terra-wrap{max-width: 100%;}
}

@media (max-width: 640px) {
    .wrap .sub-content-box{padding:10px 0 50px 0;}
    .wrap .content-box {width: 100%;padding:0px 0;}
    .wrap .content-box > .title-box h2 {font-size:1.8rem; height: 70px; line-height: 70px;}
    .wrap .terra-content-box > .terra-title-box h2 {font-size:1.8rem; height: 70px; line-height: 70px;}
    .wrap .terra-content-box > .terra-title-box{margin-bottom:20px;}
}