/* GNB */
.gnb { position: fixed; top:0; z-index:999; width:100%; height:67px; text-align:center; background:#fff; border-bottom:1px #ccc solid;}

.gnb_left { display:flex; align-items:center; position:absolute; z-index:2; height:67px; left:50px; padding-top:8px;}
.gnb_left .logo a { font-family: 'GmarketSansBold'; font-size: 30px; }

.gnb_right { display:flex; align-items:center; position:absolute; z-index:2; height:67px; right:30px;}
.gnb_right .mb { line-height: 40px; margin-right:50px; }
.gnb_right .mb a { margin-left: 10px; }
.gnb_right .mb .adm { position:relative; top:6px; margin:0 -5px; }
.gnb_right .mb .adm svg { width:23px; height:23px; }
.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:#000; }

.gnb .depth1 { display:flex; align-items:center; justify-content:center; gap:40px; }
.gnb .depth1 { position:relative; }
.gnb .depth1 > li { position:relative; padding:20px 0; }
.gnb .depth1 > li > a { display:block; font-size:18px; font-weight:500; text-decoration:none; }
.gnb .depth1 > li:hover > a,
.gnb .depth1 > li.active > a { color:#00a9c1; }

.gnb_line { position:absolute; bottom:0; height:3px; background:#00a9c1; left:0; width:0; transition:all .3s ease; }

.gnb,.gnb_left,.gnb_left .logo a,.gnb_right,.gnb .depth1 > li { transition: all .4s ease; }

/* SNB */
.depth2_wrap { position:absolute; top:100%; left:0; width:100%; background:#000; display:none; padding:0; transition: opacity .2s ease, transform .2s ease; }
.depth2 { display:flex; justify-content:center; gap:20px; }
.depth2 li a { display:inline-block; padding:12px 12px; font-size:16px; color:#fff; letter-spacing:-0.04em; text-decoration:none; transition:0.3s; }
.depth2 li a:hover { color:#35e6ff; }
.depth2 li.on a { font-weight:bold; color:#35e6ff; }

/* IS-SCROLL */
.gnb.is-scroll { height: 50px; box-shadow: 0 4px 10px rgba(0,0,0,0.0); background:#f5f5f5; }
.gnb.is-scroll .gnb_left { height:50px; }
.gnb.is-scroll .gnb_left .logo a { font-size: 25px;}
.gnb.is-scroll .gnb_right { height:50px; }
.gnb.is-scroll .gnb_right .mb a { }
.gnb.is-scroll .depth1 > li { padding:12px 0;}

.gnb.is-scroll,.gnb_left,.gnb_left .logo a,.gnb_right,.gnb .depth1 > li { transition: all .4s ease; }