HTML {
	font-size:13pt;
	font-size:62.5%;
	background-color:#fff;
}

/* 모바일 */
@media all and (max-width: 767px) {
	HTML {
		font-size:57.5%;
	}
}

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-weight:500;
}
H1,H2,H3 {
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, 'Sans-serif', AppleGothic;
	font-weight:600;
	letter-spacing: -0.1rem;
}
H1 { font-size:3.8rem; }
H2 { font-size:3.4rem; }
H3 { font-size:2.8rem; }
H4 { font-size:2.5rem; }
H5 { font-size:2.2rem; }
H6 { font-size:1.8rem; }
/*
IMG {
	image-rendering: pixelated;
}
*/

BUTTON:focus-visible ,
A:focus-visible {
	outline: dashed 3px #0088ff !important;
}
A[target=_blank]::after ,
A.out-link::after {
	content: "\e980";
	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;
	margin-left: 0.5rem;
	opacity: .55;
}
A[target=_blank].out-linknone::after {
	display:none;	
}



.color {
	/*color:#6680bb !important; */
	color:#4da525 !important;

}
.bgcolor {
	/* background-color:#6680bb !important; */
	background-color:#4da525 !important;
}
.color.arr_round::before {
	border-color:#6680bb !important;
}
.wrap {
	width:100%;
	max-width:135rem;
	margin:auto;
}
@media (max-width: 135rem) {
	.wrap {
		padding:0 1rem;
	}
}


/*
@media all and (max-width: 1350px) {
	.section.wrap {
		padding-left:1rem  !important;
		padding-right:1rem  !important;
	}
}
*/






/* layout */
#header {
	position: relative;
	top:0;
	width: 100%;
	min-height:10rem;
	z-index: 6000;
}

#header:hover ,
#header.fixed {
	z-index: 7000;
}
#header #DZmoFold {
	display:none;
}

/* 최상단 메뉴 */
#header .topBar {
	position: relative;
	width:100%;
	height:4rem;
	z-index: 2;

	background-color:#3B3F4F;
	background-color:transparent;
    
}
#header.fixed .topBar {
	position: absolute;
	top:-5rem;
}
#header .topBar > .wrap {
	position: relative;
}
#header .topBar .SetLang {
	position: absolute;
	right:5rem;
	top:.5rem;
	cursor:pointer;

	overflow:hidden;
	font-size: 1.5rem;
	color: #222;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 1.75rem;

	width:15rem;
	height:3.5rem;

}
#header .topBar .SetLang:hover {
	height:auto;
	background-color:#fff;
}
BODY.MP #header:not(:hover) .topBar .SetLang {
	color:#eee;
	border: 1px solid rgba(255,255,255,.55);
	background-color:rgba(0,0,0,.15);
}

#header .topBar .SetLang .langTitle {
	position: relative;
	display: block;
	line-height: 3.5rem;
	padding: 0 3rem 0 3.5rem;
	background-size: 1.6rem;
	background-position: 1rem center;
	background-repeat:no-repeat;

	padding: 0 3rem;
}

/*
#header .topBar .SetLang .langTitle.ko-KR {
	background-image: url(/imgs/lan_korea.gif);
}
#header .topBar .SetLang .langTitle.en-US {
	background-image: url(/imgs/lan_eng.gif);
}
#header .topBar .SetLang .langTitle.ja-JP {
	background-image: url(/imgs/lan_japan.gif);
}
#header .topBar .SetLang .langTitle.zh-CN {
	background-image: url(/imgs/lan_china.gif);
}
*/
#header .topBar .SetLang .langTitle:after {
	position: absolute;
	right: 1rem;
	top: 1rem;
	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 0.3s;
}


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


	#header .topBar .SetLang {
		height:4rem;
		right:5.5rem;
		border-radius:2rem;

		color:#eee;
		border: 1px solid rgba(255,255,255,.55);
		background-color:rgba(0,0,0,.15);

	}
	#header .topBar .SetLang .langTitle {
		text-align: center;
		font-weight: 800;
		padding: 0 3rem 0 1.5rem;
	}
	#header .topBar .SetLang .langTitle:after {
		top:1.25rem;
	}
}

