.body01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 13pt;
	color: #000000;
	border-top: 1px none #990000;
	border-right: 1px none #990000;
	border-bottom: 1px none #990000;
	border-left: 1px none #990000;
}

.select {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 8pt;
	line-height: 15pt;
	color: #FFFFFF;
	BACKGROUND-COLOR: #939393; 
}
.top_select {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 15pt;
	color: #333333;
	BACKGROUND-COLOR: #FFFFFF; 
}
.id {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 18px;
	color: #FFFFFF;
}
.bottom01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 18px;
	color: #FFFFFF;
}
.position01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 14pt;
	color: #666666;
}
.recommendation01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 14px;
	color: #F1F1F1;
}
.search01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 14pt;
	color: #F1F1F1;
}
.queen01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 14px;
	color: #666666;
}
.top_menu01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 16pt;
	color: #666666;
}
.notice01 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 9pt;
	line-height: 14pt;
	color: #666666;
}
.input {
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	FONT-FAMILY: "맑은고딕","Maluen Gothic","굴림"; 
	FONT-SIZE: 12px
}
.board_input {
	BACKGROUND-COLOR: #F3F3F3; 
	BORDER-BOTTOM: #F3F3F3 1px solid; 
	BORDER-LEFT: #F3F3F3 1px solid; 
	BORDER-RIGHT: #F3F3F3 1px solid; 
	BORDER-TOP: #F3F3F3 1px solid; 
	COLOR: black; 
	FONT-FAMILY: "맑은고딕","Maluen Gothic","굴림", "Times New Roman"; 
	FONT-SIZE: 12px
}
.content_input {
	BACKGROUND-COLOR: #FFFFFF; 
	BORDER-BOTTOM: #FFFFFF 1px solid; 
	BORDER-LEFT: #FFFFFF 1px solid; 
	BORDER-RIGHT: #FFFFFF 1px solid; 
	BORDER-TOP: #FFFFFF 1px solid; 
	COLOR: black; 
	FONT-FAMILY: "맑은고딕","Maluen Gothic","굴림", "Times New Roman"; 
	FONT-SIZE: 12px
}

