/*
@font-face {
    font-family: 'ChosunIlboMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
*/




/* ******************************** */
/* 섹션 */
SECTION .b , SECTION B , SECTION STRONG {
	font-weight:500;
}

SECTION .PageTitle {
	font-size:3.8rem;
    font-weight:500;
	text-align:center;
	padding-bottom: 10rem;
}
SECTION .PageTitle > SMALL {
	display:block;
	font-size:60%;
	color:#aaa;
}
SECTION .PageTitle > SMALL:empty {
	display:none;
}

SECTION .PageComment {
	text-align:center;
	padding-bottom:10rem;
    color:#555;
}
SECTION .PageComment:empty {
	display:none;
}
SECTION .PageTitle + .PageComment {
	margin-top:-8rem;
    padding-top:5rem;
}
SECTION .PageTitle + .PageComment::before {
	content:'';
	display:block;
	width: 2px;
	height: 40px;
	margin: 0 auto 2rem;
	background-color:#ddd;
}
SECTION .PageTitle + H3 ,
SECTION .PageTitle + .serv_box {
	margin-top:0;
}



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











/* ******************************** */
/* 아티클 */
ARTICLE {
    overflow:hidden;
}

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

ARTICLE  .SubTitle {
	margin-top: 8rem;
}


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


ARTICLE .ul_list {
    width: 100%;
    padding: 2rem;
    border: 1px solid #dadada;
    border-radius: 0.5rem;
}
ARTICLE .ul_list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
ARTICLE .ul_list.half {
    display: flex;
    flex-wrap: wrap;
}
ARTICLE .ul_list.half > li {
	width:50%;
}

ARTICLE .ul_list li:last-child{
	margin-bottom: 0;
}

ARTICLE .ul_list li .tit {
	display: inline-block;
	background-color: #3B3F4F;
	padding: 6px 0;
	border-radius: 5px;
	color: white;
	font-size: 1.5rem;
	font-weight: 400;
	min-width: 100px;
	text-align: center;
}

ARTICLE .ul_list li .txt {
	margin-left: 15px;
	line-height: 33px;
}

ARTICLE .ul_list ul {
	margin-left: 18px;
	list-style-position: outside;
}

ARTICLE .ul_list ul > li{
	margin-bottom: 6px;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

ARTICLE .ul_list ul > li::before {
	content:'';
	display:inline-block;
	width:5px;
	height:5px;
	border-radius: 5px;
	margin-right:10px;
	background:#0069b3;
}

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

	/* .infobox .cover_data ARTICLE .ul_list > li { */
	ARTICLE .ul_list > li {
		width: 100%  !important;
	}
}
@media all and (max-width:550px) {

	ARTICLE .ul_list ul{
	    margin-left: 0;
	    margin-top:10px;
	    width: 100%;
	}
	ARTICLE .ul_list li {
		margin-bottom:0.2rem;
		width:500%;
	}
}



/********************* Mobile / Tablet *********************/
@media all and (max-width: 1024px) {


	ARTICLE.article {
		padding: 0 1.5rem;
	}
}











/* 커버이미지 섹션 */
#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: var(--base-color-03);
	font-size:5rem;
	
	z-index:1
}
#Section_Cover .cover_title > P {
	font-size:2.65rem;
	display:block;
	letter-spacing: -0.1rem;
	color:#fff;
	opacity: 0.8;
}
#Section_Cover .cover_title > STRONG {
	font-size: 6.5rem;
	display:block;
	font-weight: 400;
	letter-spacing: -0.2rem;
	font-family: var(--base-font-serif);
}



/********************* Mobile / Tablet *********************/
@media all and (max-width: 1024px) {

	#Section_Cover {
		height: 18rem;
	}
	#Section_Cover .cover_title > P {
		font-size: 2.2rem;
	}
	#Section_Cover .cover_title > STRONG {
		font-size: 3.8rem;
	}
}
