#header .topBar .SetLang > DL {
	display:none;
	opacity: 0;
}
#header .topBar .SetLang:hover > DL {
	display:block;
	opacity: 1;
	background-color:#fff;
	padding-bottom: 1rem;
	line-height:1.3;
}


#header .topBar .SetLang > DL DD BUTTON {
    display: block;
    color: #222;
    padding: 0.2rem 3rem;
    background-position: 1rem;
    background-repeat: no-repeat;
    transition: all 0.3s;
    width:100%;
    text-align:left;
    border-width: 0;
    background-color: transparent;

}
/*
#header .topBar .SetLang > DL DD.ja-JP BUTTON {
    background-image: url(/imgs/lan_japan.gif);
    background-size: 16px;
}
#header .topBar .SetLang > DL DD.en-US BUTTON {
    background-image: url(/imgs/lan_eng.gif);
    background-size: 15px;
}
#header .topBar .SetLang > DL DD.ko-KR BUTTON {
    background-image: url(/imgs/lan_korea.gif);
    background-size: 15px;
}
#header .topBar .SetLang > DL DD.zh-CN BUTTON {
    background-image: url(/imgs/lan_china.gif);
    background-size: 15px;
}
*/







#header .topBar .bar_search {
	position: absolute;
	right:0;
	top:1rem;
	cursor:pointer;
	
}

BODY.MP #header:not(:hover) .topBar .bar_search {
	color:#eee;
	line-height: 1;
}
/*
BODY #header:not(:hover) .topBar .bar_search {
	color:#eee;
	line-height: 1;
}
*/




/* 모바일 */
@media all and (max-width: 767px) {
	#header .topBar {
		top:-5rem;
		z-index:50;
	}
	HEADER #DZmoFold:checked ~ #header .topBar {
		z-index:1;
	}
	#header .topBar .SetLang {
		top: 6rem;
		width:auto;
	}
	#header .topBar .bar_search {
		top: 6.2rem;
		width:4.5rem;
		color:#eee;
		z-index:1;
		line-height: 1;

	}
	#DZsearchFold:checked ~ .topBar .bar_search {
		/* top:0; */
	}
}



/* 주 메뉴 */
#navigation {
	/*
	position: relative;
	*/
	position: absolute;
	width: 100%;
	min-height:10rem;
	overflow: hidden;


	display: flex;
	justify-content: center;

	border-bottom:1px solid #ddd;
	background-color:#fff;
}



#navigation #DZmoFold_bg {
	position: absolute;
	width: 100%;
	top: 10rem;
	border:0;
	border-top:1px solid #ddd;
}
#navigation > .navigation {
	height:100%;
	display: flex;
	align-content: center;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

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

	width: 38rem;
	height:10rem;
	margin: 0 auto;
	padding:0.5rem 0.10rem 0.5rem 0;



	font-size:3.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	/* transition: all ease .3s 0s; */
	/* transition: 0.5s; */
}
#navigation .logo IMG {
	height:55%;
	margin: auto;
	margin-left: 0;

	max-width:100%;
	max-height:100%;
	transition: all ease .5s 0s;
}
#navigation .logo SPAN {
	font-weight:600;
	letter-spacing: -0.1rem;
	line-height:1;

	font-weight: 800;
    font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Malgun Gothic', dotum, Sans-serif, AppleGothic;
    letter-spacing: 0;

    font-size: 2.8rem;
}
#navigation .logo IMG ~ SPAN {
	/* display:none; */
	display:flex;
	flex:1;

	padding-left: 1rem;
}



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

	display: flex;
    justify-content: flex-end;
}





