@media (min-width:801px) { 
.mob { display:none !important; }
.w_fnb { position:relative; }
    .w_fnb h3 { color:#fff; font-weight:400; position:relative; z-index:1; border-bottom:1px solid #ddd; width:240px; padding-bottom:4px; cursor:pointer; text-align:left; font-size:16px; text-transform: uppercase; left:-84px; }
    .w_fnb h3 span { position:absolute; right:0; font-size:8px; top:6px; }
    .w_fnb.on h3 span { transform:rotate(180deg); }
    .w_fnb ul { width:506px; height:362px; background:#fff; position:absolute; right:0; top:-370px; overflow:auto; display:none; border:1px solid #d8d8d8; z-index:111; align-items:flex-start; justify-content:center; flex-wrap:wrap; }
    .w_fnb.on ul { display:flex; }
    .w_fnb ul li { width:33.3333%; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; box-sizing:border-box; }
    .w_fnb ul li:nth-child(3n) { border-right:none; }
    .w_fnb ul li a { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; height:119px; }
    .w_fnb ul li figure { height:22px; display:flex; align-items:center; justify-content:center; }
    .w_fnb ul li figure img { filter:grayscale(1); opacity:0.4; transition:0.3s; }
    .w_fnb ul li p { font-size:14px; color:#222; opacity:0.6; transition:0.3s; }
    .w_fnb ul li:hover figure img { filter:grayscale(0); opacity:1; }
    .w_fnb ul li:hover p { opacity:1; }
}



@media (max-width:800px) { 
.pc { display:none !important; }
.w_fnb { margin-top:30px; margin-bottom:30px;  }
.w_fnb h3 { color:#b4b5b7; font-weight:400; position:relative; z-index:1; border-bottom:1px solid #ddd; width:200px; padding-bottom:4px; cursor:pointer; text-align: left; font-size:16px; }
.w_fnb h3 span { position:absolute; right:0; font-size:8px; top:6px; }
.w_fnb.on h3 span { transform:rotate(180deg); }
.w_fnb ul { display:none; }
.w_fnb ul li a { display:flex; align-items:center; justify-content:flex-start; height:50px; color:#b4b5b7; }
.w_fnb ul li figure { display:flex; align-items:center; justify-content:center; margin:0; width:70px; }
.w_fnb ul li figure img { max-height:24px; max-width:40px; }
.w_fnb ul li.bl figure img { filter:invert(1); }
.w_fnb ul li p { font-size:16px; }
}