/* Khmer */

/* Noto Sans Khmer */
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-Thin.eot');
  src: url('/font/NotoSansKhmer_Condensed-Thin.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-Thin.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-Thin.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-Thin.ttf') format('truetype');
  font-style:  normal;
  font-weight: 100;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-ExtraLight.eot');
  src: url('/font/NotoSansKhmer_Condensed-ExtraLight.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-ExtraLight.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-ExtraLight.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-ExtraLight.ttf') format('truetype');
  font-style:  normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-Light.eot');
  src: url('/font/NotoSansKhmer_Condensed-Light.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-Light.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-Light.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-Light.ttf') format('truetype');
  font-style:  normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-Regular.eot');
  src: url('/font/NotoSansKhmer_Condensed-Regular.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-Regular.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-Regular.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-Regular.ttf') format('truetype');
  font-style:  normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-Medium.eot');
  src: url('/font/NotoSansKhmer_Condensed-Medium.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-Medium.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-Medium.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-Medium.ttf') format('truetype');
  font-style:  normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-SemiBold.eot');
  src: url('/font/NotoSansKhmer_Condensed-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-SemiBold.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-SemiBold.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-SemiBold.ttf') format('truetype');
  font-style:  normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-Bold.eot');
  src: url('/font/NotoSansKhmer_Condensed-Bold.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-Bold.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-Bold.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-Bold.ttf') format('truetype');
  font-style:  normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-ExtraBold.eot');
  src: url('/font/NotoSansKhmer_Condensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-ExtraBold.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-ExtraBold.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-ExtraBold.ttf') format('truetype');
  font-style:  normal;
  font-weight: 800;
}
@font-face {
  font-family: 'Noto Sans Khmer';
  src: url('/font/NotoSansKhmer_Condensed-Black.eot');
  src: url('/font/NotoSansKhmer_Condensed-Black.eot?#iefix') format('embedded-opentype'),
       url('/font/NotoSansKhmer_Condensed-Black.woff2') format('woff2'),
       url('/font/NotoSansKhmer_Condensed-Black.woff') format('woff'),
       url('/font/NotoSansKhmer_Condensed-Black.ttf') format('truetype');
  font-style:  normal;
  font-weight: 900;
}

body, th, td, input, select, textarea, button, *{font-family:'Noto Sans Khmer', 'Pretendard', Helvetica, Arial, sans-serif !important; overflow-wrap:break-word; word-break:normal}


/*----------------------------------------------------
헤더
----------------------------------------------------*/
@media(min-width:1070px){
  .header .nav > .menu .sub-menu{min-width:200px}
}


/*----------------------------------------------------
컴포넌트
----------------------------------------------------*/
@media(min-width:1070px){
  .comp-heading{row-gap:16px}
}

.num{letter-spacing:0 !important}


/*----------------------------------------------------
페이지
----------------------------------------------------*/
/* 홈 */
@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}
}

/* 소개 */
@media(max-width:767px){
  .page-about .page-header .highlight{font-size:20px}
}

/* 후기 */
@media(max-width:540px){
  .banner-wrap .banner{flex-direction:column; align-items:flex-start}
}
@media(max-width:767px){
  .page-review-write .btns > *{flex:auto}
}

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

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