@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.hide_txt{font-size:1px;line-height:0;position:absolute;display:inline-block;overflow:hidden;clip:rect(1px 1px 1px 1px);width:1px;height:1px}
html, body, div {font-family: "Nanum Gothic", sans-serif; margin: 0; padding: 0; top: 0; bottom: 0;}
h1,p, form {margin: 0;}
hr {border:none; border-top:3px dotted #e7e7e7; color:white; height: 1px; width: 100%;}
a:link, a:visited {color: #141414; text-decoration: none;}
a:hover, a:active {color: #ff195a;  text-decoration: none;}
i:a:link {color: gray;}
.cat {width:77px; background-color:#003691;padding: 3px 7px;margin: 2px 0px; color: white;}
.cat1 {width:100px; background-color:#003691;padding: 3px 7px;margin: 2px 0px;}
.cat2 {width:77px; background-color:#003691;padding: 3px 7px;margin: 2px 0px; float:left;}
.cat_tag {font-size: 9pt;color:white;}
.cat_m_tag {font-family:'Pretendard-Light'; font-size: 12px;color:white;}
.loc {width:26px; background-color:#ff2d68;padding: 3px 7px;margin: 2px 5px; float:left;}
.loc2 {width:26px; background-color:#ff2d68;padding: 3px 7px;margin: 2px 2px; color:white;}
.loc_m {width:40px; background-color:#ff2d68;padding: 2px 5px;margin: 0px 3px; float:left;}
.loc_m1 {width:40px; background-color:#ff2d68;padding: 0px 5px;margin: 0px 3px; float:left;}
.description-myeongjo {font-family:'Nanum Myeongjo', serif;font-size: 12pt;font-weight: normal; line-height:130%;}
.descript {font-family:'Pretendard-Light'; font-size: 10px;color:#333333;}
.subject {font-size: 10pt;}
.subject_m {font-size: 15px;width:100%;}
.subject-left-bold {font-family:'Nanum Myeongjo', serif;font-size: 18pt;font-weight: bold; line-height:123%;}
.subject-left-semi {font-family:'Nanum Myeongjo', serif;font-size: 14pt;font-weight: bold; line-height:123%;text-align:left;}
.subject-main-bold {font-family: 'Pretendard-ExtraBold';font-size: 24pt;text-align:center;}
.subject-main-semi {font-family: 'Pretendard-SemiBold';font-size: 16pt;white-space: nowrap; letter-spacing: -1;}
.subject-submain {font-family: 'Pretendard-Bold';font-size: 18pt;text-align:left; letter-spacing: -1;}
.newsmemo {padding:10px 5px 0px 5px;font-size: 9pt; color:#333333; line-height:133%;}
.time {font-size: 9pt; color:#3a78be;}
.newsmemo-main {padding:10px 0px 0px 0px;font-size: 9pt; color:#333333; line-height:133%;}
.category_m1 {width: 100px; font-family:'Pretendard-Light'; font-size: 12px;color:#f7f7f7;background-color:#003691;padding: 2px 5px;margin: 0px;}
.category_m2 {float:left; width: 77px; font-family:'Pretendard-Light'; font-size: 12px;color:#f7f7f7;background-color:#003691;padding: 2px 5px;margin: 0px;}
.newssubject {font-size: 14pt; font-weight: bold; letter-spacing: -1;}
.newssubject2 {font-size: 10pt; color: #999999;}
.newsbox-left {width:302px;border-bottom: 1px solid #d9d9d9; padding: 10 0;}
.newsbox-left-bottom {width:302px; padding: 10 0;}
.newsbox-main {width:568px;border-bottom: 1px solid #d9d9d9; padding: 10 0;}
.newsbox-main-bottom {width:568px; padding: 10 0;}
.newsbox-submain {width:906px;border-bottom: 1px solid #d9d9d9; padding: 10 0;}
.mobile-main {width:100%;border: 0px; padding: 10 0;}
.insert-img {float: left;margin-right: 10px;padding-top:10px;}
.insert-img-right {float: right;margin-right: 10px;padding-top:10px;}
.submain-img {float: right;padding-left:20px;}
.mtitle {text-align:center;background-color:#003691;color:white;font-family:'Pretendard-SemiBold';font-size: 13pt;font-weight: bold;}
.mtitle a:link, .mtitle a:visited {color: white}
.mtitle a:hover, .mtitle a:active {color: #fad610}
.stitle {font-family:'Pretendard-Thin';font-size: 12pt;}
.trend-no {float:left;font-family:'Nanum Myeongjo', serif;font-size: 21pt;font-weight: bold;padding-top:10px;padding-right:6px;color:#0f90f2;}
.latestsubject  {font-family: 'Pretendard-SemiBold'; font-size: 13pt;white-space: nowrap; letter-spacing: -0.7;}
.latestcategory {font-family: 'Pretendard-SemiBold'; font-size: 10pt; color: #999999; padding-right: 15px;}
.SLB_center { cursor:pointer; visibility:hidden; border: solid 4px #000000; background-color: #FFF}
.SLB_close { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
.SLB_caption { cursor: pointer; display:none; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; font-family: verdana,tahoma; font-size: 9pt; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; }

/* Layout */
#wrap{width:100%;min-width:1300px}
#header{width:100%;height:120px;border-bottom:2px solid #dddddd;}
#header h1{position:relative;width:1246px;margin:0 auto}
#header h1 a{position:absolute;z-index:10;top:10px;left:50%;display:block;width:202px;height:60px;margin:0 0 0 -101px;}
#header.on .search_zone{display:block;opacity:1;filter:alpha(opacity=100)}
#header.on .util,#header.on h1{z-index:5}
#container{min-width:1300px}
#content{width:1246px;margin:15px auto;padding:0 0 100px;}
#content_sub_top{width:1246px; margin:0px;padding:0 0 20px;}
#content_subbr_top{width:1246px; margin:-18px auto;padding:0 0 20px;;}
#content_sub_wrap{width:1200px; margin: 15px auto;padding:0;background-color:white;}
#content_foot{width:1246px;margin:15px auto;padding:0 0 30px;border-top: 2px dashed #cdcdcd;}
#header.on .search_zone{display:block;opacity:1;filter:alpha(opacity=100)}
#news_top {width:1186px; height: 144px; border: 0;padding: 0px; margin: 0 30px; float: left;}
.subtitle {width: 100%;display:block; text-align: center;background-image: url('https://newsandpost.com/img/titleline.gif');}
.footer_wrap {width:100%;height:200px;background:url(https://newsandpost.com/img/footer_bg.gif);}
.footer {position:relative;width:1246px;height:200px;margin:0 auto;padding:23px 0px;font-size: 9pt; color: #454545;line-height:130%;}
.snsbtn {float: right;margin-top:-10px;}
.basicinfo {padding-top: 50px; font-size: 9pt; color: #454545;line-height:133%;}
.videodisplay_zone {z-index:9999;position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: table; margin-left: auto; margin-right: auto;opacity:1;filter:alpha(opacity=100)}
.topnews {display: inline-block; width: 590px; height: 330px; margin: 0; border: 1px solid #e7e7e7; background-size: 590px 330px; vertical-align: top; float: left;}
.topnews-wrap {position:relative;display:block;left:0;bottom:0; width: 590px; height: 330px; background-image: url('https://newsandpost.com/img/topsubject_bg.png'); background-repeat: repeat-x;}
.topsubject {position: relative; text-align:center; width: 100%; top: 300px; font-size: 14pt; font-weight: bold; color: white; margin: 0; overflow: hidden;}
.topsubject a:link, .topsubject a:visited {color: white}
.topsubject a:hover, .topsubject a:active {color: #fad610}
.topsubjects-wrap {position:relative;display:block;left:0;bottom:0; width: 296px; height: 164px; background-image: url('https://newsandpost.com/img/topsubjects_bg.png'); background-repeat: repeat-x;}
.topsubjects {position: relative; text-align:center; width: 100%; top: 136px; font-size: 12pt; letter-spacing: -1; font-weight: bold; color: white; margin: 0; overflow: hidden;}
.topsubjects a:link, .topsubjects a:visited {color: white}
.topsubjects a:hover, .topsubjects a:active {color: #fad610}

/* Main */
.main #header{position:absolute;top:0;left:0}
.main_v_wrap .cover{position:absolute;top:0;left:50%;display:block;width:2000px;height:540px;margin-left:-1000px;backface-visibility:hidden}
/*! RollingBanner */
.main_v_wrap.etc_color .cover{background:url(https://newsandpost.com/images/main/cover_etc01.png) center top no-repeat}
.main_v_wrap{transition:background .5s;position:relative;overflow:hidden;min-width:1246px;height:540px}

/*! gnb */
.gnb_wrap{width:100%;}
.gnb{position:relative;width:1246px;height:58px;margin:0 auto;padding:0}
.gnb ul {list-style:none;margin:0;padding:0;}
.gnb li{float:left;margin:0 20px}
.gnb li:first-child{margin-left:0}
.gnb li a{display:block;height:19px;text-indent:-999em;background-image:url(https://newsandpost.com/img/t_comm.png);background-repeat:no-repeat}
.gnb .gnb_left{float:left}
.gnb .gnb_right li{margin:0 3px}
.gnb .gnb_center {text-align: center;margin:0 20px;left:50%}
.gnb .gnb_snsicons li{float:left;margin:0 3px}
._searchForm {vertical-align: middle;}
.gnb
.gnb li.gnb_search{margin:-4px 3px 0 12px}
.gnb li.gnb_search .search_zone{position:absolute;z-index:1005;top:0;left:0;display:none;width:100%;height:110px;}
.gnb li.gnb_search .search_zone>span{position:absolute;z-index:1110;top:33px;right:0;display:block;width:343px;height:33px;padding:7px 0;border:1px solid #2a2a2a;background:#fff; vertical-align: text-bottom;}
.gnb li.gnb_search .search_zone .inptxt{font-family:'Nanum Gothic','Malgun Gothic','Apple Gothic',dotum,gulim,sans-serif;font-size:16px;width:260px;height:30px;margin-left:10px;padding:0 20px 0 10px;color:#2a2a2a;border:0}
.ie7 .gnb li.gnb_search .search_zone .inptxt,.ie8 .gnb li.gnb_search .search_zone .inptxt,.ie9 .gnb li.gnb_search .search_zone .inptxt{height:20px;padding:5px 20px 5px 10px}
.gnb li.gnb_search .search_zone .del{position:absolute;top:0;right:-50px;display:block;width:16px;height:15px;padding:17px;text-indent:-999em;background:url(https://newsandpost.com/img/btn_sch_close.png) 18px 18px no-repeat}
.gnb li.m01 a{width:36px;height:20px;background-position:0 0px}
.gnb li.m02 a{width:36px;height:20px;background-position:-80x 0px}
.gnb li.m03 a{width:36px;height:20px;background-position:-160px 0px}
.gnb li.m04 a{width:36px;height:20px;background-position:-240px 0px}
.gnb li.m05 a{width:53px;height:20px;background-position:-83px -87px}
.gnb li.m06 a{width:71px;height:20px;background-position:-167px -87px}
.gnb li.m07 a{width:36px;height:20px;background-position:-269px -87px}
.gnb li.s01 a{width:35px;height:36px;background-position:-1 -183px}
.gnb li.s02 a{width:35px;height:35px;background-position:-42 -183px}
.gnb li.s03 a{width:35px;height:35px;background-position:-83 -183px}
.gnb li.s04 a{width:35px;height:35px;background-position:-124 -183px}
.gnb li.s05 a{width:35px;height:35px;background-position:-165 -183px}
.gnb li.s06 a{width:35px;height:35px;background-position:-206 -183px}
.gnb li.s07 a{width:35px;height:35px;background-position:-248 -183px}
.gnb li.b01 a{width:116px;height:35px;background-position:-293 -184px}
.gnb li.b02 a{width:116px;height:35px;background-position:-293 0px}
.gnb li.gnb_search a{width:28px;height:28px;background-position:-333px -85px}
.gnb .gnb_right{float:right;position:relative}
/*! gnb_black */
.gnb_black #header h1 a{background-position:0 0}
.gnb_black .util li a{width:96px;height:27px;color:#fff;border:0;background:url(https://newsandpost.com/img/t_comm.png) no-repeat}
.gnb_black .util li a .ico_jmnet{background-position:-80px -50px}
.gnb_black .gnb li.m01 a{background-position:0 -30px}
.gnb_black .gnb li.m02 a{background-position:-80px -30px}
.gnb_black .gnb li.m03 a{background-position:-160px -30px}
.gnb_black .gnb li.m04 a{background-position:-240px -30px}
.gnb_black .gnb li.m05 a{background-position:-83px -117px}
.gnb_black .gnb li.m06 a{background-position:-167px -117px}
.gnb_black .gnb li.m07 a{background-position:-269px -117px}
.gnb_black .gnb li.gnb_search a{background-position:-333px -115px}
/*! gnb_over */
.gnb li.m01 a:active,.gnb li.m01 a:focus,.gnb li.m01 a:hover{background-position:0 -60px}
.gnb li.m02 a:active,.gnb li.m02 a:focus,.gnb li.m02 a:hover{background-position:-80px -60px}
.gnb li.m03 a:active,.gnb li.m03 a:focus,.gnb li.m03 a:hover{background-position:-160px -60px}
.gnb li.m04 a:active,.gnb li.m04 a:focus,.gnb li.m04 a:hover{background-position:-240px -60px}
.gnb li.m05 a:active,.gnb li.m05 a:focus,.gnb li.m05 a:hover{background-position:-83px -147px}
.gnb li.m06 a:active,.gnb li.m06 a:focus,.gnb li.m06 a:hover{background-position:-167px -147px}
.gnb li.m07 a:active,.gnb li.m07 a:focus,.gnb li.m07 a:hover{background-position:-269px -147px}
.gnb li.s01 a:active,.gnb li.s01 a:focus,.gnb li.s01 a:hover{width:35px;height:36px;background-position:-1 -232px}
.gnb li.s02 a:active,.gnb li.s02 a:focus,.gnb li.s02 a:hover{width:35px;height:35px;background-position:-42 -232px}
.gnb li.s03 a:active,.gnb li.s03 a:focus,.gnb li.s03 a:hover{width:35px;height:35px;background-position:-83 -232px}
.gnb li.s04 a:active,.gnb li.s04 a:focus,.gnb li.s04 a:hover{width:35px;height:35px;background-position:-124 -232px}
.gnb li.s05 a:active,.gnb li.s05 a:focus,.gnb li.s05 a:hover{width:35px;height:35px;background-position:-165 -232px}
.gnb li.s06 a:active,.gnb li.s06 a:focus,.gnb li.s06 a:hover{width:35px;height:35px;background-position:-206 -232px}
.gnb li.s07 a:active,.gnb li.s07 a:focus,.gnb li.s07 a:hover{width:35px;height:35px;background-position:-248 -232px}
.gnb li.b01 a:active,.gnb li.b01 a:focus,.gnb li.b01 a:hover{width:116px;height:35px;background-position:-293 -231px}
.gnb li.b02 a:active,.gnb li.b02 a:focus,.gnb li.b02 a:hover{width:116px;height:35px;background-position:-293 -47px}
.gnb li.gnb_search a:active,.gnb li.gnb_search a:focus,.gnb li.gnb_search a:hover{background-position:-333px -144px}
/* sub menu bar */
.sub-menu-bar {width: 1186px; height: 23px; text-align: center; padding: 3px;}
.sbm {font-family:'Pretendard-SemiBold'; font-size: 14pt; font-weight: bold; margin: 0px 15px;}

/* banner */
.banner {position: absolute; width: 100%; height: 540px; top: 0;  margin: 0 auto; padding:0; overflow: hidden;z-index:-2;}
.banner ul {position: absolute; margin: 0px; padding:0; list-style: none; }
.banner ul li {float: left; width: 2000px; height: 540px; top: 0; left: 50%; margin:0; padding:0;}
#rotating-item-wrapper {
	position: relative; top: 0;  margin: -19px 0 auto;
	overflow: hidden;z-index:-2;
	width: 100%;
	height: 120px;
}
#rotating-item-wrapper-sub {
	position: relative; top: 0; margin: 0px 0 auto; 
	overflow: hidden;z-index:-2;
	width: 100%;
	height: 120px;
}
.rotating-item {
	position:absolute;top:0;left:50%;display:none;width:2000px;height:120px;margin-left:-1000px;
}
.rotating-text {position: absolute; top: 165px; left: -10px; opacity: 0; z-index: 10; color: white;}
.st-top {font-size: 13pt;}
.st-main {font-size: 20pt; font-weight: bold;}
.st-bottom {font-size: 11pt;}
.adblock {width: 130px; height: 130px; top: 350px; left:1095px; opacity: 0; position: absolute; padding: 10px; z-index:11; font-size: 15pt; font-weight: bold; line-height:133%;}
.adblockimg {width: 150px; height: 150px; top: 350px; left:1095px; opacity: 0; position: absolute; z-index:9;}
.adblockline {width: 150px; height: 300px; top: 350px; left:1095px; border:2px solid white; opacity: 0; position: absolute; z-index:12;}
.jenny {width: 150px; height: 150px; top: 350px; left:0px; opacity: 100; position: absolute; z-index:8;}

/* box */
.item {float: left; width: 100%;}
.itembox {width: 228px; height: 162px; padding: 0px; margin: 0px; overflow: hidden;}
.item-a {display: inline-block; width: 467px; height:335px; padding: 15px; border: 1px solid #e7e7e7;margin: 0;}
.item-b {display: inline-block; width: 372px; padding: 15px; border: 1px solid #e7e7e7;margin: 0; float: left; overflow: hidden;}
.item-c {display: inline-block; width: 372px; padding: 14px; border: 1px solid #e7e7e7;margin: 0; float: left; overflow: hidden;}
.item-f {display: inline-block; width: 228px; height:176px; padding: 5px 10px 15px 10px; border: 0;margin: 0;}
.item-g {display: inline-block; width: 228px; height:176px; padding: 5px 10px 15px 10px; border: 0;margin: 0;}
.item-h {display: inline-block; width: 228px; height:162px; padding: 10px; border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin: 0;}
.item-i {display: inline-block; width: 228px; height:162px; padding: 10px; border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin: 0;}
.item-j {display: inline-block; width: 296px; height: 164px; padding: 0px; border: 1px solid #e7e7e7;margin: 0; overflow:hidden; background-size: 296px 164px;}
.item-k {display: inline-block; width: 296px; height:164px; padding: 0px; border-top: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin: 0; overflow:hidden; background-size: 296px 164px;vertical-align: top; float:left;}
.item-l {display: inline-block; width: 296px; height:165px; padding: 0px; border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin: 0; overflow:hidden; background-size: 296px 164px;}
.item-m {display: inline-block; width: 296px; height:165px; padding: 0px; border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;margin: 0; overflow:hidden; background-size: 296px 164px;vertical-align: top; float:left;}
.item-z {display: inline-block; width: 582px; padding: 15px; border: 1px solid #e7e7e7;margin: 0; float: left; overflow: hidden;}
.broadcasts {width: 1246px; height:200px; margin: 0px; padding: 0px;margin: 0;}
.broadcast_title {float: left; width:249px; text-align: center; border: 0;}
.videoplays {width: 1246px; height:50px; margin: 0px; padding: 0px;margin: 0;}
.playcover {z-index: 15;background:url(https://newsandpost.com/playcover.png) no-repeat; width: 228px; height: 128px; position:absolute; margin-top:-128px;}
#thumb{z-index: 15;background:url(https://newsandpost.com/playcover.png) no-repeat; width: 228px; height: 128px; position:absolute; margin-top:-128px;visibility:hidden;}
a:hover #thumb{visibility:visible;}

.slider {
    width: 100%;                                 
    overflow: hidden;
    position: relative;
}
.slide {
    float: left;
    width: 100%;
    position: relative;
}
.about1 {border-bottom:1px dotted black;border-left:1px dotted black;}
.about2 {border-bottom:1px dotted black;border-left:1px dotted black;border-right:1px dotted black;}