:root {
	--base-width: 150rem;
	--base-color:#6680bb;
	--base-font: 'Noto Sans KR', 'AppleGothic', 'Malgun Gothic', 'dotum', 'Sans-serif';

	--header-height: 12rem;
	--header-fixed: 7rem;
	--header-color: #222;
	--header-hover: var(--base-color);

	--header-bgcolor: #fff;
	--header-bghover: #fff;

	--header-topbar: 4.5rem;
	--header-topbar-color: #eee;
	--header-topbar-bgcolor: #3B3F4F;

	--header-topbar-hide: -4.5rem;

	--section-nav-height: 6rem;

	--mo-header-height: 6rem;
	--mo-header-topbar: 4rem;
	--mo-section-nav-height: 5rem;

	--base-btn-color: #fff;
	--base-btn-bgcolor: #2e6d50;
	--base-btn-border: var(--base-color);





}



HTML { font-size:62.5%; }
@media all and (max-width: 767px) {
	HTML { font-size:58%; }
}
BODY { font-size:1.7rem; font-family: var(--base-font);}




caption{overflow:hidden;position:relative;left:0;top:0;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0;text-indent:100%}
legend{overflow:hidden;position:absolute;width:1px;height:1px;background:0 0;font-size:0;color:transparent;line-height:0}
fieldset{border:none;min-width:0}
input:focus-visible ,
select:focus-visible { outline-offset: 0px;	outline: -webkit-focus-ring-color auto 1px; }
select { background: transparent; cursor:pointer; }
HEADER, FOOTER, NAV, ASIDE, SECTION, MAIN {
	position: relative;
}
H1,H2,H3,H4,H5,H6 {
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
	font-weight: 500;
}
H1,H2,H3 {
	letter-spacing: -0.1rem;
}
h1 { font-size:3.4rem; }
h2 { font-size:3.1rem; }
h3 { font-size:2.8rem; }
h4 { font-size:2.5rem; }
h5 { font-size:2.2rem; }
h6 { font-size:1.9rem; }



.wrap {
	width:100%;
	max-width: var(--base-width);
	margin:auto;
	padding:0 1.5rem;
}


/*
body {
	background:#F1F4F7;
}
*/


@media all and (min-width: 768px) {
	BODY.MP {
		--header-color : #F1F4F7;
		--header-bgcolor : transparent;
	}
}
/* *********************************** */
/* layout */
#header {
	position: absolute;
	top:0;
	width: 100%;
	height: var(--header-height);
	z-index: 5000;
	background-color: var(--header-bgcolor);
	color: var(--header-color);

	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .25);
	font-family: var(--base-font);
        transition: background-color ease 0.3s;

}
#header.fixed ,
#header:hover {
	background-color: var(--header-bghover);
	--header-color: var(--header-color);
}
/*
#header:has(~ SECTION:has(#Section_Navline.fixed)) {
	box-shadow: none;
}
*/
#header:has(~ SECTION) {
	box-shadow: none;
}


@media all and (min-width: 768px) {
	#header:has(>.topBar):not(.fixed) {
		height:calc(var(--header-height) + var(--header-topbar) );
	}
}
#header #DZmoFold {
	display:none;
}




/* *********************************** */
/* 최상단 메뉴 */
#header .topBar {
	position: relative;
	width:100%;
	height: var(--header-topbar);
	z-index: 1;
	font-size: 1.5rem;
	color: var(--header-topbar-color);
	background-color: var(--header-topbar-bgcolor);
}
#header .topBar > .wrap {
	position: relative;
	height: 100%;
	display:flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
}
#header .topBar .lside ,
#header .topBar .rside {
	width: auto;
	height: 100%;
	margin:auto;
	display:flex;
	align-items: center;
}

#header .topBar .lside {
	margin-left:0;
}
#header .topBar .rside {
	margin-right:0;
}


#header .topBar UL.lside > LI {
	position: relative;
	padding-right:1.5rem;
	margin-right:1.5rem;
}
#header .topBar UL.lside > LI:not(:last-of-type)::after {
	content:'';
	position: absolute;
	top:50%;
	right:0;

	transform: translate(0, -50%);

	display:block;
	height:60%;
	width:2px;
	background-color: var(--header-topbar-color);
	opacity: 0.5;
}
#header .topBar UL.rside > LI {
	margin-left:2rem;
}
#header .topBar DIV.rside > A {
	margin-left:2rem;
}
#header .topBar DIV.rside > A > I[class^=xi-] {
	margin-right: 0.5rem;
	font-size: 130%;
	vertical-align: -0.2rem;
}

BODY.MP #header .topBar {
	background-color: inherit;
}

BODY.MP #header.fixed .topBar ,
BODY.MP #header:hover .topBar {
	background-color: var(--header-topbar-bgcolor);
}









/* *********************************** */
/* 주 메뉴 */
#navigation {

	position: absolute;
	width: 100%;
	min-height: var(--header-height);

	display: flex;
	justify-content: center;

	border-bottom:1px solid #ccc;
	background-color: inherit;
}
#navigation::before {
	content:'';
	position: absolute;
	top: var(--header-height);
	width:100%;
	height:0;
	border-top:1px solid #ccc;
}
@media all and (min-width: 768px) {
	BODY.MP #header:not(.fixed):not(:hover) #navigation ,
	BODY.MP #header:not(.fixed):not(:hover) #navigation::before {
		border-color: transparent;
	}
}

#navigation > .navigation {
	height:100%;
	display: flex;
	align-content: center;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

/* 로고 */
#navigation .logo {
	position: relative;

	width: 50rem;
	max-width:35%;
	height: var(--header-height);
	margin: 0 auto;
	padding:0.5rem 0;
	padding-right:1rem;

	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#navigation .logo IMG {
	margin: auto;
	margin-left: 0;

	max-width:100%;
	max-height:100%;
	transition: all ease 0.5s;
}
#navigation .logo H1 ,
#navigation .logo SPAN {
	font-size:3.4rem;
	font-weight:600;
	letter-spacing: -0.1rem;
}
#navigation .logo IMG ~ H1 ,
#navigation .logo IMG ~ SPAN {
	display:none;
}
/* 로고와 함께 텍스트 출력 */
#navigation .logo IMG:has(~ H1.logo_subtxt) {
	margin-right:1rem;
}
#navigation .logo IMG ~ H1.logo_subtxt {
	font-size: 2.8rem;
    font-weight: 800;
    padding-left: 1rem;
	display: block;
}
@media all and (max-width: 768px) {
	#navigation .logo IMG:has(~ H1.logo_subtxt) {
		margin:auto;
	}
	#navigation .logo IMG ~ H1.logo_subtxt {
		display:none;
	}
}


