@charset "UTF-8";

/* Layout */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.layout-center {
    width: 1200px;
    display: block;
    margin: 0 auto;
}

/*221031 추가부분*/
.layout-center.menu-row-2.menu-pc {
    border-top: 1px solid #e2dfdf;
    background-color: #fafafa;
    padding: 0px 0 25px 0px;
    position: absolute;
    text-align: left;
    float: right;
    z-index: 9999;
    left: 0;
    right: 0;
    top: -1px;
    box-shadow: #dddddd 0px 2px 2px;
}
.layout-center.menu-row-2.menu-pc .all_service p{
    text-align: center;
    font-size: 1.4rem;
    padding: 11px 0 10px 0;
    border-bottom: 1px solid red;
    height: 29px;
}
/* //추가부분*/

.relative {
    position: relative;
}

/* Header */
header {
    border-bottom: 1px solid #f43736;
    width: 100%;
    background-color: #fff;
}

.logo {
    display: block;
    width: 250px;
    margin: 0 auto;
    padding: 15px 0 0;
}

.logo img {
    width: 250px;
}

.header-top {
    padding: 15px 0;
}

/* GNB */
nav {
    border-top: 1px solid #dedede;
    position: relative;
}

nav a {
    font-weight: bold;
    white-space: nowrap;
    word-break: keep-all;
}

nav a:hover {
    color: #f43736;
}

.menu-row-1 {
    background-color: #fff;
}

.menu-row-1 a {
    display: inline-block;
    padding: 15px 0 14px;
    margin-left: 4.1%;
    font-size: 16px;
}

.menu-row-1 .biz-nav a {
    margin-left: 2.7%;
}
.menu-row-1 .biz-nav a:nth-child(1) {
    margin-left: 4.1%;
}

.menu-row-2 {
    border-top: 1px solid #ededed;
    background-color: #fafafa;
    padding: 15px 0;
}

.menu-row-2>a {
    display: inline-block;
    margin-left: 3%;
}

/* 221031 추가부분*/
.menu-row-2.menu-mobile .maintitle {
    margin-top: 0;
    height: 47px;
}
.menu-row-2.menu-mobile .all_service p {
    display: none;
}
.menu-row-2 {
    border-top: 1px solid #ff0000;
    background-color: #fafafa;
    padding: 19px 0 26px 22px;
    position: absolute;
    text-align: left;
    float: right;
    z-index: 2;
    left:0;
    right: 0;
    display: none;
}

.menu-row-2 .maintitle {
    float: left;
    padding-left: 45px;
    margin-top: 20px;
    height: 360px;
}

.menu-row-2 .maintitle a {
    color: rgb(5, 5, 5);
    font-size: 0.93rem;
}

.menu-row-2 .maintitle a:hover {
    color: rgb(255, 0, 0);
}

.menu-row-2 ul .subtitle {
    padding-top: 10px;
}

.menu-row-2 ul .subtitle li {
    padding-top: 4px;
}

.menu-row-2 ul .subtitle a {
    color: #666;
    font-size: 0.9rem;
   font-weight: 500;
}
.menu-row-2 .subtitle li a:hover {
    color:blue;

}
.title-2{
	height:30px !important; /* 20230719 추가*/
}
/* /추가부분*/

/* 2023.10.13 추가부분*/
.company-3{
    width: 120px;
    float: left;

  }
  .company-3 .maintitle .subtitle{
    display: none;
  }
  .company-3 .maintitle{
    height: 35px;
  }
  .company-3 .maintitle a{
    color: #487a86;
  }
  .menu-row-2 .title-2 li a{
    /* color: rgb(2, 196, 221); */
  }


  @media screen and (min-width: 1000px) and (max-width: 1199px){
    .menu-row-2.layout-center.menu-pc .can, .title-2 li{
      margin-top:0 ;
    }
    /* .title-2{
      height:35px !important;
    } */

  }
  @media screen and (max-width: 999px){
    .company-3 {
      width: 100%;
      float: none;
    }
    .company-3 .maintitle li a {
        float: left;
        width: 81px;
        margin: 3px 0 3px -36px;
        padding: 9px 48px 9px 2px;
        position: relative;
        border: 1px solid #ededed;
        color: #666;
        font-size: 14px;
        display:block;
    }
    .company-3 .maintitle li a:before {
        content: ">";
        color: #828282;
        font-size: 0.5rem;
        font-weight: bolder;
        position: relative;
        right: -140%;
        top: 2%;
    }
  }
/* /2023.10.13 추가부분*/

.menu-logo {
    display: none;
}

.copy {
    display: none;
}

.sticky-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 200;
    border-top: none;
}

.sticky-menu {
    top: 2px !important;
}

.sticky-nav {
    border-top: none;
}