/* Aside ** PC */
#aside_navigation { width: 30rem; float: left;     top: -5rem;
    z-index: 1;
}
#aside_navigation h2 { font-size:3.2rem; font-weight: 400; letter-spacing:-1px; position: relative; 

	padding: 5rem 3rem 2rem ;

	height: 15rem;

	display: flex;
    align-items: center;
	justify-content: flex-start;
    font-size: 3.2rem;
	/* font-family: var(--base-font-serif); */
	font-weight:700;
	color:#eee;

	background: center / contain  var(--base-color-02);
    background: linear-gradient(131deg, var(--base-color-02) 40.43%, var(--base-color-03) 79.1%);
    background: linear-gradient(131deg, var(--base-color-02) 40.43%, #325736 79.1%);
	
    box-shadow: 0 0.4rem 1.6rem rgba(11, 44, 97, 0.23);
    border-radius: 1.6rem;
	overflow:hidden;
}
#aside_navigation h2::after {
    content: "";
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    width: 10rem;
    aspect-ratio: 186 / 151;
    background: url(/imgs/aside_bg_mark_green.png) no-repeat 50% 50% / contain;
	opacity: .35;
}

#aside_navigation h2 span { position: relative; z-index: 1 }
#aside_navigation .nav > ul { border-bottom: 1px solid #ccc;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-top: 1rem;
}
#aside_navigation .nav > ul > li { position: relative }
#aside_navigation .nav > ul > li ~ li { border-top: 1px solid #ccc }
#aside_navigation .nav > ul > li > a { display: block; padding:2rem; padding-right:1rem; font-size: 1.8rem; letter-spacing:-1px; position: relative; z-index: 1 }
#aside_navigation .nav > ul > li > a::before { content: '\e942'; font-family: xeicon!important; font-size: 3.4rem; display: block; position: absolute; right: 0.6rem; top: 0.8rem; z-index: 2; color: #aaa; -webkit-transition: all 0.2s; transition: all 0.2s }
#aside_navigation .nav > ul > li.active { border-color:#484d61 }
#aside_navigation .nav > ul > li.active > a { background-color: var(--css_theme_3_active_bg) ; color: #fff }
#aside_navigation .nav > ul > li:hover > a::before { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
#aside_navigation .nav > ul > li.active > a::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #fff }
#aside_navigation .nav > ul > li:not(:has(UL)) > a::before { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
#aside_navigation .nav > ul > li:not(:has(UL)).active > a::before { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
#aside_navigation .nav > ul > li:not(:has(UL)):hover > a::before { -webkit-transform: rotate(270deg); transform: rotate(270deg); right: -0.5rem; }

#aside_navigation .nav > ul > li > UL { 
	/*display: none;  padding: 1rem 0.8rem 1rem 1.2rem; */
	display: block;
	opacity: 0;
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	padding: 0 1rem 0 2.5rem;
	background-color: #e5e7f1; 
	transition: all 0.2s ease;

}
#aside_navigation .nav > ul > li.active > ul { 
	opacity: 1;
	visibility: visible;
	max-height: 50rem;
	padding: 2rem;

}

#aside_navigation .nav > ul > li > UL > li.active { color: var(--css_theme_1_active_bg) ; font-weight: 500; }
/*
#aside_navigation .nav > ul > li > UL > li.active a::before { background-color: var(--css_theme_1_active_bg) ; }
#aside_navigation .nav > ul > li > UL > li.active a::after { content: ''; display: inline-block; vertical-align: middle; width: 1rem; height: 0.3rem; margin: -0.3rem 0 0 0.8rem; background-color: var(--css_theme_1_active_bg) ; }
#aside_navigation .nav > ul > li > UL > li { padding-left:0.8rem; }
*/
#aside_navigation .nav > ul > li > UL > li > a { 
	display: flex;
    flex-direction: row;
    align-items: center;
	padding: 0.5rem 2rem;
	border-radius: 5rem;
	font-weight:400; position: relative; font-size: 1.7rem; color:#444; }
#aside_navigation .nav > ul > li > UL > li > a::before { content: ''; background-color: #555; width: 0.5rem; height: 0.5rem; position: relative; margin-right:1rem; border-radius: 100%; }
#aside_navigation .nav > ul > li > UL > li.active > a ,
#aside_navigation .nav > ul > li > UL > li > a:hover { font-weight: 800; background: #ced1df }
#aside_navigation .nav > ul > li > UL > li ~ li { margin-top: 0.5rem }
#aside_navigation + .section {
	float: right;
	width:calc(100% - 37rem);
}




/* 섹션 */
#section_navigation { padding:0; position:relative; background:#fff; width:100%; margin-bottom:10rem; }
#section_navigation.fixed { position: sticky; top: 6rem;    z-index: 11; }

