/* 카드뉴스관련 */
.img_gallery_area {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

/*@media all and (min-width:768px), print*/
.img_gallery_area .img_gallery_list {
    width: 100%;
    padding-top: 10px;
    overflow: hidden;
}

/*@media all and (min-width:1200px)*/
.img_gallery_area .img_gallery_list li {
    width: 300px;
    height: 250px;
    margin: 0 10px 20px 10px;
    float: left;
    padding-bottom: 10px;
}
.img_gallery_area .img_gallery_list li a {
    display: block;
    text-decoration: none;
}

.img_gallery_area .img_gallery_list li a .img {
    margin-bottom: 10px;
    display: block;
    border: solid 1px #c1c2c3;
    position: relative;
    height: 28px;
    padding-top: 55%;
    overflow: hidden;
    /* width: 256px; */
}

.img_gallery_area .img_gallery_list li a .img img {
    width: 100%;
    min-height: 100%;
    vertical-align: top;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 178px;
}


.img_gallery_area .img_gallery_list li a .desc {
    padding-bottom: 5px;
    display: block;
    color: #303233;
}
.img_gallery_area .img_gallery_list li a .date {
    color: #777;
}

/* 스포원소개 > 홍보마당 */
.b-front img {width: 180px;height: 230px;}

.brochure-wr{border-top:2px solid #2b405b;border-bottom:1px solid #bbb;}
.brochure-wr:after{display:block;clear:both;}
.brochure-wr li{position:reltaive;float:left;width:50%;position:relative;border-bottom:1px solid #bbb;}
.brochure-wr li:nth-child(odd):after{content:"";display:block;position:absolute;right:0;top:0;width:1px;height:100%;background:#bbb;}
.brochure-wr li .cont-wr{padding:10px;}
.brochure-wr li .cont-wr:after{display:block;content:"";clear:both;}
.brochure-wr .b-front{float:left;margin-right:8%;margin-top:10px;}

.brochure-wr .t-cate{font-size:0.938em;color:#005fca;text-transform:uppercase;padding-bottom:20px;font-weight:400;}
.brochure-wr .tit{font-size:17px;color:#222;font-weight:500;}
.brochure-wr .cp-btn{position:absolute;bottom:30px;width:170px;}

@media only screen and (max-width:900px){
	.brochure-wr li{position:reltaive;float:left;width:100%;position:relative;border-bottom:1px solid #bbb;}
	.brochure-wr li:nth-child(odd):after{display:none;}
}
@media only screen and (max-width:450px){
	.brochure-wr li{text-align:center;}
	.brochure-wr .b-front{width:100%;text-align:center;}
	.brochure-wr .txt-wr{width:100%;padding-top:5px;}
	.brochure-wr .cp-btn{position:relative;bottom:auto;margin:10px auto 0 auto;}
}
