@charset "utf-8";
/* CSS Document */

/*
First Write : 2021-08-17
Last Update : 2022-08-31
Author: Jcode
*/

/*** Common Set ***/
html {
  font-size: 16px;
}
body {
  line-height: 1.4;
  font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic', '맑은고딕',
    Malgun Gothic, '돋움', Dotum, '굴림', Gulim, Helvetica, Apple Gothic, Arial,
    sans-serif;
  color: #333;
}

/* 타이틀 숨김 */
.blind {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.hide {
  display: none !important;
}

/* Link Set */
a:link {
  color: #333;
  text-decoration: none;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #333;
  text-decoration: underline;
}
a:active {
  color: #333;
  text-decoration: underline;
}
a:focus {
  color: #333;
  text-decoration: underline;
}

.link_white:link {
  color: #fff;
  text-decoration: none;
}
.link_white:visited {
  color: #fff;
  text-decoration: none;
}
.link_white:hover {
  color: #fff;
  text-decoration: underline;
}
.link_white:active {
  color: #fff;
  text-decoration: underline;
}
.link_white:focus {
  color: #fff;
  text-decoration: underline;
}

.link_blue:link {
  color: #2d3fc3;
  text-decoration: none;
}
.link_blue:visited {
  color: #2d3fc3;
  text-decoration: none;
}
.link_blue:hover {
  color: #2d3fc3;
  text-decoration: underline;
}
.link_blue:active {
  color: #2d3fc3;
  text-decoration: underline;
}
.link_blue:focus {
  color: #2d3fc3;
  text-decoration: underline;
}

/* input Width Size */
.width60 {
  width: 60px;
}
.width80 {
  width: 80px;
}
.width100 {
  width: 100px;
}
.width140 {
  width: 140px;
}
.width160 {
  width: 160px;
}
.width180 {
  width: 180px;
}
.width200 {
  width: 200px;
}
.width220 {
  width: 220px;
}
.width240 {
  width: 240px;
}
.width260 {
  width: 260px;
}
.width300 {
  width: 300px;
}
.width500 {
  width: 500px;
}

/* Align */
.t_align {
  text-align: center;
}

/* Padding(좌우) */
.pad20 {
  padding: 0 20px;
}
.pad40 {
  padding: 0 40px;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}

/* Font */
.f_bold {
  font-weight: bold;
}
.f_red {
  color: #ff0000;
}
.f_blue {
  color: #4365b9;
}

/* BG */
.blue {
  background-color: #2d78c3;
} /* 블루 (메뉴) */
.lblue {
  background-color: #5a95d1;
} /* 하늘색 (뉴스레터 자세히 보기) */
.coral {
  background-color: #fc4541;
} /* 진다홍 (뉴스레터 조회) */
.lgray {
  background-color: #999;
} /* 밝은회색 (뉴스레터신청 중복확인) */

/* Boder */
.border {
  border: 1px solid #ccc;
} /* 섬네일 아웃라인 줄경우(ex. 메인 그래픽뉴스) */

/* BTN Style(공통) */
a.btn,
a.btn1,
button.btn,
button.btn1,
a.rbtn,
a.rbtn1,
a.rbtn2,
button.rbtn,
button.rbtn1,
button.rbtn2 {
  display: inline-block;
  text-decoration: none;
}
a.rbtn,
a.rbtn1,
a.rbtn2,
button.rbtn,
button.rbtn1,
button.rbtn2 {
  border-radius: 5px;
}

/* 사각 BTN Style */
a.btn,
button.btn {
  padding: 20px 80px;
  color: #fff;
  font-size: 1.1rem;
} /* 뉴스레터 신청하기(블루) */
a.btn1,
button.btn1 {
  padding: 8px 18px 10px 18px;
  color: #fff;
  font-size: 0.9rem;
} /* 중복확인(그레이) */

/* 라운드 BTN Style */
a.rbtn,
button.rbtn {
  padding: 11px 40px;
  color: #fff;
  font-size: 1.1rem;
} /* 뉴스레터 안내보기(블루) */
a.rbtn1,
button.rbtn1 {
  padding: 5px 20px 6px 20px;
  color: #fff;
  font-size: 0.9rem;
} /* 뉴스레터 자세히 보기(밝은블루) */
a.rbtn2,
button.rbtn2 {
  padding: 10px 26px;
  color: #fff;
  font-size: 1.05rem;
} /* 기간별 조회하기(다홍) */

/* Form Set */
button {
  border: none;
  cursor: pointer;
}
area {
  cursor: pointer;
}
input,
select {
  padding: 10px;
  color: #666;
  font-size: 0.9rem;
  border: 1px solid #ccc;
  outline: none;
}
select {
  color: #666;
  -webkit-appearance: none; /* for chrome */
  -moz-appearance: none; /*for firefox*/
  appearance: none;
  background-image: url(/images/bullet.png);
  background-repeat: no-repeat;
  background-position: right 12px top -305px;
  /*border: 1px solid #ccc;*/
}
select::-ms-expand {
  display: none;
}
select:focus {
  outline: none;
}

/* Form Set : 검색 radio 체크버튼 */
[type='radio']:checked,
[type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type='radio']:checked + label,
[type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
[type='radio']:checked + label:before,
[type='radio']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border: 2px solid #999;
  border-radius: 100%;
  background: #fff;
}
[type='radio']:checked + label:before {
  border: 2px solid #0974c8;
  border-radius: 100%;
}
[type='radio']:checked + label:after,
[type='radio']:not(:checked) + label:after {
  content: '';
  width: 9px;
  height: 9px;
  background-color: #0974c8;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type='radio']:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type='radio']:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Form Set : 검색 checkbox 체크박스 */
[type='checkbox'] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
[type='checkbox'] + label {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}
[type='checkbox'] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  text-align: center;
  background: #fff;
  border: 2px solid #9d9d9d;
  box-sizing: border-box;
  background-color: #fff;
}
[type='checkbox']:checked + label:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 5px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
[type='checkbox']:checked + label:before {
  border: 2px solid #0974c8;
  background-color: #0974c8;
}

.pt-20 {
  padding-top: 20px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-5 {
  margin-top: 5px !important;
}

.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
}

.border-round {
  border-radius: 0.6rem;
}

/* TOP으로 이동 */
.topmove {
  position: fixed;
  right: 100px;
  bottom: 100px;
  width: 58px;
  height: 58px;
  z-index: 1;
  text-indent: -9999px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left -62px top -299px;
  border: 1px solid #ccc;
  cursor: pointer;
}

/* 전체메뉴 */
.allnav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
}
.allnav button {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left 7px top -232px;
}
.allnav .inbox {
  position: absolute;
  left: 50%;
  top: 120px;
  margin-left: -550px;
  width: 1100px;
  height: 640px;
  overflow-y: scroll;
  background-color: #fff;
}
.allnav .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  height: 50px;
}
.allnav .header span:nth-child(1) {
  width: 34px;
  height: 30px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left -233px top 7px;
}
.allnav .header a {
  margin-left: 5px;
  padding: 5px 20px 7px 20px;
  color: #fff;
  font-size: 0.9rem;
  border-radius: 20px;
  background-color: #2d78c3;
}
.allnav .header a:hover {
  text-decoration: none;
  background-color: #2d5c8b;
}
.allnav .box {
  border-top: 1px solid #ccc;
  padding: 10px;
}
.allnav .box > div {
  display: flex;
  align-items: stretch;
}
.allnav .box > div span {
  padding: 10px 18px;
  flex-basis: 110px;
}
.allnav .box:nth-child(2) > div span {
  background-color: #c7d3de;
}
.allnav .box:nth-child(2) > div span.live {
  padding: 10px 0;
  color: #ff0000;
  font-weight: bold;
  background-color: transparent;
}
.allnav .box:nth-child(3) > div span {
  background-color: #eee;
}
.allnav .box > div span a {
  text-decoration: none;
  font-weight: 500;
}
.allnav .box > div span a:hover {
  color: #2d5c8b;
}
.allnav .box > div ul {
  flex: 1;
  display: flex;
  flex-flow: row wrap;
  margin-left: 10px;
}
.allnav .box > div ul li {
  padding: 10px 0;
}
.allnav .box > div ul li a {
  padding: 10px;
  font-size: 0.9rem;
  color: #555;
}


