안녕하세요.

염치없게 또 문의 드립니다.

LNB Menu의 CSS를 수정해서 아래와 같이 만들었습니다.

일부 문제가 생겼는데, 아래 2가지에 대해 문의 드립니다.

소스는 아래쪽에 넣었습니다.

감사합니다.

/* LNB */

.body.fixed-width .lnb > ul {    position: relative;    z-index: 1;    margin: 0 10px 0 08px;    padding: 10px 0 0 10px;border:10px solid #c3c3c3}

.body.fixed-width .lnb > ul > li {    margin-bottom: 40px background-color:#f6704f4;}

.body.fixed-width .lnb > ul > li > a,

.body.fixed-width .lnb > ul > li > span {    display: block;    line-height: 21px;    margin-bottom: 14px;    font-size: 15px;    color: #444}

.body.fixed-width .lnb ul li a:hover,

.body.fixed-width .lnb ul li a:focus,

.body.fixed-width .lnb ul li a:active {    color: red}

.body.fixed-width .lnb > ul > li .selected{color:red;}

 

.body.fixed-width .lnb ul ul li.on a {    color: #cda25a}

.body.fixed-width .lnb ul ul a {    display: block;    padding: 10px 0;    font-size: 14px;    line-height: 20px;    color: #888;    text-decoration: none}

.body.fixed-width .lnb ul ul a:hover,

.body.fixed-width .lnb ul ul a:focus,

.body.fixed-width .lnb ul ul a:active {    color: #cda25a}

.body.fixed-width .lnb img {    vertical-align: top}

.body.fixed-width.left .lnb,

.body.fixed-width.right .lnb {    float: left;    width: 260px;    padding: 0 0 16px}

.body.fixed-width.left .content,

.body.fixed-width.right .content {    float: right;    width: 900px;    min-height: 400px;    padding: 40px 0 100px}

.body.fixed-width.right .lnb {    float: right}

.body.fixed-width.right .content {    float: left}

.body.fixed-width.none .lnb {    display: none}

.body.fixed-width.none .content {    float: none;    width: 1200px}