/* 스타일별 로고 */
@media all and (min-width: 768px) {
	BODY:not(.MP) #navigation .logo:has(IMG.SiteLogo) IMG:not(.SiteLogo) {
		display:none;
	}
	BODY.MP #navigation .logo:has(IMG.SiteLogo_dark) IMG:not(.SiteLogo_dark) {
		display:none;
	}
	BODY.MP #header.fixed IMG.SiteLogo_dark:has(~ IMG.SiteLogo_light) ,
	BODY.MP #header:hover IMG.SiteLogo_dark:has(~ IMG.SiteLogo_light) {
		display:none;
	}
	BODY.MP #header.fixed IMG.SiteLogo_dark ~ IMG.SiteLogo_light ,
	BODY.MP #header:hover IMG.SiteLogo_dark ~ IMG.SiteLogo_light {
		display:block;
	}
}


/* 메뉴 */
#navigation NAV {
	position: static;
	width:calc(100% - 50rem);
	min-width:65%;
	height: 100%;
	margin: 0 auto;
	border-spacing: 0;
	padding: 0;

	display: flex;
}



#navigation NAV > UL {
	width:100%;
	height:auto;
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
}
#navigation NAV > UL > LI {

	position: relative;
	width:auto;
	height:100%;
	text-align: center;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}


#navigation NAV > UL > LI:first-child:nth-last-child(1) { width: 100%; }
#navigation NAV > UL > LI:first-child:nth-last-child(2),
#navigation NAV > UL > LI:first-child:nth-last-child(2) ~ LI { width: 50%; }
#navigation NAV > UL > LI:first-child:nth-last-child(3),
#navigation NAV > UL > LI:first-child:nth-last-child(3) ~ LI { width: calc(100% / 3); }
#navigation NAV > UL > LI:first-child:nth-last-child(4),
#navigation NAV > UL > LI:first-child:nth-last-child(4) ~ LI { width: calc(100% / 4); }
#navigation NAV > UL > LI:first-child:nth-last-child(5),
#navigation NAV > UL > LI:first-child:nth-last-child(5) ~ LI { width: calc(100% / 5); }
#navigation NAV > UL > LI:first-child:nth-last-child(6),
#navigation NAV > UL > LI:first-child:nth-last-child(6) ~ LI { width: calc(100% / 6); }
#navigation NAV > UL > LI:first-child:nth-last-child(7),
#navigation NAV > UL > LI:first-child:nth-last-child(7) ~ LI { width: calc(100% / 7); }
#navigation NAV > UL > LI:first-child:nth-last-child(8),
#navigation NAV > UL > LI:first-child:nth-last-child(8) ~ LI { width: calc(100% / 8); }
#navigation NAV > UL > LI:first-child:nth-last-child(9),
#navigation NAV > UL > LI:first-child:nth-last-child(9) ~ LI { width: calc(100% / 9); }
#navigation NAV > UL > LI:first-child:nth-last-child(10),
#navigation NAV > UL > LI:first-child:nth-last-child(10) ~ LI { width: 10%; }

#navigation NAV > UL > LI > A {
	width:100%;
	height: var(--header-height);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;

	font-size: 2.35rem;
	font-weight:500;
}
#navigation NAV > UL > LI:hover > A ,
#navigation NAV > UL A:hover ,
BODY:not(.MP) #navigation NAV UL > LI.active > A {
	color: var(--header-hover);
}

#navigation NAV > UL > LI > A SPAN {
	position: relative;
	padding:1rem;
	line-height: 1;
}
#navigation NAV > UL > LI > A SPAN::after {
	content: '';
	display: block;
	position: absolute;
	height: 0.5rem;
	bottom: 0;
	left:50%;
	width:0;
	background: #6680bb;
	transition: all ease 0.5s 0s;
}
#navigation NAV > UL > LI > A SPAN::after {
	display:none;
}



/* 서브메뉴 */
#navigation NAV > UL UL {
	width:100%;
	height: 100%;
	margin: 0;
	padding: 2.1rem 0 4.2rem;
	text-align: center;
	transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	border-right:1px solid #ddd;
	display: none;
}
#navigation NAV:hover > UL UL {
	position: relative;
	left:0;
	top:0;
	display:block;
}
#navigation NAV > UL:not(~ .nav_other) > LI:last-child > UL {
	border-right-width:0;
}

#navigation NAV > UL > LI:not(:has(> UL)) + LI > UL {
	border-left:1px solid #ddd;
}



#navigation NAV > UL UL A {
	position: relative;
	display: block;
	width: 100%;
	height: 3.8rem;
	line-height: 3.8rem;
	font-size: 1.65rem;
	font-weight:500;
	text-align: center;
	text-decoration: none;
}

/* 보조메뉴 - 부가항목 */
#navigation NAV .nav_other {
	position: static;
	width:auto;
	height: 100%;
	margin: 0 auto;
	border-spacing: 0;
	padding: 0;
	display: flex;
}
#navigation NAV .nav_other > UL {
	width:100%;
	height:100%;
	display:flex;
}
#navigation NAV .nav_other > UL > LI {
	width: auto;
	height: var(--header-height);

	display: flex;
	justify-content: center;
	align-items: center;
}
#navigation NAV .nav_other BUTTON {
	width:100%;
	height:100%;
	padding:0 1rem;
	margin:0;
	border:0;
	background-color: inherit;
}
#navigation NAV .nav_other BUTTON > i[class^='xi-'] {
	font-size: 3.5rem;
}
#navigation NAV .nav_other BUTTON:hover ,
#navigation NAV .nav_other BUTTON:active {
	color: var(--header-hover);
}

/* 본문 */
BODY > SECTION {

}
#header ~ SECTION ,
#header ~ FOOTER {
	top: var(--header-height);
}
#header:has(>.topBar) ~ SECTION ,
#header:has(>.topBar) ~ FOOTER {
	top: calc(var(--header-height) + var(--header-topbar) );
}
BODY.MP #header ~ SECTION ,
BODY.MP #header ~ FOOTER  {
	top: 0;
}




/* PC 전용 */
@media all and (min-width: 768px) {
	/* 상단고정 */
	#header.fixed {
		position: fixed;
		--header-height: var(--header-fixed);
	}
	#header.fixed .topBar {
		position: absolute;
		top: var(--header-topbar-hide);
	}
	#header.fixed #navigation .logo {
		padding:1.5rem 0;
	}
}



