@charset "UTF-8";

@media all and (max-width: 1540px) {
	#contents .contents .cs_head,
	#contents .contents .cs_body { width: 100%; }
}

@media all and (max-width: 1440px) {
    /* #contents .cs_title { font-size: 27px; } */
    #contents .cs_navi button { font-size: 12px; }
}



@media all and (max-width: 1200px) {
    #contents .contents .cs_head { height: 80px; }
    #contents .cs_title { line-height: 76px; }
    #contents .cs_navi { margin-top: 20px; }
    #contents .contents .cs_area { margin: 20px 0; }
}

@media all and (max-width: 1165px) {

	#contents .cs_navi li { width: 180px; }
}

@media all and (max-width: 1080px) {
	#contents .wrap { gap: 0; }
	#contents .contents .cs_head,
	#contents .contents .cs_body { width: 100%; }
    #contents .contents {
		display: block;
		float: none;
		width: 100%;
	}
    #contents .contents .cs_head {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0;
		/* margin-bottom: 20px; */
		padding-top: 110px;
	}
    #contents .contents .cs_title {
		width: 100%;
		padding: 0;
		color: #222;
		line-height: 50px;
		/* padding: 20px 0; */
	}
    #contents .cs_title h2 { font-size: 28px; }

    #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.csn_depth1 {display:none;}
    #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; min-height:auto;} */
    #contents .contents .cs_area {margin:15px 0;}

    #contents .cs_navi .csn_1depth {margin-bottom: 10px;}
    #contents .cs_navi .csn_2depth {position: relative; z-index: 6;}

    .cont .mb20 { padding: 0 !important; }
}

@media all and (max-width: 768px) {
	#contents .cs_title h2 { font-size: 29px; }
}

@media all and (max-width: 480px) {
	#contents .contents .cs_head { padding-top: 80px; margin-bottom: 10px; }
	#contents .contents .cs_title { padding: 0; padding-top: 25px; padding-bottom: 10px; }
	#contents .cs_title h2 { font-size: 23px; padding: 0;  text-align:left;}
	#contents .contents .cs_body { margin: 10px 0; }
}