@charset "UTF-8";

#header { position: relative; /*height: 108px;*/height:68px; z-index: 2;  font-family: 'Malgun Gothic', '맑은 고딕', 'Myriad Pro', Arial, 'Sans Serif'; }
#header div.top_wrap { position: relative; height: 40px; background: #f1f1f1; z-index: 2; }
#header div.top_inner { position: relative; margin: 0 auto;  height: 40px; }
#header h1 {
	position: absolute;
	left: 0;
	top: 5px;
	z-index: 20;
}
#header ul.utilmenu { position: absolute; right: 79px; top: 11px; }
#header ul.utilmenu li { float: left; padding-left: 11px; margin-left: 10px; background: url('http://imagesisa.ybmsisa.com/platform/www_ybmecc_com/common/util_line.jpg') 0 6px no-repeat; }
#header ul.utilmenu li:first-child { padding-left: 0; margin-left: 0; background: none; }
#header ul.utilmenu li a { font-size: 13px; color: #777; }
/*#header a.myecc { position: absolute; right: 0; top: 9px; display: block; width: 65px; height: 22px; line-height: 22px; background: url('http://imagesisa.ybmsisa.com/platform/www_ybmecc_com/common/myecc_bg.png') 0 0 no-repeat; font-size: 12px; color: #fff; text-align: center; letter-spacing: 0; font-weight:bold }*/
#header .myecc_menu { position: absolute; right: -40px; top: 40px; background-color: #fff; border: 1px solid #b8b8b8; padding: 10px; width: 120px; display: none; }
#header .myecc_menu li a { letter-spacing: 0; border-bottom: 1px dashed #ddd; padding: 10px 0; display: block; background: url('http://imagesisa.ybmsisa.com/platform/www_ybmecc_com/common/fam_arrow.png') 110px 12px no-repeat; font-size:14px }
#header .myecc_menu li:first-child a { padding-top: 0; background-position: 110px 5px }
#header .myecc_menu li:last-child a { border-bottom: none; padding-bottom: 7px }
#header .myecc_menu p a { display: block; letter-spacing: -0.5px; color:#0087f9/* #ff9800;*/ font-weight: bold; padding: 0px 10px 10px 0px; margin: 0 0 10px 0; border-bottom: 1px dashed #ddd; background: url('http://imagesisa.ybmsisa.com/platform/www_ybmecc_com/common/fam_arrow.png') 110px 3px no-repeat; font-size:14px }
#header div.gnb_wrap { position: relative; height: 68px; z-index: 1; }
#header div.gnb_inner {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 68px;
}
#gnb {
	position: absolute;
	left: 0px;
	top: 25px;
	width: 770px;
	height: 42px;
	padding-left:160px;
}
#gnb li {
	float: left;
	margin-left: 60px;

}
#gnb li:first-child { margin-left: 0; }
#gnb li a {  font-size: 16px; color: #333; letter-spacing: -0.7px;

	font-family: /*'Noto Sans KR', "나눔고딕", "Nanum Gothic",*/ 'MalgunGothic', "맑은 고딕", AppleGothic, AppleGothicRegular, "돋움", Arial,sans-serif;

}
#gnb li a span {
	display: block;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 23px;
	padding-left: 20px;
}
#gnb li a.on span { border-bottom: 3px solid /*#ff9800*/ #0087f9;/*2018-0510  변경될 컬러 #ae5527*/ }
#header div.gnb_wrap a.ivykids { position: absolute; right: 0; top: 17px; }
#header div.sub_wrap { position: absolute; left: 0; top: /*108px;*/ 68px; width: 100%;
	background: #ffffff; display: none;
	border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;
	border-right:1px solid #ddd;  border-left:1px solid #ddd;}
#header div.sub_inner { margin-left: 130px; padding: 20px 0 20px 30px; width: 770px;}
#header ul.submenu { width: 770px; /*background-color:#099; 여기가 서브 메뉴                     */  }
#header ul.submenu:after { content: ""; display: block; clear: both; }
#header ul.submenu > li { float: left; }
#header ul.submenu > li.li1 { width: 175px;  }
#header ul.submenu > li.li2 { width: 140px; }
#header ul.submenu > li.li3 { width: 180px; }
#header ul.submenu > li.li4 { width: 170px; }
#header ul.submenu ul li { margin-top: 19px; }
#header ul.submenu ul li:first-child { margin-top: 0; }
#header ul.submenu ul a { color: #444; }
#header ul.submenu ul a:hover { color: /*#ff9800*/#0087f9; /*2018-0510  변경될 컬러 #ae5527*/ }



.color_1 {color:#ff9800 !important}
.color_2 {color:#222 !important}



/*#header a.mypage { position: absolute; right: 0; top: 9px; display: block; width: 65px; height: 22px; line-height: 22px; background: url('http://imagesisa.ybmsisa.com/platform/www_ybmecc_com/common/myecc_bg.png') 0 0 no-repeat; font-size: 12px; color: #fff; text-align: center; letter-spacing: 0; font-weight: bold }
#gnb2 { position: absolute; left: 300px; top: 25px; width: 782px; height: 42px; }
#gnb2 li { float: left; margin-left: 105px; }
#gnb2 li:first-child { margin-left: 0; }
#gnb2 li a { font-family: 'nsd'; font-size: 17.5px; color: #333; letter-spacing: -0.8px; }
#gnb2 li a span { display: block; padding: 0 10px 24px; }
#gnb2 li a.on span { border-bottom: 2px solid #ff9800; }
/*#header div.sub_inner2 { margin: 0 auto; padding: 20px 0 30px; width: 777px; padding-left: 300px; }*/
#header ul.submenu2 { width: 680px; }
#header ul.submenu2:after { content: ""; display: block; clear: both; }
#header ul.submenu2 > li { float: left; }
#header ul.submenu2 > li.li1 { width: 190px; }
#header ul.submenu2 > li.li2 { width: 185px; }
#header ul.submenu2 > li.li3 { width: 235px; }
#header ul.submenu2 ul li { margin-top: 20px; }
#header ul.submenu2 ul li:first-child { margin-top: 0; }
#header ul.submenu2 ul a { color: #666; font-size:13px; }
#header ul.submenu2 ul a:hover { color: #ff9800; font-weight: bold }

.hid { position: absolute; left: -9999px; font-size: 0; width: 0; height: 0; text-indent: -9999px; overflow: hidden; }
/* CSS Document */

/* 끝 CSS */
@font-face { font-family: 'Noto Sans'; src: url(/web_resources/homepage_common/font/NotoSans-Regular.eot) }
@font-face { font-family: 'Noto Sans'; src: url(/web_resources/homepage_common/font/NotoSans-Regular.woff) }
@font-face { font-family: 'nsd'; src: url(/web_resources/homepage_common/font/NotoSans-DemiLight.eot) }
@font-face { font-family: 'nsd'; src: url(/web_resources/homepage_common/font/NotoSans-DemiLight.woff) }
@font-face { font-family: 'nsm'; src: url(/web_resources/homepage_common/font/NotoSans-Medium.eot) }
@font-face { font-family: 'nsm'; src: url(/web_resources/homepage_common/font/NotoSans-Medium.woff) }
@font-face { font-family: 'nsl'; src: url(/web_resources/homepage_common/font/NotoSans-Light.eot) }
@font-face { font-family: 'nsl'; src: url(/web_resources/homepage_common/font/NotoSans-Light.woff) }