#navigation NAV > UL {
	/*
	width:100%;
    width:80%;
	*/
    width:90%;
	height:100%;
	display: table;
}

#navigation NAV > UL > LI {
	width:auto;
	height:100%;
	text-align: center;
	display: table-cell;

    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: 33.3333% }
#navigation NAV > UL > LI:first-child:nth-last-child(4),
#navigation NAV > UL > LI:first-child:nth-last-child(4) ~ LI { width: 25%; }
#navigation NAV > UL > LI:first-child:nth-last-child(5),
#navigation NAV > UL > LI:first-child:nth-last-child(5) ~ LI { width: 20%; }
#navigation NAV > UL > LI:first-child:nth-last-child(6),
#navigation NAV > UL > LI:first-child:nth-last-child(6) ~ LI { width: 16.6666%; }
#navigation NAV > UL > LI:first-child:nth-last-child(7),
#navigation NAV > UL > LI:first-child:nth-last-child(7) ~ LI { width: 14.2857%; }
#navigation NAV > UL > LI:first-child:nth-last-child(8),
#navigation NAV > UL > LI:first-child:nth-last-child(8) ~ LI { width: 12.5%; }
#navigation NAV > UL > LI:first-child:nth-last-child(9),
#navigation NAV > UL > LI:first-child:nth-last-child(9) ~ LI { width: 11.1111%; }
#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 {
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}
#navigation NAV > UL > LI > A SPAN {
	position: relative;
	padding:1.5rem 0;
	font-size: 2.35rem;
	font-weight:500;
	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;
    background: #000;
	transition: all ease 0.5s 0s;
}
#navigation NAV > UL > LI > A SPAN::after {
	display:none;
}
#navigation NAV > UL > LI.active > A SPAN ,
#navigation NAV > UL > LI:hover > A SPAN {
	color:#6680bb;
    color:#000;
}
BODY.MP #navigation NAV > UL > LI.active > A SPAN {
	color:inherit;
}


#navigation NAV > UL > LI.active > A SPAN::after ,
#navigation NAV > UL > LI:hover > A SPAN::after {
	width: 100%;
	margin-left:-50%;
}



/* 서브메뉴 */
#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 > UL > li:last-child > UL {
	border-right-width:0;
}

#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;
	color: #444;
	text-align: center;
	text-decoration: none;
}
#navigation NAV > UL UL > LI.active A > SPAN  ,
#navigation NAV > UL UL > LI A:hover > SPAN  {
	font-weight: 500;
	color: #6680bb;
	border-bottom:2px solid #6680bb;

    color: #000;
	border-bottom:2px solid #000;   

}




#navigation:hover  NAV > UL UL {
	display:block;
}



