/* GNB */
.gnb_container { position: fixed; top:0; z-index:999; width:100%; height:90px; text-align:center; background:rgba(0,0,0,0.15); border-bottom:0px #ccc solid; transition: all .0s ease;}
.gnb_container:hover { /*background:rgba(0,0,0,0.4); transition: all .4s ease; */}
.gnb_wrap { position:relative; max-width:1920px; height:90px; margin:0 auto; text-align:center; }

.gnb_left { display:flex; align-items:center; left:50px;  position:absolute; height:90px; padding-top:5px; }
.gnb_left .logo a img { width:270px; }
.gnb_left .logo .logo-black { display:none; }
.gnb_left a { color:#fff; }

.gnb_right { display:flex; align-items:center; right:50px; position:absolute; height:90px; }
.gnb_right .mb { line-height: 40px; margin-right:70px; }
.gnb_right .mb a { margin-left: 10px; color:#fff;  }
.gnb_right .mb .adm { position:relative; top:6px; margin:0 -5px; }
.gnb_right .mb .adm svg { width:25px; height:25px; }
.gnb_right .navBtn {  cursor: pointer; }

/* 사이트맵 */
.gnb_right .gnb_menu_open { position:absolute; margin-top:8px; right:0;width: 50px; cursor: pointer; }
.gnb_right .gnb_menu_open svg { width:32px; height:32px; color:#fff; }

/* DEPTH1 */
.depth1 { display:flex; align-items:center; justify-content:center; gap:60px; }
.depth1 > li { position:relative; padding:33px 0 20px 0; }
.depth1 > li > a { display:block; font-size:19px; font-weight:500; color:#fff; text-decoration:none; transition: all .4s ease;}
.depth1 > li:hover > a,
.depth1 > li.active > a { color:#54f0fc; }

.gnb_line { position:absolute; bottom:0px; height:2px; background:#54f0fc; left:0; width:0; }

.gnb_container,.gnb_wrap,.gnb_left,.gnb_left .logo a img,.gnb_right,.gnb_container .depth1 > li,.gnb_line { transition: all .4s ease; }
/*
.gnb_container:hover .logo .logo-white { display:none; }
.gnb_container:hover .logo .logo-black { display:block; }
.gnb_container:hover .gnb_left a { color:#000; }
.gnb_container:hover .gnb_right .mb a { color:#000; }
.gnb_container:hover .gnb_right .gnb_menu_open svg { color:#000; }
.gnb_container:hover .depth1 > li > a { color:#000; }
.gnb_container:hover .depth1 > li:hover > a { color:#00a9c1; }
.gnb_container:hover .gnb_line { background:#00a9c1; }
*/
/* DEPTH2 */
.depth2 { position:absolute; top:90px; left:50%; transform:translateX(-50%); min-width:180px; background:#fff; border:1px solid #ccc; display:none; padding:20px 0; border-radius:15px; }
.depth2 li { display:block; }
.depth2 li a { display: inline-block; padding:4px 0px; font-size:16px; color:#000; font-weight:400; letter-spacing:-0.04em; position:relative; text-decoration:none;transition:0.3s;  }
.depth2 li a::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:1px; background:#00a9c1; transform:scaleX(0); transform-origin:center; transition:transform .4s ease;  }
.depth2 li a:hover::after { transform:scaleX(1);  }
.depth2 li a:hover { color:#00a9c1; /*background:#f5f5f5;*/ }
.depth2 li.on a { font-weight:500; color:#00a9c1; }
.depth2 li.on a::after { transform:scaleX(1); }


/* IS-SCROLL */
.gnb_container.is-scroll { height: 60px; box-shadow: 0 4px 10px rgba(0,0,0,0.0); background:#f5f5f5; border-bottom:0px #ccc solid; }
.gnb_container.is-scroll .gnb_wrap { height:60px; }
.gnb_container.is-scroll .gnb_wrap a { color:#000}
.gnb_container.is-scroll .gnb_left { height:60px; padding-top:4px; }
.gnb_container.is-scroll .gnb_left .logo .logo-white { display:none; }
.gnb_container.is-scroll .gnb_left .logo .logo-black { display:block; }
.gnb_container.is-scroll .gnb_left .logo a img { width:200px}
.gnb_container.is-scroll .gnb_right { height:60px; }
.gnb_container.is-scroll .depth1 > li { padding:15px 0; }
.gnb_container.is-scroll .depth1 > li:hover > a,
.gnb_container.is-scroll .depth1 > li.active > a { color:#00a9c1; }
.gnb_container.is-scroll .depth2 { top:60px; }
.gnb_container.is-scroll .gnb_line { bottom:0px; height:2px; background:#00a9c1; }

.gnb_container.is-scroll .gnb_right .gnb_menu_open svg { color:#000; }

.gnb_container.is-scroll,.gnb_wrap,.gnb_left,.gnb_left .logo a img,.gnb_right,.gnb_container .depth1 > li { transition: all .4s ease; }