@charset "utf-8";
img{
    max-width: 100%;
    vertical-align: bottom;
}

#mainContainer,.inner{
    width:100%;
    max-width:960px;
    padding: 0 10px;
    box-sizing: border-box;
}
#contentContainer{
    width:100%;
    max-width:710px;
}
#sideContainer {
    width: 100%;
    max-width: 225px;
}

#categoryList ul {
    max-width: 220px;
    width: 100%;
}

#sideContainer .banner01 {
    max-width: 219px;
    width: 100%;
}

#sideContainer > section:nth-of-type(2) .banner01 .btnOver{
    width:100%;
    max-width: 219px;
    height:auto;
}
#sideContainer > section:nth-of-type(2) .banner02 .btnOver{
    width:100%;
    max-width: 171px;
    height:auto;

}

#sideContainer > section:nth-of-type(2) > ul .btnOver{
    max-width: 221px;
    width: 100%;
    height: auto;
}

@media (max-width: 960px){
    #contentContainer {
        width: 75%;
        max-width: none;
    }
    #sideContainer {
        width: 24%;
    }

}

@media (max-width: 650px){
#contentContainer {
    width: 100%;
}
#sideContainer {
    width: 100%;
    margin: 0 auto;
    clear: both;
    float: unset;
}
#contentContainer section ul li {
    width: 48%;
}
}