.nd-nav-scroll {
    white-space: nowrap;
    overflow-x: auto;
    overflow: -moz-scrollbars-none;
    -moz-overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 0 10px;
    scrollbar-width: none;
}
/*뉴스레터 애니*/
.nd-nav-scroll {
    display: flex;

}
.newsletter_title span {
    font-size:0.99rem;
    color:#0071ff;
    background:#ffffff;
    display:table-cell;
   /* box-shadow:inset 0 0 5px rgba(255, 255, 255, 0.3), 0 5px 0 rgb(255, 255, 255);*/
    padding: 2px 0 0 0;
    line-height: 15px;
    animation:jumb 1.2s 2;
    font-weight:bold !important;
 }

  @keyframes jumb {
    0% {
      transform:translateY(0px);
    }
    50% {
      transform:translateY(-15px);
      box-shadow:0 5px 0 rgb(242, 198, 64);
    }
    100% {
      transform:translateY(0px);
    }
  }

  .newsletter_title span:nth-child(1) {
    animation-delay:0s;
  }
  .newsletter_title span:nth-child(2) {
    animation-delay:.1s;
  }
  .newsletter_title span:nth-child(3) {
    animation-delay:.2s;
  }
  .newsletter_title span:nth-child(4) {
    animation-delay:.3s;
  }
  .newsletter_title span:nth-child(4)::after{
    content: "″";

  }

/* 뉴스레터 애니 end*/



.nd-nav-scroll::-webkit-scrollbar {
    display: none;
}

.nd-nav-scroll::-moz-scrollbars-horizontal {
    display: none;
}

.nd-nav-grad-prev {
    position: absolute;
    top: 6px;
    left: 45px;
    width: 18px;
    height: 35px;
    background: -webkit-gradient(linear, left top, right top, color-stop(16.66%, #fff),
        color-stop(100%, rgba(255, 255, 255, 0)));
    z-index: 1;
}

.nd-nav-grad-next {
    position: absolute;
    top: 6px;
    right: 40px;
    width: 20px; /* 50px에서 수정 22.12.8 yj*/
    height: 35px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,
        255, 255, 0)), color-stop(90%, #fff));
    z-index: 1;
}

.sticky-grad {
    top: 2px;
}

/* Button */
#menu-btn {
    display: block;
    width: 50px;
    height: 45px;
    position: relative;
    top: 2px;
    left: 0;
    z-index: 10000;
    float: left;
    cursor: pointer;
}

.menu-btn {
    background-color: #222;
    width: 21px;
    height: 2px;
    position: absolute;
    top: 15px;
    left: 15px;
    transition: all 0.4s cubic-bezier(0.55, 0.09, 0.68, 0.53); /*221031 추가*/
}

.menu-btn:before {
    background-color: #222;
    content: "";
    position: absolute;
    width: 21px;
    height: 2px;
    top: 7px;
    left: 0;
    transition: all 0.4s cubic-bezier(0.55, 0.09, 0.68, 0.53); /*221031 추가*/
}

.menu-btn:after {
    background-color: #222;
    content: "";
    position: absolute;
    width: 21px;
    height: 2px;
    top: 14px;
    left: 0;
    transition: all 0.4s cubic-bezier(0.55, 0.09, 0.68, 0.53);/*221031 추가*/
}

#search-btn {
    background-image:
        url("data:image/svg+xml,%3Csvg fill='%23222222' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    float: right;
    width: 50px;
    height: 45px;
    background-size: 25px 25px;
    background-position: 50% 50%;
    position: relative;
    top: 3px;
    cursor: pointer;
}
/*다크모드 설정 230112*/

.logo-img-1,.menu-logo-1{
       display:none;
    }

#toggleTheme{
    display: none;
}
.nd-news-search {
    position: relative;
    width: 520px;
    height: 45px;
    margin: 0 auto 20px;
    border: 2px solid #f43736;
}

.news-search-text {
    width: 470px;
    padding: 8px 10px;
    float: left;
    box-sizing: border-box;
    border: none;
    font-size: 21px;
}

.news-search-btn {
    background-image:
        url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 50px;
    height: 45px;
    background-size: 25px 25px;
    background-position: 50% 50%;
    background-color: #f43736;
    border: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
}
.news-search-option-wrap {
    border-bottom: 1px solid #000;
    padding: 10px;
}
.news-search-option {
    margin-left:5px;
    float: right;
    padding: 5px 0 5px;
    font-size:14px;
    min-width: 80px;
    max-width: 120px;
}

.news-search-quantity{
    float: left;
    padding-top: 2px;
    font-size: 14px;
}

.search-off {
    background-image:
        url("data:image/svg+xml,%3Csvg fill='%23f43736' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E") !important;
}


.close {
    background-color: #ffffff00; /*다크모드 관련 수정부분*/
}

.close:before {
   content: "";
    position: absolute;
    width: 21px;
    height: 2px;
    top: 20px;
    left: 0;
    transform: translateY(-13px) rotate(45deg); /* 회전필요시 각도 조절 rotate(224deg)*/
    background-color: red;
    transition: all 0.4s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}


.close:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 2px;
    top: 20px;
    left: 0;
    transform: translateY(-13px) rotate( 314deg);
    background-color: red;
    transition: all 0.4s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
/* //수정부분*/

/* Search */
.search-box {
    position: absolute;
    z-index: 999;
    top: 50px;
    width: 100%;
    max-width: 1200px;
    height: 50px;
    display: none;
}

.search-box>input:focus {
    outline:none;
}

