
@media screen and (min-width : 961px){

#movBtn li{
width: 24%; height: 50px;
list-style: none outside none;
margin: 5px 0.5%;
line-height:0;
cursor: pointer;
text-align: center;
font-size: 14px;
font-weight: 600;
overflow: hidden;
position: relative;
transition: all  0.3s ease;
}

#movBtn li:hover{ opacity: 0.6;}

#movBtn li a{
width: 100%; height: 100%;
display: block;
text-decoration: none;
background: #B8B8B8;
color: #000;
float: left;
}

#movAreaAll01,#movAreaAll02,#movAreaAll03{
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
z-index: 2;
}


.movselect01,.movselect02,.movselect03{
background: #000;
width: 24%; height: 3px;
position: absolute;
z-index: 10;
}
.movselect01{bottom: -15px; left: 38%;}
.movselect02{bottom: -15px; left: 63%;}
.movselect03{bottom: -15px; left: 13%;}

}


@media screen and (max-width : 960px){

#movBtn li{
width: 49%; height: 40px;
list-style: none outside none;
margin: 0.5%;
line-height:0;
cursor: pointer;
text-align: center;
font-size: 10px;
font-weight: 600;
overflow: hidden;
position: relative;
}

#movBtn li a{
width: 100%; height: 100%;
display: block;
text-decoration: none;
background: #B8B8B8;
color: #000;
float: left;
}

#movAreaAll01,#movAreaAll02,#movAreaAll03{
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
z-index: 2;
}

.movselect01,.movselect02,.movselect03{
background: #000;
width: 49%; height: 2px;
position: absolute;
z-index: 10;}
.movselect01{bottom: -7px; right: 0.5%;}
.movselect02{bottom: -7px; left: 25.5%; margin-bottom: -43px;}
.movselect03{bottom: -7px; left: 0.5%;}


}



