@charset "utf-8";
@import "reset.css";
@import "fonts.css";
/* @import "guideline.css"; */
@import "base.css";
@import "layout.css";
@import "contents.css";
/* @import "disaster-information.css"; */
@import "pop.css";


@import url(font-awesome.min.css);

/* Basic */
/* html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, pre {font-family:'Pretendard', sans-serif, '돋움',Dotum,'굴림',Gulim,Verdana,Arial,AppleGothic; margin:0; padding:0; font-size:100%; font-weight:400;  word-break: keep-all;} */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, pre {font-family:'Pretendard', sans-serif, '돋움',Dotum,'굴림',Gulim,Verdana,Arial,AppleGothic; margin:0; padding:0; font-size:100%; word-break: keep-all;}
body {font:inherit; font-size:14px; width:100%; color:#333;}
h1, h2, h3, h4, h5, h6,strong,dt{font-weight:600;}
dl,ul,ol {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select {font-size:15px; font-family:'Pretendard', sans-serif,'돋움',Dotum, '굴림',Gulim,Verdana,Arial,AppleGothic;}
button {overflow:visible; margin:0; padding:0; border:0; background:transparent; cursor:pointer;}
table {width:100%; border-spacing:0; empty-cells:show; border-collapse:collapse;}
legend{position:absolute;float:left;width:0px; height:0; line-height:0px; font-size:0px; visibility:hidden; overflow:hidden;}
caption {width:0px; height:0; line-height:0px; font-size:0px; visibility:hidden; overflow:hidden;}
em, address {font-style:normal;}
a {color:#333; text-decoration:none;}
a:hover,a:active {color:#AF8E65; text-decoration:none;}
header, footer, aside, nav, section, article {display:block;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

::-moz-selection {background:#3ed1be;color: #fff;}
::selection {background:#AF8E65; color:#fff;}

/* .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;} */

.nf-header {display: none;}
.sr-only {position:absolute; margin:-1px; padding:0; width:1px; height:1px; overflow:hidden; border:0; clip:rect(0 0 0 0); white-space: nowrap;}
hr {display: block; margin: 25px auto; border: none; height: 1px; background: #eff1f3;} 

@-ms-viewport {width: device-width;}
body {-ms-overflow-style: scrollbar; font-size:16px;}

html {box-sizing: border-box; }

*, *:before, *:after {box-sizing: inherit;}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block; }

body {line-height: 1; }

ol, ul, li {
  list-style: none; }

blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  -webkit-text-size-adjust: none; }

mark {
  background-color: transparent;
  color: inherit; }

input::-moz-focus-inner {
  border: 0;
  padding: 0; }

body {background-color: #ffffff; color:#333; }

body, input, select, textarea {font-family:'Pretendard', sans-serif, Arial, Helvetica, sans-serif; font-weight:400; line-height:1.65;}

a {
  -moz-transition:color 0.2s ease-in-out;
  -webkit-transition:color 0.2s ease-in-out;
  -ms-transition:color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  text-decoration:underline;}
  a:hover {text-decoration: none;}


em, i {font-style: italic; }

header.special {
  text-align: center;
  margin-bottom: 4rem;}
  header.special p {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase; color:#1f1f1f;}
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; text-decoration:none; }
h1 {font-size:3rem; line-height:1.2;}

h2 {font-size:2.25rem; line-height: 1.3;}

h3 {font-size:30px;}

h4 {font-size:22px;}

h5 {font-size:20px;}

h6 {font-size:0.7rem; }

input, select, textarea {color:#555; border:1px solid #cacaca; border-radius:3px;}
select, textarea,input[type=text]{min-height:30px; line-height:2; height:30px; padding:8px;}

.w_90 {width:90px;}
a {text-decoration:none;}

select{height:30px; padding:5px 12px 5px 5px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff;background-image: none; border: 1px solid #ccc;  border-radius: 4px;}

.wave{display:inline-block; padding:8px 3px;}



/***********************************
 * 메인 레이어 팝업 스타일
 ***********************************/
#popupPosition {
	position: fixed;
	inset: 0;
	z-index: 1000;
	pointer-events: none;
}

/* 각 팝업 래퍼도 화면 전체 기준 */
#popupPosition .mainPopup {
	position: fixed;
	inset: 0;
	pointer-events: none;
	display: block;
}

/* 중간 정렬용 래퍼는 클릭 막지 않음 */
#popupPosition .mMid {
	position: fixed;
	inset: 0;
	pointer-events: none;
}

/* 실제 팝업 본체 */
#popupPosition .mainP_wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* 팝업 크기를 모르더라도 자연스럽게 */
	width: max-content;
	max-width: min(calc(100vw - 4rem), 60rem);
	max-height: calc(100dvh - 4rem);
	overflow: auto;

	background: #fff;
	border-radius: 1.6rem;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);

	/* 실제 팝업만 클릭 가능 */
	pointer-events: auto;
}

/* 타이틀 영역: 드래그 핸들로 사용 */
#popupPosition .mainP_tit {
	display: flex;
	align-items: center;
	min-height: 5.6rem;
	padding: 0 2rem;
	border-bottom: 1px solid #ccc;
	cursor: move;
	user-select: none;
}

#popupPosition .mainP_tit strong {
	display: block;
	padding-left: 0 !important;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
}

/* 내용 */
#popupPosition .mainP_con {
	padding: 0;
}

#popupPosition .mainP_con a {
	display: block;
}

#popupPosition .mainP_con img {
	display: block;
	width: 100%;
	height: auto;
}

/* 버튼 영역 */
#popupPosition .mainP_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-top: 1px solid #ccc;
	background: #fff;
}

#popupPosition .mainP_btn button {
	flex: 1;
	min-height: 4.4rem;
	padding: 0 1.2rem;
	background: #fff;
	cursor: pointer;
}

#popupPosition .mainP_btn button:hover {
	background-color: #f8f8f8;
}

#popupPosition .mainP_btn .popClose {
	min-width: 8rem;
	border-left: 1px solid #ccc;
}

/* 긴 내용 대비 */
#popupPosition .mainP_wrap:focus,
#popupPosition .mainP_btn button:focus,
#popupPosition .mainP_con a:focus {
	outline-offset: 2px;
}

/* 모바일/작은 화면 대응 */
@media (max-width: 768px) {
	#popupPosition .mainP_wrap {
		max-width: calc(100vw - 2rem);
		max-height: calc(100dvh - 2rem);
		border-radius: 1.2rem;
	}

	#popupPosition .mainP_tit {
		min-height: 5rem;
		padding: 0 1.6rem;
	}

	#popupPosition .mainP_btn {
		flex-wrap: wrap;
	}
	
	/* #popupPosition {
	    background-color: rgba(0, 0, 0, 0.5);
	} */
}

@media (max-width:768px) {
	body {font-size:14px;}
}