/* 속보창 */
.quicknews-main {display: flex; flex-wrap: wrap; padding: 0;}
.quicknews-main header, .quicknews-main footer, .quicknews-main .container {display: flex; justify-content: flex-start; width: 100%;}
.quicknews-main header {height: 60px; border: none; padding-left: 20px; align-items: center; background-color: #2d78c3;}
.quicknews-main header h1 {display: flex; align-items: center;}
.quicknews-main header span {
    margin-left: 20px;
    padding-left: 40px;
    color: #96bce1;
    font-weight: normal;
    font-size: 1.2rem;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: left 11px top -1432px;
}
.quicknews-main .container {display: flex; align-items: stretch; height: calc(100vh - 60px); background-color: #fff;}
.quicknews-main .container .left {overflow-y: scroll; flex-basis: 400px;}
.quicknews-main .container .right {padding: 40px; overflow-y: scroll; flex: 1;}
.quicknews-main .container .right .bodynews {width: 760px;}
.quicknews-main .container .left > div:nth-child(1) {display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-bottom: 2px solid #f7334a;}
.quicknews-main .container .left > div:nth-child(1) p {font-size: 0.8rem;}
.quicknews-main .container .left > div:nth-child(1) p:nth-child(1) span:nth-child(1) {line-height: 1.7;}
.quicknews-main .container .left .selbox select {margin-right: 15px; padding: 4px 15px 4px 8px; background-position: right 12px top -310px;}
.quicknews-main .container .left > div:nth-child(1) button {
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
    background-position: left -395px top 3px;
    border: 1px solid #999;
    border-radius: 4px;
}
.quicknews-main .container .left div:nth-child(1) .datetime span {display: inline-block;}
.quicknews-main .container .left div:nth-child(1) .datetime span:nth-child(1) {
    padding-left: 10px;
    background-color: transparent;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: left 0 top -1035px;
}
.quicknews-main .container .left table tr {
    cursor: pointer;
}
.quicknews-main .container .left table tr.on {
    background-color: #ddd;
}
.quicknews-main .container .bodynews .footer {padding: 20px; border-top: 1px solid #ccc;}
.quicknews-main .bodynews .fncbtnbox ul {justify-content: flex-start;}
.quicknews-main nav {display: flex; background-color: #eee; border-bottom: 1px solid #ccc;}
.quicknews-main nav ul {display: flex; flex-wrap: wrap; margin: 0 6px;}
.quicknews-main nav ul li {margin: 0 1px; padding: 3px 4px 5px 4px;}
.quicknews-main nav ul li span {font-size: 0.70rem; cursor:pointer;}
.quicknews-main nav ul li span.on {font-weight: bold;}
.quicknews-main nav ul li span:link {color: #333; text-decoration: none;}
.quicknews-main nav ul li span:visited {color: #333; text-decoration: none;}
.quicknews-main nav ul li span:hover {color: #2d3fc3; text-decoration: underline;}
.quicknews-main nav ul li span:active {color: #2d3fc3; text-decoration: underline;}
.quicknews-main nav ul li span:focus {color: #2d3fc3; text-decoration: underline;}
.quicknews-main table {width: 100%;}
.quicknews-main table tr {border-bottom: 1px solid #ccc;}
.quicknews-main table td {padding: 10px 0;}
.quicknews-main table td:nth-child(1) {font-size: 0.85rem; text-align: center; color: #999;}
.quicknews-main table td:nth-child(2) span {
    font-size: 0.95rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: pointer;
}
.quicknews-main .paging {padding: 20px 0;}
.quicknews-main .paging a, .quicknews-main .paging span {padding: 7px 4px;}
.quicknews-main .paging .page_prev {margin-right: 10px; background-position: left -148px top -310px;}
.quicknews-main .paging .page_next {margin-left: 10px; background-position: left -187px top -310px;}
.quicknews-main .paging .page_first {margin-right: -1px; background-position: left -229px top -310px;}
.quicknews-main .paging .page_end {margin-left: -1px; background-position: left -269px top -310px;}


/* 기사상세 ----------------------------------------------------- */
/* 기사상세 : 헤드영역 */
.bodynews .header {margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.bodynews h2 {margin-bottom: 15px; font-size: 2.2rem; letter-spacing: -2px; line-height: 1.2;}
.bodynews h3 {margin-bottom: 20px; color: #666; font-size: 1.1rem; border-left: solid 3px #888; padding-left: 10px;}
.bodynews .writetime {display: flex; margin-bottom: 20px; font-size: 0.9rem; color: #999;}
.bodynews .writetime p:nth-child(1) {
  padding-right: 30px;
  background-color: transparent;
  background-image: url(/images/bullet.png);
  background-repeat: no-repeat;
  background-position: right -65px top -1435px;
}
.bodynews .fncbtnbox {display: flex; justify-content: space-between; align-items: center;}
.bodynews .fncbtnbox div {display: flex; align-items: center;}
.bodynews .fncbtnbox button {
    display: inline-block;
    margin-right: 5px;
    width: 60px;
    height: 30px;
    border-radius: 5px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    background-color: #eee;
}
.bodynews .fncbtnbox button:nth-child(1) {font-size: 1.2rem;}
.bodynews .fncbtnbox button:nth-child(2) {font-size: 0.8rem;}
.bodynews .fncbtnbox button:nth-child(3) {font-size: 0.8rem;}
.bodynews .fncbtnbox ul {display: flex;}
.bodynews .fncbtnbox ul li {margin-left: 5px;}
.bodynews .fncbtnbox ul li a {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background-image: url(../images/icon.png);
    background-repeat: no-repeat;
}
.bodynews .fncbtnbox ul li:nth-child(1) a {background-position: left -40px top -80px;}
.bodynews .fncbtnbox ul li:nth-child(2) a {background-position: left -40px top -160px;}
.bodynews .fncbtnbox ul li:nth-child(3) a {background-position: left -120px top -160px;}
.bodynews .fncbtnbox ul li:nth-child(4) a {background-position: left -200px top -160px;}


/* 기사상세 : 본문내용 */
.bodynews .contents {padding-bottom: 20px; padding-left: 10px; padding-right: 10px; font-weight: 400;  font-size: 17px; line-height: 27px; color: #222; letter-spacing: -0.3px;}
.bodynews .contents p {margin-bottom: 18px; margin-top: 18px; }
.bodynews .contents figure {margin: 40px auto; width: 600px;}
.bodynews .contents figure img {width: 100%;}
.bodynews .contents figcaption {padding-top: 10px; color: #666; font-size: 0.9rem;}
.bodynews .contents tr {
    border: none;
}
.bodynews .contents tr td {
    padding: 0;
}
.bodynews .contents .news_img_caption {padding-top: 10px; padding-bottom: 10px; color: #666; font-size: 0.9rem; line-height: 1.4;}


/* 기사상세 : 디지털뉴스콘텐츠 이용규칙 보기 */
.bodynews .newsrule {
    margin: 20px 0;
    padding: 5px 22px;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: left 10px top -1028px;
}
.bodynews .newsrule a {text-decoration: underline;}


/* 기사상세 : 푸터영역 */
.bodynews .footer {margin-bottom: 30px;}
.bodynews .footer .fncbtnbox {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    background-image: url(../images/divline.png);
    background-repeat: repeat-x;
    background-position: left 0 bottom -11px;
}
.bodynews .footer p {font-size: 0.9rem; margin-bottom: 40px; text-align: center;}
.bodynews .footer .footbtnbox {display: flex; justify-content: flex-end;}
.bodynews .footer .footbtnbox button {
    display: inline-block;
    margin-left: 5px;
    padding: 0 30px 0 20px;
    height: 36px;
    border-radius: 5px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    background-color: #eee;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
}
.bodynews .footer .footbtnbox button:nth-child(1) {background-position: right 10px top -388px;}
.bodynews .footer .footbtnbox button:nth-child(2) {background-position: right 10px top -947px;}


/* 안다 유료 결제링크 안내 */
.andalink_area {
    width: 500px;
    margin: 10px auto 40px;
    padding: 40px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    background-color: #e6e8ed;
}
.andalink_area p {
    font-weight: bold;
}
.andalink_area span {
    display: inline-block;
}
.andalink_area button {
    border-radius: 5px;
    font-size: 0.9rem;
    width: 168px;
    height: 42px;
    color: #ffffff;
    background-color: #5b5865;
}