/* 메인메뉴 */
#category-wrap{width:100%;clear:both;background-attachment:scroll;position:relative;z-index:3}
#gnb h2 {display:none;}
#gnb * {margin: 0;padding: 0;list-style: none;}
#gnb { border-top:1px solid #ddd; position:relative;margin:0;z-index:5;background-repeat:no-repeat;background-position:center top;width:100%;box-sizing:border-box;background-color:#0e9447;transition: background-color 0.3s ease;}
#gnb .logo {position: absolute; top: 50%; transform: translateY(-50%); }
#gnb img {border: 0; width:300px}
#gnb a{ display:inline-block}

#gnb .main-wrapper {margin:0 auto; overflow:visible; height:89px; max-width:1200px; }
#gnb .main{ height:68px;background-repeat:no-repeat;background-position:center top; box-sizing:border-box;margin:0 auto; display:block; max-width:1200px;}
#gnb .main > li{float:left;line-height:89px; display:inline-block; text-align:center; position:relative;}
#gnb .main > li > a{display:block;width:100%;color:#fff;font-size:18px;font-weight:500;margin:0;padding:0; letter-spacing:-0.5px; transition: color 0.3s ease; }
#gnb .main > li > a:hover { color:#fff; opacity: 0.8;}

/* 서브메뉴 스타일 */
#gnb .main > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0 0 8px 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 10px 0;
}

#gnb .main > li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#gnb .main > li > ul li {
    display: block;
    float: none;
    line-height: normal;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

#gnb .main > li > ul li:last-child {
    border-bottom: none;
}

#gnb .main > li > ul li a {
    display: block;
    padding: 12px 20px;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease;
    line-height: 1.4;
}

#gnb .main > li > ul li a:hover {
    background: #f8f9fa;
    color: #5d9338;
    padding-left: 25px;
}




#gnb .main > li:hover > a, #gnb .main > li.on > a { color:#fff; opacity: 0.8; }

/* 스크롤 시 메뉴바 스타일 변경 */
body.scrolled #gnb {
    background-color: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

body.scrolled #gnb .main > li > a {
    color: #333 !important;
}

body.scrolled #gnb .main > li:hover > a {
    color: #5d9338 !important;
    opacity: 1 !important;
}

body.scrolled #gnb .main > li.on > a {
    color: #333 !important;
}







/* 헤더 상단 연락처 정보 */
#hd_wrapper {
    padding: 8px 0;
    transition: all 0.3s ease;
}

.hd_top_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.hd_contact {
    display: flex;
    align-items: center;
    gap: 20px;
}

.hd_contact span a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.hd_contact span a:hover {
    color: #5d9338;
}

#hd_wrapper .hd_login {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 15px;
}

#hd_wrapper .hd_login li a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

#hd_wrapper .hd_login li a:hover {
    color: #5d9338;
}

/* 스크롤 시 헤더 상단 연락처 정보 숨김 */
body.scrolled #hd_wrapper {
    display: none;
}

/* 메뉴 너비 조정 */
#gnb .main .menu1, 
#gnb .main .menu2, 
#gnb .main .menu3, 
#gnb .main .menu4, 
#gnb .main .menu5 { 
    width: auto; 
    min-width: 120px;
    padding: 0 20px;
}



@media screen and (max-width:1200px) {

#gnb .main { padding-right:2%}
#gnb .sub-set { padding-right:2%}
}

@media screen and (max-width:1100px) {
#gnb .main li { display:none}
#gnb .logo {position: absolute; top: 50%; transform: translateY(-50%); left:10px}
#gnb img {width: 200px !important;}
#gnb .mask { display:none}
}

@media screen and (max-width:768px) {
#gnb img {width: 300px !important;}
}






/*#gnb .box_category{position:absolute;left:0;top:58px;z-index:50;width:100%;height:66px;padding-top:18px}
#gnb .box_category .lnb {overflow:hidden; width:1200px; margin:0 auto;}
#gnb .box_category .lnb h1 {float: left;}

#gnb .box_category .lnb #lnb_list .first_menu img  { float:left; width:150px; padding:5px 45px 0 0px;}
#gnb .box_category .lnb #lnb_list .first_menu a { width:175px; padding-left:35px }
#gnb .box_category .lnb #lnb_list {overflow:hidden; float:right;}
#gnb .box_category .lnb #lnb_list li {float:left;}
#gnb .box_category .lnb #lnb_list li a{display:block; padding:0 20px;height:66px;background:url(/img/bullet_bar.gif) left 17px no-repeat;color:#555;font-size:20px;text-align:center;line-height:50px;font-weight:400;letter-spacing:-.5px;}

#gnb .box_category .lnb #lnb_list li a.wide {width:115px;}
#gnb .box_category .lnb #lnb_list li.allview a {width:60px; text-align:right;}
#gnb .box_category .lnb #lnb_list li.allview_over a {background:#fff;}
#gnb .box_category .lnb #lnb_list li a.over,
#gnb .box_category .lnb #lnb_list li a:hover {color: #26ace2 !important;}
#gnb .box_category .lnb #lnb_list li img {/*margin-top:18px;*/ vertical-align:middle;}
#gnb .box_category .lnb .lnb_cover {display:none; position:absolute; left:0; top:82px; z-index:20; width:100%; height:88px; background:#fff; text-align:center;}
#gnb .box_category_fix{position:fixed;left:0;top:0;z-index:50;height:54px;padding-top:0;background-color:#FFF}
#gnb .box_sub{overflow:hidden;position:absolute;left:0;top:82px;z-index:99;width:100%;height:0;background-color:#26ace2;min-width:1200px}
#gnb .box_sub .box {width:1200px; height:68px; margin:0 auto; text-align:center;}
#gnb .box_sub .box ul li {display:inline; padding:0 10px;}
#gnb .box_sub .box ul li a {color:#fff; line-height:68px; font-size:21px;}
#gnb .box_sub .box ul li a.over {color:#fff77e; font-weight:bold;}
#gnb .box_sub .box ul li a:hover {color: #fff77e;}
#gnb .box_sub .box2 ul li {padding:0 12px;}
#gnb .box_sub_all{overflow:hidden;position:absolute;left:0;top:82px;z-index:99;width:100%;height:0;min-width:1200px;background:#fff}
#gnb .box_sub_all ul {overflow:hidden; width:1200px; margin:40px auto;}
#gnb .box_sub_all ul .box{float:left;width:156px;min-height:250px;padding-left:18px;border-left:1px solid #ddd;vertical-align:top}
#gnb .box_sub_all ul .box h2 {padding-bottom:20px; font-size:20px;}
#gnb .box_sub_all ul .box ul {width:100%; margin:0;}
#gnb .box_sub_all ul .box ul li {padding:5px 0; border:0;}
#gnb .box_sub_all ul .box ul li a {display: block;font-size: 17px;color: #666;}

#container {width:100%; text-align:center; padding-top:76px !important;}
#container.none_sub {padding-top:50px !important;}*/