@import url("layout.css");

/*전국신협찾기*/
@font-face {
	font-family: 'S-CoreDream-9Black';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
.consmT{position: relative; width: 70%; margin: 0 auto; padding: 0 2rem; text-align: center; font-size: 1rem; transition: .3s;}
.consmT::before, .consmT::after{ display: block; position: absolute; font-size: 3rem; color: #cecece; font-family: 'S-CoreDream-9Black';}
.consmT::before{content: '“'; top: -1rem; left: 0;}
.consmT::after{content: '”'; bottom: -2rem; right: 0;}
.consmT span {font-size: 1.2rem; color: #307aff; font-weight: 600; transition: .3s;}
.consm {width: 100%;}
.consm li {display: inline-table;width: calc((100% - 2rem)/3);min-height: 12rem;margin-right: 0.75rem;margin-bottom: 1rem;padding: 1rem 1.25rem;border: 2px solid #f3f3f3;border-radius: 15px;box-shadow: 4px 4px 0px #f3f3f3;text-align: center;transition: .3s all;}/*220928*/
.consm li:hover {border: 2px solid #307aff; background-color: #f4f8ff; }
.consm li:nth-child(3n){margin-right: 0;}
.consm li a{display: block;}
.consm li p.img {width: 3.75rem;height: 3.75rem;margin: 0 auto; overflow: hidden;display: inline-block;}
.consm li p.img img {max-width: 100%;}
.consm li a .cont {overflow: hidden; display: inline-block; width: 100%;}
.consm li a .cont span {display: block;}
.consm li a .cont .tit{font-size: 0.9rem; font-weight: 600; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.consm li a .cont .txt {font-size: 0.75rem;color: #666;/*white-space:nowrap; overflow:hidden;text-overflow: ellipsis;*/word-break: keep-all;}/*220914*/

/*반응형*/

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

	/*전국신협찾기*/
	.consmT {width: 90%; word-break: keep-all;}
	.consmT br{ display: none;}
	
}


@media screen and (max-width: 1240px){
	
   /*전국신협찾기*/
	.consm li {display: inline-block; min-height: 8rem;}
	.consm li a .cont .txt {white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
}

@media screen and (max-width: 1024px){
	
    /*전국신협찾기*/
	.consmT {width: 100%;}
	.consm li {width: calc((100% - 1rem)/2);}
	.consm li:nth-child(2n){margin-right: 0;}
	.consm li:nth-child(3n){margin-right: .75rem;}
	.consm li:nth-of-type(6), .consm li:nth-of-type(8){margin-right: 0;}
	.consm li:nth-of-type(7){margin-right: 0.75rem;}

}

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


}

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

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

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


}
@media screen and (max-width: 480px){
		
	/*전국신협찾기*/
    .consmT {font-size: 0.9rem; word-break: normal;}
    .consmT span{font-size: 1rem;}
    .consm li {width: 100%;margin-right: 0 !important;min-height: 0;}
    .consm li a{display: flex; align-items: center; text-align: left;}
    .consm li a .img {width: 2.5rem; height: 2.5rem; margin: 0; margin-right: 0.75rem; background-size: 10rem 5rem;}
    .consm li:nth-child(2) a .img {background-position: -2.5rem 0rem;}
    .consm li:nth-child(3) a .img {background-position: -5rem 0rem;}
    .consm li:nth-child(4) a .img {background-position: -7.5rem 0rem;}
    .consm li:nth-child(5) a .img {background-position: 0rem -2.5rem;}
    .consm li:nth-child(6) a .img {background-position: -2.5rem -2.5rem;}
    .consm li:nth-child(7) a .img {background-position: -5rem -2.5rem;}
    .consm li:nth-child(8) a .img {background-position: -7.5rem -2.5rem;}
    .consm li a .cont {width: 70%; font-size: 0.8rem;}
}