/*** Header ***/
header {
  border-bottom: 2px solid #ddd;
}

/* 로고영역 */
.logoarea {
  display: flex;
  align-items: center;
  height: 120px;
}
.logoarea > div:nth-child(1) {
  flex: 2 1 0;
}
.logoarea > h1:nth-child(2) {
  flex: 1 1 0;
}
.logoarea > div:nth-child(3) {
  flex: 2 1 0;
  display: flex;
  justify-content: flex-end;
}

/* 로고영역(우측) */
.loginarea {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

/* 로그인/로그아웃 아이콘 + 검색창 */
.searcharea {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  gap: 8px;
}
.searcharea .ico a {
  display: inline-block;
  width: 40px;
  height: 36px;
  text-indent: -9999px;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
}
.searcharea .ico a.on {
  background-position: left 8px top 5px;
}
.searcharea .ico a.off {
  background-position: left -32px top 5px;
}
.search {
  position: relative;
  display: flex;
  align-items: center;
}
.search input {
  position: relative;
  width: 220px;
  height: 18px;
  padding-right: 40px;
}
.search button {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left -72px top 10px;
}
/*  날짜 */
.todaydate{
  width: 105px;
  padding: 8px 0;
  font-size: 0.75rem;
  line-height: 16px;
}
/*  패밀리 사이트 */
.familysite {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.familysite button {
  padding: 8px 43px 8px 35px;
  font-size: 0.8rem;
  color: #666;
  background-color: transparent;
  background-image: url(/images/bullet.png?v=1);
  background-repeat: no-repeat;
}
.familysite button.on {
  background-position: right 8px top -1595px;
}
.familysite button.off {
  background-position: right 8px top -1635px;
}
.familysite ul {
  position: absolute;
  top: 32px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #dae0e6;
  background-color: #fff;
}
.familysite ul li:last-child {
  text-align: center;
  border-radius: 1rem;
  background-color: #eee;
}
.familysite ul li a {
  display: block;
  font-size: 0.85rem;
  padding: 4px 25px 4px 8px;
  color: #666;
}
/* .familysite ul li a:hover {
    color: #2d78c3;
    border-radius: 4px;
    background-color: transparent;
    background-image: url(/images/bullet.png);
    background-repeat: no-repeat;
    background-position: right 8px top -1551px;
    background-color: #f4f6f8;
} */
.familysite ul li a:hover,
.familysite ul li a:active,
.familysite ul li a:focus {
  text-decoration: underline;
}

/* 주메뉴 */
header nav {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.gnb {
  display: flex;
  flex-grow: 1;
}
.gnb p a {
  display: inline-block;
  width: 40px;
  height: 46px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left -190px top 16px;
}
.gnb ul {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
.gnb ul li a {
  position: relative;
  /* display: inline-block; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  text-align: center;
  font-weight: 500;
  padding: 0 14px;
}
.kydMenu{
  width: 26px;
  margin-bottom: 3px;
  padding-left:3px;
}
.kspotMenu{
  padding-left:3px;
}
.gnb ul li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 3px;
  transition: width 0.1s;
  transition-timing-function: ease-out;
  background-color: #2d78c3;
}
nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus {
  text-decoration: none;
}
.gnb ul li a:hover:before,
.gnb ul li a:active:before,
.gnb ul li a:focus:before,
.gnb ul li a.on:before {
  width: 100%;
}
.snav {
  display: flex;
  margin: 0 30px 0 0;
}
.snav li a {
  display: inline-block;
  color: #4365b9;
  font-weight: bold;
  font-size: 0.9rem;
  padding: 13px 6px 12px 6px;
}
.snav li a:hover {
  color: #0c3290;
}

/*** Footer ***/
footer {
  padding: 20px 0 80px 0;
  border-top: 1px solid #ddd;
}
footer nav {
  display: flex;
  margin-bottom: 10px;
}
footer nav > ul {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
}
footer nav > ul li a {
  display: inline-block;
  padding: 10px 0;
  font-size: 0.9rem;
}
footer nav > ul li a:hover,
footer nav > ul li a:active,
footer nav > ul li a:focus {
  color: #2d78c3;
}
footer nav > ul li:nth-child(4) a,
footer nav > ul li:nth-child(5) a {
  font-weight: bold;
}
footer .sns {
  margin: 8px 0 0 40px;
}
footer .sns ul {
  display: flex;
}
footer .sns > ul li a {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: 4px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
}
footer .sns ul li:nth-child(1) a {
  background-position: left 0 top -80px;
}
footer .sns ul li:nth-child(2) a {
  background-position: left -80px top -80px;
}
footer .sns ul li:nth-child(3) a {
  background-position: left -160px top -80px;
}
footer .sns ul li:nth-child(4) a {
  background-position: left -240px top -80px;
}
footer .sns ul li:nth-child(5) a {
  background-position: left -320px top -80px;
}
footer .sns ul li:nth-child(1) a:hover {
  background-position: left -40px top -80px;
}
footer .sns ul li:nth-child(2) a:hover {
  background-position: left -120px top -80px;
}
footer .sns ul li:nth-child(3) a:hover {
  background-position: left -200px top -80px;
}
footer .sns ul li:nth-child(4) a:hover {
  background-position: left -280px top -80px;
}
footer .sns p {
  display: flex;
  justify-content: center;
}
footer .sns p a {
  width: 111px;
  margin-top: 8px;
  text-indent: -9999px;
  background-image: url(/images/ikpec.jpg);
  background-repeat: no-repeat;
  background-position: center;
}
.address {
  font-style: unset;
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.address > span {
  margin-right: 10px;
}
.license span {
  display: inline-block;
  font-size: 0.8rem;
}
.license span:nth-child(1) {
  width: 80px;
  font-weight: bold;
}
.license span:nth-child(2) {
  width: 160px;
}
small {
  margin-top: 15px;
  display: inline-block;
  font-size: 0.7rem;
  color: #999;
}

/*** Layout ***/
#wrap {
  overflow: hidden;
  min-width: 1280px;
}
header,
footer,
.container {
  display: flex;
  justify-content: center;
}
.inwrap {
  width: 1200px;
}
.container > .inwrap {
  margin: 40px 0 100px 0;
}
.container > .inwrap .inwrap {
  margin-bottom: 40px;
}

/* 목록 + 상세 inLayout */
.subwrap > .inwrap .inwrap {
  display: flex;
}
.subwrap > .inwrap .inwrap > .left {
  flex: 1;
}
.subwrap > .inwrap .inwrap > .right {
  flex-basis: 300px;
  margin-left: 40px;
}
.subwrap > .inwrap .inwrap > .right > div {
  margin-bottom: 40px;
}

/* 메인 inLayout */
.mainwrap > .inwrap .inwrap {
  display: flex;
}
/* .mainwrap > .inwrap .inwrap > .left {flex: 1; padding-right: 19px; border-right: 1px solid #ddd; min-width:0;} */
.mainwrap > .inwrap > .main04 > .left {
  flex: 1;
  padding-right: 19px;
  border-right: 1px solid #ddd;
  min-width: 0;
}
.mainwrap > .inwrap .inwrap > .right {
  flex-basis: 300px;
  margin-left: 20px;
  height: 100%;
}

/* 섹션면 inLayout */
.secwrap > .inwrap .inwrap {
  display: flex;
}
.secwrap > .inwrap .inwrap > .left {
  flex: 1;
}
.secwrap > .inwrap .inwrap > .right {
  flex-basis: 300px;
  margin-left: 40px;
}
.secwrap > .inwrap .inwrap:nth-child(1) {
  margin-bottom: 0px;
}
.secwrap .pathbox {
  padding-bottom: 10px;
  background-image: none;
}

/* 섹션면 왼쪽안 하위 inLayout */
.leftinbox {
  display: flex;
  margin-bottom: 20px;
}
.leftinbox .left {
  flex: 1;
}
.leftinbox .right {
  flex-basis: 240px;
  margin-left: 40px;
}

/* 기타 inLayout */
.etcwrap > .inwrap .inwrap {
  width: 100%;
}
.etcwrap h2 {
  font-size: 2rem;
  margin-bottom: 40px;
  padding: 20px 0;
  color: #333;
  font-weight: bold;
}

/* 가운데 정렬(배너 등) */
.acenter {
  display: flex;
  justify-content: center;
}

/* 경로표시 */
.pathbox {
  padding-bottom: 18px;
  background-image: url(/images/divline.png);
  background-repeat: repeat-x;
  background-position: left 0 bottom 0;
}
.path {
  flex: 1;
  display: flex;
  align-items: center;
  height: 54px;
}
.path a:first-child {
  padding-left: 30px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left -278px top 2px;
}
.path a:last-child {
  font-weight: bold;
}
.path span {
  display: inline-block;
  width: 30px;
  height: 24px;
  background-image: url(/images/bullet.png);
  background-repeat: no-repeat;
  background-position: left 12px top -873px;
}

/*** Template ***/

/* 콘텐츠 타이틀(기본) */
.sectit {
  position: relative;
  padding: 12px 0 12px 5px;
}
.sectit a:hover {
  text-decoration: none;
}
.sectit span a {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 12px 20px 10px 10px;
  font-size: 0.85rem;
  color: #666;
  background-color: transparent;
  background-image: url(/images/bullet.png);
  background-repeat: no-repeat;
}
.sectit span.more01 a {
  background-position: right 6px top -383px;
} /* 더보기 > */
.sectit span.more02 a {
  background-position: right 10px top -469px;
  text-indent: -9999px;
} /* 더보기 + */
.sectit span.more03 a {
  background-position: right 6px top -543px;
  text-indent: -9999px;
} /* 포토영상 더보기 + */
.sectit .red {
  color: #ff0000;
}
.sectit .dred {
  color: #b2171b;
}
.sectit .blue {
  color: #2e58d3;
}
.sectit .hotpink {
  color: #ff008a;
}
.sectit .purple {
  color: #6e2990;
}
.sectit .orange {
  color: #f36a0b;
}
.sectit .dbrown {
  color: #690f00;
}
.sectit .skyblue {
  color: #1d71ee;
}
.sectit .dskyblue {
  color: #1d3dc7;
}
.sectit .white {
  color: #fff;
}

/* 콘텐츠 타이틀(1/2 작은화살표 < > 버튼) */
.sectit .more04 {
  position: absolute;
  right: 0;
  top: 12px;
}
.sectit .more04 p {
  display: inline-block;
}
.sectit .more04 p:nth-child(1) span:nth-child(1) {
  font-weight: bold;
}
.sectit .more04 p:nth-child(1) span:nth-child(2) {
  color: #666;
}
.sectit .more04 .pagearrow {
  display: inline-flex;
  margin-left: 10px;
}
.sectit .more04 .pagearrow a {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: -1px;
  border: 1px solid #ccc;
}
.sectit .more04 .pagearrow .btn_prev {
  background-position: left -153px top -315px;
}
.sectit .more04 .pagearrow .btn_next {
  background-position: left -192px top -315px;
}

/* 콘텐츠 타이틀(스타일별) */
.titstyle01 {
  border-top: 2px solid #666;
  border-bottom: 1px solid #ccc;
}
.titstyle02 h3 a {
  padding-right: 25px;
  background-image: url(/images/bullet.png);
  background-repeat: no-repeat;
  background-position: right 0 top -1513px;
}

/* 양쪽 화살표 버튼 */
.pagearrow a {
  position: absolute;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
}
.pagearrow .btn_prev {
  left: 0;
}
.pagearrow .btn_next {
  right: 0;
}

/* 페이징 */
.paging {
  padding: 40px 0;
}
.paging .paging_in {
  margin: 0 auto;
  display: table;
}
.paging a,
.paging span {
  min-width: 28px;
  height: 20px;
  padding: 10px 7px;
  display: inline-block;
  border: 1px solid #d7dae2;
  font-size: 0.9rem;
  text-align: center;
  cursor: pointer;
}
.paging .page_prev,
.paging .page_next,
.paging .page_first,
.paging .page_end {
  background-image: url(/images/icon.png);
  text-indent: -9999px;
  background-repeat: no-repeat;
}
.paging .page_prev {
  margin-right: 10px;
  background-position: left -144px top -306px;
}
.paging .page_next {
  margin-left: 10px;
  background-position: left -184px top -306px;
}
.paging .page_first {
  margin-right: -1px;
  background-position: left -224px top -306px;
}
.paging .page_end {
  margin-left: -1px;
  background-position: left -264px top -306px;
}
.paging a.current_page,
.paging span.current_page,
.paging .link_page {
  margin-left: -1px;
}
.paging a.current_page,
.paging span.current_page,
.paging .link_page:hover,
.paging .page_next:hover,
.paging .page_prev:hover,
.paging .page_first:hover {
  border: 1px solid #1f78ca;
  color: #fff;
  text-decoration: none;
  background-color: #1f78ca;
}

/* 도트 페이징 */
.pagedot {
  display: inline-block;
}
.pagedot ul {
  display: flex;
}
.pagedot li {
  width: 7px;
  height: 7px;
  margin: 4px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #d7dae2;
}
.pagedot li span {
  display: inline-block;
  text-indent: -9999px;
}
.pagedot li.on {
  background-color: #f00;
}

/* 한줄뉴스목록 */
.newslist li a {
  font-size: 0.95rem;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  /* color: red; */
  /* display: block; */
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.newslist li {
  margin-bottom: 5px;
  background-repeat: no-repeat;
}
.newslist li:last-child {
  margin-bottom: 0;
}
.bul01 li {
  background-image: url(/images/bullet.png);
  padding-left: 8px;
  background-position: left 0 top 10px;
} /* 도트 블릿 */
.bul02 li {
  background-image: url(/images/bullet.png);
  padding-left: 14px;
  background-position: left 0 top -72px;
} /* 관련기사 블릿 */
.bul02 li a {
  color: #444;
} /* 관련기사 폰트컬러 */
.bul03 li {
  background-image: url(/images/bullet.png);
  background-position: left 6px top -142px;
} /* 오늘의 사건.사고 */
.bul04 li {
  background-image: url(/images/bullet.png);
  background-position: left 6px top -222px;
} /* 팩트체크 */
.bul05 li:nth-child(1) {
  background-image: url(/images/icon.png);
  background-position: left 10px top -392px;
} /* 오늘의 핫이슈 넘버링 1 */
.bul05 li:nth-child(2) {
  background-image: url(/images/icon.png);
  background-position: left -30px top -392px;
} /* 오늘의 핫이슈 넘버링 2 */
.bul05 li:nth-child(3) {
  background-image: url(/images/icon.png);
  background-position: left -70px top -392px;
} /* 오늘의 핫이슈 넘버링 3 */
.bul05 li:nth-child(4) {
  background-image: url(/images/icon.png);
  background-position: left -110px top -392px;
} /* 오늘의 핫이슈 넘버링 4 */
.bul05 li:nth-child(5) {
  background-image: url(/images/icon.png);
  background-position: left -150px top -392px;
} /* 오늘의 핫이슈 넘버링 5 */
.bul06 li {
  background-image: url(/images/bullet.png);
  padding-left: 18px;
  background-position: left 6px top -1109px;
} /* GAM 해외주식투자의 도우미 */

/* Temp : 한줄뉴스목록 박스 */
.nlistbox ul {
  padding: 18px 14px;
  border-top: 1px solid #ccc;
}
.nlistbox ul li {
  margin-bottom: 10px;
}

/* Temp : 한줄뉴스목록 박스(도트라인있음) */
.nlistbox1 ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}
.nlistbox1 .bul01 li {
  background-position: left 0 top 20px;
}

/* Temp : Padding Line 박스 */
.padbox {
  padding: 20px;
  border: 1px solid #ccc;
}
.padbox1 {
  padding: 20px 20px 5px 20px;
  border: 1px solid #ccc;
}

/* Temp : 섬네일뉴스목록 박스 */
.thumblist ul li {
  border-bottom: 1px dashed #ccc;
}
.thumblist .thumb_h,
.thumbbox .thumb_h {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.thumblist .thumb_h .thumb,
.thumbbox .thumb_h .thumb {
  margin-right: 15px;
  flex-basis: 114px;
  height: 84px;
}
.thumblist .thumb_h .subject,
.thumbbox .thumb_h .subject {
  font-size: 1rem;
  flex: 1;
}
.thumbbox .thumb_h .subject {
  background-color: coral;
}
.thumblist .thumb_h .subject a,
.thumbbox .thumb_h .subject a {
  -webkit-line-clamp: 3;
}

/* Temp : 가로섬네일목록 */
.thumblist_h article {
  margin-bottom: 15px;
}
.thumblist_h article:last-child {
  margin-bottom: 0;
}
.thumblist_h .thumb_h {
  align-items: center;
}
.thumblist_h .thumb_h .thumb {
  margin-right: 15px;
  flex-basis: 114px;
  height: 84px;
}
.thumblist_h .thumb_h .subject {
  font-size: 1rem;
  flex: 1;
}
.thumblist_h .thumb_h .subject a {
  -webkit-line-clamp: 3;
}

/* Temp : 세로섬네일목록 */
.thumblist_v .inbox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.thumblist_v article {
  width: 46%;
  margin-bottom: 5px;
}
.thumblist_v .thumb_v .thumb {
  height: 84px;
}
.thumblist_v .thumb_v .subject {
  font-weight: bold;
  font-size: 0.9rem;
}

/* 섬네일 공통(가로 + 세로 + 블랙) */
.thumb_v .thumb,
.thumb_b .thumb,
.thumb_h .thumb {
  position: relative;
  background-color: #eee;
}
.thumb img {
  width: 100%;
  height: 100%;
}
.thumb_v .subject a,
.thumb_b .subject a,
.thumb_h .subject a,
.thumb_h .summary,
.thumb_v .summary {
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.thumb .ico {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
}
.thumb .photo {
  background-position: left -121px top 2px;
}
.thumb .video {
  background-position: left -161px top 0;
}
.thumb .play {
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -33px;
  width: 46px;
  height: 46px;
  background-position: left -80px top -240px;
}
.thumb .label {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.75rem;
  padding: 3px 8px 5px 8px;
}
.thumb .andatv {
  color: #fff;
  background-color: #2a51ac;
}
.thumb .investgam {
  color: #f2c730;
  background-color: #1d2c46;
}

/* 가로 섬네일 */
.thumb_h {
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
.thumb_h .thumb {
  margin-right: 20px;
  flex-basis: 188px;
  height: 128px;
}
.thumb_h .txt {
  flex: 1;
}
.thumb_h .subject {
  font-size: 1.2rem;
}
.thumb_h .summary {
  margin: 9px 0 9px 0;
  color: #888;
}
.thumb_h .summary a {
  color: #888;
  font-size: 15px;
  line-height: 1.3;
}
.thumb_h .date {
  color: #bbb;
  font-size: 0.8rem;
}

/* 세로 섬네일 */
.thumb_v .thumb {
  height: 180px;
}
.thumb_v .subject {
  padding: 8px 10px;
}
.thumb_v .summary a {
  color: #888;
}
.thumb_v .date {
  color: #666;
  font-size: 0.9rem;
}

/* 블랙 섬네일 */
.thumb_b {
  position: relative;
}
.thumb_b .thumb {
  height: 180px;
}
.height-auto {
  height: auto !important;
}
.thumb_b .subject {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0.95rem;
  padding: 8px 12px;
  width: calc(100% - 24px);
  height: 44px;
  background-color: rgba(0, 0, 0, 0.8);
}
.thumb_b .subject a {
  color: #fff;
}

/* Temp : 섬네일 + 한줄뉴스 라인박스 뉴스 */
.thumbbox > div:nth-child(2) {
  padding: 20px;
  border: 1px solid #ccc;
}
.thumbbox > div:nth-child(2) article {
  margin: 0 0 15px 0;
}

/* 속보 */
.quicknews {
  display: flex;
  align-items: center;
  padding: 12px 10px;
  justify-content: space-between;
}
.quicknews h3 {
  flex-shrink: 0;
  margin-right: 10px;
  padding: 4px 10px 4px 10px;
  font-size: 0.85rem;
  border-radius: 20px;
  color: #fff;
  background-color: #4365b9;
}
.quicknews .inner {
  display: flex;
  height: 30px;
  overflow: hidden;
  width: 100%;
  justify-content: space-between;
}
.quicknews .newslist li {
  margin-bottom: 0px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quicknews .newslist li a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.quicknews span a {
  display: inline-block;
  width: 33px;
  height: 30px;
  margin-left: 10px;
  text-indent: -9999px;
  background-image: url(/images/bullet.png);
  background-repeat: no-repeat;
  background-position: left 5px top -716px;
}

/* 구분선 */
.dividline {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.divide10 {
  height: 10px;
}
.divide15 {
  height: 15px;
}
.divide20 {
  height: 20px;
}

/* 광고 */
.ad-box {
  text-align: center;
  font: 0/0 a;
  border: 1px solid #ddd;
}
.ad-box:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.ad-box img,
.ad-box video {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.ad-box-hide {
  display: none;
}

/*관련키워드*/
.article-keyword {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 16px;
  margin: 4px 6px 4px 0;
  border-radius: 30px;
  background-color: #fff;
}
/* 마이뉴스 */
.mynews_ico {
  display: inline-block;
  margin-right: 10px;
  width: 90px;
  cursor: pointer;
}
.mynews_ico img{
  width: 100%;
}

/* 뉴스핌제보 카톡 친구추가 2022-08-30 */
.jebo_kakao_ico {
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/jebo/ico_jebo.png);
  background-repeat: no-repeat;
  background-position: left 0 top 0;
  cursor: pointer;
}
.jebo_kakao_pop {
  position: absolute;
  left: -20px;
  top: 60px;
  display: none;
  left: -25px;
  top: 50px;
  padding-top: 15px;
  padding-right: 15px;
  display: none;
  z-index: 9999;
}
.jebo_kakao_pop .inbox {
  display: inline-block;
  padding: 25px;
  text-indent: -9999px;
  z-index: 9999;
  border-radius: 30px;
  background-color: #f7e111;
}
.jebo_kakao_pop button {
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
  border-radius: 50%;
  background-color: #381e1f;
  background-image: url(/images/jebo/close.png);
  background-repeat: no-repeat;
  background-position: center;
}
.jebo_kakao_pop a,
.jebo_kakao_pop a img {
  display: block;
}

/* 카톡 채널 추가 2022-11-18 */
.ch_plus {
  position: absolute;
  left: max(calc(50%), 640px);
  top: 208px;
  margin-left: 608px;
  z-index: 9999;
}
.ch_plus_txt {
  position: absolute;
  display: none;
  left: 50%;
  top: 338px;
  margin-left: 528px;
  padding-right: 20px;
  z-index: 9999;
}

/* KYD 아이콘 */
.kyd_ico a{
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/kyd/ico_kyd.png);
  background-repeat: no-repeat;
  background-position: left 0 top 0;
}

/* KYD 라이브 반짝 */
@keyframes blink {
  50% {
      opacity: 0}
  100% { 
      opacity: 1}
}
.kyd_live { animation:blink 2s forwards infinite;}
.kyd_live img{ width: 100%; margin-top: 4px}

/* 메인면 KYD 뉴스핌TV */
.kyd_tv {margin-bottom: 5px;}
.kyd_tv a {font-weight: 700; display: flex; justify-content: space-between; text-decoration: none;}
.kyd_tv_tit p{display: contents; font-size: 20px;}
.kyd_tv_tit img {width: 34px; height: auto; padding: 0 0 4px 4px}

/* KYD 디데이 배너*/
.kyd_dday {
  position: absolute;
  left: max(calc(50%), 640px);
  top: 208px;
  margin-left: 625px;
  z-index: 9999;
}

/* KYD 라이브 배너*/
.kyd_dday_live{
  position: absolute;
  top: -14px;
  right: -22px;
  width: 44px;
}

/* 메인면 SNS 채널 링크 2024-01-24 */
footer .sns_channel {margin: 8px 0 0 40px;}
footer .sns_channel ul {display: flex;}
footer .sns_channel ul li a {
  display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 2px; border-radius: 50%;
}
.sns_channel ul li a span {display: inline-block; text-indent: -9999px;}
.sns_channel .youtube {background: transparent url(/images/sns/ico_newspimtv.png?v1) no-repeat center / contain;}
.sns_channel .facebook {background-color: #3b5b9a;}
.sns_channel .twitter {background-color: #000;}
.sns_channel .naverpost {background-color: #00c13a;}
.sns_channel .naverblog {background-color: #2cb24a;}
.sns_channel .instagram {background: transparent url(/images/sns/bg_instagram.png) no-repeat center / 120%;}
/* .sns_channel .youtube span {background: transparent url(/images/sns/ico_youtube.png) no-repeat center / contain; width: 18px; height: 18px;} */
.sns_channel .facebook span {background: transparent url(/images/sns/ico_facebook.png) no-repeat center / contain; width: 18px; height: 18px;}
.sns_channel .twitter span {background: transparent url(/images/sns/ico_twitter.png) no-repeat center / contain; width: 12px; height: 12px;}
.sns_channel .naverpost span {background: transparent url(/images/sns/ico_naverpost.png) no-repeat center / contain; width: 20px; height: 20px;}
.sns_channel .naverblog span {background: transparent url(/images/sns/ico_naverblog.png) no-repeat center / contain; width: 20px; height: 20px;}
.sns_channel .instagram span {background: transparent url(/images/sns/ico_instagram.png) no-repeat center / contain; width: 18px; height: 18px;}

.sns_channel ul li:last-child a {
  display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin: 0 2px; border-radius: 50%; background-color: #f78403;
}
.sns_channel ul li:last-child a span {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url(/images/icon.png);
  background-repeat: no-repeat;
  background-position: left -323px top -83px;
}

footer .sns_channel p {
  display: flex;
  justify-content: center;
}
footer .sns_channel p a {
  width: 111px;
  margin-top: 8px;
  text-indent: -9999px;
  background-image: url(/images/ikpec.jpg);
  background-repeat: no-repeat;
  background-position: center;
}

/* 4.10 총선페이지 베너 */
.vote_banner{
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0 0 30px 0;
  background-image: url(https://img.newspim.com/etc/vote410/vote_bg.jpg?v4);
  background-repeat: no-repeat;
  background-position: center;
}
.vote_banner .vote_logo{
  width: 270px;
  height: 60px;
  background-image: url(https://img.newspim.com/etc/vote410/vote_logo.png) ;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top 5px;
  text-indent: -9999px;
}
.vote_banner .vote_nav{
  display: flex;
}
.vote_banner .vote_nav a{
  padding: 10px 22px;
  color: #fff;
}
.vote_banner .vote_day, .vote_banner .vote_today{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 96px;
  height: 44px;
  font-weight: 700;
  color: #6650db;
  background-image: url(https://img.newspim.com/etc/vote410/dday_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.vote_banner .vote_day .dday{
  font-size: 19px;
  line-height: 21px;
}
.vote_banner .vote_day .date{
  display: flex;
  font-size: 11px;
}
.vote_banner .vote_day .date img{
  width: 12px;
  height: 12px;
  margin: 2px 3px;
}

/* 4.10 총선 홈페이지탑 */
.vote_result{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.result_img_area {
  position: relative;
}
.result_img_area .result_time{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 28px;
  right: 20px;
  padding: 2px 16px;
  font-size: 0.9rem;
  font-weight: lighter;
  color: #fff;
  border-radius: 45px;
  background-color: #666;
}
.vote_result .result_img_area .result_img{
  width: 630px;
  background-color: #eee;
}
.vote_result .result_img_area .result_img img{
  width: 100%;
  height: 100%;
}
.result_table .contsInner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.result_table .contsInner .select_area{
  margin-left: 15px;
  padding: 12px 33px 7px 10px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  border: 1px solid #ccc;
  border-bottom: 2px solid #2E4171;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
}
.result_table .contsInner td {
  padding: 2px 0;
  text-align: center;
  font-size: 0.8rem;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background: #eee;
}
.result_table .contsInner .data_name{
  width: 88px;
}
.result_table .contsInner .data_num{
  width: 26px;
  font-weight: 600;
}
.result_table .color01, .result_table .color02, .result_table .color03, .result_table .color04 ,.result_table .color05, .result_table .color06, .result_table .color07, .result_table .color08 ,.result_table .color09{ color: #fff !important; font-weight: normal !important;}
.result_table .color01{background: #E61E2B!important;}
.result_table .color02{background: #152484!important;}
.result_table .color03{background: #FF7920!important;}
.result_table .color04{background: #007C36!important;}
.result_table .color05{background: #2AD2C9!important;}
.result_table .color06{background: #D6001C!important;}
.result_table .color07{background: #14A83B!important;}
.result_table .color08{background: #1A246B!important;}
.result_table .color09{background: #898A8E!important;}
.result_table .contestBox{
  width: 540px;
  margin-top: 20px;
}
.result_table .contestBox ul{
  display: flex;
  flex-wrap: wrap;
}
.result_table .contestBox ul li{
  display: flex;
  width: 165px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ccc;
  box-sizing: border-box;
}
.result_table .contestBox ul li p{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 2px 0;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
}
.result_table .contestBox ul li:nth-child(1n+1){
  margin-left:15px;
}
.result_table .contestBox ul .tableTit{
  background-color: #eee;
  border-width: 1px;
}
.result_table .contestBox ul .tableTit p{
  color: #767676;
  font-size: 0.9rem;
  font-weight: normal;
}
.result_table .contestBox ul .tableTit p:last-child{
  border-left: 1px solid #ccc;
}
.result_area li {
  position: absolute;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  /* color: #eee; */
  color: #333;
  font-size: 0.8rem;
  font-weight: 900;
  cursor: pointer !important;

}
.result_area li:hover, .result_area li.on {
  display: block;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  color: #333;
  font-size: 1.2rem;
  padding: 0 0 0 0;
  transition: font-size 0.3s ease;
}
.result_area .seoul {transform: translate(363.64px, 179.97px);}
.result_area .busan {transform: translate(541px, 432px);}
.result_area .daegu {transform: translate(474.46px, 389.66px);}
.result_area .incheon {transform: translate(347.41px, 196.43px);}
.result_area .kwangju {transform: translate(338.3px, 453.65px);}
.result_area .daejeon {transform: translate(383.81px, 315.91px);}
.result_area .ulsan {transform: translate(563.04px, 412.46px);}
.result_area .sejong {transform: translate(368.69px, 289.61px);}
.result_area .gyunggi {transform: translate(380.73px, 146.77px);}
.result_area .kangwon {transform: translate(488.99px, 155.33px);}
.result_area .chungbuk {transform: translate(423.54px, 261.66px)}
.result_area .chungnam {transform: translate(339.76px, 302px);}
.result_area .jeonbuk {transform: translate(368.65px, 379px);}
.result_area .jeonnam {transform: translate(350.68px, 479.86px)}
.result_area .gyungbuk {transform: translate(524.88px, 310.54px);}
.result_area .gyeongnam {transform: translate(485.56px, 436.01px)}
.result_area .jeju {transform: translate(562px, 521px);}

.vote_banner .vote_today .date{
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.vote_banner .vote_today .date img{
  width: 15px;
  height: 15px;
  margin: 2px 3px 0 0;
}

/* 페이지없음 */
.nopage {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.nopage div:nth-child(1) {margin: 100px 40px 80px 40px;}
.nopage div:nth-child(1) p:nth-child(1) {
  display: flex; align-items: center; height: 50px; margin-bottom:40px; padding-left: 50px; font-size: 1.4rem; font-weight: bold;
  background: transparent url(/images/ico_none1.png) no-repeat left 0 center / 10%;
}
.nopage div:nth-child(1) p:nth-child(2) {display: flex; flex-direction: column; font-size: 1.05rem; text-align: center;}
.nopage div:nth-child(1) p:nth-child(2) span {margin-bottom: 10px;}
.nopage div:nth-child(2) {margin-bottom: 80px;}
.nopage button {margin: 0 10px; padding: 15px 0; width: 180px; font-size: 1.05rem; border-radius: 15px;}
.nopage button.bg_white {border: 2px solid #333; background-color: #fff;}
.nopage button.bg_blue {color: #fff; border: 2px solid #2d78c3; background-color: #2d78c3;}

/* 오른쪽 날개 배너 */
.right-side-banner {
  position: absolute; margin-top: 495px;  margin-left: 1370px;
}
.position-relative { position: relative; }

/* 인포벨 바이라인 하단 배너 */
.byline-bottom-banners { display: flex; margin-bottom: 30px; margin-top: 30px; justify-content: space-around;} 

/* 사주배너 기사페이지 */
.saju_banner { position: absolute; top: 340px; left: max(calc(50%), 640px); margin-left: 625px; }
.saju_banner > a {display: block; width: 100%; height: 100%; }
.saju_banner > a > img {border-radius: 15px; }

/* 사주배너 메인페이지 */
.saju_banner_mainpage { position: absolute; top: 250px; left: max(calc(50%), 640px); margin-left: 625px; }
.saju_banner_mainpage > a {display: block; width: 100%; height: 100%; }
.saju_banner_mainpage > a > img {border-radius: 15px; }

.sk-image {
  width: 100%;
  background-color: #eee;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 120px;
}

.sk-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #eee 0%, #f5f5f5 50%, #eee 100%);
  animation: sk-shimmer 1.2s infinite;
}

@keyframes sk-shimmer {
  100% {
    left: 100%;
  }
}

.thumb img.lazy {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eee;
}

.thumb img.lazy:not([src]) {
  visibility: hidden;
}