/* PC */
@media all and (min-width: 767px) {
	#header.fixed {
		position: fixed;
		min-height:6.5rem;
	}
	#header.fixed #navigation {
		min-height:6.5rem;
	}
	#header.fixed #navigation #DZmoFold_bg {
		top:6.5rem;
	}
	#header.fixed #navigation .logo ,
	#header.fixed #navigation NAV > ul > li > a {
		height:6.5rem;
	}
	#header.fixed #navigation .logo {
		justify-content: center;
	}
	/*
	#header:not(.fixed) #navigation NAV > UL > LI > A SPAN {
		padding:2rem 0 0;
	}
	*/
	#header.fixed #navigation NAV > ul > li > a > span::after {
		bottom: 0;
	}
}



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


	#header {
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #6680bb;
		height: 6rem !important;
		min-height:6rem;
		line-height: 6rem;


		box-shadow: 0 2px 5px 2px rgba(0,0,0,.25);
	}

	#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 .logo {

		/* width: calc(100% - 12rem); */
		width:auto;
		height:100%;
		margin:auto;
		padding:0;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left:5rem;
	}

	#navigation .logo IMG {
		display:none;
	}

	#navigation .logo SPAN {
		display:block;
		font-size: 2rem;
		letter-spacing: -1px;
		color:#fff;
		text-shadow:-1px -1px 0 rgba(0,0,0,.35);
	}
	#navigation > .navigation {
		justify-content: flex-start;
	}
	#navigation NAV {
		position: fixed;
		bottom: 0;
		top: 6rem;
		left: -100%;
		width: 70%;
		height:100%;
		padding:0;
		background: #fff;
		overflow:auto;
		box-sizing: border-box;

		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;

	}
	#navigation:hover NAV > UL UL {
		display:none;
	}

	#navigation NAV > UL {
		overflow: auto;
		height: 100%;
		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;
		border-bottom: 1px solid #d5d5d5;
		background: #f0f2f5;

		justify-content: flex-start;
		/*
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		*/
	}
	#navigation NAV > UL > LI.active > A {
		background-color:#4a5569;
		color:#eee;
		border-color:#eee;
	}

	#navigation NAV > UL > LI > A::after {
		content: "";

		display: block;
		border-style: solid;
		border-color: initial;
		border-width: 0 0 1px 1px;
		/*
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		*/
		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;
		border-bottom: 1px solid #d5d5d5;
	}
	#navigation NAV > UL > LI > UL LI.active A {
		color:#6680bb;
		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 #6680bb;
        border-bottom:2px solid #000;
		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: #6680bb;
        background: #000;
		position: absolute;
		left:0;


	}


	/* 폴드메뉴 */
	#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: #fff;
		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;

	}



	HEADER #DZmoFold:checked ~ #navigation {
		width:70%;
		z-index:80;
		background-color:#393d4a;
	}


	HEADER #DZmoFold:checked ~ #navigation .logo {

		width: calc(100% - 6rem);
		margin:auto 0;
	}
	HEADER #DZmoFold:checked ~ #navigation .logo SPAN {
		font-size: 2rem;
	}
	HEADER #DZmoFold:checked ~ #navigation NAV {
		left:0;
		border-right: 1px solid #aaa;


	}
	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%;
	}

}










.DZSMART_CoverSlide .copy_txt {
	position: relative;
	z-index: 10;
	color:#fff;

	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;
}
.DZSMART_CoverSlide .copy_txt h2 {
	font-weight:500;
	font-size: 4rem;
	text-shadow:2px 2px rgba(0,0,0,.2);

}

#Section_Cover UL ~ .copy_txt {
	padding-top:18rem;
	padding-top:0;
	top: 0;
	width: 100%;
	position: absolute;

}



/*
BODY.MP #header {
	position: relative !important;
}
*/