.search-box>input {
    position: absolute;
    top: 0px;
    left: 0;
    padding: 15px 50px 15px 15px;
    border: none;
    border-left: 1px solid #f43736;
    border-right: 1px solid #f43736;
    border-bottom: 1px solid #f43736;
    box-sizing: border-box;
    width: 100%;
    background: #ffffffef;
    opacity: 1;
    text-align: center;
}

.search-box .submit {
    color: transparent;
    position: absolute;
    top: 9px;
    right: 11px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    z-index: 1010;
    cursor: pointer;
}

.search-box label {
    display: none;
}

.search-box .submit img {
    width: 30px;
    height: 30px;
}

/* btn-top*/
#btn-top {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 1000;
    opacity: 0.8;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 10px 13px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

#btn-top .btn-triangle {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 15px solid #828282;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

#btn-top a {
    font-size: 20px;
    color: #ffffff;
}

.nd-btn {
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: none;
    padding: 10px 15px;
}

.btn-grey {
    background-color: #e7e7e7;
    color: black;
}

/* Button */
/* Footer */
footer {
    border-top: 1px solid #f43736;
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
    padding: 20px 0;
    text-align: center;
}

.nd-footer-menu {
    display: inline-block;
    margin: 0 auto;
}

.nd-footer-menu>li {
    float: left;
    margin-left: 10px;
    padding-bottom: 10px;
}

.nd-footer-menu>li:after {
    content: "|";
    margin-left: 10px;
    font-weight: normal;
}

.nd-footer-menu .last-menu:after {
    content: "";
}

.nd-footer-menu .first-menu {
    margin-left: 0;
}

footer,
footer a,
address {
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0;
}

/* container */
.nd-container {
    background-color: #fefefe;
    padding: 15px;
    border-top: 1px solid #bbb;
    position: relative;
}

.container-first {
    margin-top: 0 !important;
}

section,
aside {
    height: inherit;
    box-sizing: border-box;
    position: relative;
}

.nd-container>section,
.nd-container>aside {
    float: left;
}

.nd-center {
    border-left: 1px solid #d7d7d7;
    padding-left: 20px;
}

/* Color, Font, border */
/* @font-face {
    font-family: GgiFont;
    src:
        url(http://image.newdaily.co.kr/site/data/font/Title_Light.woff) format('woff');
        font-weight: normal;
        unicode-range: U+0-10FFFF;
} */


body,
a,
input,
button,
textarea {
    font-family: 맑은 고딕, AppleSDGothicNeo-Regular, '맑은 고딕', 'Malgun Gothic';
    font-size: 17px;
    line-height: 1.3;
    word-break: break-all;
    text-decoration: none;
    color: #000;
    letter-spacing: -1px;
}
html, body, div, a, p, a, h1, h2, h3, h4, h5, span, strong, b, select  { font-family: 맑은 고딕, AppleSDGothicNeo-Regular, '맑은 고딕', 'Malgun Gothic';}

mark{
    background-color:#f1f1f1 !important;
    font-weight:bold;
    padding:0 3px;
}
.font-bold {
    font-weight: bold !important;
}

.font-highlight {
    /* color: #f43736; */
    font-weight: bold;
    margin-right: 5px;
    border-top: 3px solid #f43736;
    font-size: 17px;
}

.font-white {
    color: #fff !important;
}

.font-biz {
    color: #00cce5;
    font-weight: bold;
    margin-right: 5px;
}

.font-25 {
    font-size: 25px !important;
}

.font-18 {
    font-size: 18px;
}

.bg-highlight {
    background-color: #f43736 !important;
    color: #fff !important;
}
/* 플러스 아이콘*/
/*.bg-highlight:before {

    font-size: 1.4rem;
    content: "+";
    position: absolute;
    right: 8px;
    margin-top: -9px;
    color: #ffffff;
}*/

.bg-highlight:before{
    display:none;
}

.bg-highlight:after {

    font-size: 1.4rem;
    content: "+";
    position: absolute;
    right: 8px;
    margin-top: -9px;
    color: #ffffff;
}

.nd-major > a > h3 > p {
    font-size: 1.4rem;
    position: absolute;
    right: 8px;
    margin-top: -23px;
    color: #ffffff;
}

.bg-highlight-bb{
    background-color: #34515e !important;
    color: #fff !important;
    border-top: 3px solid #34515e !important;
}

.nd-major h3.bg-highlight-bb:before {
    color: #fff;
}

.bg-highlight-bdn, .bg-highlight-bdn>a {
    background-color: #00ace5 !important;
    color: #fff !important;
    border-top: none !important;
}

.font-marked {
    background-color: #f43736;
    color: #fff;
    padding: 1px 10px;
    position: absolute;
}

.bg-biz {
    background-color: #004d9d
}

.bg-grey {
    background-color: #e9ecef ; /* dark 모드 적용 위해 !important 삭제 230112 */
}

.bg-grey .nd-center-article,
.bg-grey .nd-right-article {
    background-color: #e9ecef !important;
}