/* 모바일 */
@media all and (max-width: 767px) {


	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: var(--mo-header-height);
		/*
		min-height: 6rem;
		line-height: 6rem;
		*/

		background-color: var(--header-topbar-bgcolor);
		background-color: #fff;

		box-shadow: 0 2px 5px 2px rgba(0,0,0,.25);
	}
	#header .topBar {
		position: fixed;
		top: var(--mo-header-height);
		left: -75%;
		width: 75%;
		height: var(--mo-header-topbar);
		border-right: 1px solid var(--header-topbar-bgcolor);
		transition: left ease 0.3s;
	}

	#header .topBar:has(.rside:empty) {
		display:none;
	}
	#header .topBar:has(~ #DZmoFold:checked) {
		left:0;
		z-index: 100;
	}
	#header .topBar .lside {
		display:none;
	}





	#navigation {
		z-index: 30;
		position: absolute;
		width:100%;
		height:100%;
		min-height:100% !important;
		border:0;

		top: 0;
		left:0;
		background-color: transparent !important;
	}


	#navigation::before {
		top: var(--mo-header-height);
	}
	#navigation .logo {
		width: calc(100% - 12rem);
		max-width:100%;
		height:100%;
		margin:auto;
		padding:0;
		justify-content: center;
	}


	#navigation .logo img {
		height:60%;
		margin:auto;
	}
	#navigation .logo H1 ,
	#navigation .logo SPAN {
		display:block;
		font-size: 2.6rem;
	}


	#navigation .logo:has(IMG.SiteLogo_mobile) IMG:not(.SiteLogo_mobile) {
		display:none;
	}
	#navigation .logo IMG.SiteLogo_mobile {
		display:block;
	}




	#navigation > .navigation {
		justify-content: flex-start;
		padding:0;
	}

	#navigation NAV {
		position: fixed;
		bottom: 0;
		top: var(--mo-header-height);
		left: -75%;
		width: 75%;
		height: calc( 100% - var(--mo-header-height) );
		padding:0;
		background: #fff;
		overflow:auto;
		box-sizing: border-box;

		transition: left ease 0.3s;
		align-items: flex-start;

	}
	#header:has(.topBar) #navigation NAV {
		top: calc( var(--mo-header-height) + var(--mo-header-topbar) );
		height: calc( 100% - var(--mo-header-height) - var(--mo-header-topbar) );
	}
	#header:has(.rside:empty) #navigation NAV {
		top: var(--mo-header-height) ;
		height: calc( 100% - var(--mo-header-height) );
		border-top:1px solid #aaa;
	}


	#navigation NAV::before {
		content:'';
		position: fixed;
		top: var(--mo-header-height);
		right:-25%;
		width:25%;
		height: calc( 100% - var(--mo-header-height) );
		display:block;

		background:rgba(0,0,0,.45);
		transition: right ease 0.3s;
		pointer-events: all;
	}
	#navigation:hover NAV > UL UL {
		display:none;
	}

	#navigation NAV > UL {
		display:flex;
		flex-direction: column;
		justify-content: flex-start;
		overflow: auto;
		height: auto;
		border-bottom: 1px solid #d5d5d5;
	}
	#navigation NAV > UL > LI {
		width:100% !important;
		height:auto;
		display: block;
	}

	#navigation NAV > UL > LI > A {
		position: relative;
		width: 100%;
		height: 5rem;

		padding: 0 3%;
		color: #272739;
		background: #f0f2f5;

		justify-content: flex-start;
	}
	#navigation NAV > UL > LI:has(~ LI) > A {
		border-bottom: 1px solid #d5d5d5;
	}
	#navigation NAV > UL > LI > A:has(~ UL) {
		pointer-events: none;
		cursor: default;
	}



	#navigation NAV > UL > LI.active > A {
		background-color: var(--base-color);
		color:#eee;
		border-color:#eee;
	}

	#navigation NAV > UL > LI > A:has(+ UL)::after {
		content: "";

		display: block;
		border-style: solid;
		border-color: initial;
		border-width: 0 0 1px 1px;

		position: absolute;
		right: 1.7rem;
		top: 1.7rem;
		width: 1rem;
		height: 1rem;

		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);

		pointer-events: none;

	}
	#navigation NAV > UL > LI.active > A::after {
		top: 2.2rem;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#navigation NAV > UL > LI > A SPAN {
		padding:0 0.5rem;
		font-size:1.7rem;
	}
	#navigation NAV > UL > LI.active > A SPAN {
		color:#fff;
	}
	#navigation NAV > UL > LI > A SPAN::after {
		width:0.5rem;
		height:100%;
		margin-left:-100%;
	}
	#navigation NAV > UL > LI.active > A SPAN::after ,
	#navigation NAV > UL > LI:hover > A SPAN::after {
		width:0.5rem;
		margin-left:-60%;
		margin-left:-0.5rem;
		left: 0;
	}

	#navigation NAV > UL > LI.active > UL {
		display: block;
	}
	#navigation NAV > UL > LI > UL A {
		display: block;
		padding: 0 5%;
		width: 100%;
		color: #737374;
		text-align:left;
	}
	#navigation NAV > UL > LI > UL {
		display: none;
		border:0;
		padding: 1rem 0;
	}
	#navigation NAV > UL > LI:has(~ LI) > UL {
		border-bottom: 1px solid #d5d5d5;
	}

	#navigation NAV > UL > LI > UL LI.active A {
		color: var(--header-hover);
		background: transparent;
	}
	#navigation NAV > UL UL > LI A > SPAN {
		position: relative;
		display: flex;
		align-items: center;
		padding-left:1rem;
		font-size:1.5rem;

	}
	#navigation NAV > UL UL > LI.active A > SPAN ,
	#navigation NAV > UL UL > LI A:hover > SPAN {
		border-bottom:2px solid var(--header-hover);
		border:0;
	}
	#navigation NAV > UL UL > LI.active A > SPAN::before ,
	#navigation NAV > UL UL > LI A:hover > SPAN::before {
		content: '';
		width: 0.5rem;
		height: 50%;
		background: var(--header-hover);
		position: absolute;
		left:0;


	}


	#navigation NAV .nav_other {
		position: fixed;
		right:0;
		top: 0;
		width: auto;
		height: var(--mo-header-height);

	}
	#navigation NAV .nav_other > UL > LI {
		height: 100%;
	}


	/* 폴드메뉴 */
	#navigation .DZmoFold {
		position: absolute;
		display: block;
		cursor: pointer;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);

		-webkit-transition: 0.1s;
		-moz-transition: 0.1s;
		transition: 0.1s;

		top: calc(6rem / 4);
		left: calc(6rem / 4);
		width: calc(6rem / 2);
		height: calc(6rem / 2);




	}
	#navigation .DZmoFold SPAN.bar {
		display: block;
		position: absolute;
		position: relative;
		width: 100%;
		background: var(--header-color);
		background: #222;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);

		-webkit-transition: 0.15s;
		-moz-transition: 0.15s;
		transition: 0.15s;

		height: 0.5rem;
		margin-top: 0.5rem;

		height: calc(6rem / 10);
		margin-top: calc(6rem / 12);


	}
	#navigation .DZmoFold SPAN:nth-child(1) {
		margin-top: 0;

	}

	BODY:has(#DZmoFold:checked) {
		overflow:hidden;
	}

	#DZmoFold:checked ~ #navigation {
		width:100%;
	}
	#DZmoFold:checked ~ #navigation .logo {
		margin:auto;
	}
	#DZmoFold:checked ~ #navigation .logo SPAN {
		font-size: 2rem;
	}

	#header #DZmoFold:checked ~ #navigation NAV {
		left:0;
		border-right: 1px solid #aaa;
		background-color:#fff;
	}
	#header #DZmoFold:checked ~ #navigation NAV::before {
		right:0;
	}


	#header #DZmoFold:checked ~ #navigation .DZmoFold {
		z-index: 32;
		position: absolute;
		/*
		left: auto;
		right:calc(6rem / 4);
		*/
		top:25%;
	}
	#header #DZmoFold:checked ~ #navigation .DZmoFold SPAN.bar {
		width: 100%;
		margin:0;
		height:0.2rem;
		left:0;
		top:35%;
	}
	#header #DZmoFold:checked ~ #navigation .DZmoFold SPAN:nth-child(1) {
		width: 0;
		left: 50%;
	}
	#header #DZmoFold:checked ~ #navigation .DZmoFold SPAN:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#header #DZmoFold:checked ~ #navigation .DZmoFold SPAN:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top:30%;
	}



	#navigation #DZmoFold_bg {
		position: fixed;
		top: 0;
		right: 0;
		display: block;
		width: 0;
		height: 100%;
		border:0;
		font-size: 0;
		color: transparent;
		line-height: 0;
		background: rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.32s;
		-moz-transition: 0.32s;
		transition: 0.32s;
	}
	#header #DZmoFold:checked ~ #navigation #DZmoFold_bg {
		z-index: 21;
		width: 30%;
	}


	#header ~ SECTION ,
	#header ~ FOOTER ,
	#header:has(>.topBar) ~ SECTION ,
	#header:has(>.topBar) ~ FOOTER ,
	BODY.MP #header ~ SECTION ,
	BODY.MP #header ~ FOOTER  {
		top: var(--mo-header-height);
	}

	BODY:has(#Section_Navline) SECTION#Section_Cover {
		display:none;
	}
	BODY:has(#Section_Navline) SECTION#Section_Navline {
		top: var(--mo-header-height);
	}

	BODY:has(#Section_Navline) SECTION ,
	BODY:has(#Section_Navline) FOOTER {
		/* top: calc( var(--mo-header-height) + var(--mo-section-nav-height) ) !important;; */
		top: calc( var(--mo-header-height) + var(--mo-section-nav-height) );
	}


}