/* 스킨 조정 - PC용 */
@media all and (min-width: 767px) {
	BODY.MP #header {
		position: absolute;
	}
	BODY.MP #header.fixed {
		position: fixed;
	}
	BODY.MP #header:not(.fixed) #navigation {
		border-bottom-color:transparent;
	}
	BODY.MP #header:not(.fixed):not(:hover) #navigation  {
		color:#fff;
		border-bottom-width:0;
		background-color:rgba(255,255,255,0);
		text-shadow: 0 0 3px rgba(0,0,0,.7);
	}
	BODY.MP #header.fixed ,
	BODY.MP #header:hover {
		background-color:rgba(255,255,255,1);
	}



	/* 2단헤더 */
	BODY.SkinHeader03 #header {
		position: absolute;
		height:18rem;
	}
	BODY.SkinHeader03 #header .topBar .SetLang {
		top:1rem;
		color: #222;
		background-color:rgba(0,0,0,0);
		border-color:rgba(0,0,0,.15);
	}
	BODY.MP.SkinHeader03 #header .topBar .SetLang {
		color: #eee;
		border: 1px solid rgba(255,255,255,.35);
		background-color:rgba(0,0,0,.25);
	}


	BODY.SkinHeader03 #header:hover .topBar .SetLang ,
	BODY.SkinHeader03 #header.fixed .topBar .SetLang {
		color: #222;
		background-color:rgba(0,0,0,0);
		border-color:rgba(0,0,0,.15);
	}



	BODY.SkinHeader03 #navigation {
		min-height:18rem;
		background-color:rgba(255,255,255,1);
		color:#222;
		text-shadow: none;
		border-bottom:1px solid #ddd;
	}

	BODY.MP.SkinHeader03 #header #navigation  {
		color:#fff;
		border-bottom-width:0;
		background-color:rgba(255,255,255,0);
		text-shadow: 0 0 1px rgba(0,0,0,.7);
	}


	BODY.SkinHeader03 #header.fixed #navigation ,
	BODY.SkinHeader03 #header:hover #navigation {
		background-color:rgba(255,255,255,1);
		color:#222;
		text-shadow: none;
		border-bottom:1px solid #ddd;
	}
	BODY.MP.SkinHeader03 #header.fixed #navigation ,
	BODY.MP.SkinHeader03 #header:hover #navigation {
		background-color:rgba(255,255,255,1);
	}


	BODY.SkinHeader03 #navigation #DZmoFold_bg {
		top: 18rem;
	}
	BODY.MP.SkinHeader03 #navigation #DZmoFold_bg {
		border-color:#ccc;
	}

	BODY.SkinHeader03 #navigation > .navigation {
		flex-direction: column;
	}



	/* 로고 */
	BODY.SkinHeader03 #navigation .logo {
		width: auto;
		height:11rem;
		padding:1.8rem 0;
		transition:none;
	}
	BODY.SkinHeader03 #navigation .logo IMG {
		margin: auto;
	}
	BODY.SkinHeader03 #navigation .logo SPAN {
		display:inline-block;
		padding-top: 2rem;
		padding-right: 1rem;
	}


	/* 메뉴 */
	BODY.SkinHeader03 #navigation NAV {
		width: 100%;
	}
	BODY.SkinHeader03 #navigation NAV > UL > LI > A {
		height: 7rem;
	}
	BODY.SkinHeader03 #header:not(.fixed) #navigation NAV > UL > LI > A SPAN {
		padding:0;
	}
	BODY.MP.SkinHeader03 #navigation NAV > UL UL {
		border-color:#ccc;
	}

	BODY.SkinHeader03 #header.fixed {
		position: fixed;
		/* height:18rem; */
		height:auto;
		/*
		top:-7rem;
		*/
	}
	BODY.SkinHeader03 #header.fixed #navigation {
		min-height:7rem;
		background-color:rgba(255,255,255,1);
	}
	BODY.SkinHeader03 #header.fixed #navigation #DZmoFold_bg {
		top:14rem;
		top:7rem;

	}

	BODY.SkinHeader03 #header.fixed #navigation .logo ,
	BODY.SkinHeader03 #header.fixed #navigation NAV > ul > li > a {
		height:7rem;
	}


	BODY.SkinHeader03 #header.fixed #navigation .logo {
		display:none;
	}

}








/******************************************************/
/* 컬러조정 - 녹색 */
/*
#navigation NAV > UL > LI.active > A SPAN,
#navigation NAV > UL > LI:hover > A SPAN {
	color:#6e9541;
}
#navigation NAV > UL UL > LI.active A > SPAN,
#navigation NAV > UL UL > LI A:hover > SPAN {
	color:#6e9541;
	border-bottom-color:#6e9541;
}
*/




/* 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;
	color: #989a9e;


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


/* 푸터로고 */
FOOTER IMG.logo {
	width: 18rem;
	padding:0 2rem;
	-webkit-filter: saturate(0) invert(100%);
	filter: saturate(0) invert(100%);
}


