@charset "utf-8";
/* =========================================================================
   ARMYPIA - BASE / GLOBAL CSS
   -------------------------------------------------------------------------
   프로젝트 전체의 공통 기준 파일입니다
   이 파일에는 Font / Reset / Base / Breakpoint / Utility 만 둡니다
   특정 페이지·섹션의 디자인 CSS 는 army.css 에 작성합니다

     테마 옵션으로 해결되지 않는 것만 이 파일에 둔당
   ========================================================================= */


/* -------------------------------------------------------------------------
   1. FONT
   ------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&display=swap');


html,
html body,
html body p, html body div, html body span, html body strong, html body em,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body a, html body ul, html body ol, html body li, html body dl, html body dt, html body dd,
html body label, html body nav, html body article, html body section,
html body table, html body th, html body td {
	font-family: 'Noto Sans KR', 'Malgun Gothic', 'Spoqa Han Sans', '맑은고딕', sans-serif;
   word-break: keep-all;
   overflow-wrap: normal;
}

html body input,
html body select,
html body textarea,
html body button {
	font-family: inherit;
}


/* -------------------------------------------------------------------------
   2. RESET
   ------------------------------------------------------------------------- */
.wpb_content_element, .wpb_row {
   margin-bottom: 0 !important;
}

/* -------------------------------------------------------------------------
   5. RESPONSIVE UTILITY
   -------------------------------------------------------------------------
   WPBakery 의 Extra Class Name 에 넣어서 사용합니다.

       .none_XXX   기본 노출  →  XXXpx 이하에서 숨김
       .show_XXX   기본 숨김  →  XXXpx 이하에서 노출

   예) PC 에서만 보이는 배너   → Extra Class Name : none_999
       모바일에서만 보이는 배너 → Extra Class Name : show_999

   ※ 기본 상태에는 !important 를 붙이지 않고,
     실제로 전환되는 미디어쿼리 쪽에만 붙입니다.
     (자식테마 CSS 가 Salient 보다 먼저 로드되기 때문)
   ------------------------------------------------------------------------- */

.none_1880, .none_1650, .none_1500, .none_1280,
.none_999,  .none_767,  .none_690,  .none_480 { display: block; }

.show_1880, .show_1650, .show_1500, .show_1280,
.show_999,  .show_767,  .show_690,  .show_480 { display: none !important; }

@media screen and (max-width: 1880px) {
	.none_1880 { display: none  !important; }
	.show_1880 { display: block !important; }
}
@media screen and (max-width: 1650px) {
	.none_1650 { display: none  !important; }
	.show_1650 { display: block !important; }
}
@media screen and (max-width: 1500px) {
	.none_1500 { display: none  !important; }
	.show_1500 { display: block !important; }
}
@media screen and (max-width: 1280px) {
	.none_1280 { display: none  !important; }
	.show_1280 { display: block !important; }
}
@media screen and (max-width: 999px) {
	.none_999 { display: none  !important; }
	.show_999 { display: block !important; }
}
@media screen and (max-width: 767px) {
	.none_767 { display: none  !important; }
	.show_767 { display: block !important; }
}
@media screen and (max-width: 690px) {
	.none_690 { display: none  !important; }
	.show_690 { display: block !important; }
}
@media screen and (max-width: 480px) {
	.none_480 { display: none  !important; }
	.show_480 { display: block !important; }
}