/* *********************************** */
/* 커버이미지 섹션 */
#Section_Cover {
	width:100%;
	height:30rem;
	text-align:center;
	overflow:hidden;
}
#Section_Cover > .cover {
	width:100%;
	height:100%;
}
#Section_Cover > .cover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('https://8888.com/dzSmart/upfiles/2022March/10/1646943607_0ba62c01e6bf6ca723e70e56a04b1848.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(5px);
	z-index: -1;

}
#Section_Cover > .cover::after {
	content:'';
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.35);
}
#Section_Cover > .cover IMG {
	display:block;
	width:100%;
	max-width:160rem;
	height:100%;
	object-fit:cover;
	margin:auto;
}
BODY._MainPage_ #Section_Cover {
	height:85vh;
	font-family: var(--base-font);
}
BODY.MP:has(#Section_Navline) #Section_Cover {
	height:60rem;
}

#Section_Cover.DZSMART_CoverSlide LI > IMG {
	width:100%;
	height:100%;
	object-fit:cover;
}

#Section_Cover.DZSMART_CoverSlide .swiper-wrapper::after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.35);
}


#Section_Cover .cover_title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:#fff;
	font-size:5rem;
	font-family: 'Jal_Onuel';
	z-index:1
}
#Section_Cover .cover_title > P {
	font-size:2.65rem;
	display:block;
	letter-spacing: -0.1rem;
}
#Section_Cover .cover_title > STRONG {
	font-size:5rem;
	display:block;
	font-weight: 400;
	letter-spacing: -0.2rem;
}
/* 모바일 */
@media all and (max-width: 767px) {
    #Section_Cover .cover_title > P {
        font-size:2rem;
    }
    #Section_Cover .cover_title > STRONG {
        font-size:3.2rem;
    }
}





/* ************************************************************************** */
/* ************************************************************************** */
/* *********************************** */
/* 페이지 섹션 */
#Section_Navline {
	position: relative;
	width:100%;
	border:1px solid #ccc;
	border-left:0; border-right:0;
	background-color: #fff;
	height: 6rem;
	z-index: 10;
}
#Section_Cover ~ #Section_Navline {
	position: relative;
	/* top:0; */
}


/* PC */
@media all and (min-width: 767px) {

	#header.fixed ~ #Section_Navline.fixed ,
	#header.fixed ~ SECTION #Section_Navline.fixed {
		position: fixed;
		top: var(--header-fixed);
		box-shadow:0 0 1rem 0 rgba(0,0,0,.25);
	}
	#header.fixed ~ #Section_Navline.fixed + SECTION ,
	#header.fixed ~ SECTION:has(#Section_Navline.fixed) {
		margin-top: var(--section-nav-height);
	}
}
/* 모바일 */
@media all and (max-width: 767px) {
	#Section_Cover ~ #Section_Navline {
		top: var(--header-fixed);
	}
}

#Section_Navline > .nav {
	height:100%;
	padding: 0;
	border-left:1px solid #ccc;
}
#Section_Navline > .nav::after {
	content:'';
	display:block;
	clear:both;
}
#Section_Navline > .nav > DIV.nav_icon_home {
	float:left;
	width: var(--section-nav-height);
	height:100%;
	border-right:1px solid #ccc;
	font-size:2.7rem;
	color:#999;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
#Section_Navline > .nav > UL {
	float:left;
	min-width:20rem;
	height:100%;
	border-right:1px solid #ccc;

}
#Section_Navline > .nav > UL > LI {
	position: relative;
	width:100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	align-content: center;
}

#Section_Navline > .nav > UL > LI INPUT {
	display:none;
}

#Section_Navline > .nav > UL > LI LABEL {
	width:100%;
	height: 100%;
	padding:0 1.5rem;
	text-align:left;
	border:0;
	background: transparent;
	font-size:1.7rem;
	display: flex;
	align-items: center;
	line-height: 110%;
}

#Section_Navline > .nav > UL > LI LABEL::after {

	position: absolute;
	right:1.5rem;
	top:50%;
	transform: translateY(-50%);
	content: "\e941";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* transition: all ease .3s 0s; */
}
#Section_Navline > .nav > UL > LI INPUT:checked + LABEL::after {
	content: "\e944";
}
#Section_Navline > .nav > UL > LI UL {
	display:none;
	width: calc(100% + 2px);
	top:5.8rem;
	top: calc(var(--section-nav-height) - 2px);
	left:-1px;
	border:1px solid #bbb;
}
#Section_Navline > .nav > UL > LI UL:enpty {
	display:none !important;
}