/* 푸터구역 */
FOOTER .foot_wrap {
	position: relative;
	padding:0;
	width: 100%;
}
FOOTER .logo + .foot_wrap {
	width: 78%;
}
/* 푸터메뉴 */
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;}





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



	FOOTER .logo {
		display:none;
	}
	FOOTER .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;
	}
}

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





#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_Cover {
	height: 25rem;
}
#Section_Cover::after {
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	background: transparent;
	/* background: linear-gradient(90deg, rgba(0,0,0,.175) 1px, transparent 1.75%) center, linear-gradient(rgba(0,0,0,.175) 1px, transparent 1.75%) center, transparent; */
	background: linear-gradient(90deg, rgba(0,0,0,.075) 1px, transparent 0.75%) center, linear-gradient(rgba(0,0,0,0.075) 1px, transparent 0.75%) center, transparent;
	background-size: 2px 2px;
}
HEADER.fixed ~ #Section_Cover {
	margin-top: 10rem;
}
#Section_Cover .swiper-slide {
	background-image:none;
	background-color:#6680bb;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* 모바일 */
@media all and (max-width: 767px) {
	#Section_Cover {
		display:none;
	}
}




#Section_NavLine {
	position: relative;
	width:100%;
	border:1px solid #ccc;
	border-left:0; border-right:0;
	background-color: #fff;
	height: 6rem;
	z-index: 1000;
}
#Section_Cover ~ #Section_NavLine {
	position: relative;
	top:0;
}


/* PC */
@media all and (min-width: 767px) {
	#header.fixed ~  #Section_NavLine.fixed {
		position: fixed;
		top: 6.5rem;
		box-shadow:0 0 1rem 0 rgba(0,0,0,.25);
	}
}
/* 모바일 */
@media all and (max-width: 767px) {
	#Section_Cover ~ #Section_NavLine {
		top:6rem;
	}
}

#Section_NavLine > .nav {
	height:100%;
	border-left:1px solid #ccc;
}
#Section_NavLine > .nav::after {
	content:'';
	display:block;
	clear:both;
}
#Section_NavLine > .nav > DIV.nav_icon_home {
	float:left;
	width:6rem;
	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:2rem;

	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% + 0.2rem);
	top:5.8rem;
	left:-0.1rem;
	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:#6680bb;
}
#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:#6680bb;
	color:#fff;
}


/* 모바일 */
@media all and (max-width: 767px) {
	#Section_NavLine {
		position:fixed;
		top: 6rem;
		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 ) - (6rem/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 ) - (6rem/3));
	}

}




/* 2단헤더 사용시 */
BODY.SkinHeader03 #Section_Cover {
	height: 23rem;
	margin-top: 22rem;
	margin-top: 18rem;
}
BODY.SkinHeader03 #Section_NavLine {
	top: 18rem;
}


@media all and (min-width: 767px) {
	BODY.SkinHeader03 #header.fixed ~ #Section_NavLine.fixed {
		box-shadow:0 0 1rem 0 rgba(0,0,0,.25);
		position: fixed;
		top: 7rem;
	}
}


/* 2단헤더 fixed 사용시 */
BODY.MP #Section_Cover {
	height: 45rem;
	margin-top: 0;
}
BODY.MP #Section_Cover .copy_txt {
	padding-top:5rem;
}


/* 2단헤더 사용시 */
BODY.MP.SkinHeader03 #Section_Cover {
	margin-top: 0;
}
BODY.MP.SkinHeader03 #Section_Cover .copy_txt {
	padding-top:15rem;
}
















SECTION.section {
	padding: 10rem 0;
	margin:auto;
}
/* PC 전용 */
@media all and (min-width: 767px) {

	/* 네비 고정시 섹션 마진 */
	#Section_NavLine.fixed + SECTION.section {
		margin-top: 6rem;
	}
}

