/*노토산스폰트적용*/

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Light.otf');
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Light.woff2') format('woff2'),
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Light.woff') format('woff');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Regular.otf');
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Regular.woff2') format('woff2'),
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Regular.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Medium.otf');
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Medium.woff2') format('woff2'),
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Medium.woff') format('woff');
}
 
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: bold;
	src: url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Bold.otf');
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Bold.woff2') format('woff2'),
		 url('/template/PLUGIN_jiib/program/images/webfont/NotoSansKR-Bold.woff') format('woff');
}

/*1depth 글자스타일*/
.ABA-gnb li a.GNB-a, .AB-menu-sub a { color:#fff; font-size:17px; letter-spacing:-0.5px; text-align:center;font-family: 'Noto Sans KR'; font-weight: 400;}	 
.ABA-gnb li a.GNB-a:hover, .AB-menu-sub td a:hover, .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff;}
.AB-menu-sub a { display:block; }

/* GNB 1depth 높이 */
.ABA-bggnb-left, .ABA-bggnb-center, .ABA-bggnb-right { height:50px; }	/* GNB 1depth 영역의 높이 */
.ABA-gnb li a.GNB-a, .AB-menu-sub a { line-height:50px; }	/* GNB 1depth 글자의 높이 */

/*2depth*/
.ABA-gnb-sub-1 { top:50px; *top:50px; }	/* GNB 2depth 위치 */
.ABA-gnb-sub-1 { background-color:#fff; border:1px solid #e3e3e3; border-top:0; }	 /*2depth 위치*/
.ABA-gnb-sub-1 li a {font-family: 'Noto Sans KR'; color:#777; font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:38px; text-decoration:none; display:block; padding:0 10px; position:relative; }	/* 2depth 글자스타일, 높이*/
.ABA-gnb-sub-1 li a:hover { color:#333; text-decoration:underline; }	 /* 2depth 오버상태 */
.ABA-gnb-sub-1 li.AB-current-gnb-sub a { color:#333; font-weight:bold; }	/* 2depth 선택된 상태 */
.ABA-gnb-sub-1 li.AB-child a { padding-right:24px; }
.ABA-gnb-sub-1 li.AB-child a span.AB-rleft { background:url("exist_child.png") 0 0 no-repeat; width:3px; height:6px; top:17px; right:10px; }	/* 우측 아이콘*/

/*3depth*/
.ABA-gnb-sub-2 { top:38px; }	/* GNB 3depth 위치 */
.ABA-gnb-sub-2 { background:#fff; border:1px solid #e3e3e3; width:140px; _width:140px; margin-left:-1px; _overflow:hidden; z-index:1 }
.ABA-gnb-sub-1 .ABA-gnb-sub-2 ul { background:none; margin:0; }
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li { background:none; padding:0; min-width:120px; _width:120px; }
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li a { color:#777; font-size:12px; line-height:18px; text-align:left; font-weight:normal; white-space:normal; border-bottom:1px solid #eee; padding:13px; }	/* 3depth 글자스타일, 높이*/
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li a:hover { color:#333; background-color:#eee; text-decoration:none; }	 /*3depth 오버시*/
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#666; font-weight:bold; }	 /*3depth가 선택된상태*/
.ABA-gnb-sub-1 .ABA-gnb-sub-2 li.AB-last a { border-bottom:0; }

/* GNB-h */
/*.GNB-h .ABA-gnb-sub-1-ul { height:31px; }GNB sub(2depth)의 높이*/

/* GNB-v */
.GNB-v .ABA-bggnb-center, .GNB-v .ABA-bggnb-left, .GNB-v .ABA-bggnb-right { height:50px; }	/* GNB-v형 1depth 높이 */
.GNB-v .ABA-gnb-sub-1 { }	/* GNB-v형 2depth 위치 */
.GNB-v .ABA-gnb-sub-1 { top:50px; height:auto; min-width:140px; _width:140px; background-color:#fff; border:none; max-width:204px!important;}
.GNB-v .ABA-gnb-sub-1 ul { background:none; margin:0; height:default; border:1px solid #e3e3e3; border-top:none; }
.GNB-v .ABA-gnb-sub-1 li { background:none; }
.GNB-v .ABA-gnb-sub-1 li a { color:#777; font-size:14px; font-weight:normal; line-height:18px; text-decoration:none; text-align:left; border-bottom:1px solid #eee; padding:13px; }	 /*2depth 글자스타일*/
.GNB-v .ABA-gnb-sub-1 li a:hover { color:#333; background-color:#f4f4f4; text-decoration:none; }	 /* 2depth 오버상태 */
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub a { color:#666; font-weight:bold; }	/* 2depth 선택된 상태 */
.GNB-v .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { width:3px; height:6px; top:19px; right:10px; }		/* 우측 아이콘*/
.GNB-v .ABA-gnb-sub-1 li.AB-last a { border-bottom:0; }
.GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 { border-width:1px; width:140px; _width:140px; }
.GNB-v .ABA-gnb-sub-1 .ABA-gnb-sub-2 li a { border-bottom:1px solid #eee; padding:10px; margin:0px; }
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 a { color:#777; font-weight:normal; }
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 a:hover { color:#000; }	 /* 3depth 오버상태 */
.GNB-v .ABA-gnb-sub-1 li.AB-current-gnb-sub .ABA-gnb-sub-2 li.AB-current-gnb-sub a { color:#666; font-weight:bold; }	/* 3depth 선택된 상태 */

/* GNB-w */
.AB-wide-gnb-sub { background-color:#fff; border-bottom:1px solid #ccc; width:100%; left:0; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 { background:none; border:0; height:200px; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a { color:#777; font-size:12px; line-height:18px; text-decoration:none; text-align:left; padding:7px 13px; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 li a:hover { color:#000; }
.AB-wide-gnb-sub .ABA-gnb-sub-1 li.AB-child a span.AB-rleft { width:3px; height:6px; top:14px; right:10px; }	/* 우측 아이콘*/
.AB-wide-gnb-sub .ABA-gnb-sub-2 { border:1px solid #ddd; padding:0; }

/*GNB배경 (1depth) */
.ABA-bggnb-left,.ABA-bggnb-right { width:0; }	/*1depth 양쪽끝 너비*/
.ABA-bggnb-left { background-position:0 0; }	/*background-position:0 -(GNB영역 높이값x2)px*/
.ABA-bggnb-right { background-position:0 0; }
.ABA-bggnb-center { background-position:0 0; margin:0; }	/*background-position:0 -(GNB영역 높이값)px , margin:0 width값*/

/*GNB sub배경 (2depth) */
.ABA-bggnbsub1-left,.ABA-bggnbsub1-right { width:0; height:25px; }	/*2depth 양쪽끝 너비,높이*/
.ABA-bggnbsub1-left { background-position:0 0; }	/*background-position:0 -(2depth 높이값x2)px*/
.ABA-bggnbsub1-right { background-position:0 0; }
.ABA-gnb-sub-1-ul { background-position:0 0; margin:0; }/*background-position:0 -(2depth 높이값)px , margin:0 width값*/

/* GNB배경 */
.GNB-color-01 .ABA-bggnb-center, .AB-gnb-bg-01 { background:#cf141e; }
.GNB-color-02 .ABA-bggnb-center, .AB-gnb-bg-02 { background:#FE8712; }
.GNB-color-03 .ABA-bggnb-center, .AB-gnb-bg-03 { background:#d4a401; }
.GNB-color-04 .ABA-bggnb-center, .AB-gnb-bg-04 { background:#389832; }
.GNB-color-05 .ABA-bggnb-center, .AB-gnb-bg-05 { background:#2b99e6; }
.GNB-color-06 .ABA-bggnb-center, .AB-gnb-bg-06 { background:#2857a4; }
.GNB-color-07 .ABA-bggnb-center, .AB-gnb-bg-07 { background:#781e89; }
.GNB-color-08 .ABA-bggnb-center, .AB-gnb-bg-08 { background:#000000; }
.GNB-color-09 .ABA-bggnb-center, .AB-gnb-bg-09 { background:#7d7d7d; }
.GNB-color-10 .ABA-bggnb-center, .AB-gnb-bg-10 { background:#a0a0a0; }
[class*="AB-gnb-bg-"] { opacity:0.8; }

/* GNB 오버시 배경색*/
.GNB-color-01 .ABA-gnb li a.GNB-a:hover, .GNB-color-01 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-02 .ABA-gnb li a.GNB-a:hover, .GNB-color-02 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-03 .ABA-gnb li a.GNB-a:hover, .GNB-color-03 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-04 .ABA-gnb li a.GNB-a:hover, .GNB-color-04 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600;}
.GNB-color-05 .ABA-gnb li a.GNB-a:hover, .GNB-color-05 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-06 .ABA-gnb li a.GNB-a:hover, .GNB-color-06 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-07 .ABA-gnb li a.GNB-a:hover, .GNB-color-07 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-08 .ABA-gnb li a.GNB-a:hover, .GNB-color-08 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-09 .ABA-gnb li a.GNB-a:hover, .GNB-color-09 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }
.GNB-color-10 .ABA-gnb li a.GNB-a:hover, .GNB-color-10 .ABA-gnb li.AB-current-gnb a.GNB-a { color:#fff600; }