@charset "utf-8";
/* --------------------------------------------------------------------------- */
/* 웹접근성스킵네비게이션 */
#skipNav{content:""; clear:both; display:block; position:relative; text-align:left; } 
#skipNav a{ position:absolute; top:-500px; left:0; } 
/* --------------------------------------------------------------------------- */
/* 레이아웃 */
.Wrap{display:block; position:relative;} 
.wrapPack{display:flex; position:relative; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:center; align-items:stretch; }
.wrapPackInner{display:block; position:relative;}
.Inner{display:block; position:relative; text-align:left; margin:auto;}	
	/* 공통왼쪽 */
	.asideLeft{flex-grow:1; align-self:center; height:inherit; text-align:center;}
	.asideLeft .areaInner{}
	.areaInner{display:flex; position:relative; height:100%; align-items:center; text-align:center;}

	/* 컨텐츠Container */
	.Container{flex-grow:0; width:var(--pcwidth); min-height:100vh;}  
	.Container::-webkit-scrollbar{display:none;}
	.contentWrap{display:block; position:relative; width:100%; min-height:100vh; padding-bottom:3rem;} /*  하단퀵여백  */
	.contentHead{}
	.contentBody{}
	.contentFotter{}

	/* 공통오른쪽 */
	.asideRight{flex-grow:1; align-self:center; height:inherit; text-align:center;}
	.asideLeft .areaInner{}

	/* ----------------- */
	@media (min-width:1119px) {
		:root{
			font-size:11.5pt;
		}
		.wrapPack{} /*  height:100vh; */
			.Container{min-height:100vh; background-color:#ffffff;  overflow-x:clip; } /* height:100vh; overflow-y:scroll; */
			.Container::-webkit-scrollbar{display:none;}
			body{background-color:var(--color-main-2); background-image:url("/img/bodybg.jpg"); background-position:top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
			
	}
	@media (max-width:1120px){/* 720+400=1120 (max-width:1200px) */
		.wrapPackInner{}
			.asideLeft{display:none; flex-grow:0;}
			.Container{flex-grow:1; width:100%}
			.asideRight{display:none; flex-grow:0;}	
			
	}
	@media screen and (max-width:768px) {

	}
	/* ----------------- */


/* --------------------------------------------------------------------------- */
/* 헤더 */
header{}
.header{display:block; position:sticky; top:0; z-index:var(--z-index-top); transition:0.2s ease-in-out;}
.Nav{display:block; position:relative; color:#ffffff; background-color:var(--color-main-1);}
	/* 로고와메뉴 */
	.headTop{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; padding:1rem 1rem 0.5rem 1rem;}
	.headTopSection{display:inline-flex; position:relative; height:inherit; flex-grow:1; align-items:center;}
		/* 로고 */
		.headTopSectionLeft{justify-content:flex-start; text-align:left;}
		.header .Logo{display:block; position:relative; } 
		.header .Logo a{display:block; position:relative; align-items:center;} 
		.header .Logo h1{}
		.header .Logo img{display:block; height:20px; filter:invert(1) brightness(1000%) grayscale(100%);} 
		/* 메뉴 */
		.headTopSectionRight{justify-content:flex-end; text-align:right;}
		.languageClicker{display:inline-block; position:relative;}
		.languageClicker p{display:inline-table}
		.languageClicker p img{display:table-cell; vertical-align:middle; width:auto; height:1rem; border-radius:var(--border-radius);}
		.languageClicker p span{display:table-cell; vertical-align:middle; padding-left:0.2rem;}		
			.languageClicker .State{}
			.languageClicker .State p{cursor:pointer;}
			.languageClicker .State img{}	
			.languageClicker .Menu{display:none; position:absolute; right:0px; top:100%; color:var(--font-color); border-radius:10px; background-color:#ffffff; z-index:var(--z-index); box-shadow:var(--box-shadow); margin-top:0.3rem; overflow:hidden;} /* 일단숨김 */
			.languageClicker .Menu li{display:block; position:relative;}
			.languageClicker .Menu a{display:block; min-width:5rem; padding:var(--padding);}
	/* 주메뉴 */
	.headCenter{display:block; position:relative;}
		.gnbMenu{display:block; position:relative; text-align:center;} 
		.gnbMenu .Menu{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:nowrap;} 
		.gnbMenu .Menu li{display:block; position:relative; align-self:start; flex-grow:1;}
		.gnbMenu .Menu li + li{ }
		.gnbMenu .Menu a{display:block; position:relative; font-weight:var(--font-weight-lg); padding:1rem 0.5rem;}
		.gnbMenu .Menu a:hover{} 
		.gnbMenu .Menu a:after{content:''; display:block; position:absolute; left:50%; right:0px; bottom:0px; width:0%; height:0.3rem; border-radius:5px 5px 0px 0px; background-color:var(--color-piont-1); transition:0.2s;}
		.gnbMenu .Menu a:hover:after{left:0%; width:100%;}
		.gnbMenu .Menu a.Active{}
		.gnbMenu .Menu a.Active:after{content:''; display:block; position:absolute;left:0%; right:0%; bottom:0px; width:100%; height:0.3rem; background-color:var(--color-piont-1);}
		.gnbMenu .Menu a.Active:hover{}
	/* 서브메뉴 */
	.headFooter{display:block; position:relative;}	
		.gnbSubMenu .Menu{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:nowrap;} 
		.gnbSubMenu .Menu li{display:block; position:relative; align-self:start; flex-grow:1;}
		.gnbSubMenu .Menu li + li{ }
		.gnbSubMenu .Menu a{display:block; position:relative; font-size:var(--font-size-sm); font-weight:var(--font-weight-tn); text-align:center; padding:var(--padding) 0px; }

/* --------------------------------------------------------------------------- */
/* 푸터 */
.Footer{display:block; position:relative; border-top:var(--border);}
.Footer address{}
.Footer .sectionInner{display:block; position:relative;}
.Footer pre{white-space:pre-wrap; word-wrap:break-word;}
	/* 운영정보 */
	.Footer .contentBody{display:block; position:relative; padding:var(--padding-xxxl) var(--padding-xl);}
	.Footer .subHeadSection{padding:0px; margin-bottom:var(--padding-xl);}
		/* 지도연동 */
		.footerSection_Map{}
			/* 정보창표시하기 */
			#putinMap{width:100%; height:400px; z-index:var(--z-index);}
			#putinMap .iw_inner{padding:var(--padding);}
			#putinMap .iw_inner h3{font-size:var(--font-size-lg); font-weight:var(--font-weight-xl); margin-bottom:var(--padding);}
			#putinMap .iw_inner p{font-size:var(--font-size-sm); font-weight:var(--font-weight-sm); }
		/* 위치및운영정보 */
		.footerSection_Info{margin-top:var(--padding-xl);}
		.footerSection_Info .List{}
		.footerSection_Info .List li + li{margin-top:var(--padding-xl);}
		.footerSection_Info .List p{}
		.footerSection_Info .List strong{display:block; font-weight:var(--font-weight-xl); margin-bottom:var(--padding-sm);}
		.footerSection_Info .List pre{display:block; position:relative; font-weight:var(--font-weight-sm);}
	/* 사업정보 */
	.Footer .contentFooter{display:block; position:relative; font-size:var(--font-size-sm);  background-color:var(--bg-color); padding:var(--padding-xl);}
		.Footer .contentFooter .Menu{display:table; position:relative;}
		.Footer .contentFooter .Menu li{display:table-cell; position:relative;}
		.Footer .contentFooter .Menu li + li{padding-left:var(--padding-sm);}
		.Footer .contentFooter .Menu a{}
		.Footer .contentFooter .Link{display:table; position:relative; margin-top:var(--padding-sm);}
		.Footer .contentFooter .Link li{display:table-cell; position:relative; text-align:center; vertical-align:middle;}
		.Footer .contentFooter .Link li + li{padding-left:0.3rem;}
		.Footer .contentFooter .Link a{display:inline-flex; position:relative; flex-direction:column; justify-content:center; aspect-ratio:1 / 1; border-radius:50%; overflow:hidden; padding:0.5rem 0.3rem 0.3rem 0.3rem;}
		.Footer .contentFooter .Link a i{position:relative; font-size:var(--font-size-xxl); overflow: hidden;}
		.Footer .contentFooter .Link .blog i::after{content:'blog'; display:inline-block; position:absolute; left:calc( (100% / 2 ) * 0.4 ); top:10%; color:#ffffff; font-size:0.3em;}
		.Footer .contentFooter .Info{display:block; position:relative; color:var(--font-color-low); line-height:var(--line-height-cont); font-weight:var(--font-weight-sm); margin-top:var(--padding-sm);}
		.Footer .contentFooter .Info li{display:block; position:relative;}
		.Footer .contentFooter .Info strong{display:inline-block; font-weight:var(--font-weight-sm); margin-right:0.3rem;}
		.Footer .contentFooter .Info strong::after{content:'.'; display:inline-block;}
		.Footer .contentFooter .Info span{}
		/* 별도처리 */
		.mainWrap .Footer{}
		.aboutWrap .Footer{}

/* --------------------------------------------------------------------------- */
/* 검색 */
fieldset.searchField{}
.searchField{display:block; position:relative; padding:var(--padding);}
	.searchBox{display:inline-table; position:relative; width:100%; height:auto; vertical-align:middle; border-radius:30px; background-color:#ffffff; border:var(--border); padding:var(--padding-sm) var(--padding);}
	.searchBox p{display:table-cell; position:relative; vertical-align:middle;}
	.searchBox .Input{}
	.searchBox input{display:block; width:100%; text-align:left; border:none; padding:0px;}
	.searchBox .goBtn{width:3rem; text-align:center; font-size:var(--font-size-xl); cursor:pointer;}

/* --------------------------------------------------------------------------- */
/* 카테고리 */
.categoryArea{display:block; position:relative; transition:0.2s ease-in-out;} /* 상단고정 */
	/* 카테고리메뉴_가로바 */
	.categoryMenuBar{display:block; position:relative;}
	.categoryMenuBarBox{display:block; display:flex; position:relative; width:100%; border:var(--border); background-color:#ffffff; overflow: hidden;}
	.categoryMenuBar .Menu.widthScrollMenu{}
	.categoryMenuBar .widthScrollMenu.activeOpen{}
	.categoryMenuBar .widthScrollMenu.activeClose{display:none;} /* 일단숨김 */
	.categoryMenuBar .Menu{display:flex; position:relative; width:calc(100% - 3rem); flex-direction:row; align-items:stretch; justify-content:space-between; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; user-select:none; }
	.categoryMenuBar .Menu li{display:inline-block; position:relative; width:auto; flex:0 0 auto; }
	.categoryMenuBar .Menu li p,
	.categoryMenuBar .Menu li a{display:block; padding:10px 20px;}
	.categoryMenuBar .Menu .Active{}	
	.categoryMenuBar .Menu .Active a{background-color:var(--color-main-2);}
	.categoryToggleBtn{display:inline-table; width:3rem; text-align:center; box-shadow:var(--box-shadow); background-color:#ffffff; cursor:pointer;}
	.categoryToggleBtn p{display:table-cell; position:relative; vertical-align:middle;}
	.categoryToggleBtn p i{display:block; font-size:var(--font-size-xxxl);}
	/* 테이블모양 */
	.categoryMenuTable{display:block; position:relative; padding:1rem;}
	.categoryMenuTable .Menu{display:flex; position:relative; width:100%; flex-direction:row; flex-wrap:wrap;}
	.categoryMenuTable .Menu li{display:block; position:relative; width:calc(100%/3); flex:0 1 calc(100%/3); border-bottom:var(--border);}
	.categoryMenuTable .Menu .Active{}
	.categoryMenuTable .Menu .Active a{background-color:var(--color-main-2);}
	.categoryMenuTable .Menu a{display:inline-table; position:relative; width:100%; height:100%; text-align:center; padding:var(--padding) var(--padding-sm);}
	.categoryMenuTable .Menu a span{display:table-cell; vertical-align:middle;}
	.categoryMenuTable .Menu::before{content:''; display:block; position:absolute; top:-1px; left:0px; right:0px; width:100%; height:1px; border-top:1px solid var(--border-color-deep);}
	.categoryMenuTable .Menu::after{content:''; display:block; position:absolute; bottom:0px; left:0px; right:0px; width:100%; height:1px; border-top:1px solid var(--border-color-deep);}

/* --------------------------------------------------------------------------- */
/* 레이어팝업구성 */
.layerPopupArea{}
.layerPopupArea .layerInner{display:block; position:relative; padding:var(--padding-xl); background-color:#ffffff; border-radius:1rem 1rem 0px 0px; box-shadow:var(--box-shadow); z-index:var(--z-index-top); overflow:hidden; z-index:calc( var(--z-index-top) +2 );}
.layerPopupArea .backOff{display:block; position:fixed; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; z-index:calc( var(--z-index-top) +1 ); background-color:rgba(0, 0, 0, 0.3);} /* 영역외닫기 */
.layerPopupArea .popupHead{display:table; position:relative; width:100%; cursor:pointer;}
.layerPopupArea .popupHead .Title{display:table-cell; position:relative; vertical-align:middle; font-size:var(--font-size-lg); font-weight:var(--font-weight-xl);}
.layerPopupArea .popupHead .rightBtn{display:table-cell; position:relative; vertical-align:middle; text-align:right;}
.layerPopupArea .popupHead .toggleBtn{display:inline-block; font-size:var(--font-size-xxxl); padding:0.3rem; cursor:pointer;}
.layerPopupArea .popupBody{display:block; position:relative; margin-top:var(--padding);}
.layerPopupArea .popupFooter{display:block; position:relative; margin-top:var(--padding);}


/* --------------------------------------------------------------------------- */
/* 메인팝업 */
.layerMainPopupArea .backOff{display:block; position:fixed; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; z-index:calc( var(--z-index-top) +1 ); background-color:rgba(0, 0, 0, 0.3);} /* 영역외닫기 */

.layerMainPopupArea{display:block; position:fixed; top:15%; left:50%; margin-left:calc( -500px / 2 ); width:500px; box-shadow:var(--box-shadow); z-index: var(--z-index-high);}
.layerMainPopupArea .popupBody{display:block; position:relative;}
.layerMainPopupArea .popupCont{display:block; position:relative;}
.layerMainPopupArea .popupCont a{display:block; position:relative;}
.layerMainPopupArea .popupCont a img{}
.layerMainPopupArea .popupFooter{display:block; position:relative;}
.layerMainPopupArea .popupFooter .Menu{display:table; position:relative; width:100%;}
.layerMainPopupArea .popupFooter .Menu li{display:table-cell; position:relative; vertical-align:middle; width:50%; }
.layerMainPopupArea .popupFooter .Menu li:first-child{text-align:left;}
.layerMainPopupArea .popupFooter .Menu li:last-child{text-align:right;}
.layerMainPopupArea .popupFooter .Menu .button{display:block; position:relative; width:100%; color:#ffffff; text-align:center; background-color:#000000; padding:1.2rem 0.6rem; cursor:pointer;}
	@media (min-width:1119px) {

	}
	@media (max-width:1120px){
	
	}
	@media screen and (max-width:768px) {
		.layerMainPopupArea{width:90%; margin-left:calc( -90% / 2 );}
	}
/* --------------------------------------------------------------------------- */