@charset "utf-8";

#i_wrapper{width:100%; height:104px; background:rgba(000,000,000,0.7);}

/* Top Menu 기본 설정 크기 및 넓이 */
#i_menu_wrapper {position:relative;margin:0 auto;width:100%; max-width:1200px; height:104px; z-index:1}


/* Logo */
#top_logo {  position:absolute; left:0px; top:15px; margin:0;}
/* nav_depth  */
.top_nav {position:absolute;top:44px; right:0; z-index:2; width:815px;}
.top_nav:after{content:""; display:block; clear:both;}
.top_nav > ul > li{float:left; text-align:center;}
.top_nav > ul > li > a{display:block;color:#fff;font-size:18px;font-weight:400;padding:0}

.top_nav_s{display:none;margin:0; padding-top:20px}
.top_nav_s.on{display:block}
.top_nav_s li{}
.top_nav_s li a{display:block;margin:0px;color:#fff;font-size:16px;padding:8px 0;text-align:center}

/* 전체메뉴배경 */
.top_nav_bg {position:absolute;top:104px;width:100%;display:none;height:220px;background:rgba(000,000,000,0.7);*/ z-index:1}
.topbg_img {width:1200px;height:220px; margin:0 auto;background:url(/images/menu_img.png) left center no-repeat}

/****** 메뉴 오버컬러 ******/
.top_nav > ul > li > a:hover{
	color:#f1f1f1;

	transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	}
.top_nav_s li a:hover{color:#f1f1f1; font-weight:500; 
						/*transition:all 0.3s ease-in;
						-webkit-transition:all 0.3s ease-in;
						-moz-transition:all 0.3s ease-in;
						-ms-transition:all 0.3s ease-in;
						-o-transition:all 0.3s ease-in;*/
						transform:scale(1.03);
						-webkit-transform:scale(1.03);
						-mos-transform:scale(1.03);
						-ms-transform:scale(1.03);
						-o-transform:scale(1.03);
						}


/****** 메뉴간격 조정 ******/
.top_nav > ul > li > a, .top_nav_s{}


/*효과*/



.list1 {width:130px; height:55px; position:relative; list-style:none;  }
.list1 > a {display:block; font-size:16px; text-align:center; letter-spacing:-0.5px; line-height:50px; color:#976603; font-family:"Noto Sans KR", Malgun gothic, sans-serif, dotum; font-weight:400; 
							color:#333;
							padding: 0 0 10px;
							}

.list1 > a::after{
	
								width: 105px;
								height: 105px;
								position: absolute;
								top: 100%;
								left: 0;
								right:0;
								margin:0 auto;
								width: 90%;
								height: 1px;
								background: #f1f1f1;
								content: '';
								opacity: 0;
								-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
								-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
								transition: height 0.3s, opacity 0.3s, transform 0.3s;
								-webkit-transform: translateY(-10px);
								-moz-transform: translateY(-10px);
								transform: translateY(-10px);
								}
.list1:hover > a {color:#f1f1f1; z-index:999; 
							/*padding:6px 0 0;*/
							}
.list1:hover > a::after,
.list1 a:focus::after{
								height: 5px;
								opacity: 1;
								-webkit-transform: translateY(0px);
								-moz-transform: translateY(0px);
								transform: translateY(0px);
								
								}