@charset "utf-8";

/* 가족친화인증기업관 : 인증기업소개 */
.company-list ul{display:flex; flex-wrap:wrap; width:100%;}
.company-list li{position:relative;width:calc(100%/4 - 15px); border:1px solid #ddd; margin-top:25px; margin-right:20px;padding-bottom:50px}
.company-list li:nth-child(4n){margin-right:0}
.company-list li .img{width:100%; height:0; padding-bottom:47%;position:relative;overflow:hidden;}
.company-list li .img img{position:absolute;top:50%; left:50%;max-width:100%;max-height:100%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.company-list li .con{padding:20px;}
.company-list li .con .tit{font-weight:500; color:#222}
.company-list li .con dl{font-size:14px;display:flex; flex-wrap:wrap; justify-content:space-between;margin-top:10px}
.company-list li .con dt{position:relative;width:60px;}
.company-list li .con dt:after{position:absolute; right:0; content:': '}
.company-list li .con dd{width:calc(100% - 60px);padding-left:5px;;}

/*가족친화인증기업관 : 협력기관*/
.cooperation-list{margin-top:10px;display:flex; flex-wrap:wrap;border:1px solid #ddd; padding:10px }
.cooperation-list li{width:calc(100%/5);padding:10px}
.cooperation-list li span{position:relative;display:inline-block; width:100%; height:0; padding-bottom:47%;overflow:hidden; vertical-align:bottom;text-align:center}
.cooperation-list li img{position:absolute; top:50%; left:50%;max-width:100%;max-height:100%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.company-info{border:1px solid #ddd; border-radius:10px;overflow:hidden;margin-top:20px}
.company-info .tit{height:60px; background:#f6f6f6; padding:0 30px; line-height:60px; font-size:1.2em; color:#000; font-weight:600;}
.company-info .con{padding:30px;display:flex; flex-wrap:wrap; justify-content:space-between;}
.company-info .con > dl{width:calc(50% - 20px);}
.company-info .con dt{color:#eb8509; font-size:1.1em;font-weight:600;padding-left:20px;position:relative; }
.company-info .con dt:before{content:'';position:absolute; width:16px; height:16px;border:5px solid #eb8509; border-radius:100%; left:0; top:5px}

.company-info .con dd{position:relative; padding-left:13px; margin-top:5px}
.company-info .con dd:before{content:'';position:absolute; width:6px; height:6px; background:rgba(0,0,0,.2); border-radius:100%; left:0; top:8px}

@media(max-width:1200px){
/*가족친화인증기업관 : 가족친화인증기업 소개*/
.company-list li{width:calc(100%/3 - 10px); margin-right:15px}
.company-list li:nth-child(4n){margin-right:15px}
.company-list li:nth-child(3n){margin-right:0}
.company-list li:nth-child(n+4){margin-top:15px}

/*가족친화인증기업관 : 협력기관*/
.cooperation-list li{width:calc(100%/4)}
}

@media(max-width:1024px){
.company-list ul{justify-content:space-between}
.company-list li{width:calc(100%/2 - 10px); margin-right:0}
.company-list li:nth-child(3n),.company-list li:nth-child(4n){margin-right:0}
.company-list li:nth-child(n+3){margin-top:20px}

/*가족친화인증기업관 : 협력기관*/
.cooperation-list li{width:calc(100%/3)}

.company-info .con > dl{width:100%}
.company-info .con > dl:nth-child(n+2){margin-top:30px}
}

@media(max-width:850px){

/* 가족친화인증기업관 : 인증기업소개 */
.company-list li{width:100%}
/*가족친화인증기업관 : 협력기관*/
	.cooperation-list {justify-content:space-between}
	.cooperation-list li{width:calc(100%/2 - 5px); padding:0}
	.cooperation-list li:nth-child(n+3){margin-top:10px}
}