@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(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;
}
.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;
}

/*  패밀리 사이트 */
.familysite {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.familysite button {
  padding: 8px 58px 8px 20px;
  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;
  flex-grow: 1;
}
.gnb ul li a {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  padding: 12px 15px 10px 14px;
}
.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 40px 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;
}
.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;
}

/* 뉴스핌제보 카톡 친구추가 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;
}