/* PC 1200 이하*/
@media all and (min-width: 767px) and (max-width: 1240px) {
	SECTION.section {
		padding: 10rem 3rem;
	}
}
/* 모바일 전용 */
@media all and (max-width: 767px) {

	/* 네비 고정시 섹션 마진 */
	SECTION.section {

		position: relative;
		top: 6rem;

		margin:0;
		margin-bottom:12rem;
		padding:5rem 0;

	}
}
















/* ******************************** */
/* 메인페이지 스타일 */
._MainPage_ .CoverFrame {
	position:relative;
	width:100%;
	height:70vh;
	min-height:35rem;
}
._MainPage_:not(.MP) #header.fixed ~ .CoverFrame:first-of-type {
	margin-top:10rem;
}

._MainPage_.SkinHeader03:not(.MP) .CoverFrame:first-of-type ,
._MainPage_.SkinHeader03:not(.MP) #header.fixed ~ .CoverFrame:first-of-type {
	margin-top:18rem;
	height:60vh;
}
._MainPage_ .CoverFrame > .DZSMART_CoverSlide {
	position:relative;
	height:100%;
}
._MainPage_ .CoverFrame > .DZSMART_CoverSlide .swiper-slide {
	background-attachment: fixed;
}
._MainPage_ .CoverFrame > .DZSMART_CoverSlide .swiper-slide::before {
	content:'';
	/* background:rgba(0,0,0,.3); */
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}
._MainPage_ .CoverFrame > .DZSMART_CoverSlide .swiper-slide > * {
	z-index: 1;
}








/* ******************************** */
/* 서브페이지 스타일 */
SECTION .PageTitle {
	font-size:3.8rem;
	text-align:center;
	padding-bottom:10rem;
}
SECTION .PageTitle > SMALL {
	display:block;
	font-size:60%;
	color:#aaa;
}


ARTICLE P {
	line-height:170%;
}
ARTICLE  .SubTitle {
	margin-top: 10rem;
}



/* 박현수 */
SECTION .PageTitle > SMALL {
    color:#757575 !important;
}
.PageTabsMenu>UL a:active, .PageTabsMenu>UL a:link, .PageTabsMenu>UL a:visited, .grayaaa, UL.xTabsMenuEdge a:active, UL.xTabsMenuEdge a:link, UL.xTabsMenuEdge a:visited, a.grayaaa:active, a.grayaaa:hover, a.grayaaa:link, a.grayaaa:visited {
    color:#666666 !important;
}
.txt-gray{
     color:#757575 !important;
}
.txt_remark{
    color: #757575 !important;
}
.tit_yccs > small {
    color: #757575 !important;
}
.txt-red{
    color: #ca4b37 !important;
}
.txt-blue{
    color: #4076be !important;
}
.bg-dark{
    color: #a6acbf !important;
}









/* 커스텀 */
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.GmarketSansMedium {
	font-family: 'GmarketSansMedium';
}



BODY {
	font-size:1.8rem;
}

A[target=_blank]::after ,
A.out-link::after {
	content: "\e980";
	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;
	margin-left: 0.5rem;
	opacity: .55;
}



