@charset "utf-8";

/*!
 * 상단메뉴 Layout
 * */
#gnb2 * { /*transition: all .3s ease 0s; */font-family: "Noto Sans KR", 'Noto Sans', sans-serif; }
#gnb2 { position: fixed; top:0px; left:0px; width:100%; height:auto; z-index: 100; background-color: none; }

/* #gnb2_tm1 */
#gnb2 #gnb2_tm1 { position: relative; width: 100%; min-width: 1400px; overflow: hidden; transition: all .3s ease;  }
#gnb2 #gnb2_tm1 .bi, #gnb2 #gnb2_tm1 .tel, #gnb2 #gnb2_tm1 .t_icon {
    position:absolute; display:inline-block; top:50%; transform: translateY(-50%);
}
#gnb2 #gnb2_tm1 .bi { left:30px; display: flex;  }
#gnb2 #gnb2_tm1 .bi img { width: 40px }

/* 원 */
#gnb2 #gnb2_tm1 .box {
    position:absolute; display:inline-block; top:50%; transform: translateY(-50%);
}
#gnb2 #gnb2_tm1 .box { right:200px; display: flex;  }
#gnb2 #gnb2_tm1 .box span {
    display: inline-block; padding: 3px 20px; font-size: 1.1rem; letter-spacing: -1px;
    border:1px solid #fff; color:#fff; margin-left: 7px; transition: all .1s ease 0s;
}
#gnb2.on #gnb2_tm1 .box span, #gnb2.scrollon #gnb2_tm1 .box span { border:1px solid #91004f; background-color: #91004f; }
#gnb2 #gnb2_tm1 .box span.c1 { }
#gnb2 #gnb2_tm1 .box span.c2 { display:none }


#gnb2 #gnb2_tm1 .logo {
    position:absolute; display:inline-block;
    left: 50%; transform: translateX(-50%); top: calc(50% - 11px);
}
#gnb2 #gnb2_tm1 .logo img { position: relative; }
#gnb2 #gnb2_tm1 .tel {
    color: #fff; right:100px; letter-spacing: -.5px;
    font-size: 1.3rem; display: flex; align-items: center;  transition: all 0s ease 0s !important; 
}
#gnb2 #gnb2_tm1 .tel span {
    display: inline-block;
    font-size:1.7rem; font-weight: 500; padding-top: 4px; margin-left:5px; letter-spacing: -.5px;
}
#gnb2.on #gnb2_tm1 .tel,
#gnb2.scrollon #gnb2_tm1 .tel { color:#111;}


/* #gnb2_tm2 */
#gnb2 #gnb2_tm2 {
    position: relative; width: 100%; text-align: center; z-index: 101;
    border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* 메인메뉴 */
#gnb2 #gnb2_tm2 .topmenu { position:relative; display: inline-block; font-size: 1rem; z-index: 102; margin: 0 !important; }
#gnb2 #gnb2_tm2 .topmenu > ul { list-style:none; display: flex; padding:0; }
#gnb2 #gnb2_tm2 .topmenu > ul > li { position:relative; display: inline-block; }
#gnb2 #gnb2_tm2 .topmenu > ul > li a.m {
    position: relative; display:inline-block; font-size:1rem; color:#fff; text-align:center;
    padding:6px 50px; margin-bottom:15px; 
}

/* 서브메뉴 */
#gnb2 #gnb2_tm2 .topmenu .submenu { position: relative; width: 100%; display: none; height: 0px; overflow: hidden; transition: all .7s ease 0s  }
#gnb2 #gnb2_tm2 .topmenu .submenu .sm { margin-bottom:3px; }
#gnb2 #gnb2_tm2 .topmenu .submenu .sm a {
    position: relative; display: block; padding: 5px; font-size:0.875rem;
    transition: all 0s ease 0s
}
#gnb2 #gnb2_tm2 #wrap_tm_bg {
    position:absolute; width:100%; top: 0; left: 0; height:0px; background-color: #fff; z-inex:101;
}

#gnb2 #gnb2_tm2 .topmenu .submenu .sm a:after {
    content: ''; position: absolute; width: 0%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);
    background-color: #2F2523; z-index: -1; transition: .3s;
}
#gnb2 #gnb2_tm2 .topmenu .submenu .sm a:hover { color:#fff }
#gnb2 #gnb2_tm2 .topmenu .submenu .sm a:hover:after { width:100% }

#gnb2 #gnb2_tm1 { height:80px; } /* 로고DIV 부분 기본 높이 */
#gnb2 #gnb2_tm2 { height:41px; }  /* 메뉴DIV 부분 기본 높이 */
#gnb2 #gnb2_tm2 #wrap_tm_bg { top: 40px; } /* 서브메뉴 하단배경 위치 */


/* 메뉴 스크롤시 및 메뉴 마우스어버 변경 */
#gnb2.scrollon  { background-color: #fff }
#gnb2.scrollon #gnb2_tm2 {
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; 
}
#gnb2.scrollon #gnb2_tm2 .topmenu > ul > li a.m { color: #000; }
#gnb2.heighton #gnb2_tm1 { height:70px }

#gnb2.on #gnb2_tm2 .topmenu .submenu { height: auto; display: block; }
#gnb2.on #gnb2_tm2 #wrap_tm_bg { box-shadow: 0px 2px 5px rgba(0,0,0,0.1); } /*서브 메뉴높이*/


#gnb2 #gnb2_tm2 .topmenu a.m .pos {
    position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width:0%; height:3px;
    background-color:#BB9C8C; transition: all 0.3s ease 0s;
}
#gnb2.scrollon #gnb2_tm2 .topmenu > ul > li.on a.m { font-weight: bold; color: #112931 !important}
#gnb2 #gnb2_tm2 .topmenu li.on a.m .pos { width:60%; }

/*
#gnb2 .special1 { color:#FF0000; font-weight: bold; letter-spacing: -1px;}*/