/*----------------------------------------------------
헤더
----------------------------------------------------*/
.site-logo .text{font-size:15px}
.header .nav > .menu > .menu-item > a{font-size:16px}
.header .nav > .menu .sub-menu a{font-size:15px}

@media(min-width:1070px){
  .header .site-nav{gap:24px}
  .header .nav > .menu{column-gap:24px}
  .header .nav > .menu .sub-menu{min-width:200px}
}

/*----------------------------------------------------
컴포넌트
----------------------------------------------------*/
/* 헤딩 타이틀 */
.comp-heading h1.title{line-height:1.2}

@media(min-width:1070px){
  .page-header .title{font-size:42px}
}

/*----------------------------------------------------
페이지
----------------------------------------------------*/
/* 홈 */
@media(max-width:400px){
  .home-visual .container{flex-direction:column; padding-right:var(--space-side) !important}
  .home-visual .text-wrap{align-items:center !important; text-align:center}
  .home-visual .text-wrap .desc{max-width:300px}
  .status .cut-co2{flex-direction:column; align-items:flex-start !important; gap:6px !important}
}
.page-home .support .btn{font-size:16px}

/* 소개 */
.page-about .page-header .highlight{display:block}
.page-about .page-header .highlight .grad{display:inline}

/* 후기 */
@media(max-width:340px){
  .page-review-list .photo-review .section-header{flex-direction:column; align-items:flex-start; gap:4px}
}
@media(max-width:540px){
  .banner-wrap .banner{flex-direction:column; align-items:flex-start}
}
@media(max-width:767px){
  .page-review-write .btns,
  .page-review-feedback .btns{flex-direction:column; align-items:normal}
}
@media(max-width:1069px){
  .page-review-list .desc br{display:none}
}

/* 환경보전활동 */
.page-activity .page-header .title{word-break:break-all}
.activity-project .act-list li a{font-size:12px; padding:14px 16px}
@media(min-width:1070px){
  .activity-project .act-list li a{font-size:14px}
  .tab-item{font-size:12px}
}

/* 자료실 */
@media(max-width:1069px){
  .page-archive-list br{display:none}
}

/* 마이 */
@media(max-width:400px){
  .page-my-index .joined{flex-direction:column; align-items:flex-start; gap:4px}
}

/* 탈퇴하기 */
@media(max-width:400px){
  .page-withdraw .btn{font-size:16px}
}