/*
BODY #navigation .logo > IMG {
	display:block;
}
BODY #header.fixed #navigation .logo > IMG ,
BODY #navigation:hover .logo > IMG {
	display:none;
}
BODY #header.fixed #navigation .logo > IMG ~ IMG ,
BODY #navigation:hover .logo > IMG ~ IMG {
    display:block;
}
*/
h1, h2, h3, h4, h5 {
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;

}
:lang(ko) h1,
:lang(ko) h2,
:lang(ko) h3.tit {
	font-family: 'GmarketSansMedium', 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;

}
#navigation NAV {
	flex-wrap: wrap;
	font-family: 'GmarketSansMedium';
}
#navigation NAV .membArea {
	display:none;
	width:100%;
	border: 3px solid #6680b8;
	padding: 0;
	line-height: 4.5rem;

	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
}
@media (min-width: 767px) {
	#header {
		min-height:14rem;
	}

	BODY #header.fixed #navigation .logo {
		height: 6rem;
		/* padding: 1.75rem 0 0.75rem; */
		padding: 1rem 0;
	}
	BODY #header.fixed #navigation .logo IMG {
		margin: auto;
		height:100%;
	}
	/*
	#header #navigation .logo IMG + IMG {
		display:none;
	}
	*/



	BODY.MP #header .topBar {
		background-color: rgba(0,0,0,.15);
		background-color: transparent;
	}
	/*
	BODY.MP #header #navigation .logo IMG {
		display:none;
	}
	BODY.MP #header #navigation .logo IMG + IMG {
		display:block;
	}
	BODY.MP #header #navigation:hover .logo > IMG ,
	BODY.MP #header.fixed #navigation .logo > IMG  {
	    display:block;
	}

	BODY.MP #header #navigation:hover .logo > IMG + IMG ,
	BODY.MP #header.fixed #navigation .logo > IMG + IMG  {
	    display:none;
	}
	*/

}

@media (max-width: 767px) {
	#navigation NAV .membArea {
		display:flex;
	}

	#header #navigation NAV > UL {
		width:100%;
	}
	#navigation .logo img + img {
		display: block;
		margin: auto;
		height: 60%;
	}
}












/*

#header .topBar {
	background-color:#1c263f;
	background-color:#69972d;
}

#navigation {
	min-height:12rem;
}
#navigation #DZmoFold_bg {
	top:12rem;
}
#navigation .logo {
	height:12rem;
}}
#navigation NAV {
	min-height:12rem;
}
#navigation NAV > UL > LI > A {
	height:12rem;
}



#navigation NAV > UL UL A {
    text-align: center;
    padding-left: 2rem;
    height: 3.2rem;
    line-height: 3.2rem;

}


.topBar .wrap {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.topBar .lside {
	height:100%;
	display:flex;
	align-items: center;
	justify-content: flex-start;
	border-left:1px solid #000;
	border-right:1px solid #333;

}
.topBar .lside > LI {
	height:100%;
	border-right:1px solid #000;
	border-left:1px solid #333;
	display:flex;
	align-items: center;
	justify-content: flex-start;
}
.topBar .lside A {
	color:#ddd;
	display:inline-block;
	padding:0 2rem;
}
.topBar .rside {
}

.topBar .goog-te-gadget {
	color:#fff;
}
.topBar .goog-te-gadget-simple SPAN {
	color:#ddd !important;
	border-color: transparent !important;
}
.topBar .goog-te-gadget-simple {
	background-color: transparent;
	border: 0;
}
*/
#header .topBar > .wrap {
	height:100%;
}
.yccsbar {
	width:100%;
	height:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.topBar .rside {
	display:flex;
	align-items: center;
	font-family: 'Noto Sans KR','Malgun Gothic',dotum,Sans-serif,AppleGothic;
}
.topBar .rside A {
	color:#ddd;
	font-size:1.5rem;
	margin-left:2.5rem;
}
.topBar .rside A:hover {
	color:#fff;
}
BODY.MP #header:hover .topBar .rside A {
	color:#666;
}


.topBar .rside A > i {
	font-size:2rem;
	margin-right: 0.5rem;
	vertical-align: middle;
	margin-top: -0.3rem;
}




:lang(en) #navigation NAV > UL ,
:lang(id) #navigation NAV > UL ,
:lang(ru) #navigation NAV > UL {
	width:100%;
}
:lang(en) #navigation NAV > UL > LI > A SPAN ,
:lang(id) #navigation NAV > UL > LI > A SPAN ,
:lang(ru) #navigation NAV > UL > LI > A SPAN {
	font-size:2rem;
	letter-spacing: -1px;
}
:lang(en) #navigation NAV > UL UL A ,
:lang(id) #navigation NAV > UL UL A ,
:lang(ru) #navigation NAV > UL UL A {
	font-size:1.5rem;
}