@charset "utf-8";

@media all and (max-width:1360px) {
#contents .contents {width:100%;}
#contents .contents .cs_head {height:80px; margin:0 20px;}

#contents .cs_title {font-size:18px; line-height:80px;}
#contents .cs_title h2 {width:210px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}

#contents .cs_navi {margin-top:20px;}

#contents .contents .cs_body {margin:20px 30px;}
#contents .contents .cs_area {margin:20px 0;}

}

@media all and (max-width:1080px) {
#contents > .wrap {width:100%; margin:0;}
#contents .contents {display:block; float:none; width:auto; padding:15px; min-height:auto;}
#contents .contents .cs_head {display:inline-block; width:100%; height:auto; margin:0; padding-top:40px;}
#contents .contents .cs_title {width:100%; padding:0; font-size:16px; font-weight:500; color:#222; line-height:20px;}
#contents .cs_title h2 {width:100%; padding:15px 0; text-align:left; overflow:inherit; text-overflow:inherit; white-space:inherit; word-break:inherit;}

#contents .cs_navi {position:absolute; left:0; top:0; width:100%; margin-top:0;}
#contents .cs_navi ul {width:100%;}
#contents .cs_navi li {display:inline-block; width:100%; height:40px; padding-left:0;}
#contents .cs_navi li:before {display:none;}
#contents .cs_navi li.home {display:none;}
#contents .cs_navi li.csn_1depth {display:none;}
#contents .cs_navi .csn_sub {left:0; right:0; width:auto;}

#contents .contents .cs_body {margin:10px 0;}
#contents .contents .cs_area {margin:15px 0;}


}

@media all and (max-width:920px){
    #contents .contents {
        padding: 70px 15px 15px;
    }
}