a.position02:link { font-size: 9pt; text-decoration : none; line-height: 14pt; color:#666666; font-family:"맑은고딕","Maluen Gothic","굴림";}
a.position02:visited { font-size: 9pt; text-decoration: none; line-height: 14pt; color:#666666; font-family:"맑은고딕","Maluen Gothic","굴림";}
a.position02:hover { font-size: 9pt; text-decoration: none; line-height: 14pt; color:#5280E6; font-family:"맑은고딕","Maluen Gothic","굴림";}

a:link {font:9pt "맑은고딕","Maluen Gothic","굴림"; COLOR: 'black'; text-decoration: none; line-height: 14pt;}
a:active {font:9pt "맑은고딕","Maluen Gothic","굴림"; COLOR: 'black'; text-decoration: none; line-height: 14pt;}
a:visited {font:9pt "맑은고딕","Maluen Gothic","굴림"; COLOR: 'black'; text-decoration: none; line-height: 14pt}
a:hover {font:9pt "맑은고딕","Maluen Gothic","굴림"; COLOR: 'darkgray'; text-decoration: underline; line-height: 14pt}

a.id:link { font-size: 9pt; text-decoration : none; line-height: 14pt; color:#000000; font-family:"맑은고딕","Maluen Gothic","굴림";}
a.id:visited { font-size: 9pt; text-decoration: none; line-height: 14pt; color:#000000; font-family:"맑은고딕","Maluen Gothic","굴림";}
a.id:hover { font-size: 9pt; text-decoration: none; line-height: 14pt; color:#999999; font-family:"맑은고딕","Maluen Gothic","굴림";}

a.notice02:link { font-size: 9pt; text-decoration : none; line-height: 14pt; color:#FF0000; font-family:"맑은고딕","Maluen Gothic","굴림";}
a.notice02:visited { font-size: 9pt; text-decoration: none; line-height: 14pt; color:#FF0000; font-family:"맑은고딕","Maluen Gothic","굴림";}
a.notice02:hover { font-size: 9pt; text-decoration: none; line-height: 14pt; color:#0036FF; font-family:"맑은고딕","Maluen Gothic","굴림";}

.id_find { font-size: 12px; color: #000000; }
.body {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 12px;
	color: #333333;
	background-color: #F7F4E1;
}
.unnamed1 {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 12px;
	line-height: 22px;
}
.bodyCopy {
	font-family: "맑은고딕","Maluen Gothic","굴림";
	font-size: 12px;
	color: #333333;
	background-color: #FCFBF3;
}
.unnamed2 {
	font-family: "mingLiU";
	font-size: 14px;
}
.A {
	font-family: "-가시나무M";
	font-size: 15px;
	color: #666666;
}

.special_input {
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	BORDER-BOTTOM: #DEDCDC 1px solid;
	PADDING-TOP: 2px;
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 2px;
	FONT-SIZE: 9pt;
	FONT-FAMILY: "맑은고딕","Maluen Gothic","굴림";
		color:#626262;
		background-color : #FFFFFF
}

/* GNB */
.shlHeader .headBar { height: 67px; background-image: linear-gradient(to bottom, #5e8ea0, #295c6c); padding:0 20px; }
.shlHeader .headLogo { float:left; }
.shlHeader .headLogo > img { width:150px; margin-top:13px; filter: drop-shadow(0 0 3px #FFF) drop-shadow(0 0 3px #FFF); }
.shlHeader .headLogoText { float:left; margin:30px 0 0 24px; }
.shlHeader .headLogoText > span:first-child { font-size:23px; color: #FFF; font-family:Oswald, serif; font-weight:500; }
.shlHeader .headLogoText > span:last-child { font-size:16px; color: #c3fbff; font-family:Oswald, serif; }
.shlHeader .headSlogan { float:right; text-align: right; margin-top: 15px; }
.shlHeader .headSlogan > span:first-child { font-size:11px; color: #FFF; font-weight:lighter; }
.shlHeader .headSlogan > span:last-child { font-size:23px; color: #FFF; font-weight:normal; }
.shlHeader .headBottom { background-color:#000; color:#7a9ea1; font-weight: bolder; font-size: 12px; padding: 3px 0 4px 22px; }

.shlHeader2 .headBar { height: 58px; background-image: linear-gradient(to bottom, #ffffff, #f0f0f0); padding:0 20px; }
.shlHeader2 .headLogo { float:left; }
.shlHeader2 .headLogo > img { width:108px; margin-top:14px; }
.shlHeader2 .headLogoText { float:left; margin:19px 0 0 24px; }
.shlHeader2 .headLogoText > span:first-child { font-size:23px; color: #272727; font-family:Oswald, serif; font-weight:500; }
.shlHeader2 .headLogoText > span:last-child { font-size:16px; color: #db7c7c; font-family:Oswald, serif; }
.shlHeader2 .headSlogan { float:right; text-align: right; margin-top: 8px; }
.shlHeader2 .headSlogan > span:first-child { font-size:11px; color: #dd8282; font-weight:normal; line-height: 9px; }
.shlHeader2 .headSlogan > span:last-child { font-size:23px; color: #525252; font-weight:bold; }
.shlHeader2 .headBottom { height: 3px; background-color:#000;}

/* FNB */
.shlFooter { position: fixed; bottom: 0; width:100%; height: 57px; background-color:black;}
.shlFooter .footerLogo { width: 150px; height: 57px; float:left;}
.shlFooter .footerLogo > img { margin: 11px 0 0 30px; width: 120px; filter: drop-shadow(0 0 1px #FFF) drop-shadow(-0 -0 1px #FFF); }
.shlFooter .footerText { float:left; margin: 11px 0 0 20px; }
.shlFooter .footerText > span { font-size:11px; font-weight: lighter; color:white; line-height: 16px; }

.shlFooter2 { position: fixed; bottom: 0; width:100%; height: 57px; background-color:#FAFAFA; border-top: #000000 2px solid;}
.shlFooter2 .footerLogo { width: 150px; height: 57px; float:left;}
.shlFooter2 .footerLogo > img { margin: 11px 0 0 17px; width: 120px; filter: grayscale(1) brightness(1.5) contrast(0.7); }
.shlFooter2 .footerText { float:left; margin: 11px 0 0 20px; }
.shlFooter2 .footerText > span { font-size:11px; font-weight: normal; color:#272727; line-height: 16px; }

/* LOGIN */
.loginBody { width:700px; height:265px; margin:100px auto; background-color:#DEDADA; border-radius: 20px; }
.loginBody .leftSide { width:250px; float: left; padding-left:30px; margin:30px 0; border-right:#C4C4C4 1px solid; }
.loginBody .leftSide > div > span:first-child { font-size:40px; color:#777; font-weight:bold; }
.loginBody .leftSide > div > span:last-child { font-size:20px; color:#888; font-weight:bold; }
.loginBody .leftSide > div:last-child { margin-top:40px; }
.loginBody .rightSide { width:400px; float: right; margin-top:30px; padding: 20px 0; }
.loginBody .rightSide > table td:first-child { font-size:12px; font-weight:bold; }
.loginBody .rightSide .contactInfo { margin: 30px 30px 0 0; border-top: #C4C4C4 1px solid; padding: 64px 5px 0 160px; font-size: 14px; font-weight: bold; color:#333; text-align: right;}

@media (max-width: 640px) {
	.shlHeader2 .headSlogan { display: none; }
}

@media (max-width: 480px) {
	.shlHeader2 .headLogoText { display: none; }
}