﻿div.nhn-banner {
    width: 100%;
    padding: 10px 13px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    margin-bottom: 10px;
}

    div.nhn-banner .nhn-banner-text {
        font-size: 1.25rem;
        font-weight: 600;
        font-family: Marcellus, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        text-transform: uppercase;
    }

.mp-home-link {
	position: absolute;
        top: 13px;
        right: 68px;
}

/* user options */
.usr-optn-sxn {
    position: absolute;
    top: 8px;
    right: 13px;
}

    .usr-optn-sxn ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
    }

#usr-optn-main li a {
    display: block;
}

#usr-optn-main img {
    float: right;
}

#usr-optn-main:hover ~ #usr-optn-items,
#usr-optn-items:hover {
    display: block;    
}

#usr-optn-items {
    display: none;
    position: fixed;
    top: 7px;
    right: 43px;  
}
    #usr-optn-items ul {
        background-color: #DEDEDE;        
    }

    #usr-optn-items li {
        background-color: #DEDEDE;
        border-bottom: 1px solid lightgray;
        min-width: 200px;
        border-radius: 4px 4px;
    }

        #usr-optn-items li a {
            padding: 15px 20px 15px 20px;
            display: block;
            font-size: 11px;
            font-weight: normal;
            text-transform: uppercase;
        }

            #usr-optn-items li a:hover {
                border-left: 3px solid maroon;
                padding-left: 17px;
                background-color: lightgray;
                border-radius: 4px 4px;
            }


    #usr-optn-items a.dxbButton {
        text-decoration: none;
    }

    #usr-optn-items .dxbButtonSys {
        text-align: left;
    }

.nhn-btn-link a.dxbButtonSys > span {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}

.nhn-btn-link a.dxbButtonSys:hover > span {
    color: maroon;
}


#sel-optn-sxn {
	position: relative;
}

#sel-optn-link {
	padding: 3px 0px; 

}
#sel-optn-items {
	display: none;
	position: absolute;
	top: -30px; 
	left: 129px;
}
#sel-optn-items ul {
	background-color: #DEDEDE; 
	padding: 10px 5px 10px 10px;
	border-radius: 4px 4px;
}
#sel-optn-items ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#sel-optn-items li {
	background-color: #DEDEDE;
	border-bottom: 1px solid lightgray;
	min-width: 200px;            
}

#sel-optn-link:hover ~ #sel-optn-items,
#sel-optn-items:hover {
	display: block;    
}
