@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=East+Sea+Dokdo');
@import url('https://fonts.googleapis.com/css?family=Lato:900');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.hide{display:none;}
.clear { clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; }

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button{margin:0; padding:0;}
body{margin:0 auto; color:#444; line-height:1.6; background-color:#FFF;}
body{
font-family : 'Noto Sans KR','Titillium Web','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum','cwTeXHei', 'Jeju gothic',Sans-serif;
font-size:14px;
line-height:1.6;
}

li{list-style:none;}
hr{display:none;}
form,button{border:0; vertical-align:top;}
img {border:0;}
em, address{font-style:normal;}

a{color:#2f2f2f; text-decoration:none;outline: none;}
a:visited {color:#2f2f2f;}
a:active{color:#2f2f2f;}
a:hover{text-decoration:none;/*underline;*/}
a.visit {color:#2f2f2f !important; text-decoration:none; }
a.visit:visited {color:#2f2f2f !important;}
a.visit:active{color:#2f2f2f !important;}
a.visit:hover{text-decoration:none;/*underline;*/}
a strong{letter-spacing:-1px;}

.article .articleSource{display:none;}
.titleBox{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-column-gap: 0px;}
.titleBox .sectionTitle{display:inline-block; font-weight:bold;font-size:16px;margin-bottom:4px;letter-spacing:2px;width: 100%;height: 40px;line-height: 40px;text-align: center; vertical-align: middle;}
.titleBox .sectionTitle:not(.unactive){background-color:#3085C4}
.titleBox .sectionTitle:not(.unactive) a{color:#fff}
.titleBox .sectionTitle.unactive{color:#a5a2a2 !important;letter-spacing:0;font-weight:600;font-size:14px;}
.titleBox .sectionTitle.unactive a{color:#a5a2a2 !important;}
 
#mainWrap{width:728px;height:530px}
#mainWrap section:arter{clear:both;}
#mainWrap .img2text {display: inline-block;margin-bottom:7px;}
#mainWrap .img2text .article .articleThumb{display:none;}
#mainWrap .img2text .article li {width:348px;float:right;line-height: 21px;}
#mainWrap .img2text .article li:nth-child(n+3){margin-bottom:5px;}
#mainWrap .img2text .article li:nth-child(7){margin-bottom:0px;}
#mainWrap .img2text .article li .articleTitle {width:348px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#mainWrap .img2text .article li:nth-child(-n+2) {width:165px;float:left;margin-right:22.3px;display:block;}
#mainWrap .img2text .article li:nth-child(-n+2) .articleThumb{display:block;height: 130px;overflow:hidden;}
#mainWrap .img2text .article li:nth-child(-n+2) .articleThumb img{width:165px;min-height: 130px;}
#mainWrap .img2text .article li:nth-child(-n+2) .articleTitle {width:165px;height:22px;white-space:inherit;line-height: 19px;}

#mainWrap .imgtext {width:245px;float: left;margin-right: 5px;}
#mainWrap .imgtext .article .articleThumb{display:none;}
#mainWrap .imgtext .article .articleSource{display:none;}
#mainWrap .imgtext .article li .articleTitle{width:245px;display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#mainWrap .imgtext .article li:first-child .articleThumb{display:block;height:115px;overflow:hidden;}
#mainWrap .imgtext .article li:first-child .articleThumb img{width:245px;}
#mainWrap .imgtext .article li:first-child .articleTitle {width:245px;height:38px;white-space:inherit;line-height: 19px;position:relative;bottom:38px;bottom: 38px; background-color:#000;background-color: rgb(0 ,0,0,0.4);zoom: 1;filter: alpha(opacity=40);}
#mainWrap .imgtext .article li:first-child .articleTitle a {color:#fff;}
#mainWrap .imgtext .article li:nth-child(2){margin-top:-41px;}

#mainWrap .bigimg1img .article li {width:118px;height:115px;float:left;margin-right:7px;display:block;overflow:hidden;margin-bottom:10px;}
#mainWrap .bigimg1img .article li .articleThumb {width:118px;height:81px;overflow:hidden;}
#mainWrap .bigimg1img .article li .articleThumb img{width:118px;min-height:115px;}
#mainWrap .bigimg1img .article li .articleTitle {width:118px;height:38px;white-space:inherit;line-height: 19px;}
#mainWrap .bigimg1img .article li .articleTitle{width:118px;display: inline-block;overflow: hidden; text-overflow: ellipsis;font-size: 13px;line-height:14px;height: 28px;}
#mainWrap .bigimg1img .article li:first-child {width:245px;}
#mainWrap .bigimg1img .article li:first-child .articleThumb{display:block;width:245px;height:115px;}
#mainWrap .bigimg1img .article li:first-child .articleThumb img{width:245px;min-height:115px;}
#mainWrap .bigimg1img .article li:first-child .articleTitle {width:245px;height:38px;white-space:inherit;line-height: 19px;position:relative;bottom: 38px; background-color:#000;background-color: rgb(0 ,0,0,0.4);zoom: 1;filter: alpha(opacity=40);}
#mainWrap .bigimg1img .article li:first-child .articleTitle a {color:#fff;}
#mainWrap .bigimg1img .article li:nth-child(3) {margin-right:0;}

#mainWrap .imgList .article li {width:165px;height:150px;float:left;margin-right:22.3px;display:block;overflow:hidden;margin-bottom:10px;}
#mainWrap .imgList .article li:nth-child(4){margin-right:0px;}
#mainWrap .imgList .article li .articleThumb {width:165px;height:130px;overflow:hidden;}
#mainWrap .imgList .article li .articleThumb img{width:165px;min-height: 130px;}
#mainWrap .imgList .article li .articleTitle {width:165px;height:38px;white-space:inherit;font-size: 13px;line-height: 18px;}
#mainWrap .imgList .article li .articleTitle{width:165px;display: inline-block;overflow: hidden; text-overflow: ellipsis;}

#mainWrap .textList .article li {width:340px;height:24px;float:left;margin-right:18px;display:block;overflow:hidden;margin-bottom:9px;}
#mainWrap .textList .article li:nth-child(4){margin-right:0px;}
#mainWrap .textList .article li .articleTitle{width:340px;height:20px;white-space:inherit;font-size: 14px;line-height: 18px;display: inline-block;overflow: hidden; text-overflow: ellipsis;}
#mainWrap .textList .article li .articleTitle span{padding-right:5px;font-weight: 500;}