#Section_Navline > .nav > UL > LI INPUT:checked ~ UL ,
#Section_Navline > .nav > UL > LI UL:hover {
	display:block;
	position: absolute;
}
#Section_Navline > .nav > UL > LI UL > LI A {
	display:block;
	font-size:1.7rem;
	background-color:#fff;
	padding:1rem 1.5rem;
	border-bottom:1px solid #ddd;
	line-height: 110%;
}
#Section_Navline > .nav > UL > LI UL > LI.active A {
	color: var(--base-color);
}
#Section_Navline > .nav > UL > LI UL > LI:last-of-type A {
	border-bottom:0;
}
#Section_Navline > .nav > UL > LI UL > LI A:hover {
	background-color: var(--base-color);
	color:#fff;
}


/* 모바일 */
@media all and (max-width: 767px) {
	#Section_Navline {
		position:fixed;
		top: var(--mo-header-height);
		height: var(--mo-section-nav-height);
		border-color:#aaa;
		border-top-width:0;
		box-shadow:0 0 1rem 0 rgba(0,0,0,.25);

	}

	#Section_Navline > .nav {
		border-width:0;
	}

	#Section_Navline > .nav > UL {
		min-width:auto;
		width:calc( (100% / 2 ) - (var(--mo-header-height)/2));
	}
	#Section_Navline > .nav > UL:last-child {
		border-right-width:0;
	}

	#Section_Navline > .nav > UL:first-of-type:nth-last-of-type(3) ,
	#Section_Navline > .nav > UL:first-of-type:nth-last-of-type(3) ~ UL {
		width: calc( (100% / 3 ) - (var(--mo-header-height)/3));
	}


	#Section_Navline > .nav > UL > LI UL {
		top: calc(var(--mo-section-nav-height) - 1px);
	}
}




/* ************************************************************************** */
/* ************************************************************************** */
/* Footer */
FOOTER {
	z-index: 10;
	position: relative;
	width: 100%;
	padding: 0;
	background: #20242b;
}
FOOTER::after {
	display: block;
	content: "";
	clear: both;
}
FOOTER .foot_inner {
	position: relative;
	margin: 0 auto;
	padding:0;
	color: #989a9e;


	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	align-items: center;
}


/* 푸터로고 */
FOOTER .foot_logo {
	width: 20%;
	max-width: 18rem;
}
FOOTER .foot_logo > IMG {
	width:100%;
	padding:0 2rem;
	-webkit-filter: saturate(0) invert(100%);
	filter: saturate(0) invert(100%);
	opacity: .85;
}
FOOTER .foot_logo > IMG + SPAN {
	display:none;
}


/* 푸터구역 */
FOOTER .foot_wrap {
	position: relative;
	padding:0;
	width: 100%;
}
FOOTER .foot_logo + .foot_wrap {
	width: calc(100% - 20%);
}
/* 푸터메뉴 */
FOOTER .foot_nav {
	width: 100%;
	height:5.3rem;
	border-bottom: 1px solid #3a3a3a;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;

}
FOOTER .foot_nav li {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	line-height:1;
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
}


FOOTER .foot_nav li::before {
	position: absolute;
	top:0.7rem;
	left: 0;
	display: block;
	content: "";
	width: 0.1rem;
	height: 0.1rem;
	background: #484848;
}
FOOTER .foot_nav li:first-child:before {
	display: none;
}
FOOTER .foot_nav li a {
	color: #fff;
	text-decoration: none;
}
FOOTER .foot_nav li strong {
	color: #ffc;
	font-weight:400;
}

/* 인증로고 구역 */
FOOTER .association {
	position: absolute;
	right: 3%;
	bottom: 4.7rem;
}
FOOTER .association a {
	margin-left:0.9rem;
}
FOOTER .association a:first-child {
	margin: 0;
}
FOOTER .association:empty {
	display:none;
}
FOOTER .association:empty + .foot_info {
	padding-right:0;
}


/* 사업자정보 */
FOOTER .foot_info {
	font-size: 1.4rem;
	padding:3rem 1.4rem;
	padding-right:20%;
}
FOOTER .foot_info::after {
	display: block;
	content: "";
	clear: both;
}
/* 회사명 */
FOOTER .foot_info .companyTitle {
	float:left;
	padding-right:1rem;
	font-weight:bold;
	cursor: default;
}
FOOTER .foot_info dl::after {
	display: block;
	content: "";
	clear: both;
}
FOOTER .foot_info dt,
FOOTER .foot_info dd {
	display: inline-block;
	padding:0;
}
FOOTER .foot_info dt {
	position: relative;
	padding-left:1rem;
}
FOOTER .foot_info dt:first-child {
	padding-left: 0;
}
FOOTER .foot_info dd {
	padding-right:0.5rem;

}
FOOTER .foot_info dt::after {
	position: absolute;
	top: 0.48rem;
	left: 0;
	display: block;
	content: "";
	width: 0.1rem;
	height: 1rem;
	background: #484848;
}
FOOTER .foot_info dt:first-child::after {
	display: none;
}
FOOTER .foot_info dd a {
	color: #989a9e;
}
FOOTER .foot_info dd a.btnBizinfo {
	display: inline-block;
	margin:0;
	margin-left:1rem;
	padding:0 0.5rem;
	border: 1px solid #4f5259;
	color: #989a9e;
	background: #3b3e45;
}
FOOTER .copyright {
	position: relative;
	width: 100%;
	height: 5rem;
	padding:0.9rem;
	background: #282c32;
	text-align: center;
	color: #8c8e92;
	border-top: 1px solid #3a3a3a;

	font-size:1.4rem;
}
FOOTER .copyright A {
	position: absolute;
	display:block;
	width:1.5rem;
	height:1.4rem;
	right:1.4rem;
	top: calc(50% - 1.4rem /2);
}

FOOTER .copyright IMG {
	margin:0;
	padding:0;
	vertical-align: baseline;
	max-height:100%;
	-webkit-filter: saturate(0) invert(100%);
	filter: saturate(0) invert(100%);
	opacity: .25;
}
FOOTER .copyright IMG:hover {
	-webkit-filter:none;
	filter: none;
	opacity: 1;
}


FOOTER .mail::after {
	content: "@365x24.com";
	display: inline-block;
}
FOOTER .foot_info #DZmoCorpview { display:none;}


FOOTER .foot_info > .tbl {
	width:100%;
	border:1px solid #222;
	margin-top:1rem;
}
FOOTER .foot_info > .tbl th ,
FOOTER .foot_info > .tbl td {
	border:1px solid #222;
	padding:0.5rem;
	text-align:center;
}
FOOTER .foot_info > .tbl td {
	background-color:#2f323c;
}



