메뉴 아래나오는 유튜브의 영역이 -90px 만큼 겹쳐서 있습니다.

해당 값 때문에 메뉴의 선택이 불가능합니다.

 

 

<style>
.youtubeWrap {

margin: 0 auto; 
margin-top:-70px;

}
</style>

 

 

 

해당 값을 삭제하는것이 제일 좋으나 수정이 힘들다면 position 및 z-index 를 사용해서 화면에 보여지는 순서를 조절해야 합니다.

(margin 을 - 로 사용하는 것은 좋지않습니다.)

 

 

 

1. 해당 소스에 다음을 추가 합니다.

 

<style>
.youtubeWrap {
position:relative; z-index:150;
margin: 0 auto; 
margin-top:-70px;

}
</style>

 

 

 

2. 유튜브가 있는 1칸 레이아웃 소스에 다음을 추가 합니다.

 

<style>
.layout_70000_ {position:relative; z-index:100; clear:both; {$minWidth} {$maxWidth} margin:0 auto;}
.layout_70000_ > div:after {content:''; display:block; clear:both;}
.layout_70000_ > div > [class^=container_] {float:left; position:relative; width:100%; box-sizing:border-box;}

@media \0screen{
    .layout_70000_ {{$ie8Width}}
}
</style>

 

 

 

3. 모바일 메뉴가 있는 1칸 레이아웃에 다음을 추가 합니다.

 

.layout_69809_ {position:relative; z-index:200; clear:both; {$minWidth} {$maxWidth} margin:0 auto;}