:root {
    --snbHeight: 44px;
}
.snb{height : var(--snbHeight);}
.snb .document-inner{color : #000;padding: 0 0 0 29px;display : flex;align-items: center;height: 44px;background-color : #f6f6f6; position : fixed; width : 100%; z-index : 9998;}
.snb .document-inner a{color : #000; display : inline-block;}
.snb .document-inner div.parent-menu{color : #000;font-size : 15px;display : inline-block;margin: 0 21px 0 0;padding : 0 0 1px 0;}
.snb .document-inner div.select-box{font-size : 15px;position: relative;margin: 0;padding: 2px 30px 2px 12px;background: url("/images/common/document/icon_snb_select_arrow.png") 93% center/8px no-repeat; height: 100%; cursor: pointer;}
.snb .document-inner div.select-box em {display: flex;align-items: center;width : 100%;height: 100%;position: relative;}
.snb .document-inner div.select-box:nth-child(2) em:after{content:'';display : block;width: 100%;height: 4px;background-color : #366cf0;position: absolute;left: 0;bottom: -1px;z-index: 1;}
.snb .document-inner div.select-box ul {position: absolute;opacity: 0;visibility: hidden;width : 176px;background-color : #f0f0f2;z-index: 2;top: 44px;left : 0;}
.snb .document-inner div.select-box ul li a{color : #3f3f3f;font-weight: 400;padding: 11px 15px 11px 12px;position: relative;display: flex; align-items: center;}
.snb .document-inner div.select-box ul li a>div {width: 24px;display: flex;align-items: center;justify-content: center;margin: 0 4px 0 0;}
.snb .document-inner div.select-box ul li:hover a{background-color : #e8e8e8;}
.snb .document-inner div.select-box.active {background-color : #e8e8e8;}
.snb .document-inner div.select-box.active ul {opacity: 1; visibility: visible;}
.snb .document-inner div.select-box.active em:after{opacity: 0; visibility: hidden;}

@media (max-width: 980px) {
    .snb {top : 0; position: relative;}
    .snb h6 {display: none;}
    .snb .document-inner {padding : 0;}
    .snb .document-inner div.parent-menu {display: none;}
    .snb .document-inner div.select-box {width : 50%;}
    .snb .document-inner div.select-box:nth-child(2) em:after {display: none;}
    .snb .document-inner div.select-box ul {width : 100%;}
}

@media (max-width: 500px) {
    .snb .document-inner div.select-box ul li a>div {display: none;}
}

@media print {
    .snb {display: none;}
}