.border-none {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

.text-underline {
    text-decoration: underline;
}

.display-hidden {
    display: none;
}

/* Text */
.line-cut1 {
/* */
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    /* 부제목 3줄만 보이게 추가함 230721 yj*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /* /부제목 3줄만 보이게 추가함 230721 yj*/
/* */
}

.line-cut2 {
    height: 50px;
    line-height: 24px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 세 줄 잘림 */
.line-cut3 {
    height: 60px;
    line-height: 20px !important;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: left;
    display: -webkit-box;
    display: -ms-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-cut2-right {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-cut3-right {
    height: 60px;
    line-height: 20px !important;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    text-align: left;
    display: -webkit-box;
    display: -ms-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.word-keep-center {
    text-align: center;
    word-break: keep-all;
}

.text-left{
    text-align: left !important;
}

/* Advertisement */
.ad-350-100-l {
    display: block;
    width: 345px;
    margin: 8px auto;
    float: left;
    box-sizing: border-box;
   /* border: 1px solid #ededed;*/
}

.ad-350-100-r {
    display: block;
    width: 345px;
    margin: 8px auto;
    float: right;
    box-sizing: border-box;
   /* border: 1px solid #ededed;*/
}

.ad-455-95 {
    display: block;
    width: 680px;
    height:100px;
    margin: 8px auto 0;
    border: 1px solid #ededed;
}

.ad-240-240-1 {
    display: block;
    width: 300px;
    height: 240px;
    margin: 10px auto 0;
    padding-bottom: 20px;
}

.ad-240-240-1 img {
    width: 100%;
}

.ad-wing {
    width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 50;
}

.ad-wing-left {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0px;
}

.ad-wing-right {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 1440px;
}

.local-ad-240 {
    display: block;
    width: 240px;
    margin: 0 auto;
}

.svg {
    cursor: pointer;
}

/* Photo Slider - slick JS Customizing*/
.nd-photo-slider {
    width: 100%;
    margin: 40px auto 20px !important;
    border: 1px solid #d7d7d7;
}

.slick-prev,
.slick-next {
    width: 40px !important;
    height: 40px !important;
}
.slick-btn {
    top: 230px !important;  /*슬라이드버튼 위치 고정값 클래스 추가 230216 yj */
}

.slick-prev:before,
.slick-next:before {
    color: #d7d7d7 !important;
    font-size: 35px !important;
}

.slick-prev {
    left: 10px !important;
    z-index: 1;
}

.slick-next {
    right: 10px !important;
    z-index: 1;
}

.nd-photo-slider,
.slick-list {
    min-height: 360px;
}

.nd-slide>div {
    position: relative;
    width: 100%;
    min-height: 360px;
    height: 100%;
}

.nd-slide img {
    max-width: 96vw;
}

.slick-dots li.slick-active button:before {
    color: #f43736 !important;
    opacity: 1 !important;
}

.slick-dots li button:before {
    color: #d7d7d7 !important;
    opacity: 1 !important;
}

/* Photo Slider - slick JS Customizing*/


/* Media Query*/
@media screen and (min-width: 320px) and (max-width:414px) {

    .layout-center {
        width: 100%;
        max-width: 414px;
        margin: 0 auto;
        overflow: hidden;
    }

    .nd-container {
        padding: 0;
        margin-top: 0;
    }

    .nd-right {
        width: 100%;
        float: static;
    }

    .nd-center {
        width: 100%;
        padding: 0;
        border: none;
        padding-left: 0;
    }

    .ad-300-80-1 {
        display: none;
    }

    .search-box {
        max-width: 414px;
    }

    footer {
        margin-top: 0;
    }
}

@media screen and (min-width: 415px) and (max-width:767px) {
    .ad-300-80-1 {
        bottom: 28.5%;
    }

    .layout-center {
        width: 100%;
        max-width: 767px;
        overflow: hidden;
    }
}

@media screen and (min-width: 415px) and (max-width:999px) {

    .nd-container {
        padding: 0;
        max-width: 640px
    }

    .nd-right {
        width: 100%;
        float: static !important;
    }

    .nd-center {
        width: 100%;
        margin: 0;
        border: none;
        padding-left: 0;
    }


    .ad-300-80-1 {
        position: absolute;
        width: 48%;
        margin-right: 0.5%;
        right: 0;
    }

    .search-box {
        max-width: 999px;
    }
}


@media screen and (max-width:768px){
    /*--다크모드 설정 버튼--*/
    #toggleTheme{
        display: block;
        padding:5px 25px;
        margin: 50px 10px;
    }
}

@media screen and (min-width:770px){
    /*--다크모드 설정 버튼--*/
    #toggleTheme{
        display: none;
    }
    .logo-img-1,.menu-logo-1{
       display:none;
    }

    .menu-logo-1{
        margin: 0 auto;
        padding: 20px 0 0 0;
        width: 60%;
    }

}
@media screen and (max-width:480px){
    /*--뉴데일리경제 nav--*/
    .menu-row-1 .biz-nav a{
        margin-left:3.3%
    }
    .menu-row-1 .biz-nav a:nth-child(1){
        margin-left:2%
    }
}

@media screen and (min-width: 768px) and (max-width:999px) {
    .ad-300-80-1 {
        bottom: 29%;
    }

    .nd-container {
        width: 768px !important;
    }

    .layout-center {
        width: 100%;
        max-width: 999px;
        overflow: hidden;
    }


}

@media screen and (max-width:999px) {
    header {
        border-bottom: 1px solid #ccc;
    }
    .logo{
        padding-bottom:10px;
    }
    .logo,
    .logo img {
        width: 130px;
    }
    article {
        padding: 17px 0 0;
    }

    .nd-left {
        width: 100%;
        /*text-align: center;
        color: #828282;*/
        padding-left: 10px;
        /*height: 60px;*/
    }
    .title-2{
    height:47px !important; /* 20231013 추가*/
    }

 /* 브랜드브리프 제목 높이 값 설정 yj 230209*/
    .bg-grey .nd-left {
        width: 100%;
        padding-left: 10px;
        height: 60px;
    }
/* //브랜드브리프 제목 높이 값 설정 */

    .nd-main-category {
        display: none;
    }

    #footer {
        width: 90%;
    }

    .nd-footer-menu>li {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .nd-footer-menu:first-of-type {
        display: none;
    }

    .nd-footer-menu:nth-of-type(2) li {
        padding: 0 0 10px;
    }

    .nd-footer-menu:nth-of-type(2) li:first-child {
        width: 100%;
    }

    .nd-footer-menu:nth-of-type(2) li:nth-child(2) {
        width: 33%;
    }

    .nd-footer-menu:nth-of-type(2) li:nth-child(3) {
        width: 33%;
    }

    .nd-footer-menu:nth-of-type(2) li:last-child {
        width: 33%;
    }

    .nd-footer-menu>li:after {
        content: "";
        margin-left: 0;
    }

    .nd-footer-menu .first-menu {
        margin-left: 0;
    }

    .ad-md-50 {
        width: 48%;
        margin-right: 1%;
        float: right;
        margin-bottom: 0;
    }

    .menu-row-2 {
        padding: 10px 0;
        width: 300px;
        background-color: #fff;
        position: absolute;
        z-index: 1000;
        height: 100vh;
        border-right: 1px solid #ededed;
    }

    .menu-row-2>a {
        display: block;
        float: left;
        width: 135px;
        margin: 3px 0 3px 10px;
        padding: 5px 10px;
        position: relative;
        box-sizing: border-box;
        border: 1px solid #ededed;
        color: #666;
        padding: 3.5%;
        font-size: 14px;
    }

    .menu-row-2>a:after {
        content: ">";
        color: #828282;
        font-size: 0.5rem;
        font-weight: bolder;
        position: absolute;
        right: 10%;
        top: 32%;
    }

    /* 221031 추가*/
    .menu-row-2>.maintitle>li>a {
        float: left;
        width: 81px;
        margin: 3px 0 3px -36px;
        padding: 9px 48px 9px 2px;
        position: relative;
        border: 1px solid #ededed;
        color: #666;
        font-size: 14px;
        display: block;
     }
    .menu-row-2>.maintitle>li>a:before {
        content: ">";
        color: #828282;
        font-size: 0.5rem;
        font-weight: bolder;
        position: relative;
        right: -140%;
        top: 2%;
    }
    .menu-row-2 .subtitle li {
        display: none;
    }

    .menu-row-2.menu-mobile .newsletter{
        margin-top: 0;

    }
    .menu-row-2>a {
        display: block;
        float: left;
        width: 135px;
        margin: 3px 0 3px 8px;
        padding: 5px 10px;
        position: relative;
        box-sizing: border-box;
        border: 1px solid #ededed;
        color: #666;
        padding: 3.5%;
        font-size: 14px;
    }
/*// 추가*/


    .menu-logo {
        margin: 0 auto;
        padding: 20px 0 0 0;
        width: 60%; /*221031수정*/
        display: block;
    }

    .copy {
        display: block;
        width: 100%;
        float: left;
        font-size: 12px;
        letter-spacing: 0;
        margin-top: 5px;
        text-align: center;
    }

    /*.menu-row-1 a {
        margin-left: 10%;
    }*/

    .menu-row-1 a:first-child {
        margin-left: 0;
    }

    footer {
        padding: 10px 0;
    }

    #footer strong {
        font-weight: normal;
        color: #828282;
    }

    .ad-240-240-1 {
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .ad-300-80-2 {
        display: none;
    }

    .font-25 {
        font-size: 1.3rem !important
    }

    .ad-left {
        display: none;
    }

    .sticky-container {
        padding-top: 120px !important;
    }

    .sticky-search {
        top: 50px;
    }

    .display-md-hidden {
        display: none !important;
    }

    .display-md-block {
        display: block !important;
    }

    .display-lg-hidden {
        display: none !important;
    }

    .header-top {
        padding: 0;
    }

    .ad-350-100-l,
    .ad-350-100-r {
        float: none;
    }

    .menu-bg {
        display: none;
        position: absolute;
        z-index: 2;  /* 221031 수정*/
        width: 100%;
        height: 100vh;
        background-color: #000;
        opacity: 40%; /* 221031 추가*/
    }
    .bg-highlight{
        color:#444 !important;
        background-color: #fff !important;
    }
    .bg-highlight:after {
        color: #000;
    }

    /*플러스 아이콘*/
    .bg-highlight:before {
       color: #a2a3a1;
   }

    .search-box>input{
        text-align:left;
    }
    .nd-news-search {
        width: 90%;
        margin: 0 auto 10px;
        border: 2px solid #f43736;
    }

    .news-search-text {
        width: calc(100% - 50px);
    }

    .news-search-btn {
        width: 50px;
        height: 45px;
        background-size: 25px 25px;
        background-position: 50% 50%;
        background-color: #f43736;
        border: none;
        cursor: pointer;
    }

    .nd-photo-slider,
    .slick-list,
    .nd-slide>div,
    top-slider {
        min-height: 220px;
    }

    .slick-dots {
        bottom: 20px !important;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 25px !important;
    }

    .slick-prev,
    .slick-next {
        top: 165px !important; /* 62%에서 픽셀 고정값으로 수정 20230213 yj*/
    }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 1000px) and (max-width:1199px) {
    .layout-center {
        width: 1000px;
        overflow-x: hidden;
    }

    .display-lg-hidden {
        display: none !important;
    }

    .search-box {
        max-width: 1000px;
    }

    .nd-left {
        width: 12.5%;
    }

    .nd-right {
        width: 31%;
        margin-left: 1%;
    }

    .nd-center {
        width: 53%;
        margin: 0 10px;
    }

    #footer {
        width: 90%;
    }

    .menu-row-2>a {
        margin-left: 1.6%;
    }


    .menu-row-2 .maintitle .can{
      margin-top: 0;
    }
    .newsletter {
      margin-top: 20px;
    }
    /* .title-2 li{
      margin-top:20px;
    } */

 /* 메뉴 추가 적용 230217*/
	 .layout-center.menu-row-2.menu-pc {
	    border-top: 1px solid #e2dfdf;
	    background-color: #fafafa;
	    padding: 0px 0 25px 0px;
	    position: absolute;
	    text-align: left;
	    float: right;
	    z-index: 9999;
	    left: 0;
	    right: 0;
	    top: -1px;
	    box-shadow: #dddddd 0px 2px 2px;
	 }


  /*  //추가*/
    .menu-row-1 a {
        margin-left: 4%;
    }

    .nd-nav-grad-prev,
    .nd-nav-grad-next {
        display: none;
    }

    .sticky-container {
        padding-top: 180px !important;
    }

    .sticky-search {
        top: 50px;
    }

    .nd-photo-slider,
    .slick-list,
    .nd-slide>div {
        min-height: 240px;
    }

    footer,
    footer a,
    address {
        font-size: 12px;
    }

    .ad-350-100-l,
    .ad-350-100-r {
        float: none;
    }
  /*-- 슬라이드 버튼 고정값 추가 230216 yj --*/
    .slick-prev, .slick-next {
        top: 180px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    .layout-center {
        width: 1200px;
        overflow-x: hidden;
    }

    .nd-left {
        width: 125px;
    }

    .nd-right {
        width: 310px;
    }

    .nd-center {
        width: 720px;
        margin: 0 22px;
    }

    .nd-nav-grad-prev,
    .nd-nav-grad-next {
        display: none;
    }

    .sticky-container {
        padding-top: 180px !important;
    }

    .sticky-search {
        top: 50px;
    }
}

@media screen and (max-width: 1600px) {
    .ad-wing {
        display: none !important;
    }
}



/* ------------------------ 다크모드 관련 소스 시작 230213 ------------------------ */

.logo-img-1,
.menu-logo-1 {
    display: none;
}

.menu-logo-1 {
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 60%;
}

.toggle_dark {
    display: none;
    margin-top: 30px;
}

@media screen and (max-width:999px) { /*width 값 768px에서 변경 230313 yj*/
    html.dark-nd * {
        background: #2b2a2a;
        color: rgb(230, 230, 230);
    }

    .dark-nd .bg-gray {
        background-color: #2b2a2a;
    }

    .dark-nd .maintitle li a {
        color: rgb(194, 194, 194);
    }


    .dark-nd .nd-center-article,
    .dark-nd .nd-entire-article,
    .dark-nd .nd-right-article li {
        border-bottom: 1px solid #484646;
    }

    .dark-nd .nd-right-article li:hover {
        background-color: #f3f3f300;
    }

    /* -- 메뉴버튼 --*/
    .dark-nd #menu-btn {
        z-index: 59;
    }


    /*--부제목--*/
    .dark-nd .nd-lead-headline, .dark-nd .nd-right-article-writer, .dark-nd .nd-center-sub-tit {
         color: #999b9b;
}

    /* -- 스위치버튼--*/
    .toggle_dark {
        position: relative;
        display: inline-block;
        /*transform: translate(475%, 5px);*/
        /* 230313 추가소스 yj*/
        transform: translate(0%, 5px);
        float: right;
        margin: 0 auto;
        margin-right:6px;
        top: 15px
        /* /230310 추가소스*/
    }

    .toggle_dark input {
        display: none;
    }

    .toggle_dark label {
        display: block;
        width: 56px;  /*  수정 230313 yj*/
        height: 24px; /* 수정 230313 yj*/
        text-indent: -135%; /* -450%에서 수정 230313 yj*/
        /* 라벨 텍스트 왼쪽으로 이동*/
        user-select: none;
        /* 라벨 텍스트 선택 차단 */
        font-size: 0.9rem;
    }

    .toggle_dark label::before,
    .toggle_dark label::after {
        content: "";
        display: block;
        position: absolute;
        cursor: pointer;
    }

    .toggle_dark label::before {
        /* 배경 */
        width: 95%; /*  100%에서 수정 230313 yj*/
        height: 90%; /*  100%에서 수정 230313 yj*/
        background-color:  rgb(74, 74, 74); /* #00d9ff 에서 변경 230313 yj*/
        border-radius: 1em;
        -webkit-transition: background-color 0.25s ease;
        transition: background-color 0.25s ease;
        /* 배경색 애니메이션*/
        border: 1px solid #b9b9b9; /*  추가 230313 yj*/
        box-shadow: inset 0 2px 5px rgb(0 0 0 / 30%), 1px 1px 2px rgb(255 255 255 / 10%); /*  추가 230313 yj*/
    }

    .toggle_dark label::after {
        /* 스위치 */
        top: 2px;
        right: 4px; /*  2px에서 수정 230313 yj*/
        width: 19px; /*  23px에서 수정 230313 yj*/
        height: 19px; /*  23px에서 수정 230313 yj*/
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
        -webkit-transition: left 0.25s ease;
        transition: left 0.25s ease;
        /* 스위치 이동 애니메이션 */
        background-image: url(//www.newdaily.co.kr/assets/img/dark_mode.png); /*  추가 230313 yj*/
        background-size: cover; /*  추가 230313 yj*/
    }

    .toggle_dark input:checked+label::before {
        background-color: #cfcfcf;  /*  컬러변경  230313 yj*/
        /* 켠 상태 배경색 */
    }

    .toggle_dark input:checked+label::after {
        /* 켠 상태 스위치 위치 */
        right: 34px; /*  24px에서 수정 230313 yj*/
        background-image: url(//www.newdaily.co.kr/assets/img/light_mode.png); /*  추가 230313 yj*/
    }

    /* --로고-- */
    .dark-nd .logo-img-1,
    .dark-nd .menu-logo-1,
    .dark-nd .nd-right img.logo-img-1 {
        display: block !important;
    }

    .dark-nd .logo img,
    .dark-nd .menu-logo,
    .dark-nd .nd-left img,
    .dark-nd .nd-right .tv-logo {
        display: none;
    }

    .dark-nd .logo-img-1 {
        padding-bottom: 4px;
    }

    .dark-nd h1.logo {
        padding-bottom: 15px;
    }

    .dark-nd h1.logo .logo-img-1 {
        margin: 0 auto;
        /*padding: 4px 0 0;*/ /*지역 로고 */
    }

    /* --메뉴 좌,우-- */
    .dark-nd .nd-nav-grad-prev {
        background: -webkit-gradient(linear, left top, right top, color-stop(16.66%, #2b2a2a), color-stop(100%, rgba(255, 255, 255, 0)));
    }


    .dark-nd .nd-nav-grad-next {
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(90%, #2b2a2a));
    }

    /* --뉴스레터 폰트-- */
    .dark-nd .newsletter_title span {
        color: #00aaff;
    }

    @keyframes jumb {
        0% {
            transform: translateY(0px)
        }

        50% {
            transform: translateY(-15px);
            box-shadow: 0 5px 0 #fcd601;
        }

        100% {
            transform: translateY(0px)
        }
    }

    /* -- 검색 돋보기 이미지-- */
    .dark-nd #search-btn {
        background-image: url(/assets/img/search_w.png);

    }

    .dark-nd svg {
        fill: #fff;
    }

    /* -- 햄버거메뉴-- */
    html.dark-nd .menu-btn {
        background-color: #fff !important;
    }

    html.dark-nd .menu-btn::before {
        background-color: #fff;
    }

    html.dark-nd .menu-btn::after {
        background-color: #fff;
    }

    html.dark-nd .menu-btn.close {
        background: #33333300 !important;
    }

    /* --이승만포럼-- */
    .dark-nd .nd-syngman h3 {
        color: #fff;
    }

    html.dark-nd .font-syngman {
        color: #82c0fd;
    }

    html.dark-nd .nd-syngman h3 {
        background-color: #285F97 !important;
    }

    /* --기사모음 타이틀-- */
    .dark-nd .nd-right-article h3 {
        background-color: #2b2a2a;
        color: #fff;
    }

    .dark-nd .nd-right-article {
        border-bottom: 0px;
    }

    /* --플러스 아이콘-- */
    html.dark-nd .nd-right-article h3:before {
        color: rgb(189, 189, 189);
    }

    html.dark-nd .nd-top,
    html.dark-nd .nd-content-border-top {
        border-top: 9px solid #484848;
    }

    html.dark-nd .nd-column {
        background-color: #2e2e2e !important;
    }

    /* --tv 슬라이드 & top 버튼-- */
    .dark-nd button.slick-prev,
    .dark-nd button.slick-next,
    .dark-nd #btn-top .btn-triangle {
        background-color: #f0f8ff00;
    }

    /* --뱃지-- */
    .dark-nd .center-badge {
        color: #ff8b1d;
        border: 1px solid #ff8b1d;
    }

    /* --뉴스듣기  배너--*/
    html.dark-nd .tts-article-banner img {
        display: block;
        background-color: #e0c304 !important;
    }

    /* --상단 바 --*/
    .dark-nd .nd-right-article h3 {
        border-top: 2px solid #ff8b1d;

    }

    /*-- end --*/

    /* ------------뉴데일리 기사면 -----------------*/

    /*-- 음성지원, 댓글, 인쇄 아이콘 -- */
    .dark-nd .article-voice span {
        background-image: url(//www.newdaily.co.kr/assets/img/speaker_img1_dark.png);
    }
    .dark-nd .article-voice span:hover{
        background-image: url(//www.newdaily.co.kr/assets/img/speaker_img1_hover_dark.png)
    }
    .dark-nd .article-voice.active span {
        background-image: url(//www.newdaily.co.kr/assets/img/speaker_img1_active_dark.gif);
    }


    .dark-nd .move-comment,
    .dark-nd .article-comment p,
    .dark-nd .fa-comment-dots,
    .dark-nd .article-comment {
        background: #00aaff;
        /*color:#000;*/
        font-weight: bold;
        border: o;
    }

    .dark-nd .article-tools .svg span {
        background: none;
    }

    .dark-nd .move-comment {
        /*border: 1px solid #ededed;*/ /*숨김 230224 yj*/
        background: #00aaff;
    }

    .dark-nd .move-comment:hover {
        background: #00aaff;
    }

    .dark-nd .nd-kits i.fas {
        color: #00aaff;
    }

    /*-- 부제목 --*/
    .dark-nd h2.nd-news-sub-tit span {
         color: #faa2b1;
}

    /* -- 토스트팝업 --*/
    .dark-nd .notifyjs-corner,
    .dark-nd .content .check-text,
    .dark-nd .content .check-text #chk_msg,
    .dark-nd i.fas,
    .dark-nd .content .text li {
        background: none;

    }

    .dark-nd .notifyjs-nd_toast-base,
    .dark-nd .content .text ul,
    .dark-nd .content .text {
        background: #f59910;
        /*opacity: 0.9;*/
        color: #000;
        text-shadow: none;

    }

    .dark-nd .check-text #chk_msg,
    .dark-nd i.fas,
    .dark-nd .content .text li {
        color: #000;
    }

    .dark-nd .notifyjs-corner .notifyjs-wrapper,
    .dark-nd .notifyjs-corner .notifyjs-container {
        background: #f0f8ff00;
    }

    /* top 기사 하단 라인 */
    .dark-nd .nd-news-header {
        margin-bottom: 11px;
        z-index: 1;
    }

    /*-- 메인페이지 로드가 되었습니다. --*/
    .dark-nd .art-bottom-start {
        color: #000;
    }

    /*-- 라이브리 댓글 배경 */
    #lv-container iframe {
        background-color : white;
        padding: 0 3px;
    }

    /*-- end --*/


    /*-------------------- 뉴데일리 경제 메인면 ---------------------*/

    /*--기사모음 제목 배경--*/
    .dark-nd .bg-highlight {
        color: #fff !important;
        background-color: #2b2a2a !important;
    }

    .dark-nd .bg-highlight:after {
        color: #fff;
    }

    .dark-nd .nd-major>a>h3>p {
        background-color: #00ace5;
    }


    /*--이미지 위 텍스트 배경--*/

    .dark-nd .nd-tile-tit-wrap,
    .dark-nd .nd-major .nd-tile-tit-wrap {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 60%, rgba(0, 0, 0, 0.7) 100%);
    }

    .dark-nd .font-18,
    .dark-nd .font-25,
    .dark-nd .nd-tile-tit-wrap h2 {
        background: none !important;
    }

    /*-------------------- 뉴데일리 경제 기사면 ---------------------*/

    /*-- 관련기사, 헤드라인 뉴스 --*/
    .dark-nd div.nd-rel-new-txt>p {
        color: #cecece;
    }

    .dark-nd ul.slick-dots {
        background: none;
    }

    .dark-nd .slick-items-hl a {
        color: rgb(230, 230, 230);
    }

    .dark-nd .h_thumb>a>img {
        background: #fff;
    }

     /* -- 공유 아이콘 - */
    .dark-nd .article-share-new{
        background-image: url(//www.newdaily.co.kr/assets/img/sharing_icon.png);
        z-index: 1 !important;
    }

    /* ------------- 뉴데일리 TV ---------- */
    .dark-nd .title, .dark-nd span.mute {
        background: none;
    }

	.dark-nd .tool-items a {
		background: #b2c6cd;
	}
	.dark-nd .tool-items i{
		background: #b2c6cd;
	}
}