/* 모바일 */
@media all and (max-width: 767px) {



	FOOTER .foot_logo {
		display:none;
	}
	FOOTER .foot_logo + .foot_wrap {
		width: 100%;
	}
	FOOTER .foot_nav {
		padding: 1.5rem 0;
		text-align: center;
		border-color: #1e2124;
	}

	FOOTER .foot_nav li {
		position: relative;
		display: inline-block;

		font-size: 1.3rem;
	}
	FOOTER .foot_nav li::before {
		position: absolute;
		top: 1.3rem;
		left: 0;
		display: block;
		content: "";
		width: 0.1rem;
		height: 1rem;
		background: #4a4d51;
	}
	FOOTER .foot_nav li:first-child:before {
		display: none;
	}

	FOOTER .foot_nav li:last-child {
		display: none;
	}
	FOOTER .foot_nav li a {
		display: block;
		padding: 0.5rem 1rem;
	}
	FOOTER .foot_nav li strong {
		color: #4a83c4;
	}
	FOOTER .association {
		padding: 1rem 0;
		text-align: center;
	}
	FOOTER .association:empty {
		padding:0;
	}
	FOOTER .association a {
		margin: 0 0 0 1rem;
	}
	FOOTER .association a:first-child {
		margin: 0;
	}


	FOOTER .foot_info {
		padding:2rem;
		font-size: 1.3rem;
		background: #363b43;
	}
	FOOTER .foot_info .companyTitle {
		display: block;
		float:none;
		margin:0;
		padding: 1rem 0;
		text-align: center;
		cursor: pointer;
		font-weight:bold;
		font-size:1.7rem;
	}
	FOOTER .foot_info #DZmoCorpview:checked ~ .companyTitle {
		border-bottom: 1px solid #3c414a;
	}
	FOOTER .foot_info .companyTitle span {
		position: relative;
		padding:0;
		padding-right:2.6rem;
	}
	FOOTER .foot_info .companyTitle span:after {
		position: absolute;
		top: 0.5rem;
		right: 0;
		display: block;
		content: "";
		width: 1rem;
		height: 1rem;
		vertical-align: middle;
		border: 1px solid #8c8e92;
		border-width: 0 0 1px 1px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}
	FOOTER .foot_info #DZmoCorpview:checked ~ .companyTitle span:after ,
	FOOTER .foot_info.selected .companyTitle span:after {
		top: 0.5rem;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}
	FOOTER .foot_info > ul {
		overflow: hidden;
		height: 0;
	}
	FOOTER .foot_info #DZmoCorpview:checked ~ UL ,
	FOOTER .foot_info.selected > ul {
		padding: 1.5rem 2.6rem;
		height: auto;
		border-top: 1px solid #282c32;
	}
	FOOTER .foot_info ul dl {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	FOOTER .foot_info ul dl:after {
		display: block;
		content: "";
		clear: both;
	}
	FOOTER .foot_info ul li dt,
	FOOTER .foot_info ul li dd {
		line-height: 1.5;
		position: relative;
	}
	FOOTER .foot_info ul li dt {
		width: 35%;
		text-align: right;
		padding-right:2%;
	}
	FOOTER .foot_info ul li dt::after {
		display:none;
	}

	FOOTER .foot_info ul li dd::after {
		position: absolute;
		top: 0.8rem;
		left: 0;
		display: block;
		content: "";
		width: 0.1rem;
		height: 1rem;
		background: #484848;
	}
	FOOTER .foot_info ul li dd {
		width: 65%;
		padding-left:2%;
	}
	FOOTER .foot_info dd a.btnBizinfo {
		display: inline-block;
		padding: 0.2rem 0.5rem;
		border: 1px solid #4f5259;
	}
	FOOTER .copyright {
		width: 100%;
		text-align: center;
		color: #5c6573;
		border-top: 1px solid #1e2124;
		background: #282c32;
		padding:1rem 0;
	}
}






#scroll-to-top {
	position: fixed;
	right: 1%;
	bottom: 5%;
	height: 35px;
	width: 35px;
	cursor: pointer;
	display: block;
	border-radius: 50px;

	z-index: 100;
	border:0;
	display:none;

	border:1px solid #777;
	background:rgba(255,255,255,.3);
	font-size:0;
}
#scroll-to-top::after {
	position: absolute;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	color:  #000;
	left: 0;
	top: 0;
	height: 30px;
	width: 32px;
	cursor: pointer;
	display: block;
	z-index: 1;

	font-family: xeicon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	content: "\e944";
}
















/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
/* 서브페이지 스타일 */
SECTION > ARTICLE {
	padding: 10rem 2.5rem;
}

/* 모바일 */
@media all and (max-width: 767px) {
	SECTION > ARTICLE {
		padding: 5rem 0.5rem;
	}

}

/* ******************************** */
/* 서브페이지 레이아웃 */
ARTICLE {
        font-family: 'Noto Sans KR','Malgun Gothic',AppleGothic,dotum,Sans-serif;
		font-size:1.55rem;
}
ARTICLE .b , ARTICLE B , ARTICLE STRONG {
	font-weight:500;
}

SECTION:has(> ASIDE).wrap {
	display:flex;
	padding-top:5rem;
}
SECTION > ASIDE {
	width:25rem;
}
SECTION > ASIDE + div ,
SECTION > ASIDE + ARTICLE {
	width: calc(100% - 25rem);
	padding-top:3.5rem;
	padding-left:7.5rem;
	/* color: var(--base-color); */

}
/* 작은 PC */
@media all and (max-width: 1199px) {
	SECTION > ASIDE {
		width:22rem;
	}
	SECTION > ASIDE + div ,
	SECTION > ASIDE + ARTICLE {
		width: calc(100% - 22rem);
		padding-top:3.5rem;
		padding-left:3.5rem;

	}
}

/* 모바일 */
@media all and (max-width: 767px) {
	SECTION > ASIDE {
		width:25rem;
		display:none;
	}
	SECTION > ASIDE + div ,
	SECTION > ASIDE + ARTICLE {
		width: 100%;
        padding-top: 0;
		padding-left: 0;

	}
}


#snb:not(:has(.list > ul li)) {
	display:none;
}
#snb:not(:has(.list > ul li)) + div, 
#snb:not(:has(.list > ul li)) + ARTICLE {
	width: 100%;
	padding:0;
	padding-left: 0;
}


#snb .title {
	font-size: 2.8rem;
	font-weight: 500;
	color: #fff;
	position: relative;
	padding: 0 2rem;
	height: 12.6rem;
	border-radius: 5px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-color: #2e5591;
	background-color:  var(--base-color);;
}
#snb .title::after {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
}
#snb .title span {
    position: relative;
    z-index: 1;
    display: block;
    vertical-align: middle;
}



#snb .list { border: 1px solid #e0e0e0; border-top: 0; margin-top: -1px; padding: 1.2rem 2.5rem 7.4rem; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#snb .list > ul > li > a { display: block; position: relative; padding: 1.2rem 0; color: #555; border-bottom: 1px solid #e5e5e5; }
#snb .list > ul > li > a:not(.out-link)::after { position: absolute; top: auto; left: auto; right: auto;
	top: 2rem;
	right:0;
	width:1rem;
	height:1rem;
	border:2px solid #767676;
	border-top-width:0;
	border-left-width:0;
	transform: rotate(315deg);
}