#section_navigation .nav > UL {
	display:table;
	position: relative;
	width:100%;
	min-height: 6rem;
	margin: 0 auto;
	border-spacing:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	table-layout:fixed;
}
#section_navigation .nav > UL > li {
	display:table-cell;

	text-align:center;
	border:1px solid #ccc;
	border-color:#ddd;
	background:#f5f6fa;
	border-bottom:2px solid #000;
	vertical-align:middle;
}
#section_navigation .nav > UL > li.blank
#section_navigation .nav > UL > li:empty {
	border:0;
	background:#fff;
	border-bottom:2px solid #000;
}

#section_navigation .nav > UL > LI.active {
	border:2px solid #000;
	border-bottom:2px solid #fff;
	background-color:#fff;

	position:relative;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(22,34,80,0.07) 100%);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,1);
	vertical-align:middle;
}
#section_navigation .nav > UL > LI.active::before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;

	width:0.5rem;
	height:100%;
	left:-0.7rem;
	top:0;

	border-bottom: 5rem solid transparent;
	border-right: 5px solid rgba(0,0,0,.15);
}
#section_navigation .nav > UL > LI.active::after {
	content:'';
	display:block;
	position:absolute;
	z-index:1;

	width:0.5rem;
	height:100%;
	right:-0.7rem;
	top:0;
	overflow:hidden;
	border-bottom: 5rem solid transparent;
	border-left: 5px solid rgba(0,0,0,.15);
}

#section_navigation .nav > UL > LI:last-child::after ,
#section_navigation .nav > UL > LI:first-child::before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	width:0;
	height:0;
	left:0;
	top:0;
	border:0;

}

#section_navigation .nav > UL a {
	display:block;
	width:100%;
	padding:1.2rem;
	text-align:center;
	color:#aaa;
	font-weight:400;
	letter-spacing:-1px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	text-decoration:none;
}
#section_navigation .nav > UL a:link, #section_navigation .nav > UL a:visited, #section_navigation .nav > UL a:active {
	color:#aaa;
}


#section_navigation .nav > UL a:hover {
	color:#000;
	text-decoration:none;
}
#section_navigation .nav > UL > LI.active > a ,
#section_navigation .nav > UL a.chked {

	color:#000;
	font-weight:500;
	text-shadow:-1px -1px 0 rgba(255,255,255,.5);
}

