/* CSS Document */

/* [추가됨] 색상 변수를 최상단에 정의 */
:root {
  --menu-bg-color: #4CAF50;      /* 메뉴 기본 배경색 */
  --menu-hover-color: #81C784;   /* 마우스 오버 시 배경색 */
  --menu-border-color: #388E3C;  /* 하위 메뉴 테두리 색 */
}
/*
html, body, table, div, span, a, input {
  font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.02em; /* 노토산스는 자간을 살짝 줄이면 훨씬 예쁩니다. */
}*/
img	{border:0}

/*gnb 추가*/
h1,h2,h3,h4,h5,h6,ul,li,ol,div,p,em	{margin:0; padding:0}
ul,ol,li{list-style:none}


#navi {left:0px; top:0px; padding:0}

/*top menu*/

.top_lnb	{position:relative; left:0px; top:0px; padding:0;
		background:url('/ayk/images/bar1.gif') 0 5px  no-repeat; white-space:nowrap}
.top_lnb ul	{border:0px solid;width:991px;position:relative; margin:0; padding:2; padding:0;
		font-family:'나눔바른고딕','나눔고딕',Nanum Gothic; font-size:1rem; font-weight:200; list-style:none; *zoom:1; z-index:100}
.top_lnb ul:after	{display:block; clear:both; content:""}

/*배경색상 - [변경됨] CSS 변수 적용 */
.top_lnb .mnu li.f {height:38px;background-color: var(--menu-bg-color);float:left; border:0px solid; cursor:pointer;}
.top_lnb .mnu li.f a,.top_lnb .mnu li.f a span {position:relative; cursor:pointer; text-decoration:none; z-index:200}
.top_lnb .mnu li.f a	{float:center; text-decoration:none}
.top_lnb .mnu li.f a span {display:inline-block; padding:10px 0 0px 0px; color:#fff}

.top_lnb .mnu li.f ul:after {display:block; clear:both; content:""}

/* [변경됨] CSS 변수 적용 */
.top_lnb .mnu li.on			{margin:0; background-color: var(--menu-hover-color); color:#fff; font-weight:200}
.top_lnb .mnu li.on a span	{color:#fff}

.top_lnb .mnu li.on a span	{color:#fff}

.top_lnb .mnu li.f .m1,.top_lnb li.f .m2,.top_lnb li.f .m3	{position:relative; z-index:300; cursor:hand;}

/* [변경됨] CSS 변수 적용 */
.top_lnb li.f .smnu	{position:absolute; top:-10000px; padding:0; background-color:#494949; 
		border-top: var(--menu-border-color) solid 3px; 
		border-bottom: var(--menu-border-color) solid 3px}
.top_lnb li.f .smnu.view	{top:38px;}
.top_lnb li.f .smnu1	{left:0px; width:240px;}
.top_lnb li.f .smnu2	{left:103px; width:240px}
.top_lnb li.f .smnu3	{left:203px; width:240px}
.top_lnb li.f .smnu4	{left:353px; width:240px}
.top_lnb li.f .smnu5	{left:3px; width:240px}
.top_lnb li.f .smnu6	{left:503px; width:240px}
.top_lnb li.f .smnu7	{left:643px; width:240px}
.top_lnb li.f .smnu8	{left:729px; width:262px}

.top_lnb li.f .smnu8 .col_1 {position:relative;margin:0px ; border:0px solid;}
.top_lnb li.f .smnu8 .col_2 {position:absolute;left:120px;margin:0px ; border:0px solid;}

.col_1,.col_2,.col_3,.col_4,.col_5	{width:130px; float:left; padding:10px 0 10px 30px; text-align:left}

.col_1 p,.col_2 p,.col_3 p,.col_4 p,.col_5 p	{width:130px; height:40px; margin:0 0 10px 0; padding:5px 0 0 0; display:block; border-bottom:1px solid #ccc; color:#f1f1f1; font-size:16px; line-height:2.4; font-weight:700}


.col_1 ul,
.col_2 ul,
.col_3 ul,
.col_4 ul,
.col_5 ul	{clear:both; width:130px; padding:0 0 15px 0}
.col_1 li a,
.col_2 li a,
.col_3 li a,
.col_4 li a,
.col_5 li a	{color:#f4f4f4; font-size:12px; letter-spacing:-1px; line-height:2.0}
.col_1 ul:after,.col_2 ul:after,.col_3 ul:after	{display:block; clear:both; content:""}

.col_1 .top_snb_1depth ul,
.col_2 .top_snb_1depth ul,
.col_3 .top_snb_1depth ul,
.col_4 .top_snb_1depth ul,
.col_5 .top_snb_1depth ul	{margin:0; padding:0 0 15px 7px}
.col_1 .top_snb_1depth li a,
.col_2 .top_snb_1depth li a,
.col_3 .top_snb_1depth li a,
.col_4 .top_snb_1depth li a,
.col_5 .top_snb_1depth li a	{clear:both; display:block; color:#f4f4f4; font-weight:400; font-size:14px; line-height:1.8; }
.col_1 .top_snb_1depth li a:hover,
.col_2 .top_snb_1depth li a:hover,
.col_3 .top_snb_1depth li a:hover,
.col_4 .top_snb_1depth li a:hover,
.col_5 .top_snb_1depth li a:hover	{color:#d2eefc; text-decoration:underline}


.top_snb_1depth li.sub,
.top_snb_1depth li.sub a
{clear:both; display:block; padding:0 0 0 8px; color:#d5d5d5; font-weight:400; font-size:12px; line-height:1.8; background:url('/images/common/bg_li_menu.png') 0 5px  no-repeat; white-space:nowrap}
.top_snb_1depth li.sub a:hover	{color:#d2eefc; text-decoration:underline}

.top_snb_1depth li.end2	{}


.col_1 .top_snb_2depth ul,
.col_2 .top_snb_2depth ul,
.col_3 .top_snb_2depth ul,
.col_4 .top_snb_2depth ul,
.col_5 .top_snb_2depth ul	{margin:0; padding:0}
.col_1 .top_snb_2depth li a,
.col_2 .top_snb_2depth li a,
.col_3 .top_snb_2depth li a,
.col_4 .top_snb_2depth li a,
.col_5 .top_snb_2depth li a	{clear:both; display:block; padding:0 0 0 8px; color:#d5d5d5; font-weight:400; font-size:12px; line-height:1.8;  background:url('/images/common/bg_li_menu.png') 0 5px  no-repeat; white-space:nowrap}
.col_1 .top_snb_2depth li a:hover,
.col_2 .top_snb_2depth li a:hover,
.col_3 .top_snb_2depth li a:hover,
.col_4 .top_snb_2depth li a:hover,
.col_5 .top_snb_2depth li a:hover	{color:#d2eefc; text-decoration:underline}```