#snb .list > ul > li.active > a::after { color: #191919; content: '\ea6e'; }
#snb .list > ul > li.active > a { color: #191919; font-weight: 500; }
#snb .list > ul > li.active > ul { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
#snb .list > ul > li.active:has(ul) + li { border-top:1px solid #e5e5e5; }
#snb .list > ul > li.active > a > SPAN {
    display: inline-block;
    width: calc(100% - 1rem);		
}


#snb .list > ul > li > ul { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block !important; padding: 0 1.5rem; }
#snb .list > ul > li > ul .active a { font-weight: 500; color: #29327d; }
#snb .list > ul > li > ul .active a::before { background-color: #29327d; }
#snb .list > ul > li > ul > li { padding:0.3rem 0; }
#snb .list > ul > li > ul a { position: relative; padding-left: 1.5rem; text-align: left; display: block; color: #3b3b3b; }
#snb .list > ul > li > ul a::before { position: absolute; left: 0; top: auto; content: ''; }
#snb .list > ul > li > ul a::before { top: 1rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #7c7c7c; }





.article_header {
	display:flex;
	align-items: center;
	padding-bottom:2.5rem;
}
.article_header:not(:has(+ #bbs_container)) {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5rem;
}

/* 모바일 */
@media all and (max-width: 767px) {
	.article_header {
		flex-direction: column;
	}
}


.article_header > .article_title {
	position: relative;
	margin-right:2rem;
	padding-top:1rem;
	letter-spacing: -0.2rem;
	font-size: 3.8rem;
}

/* 모바일 */
@media all and (max-width: 767px) {
	.article_header > .article_title {
		padding:1rem 0;
		margin: 0;
	}

}



.article_header > .article_location {
	margin-right:2rem;
	margin-top:1rem;
	color:#767676;
}
.article_header > .article_location OL {
	display:flex;
    margin-top: 1.5rem;
}
.article_header > .article_location OL > LI {
	position: relative;
	
    line-height: 1;
	padding-right: 2.5rem;
}
.article_header > .article_location OL > LI::after {
	content:'';

	display:inline-block;
	margin:0 1rem;
	margin-bottom: 0.15rem;
	width:0.75rem;
	height:0.75rem;

	border:2px solid #767676;
	border-top-width:0;
	border-left-width:0;
	transform: rotate(315deg);

	position: absolute;
	right:1rem;
	top: 0.65rem;
	margin:0;

}
.article_header > .article_location OL > LI:last-of-type::after {
	display:none;
}
.article_header > .article_location OL > LI.home::before {

	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e900";

}


.article_header > .article_util {
	margin:1.5rem 0 0 auto;
}
/* 작은 PC */
@media all and (max-width: 1199px) {
	.article_header > .article_util {
		display:none;
	}
}

/* 모바일 */
@media all and (max-width: 767px) {
	.article_header > .article_util {
		display:flex;
		margin:1rem auto;
	}
}

.article_header > .article_util .btn {
	display: inline-block;
	overflow: hidden;
	width: 4rem;
	height: 4rem;
	color: #a7a7a7;
	text-align: center;
	line-height: 4rem;
	vertical-align: top;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	padding: 0;
	border: 0;
	background: transparent;
}
.article_header > .article_util .btn + .btn {
	margin-left:1rem;
}
.article_header > .article_util .btn:hover {
	color:#2E313D;
}
.article_header > .article_util .btn::before {

	font-family: xeicon !important;
	display: block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	text-align: center;
	line-height: inherit;
	font-size: 2.25rem;
	width: auto;
	height: auto;
}
.article_header > .article_util .btn.share::before {
	content: "\e9ea";
}
.article_header > .article_util .btn.print::before {
	content: "\e9bb";
}


.article_header ~ .PageTabsubMenu {
	margin:7.5rem 0;
}




ARTICLE .PageTitle {
	font-size:3.8rem;
    font-weight:500;
	text-align:center;
	padding-bottom:5rem;
}
ARTICLE .PageTitle > SMALL {
	display:block;
	font-size:60%;
	color:#aaa;
}
ARTICLE .PageComment {
	text-align:center;
	padding-bottom:10rem;
    color:#555;
}
ARTICLE .PageTitle + .PageComment {
	margin-top:-8rem;
    padding-top:5rem;
}
ARTICLE .PageTitle + .PageComment::before {
	content:'';
	display:block;
	width: 2px;
	height: 40px;
	margin: 0 auto 2rem;
	background-color:#ddd;
}
ARTICLE .PageTitle + H3 ,
ARTICLE .PageTitle + .h3 ,
ARTICLE .PageTitle + .serv_box {
	margin-top:0;
}



@media (max-width: 767px) {
	ARTICLE .PageComment {
		padding:2rem;
	}
	ARTICLE P BR ,
	ARTICLE .PageComment BR {
		display:none;
	}
	ARTICLE .PageTitle {
		padding-bottom:0;
	}

}
ARTICLE {
    overflow:hidden;
}
ARTICLE IMG {
	max-width:100%;
}
ARTICLE P {
	line-height:165%;
}
ARTICLE P + P {
	padding-top:1rem;
}


ARTICLE .SubTitle {
	font-weight:500;
	font-size: 2.5rem;
    margin-top:5rem;

}
ARTICLE > H4 ,
ARTICLE > .h4 {
    margin-top:5rem;
}








/* ************************************************************************** */
/* ************************************************************************** */
/* 컨텐츠 */
UL.Line_disc {
    width: 100%;
    list-style-type: disc;
    list-style-position: inside
}

UL.Line_disc > LI::marker {
    color: #aaa
}

UL.Line_disc > LI {
    margin-top: 1rem;
    border-top: 1px dashed #ccc;
    padding-top: 1rem;
    text-indent: -2.3rem;
    padding-left: 2.3rem
}

UL.Line_disc > LI:first-of-type {
    margin-top: 0;
    border-top-width: 0;
    padding-top: 0
}


UL.Line_disc.Edgeline {
    position: relative;
    width: 100%;
    border: 2px solid #484D61;
    padding: 3rem 3.5rem;
    background-color: #f5f5f5;
    margin-top: 1rem;


    list-style-type: disc;
    list-style-position: inside
}

@media all and (max-width: 1170px) {
    UL.Line_disc.Edgeline {
        padding:2rem 3rem;
    }
}

@media all and (max-width: 767px) {
   UL .Line_disc.Edgeline {
        padding:2rem;
    }
}














.edge_box {
    position: relative;
    width: 100%;
    border: 2px solid #484D61;
    padding: 5rem;
    background-color: #f5f5f5;
    margin-top: 1rem;
    font-size: 1.5rem
}


.edge_box > .edge_box_arrow {
    position: absolute;
    width: 100%;
    height: 2rem;
    top: 0;
    left: 0
}

.edge_box > .edge_box_arrow::before ,
.edge_box > .edge_box_arrow::after {
    position: absolute;
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    background-image: url('/imgs/arrow_box.png');
    background-repeat: no-repeat;
    background-size: contain
}

.edge_box > .edge_box_arrow::after {
    right: 0;
    transform: rotate(90deg)
}

.edge_box > .edge_box_arrow ~ .edge_box_arrow {
    top: auto;
    bottom: 0
}

.edge_box > .edge_box_arrow ~ .edge_box_arrow::before {
    transform: rotate(270deg)
}

.edge_box > .edge_box_arrow ~ .edge_box_arrow::after {
    transform: rotate(180deg)
}

@media all and (max-width: 1170px) {
    .edge_box {
        padding:3rem
    }
}

@media all and (max-width: 767px) {
    .edge_box {
        padding:2rem 3rem
    }
}


@media all and (max-width: 1170px) {
	.dzTbl5 TD, .dzTbl5 TH,
	.dztbl5 TD, .dztbl5 TH {
		padding:1rem 0.5rem;
		line-height: 2rem;
	}

}
@media all and (max-width: 767px) {

	.dzTbl5.data-label td::before ,
	.dztbl5.data-label td::before {
		width: 30%;
		padding-right: 1rem;
		font-weight:bold;
	}
	.dzTbl5.data-label td ,
	.dztbl5.data-label td {
		padding-left: calc(30% + 2rem) !important;
	}

	BR.no-mo {
		display:none;
	}
	BR.mo-blank,
	BR.mo-hide {
		position:relative;
		display: inline-block;
		border: none;
		font-size: inherit;
		line-height: inherit;
		height: inherit;
		content: " ";
		width: 0.75rem;
	}
	BR.mo-comma {
		position:relative;
		display: inline-block;
		border: none;
		font-size: inherit;
		line-height: inherit;
		height: inherit;
		content: " ";
		width: 1.5rem;
		padding-right: 1rem;
	}
	BR.mo-comma::after {
		content: ",";
		display: inline-block;
		position:relative;
	}
}








.edge_photo {
	position: relative;
	width:100%;
	height:40rem;
}
.edge_photo::before {

	content:'';
	display:block;
	position:absolute;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	left:0.5rem;
	top:0.5rem;
	border:5px solid rgba(255,255,255,.75);
}
UL.edge_2cell {
	position: relative;
	width:100%;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
UL.edge_2cell > LI {
	position: relative;
	width: calc(50% - 2.5rem);
}

UL.edge_2cell.edge_2cell_l60p > LI:first-of-type {
	width:calc(55% - 2.5rem);
}
UL.edge_2cell.edge_2cell_l60p > LI:last-of-type {
	width:calc(45% - 2.5rem);
}
@media all and (max-width: 1170px) {
	UL.edge_2cell > LI {
		width: calc(50% - 1rem);
	}
	UL.edge_2cell.edge_2cell_l60p > LI:first-of-type {
		width:calc(55% - 1rem);
	}
	UL.edge_2cell.edge_2cell_l60p > LI:last-of-type {
		width:calc(45% - 1rem);
	}
}
@media all and (max-width: 767px) {
	UL.edge_2cell > LI ,
	UL.edge_2cell.edge_2cell_l60p > LI:first-of-type ,
	UL.edge_2cell.edge_2cell_l60p > LI:last-of-type {
		width: 100%;
	}

	UL.edge_2cell > LI ~ LI {
		padding-top:5rem;
	}

}



.edge_photo_2cell {
	position: relative;
	width:100%;
	height:35rem;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.edge_photo_2cell .photo {
	position: relative;
	width: calc(50% - 1rem);
	height:100%;
}
.edge_photo_2cell .photo::before {

	content:'';
	display:block;
	position:absolute;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	left:0.5rem;
	top:0.5rem;
	border:5px solid rgba(255,255,255,.75);
}
@media all and (max-width: 767px) {
	.edge_photo_2cell {
		height:auto;
	}
	.edge_photo_2cell .photo {
		width: 100%;
		margin-top:2rem;
	}


}


.edge_photo_3cell {
	position: relative;
	width:100%;
	height:30rem;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.edge_photo_3cell .photo {
	position: relative;
	width: calc(100% / 3 - 1rem);
	height:100%;
}
.edge_photo_3cell .photo::before {

	content:'';
	display:block;
	position:absolute;
	width: calc(100% - 1rem);
	height: calc(100% - 1rem);
	left:0.5rem;
	top:0.5rem;
	border:5px solid rgba(255,255,255,.75);
}
@media all and (max-width: 767px) {
	.edge_photo_3cell {
		height:auto;
	}
	.edge_photo_3cell .photo {
		width:100%;
		margin:1rem 0;
	}
}




UL.edge_half {
	position: relative;
	width:100%;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-between;

}
UL.edge_half > LI {
	position: relative;
	width: calc(50% - 2.5rem);
}
UL.edge_half > LI:nth-of-type(n+3) {
	padding-top:5rem;
}
UL.edge_half > LI .SubTitle {
	margin:0;
	height:5rem;
}
UL.edge_half > LI .SubTitle + .Edgeline {
	margin:0;
	height:calc(100% - 5rem);
}
@media all and (max-width: 1170px) {
	UL.edge_half > LI {
		width: calc(50% - 1rem);
	}
	UL.edge_half > LI:nth-of-type(n+3) {
		padding-top:2rem;
	}

}
@media all and (max-width: 767px) {
	UL.edge_half > LI {
		width: 100%;
	}

	UL.edge_half > LI ~ LI {
		padding-top:5rem;
	}

}









/* 이용료 테이블 */
.ReservPayTable {
	margin-top:1rem;
}
.ReservPayTable TH {
	line-height:1.5;
	padding: 1.5rem;
}
.ReservPayTable TH.tb-rl {
	writing-mode: unset;
	letter-spacing: 0;
	padding:0 1rem;
}
.ReservPayTable TH > DIV,
.ReservPayTable TH > SPAN {
	display:block;
	margin:0;
	letter-spacing: -1px;
}







/* 테마버튼 */
.btn.btn-theme {
	color: var(--base-btn-color);
	background-color: var(--base-btn-bgcolor);
	text-shadow:-1px -1px 0 rgba(0,0,0,1);
}
.btn.btn-theme:hover,
.btn.btn-theme:focus,
.btn.btn-theme:active,
.btn.btn-theme.active {
	background-color: var(--base-btn-bgcolor);
}
.btn.btn-theme.disabled,
.btn.btn-theme[disabled],
fieldset[disabled] .btn.btn-theme,
.btn.btn-theme.disabled:hover,
.btn.btn-theme[disabled]:hover,
fieldset[disabled] .btn.btn-theme:hover,
.btn.btn-theme.disabled:focus,
.btn.btn-theme[disabled]:focus,
fieldset[disabled] .btn.btn-theme:focus,
.btn.btn-theme.disabled:active,
.btn.btn-theme[disabled]:active,
fieldset[disabled] .btn.btn-theme:active,
.btn.btn-theme.disabled.active,
.btn.btn-theme[disabled].active,
fieldset[disabled] .btn.btn-theme.active {
	background-color:  var(--base-btn-border);
	border-color:  var(--base-btn-border);
}