@charset "utf-8";

/* 이미지반응형 */
.img_respon {position: relative;}
.img_bigView {display: none;}
@media all and (max-width:768px) {.img_respon .img_bigView,
	.img_respon a[target="_blank"].img_bigView{display: block; position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.5); padding: 5px 10px; color: #fff; font-weight: 600;}
	.img_respon a[target="_blank"].img_bigView:after{display: none;}
	}
/* img box */
.box_img {margin-top:20px; text-align:center; }
.box_img img {max-width: 100%;}
	
/* 미디어파사드 */
.media_cont {padding:30px 0; margin-top:0 !important; border-bottom:1px dotted #d1d1d1;}
.media_cont:after {content:''; display:block; clear:both;}
.media_cont li {float:left; width:33.3333%; padding:0 5px !important; margin-top:0 !important; box-sizing:border-box;}
.media_cont li:before {display:none !important;}
.media_cont li .imgWrap {position:relative; height:0; padding-top:100%; overflow:hidden; border-radius:10px;}
.media_cont li .imgWrap img {position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;}
#contents .media_cont li h5 {margin-left:0; color:#2c2c2c;}
#contents .media_cont li h5 + p {margin-left:22px;}

.media_cont.app_cont li .imgWrap {padding-top:50%;}

.app_down {padding:30px 20px; margin-top:20px; border:1px solid #ddd; border-radius:20px;}
.app_down:after {content:''; display:block; clear:both;}
.app_down li {float:left; width:50%; text-align:center; box-sizing:border-box;}
.app_down li:not(:last-child) {border-right:3px dotted #efefef}
.app_down li p {padding-top:20px}

@media all and (max-width:768px) {
	.media_cont {padding-bottom:0; border-bottom:none;}
	.media_cont li {float:none; width:auto; padding:20px 0 !important; border-bottom:1px dotted #d1d1d1;}
	.media_cont li:after {content:''; display:block; clear:both;}
	.media_cont li .imgWrap {width:30%; float:left; position:static; height:auto; padding-top:0;}
	.media_cont li .imgWrap img {position:static; transform:translateY(0);}
	.media_cont li .txtWrap {float:left; width:70%; padding-left:15px; box-sizing:border-box;}
	#contents .media_cont li h5 {margin-top:0 !important;}
	.media_cont li h5 br {display:none;}
	.media_cont.app_cont li .imgWrap {padding-top:0;}
	.app_down {padding:0 20px;}
	.app_down li {float:none; width:auto; padding:20px 0;}
.app_down li:not(:last-child) {border-right:0; border-bottom:3px dotted #efefef;}
}
@media all and (max-width:480px) {
	.media_cont li {padding-bottom:20px !important;}
	.media_cont li .imgWrap {width:auto; float:none;}
	.media_cont li .txtWrap {width:auto; float:none; padding-left:0;}
	#contents .media_cont li h5 {margin-top:20px !important;}
}