@charset "utf-8";

/* reset */
html{font-family: 'Noto Sans KR', 'AppleGothic', 'Malgun Gothic', sans-serif; font-size: 16px; color: #333; background-color: #fff; word-break:break-all;}
ol,ul,ul li{list-style: none}
a, a:link, a:visited, a:active, a:hover{text-decoration: none;}
a:hover{text-decoration:none;}
body {margin: 0; padding: 0;}

/* CLEAR FIX*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}

.mB20 {margin-bottom: 20px;}
.mT10 {margin-top: 10px;}
.mT20 {margin-top: 20px;}

/* header css */
header {position: fixed; background: #fff; width: 100%; z-index: 999;}
.headerWrap {position: relative; background-color: #fff; box-shadow: 0 0.4rem 1rem rgb(0 0 0 / 10%);}
.headerWrap .navWrap {position: relative; width: 70%; height: 5rem; margin: 0 auto; display: flex; justify-content: space-between;}
.headerWrap .navWrap .logoWp {display: table;}
.headerWrap .navWrap .logoWp .logoImg {display: table-cell; vertical-align: middle; height: 5rem;}
.headerWrap .navWrap .navWp {display: table;}
.headerWrap .navWrap .navWp .gnb {display: table-cell; vertical-align: middle;}
.navWp .gnb li {display: inline-block;}
.navWp .gnb li a {display: block; padding-left: 3rem; font-weight: 700; font-size: 1rem; color: #333;}

/* css */
.container {width: 100%;}
.container .inner {width: 70%; margin: 0 auto;}
.container .inner .mainWp {width: 100%; display: block; column-count: 4; column-gap: 2rem; padding: 10rem 0 5rem 0;}
.container .inner .imgView {display: inline-block; overflow: hidden; width: 100%; margin-bottom: 2rem; vertical-align: top;}
.container .inner .txtView {background-color: #eee; border-radius: 1rem;}
.container .inner .txtView a {padding: 2rem; display: inline-block;}
.container .inner .imgWp {width: 100%; border-radius: 1rem;}
.container .inner .newsTit {font-size: 1.2rem; color: #000; font-weight: 600; padding:0 !important; margin: 0 !important;}
.container .inner .newsTxt {font-size: 0.9rem; color: #333; font-weight: 400; }
.container .inner .newsTxt img {max-width:750px !important;}
.container .inner .newsTxt .entry-content {padding:0;margin:0;}
/* best news css */
.container .inner .adViewWp {background: #eee; border-radius: 1rem;}
.container .inner .adViewWp .adView {padding: 2rem;}
.adViewWp .adView ol {padding: 0; list-style: none;}
.adViewWp .adView li {padding: 0.8rem 0; border-bottom: 1px solid #767676;}
.adViewWp .adView .adView_info {display: flex;}
.adViewWp .adView .adView_thumb {overflow: hidden; position: relative; width: 40%; margin-right: 10%; height: 3rem; border-radius: 0.5rem;}
.adViewWp .adView .adView_num {overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; width: 1.5rem; height: 1.5rem; background-color: #000; color: #fff; font-size: 1.1rem; line-height: 1.5rem; text-align: center;}
.adViewWp .adView .adView_thumb img {width: 100%; height: auto; object-fit: cover; margin-right: 1rem;}
.adViewWp .adView .adView_txtWp {width: 50%;}
.adViewWp .adView .adView_txt {display: block; display: -webkit-box; max-height: 4rem; color: #333; font-weight: 400; font-size: 1rem; line-height: 1.3rem; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

/* footer */
.footerAr {width: 100%; margin:0  auto; padding: 2rem 0; position: relative; overflow: hidden; background: #eee; text-align: center; font-size: 0.8rem; color: #333;}
.footerAr .info_corp a {color: #878787;}
.footerAr em {padding: 0 0.3rem;}
.footerAr address {font-style: normal; font-weight: 100; margin-top: 1rem; color: #333;}
.footerAr .copyright {font-weight: 600;}

/* sub css */
.container .inner .subWp {width: 100%; display: flex; justify-content: space-between; padding: 10rem 0 5rem 0;}
.container .inner .subNews {width: 60%;}
.container .inner .subCont {width: 35%;}
.container .inner .newsBigTit {font-size: 2rem; margin: 0; font-weight: 900;}
.container .inner .newsDate {font-size: 0.8rem; float: right; font-weight: 300;}

.container .inner .news_writer {margin-top: 1rem; padding: 1rem 0 0 0; border-top: 1px solid #ccc;}
.container .inner .byline {float: left;}
.container .inner .news_writer .name {display: inline-block; color: #000; font-size: 1rem;;}


/* mobile */
@media screen and (max-width: 750px) {
    
    .headerWrap {padding: 1rem;}
    .headerWrap .navWrap {width: 90%; flex-direction: column;}
    .headerWrap .navWrap .navWp {}
    .headerWrap .navWrap .logoWp .logoImg {height: 3rem;}
    .headerWrap .navWrap .logoWp {margin: 0 auto;}
    .headerWrap .navWrap .navWp .gnb{padding: 0; margin: 0; display: flex; justify-content: space-between;}
    .navWp .gnb li a {padding-left: 0;}
    .container .inner {width: 85%;}
    .container .inner .mainWp {column-count: 1;}

    .container .inner .subWp {display: flex; flex-direction: column;}
    .container .inner .subNews {width: 100%;}
    .container .inner .subCont {width: 100%;}
}