@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-gov-dynamic-subset.min.css");
/* date : 2025-10-08 / name : kwj */

:root {
	--clr-mtext: #2a2a2a;

	--space5: .5rem;
	--space10: 1rem;
	--space15: 1.5rem;
	--space20: 2rem;
	--space25: 2.5rem;
	--space30: 3rem;
	--space35: 3.5rem;
	--space40: 4rem;
	--space50: 5rem;
	--space60: 6rem;

	--fs16: 1.6rem;
	/* --fs-base: 2.4rem; */
	--fs-base: 2rem;
}

@media screen and (max-width: 1366px) {
	:root {
		/* --fs-base: 2rem; */
		--fs-base: 1.8rem;
	}
}
@media screen and (max-width: 960px) {
	:root {
		--fs-base: 1.6rem;
	}
}
@media screen and (max-width: 320px) {
	:root {
		--fs-base: 1.4rem;
	}
}

*{margin:0;padding:0}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select,picture{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}html{font-size:10px;}body{line-height:var(--lh-body);font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-weight:400;font-size:var(--fs-base);color:var(--clr-mtext);letter-spacing:-.04em;overflow-wrap:break-word;text-size-adjust:none;transition:all .3s linear;word-break: keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block;font-size:inherit;letter-spacing:-.02em;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}img{max-width:100%}th,td{vertical-align:middle}.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

body {overflow-x: clip;}

/* margin */
.mgt5 {margin-top: var(--space5);}
.mgt10 {margin-top: var(--space10);}
.mgt15 {margin-top: var(--space15);}
.mgt20 {margin-top: var(--space20);}
.mgt25 {margin-top: var(--space25);}
.mgt30 {margin-top: var(--space30);}
.mgt35 {margin-top: var(--space35);}
.mgt40 {margin-top: var(--space40);}
.mgt50 {margin-top: var(--space50);}
.mgb30 {margin-bottom: var(--space30);}
.mgb40 {margin-bottom: var(--space40);}
.mgb50 {margin-bottom: var(--space50);}
.mgb60 {margin-bottom: var(--space60);}

/* padding */
.padt5 {padding-top: var(--space5);}
.padt10 {padding-top: var(--space10);}
.padt15 {padding-top: var(--space15);}
.padt20 {padding-top: var(--space20);}
.padt25 {padding-top: var(--space25);}
.padt30 {padding-top: var(--space30);}
.padt35 {padding-top: var(--space35);}
.padt40 {padding-top: var(--space40);}
.padt50 {padding-top: var(--space50);}

/* font weight */
.fw-sb {font-weight: 600;}

/* effect */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1.1);
    opacity: .75;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* bullet */
.bul-list li {padding-left: 16px; position: relative;} 
.bul-list li::before {content: ''; display: block; width: 6px; height: 6px; background-color: #f84287; border-radius: 100%; position: absolute; top: 14px; left: 0;}

/* button */
.btn-wrap {display: flex; justify-content: center; margin-top: 2.5em;}
.btn-wrap .btn {width: 12.5em; height: 2.36em; font-weight: 700; font-size: 1.5em; background-color: #036d92; color: white; position: relative; border-radius: 8px; padding: 0 !important;}
.btn-wrap .btn span{display:inline-block;margin-top:0.6em;}
.btn-wrap .btn img {position: absolute; top: 50%; right: .89em; transform: translateY(-50%);}
.btn-wrap .btn:hover {background-color: #004f6b;}

.btn-adm-wrap {display: flex; justify-content: center; gap: 0 5px; position: absolute; top: 1em; right: 0;}
.btn-adm-wrap a {display: block; padding: .45em .73em; font-weight: 500; font-size: .92em; border-radius: 6px; border: 1px solid #a5a5a5; background-color: #fff;}
.btn-adm-wrap a:hover {background-color: #eee;}

.btn-wrap.prd-adm-write {width: 100%; height: auto; padding: 1em 0; position: fixed; bottom: 0; left:0; background-color: #fff; box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);}

/* CTA */
.cta-wrap {display: flex; justify-content: center; align-items: center; gap: .83em; padding: 1.25em; margin-top: 60px; background: #f1f9fc; border-radius: 10px; border: 1px dotted #939393;}
.cta-wrap p {font-weight: 600; font-size: 1.25em; color: #002332;}
.cta-wrap strong {color: #f60000;}
.cta-wrap .contact {background: #0289b5; color: white; padding: .58em 1.15em; border-radius: 1.15em; font-size: 1.08em; font-weight: 600; display: flex; align-items: center; gap: 8px;}
.cta-wrap .contact:hover {background-color: #00688a;}
.cta-wrap .contact::before {content: ''; width: .88em; height: .65em; background: url("../image/icon/mail_white.png") center no-repeat;}

@media screen and (max-width: 768px) {
	.cta-wrap {flex-direction: column; text-align: center;}
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border-radius:1.6rem; overflow:hidden; box-shadow: 7px 7px 16px 0px rgba(0, 0, 0, 0.36);}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:8px 10px;background:#fff;color:#333;border-top:1px solid #dedede;text-align:left;position:relative;font-size: 1.8rem;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#fff;text-align:left;color:#333;}
.hd_pops_footer .hd_pops_close {padding:8px 16px;background:#fff;border:1px solid #bababa;color:#333; border-radius: 4px; position:absolute;top:8px;right:10px}
.hd_pops_footer .hd_pops_close:hover {background-color: #f5f5f5;}

@media screen and (max-width: 568px) {
	.hd_pops {width: 90% !important; height: auto !important; left: 50% !important; transform: translateX(-50%) !important;}
	.hd_pops_con {width: 100% !important; height: auto !important; line-height: 0;}
	.hd_pops_con br {display: none !important;}
	.hd_pops img {max-width: none; width: 100% !important;}
	.hd_pops_footer {font-size: 1.5rem;}
}