/* 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: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_nav { position:relative; width:100%; height:auto; border-top:1px solid #ddd; z-index:1; }

.gnb_stripe { position:relative; height:67px; background:#fff; }

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

/* =========================
   1depth 영역
========================= */
#gnb_nav_wrapper { max-width:1200px; width:100%; margin:0 auto; }
.default { position:relative; z-index:1; }
.default ul { display:flex; margin:0; padding:0; }
.default ul li { list-style:none; font-size:18px; font-family:'Noto Sans KR'; font-weight:400; line-height:67px; text-align:center; position:relative; cursor:pointer; overflow:hidden; }
.default ul li a { display:block; width:100%; height:100%; text-decoration:none; transition:all .4s ease; }
.default ul li a:hover { color:#00A9C1; font-weight:500;transition:all .4s ease;  }
.default ul li .over { position:absolute; top:100%; left:0; width:100%; height:67px; background:#fff; color:#00a9c1; pointer-events: none; }
.default ul li.active .txt a { color:#00A9C1; font-weight:500; }

#gnb_nav_line { position:absolute; top:27px; height:15px; pointer-events:none; z-index:2; }
#gnb_nav_line li { position:absolute; top:0; width:1px; height:15px; background:#bbb; }

/*.gnb_line { position:absolute; bottom:0; max-width:116px; width:0px; height:3px; background:#00A9C1; transform: translateX(30px); transition:all .3s ease; } */
.gnb_line { position:absolute; z-index:2; bottom:-9px; max-width:16px; height:16px; background:#00A9C1; transform: translateX(70px); border-radius: 16px;  transition:all .3s ease; /*background: url('../../images/sec10_img1.jpg');*/ }


/* =========================
   2depth 영역
========================= */
#snb_nav_mask { position:absolute; top:68px; left:0; width:100%; height:0; overflow:hidden; background:#fff; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; }
#snb_nav_wrapper { position:relative; max-width:1200px; width:100%; height:84%; margin:0 auto; margin-top:18px; border-left:1px #ddd solid; }
#snb_nav_square { position:relative; }
#snb_nav_square .menu { position:absolute; }
#snb_nav_square .menu li { display: block; }
#snb_nav_square .menu li a { display: inline-block; position: relative; height:30px; line-height:30px; text-align:center; font-size:16px; text-decoration:none; cursor:pointer; transition:all .4s ease; }
#snb_nav_square .menu li a:hover { color:#00A9C1; /*background:#eee;*/ font-weight:500; transition:0.4s;}
#snb_nav_square .menu li.active a { color:#00A9C1; /*background:#eee;*/ font-weight:500; }

#snb_nav_square .menu li a::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:1px; background:#00A9C1; transform:scaleX(0); transform-origin:center; transition:all .4s ease; }
#snb_nav_square .menu li:hover a::after { transform: scaleX(1); }
#snb_nav_square .menu li.active a::after { transform: scaleX(1); }

#snb_nav_square .menu .vline { position:absolute; top:0; right:0; width:1px; height:84%; background:#ddd; }
#snb_nav_square .menu:last-child .vline { /*display:none*/ }
#snb_nav_square::before { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd; }

.lineBottom { display:none; position:absolute; top:65px; left:0; width:100%; height:2px; background:#2651A6; opacity:0; }

/* 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 .default ul li { line-height:50px; }
.gnb.is-scroll #gnb_nav_line {top:20px; } 
.gnb.is-scroll #snb_nav_mask { top:50px; }

.gnb.is-scroll,.gnb_left,.gnb_left .logo a,.gnb_right,.default ul li,#gnb_nav_line,#snb_nav_mask { transition: all .4s ease; }