/* 메인메뉴 */
#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:#FFF;}
#gnb .logo {position: absolute; top:28px; }
#gnb .logo img {border: 0; width:auto !important; max-width:200px; height:auto}
#gnb img {border: 0}
#gnb .main li img {width:60%}
#gnb a{ display:inline-block}

/* 구글 번역기 스타일 (PC) - 메뉴 안에 배치 */
#gnb .main .translate_menu {
    line-height: 89px;
}

#gnb .gtranslate_wrapper {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

#gnb .gtranslate_wrapper a {
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;
    vertical-align: middle;
}

#gnb .gtranslate_wrapper img {
    width: auto !important;
    height: auto !important;
    border: none !important;
    border-radius: 0;
    vertical-align: middle;
    display: block;
}

/* 모바일 반응형 */
@media screen and (max-width: 768px) {
    #gnb .main .translate_menu {
        position: absolute;
        top: 10px;
        right: 60px;
        line-height: normal;
    }
    
    #gnb .gtranslate_wrapper img {
        max-width: 28px;
        max-height: 21px;
    }
}

#gnb .main-wrapper {margin:0 auto; overflow:hidden; 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; height: 400px;  max-width:1200px;}
#gnb .main > li{float:left;line-height:89px; display:inline-block; text-align:center}
#gnb .main > li > a{display:block;width:100%;color:#333;font-size:18px;font-weight:500;margin:0;padding:0; letter-spacing:-0.5px }
#gnb .main > li > a:hover { color:#0099ff}

/* IR 메뉴 번역 시 "IR"만 표시 */
#gnb .main > li > a.ir-menu {
    position: relative;
}
#gnb .main > li > a.ir-menu::after {
    content: 'IR';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background: inherit;
    color: inherit;
}
/* 번역된 상태에서만 "IR" 표시 (영문 번역 시) */
body[class*="translated"] #gnb .main > li > a.ir-menu,
html[lang="en"] #gnb .main > li > a.ir-menu {
    font-size: 0;
}
body[class*="translated"] #gnb .main > li > a.ir-menu::after,
html[lang="en"] #gnb .main > li > a.ir-menu::after {
    display: flex;
    font-size: 18px;
}




#gnb .main > li > ul {height:311px; background-color: #fff; padding:20px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd;  margin-left: -1px; }
#gnb .main > li:hover > ul {background-color:#09F;}
#gnb .main > li:hover > ul li a { color:#fff; opacity:0.9}
#gnb .main > li:hover > ul li a:hover { opacity:1}


#gnb .main > li:hover > a, #gnb .main > li.on > a { color:#09F; }




.gnb_bg {width:100%;position:absolute;top:88px; left:0;}

#gnb .main-wrapper:hover .gnb_bg {	border-top:1px solid #ddd;}


#gnb .main-wrapper .navi_bg  {background-image: url(../img/menubar_bg.png); background-repeat:no-repeat; background-position:bottom left;  width:288px; height:224px; float:left; margin-top:178px;}

#gnb .main-wrapper .gnb_bg {border-top:1px solid #ddd;}



#gnb .main > li > ul > li {line-height:30px;}
#gnb .main > li > ul > li a { font-size:14px; letter-spacing:-0.2px; color:#555}

#gnb .main li a img {margin-top: 15px;}
#gnb .main li.main_select {}
#gnb .mask {position:absolute;width:100%;height:400px;overflow:hidden;background-color:#FFF;z-index:5;}
#gnb .mask .sub-set-wrapper {max-width:1200px; min-height:400px; margin:0 auto; position:relative; background-image: url(../img/menubar_bg.png); background-repeat:no-repeat; background-position:110px bottom}

#gnb .sub-set{ float:right; box-sizing:border-box;  margin:10px auto 0}
#gnb .sub-set ul {float: left;}
#gnb .sub-set ul li{height:26px; display:block; text-align:center;}
#gnb .sub-set ul li a{display:block;font-size:13px;color:#555;line-height:30px;padding-top:2px;padding-bottom:2px;padding-left:0; letter-spacing:0}
#gnb .sub-set ul li a:hover{color:#9b8265; letter-spacing:0px}

#gnb .mask .sub-set ul { display:inline-block;  text-align:center; height:400px;}
#gnb .mask .sub-set ul:hover { background-color:#09F}
#gnb .mask .sub-set .set1 {float: left; width:157px}
#gnb .mask .sub-set .set2 {float: left; width:157px}
#gnb .mask .sub-set .set3 {float: left; width:157px}
#gnb .mask .sub-set .set4 {float: left; width:157px}
#gnb .mask .sub-set .set5 {float: left; width:157px}


#gnb .main .menu1 { width:157px}
#gnb .main .menu2 { width:157px}
#gnb .main .menu3 { width:157px}
#gnb .main .menu4 { width:157px}
#gnb .main .menu5 { width:157px}



@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:not(.translate_menu) { display:none}
#gnb .logo {position: absolute; top:28px; left:10px}
#gnb .mask { display:none}
}

/* 모바일 반응형 - 번역기 위치 조정 */
@media screen and (max-width: 768px) {
    /* 번역기를 메뉴 아이콘 좌측에 배치 */
    #gnb .main .translate_menu {
        display: block !important;
        position: fixed;
        top: 23px;
        right: 100px;
        z-index: 13;
        float: none;
        line-height: normal;
    }
    
    #gnb .gtranslate_wrapper {
        display: inline-flex !important;
        align-items: center;
        gap: 5px;
        visibility: visible !important;
    }
    
    #gnb .gtranslate_wrapper a {
        display: inline-block !important;
        margin: 0;
        text-decoration: none;
        visibility: visible !important;
    }
    
    #gnb .gtranslate_wrapper img {
        width: auto !important;
        height: auto !important;
        max-width: 32px;
        max-height: 24px;
        border: none !important;
        vertical-align: middle;
        display: block !important;
        visibility: visible !important;
    }
    
    /* 모바일에서 번역기 드롭다운 숨김 */
    #gnb .gtranslate_wrapper .gt_container,
    #gnb .gtranslate_wrapper .gt_selector,
    #gnb .gtranslate_wrapper .gt_selector_wrapper,
    #gnb .gtranslate_wrapper .gt_selector_ul,
    #gnb .gtranslate_wrapper ul,
    #gnb .gtranslate_wrapper li:not(:first-child) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* 모바일에서 국기 링크만 표시 */
    #gnb .gtranslate_wrapper > a,
    #gnb .gtranslate_wrapper > span > a,
    #gnb .gtranslate_wrapper a[data-gt-lang] {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* 호버 효과 제거 */
    #gnb .gtranslate_wrapper:hover .gt_container,
    #gnb .gtranslate_wrapper:hover .gt_selector,
    #gnb .gtranslate_wrapper:hover ul {
        display: none !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;}*/