html, body {height:100%; width:100%; position:relative;}
body {margin:0; padding:0; font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; line-height:1; font-size:medium; }
a:visited,
a:link,
a:active,
a:hover {text-decoration:none; color:inherit;}
#layout {height:100%; max-height:100%; display:flex; flex-direction:column; justify-content:space-between; margin:0 auto; /*전체 넓이*/ max-width:1024px; }

#cardnews {font-size:0; text-align:center; text-align:center; flex:1 0 auto; position:relative;}
#cardnews a {display:block;}
#cardnews img {}
#cardnews-swiper {width:100%; height:100%; position:relative; overflow:hidden;}
#cardnews-swiper>ul {margin:0; padding:0; list-style:none; position:relative; width:100%; height:100%;}
#cardnews-swiper>ul>li {width:100%; height:100%; position:relative;}
#cardnews-swiper>ul>li>div {position:absolute; width:100%; height:100%; max-width:100%; max-height:100%; overflow:hidden; display:flex; justify-content:center; align-items:center;}
#cardnews-swiper>ul>li>div img {height:100%; width:auto;}

#footer {flex:0 0 auto; color:#fff; font-weight:bold;}
#footer ul {list-style:none; padding:0; margin:0; display:flex; justify-content:space-between; align-items:stretch; text-align:center;}
#footer li {flex:1 0 auto; display:flex; justify-content:center; align-items:center; }
#footer li a {width:100%; padding:1em 0;}

.swiper-pagination-bullet {border-color:#000; border-width:3px!important; border-style:solid; background:#fff; opacity:0.5;}
.swiper-pagination-bullet-active {opacity:1;}