.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:50px;}
.gnb_right .mb { line-height: 40px; }
.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 { display:none; position:absolute; 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; 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%; margin-top:1px; text-align:center; width:100%; height:265px; background:#fff; display:none; padding:30px 0; border-bottom:1px #aaa solid; border-radius:0 0 30px 30px; }
.depth2_wrap.img { position:relative; top:-30px; margin:0 auto; width:1100px; display:grid; justify-content:flex-start;}
.depth2_wrap.img li img { width:100%;  border-radius:20px;}
.depth2.img { width:100%; object-fit:cover; }

/* 메뉴 */
.depth2 { display:grid; justify-content:flex-start; gap:10px 45px; margin-top:-270px; margin-left:45%;}
.depth2.col-3 { grid-template-columns: repeat(3, auto); }
.depth2.col-4 { grid-template-columns: repeat(4, auto); }
.depth2.col-5 { grid-template-columns: repeat(5, auto); }
.depth2.col-6 { grid-template-columns: repeat(6, auto); }

.depth2 li { position:relative; text-align:left; }
.depth2 li a { display:inline-block; padding:5px 0; font-size:17px; text-decoration:none; transition:all 0.3s ease; }
.depth2 li a::after { content:""; position:absolute; left:0px; right:0; bottom:2px; height:2px; background:#00a9c1; transform:scaleX(0); transform-origin:left; transition:transform .4s ease; }
.depth2 li a:hover::after { transform:scaleX(1); }
.depth2 li a:hover { color:#00a9c1; }
.depth2 li.on a { font-weight:bold; color:#00a9c1; }
.depth2 li.on a::after { transform:scaleX(1); }

/* 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 .depth1 > li { padding:12px 0;}