/********************* Mobile / Tablet *********************/
@media all and (max-width: 1023px) {



	/* Aside */
	#aside_navigation { font-size:1.4rem; margin: 0; width:100%; float:none;position: relative;z-index: 2;background-color: #fff; }
	#aside_navigation h2 { width:1px;height:1px;color:transparent;position:absolute;border-bottom:0 }
	#aside_navigation .nav > ul > li {max-height:0; overflow:hidden;transition:all .2s;-webkit-transition:all .2s }
	#aside_navigation .nav > ul > li > a { padding:0.8rem;  letter-spacing:0;  }
	#aside_navigation .nav > ul > li > a::before { right: 2rem; top:0.5rem }
	#aside_navigation .nav > ul > li ~ li{border-top:0}
	#aside_navigation .nav > ul > li.on {max-height:4.3rem}
	#aside_navigation .nav > ul > li.active {max-height:80rem}
	#aside_navigation .nav > ul > li.active > a { background-color: var(--css_theme_1_active_bg) ; }
	#aside_navigation .nav > ul > li.active > a::after{ -webkit-transform:rotate(0deg);transform:rotate(0deg) }
	#aside_navigation .nav > ul > li.active.on > a::after{ -webkit-transform:rotate(180deg);transform:rotate(180deg) }
	#aside_navigation .nav > ul > li.on ~ li.on{border-top: 1px solid #eaeef3 }
	#aside_navigation .nav > ul > li > a { padding-left: 1.8rem; padding-right: 4.5rem }
	#aside_navigation .nav > ul > li > ul { padding-left: 1rem; padding-right: 1.8rem }
	#aside_navigation .nav > ul > li.active > ul {display:none!important }
	#aside_navigation .nav > ul > li.active.on > ul {display:block!important }
	#aside_navigation .banner_1339 { display: none }
	#aside_navigation  + .section { width: 100%; height: inherit; margin-left: 0; padding: 0 }

	/* Aside */
	#aside_navigation .nav > ul > li.active > a { font-size:1.9rem;  }
	#aside_navigation .nav > ul > li.active.on > a { font-size:1.7rem; }


	/* Aside :: 모바일 추가 */
	#aside_navigation { top: 0; display:none;}
	#aside_navigation h2 { display:none; }



	/* headingArea */
	#section_location .pageTitle {
		float:none;
		padding: 2rem 1rem 0;
	}
	/* pageLocation */
	#section_location .pageLocation {
		float:none;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		line-height:1;
		text-align: right;
		border-bottom: 1px solid #cdcdcd;
		background-color: #f9f9f9;

		height:3.5rem;
		padding:0.6rem 1rem 0 0;
	}
	#section_location .pageLocation li {
		font-size: 1.5rem;
		margin: 0 0 0 0.5rem;
	}
	#section_location .pageLocation li:before {
		width: 0.5rem;
		height: 0.5rem;
		margin: -0.3rem 0.5rem 0 0;
		vertical-align: middle;
	}
	/* pageAccessory */
	#section_location .pageAccessory {
		float:none;
		position: absolute;
		right: 0.5rem;
		bottom: 1.5rem;
		line-height:1;
	}


	/* headingArea :: 모바일 추가 */
	#section_location {
		flex-direction: column-reverse;
		margin-bottom: 3rem;
	}
	#section_location .pageTitle {
		position: relative;
		display: flex;
		height: auto;
	}
	#section_location .pageLocation {
		position: relative;
	    display: flex;
	    height: auto;		
		padding: 1rem;
		padding-bottom: 2rem;
	}
	#section_navigation { margin-bottom: 0; }



	#section_navigation .nav > ul { display:block; width:100%; margin:3.2rem 0; padding:0; list-style-type:none; border-bottom:1px solid #ccc; }
	#section_navigation .nav > ul::after { content:''; display:block; clear:both; }

	#section_navigation .nav > ul > li { width:50%; display:block; float:left; margin:0; background:#f5f6fa; border:1px solid #ccc; border-left-width:0;  }
	#section_navigation .nav > ul > li::after ,
	#section_navigation .nav > ul > li.active::after ,
	#section_navigation .nav > UL > LI.active::before { clear:both; content:''; display:block; position:absolute; z-index:1; width:0; height:0; left:0; top:0; border:0; }

	#section_navigation .nav > ul > li:empty + li { border-left-width:1px; }
	#section_navigation .nav > ul > li > a { width:100%; padding:0.8rem; height:100%;  display:inline-block; text-align:center; overflow:hidden; word-wrap: normal; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; }
	#section_navigation .nav > ul > li.active { position:relative; 	outline:0; z-index:1; border:1px solid #ccc; border-left-width: 0; background:#474c5b; color:#fff; font-weight:400;  }
	#section_navigation .nav > ul > li.active > A { color:#fff; font-weight:500; text-shadow:-1px -1px 0 rgba(0,0,0,.5); }
	#section_navigation .nav > ul > li:nth-of-type(n+3) { border-top-width:0 !important; }
	#section_navigation .nav > ul > li:nth-of-type(2n) { border-right-width:0; }
	#section_navigation .nav > ul > li:nth-of-type(2n + 1) { border-left-width:0; }
	#section_navigation .nav > ul > li:nth-last-child(-n + 2):nth-child(2n + 1),
	#section_navigation .nav > ul > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li { border-bottom-width:0 !important; }


}


/********************* PC(1024 ~ 1170) *********************/
@media all and (min-width: 1024px) and (max-width: 1170px) {

	/* Aside */
	#aside_navigation { width: 20%; left: -2rem; }
	#aside_navigation + .section {
		width:calc(100% - 20%);
	}


	/* pageLocation */
	#section_location .pageTitle {
		padding-left: 2rem;
	}
	#aside_navigation + .section #section_location .pageTitle {
		padding-left: 0;
	}


}

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


	/* section_location */
	#section_location .pageTitle {
		font-size: 3.4rem;
		letter-spacing: -0.1rem;
	}
	/*
	#section_location .pageLocation {
		top: 43px;
	}
	*/
	#section_location .pageLocation li {
		/* font-size: 1.4rem; */
		letter-spacing: -1px;
	}
	#section_location .pageLocation li:before {
		width: 1rem;
		height: 1rem;
	}

	#aside_navigation.fixed {
		position: fixed;
		top: 0;
	}

}