@charset "UTF-8";

@import url('https://img.seoul.co.kr/css/webfont_pretendard.css');

/*
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
	font-display: fallback;
    src: local('Pretendard-Regular'),
        url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
	font-display: fallback;
    src: local('Pretendard-Bold'),
        url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
}
*/


/* reset css */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

caption {
    display: none;
}

html {
    scroll-behavior: smooth;

}

body {
    position: relative;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
}

ol,
li,
dl,
dt,
dd {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a,
a:hover,
a:active,
a:link,
a:visited {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

img {
    width: 100%;
    vertical-align: middle;
}


:root {
    --bg-primary-100: #F26930;
    --bg-b-bg: #262323;
    --text-gray-100: #F8F8F8;
    --text-gray-200: #f4f4f4;
    --text-gray-300: #EEE;
    --text-gray-400: #DDD;
    --text-gray-500: #999;
    --text-gray-600: #666;
    --text-gray-700: #444;
    --text-black: #111;
    --text-white: #FFF;
    --etc-notice: #F00;
    --etc-notice-blue: #3A84FF;

}

/* headline text */
.h44 {
    color: var(--text-black, #111);
    /* PC/H_44 */
    font-family: Pretendard;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    /* 136.364% */
    letter-spacing: -0.44px;
}

.h38 {
    color: var(--text-black, #111);
    /* PC/H_38 */
    font-family: Pretendard;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    /* 126.316% */
    letter-spacing: -0.38px;
}

.h32 {
    color: var(--text-black, #111);
    /* PC/H_32 */
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    /* 137.5% */
    letter-spacing: -0.32px;
}

.h28 {
    color: var(--text-black, #111);
    /* PC/H_28 */
    font-family: Pretendard;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 142.857% */
    letter-spacing: -0.28px;
}

.h24 {
    color: var(--text-black, #111);
    /* PC/H_24 */
    font-family: Pretendard;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 141.667% */
    letter-spacing: -0.24px;
}

.h22 {
    color: var(--text-black, #111);
    /* PC/H_22 */
    font-family: Pretendard;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 141.667% */
    letter-spacing: -0.24px;
}

.h20 {
    color: var(--text-black, #111);
    /* PC/H_20 */
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    letter-spacing: -0.2px;
}

.h18 {
    color: var(--text-black, #111);
    /* PC/H_18 */
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: -0.18px;
}

.h16 {
    color: var(--text-black, #111);
    /* PC/H_16 */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: -0.16px;
}

.h15 {
    color: var(--text-black, #111);
    /* PC/H_15 */
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 146.667% */
    letter-spacing: -0.15px;
}

.h14 {
    color: var(--text-black, #111);
    /* PC/H_14 */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.14px;
}

.h13 {
    color: var(--text-black, #111);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 153.846% */
    letter-spacing: -0.13px;
}

.e14 {
    color: var(--text-black, #111);
    /* PC/EN_14 */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.28px;
}

.h12 {
    color: var(--text-black, #111);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: -0.12px;
}

/* body text */
.body20 {
    color: var(--text-black, #111);
    /* PC/body_20 */
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 160% */
    letter-spacing: -0.2px;
}

.body18 {
    color: var(--text-black, #111);
    /* PC/body_18 */
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 177.778% */
    letter-spacing: -0.18px;
}

.body16 {
    color: var(--text-black, #111);
    /* PC/body_16 */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.16px;
}

.body15 {
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 160% */
    letter-spacing: -0.15px;
}

.body14 {
    color: var(--text-black, #111);
    /* PC/body_14 */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: -0.14px;
}


.body13 {
    color: var(--text-black, #111);
    /* PC/body_13 */
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 153.846% */
    letter-spacing: -0.13px;
}

.body12 {
    color: var(--text-gray-700, #444);
    text-align: right;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 250% */
    letter-spacing: -0.12px;
}

.colorPrimary {
    color: var(--bg-primary-100);
}

.colorRed {
    color: var(--etc-notice);
}

.color111 {
    color: var(--text-black);
}

.color000 {
    color: var(--bg-b-bg);
}

.colorFFF {
    color: var(--text-white);
}

.color700 {
    color: var(--text-gray-700);
}

.color600 {
    color: var(--text-gray-600);
}

.color500 {
    color: var(--text-gray-500);
}

.color400 {
    color: var(--text-gray-400);
}

.color300 {
    color: var(--text-gray-300);
}

.color200 {
    color: var(--text-gray-200);
}

.color100 {
    color: var(--text-gray-100);
}

.pd0 { padding: 0 !important; }
.pb0 {
    padding-bottom: 0 !important;
}

.pb40 {
    padding-bottom: 40px;
}

.pb100 {
    padding-bottom: 100px;
}

.mgt0 { margin-top: 0px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt60 { margin-top: 60px !important; }
.mgb0 { margin-bottom: 0px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb80 { margin-bottom: 80px !important; }

.br0 { border-radius: 0 !important; }

.flexLayout {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.on {
    color: var(--bg-primary-100)
}

.hideText {
    overflow: hidden;
    text-indent: -9999px;
    color: transparent;
    font-size: 0;
}

header.scroll .progressWrap {
    display: block;
}

.progressWrap {
    display: none;
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid var(--text-gray-400);
    background: var(--text-gray-100);
    height: 3px;
}

.progressWrap.enBar .progressBar {
    background-color: #D70000;
}
.progressWrap.nownewsBar .progressBar {
    background-color: #299DE1;
}
.progressWrap.stvBar .progressBar {
    background-color: #3DB85E;
}
.progressWrap.eyeBar .progressBar {
    background-color: #444;
}
.progressWrap.goBar .progressBar {
    background-color: #F26930;
}

.progressBar {
    height: 3px;
    background-color: var(--bg-primary-100);
    position: absolute;
    bottom: 0px;
}

.progressWrap.seoulEnBar .progressBar {
    background-color: #D70000;
}

.progressWrap.nowNewsBar .progressBar {
    background-color: #00A0C6;
}

.progressWrap.stvBar .progressBar {
    background-color: #3DB85E;
}

.progressWrap.show {
    display: block;
}

body {
    background: #d1d1d1;
}

/*0806*/
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--bg-b-bg);
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 6px 6px;
    background: #BEBDBD;
}

.listSlideArrow .owl-prev {
    font-size: 0;
    border: 0;
    background: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    left: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

.listSlideArrow .owl-prev::before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -274px -85px;
    width: 30px;
    height: 30px;
}

.listSlideArrow .owl-next {
    font-size: 0;
    border: 0;
    background: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    transform: 0;
    left: auto;
    right: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

.listSlideArrow .owl-next:before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat;
    background-size: 772px;
    background-position: -297px -85px;
    width: 30px;
    height: 30px;
}
/*----*/


/* header */
header {
    z-index: 5;
    /* position: relative; */
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    background-color: var(--text-white);
}



.header {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 16px 18px 20px 19px;
    align-items: center;
}

.header .logo {
    /* width: 124px; */
    /* height: 54px; */
    /* background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px; */
}

.header .logo.logo-seoul {
    width: 124px;
    /* background-position: -61px -195px; */
}

.header .logo.logo-en {
    width: 84px;
    /* height: 22px; */
    /* background-position: -460px -272px; */
}

.header .logo.logo-nownews {
    width: 112px;
    /* height: 22px; */
    /* background-position: -217px -272px; */
}

.header .logo.logo-stv {
    width: 80px;
    /* height: 22px; */
    /* background-position: -114px -272px; */
}

.header .logo.logo-eye {
    width: 86px;
    /* height: 26px; */
    /* background-position: -1px -269px; */
}

.header .logo.logo-go {
    width: 76px;
    /* height: 22px; */
    /* background-position: -359px -272px; */
}

.header .leftSide {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    min-height: 53px;
}

.header .leftSide ul {
    display: flex;
    align-items: center;
    gap: 17px;
}

.header .leftSide ul li {
    cursor: pointer;
    position: relative;
}

.header .leftSide ul.default li:first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -9px;
    width: 1px;
    height: 11px;
    background: var(--text-gray-400);
}

.header .leftSide ul li div,
.header .leftSide ul li span {
    display: inline-block;
    vertical-align: middle;
}

.header .leftSide ul li.subscription span {
    width: 20px;
    height: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -6px -120px;
}

.nav-searchBtn {
    width: 32px;
    height: 26px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?ver=001") no-repeat;
    background-size: 772px;
    background-position: -641px -116px;
    cursor: pointer;
}

.header .leftSide ul li.share {
    width: 20px;
    height: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -163px -120px;
}

.header .leftSide ul li.reply {
    position: relative;
    width: 20px;
    height: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -195px -119px;
}

.header .leftSide ul li .replyNum {
    box-sizing: border-box;
    position: absolute;
    top: -9px;
    right: -14px;
    display: block;
    background: var(--etc-notice);
    border-radius: 20px;
    padding: 0 4px;
    min-width: 24px;
    text-align: center;
}

.headerWrap.scroll {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateZ(0);
    -webkit-transform: translateX(-50%) translateZ(0);
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    background-color: var(--text-white);
}

.headerWrap.familysite .leftSide,
.headerWrap.scroll .leftSide {
    flex-direction: row-reverse;
    align-items: center;
    gap: 16px;
    min-height: auto;
}

.headerWrap.scroll .logo.logo-seoul {
    /*
    width: 15px;
    height: 21px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -187px -151px;
    */
}

.headerWrap .logo.logo-seoul.scroll { display: none; width: 15px; height: 21px; } 
.headerWrap.scroll .logo.logo-seoul.default { display: none; }
.headerWrap.scroll .logo.logo-seoul.scroll { display: block; }

.header .leftSide .viewLeftSide {
    display: none;
    gap: 20px;
}

.header .leftSide .viewLeftSide.show {
    display: flex;
    padding-right: 16px;
}


/* 상단 역사관 */
.top_history {
    position: relative;
    top: 0;
    left: 0;
    /* padding: 0 0 30px; */
    background-color: var(--text-black);
}

.top_history_tit.hide {
    display: none;
}

.top_history_tit_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-b-bg);
    padding: 17px 0;
}

.top_history_tit_wrap>div {
    display: flex;
    align-items: center;
}

.top_history .logo {
    display: inline-block;
    width: 62px;
    height: 18px;
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat;
    background-size: 772px;
    background-position: -119px -154px;
}

.top_history .go_history {
    color: var(--bg-primary-100);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.16px;
    padding-left: 12px;
}

/* history content */

.show {
    animation: fadeAni .5s;
    display: block;
    visibility: visible;
}

.hidden {
    /* animation: fadeAni .5s ;  */
    visibility: hidden;
    /* display: none; */
    opacity: 0;
    transition: all .3s;
}

.top_history_content {
    display: none;
}

.top_history_content.show {
    display: block;
}

.top_history_content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    padding: 0 0 30px 19px;
    overflow: hidden;
    flex-direction: column;
}

.top_history_content .topSide {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 0 0;
    gap: 37px;
}

.top_history_content .topSide .textWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.top_history_content .topSide .textWrap span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.14px;
    color: #F26930;
}

/*
.top_history_content .topSide .textWrap strong {
    font-size: 50px;
    font-family: Montserrat;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: #F26930;
    padding: 0 0 6px;
}
*/

.top_history_content .topSide .textWrap strong {
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat center;
    background-position: -577px -311px;
    background-size: 772px;
    height: 32px;
    width: 118px;
    padding: 0 0 6px;
    color: transparent;
}

.top_history_content .topSide .textWrap>div {
    padding-left: 4px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.top_history_content .topSide .textWrap .logo {
    width: 63px;
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat;
    background-position: -118px -153px;
    background-size: 772px;
}

.top_history_content .topSide .arrowBtnWrap {
    position: relative;
    width: 100%;
    height: 24px;
}

.todayNews .slickPrevArrow {
    cursor: pointer;
    position: absolute;
    top: 12px;
    transform: 0;
    left: 0;
    width: 24px;
    height: 24px;
}

.todayNews .slickNextArrow {
    cursor: pointer;
    position: absolute;
    top: 12px;
    transform: 0;
    left: 28px;
    width: 24px;
    height: 24px;
}

#slick-m-history li.slick-slide {
    width: 280px !important;
    margin-right: 10px;
}

#slick-m-history li.slick-slide img {
    width: 100%;
}

/* 0806*/
#slick-m-history img {
    max-width: 280px;
}
/*----*/

.showMoreBtn {
    z-index: 9;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    background-position: 0 0;
    background-size: 772px;
}

.showMoreBtn.open {
    background-position: -36px 0px;
    /* box-shadow: -2px 0 5px 0 #ddd; */
}


main {
    position: relative;
}


main h4:hover,
main h2:hover,
.newsFrame .seoulMH_newsList li h4:hover,
.listPage-wrapper h2:hover,
.newsBox .articleTitle:hover,
.viewRightSide h2:hover,
.viewRightSide h4:hover,
.viewRightSide .articleTitle:hover,
.articleBottomList h3:hover {
    transition: all .25s;
    color: var(--text-gray-600);
    cursor: pointer;
}


.blockTitle a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.blockTitle a {
    padding-right: 22px;
}

.blockTitle a.arrowBg {
    position: relative;
}

.blockTitle a.arrowBg:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat;
    background-position: -29px -90px;
    background-size: 772px;
    width: 11px;
    height: 20px;
}

.blockTitle {
    display: flex;
    align-items: center;
    gap: 4px;
}

.blockTitle span.outLink {
    cursor: pointer;
    text-indent: -9999px;
    color: transparent;
    font-size: 0;
    width: 16px;
    height: 22px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: 1px -88px;
    background-size: 772px;
}

.blockSubTitle {
    position: relative;
    padding-right: 20px;
}

.blockSubTitle.subArrow:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -306px -92px;
    background-size: 772px;
}


/* badge */
.badge {
    display: block;
    padding: 1px 8px;
    border-radius: 4px;
    color: transparent;
    text-align: center;
    font-size: 0;
    text-indent: -99999px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.12px;
}

/* 단독 */
.badge.only {
    width: 21px;
    height: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    background-position: -332px -119px;
}

/* 속보 */
.badge.flash {
    position: relative;
    width: 28px;
    height: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    background-position: -389px -119px;
}

/* 기획 */
.badge.special {
    width: 29px;
    height: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    background-position: -565px -119px;
}


/* block title */
.noBorder .layoutTitle,
.noBorder .calendar_wrap {
    padding-top: 0;
}

.layoutTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layoutBorder {
    width: 100%;
    position: relative;
}

.layoutBorder:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--bg-b-bg);
    border-radius: 20px;
}

.sub-layoutBorder {
    width: 100%;
    position: relative;
}

.sub-layoutBorder:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--bg-b-bg);
    border-radius: 20px;
}



.infoIconWrap {
    position: relative;
    width: 100%;
}

.infoIcon {
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    font-size: 0;
    color: transparent;
    width: 30px;
    height: 30px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    background-position: -224px -116px;
}

.flotingInfo {
    z-index: 1000;
    display: none;
    position: absolute;
    top: -34px;
    left: 0;
    padding: 2px 12px;
    border-radius: 6px;
    color: #fff;
    background: var(--bg-primary-100);
}

.flotingInfo.on { display: block; }

.flotingInfo:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 21px;
    height: 21px;
    transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
    background: var(--bg-primary-100);
    border-bottom-left-radius: 2px;
}


.mobile-bg {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: var(--text-white);
}

.mobile-layout-wrapper {
    box-sizing: border-box;
    max-width: 660px;
    width: calc(100% - 37px);
    margin: 0 auto;
    padding-bottom: 100px;
}

.moblie-footer .logo.logo-seoul {
    background-position: -1px -151px;
}

.viewContentWrap {
    padding: 40px 0 60px;
}

.view-layout-wrapper {
    box-sizing: border-box;
    max-width: 660px;
    width: calc(100% - 37px);
    margin: 0 auto;
}

.articleImage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-layout {
    max-width: 660px;
    margin: 0 auto;
}

.container.scroll {
    padding-top: 90px;
}

.maintopNews {
    display: flex;
    flex-direction: column;
    /* max-width: 660px; */
    width: 100%;
}

.maintopNews .newsBox .badge {
    display: block;
    margin-bottom: 6px;
}

.maintopNews .newsBox .articleImage {
    display: block;
    position: relative;
    /* height: 400px; */
    border-radius: 0;
    /* margin-bottom: 16px; */
    margin-left: -19px;
    margin-right: -18px;
    width: auto;
}

.maintopNews .newsBox .articleImage img {
    /*
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    */
    width: 100%;
    height: 100%;
    object-fit: fill;
    margin: auto;
}

.maintopNews .newsBox .articleTitle,
.maintopNews .newsBox .textWrap,
.maintopNews .newsBox .readTimeText {
    padding: 0 18px 0 19px;
}

.maintopNews .newsBox .readTimeText {
    margin-top: 0;
}


/* 20241111*/
.maintopNews .topSlideImage {
    position: unset;
    width: calc(100% + 37px);
    margin-left: -18px;
    margin-right: -19px;
}

#mainTop-mo-title {
    width: calc(100% - 38px);
    padding: 0 19px 0 19px;
}

#mainTop-mo-slideTemplate .owl-stage-outer{
    height:100% !important;
}

.small-owl-arrow .owl-prev {
    font-size: 0;
    border: 0;
    background: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    left: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

.small-owl-arrow .owl-prev::before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -274px -85px;
    width: 30px;
    height: 30px;
}

.small-owl-arrow .owl-next {
    font-size: 0;
    border: 0;
    background: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    transform: 0;
    left: auto;
    right: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

.small-owl-arrow .owl-next:before {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat;
    background-size: 772px;
    background-position: -297px -85px;
    width: 30px;
    height: 30px;
}

#mainTop-mo-slideTemplate {
    width: 100% !important;
    height: 422px !important;
}



#mainTop-mo-slideTemplate .articleImage {
    width: auto !important;
    height: 422px !important;
}

.maintopNews .newsBox .articleTitle,
.maintopNews .newsBox .textWrap,
.maintopNews .newsBox .readTimeText {
    padding: 0;
}

@media screen and (max-width:456px) {
    .maintopNews .topSlide {
        /* width: calc(100% + 37px) !important; */
    }

    /* .maintopNews .topSlide, */
    #mainTop-mo-slideTemplate,
    #mainTop-mo-slideTemplate .articleImage {
        /* width: 100% !important; */
        height: 268px !important;
    }

    #mainTop-mo-slideTemplate .articleImage img {
        height: 100% !important;
        width: auto;
    }

    .single-image #mainTop-mo-slideTemplate .articleImage img {
        height: 100% !important;
        width: 100%;
    }
}

section.maintopNews .newsBox {
    position: relative;
}

.photoSlide-btn {
    z-index: 100;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.photoSlide-btn .owl-prev,
.photoSlide-btn .owl-next {
    display: block;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    align-items: center;
    z-index: 200;
    text-indent: -99999px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    padding: 0;
}

.photoSlide-btn .owl-prev {
    position: absolute;
    border: 0;
    background: 0;
    left: -18px;
    width: 36px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.photoSlide-btn .owl-prev:after {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: -1px;
    width: 36px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 722px;
    background-position: -646px -38px;
}

.photoSlide-btn .owl-next {
    position: absolute;
    border: 0;
    background: 0;
    width: 36px;
    height: 40px;
    top: 50%;
    right:-19px;
    transform: translateY(-50%);
}

.photoSlide-btn .owl-next:after {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 36px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 722px;
    background-position: -687px -38px;
}

.topSlideImage.single-image {
    width: 100%;
    margin: 0 auto;
}

.single-image #mainTop-mo-slideTemplate {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-image #mainTop-mo-slideTemplate .articleImage {
    height: auto !important;
}

/*////////////////*/

.branchNews {
    margin: 16px 0 0;
}

#slick-m-headlineBranch {
    width: 100%;
    margin: 0;
}

#slick-m-headlineBranch .slick-dots{
    pointer-events: none;
}

#slick-m-headlineBranch .slick-list {
    padding-bottom: 30px;
    box-sizing: border-box;
    width: 100%;
}

#slick-m-headlineBranch .slick-slide div {
    position: relative;
    padding-left: 6px;
    width: calc(100% - 8px);
}

#slick-m-headlineBranch>li {
    position: relative;
}

#slick-m-headlineBranch .slick-slide div>li:before,
#slick-m-headlineBranch>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--text-black);
    border-radius: 3px;
}


#slick-m-headlineBranch .slick-slide > ul > li {
	position: relative;
}

#slick-m-headlineBranch .slick-slide>ul>li:before
/* ,#slick-m-headlineBranch li:before  */
	{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background: var(--text-black);
	border-radius: 3px;
}

#slick-m-headlineBranch .slick-slide div {
	position: relative;
	padding-left: 12px;
	width: calc(100% - 8px);
}


/*0806*/
#slick-headlineBranch .owl-nav.disabled+.owl-dots {
    margin: 24px 0;
}

#slick-m-headlineBranch .listBlock>div {
    position: relative;
}

#slick-m-headlineBranch .listBlock>div:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--text-black);
    border-radius: 3px;
}

#slick-m-headlineBranch .listBlock div {
    /* padding-left: 0; */
    /* text-indent: 12px; */
    padding-left: 8px;
    text-indent: 0;
    margin-bottom: 0;
}
/*----*/



/* 사설 */

.editoral {
    margin: 60px 0;
}

#slick-m-editoral {
    border-radius: 12px;
    /* background-color: var(--bg-primary-100); */
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange.webp"), #000;
}

#slick-m-editoral .slick-dots{
    pointer-events: none;
}

#slick-m-editoral:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    display: block;
    height: 56px;
    width: 56px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg-logo.png") no-repeat;
    background-size: contain;
    opacity: .15;
    background-position: 0 0;
}

#slick-m-editoral .editoralBox {
    /* padding: 24px 40px 44px; */
    padding: 0 15px 18px;
    height: 100px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;

}

#slick-m-editoral .slick-dots,
#slick-serial .slick-dots {
    bottom: 11px;
}

/* 0806*/
#slick-m-editoral .owl-nav.disabled+.owl-dots {
    margin-top: -28px;
}

#slick-m-editoral .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--text-white);
    opacity: 1;
}

#slick-m-editoral .owl-dots .owl-dot span {
    background: var(--text-white);
    opacity: .3;
}
/*----*/

.newsBoxList {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.newsBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.newsBox .articleImage {
    border-radius: 12px;
    overflow: hidden;
}

.newsBox .articleImage img {
    border-radius: 12px;
}

.newsBox .badge {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px;
    flex-shrink: 0;
}

.newsInfo {
    display: flex;
    align-items: center;
    gap: 25px;
}

.newsInfo span {
    position: relative;
    display: block;
}

.newsInfo span:nth-child(2)::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -13px;
    width: 1px;
    height: 11px;
    background: var(--text-gray-700);
}

.newsBox .readTimeText {
    display: block;
    /* margin-top: 8px; */
}

.mainNewsList .newsBoxList > li {
    padding: 16px 0;
}

.newsBoxList > li {
    border-bottom: 1px solid var(--text-gray-300);
}

/*
.mainNewsList .newsBoxList li .articleImage {
    display: none;
}
*/

.newsBoxList > li:nth-child(1),
.newsBoxList > li:nth-child(2) {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 40px;
}

.mainNewsList .newsBoxList > li:nth-child(1) .newsBox,
.mainNewsList .newsBoxList > li:nth-child(2) .newsBox {
    gap: 0;
}

.mainNewsList .newsBoxList > li:nth-child(1) .articleImage,
.mainNewsList .newsBoxList > li:nth-child(2) .articleImage {
    width: 100%;
    max-height: 332px;
    position: relative;
    overflow: hidden;
}

.mainNewsList .newsBoxList > li:nth-child(1) .badge,
.mainNewsList .newsBoxList > li:nth-child(2) .badge {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 4px;
}

.mainNewsList .newsBoxList > li:nth-child(1) .readTimeText,
.mainNewsList .newsBoxList > li:nth-child(2) .readTimeText {
    margin-top: 2px;
}

.mainNewsList .newsBoxList > li:last-child {
    border-bottom: 0;
}

.mainNewsList .newsBoxList li .small-image{
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.mainNewsList .newsBoxList li .small-image .articleTitleWrap{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mainNewsList .newsBoxList li .small-image .articleImage {
    display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}
.mainNewsList .newsBoxList li .small-image .articleImage img{
    height: 100%;
    width: auto;
}

/* list newsBox */


.newsBox_row_1 .articleImage {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
}

.newsBox_row_1 .articleImage img {
    width: auto;
    height: 100%;
}

.newsBox_row_1 .articleContentWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    min-width: calc(100% - 126px);
    padding-right: 12px;
}

.newsBox_row_1 .badge {
    display: inline-block;
    vertical-align: middle;
    padding-right: 16px;
}

.newsBox_row_1 .articleContent {
    margin: 4px 0 8px;
}

.newsBox_row_1 .textWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    gap: 2px;
}

.newsBox_row_1 .readTimeText {
    display: block;
}

.newsListSection .newsBoxList li {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 60px
}

.newsListSection .newsBoxList li:last-child {
    margin-bottom: 0;
}

.newsListSection .newsBox .badge {
    display: block;
    margin-bottom: 4px;
}

.newsListSection .newsBox .newsInfo span {
    margin-top: 0;
}

.newsListSection .newsBox_row_1 {
    width: 100%;
    border-bottom: 0;
}

.newsBox_row-small {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.newsBox_row-small.border0 .newsBox_row_1 {
    border: 0;
}

.newsBox_row-small.gap24 .newsBox_row_1 {
    gap: 24px;
}

.newsBox_row_1 .hideNewsDate .writeInfo {
    display: none;
}

.newsBox_row_1 .hideNewsDate .readTimeText::before {
    display: none;
}

.newsBox_row-small .newsBox_row_1 {
    padding: 0;
}

.newsBox_row-small .newsBox_row_1 .textWrap {
    gap: 8px;
}

.newsBox_row-small li .newsBox_row_1 a {
    width: inherit;
}

.newsBox_row-small li .newsBox_row_1 .articleImage img {
    width: 100%;
    height: auto;
}


.newsBox_column-small {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 12px;
}

.newsBox_column-small li {
    width: calc(50% - 6px);
}

.newsBox_column-small .newsBox {
    gap: 8px;
}

.newsBox_column-small .newsBox .articleImage {
    overflow: hidden;
}

.newsBox_mix-small {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 12px;
}

.newsBox_mix-small li { width: 100%; }

.newsBox_mix-small li:nth-child(1),
.newsBox_mix-small li:nth-child(2) {
    width: calc(50% - 6px);
}

.newsBox_mix-small li:nth-child(3) {
    margin-top: 4px;
}

.newsBox_mix-small li:nth-child(3) .newsBox .articleImage,
.newsBox_mix-small li:nth-child(4) .newsBox .articleImage,
.newsBox_mix-small li:nth-child(5) .newsBox .articleImage {
    display: none;

}

/* 배너 */
section.banner,
div.banner {
    margin-top: 40px;
}

.m-banner {
    box-sizing: border-box;
    width: 100%;
    height: 55px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eee;
    margin-bottom: 20px;
}

.m-banner img {
    max-width: 338px;
}

.m-banner-seoul {
    background: #F26930;
}

.m-banner-naver {
    background: #F9F9F9;
    border: 1px solid #E4E4E4;
}

.m-banner-resom {
    background: #1D120D;
}

.m-sectionLayout {
    margin: 80px 0;
}

.m-divLayout {
    margin: 60px 0;
}

.m-divLayout:last-child,
.m-sectionLayout:last-child {
    margin-bottom: 0;
}

.m-listSection {
    margin: 0 0 60px;
}

.sectionContentWrap {
    position: relative;
    margin-top: 24px;
    overflow: hidden;
}

.cardBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* background: var(--bg-primary-100); */
    border-radius: 12px;
    overflow: hidden;
    padding: 40px 24px 20px;
    height: 300px;
    width: 100%;
}

.cardBox-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cardBox .serialTitle {
    /* opacity: .8; */
}

.cardBox-bottom {
    display: flex;
    justify-content: space-between;
}

.cardBox-bottom .showMore {
    display: flex;
    align-items: center;
}

.cardBox-bottom .showMore span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -57px -92px;
}

.layoutTitle {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
}

.layoutTitle h3 {
    flex-shrink: 0;
}

/* #slick-special {
    position: relative;
    height: 300px;
} */


/* 특별기획 */

/*0806*/
.cards-box {
    position: relative;
    width: 100%;
}

.cards-box .card {
    width: calc(100% - 37px);
    max-width: 566px;
    height: 250px;
    border-radius: 14px;
    cursor: pointer;
}

.cards-box .card-item {
    text-align: left;
}

.cards-box .card {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.8s cubic-bezier(0.18, 0.98, 0.45, 1);
}

.cards-box .card[data-slide="0"] {
    top: 50%;
    transform: translate3d(0%, -50%, 0px) scale(1);
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange.webp"), #000;
    z-index: 6;
}

.cards-box .card[data-slide="1"] {
    top: 50%;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange2.webp"), #000;
    transform: translate3d(5%, -50%, 0px) scale(0.975);
    height: calc(250px - 20px);
    z-index: 5;
}

.cards-box .card[data-slide="2"] {
    top: 50%;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange3.webp"), #000;
    transform: translate3d(10%, -50%, 0px) scale(0.95);
    height: calc(250px - 40px);
    z-index: 4;
}


.cards-box .cardBox {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
    overflow: hidden;
    padding: 40px 24px 20px;
    height: 250px;
    width: 100%;
}

.cardBox-bottom {
    justify-content: flex-end;
}

.cards-box .cardsBoxLayout {
    position: relative;
    height: 250px;
}

.cards-box .numcount {
    position: absolute;
    bottom: 20px;
    left: 24px;
    z-index: 10;
}

.cards-box .numcount span {
    color: var(--text-white);
    opacity: .6;
}

.cards-box .numcount span#special-current {
    opacity: 1;
}
/*----*/

.sectionSpecialWrap {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    height: 250px;
}

.sectionSpecialWrap .numcount {
    justify-content: flex-start;
}

.sectionSpecialWrap .specialPaging {
    bottom: 44px;
    left: 24px;
}

/********** 250611 jhr edit css :: start 
#slick-m-special .slick-list {
    padding-right: 9% !important;
}

#slick-m-special .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 250px;
}

#slick-m-special .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s;
}

#slick-m-special .slick-snext,
#slick-m-special .slick-sprev {
    display: block;
}

#slick-m-special .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
    transform: translate3d(0%, 0, 0px);
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange.webp"), #000;
    height: 250px;
}

#slick-m-special .slick-snext {
    opacity: 1;
    transform: translate3d(5%, 0%, 0px);
    z-index: 1;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange2.webp"), #000;
    height: calc(250px - 20px);
}

#slick-m-special .slick-sprev {
    opacity: 1;
    transform: translate3d(10%, 0%, 0px);
    background: url("https://imgmo.seoul.co.kr/img/n24/seoul/bg_orange3.webp"), #000;
    height: calc(250px - 40px);
}

#slick-m-special .slick-slide {
    border-radius: 12px;
}

#slick-m-special .block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 250px;
    border-radius: 12px;
}
**********/

#slick-m-special .block .cardBox {
    height: inherit;
}

.sectionSpecialWrap .specialPaging {
    display: inline-flex;
}

.specialPaging {
    position: absolute;
    display: flex;
    left: 0;
    bottom: 20px;
    align-items: flex-end;
}

.specialPaging span:not(:first-child) {
    opacity: .8;
}


/* 투데이 뉴스 */

#slick-todayNews {
    width: 100%;
}

#slick-todayNews .slick-list {
    width: 100%;
}

#slick-todayNews .slick-slide>div {
    width: 100%;
}

.newsBox_row_1 {
    display: flex;
    gap: 20px;
    padding: 20px 1px;
    border-bottom: 1px solid var(--text-gray-300);
}

#slick-todayNews .slick-slide div:last-of-type .newsBox_row_1 {
    border-bottom: 0;
}


.todayNewsPaging {
    /*margin-top: 40px;*/
	margin-top: 30px;
}

.numcount {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 4px;
}

.numcount span {
    display: inline-block !important;
}

.arrowBtnWrap {
    position: relative;
}

#todayNews-prevArrow {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    left: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

#todayNews-nextArrow {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    transform: 0;
    left: auto;
    right: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

#todayNews-prevArrow:before {
    content: '';
    opacity: 1;
    position: absolute;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -274px -85px;
    width: 30px;
    height: 30px;
}

#todayNews-nextArrow:before {
    content: '';
    opacity: 1;
    position: absolute;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -297px -85px;
    width: 30px;
    height: 30px;
}

#specialTemplate-prevArrow {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    left: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

#specialTemplate-nextArrow {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: -3px;
    transform: 0;
    left: auto;
    right: calc(50% - 56px);
    width: 30px;
    height: 30px;
}

#specialTemplate-prevArrow:before {
    content: '';
    opacity: 1;
    position: absolute;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -274px -85px;
    width: 30px;
    height: 30px;
}

#specialTemplate-nextArrow:before {
    content: '';
    opacity: 1;
    position: absolute;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -297px -85px;
    width: 30px;
    height: 30px;
}

/* 오피니언 */

#slick-m-opinion {
    width: 100%;
    /* padding-bottom: 64px; */
}

.circleListBox {
    box-sizing: border-box;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 1px;
    border-top: 1px solid var(--text-gray-300);
}

/* 0806 */
.circleListBox:first-child {
    border-top: 0
}
/*----*/

.circleListBox:last-child {
    padding-bottom: 0;
}

.circleListBox span {
    display: block;
}

.circleListBox .titleWrap h2 {
    margin: 0 0 8px;
}

#slick-m-opinion .slick-slide { padding-right: 8px; }
#slick-m-opinion .slick-slide div:first-child .circleListBox {
    padding-top: 0;
    border-top: 0;
}

#slick-m-opinion .slick-slide div:last-child .circleListBox {
    border-bottom: 0;
    padding-bottom: 0;
}

#slick-m-opinion .slick-slide .circleListBox:first-child{
    padding-top : 0;
    border:0;
}

.circleListBox .articleImage {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 104px;
    height: 104px;
    border-radius: 60px;
    overflow: hidden;
    background-color: #D9D9D9;
    box-sizing: border-box;
}

.circleListBox .articleImage>img {
    border-radius: 40px;
}

#slick-m-opinion .circleListBox .titleWrap {
    width: 100%;
    min-width: calc(100% - 124px);
}

#opinionNews-prevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#opinionNews-nextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#opinionNews-prevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

#opinionNews-nextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}




/* 기획·연재 */
.serial .sectionContentWrap {
    padding-bottom: 14px;
}

#slick-m-serial {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 330px;
}

#slick-m-serial .slick-slide {
    margin-right: 10px;
}

#slick-m-serial .slick-list {
    width: 100%;

}

.serialList li {
    max-width: 280px;
}

.serialList .articleTitleWrap {
    margin-bottom: 12px;
}

.serialList .contentNum {
    display: inline-block;
    vertical-align: text-top;
    padding-left: 4px;
}

.serialList .articleImage {
    display: flex;
    width: 80%;
    height: 320px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.serialList .articleImage img {
    border-radius: 12px;
    height: 100%;
    width: auto;
}

.serialList .articleLayout {
    position: relative;
}

.serialList .articleContentWrap {
    box-sizing: border-box;
    padding: 12px 24px 0 0;
    border-top-right-radius: 12px;
}

.serialList .articleContentWrap span {
    display: block;
}

.serialList .articleContentWrap h2 {
    margin-top: 4px;
    margin-bottom: 0;
}

.serialList .img-wrapper {
    position: relative;
    width: 100%;
    width: 280px;
    height: 188px;
    border-radius: 12px;
}

.serialList .img-wrapper img {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

/* 포토뉴스 20240710 */
#slick-main-photoNews .photoNewsBox {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

.photoNews .numcount {
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 30px;
  margin-bottom: 0;
}

/* 인터랙티브 */
/*
#slick-m-interractive {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 30px;
    padding-bottom: 54px;
}
*/

#slick-m-interractive {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

#slick-m-interractive .interactive_newest {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

#slick-m-interractive .slick-list,
#slick-m-interractive .slick-slide,
#slick-m-interractive .slick-slide div {
    width: 100%;
}

#slick-m-interractive .slick-slide div:last-child .interactBox h2 {
    border: 0;
}


.interactive {
    width: 100%;
}

.interactive_newest .articleImage {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    border-radius: 12px;
}

.interactive_newest .articleImage img {
    border-radius: 12px;
}

.interactive_newest h2.articleTitle {
    margin: 12px 0 4px;
}

.interactBox h2 {
    padding: 20px 0;
    border-bottom: 1px solid var(--text-gray-300);
}

#interractive-prevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#interractive-nextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#interractive-prevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

#interractive-nextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}
/*
#slick-m-interractive {
	width: 100%;
	margin-top: 32px;
	margin-bottom: 0;
	padding-bottom: 0;
}
*/
.interactive .numcount {
	position: relative;
	align-items: center;
	display: flex;
	justify-content: center;
	gap: 4px;
	margin-top: 30px;
	/*margin-bottom: 80px;*/ 
	margin-bottom: 0px; 
}

/* 투표 */


.voteSubject {
    position: relative;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 8px;
    padding-left: 23px;
}

.voteSubject:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 11px;
    height: 18px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -210px -153px;
}


.voteContent {
    margin-bottom: 14px;
}

.voteForm .voteList {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.voteBtn .input-check {
    display: none;
}

.voteBtn .form-check {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.16px;
    border-radius: 10px;
    cursor: pointer;
    padding: 14px 20px;
    border-radius: 10px;
    background: var(--text-gray-200, #F4F4F4);
    color: var(--text-gray-700);
}

.input-check:checked+.form-check {
    transition: all .25s;
    color: var(--text-white);
    background: var(--bg-primary-100);
}

.voteBtn .input-check:hover:not(:checked)+.form-check {
    transition: all .3s;
    background: var(--text-gray-400);
    color: var(--text-black);
}

.voteSubmit {
    margin: 0;
    display: flex;
    padding: 12px 40px;
    justify-content: center;
    align-content: center;
    border-radius: 100px;
    color: var(--text-white);
    background: var(--text-black);
    border: 0;
    cursor: pointer;
    margin-top: 0;
}

.voteSubmit:hover {
    transition: all .3s;
    opacity: .7;
}

section.vote .buttonWrap {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

section.vote .buttonWrap > * {
    width: 136px;
}

section.vote .buttonWrap .goLink{
    box-sizing: border-box;
    display: flex;
    gap: 4px;
    padding: 12px 0;
    background: var(--bg-primary-100);
    border-radius: 50px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

section.vote .buttonWrap .goLink .icon{
    width: 16px;
    height: 16px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    background-position: -26px -92px;
    filter: brightness(1000%);
}

.voteAnswerText {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.voteAnswerText .answerTitle {
    position: relative;
    text-indent: 24px;
}


.voteAnswerText .answerTitle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 722px;
    background-position: -309px -199px;
}

.voteAnswer {
    display: flex;
    flex-direction: column;
    /* gap: 40px; */
    display: none;
}

.voteAnswerBox {
    margin-bottom: 40px;
}

.voteAnswerTextWrap { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.voteAnswerTextWrap .voteAnswerDesc { display: flex; gap: 8px; width: calc(100% - 60px); }
.voteAnswerTextWrap .voteAnswerDesc .check { width: 20px; height: 16px; background: url(https://img.seoul.co.kr/img/n24/seoulIcon.webp) no-repeat; background-position: -99px -229px; margin-top: 3px; }
.voteAnswerTextWrap .voteAnswerDesc .h16 { width: calc(100% - 20px); }


.horizontal .progress-bar {
    float: left;
    height: 12px;
    width: 100%;
    padding: 12px 0;
}

.horizontal .progress-track {
    position: relative;
    width: 100%;
    height: 12px;
    background: var(--text-gray-100);
    border-radius: 4px;
}

.horizontal .progress-fill {
    position: relative;
    /* background: var(--bg-primary-100); */
    height: 12px;
    width: 50%;
    color: #fff;
    text-align: center;
    font-family: "Lato", "Verdana", sans-serif;
    font-size: 12px;
    line-height: 20px;
    border-radius: 4px;
}

.first-progress-fill {
    background: var(--bg-primary-100);
}

.secound-progress-fill {
    background: var(--text-gray-600);
}

.third-progress-fill {
    background: var(--text-gray-400);
}

/* 많이 본 뉴스 */

.pageTopNews li {
    padding: 20px 0;
    border-bottom: 1px solid var(--text-gray-300);
}

.pageTopNews li:first-child {
    padding-top: 0;
}

.pageTopNews li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.pageTopNews .newsBox {
    display: flex;
    flex-direction: row;
    gap: 0 20px;
    align-items: center;
}

.pageTopNews .newsBox .orderNum {
    color: var(--bg-primary-100, #F26930);
    font-size: 32px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.32px;
    background: none;
}

.pageTopNews .newsBox .articleWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

.pageTopNews .newsBox .badge {
    margin-top: 8px;
}

.pageTopNews .newsBox .articleImage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.pageTopNews .newsBox .articleImage img {
    border-radius: 8px;
}

.listpage-topNews {
    position: relative;
    margin: 0 0 20px;
    padding: 0 20px 100px 0;
}

.listpage-topNews .articleImage {
    display: flex;
    max-width: 660px;
    max-height: 440px;
    height: 440px;
    border-radius: 12px;
    margin-top: 24px;
    overflow: hidden;
    align-items: center;
}


.listpage-topNews .articleImage img {
    height: 100%;
    width: auto;
    border-radius: 12px;
}


.listpage-topNews .articleContent {
    margin: 24px 0;
}

.listpage-topNews:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--bg-b-bg);
    border-radius: 20px;
}


/* 1분 컷 뉴스 */

#slick-shorts li {
    position: relative;
    margin-right: 20px;
}

/* 0806*/
#slick-shorts .owl-item img {
    height: 100%;
    width: auto;
}
/*----*/

.shortsImage {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 222px;
    height: 395px;
    border-radius: 12px;
    background: var(--bg-b-bg);
    overflow: hidden;
}

.shortsImage img {
    height: 100%;
    width: auto;
}

.shortsImage:not(.vertical):after {
    z-index: 1;
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.shortsImage:not(.vertical):before {
    z-index: 2;
    content: '';
    position: absolute;
    display: block;
    top: 185px;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -290px -207px;
}

.shrotsContentWrap {
    z-index: 3;
    position: absolute;
    bottom: 0;
    padding: 24px;
}

.shrotsContentWrap h4 {
    margin-bottom: 8px;
}

.shrotsCount {
    display: flex;
    gap: 21px;
}

.shortsView {
    position: relative;
}

.shortsView::after {
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, .7);
    border-radius: 10px;
}

/* 역사관 */

#slick-viewOfHistory {
    width: 100%;
    padding-bottom: 54px;
    overflow: hidden;
    box-sizing: border-box;
}

#viewOfHistory-prevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#viewOfHistory-nextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#viewOfHistory-prevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

#viewOfHistory-nextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}

#slick-m-viewOfHistory {
	width: 100%;
	margin-top: 32px;
	margin-bottom: 0;
	padding-bottom: 0;
}


/* 서울 미디어 홀딩스 */

.seoulMH .sectionContentWrap:nth-last-child(1) {
    margin: 32px 0;
}

.seoulEnWrap,
.seoulMHWrap {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.newsBrand-2row {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.newsBrand .sectionContentWrap {
    width: 100%;
}

.ourNews .sectionContentWrap {
    width: 100%;
}

#slick-seoulMH-ebn,
#slick-seoulMH-nowNews,
#slick-seoulMH-seoul,
#slick-seoulMH-gong {
    width: 100%;
}

#slick-seoulMH-ebn .slick-slide,
#slick-seoulMH-nowNews .slick-slide,
#slick-seoulMH-seoul .slick-slide,
#slick-seoulMH-gong .slick-slide {
    width: 100%;
}

.seoulEn_newsList .slick-slide li:first-child, 
.seoulMH_newsList .slick-slide li:first-child {
    padding: 12px 0 16px;
    border-top: 0;
}

.seoulEn_newsList ul:first-child li:first-child .articleTitle,
.seoulMH_newsList ul:first-child li:first-child .articleTitle {
    padding: 12px 20px 0 0;
}

.seoulEn_newsList .slick-slide li,
.seoulMH_newsList .slick-slide li {
    padding: 16px 0;
    border-top: 1px solid var(--text-gray-300);
}

.seoulEn_newsList .slick-slide li:first-child,
.seoulMH_newsList .slick-slide li:first-child {
    padding: 12px 0 16px;
    border-top: 0;
}

.seoulEn_newsList .articleImage,
.seoulMH_newsList .articleImage {
    position: relative;
    width: 100%;
    max-width: 400px;
    height: 270px;
    margin: 0 auto;
}

.seoulEn_newsList .articleImage img,
.seoulMH_newsList .articleImage img {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    border-radius: 12px;
}

.seoulEn_newsList li h4,
.seoulMH_newsList li h4 {
    margin-right: 20px;
}

.seoulEn_newsList li:first-child {
    border-top: 0;
    padding-top: 0;
}

/* 0806 */
.seoulEn_newsList ul:first-child .articleList:first-child .articleTitle,
.seoulMH_newsList ul:first-child .articleList:first-child .articleTitle {
    padding: 12px 20px 0 0;
}

.seoulEn_newsList .articleList:first-child,
.seoulMH_newsList .articleList:first-child {
    border-top: 0;
}

.seoulEn_newsList .articleList,
.seoulMH_newsList .articleList {
    padding: 16px 0;
    border-top: 1px solid var(--text-gray-300);
}
/* ---- */


/*********** 오피니언 ***********/
/* 오피니언 topNews */
.opinionTopNews .articleInfo {
    display: flex;
    gap: 17px;
}

.opinionTopNews .articleInfo span {
    display: block;
}

.opinionTopNews .articleInfo>span:nth-child(1) {
    position: relative;
}

.opinionTopNews .articleInfo>span:nth-child(1):after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background: rgba(217, 217, 217, 1);
}

.opinionTopNews ul li:first-child .articleImage {
    display: block;
}

.opinionTopNews ul li:first-child {
    padding-bottom: 25px;
}

.opinionTopNews ul li {
    padding: 20px 0;
    border-bottom: 1px solid var(--text-gray-300);
}

.opinionTopNews ul li .articleImage {
    display: none;
}

.opinionTopNews ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

/* 오늘의칼럼 */
.todayColumn .circleListBox:first-child {
    border-top: 0;
    padding-top: 0;
}

.todayColumn .circleListBox .titleWrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.todayColumn .circleListBox .articleImage {
    width: 87px;
    height: 87px;
    border-radius: 100px;
}

/* 오늘의 만평 */
.todayCartoon h2 {
    margin: 8px 0 4px;
}

/* 기자별 칼럼 */
.reporterList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 24px;
}

.reporterList li {
    flex-shrink: 0;
    width: calc(50% - 12px);
}

.reporterImage {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 8px;
}

/* 전문가별 칼럼 */

.expertList {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 24px;
}

.expertList li {
    box-sizing: border-box;
    padding: 20px 12px;
    border-radius: 12px;
    text-align: center;
    flex-shrink: 0;
    width: calc(50% - 12px);
    background: var(--text-gray-100);
}

.expertList .expertImage {
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: 0 auto 12px;
}

.expertList li.hide { display: none; }
.listMoreBtn {
	cursor: pointer;
	width: 300px;
	margin: 40px auto 0;
	padding: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.listMoreBtn span {
	display: block;
	width: 16px;
	height: 16px;
	background: url("https://img.seoul.co.kr/img/n24/seoulIcon.webp");
	background-repeat: no-repeat;
	background-position: -256px -73px;
	transform: rotate(-90deg);
}

.listMoreBtn.open span {
	transform: rotate(90deg);
}


/* 주제별 칼럼 */
#slick-m-subjectList .slick-list {
    /* padding-bottom: 62px; */
	padding-bottom: 24px;
}

#slick-m-subjectList .slick-slide div:last-child>li {
    border-bottom: 0;
}

#slick-m-subjectList .slick-slide div li {
    border-bottom: 1px solid var(--text-gray-300);
}

.subjectBox {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 0;
}

.joinPopup {
    box-sizing: border-box;
    position: fixed;
    display: none;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
    bottom: 0;
    width: 100%;
    max-width: 660px;
    height: 50px; 
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    padding: 14px 24px 14px 30px;
    
}

.joinPopup.show {
    display: flex;
}

.joinPopup .closeBtn {
    cursor: pointer;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -417px -88px;
    width: 24px;
    height: 24px;
}


/*********** view page  ***********/
.viewHeader {
    padding: 40px 18px 0 19px;
}

.viewHeader-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-bottom: 1px solid var(--text-gray-300);
}

.viewHeaderContent {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 32px;
}

.breadcrumb ol {
    display: flex;
    gap: 17px;
    margin-bottom: 8px;
}

.breadcrumb li {
    position: relative;
    flex-shrink: 0;
}

.breadcrumb li:not(:last-child):after {
    position: absolute;
    top: 50%;
    right: -11px;
    transform: translateY(-50%);
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: var(--text-gray-500);
    border-radius: 10px;
}


.topSide .viewTool {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}

.topSide .viewTool>li div.viewToolBtn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: 0 0;
    border-radius: 20px;
}

.topSide .viewTool>li.open {
    background: var(--text-gray-300);
}

.topSide .viewTool>li .viewTool-fontSize {
    position: relative;
    background-position: -2px -42px;
}

.topSide .viewTool>li:nth-child(2) {
    background-position: 0 0;
}

.topSide .viewTool>li:nth-child(3) {
    position: relative;
    background-position: 0 0;
}

.topSide .viewTool>li:nth-child(1) div.hideText {
    background-position: -2px -42px;
}

.topSide .viewTool>li:nth-child(2) div.hideText {
    background-position: -50px -42px;
}

.topSide .viewTool>li:nth-child(3) div.hideText {
    background-position: -98px -42px;
}

.topSide .viewTool .replyNum {
    position: absolute;
    top: 2px;
    right: -2px;
    display: block;
    background: var(--etc-notice);
    border-radius: 20px;
    padding: 0 5px;
}

.topSide .viewToolPopup {
    display: flex;
    flex-direction: column;
    z-index: 10;
    position: relative;
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--text-white);
    border-radius: 8px;
    border: 1px solid var(--text-gray-300);
    padding: 20px 20px 30px;
    width: 272px;
    height: 208px;
    box-sizing: border-box;
}

.popupBox .popupHeader {
    display: flex;
    justify-content: space-between;
}

.nav-wrap .viewTool li div.popupBox div.hideText.closePopup,
.topSide .viewTool li div.popupBox div.hideText.closePopup {
    cursor: pointer;
    width: 26px;
    height: 26px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -381px -87px;
}

.topSide .viewToolPopup .popContent {
    margin: 12px 0 20px;
}

.topSide .viewToolPopup .fontSizeList {
    display: flex;
    justify-content: space-between;
}

.topSide .viewToolPopup .fontSizeList li div {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid var(--text-gray-300);
    color: var(--text-gray-600);
}

.bottomSide .viewToolPopup .popContent {
    margin: 12px 0 20px;
}

.bottomSide .viewToolPopup .fontSizeList {
    display: flex;
    justify-content: space-between;
}

.bottomSide .viewToolPopup .fontSizeList li div {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid var(--text-gray-300);
    color: var(--text-gray-600);
}

.bottomSide .viewToolPopup .fontSizeList li div {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.viewToolPopup .fontSizeList li .pick {
    color: var(--text-black) !important;
    background: var(--text-gray-100);
}


/* article view header style -- bg color primary */
.bg-primary {
    background: var(--bg-primary-100);
}

.bg-primary .viewHeader-wrapper {
    border-bottom: 0;
}

.bg-primary .breadcrumb ol {
    color: var(--text-white);
}

.bg-primary .breadcrumb li:not(:last-child):after {
    background: rgba(255, 255, 255, .8);
}

.bg-primary h1 {
    color: var(--text-white);
}


.bg-primary .reporterInfo .name {
    color: var(--text-white);
    opacity: .7;
}


.bg-primary .reporter .reporterInfo .name {
    color: var(--text-white);
    opacity: .7;
}

.bg-primary .reporter .dateInfo div {
    color: var(--text-white);
    opacity: .7;
}

.bg-primary .reporter .reporterInfo .dateInfo .showMore {
    opacity: .6;
}

.bg-primary .reporter .name .showMore {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -222px -92px;
}

.bg-primary .reporter .name .showMore.open {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -252px -92px;
}

.bg-primary .reporter .dateInfo .showMore {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -222px -92px;
}

.bg-primary .reporter .dateInfo .showMore.open {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -252px -92px;
}

/* 
.bottomSide .viewTool li div.hideText {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat red;
    overflow: hidden;
}

.bg-primary .bottomSide .viewTool>li {
    background: rgba(255, 255, 255, 0.20);
} */



.bg-primary .viewTool>li:nth-child(1) div.hideText {
    background-position: -146px -42px;
}

.bg-primary .viewTool>li:nth-child(2) div.hideText {
    background-position: -193px -42px;
}

.bg-primary .viewTool>li:nth-child(3) div.hideText {
    background-position: -241px -42px;
}


/* article view header style -- bg color black */
.bg-black {
    background: var(--bg-b-bg);
}

.bg-black .viewHeader-wrapper {
    border-bottom: 0;
}

.bg-black .breadcrumb ol {
    color: var(--text-white);
}

.bg-black .breadcrumb li:not(:last-child):after {
    background: rgba(255, 255, 255, .8);
}

.bg-black h1 {
    color: var(--text-white);
}

.bg-black .reporterInfo .nameBlock {
    color: var(--text-white);
    opacity: .7;
}

.bg-black .reporter .reporterInfo .dateInfo div {
    color: var(--text-gray-300);
    opacity: .7;
}

.bg-black .bottomSide .viewTool>li {
    background: rgba(255, 255, 255, 0.20);
}

.bg-black .viewTool>li:nth-child(1) div.hideText {
    background-position: -146px -42px;
}

.bg-black .viewTool>li:nth-child(2) div.hideText {
    background-position: -193px -42px;
}

.bg-black .viewTool>li:nth-child(3) div.hideText {
    background-position: -241px -42px;
}


/* .bg-primary .bottomSide .viewTool>li.open,
.bg-black .bottomSide .viewTool>li.open {
    background: rgba(255, 255, 255, 0.40);
} */


/* 2024 */
.dateBlock {
	display: flex;
	gap: 9px
}

.dateBlock div:first-child {
	position: relative;
}

.dateBlock div:first-child:after {
	content: '';
	position: absolute;
	display: block;
	top: 5px;
	right: -5px;
	width: 1px;
	height: 10px;
	background: var(--text-gray-400);
}


/* header black */
.bg-black {
    background-color: var(--bg-b-bg);
}

.bg-black .header-bottom:after {
    background: var(--text-white);
}

.bg-black .utilBtn {
    background: var(--text-gray-700);
    color: var(--text-white)
}

.bg-black .utilBtn.newsLetterBtn {
    background: var(--text-white);
    color: var(--text-black);
}

.bg-black .utilBtn .loginBlock>a:first-child:after {
    background: var(--text-white)
}

.bg-black .nav-searchBtn {
    background-position: 0 -120px;
}

.bg-black .utilMenu .newsLetterBtn span {
    background-position: -95px -126px;
}

.bg-black .nav-menuList {
    color: var(--text-white);
}

.bg-black .showMoreBtn {
    box-shadow: 0;
}




/* mobile header bg-vote css ::start */
.bg-vote {
    background: #8266BD;
}

.bg-vote .viewHeader-wrapper {
    border-bottom: 0;
}

.bg-vote .breadcrumb li {
    color: var(--text-white);
}

.bg-vote .breadcrumb li:not(:last-child):after {
    background-color: var(--text-white);
    opacity: .8;
}

.bg-vote h1 {
    color: var(--text-white)
}

.bg-vote .reporterInfo div {
    color: var(--text-white);
}

.bg-vote .reporterInfo .name {
    opacity: .8;
}

.bg-vote .reporterInfo .dateInfo {
    opacity: .7;
}

.bg-vote .topSide .viewTool>li:nth-child(1) div.hideText {
    background-position: -145px -42px;
}

.bg-vote .topSide .viewTool>li:nth-child(2) div.hideText {
    background-position: -193px -42px;
}

.bg-vote .topSide .viewTool>li:nth-child(3) div.hideText {
    background-position: -241px -42px;
}

.bg-vote .reporter .name .showMore {
    background-position: -222px -91px;
}

.bg-vote .reporter .name .showMore.open {
    background-position: -252px -91px;
}

.bg-vote .reporter .dateInfo .showMore {
    background-position: -222px -91px;
}

.bg-vote .reporter .dateInfo .showMore.open {
    background-position: -252px -91px;
}

/* mobile header bg-vote css ::end */


/* sns popup */
.snsSharePopupBox {
    cursor: default;
    z-index: 10;
    position: absolute;
    z-index: 100;
    display: block;
    top: 48px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--text-white);
    border-radius: 8px;
    border: 1px solid var(--text-gray-300);
    padding: 20px 20px 30px;
    width: 324px;
    height: 320px;
    box-sizing: border-box;
}

.snsSharePopupBox .snsShareList {
    padding: 16px 0 24px 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
}

.snsSharePopupBox .snsShareList li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 72px;
    height: 72px;
}

.snsSharePopupBox .snsShareList li .snsBtn {
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    margin: 0 auto 8px;

}

.snsSharePopupBox .snsShareList li .snsBtn.facebook {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -288px -41px;
}

.snsSharePopupBox .snsShareList li .snsBtn.blog {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -336px -41px;
}

.snsSharePopupBox .snsShareList li .snsBtn.twitter {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -384px -41px;
}


.snsSharePopupBox .snsShareList li .snsBtn.kakao {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -432px -41px;
}

.snsSharePopupBox .snsShareList li .snsBtn.band {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -480px -41px;
}

.snsSharePopupBox .snsShareList li .snsTit {
    flex-shrink: 0;
}

.snsSharePopupBox .linkCopy {
    display: flex;
}

.snsSharePopupBox .linkCopy .linkArea {
    flex-shrink: 0;
    width: 191px;
    padding: 10px 8px 10px 12px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid var(--text-gray-400);
    border-right: 0;
}

.snsSharePopupBox .linkCopy .copyBtn {
    cursor: pointer;
    flex-shrink: 0;
    display: block;
    padding: 10px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid var(--text-gray-400);
    background: var(--text-gray-200);
}



.reporter {
    display: flex;
    gap: 12px;
}

.reporter .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    background-color: var(--text-gray-300);
    box-sizing: border-box;
    overflow: hidden;
}

.reporter .reporterInfo .name {
    display: flex;
    max-width: 246px;
    gap: 4px;
}

.reporter .reporterInfo .nameBlock {
    overflow: hidden;
    height: 24px;
}

.reporter .reporterInfo .nameBlock.open {
    overflow: auto;
    height: 100%;
}

.reporter .reporterInfo .dateInfo {
    display: flex;
    gap: 4px;
}

.reporter .reporterInfo .dateBlock {
    height: 24px;
    overflow: hidden;
}

.reporter .reporterInfo .dateBlock.open {
    overflow: auto;
    height: 100%;
}

.reporter .name .showMore {
    cursor: pointer;
    flex-shrink: 0;
    display: block;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -192px -91px;
    background-size: 772px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.reporter .name .showMore.open {
    cursor: pointer;
    flex-shrink: 0;
    display: block;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -162px -91px;
    background-size: 772px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.reporter .dateInfo .showMore {
    cursor: pointer;
    flex-shrink: 0;
    display: block;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -192px -91px;
    background-size: 772px;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.reporter .dateInfo .showMore.open {
    cursor: pointer;
    flex-shrink: 0;
    display: block;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -162px -93px;
    background-size: 772px;
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

/* viewContent */

/*0813*/
.photoGroupWrap {
    margin: 40px 0;
    position: relative;
}

.photoGroupWrap .articleImage {
    display: table;
    width: inherit;
    margin: 0 auto;
}
.photoGroupWrap .articleImage img{
    /*width: inherit;*/
}
#photoGroup-arrowSlider{
    position: absolute;
    width: 100%;
    top:50%;
}

#photoGroup-arrowSlider .owl-prev,
#photoGroup-arrowSlider  .owl-next {
    display: block;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    align-items: center;
    z-index: 200;
    text-indent: -99999px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

#photoGroup-arrowSlider .owl-prev {
    position: absolute;
    border: 0;
    background: 0;
    left: -6px;
    width: 36px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}

#photoGroup-arrowSlider .owl-prev:after {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: -1px;
    width: 36px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 722px;
    background-position: -646px -38px;
}

#photoGroup-arrowSlider  .owl-next {
    position: absolute;
    border: 0;
    background: 0;
    width: 36px;
    height: 40px;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}

#photoGroup-arrowSlider  .owl-next:after {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: 0px;
    width: 36px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 722px;
    background-position: -687px -38px;
}

.articleImageSlide {
    margin: 40px 0;
    position: relative;
}

.articleImageSlide .articleImageWrap {
    position: relative;
    padding: 0;
    margin-bottom: 0;
}

.articleImageSlide .articleImageWrap .articleImage {
    position: relative;
    display: table;
    margin: 0 auto;
    width: inherit;
}

.articleImageSlide .articleImageWrap figure>img {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
}

/*.articleImageSlide:not(:first-of-type) { margin-top: 50px; margin-bottom:89px;}*/
.articleImageWrap:first-of-type {
    padding-top: 0px;
}

.articleImageSlide .slick-articleImage {
    overflow: hidden;
}


.articleImageSlide .articleImage {
    /* display: flex; */
    /* margin-left: 44px; */
    max-width: 100%;
    width: 100%;
    justify-content: center;
}


.articleImageSlide .articleImage img {
    height: 100%;
    width: auto;
    max-width: 100%;
}


.articleImageSlide .pagenation {
    display: inline-block;
    position: absolute;
    top: 40px;
    right: 60px;
    opacity: 0.7;
    background-color: #000000;
    border-radius: 10px;
    z-index: 200;
    color: #FFFFFF;
    padding: 3px 5px;
    font-weight: 300;
    font-size: 12px;
}

.articleImageSlide .expendImageBtn {
    z-index: 5;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp) no-repeat rgba(38, 35, 35, 0.60);
    background-size: 772px;
    background-position: -284px -110px;
    border-radius: 0;
}

.carousel_page_div {
    position: absolute;
    display: inline-flex;
    gap: 3px;
    top: 6px;
    left: 6px;
    background: rgba(38, 35, 35, 0.60);
    border-radius: 50px;
    z-index: 200;
    padding: 4px 12px;
    /* color: #FFFFFF;
    padding: 0 5px;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.8em; */
}

.carousel_page_div span {
    margin: 0 1px;
}

.articleImageSlide .prevArrow,
.articleImageSlide .nextArrow {
    display: inline-flex;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    padding-bottom: 36px;
    align-items: center;
    z-index: 200;
    text-indent: -99999px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.articleImageSlide .prevArrow {
    position: absolute;
    width: 36px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.articleImageSlide .prevArrow:after {
    content: '';
    position: relative;
    top: 0;
    left: -1px;
    width: 36px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 722px;
    background-position: -646px -38px;
}

.articleImageSlide .nextArrow {
    position: absolute;
    width: 36px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.articleImageSlide .nextArrow:after {
    content: '';
    position: relative;
    top: 0;
    left: 0px;
    width: 36px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 722px;
    background-position: -687px -38px;
}

.nextArrow.slick-arrow {
    right: 0;
}

.articleImageSlide .slickList {
    position: relative;
}

.articleImageFigcaption {
    display: table-caption;
    caption-side: bottom;
    position: relative;
}


.expendImageWrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    width: min-content;
}

.expendImageBtn {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat rgba(38, 35, 35, 0.60);
    background-size: 772px;
    background-position: -246px -110px;
    border-radius: 8px;
}



.viewmodalBox,
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    padding: 0 18px 0 19px;
    width: calc(100vw - 37px);
    height: 100%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.photoModal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--bg-b-bg);
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
}

.photoModal.open {
    display: block;
}

.photoModal .modal_content {
    position: absolute;
    margin: 0 0;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    display: table;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;

}

.photoModalInfo {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background: rgba(0, 0, 0, 0.30);
    padding: 12px 24px;
    border-radius: 12px;
    min-width: 264px;
}

.photoModal .modal_content .articleImage {
    display: table-cell;
    vertical-align: middle;
}

.photoModal .modal_content img {
    border-radius: 0;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.photoModal .btnWrap {
    z-index: 1000;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 8px;
    top: 20px;
    right: 18px;
}


.modal::-webkit-scrollbar {
    display: none;
}

.modal {
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* 파이어폭스 */
}

.modal_content {
    position: relative;
    margin: 5% 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 1000px;
    height: auto;
    /* max-height: 666px; */
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}

.modal_content img {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.modal .btnWrap {
    z-index: 1000;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 8px;
    top: 24px;
    right: 24px;
}

.photoModal .btnWrap .close,
.modal .btnWrap .close {
    cursor: pointer;
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    padding: 9px;
    background-image: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    background-position: -408px -79px;
    /* background-color: rgba(38, 35, 35, 0.60); */
    border-radius: 16px;
}

.modal .btnWrap span:hover,
.modal .btnWrap span:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.modal-textWrap {
    background: var(--text-white);
    padding: 12px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.modal-has-opened {
    overflow: hidden;
    padding-right: 17px !important;
}


.viewImage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 12px;
}

.viewImage.viewTable { border-radius: 0; }

.stit {
    color: var(--text-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    letter-spacing: -0.2px;
    margin-bottom: 60px;
}


.v_photoarea {
    clear: both;
    text-align: center;
    max-width: 100%;
    margin: 10px 0 32px;
}

.v_photoarea_L {
    float: left;
    text-align: center;
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 20px;
}

.v_photoarea_R {
    float: right;
    text-align: center;
    max-width: 100%;
    margin-bottom: 20px;
    margin-left: 20px;
}

.v_photo .expendImageWrap>figure {
    position: relative;
    display: inline-block;
}

.v_photo .expendImageWrap>figure>img {
    max-width: 100%;
    width: 100%;
    /* width: auto; */
}

/* figure > .viewImage width값을 expendImageWrap 로 지정 */

.v_photo_caption {
    text-align: left;
    color: var(--text-gray-700);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.13px;
    padding: 8px 0 0 0;
}

.v_photo_caption strong.viewImageTitle {
    display: block;
    color: var(--text-gray-700);
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.14px;
}

.v_photo {
    /*position:relative;*/
    margin: 0 auto;
}

.v_photo img {
    margin: 0 auto;
}

.subTitle_s0 {
    /* margin-top: 25px; */
    padding-bottom: 20px;
    border-bottom: 1px solid var(--text-black);
    display: block;
    color: var(--text-black);
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.2px;
}

.subTitle_s2 {
    display: block;
    color: var(--text-black);
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.18px;
    padding-left: 16px;
    border-left: 4px solid var(--bg-primary-100);
    /*
    margin-top: 40px;
    margin-bottom: 40px;
    */
    margin: 20px 0;
}

.con_quotation_01 {
    margin: 40px 0;
    position: relative;
    padding: 32px 0 8px;
    color: var(--text-black);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: -0.18px;
}

.con_quotation_01::before {
    content: '';
    font-size: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 17px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -227px -153px;
}

.con_quotation_span {
    display: block;
    color: var(--text-gray-500);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.14px;
    padding: 8px 0 0;
}

.con_quotation_03 {
    box-sizing: border-box;
    border-radius: 0;
    width: auto;
    left: auto;
    top: auto;
    background: none;
    border: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 32px 0;
    text-align: center;
    padding: 40px 0;
    color: var(--text-black);
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: -0.18px;
}

.con_quotation_03::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 722px;
    background-position: -493px -43px;
}

.con_quotation_03::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 722px;
    background-position: -529px -43px;
}

.con_quotation_03 .con_quotation_span {
    padding-top: 12px;
}



/* 지도 */
.con_googleMap {
    width: 100%;
    max-width: 510px;
    height: 240px;
    border-radius: 12px;
    background: var(--text-gray-100);
    overflow: hidden;
    margin: 32px auto;
    text-align: center;
}

article .videoWrap {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin: 24px 0;
    width: 100%;
    border-radius: 12px;
    background: var(--text-gray-100);
    overflow: hidden;
}

article .videoWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

/* 기사 공유하기 */
.con_openLinkBox_V .con_openLinkThumb {
    max-height: 178px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.con_openLinkBox_V .con_openLinkThumb img {
    max-width: 772px;
    max-height: 268px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom: 1px solid var(--text-gray-300);
}

.con_openLinkBox_V .con_openLinkTitle {
    color: var(--text-black);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.16px;
    text-align: left;
    padding: 16px 20px 0;
    max-width: 510px;
    margin: 0 auto;
}

.con_openLinkBox_V .con_openLinkSummery {
    color: var(--text-gray-600);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.14px;
    text-align: left;
    word-break: break-all;
    padding: 4px 20px 0;
    max-width: 510px;
    margin: 0 auto;
}

.con_openLinkBox_V .con_openLinkHost {
    color: var(--text-gray-500);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.13px;
    padding: 8px 20px 16px;
    text-align: left;
    max-width: 510px;
    margin: 0 auto;
}

.con_openLinkBox_V {
    text-align: center;
    border: 1px solid var(--text-gray-300);
    border-radius: 12px;
    max-width: 510px;
    margin: 40px auto;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
}

.con_openLinkBox_H {
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 510px;
    margin: 40px auto;
    cursor: pointer;
    text-decoration: none;
}

.con_openLinkBox_H .con_content {
    display: flex;
    border: 1px solid var(--text-gray-300);
    border-radius: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    padding: 0 20px 0;
    flex-direction: column;
    justify-content: center;
    max-width: 510px;
}

.con_openLinkBox_H .con_openLinkThumb {
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    overflow: hidden;
    float: none;
}

.con_openLinkBox_H .con_openLinkThumb img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    max-width: 110px;
    max-height: 110px;
}

.con_openLinkBox_H .con_openLinkTitle {
    color: var(--text-black);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.16px;
    text-align: left;
}

.con_openLinkBox_H .con_openLinkSummery {
    color: var(--text-gray-600);
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.14px;
    text-align: left;
    word-break: break-all;
}

.con_openLinkBox_H .con_openLinkHost {
    color: var(--text-gray-500);
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.13px;
    text-align: left;
}

/* 가로형 링크 수정 240814 */
.con_openLinkA { display: block; }
.con_openLinkA .con_openLinkBox_H { overflow: hidden; border: 1px solid #eee; box-sizing: border-box; border-radius: 12px; display: block; cursor: pointer; text-decoration: none; margin: 40px auto; }
.con_openLinkA .con_openLinkBox_H .con_openLinkThumb,
.con_openLinkA .con_openLinkBox_H .con_openLinkTitle,
.con_openLinkA .con_openLinkBox_H .con_openLinkSummery,
.con_openLinkA .con_openLinkBox_H .con_openLinkHost { float: left; }
.con_openLinkA .con_openLinkBox_H .con_openLinkTitle,
.con_openLinkA .con_openLinkBox_H .con_openLinkSummery,
.con_openLinkA .con_openLinkBox_H .con_openLinkHost { width: calc(100% - 150px); padding: 0 20px; }
.con_openLinkA .con_openLinkBox_H .con_openLinkThumb { position: relative; }
.con_openLinkA .con_openLinkBox_H .con_openLinkThumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; margin: auto; }
.con_openLinkA .con_openLinkBox_H .con_openLinkTitle { padding-top: 6px; }
.con_openLinkA .con_openLinkBox_H .con_openLinkSummery { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.con_openLinkA .con_openLinkBox_H .con_openLinkHost { padding-top: 4px; }


article .textbox {
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 40px;
}

.con_textbox_01 {
    min-height: auto;
    color: var(--text-gray-700);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.16px;
    padding: 20px;
    margin: 40px 0;
    border: 0;
    border-radius: 12px;
    background-color: var(--text-gray-200);
}

.con_textbox_02 {
    min-height: auto;
    color: var(--text-gray-700);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.16px;
    padding: 20px;
    margin: 40px 0;
    border: 0;
    border-radius: 12px;
    background: rgba(232, 240, 249, 1);
}


.con_textbox_03 {
    min-height: auto;
    color: var(--text-gray-700);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.16px;
    padding: 20px;
    margin: 40px 0;
    border: 0;
    border-radius: 12px;
    background: rgba(240, 248, 239, 1);
}

.con_textbox_04 {
    min-height: auto;
    color: var(--text-gray-700);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.16px;
    padding: 20px;
    margin: 40px 0;
    border: 0;
    border-radius: 12px;
    background: rgba(249, 245, 219, 1);
}

.con_textbox_05 {
    min-height: auto;
    color: var(--text-gray-700);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 175% */
    letter-spacing: -0.16px;
    padding: 20px;
    margin: 40px 0;
    border: 0;
    border-radius: 12px;
    background: rgba(249, 237, 231, 1);
}


.con_hr_01 {
    border-bottom: 4px solid var(--text-black);
    margin-bottom: 40px;
}

.con_hr_02 {
    border-bottom: 2px solid var(--text-black);
    margin-bottom: 40px;
}

.con_hr_03 {
    border-bottom: 1px solid var(--text-gray-300);
    margin-bottom: 40px;
}

.con_hr_04 {
    border-top: 1px solid var(--text-gray-500);
    border-bottom: 1px solid var(--text-gray-500);
    border-left: 0;
    border-right: 0;
    padding-bottom: 3px;
    margin-bottom: 40px;
}

.tableNotice {
    display: flex;
    gap: 4px;
}

.tableNotice span {
    display: block;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 722px;
    background-position: -425px -83px;
    width: 24px;
    height: 20px;
}

article .tableWrap {
    overflow-x: scroll;
    padding-bottom: 8px;
}

article .tableArea {
    margin: 40px 0;
}

article table thead th,
article table tbody td {
    padding: 16px 24px;
    border: 1px solid var(--text-gray-400);
}

.articleBranchNews {
    margin-top: 24px;
    /* height: 130px; */
    overflow: hidden;
}

.articleBranchNews.open {
    height: 100%;
    overflow: hidden;
}

.articleBranchNews .branchNewsList li {
    display: block;
    list-style: disc;
}

.articleBranchNews .branchNewsList li {
    padding-bottom: 8px;
}

.articleBranchNews .branchNewsList li {
    position: relative;
    /* text-indent: 12px; */
}

.branchNewsList li div {
    position: relative;
    padding-left: 12px;
    width: calc(100% - 12px);
    text-indent: 0;
}

.articleBranchNews .branchNewsList li:before {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: var(--text-black, #111);
    border-radius: 6px;
}

.showMorBranch {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 4px 0 8px;
    text-align: center;
}

.showMorBranch span.arrow {
    display: block;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -497px -95px;
    width: 13px;
    height: 9px;
}

.showMorBranch.open span:nth-child(1) {
    display: none;
}

.showMorBranch.open span.arrow {
    background-position: -497px -95px;
    transform: rotate(-180deg);
}

/* keyword */

.articleKeyword {
    border-top: 1px solid var(--text-gray-300);
    padding-top: 20px;
}

.articleKeyword ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.articleKeyword ul li {
    padding: 6px 16px;
    background-color: var(--text-gray-100);
    border-radius: 30px;
    flex-shrink: 0;
}

.articleBottomNews {
    margin: 60px 0;
}
.articleBottomNews:last-of-type { margin-bottom: 0; padding-bottom: 72px; }

.articleBottomList {
    padding-top: 24px;
    display: flex;
    gap: 24px 10px;
    flex-wrap: wrap;
}

.articleBottomList li {
    width: calc(50% - 5px);
    flex-shrink: 0;
}

.articleBottomList li .articleImage {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    overflow: hidden;
}

.articleBottomList li .articleImage img {
    width: 100%;
    border-radius: 12px;
}

.articleBottomList li h3 {
    padding: 12px 10px 0 0;
}


/* 포토뉴스 */
.slick-m-photoSlide,
#slick-m-photoNews {
    max-width: 400px;
    width: 100%;
    padding-bottom: 42px;
    overflow: hidden;
    margin: 0 auto;
    height: 355px;
}

.slick-m-photoSlide.slick-dotted.slick-slider {
    margin-bottom: 0;
}

#slick-m-photoNews .slick-slide {
    width: 100%;
}

#slick-m-photoNews .photoNewsBox {
    max-width: 400px;
    width: 100%;
}


#slick-m-photoNews li.slick-slide:nth-child(5) {
    border-bottom: 0;
}

#photoNews-main-prevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#photoNews-main-nextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#photoNews-main-prevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

#photoNews-main-nextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}

.slick-m-photoSlide,
#slick-m-photoNews {
	max-width: 400px;
	width: 100%;
	padding-bottom: 0;
	overflow: hidden;
	margin: 0 auto;
	height: 330px;
}

#slick-m-why .slick-list {
    padding-bottom: 40px;
}

#slick-m-why {
    margin: 0 -6px;
}

#slick-m-why .slick-slide {
    margin: 0 6px;
}

/* 최신 오피니언 */
.newOpinionSection .circleListBox {
    padding: 16px 0;
    border-top: 0;
    border-bottom: 1px solid var(--text-gray-300);
}

.newOpinionSection .circleListBox h2 {
    margin: 0;
}

.newOpinionSection .circleListBox:last-child {
    border-bottom: 0;
    padding-bottom:0;
}
.newOpinionSection .circleListBox:first-child {
    padding-top: 0;
}

.newOpinionSection .articleImage {
    width: 80px;
    height: 80px;
}

#slick-m-newOpinion {
    /*padding-bottom: 40px;*/
	padding-bottom: 30px;
    width: 100%;
    /*height: 233px;*/
}

#slick-m-newOpinion.slick-dotted.slick-slider {
    margin-bottom: 0;
}

#slick-m-newOpinion li.slick-slide {
    width: 100%;
}

#slick-m-newOpinion .slick-slide > div { padding-right: 8px; }

#slick-m-newOpinion .slick-slide div:first-child .circleListBox {
    padding-top: 0;
}

#slick-m-newOpinion .slick-slide div:last-child .circleListBox {
    padding-bottom: 0;
    border-bottom: 0;
}

#m-newOpinion-prevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#m-newOpinion-nextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#m-newOpinion-prevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

#m-newOpinion-nextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}

/* 트윅 twig */
/*
.twigSection {
    padding-bottom: 72px;
}
*/

.twigSection .circleListBox {
    padding: 16px 0;
    border-top: 0;
    border-bottom: 1px solid var(--text-gray-300);
}

.twigSection .circleListBox:last-child {
    border-bottom: 0;
}

.twigSection .circleListBox h2 {
    margin: 0;
}

.twigSection .articleImage {
    width: 80px;
    height: 80px;
}

#slick-m-twig {
    /*padding-bottom: 40px;*/
	padding-bottom: 14px;
    width: 100%;
    height: 346px;
}

#slick-m-twig li.slick-slide {
    width: 100%;
}

#slick-m-twig .slick-slide > div { padding-right: 8px; }

#slick-m-twig .slick-slide div:first-child .circleListBox {
    padding-top: 0;
}

#slick-m-twig .slick-slide div:last-child .circleListBox {
    padding-bottom: 0;
    border-bottom: 0;
}

#slick-m-twig.slick-dotted.slick-slider {
    margin-bottom: 0;
}

#twig-prevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#twig-nextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

#twig-prevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

#twig-nextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}

/* 외부 작성 영역 */

.adSection .articleImage {
    position: relative;
    max-height: 100px;
}


.adSection:not(.normal) .articleImage:before {
    position: absolute;
    top: 8px;
    left: 8px;
    content: '';
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -453px -121px;
    width: 29px;
    height: 18px;
    /* background: var(--text-gray-500); */
    color: #fff;
    /* padding: 2px 8px; */
    border-radius: 4px;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 166.667% */
    letter-spacing: -0.12px;
}

.adSection .articleBottomList.row3 li {
    width: calc(33.333% - 7px);
    /* margin: 0 10px 0 0; */
}

.adSection .articleBottomList li h3 {
    padding: 8px 10px 0 0;
}

.adSection .listBlock .newsBox_row_1 {
    gap: 12px;
    padding: 12px 1px;
    align-items: center;
}

.adSection .listBlock li:first-child .newsBox_row_1 {
    padding-top: 0;
}

.adSection .listBlock li:last-child .newsBox_row_1 {
    padding-bottom: 0;
    border-bottom: 0;
}

.adSection .listBlock .newsBox_row_1 .articleImage {
    overflow: hidden;
    width: 106px;
    max-height: 64px;
    border-radius: 12px;
}

.adSection .listBlock .newsBox_row_1 .articleImage img {
    width: 100%;
    height: auto;
}

.adLightLine { border-top: 1px solid var(--text-gray-300); margin-top: 12px; }
.adConnect { margin-top: -12px; margin-bottom: 0; }

/* ad */
.adArea {
    margin-top: 60px;
}

.adArea .ad {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
	/*
    width: 300px;
    height: 250px;
    background: var(--bg-b-bg);
    color: var(--text-white);
	*/
}

.rowAd .ad {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    background: var(--text-gray-500);
    color: var(--text-white);
}

.rowAd.height100 .ad {
    height: 100px;
}

.rowAd.height160 .ad {
    height: 160px;
}

.listAD ul {
    display: flex;
    flex-direction: column;
}

.listAD ul li {
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.listAD ul li:not(:last-child) {
    border-bottom: 1px solid var(--text-gray-300);
}

.listAD ul li:first-child {
    padding-top: 0;
}

.listAD ul li:last-child {
    padding-bottom: 0;
}

.articleView.adArea { margin: 30px 0 5px; }


/* 404 page */
.page404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
    width: 100%;
    padding: 100px 0 0;
    text-align: center;
}

.page404 .textWrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.page404 .textWrap .ErrorTitle {
    position: relative;
    ;
    padding-top: 92px;
}

.page404 .textWrap .ErrorTitle:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    width: 52px;
    height: 80px;
    background-position: -1px -182px;
}

.page404 .buttonWrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    max-width: 338px;
}

.page404 .buttonWrap div {
    box-sizing: border-box;
    border-radius: 50px;
    padding: 14px 40px;
    width: 100%;
}

.page404 .buttonWrap .goBackPageBtn {
    background: var(--text-gray-500);
}

.page404 .buttonWrap .goHomeBtn {
    background: var(--bg-primary-100);
}


/* list */
/* .listTopNews .newsBox .articleImage {
    margin-bottom: 16px;
} */

.listTopNews .newsBox .badge {
    display: block;
    margin-bottom: 6px;
}

/* 
.listTopNews .newsBox .newsInfo{
    margin-top: 20px;
}

.listTopNews .newsBox .readTimeText {
    margin-top: 0;
} */

.listCategory {
    padding-top: 40px;
    margin-bottom: 24px;
}

.listCategory .pageTitle {
    font-size: 32px;
    letter-spacing: -0.32px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 8px;
}

.listPage .listSide section.cartoon {
    display: none;
}

.listCategory .submenuList {
    /* overflow:hidden; */
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.listCategory .dragBoxWrap {
    position: relative;
}

.listCategory .dragBox {
    overflow-x: auto;
}

.listCategory .dragBoxWrap:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .3) 30%, rgba(255, 255, 255, 1) 100%);
    width: 50px;
    height: 100%;
}

.listCategory .submenuList li {
    flex-shrink: 0;
}

.listCategory .submenuList li:last-child {
    padding-right: 30px;
}

/* 토픽 */
#slick-m-topic .slick-list {
    padding-bottom: 38px;
}

#slick-m-topic li.slick-slide {
    width: 222px;
    margin-right: 20px;
}

#slick-m-topic .topicBox {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.topicBox .articleImage {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 222px;
    border-radius: 12px;
}

/* 0813*/
#slick-m-topic li{
    width: 222px!important;
}
#slick-m-topic{
    padding-bottom: 38px;
}




/* pagenation */
.pagination {
    display: flex;
    justify-content: center;
}

.pagination ul {
    display: flex;
    gap: 4px;
}

.pagination ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.pagination ul li.pagePrevBtn div,
.pagination ul li.pageNextBtn div {
    font-size: 0;
    text-indent: -99999px;
    width: 24px;
    height: 24px;
}


.pagination ul li.pagePrevBtn {
    margin-right: 12px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -272px -84px;
}

.pagination ul li.pageNextBtn {
    margin-left: 12px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -297px -84px;
}

.pagination ul li.presentPage {
    background: var(--bg-b-bg);
    border-radius: 50px;
    color: var(--text-white);
    font-weight: 700;
}

/* special-template */
#slick-m-specialTemplate {
    width: 100%;
}

#slick-m-specialTemplate li.slick-slide {
    max-width: calc(100% - 100px);
    overflow: hidden;
    margin: 0 4px;
}

#slick-m-specialTemplate .newsBox {
    max-width: 660px;
}

#slick-m-specialTemplate .articleImage {
    width: 100%;
    height: 422px;
    border-radius: 12px;
    overflow: hidden;
}

/* 
#slick-m-specialTemplate .slick-slide:not(.slick-active) .articleTitle,
#slick-m-specialTemplate .slick-slide:not(.slick-active) .readTimeText {
    opacity: 0;
    transition: all .3s;
} */
.special-template {
    padding-bottom: 40px;
	margin-bottom: 40px;
}

/* 20241205 추가 */
.special-template.themeWhite {
   border-bottom: 1px solid var(--text-gray-300);
}

.special-template .todayNewsPaging {
    margin-top: 20px;
}

#slick-m-specialTemplate .articleImage img {
    width: auto;
    height: 100%;
    border-radius: 12px;
}

/* #slick-m-specialTemplate .articleContentWrap {
    position: relative;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
} */

.slickContentWrap {
    position: relative;
    overflow: hidden;
}

.slickContentWrap .newsBox .badge {
    display: block;
    margin-bottom: 6px;
}

.slickContentWrap .newsBox .readTimeText {
    margin-top: 0;
    opacity: 1;
}

.special-template .timeLineNews {
    box-sizing: border-box;
    width: calc(100% - 37px);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    background: var(--text-gray-100);
    /*margin: 0 auto 16px;*/
	margin: 0 auto;
}

.special-template .timeLineNews span {
    flex-shrink: 0;
}

#slick-m-specialBottomList {
    margin-top: 40px;
    padding-left: 19px;
}

#slick-m-specialBottomList li.slick-slide {
    width: 164px !important;
    padding-right: 10px;
}

#specialTemplate-title .articleContentWrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 4px auto 0;
    width: calc(100% - 38px);
    padding: 0 19px 0 19px;
}

#specialTemplate-case { margin-bottom: 16px; }

/* typeA */
.typeA{
   /* padding-top:16px; */
}

/* typeB */
.typeB .mainNews {
    /*margin-top: 16px;*/
	/* padding-top: 16px; */
}

.typeB-con .mainNews .articleContentWrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.bgWrap {
    position: relative
}

.typeB-con .articleImage {
    position: relative;
    text-align: center;
}

.typeB-con .articleTitle {
    position: relative;
	width: 100%;
	padding: 11px 20px 0;
	text-align: center;
	box-sizing: border-box;
}

.typeB-con .articleContent {
    /*text-align: justify;*/
    /* padding: 12px 38px 0 37px; */
	text-align:center;
	padding: 12px 20px 0;
}

.typeB-con .articleImage:after {
    position: absolute;
	content: '';
	bottom: -1px;
	left: 0;
	height: 50px;
	width: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.70) 66%, #FFF 100%);
}

/* special-template themeBlack */
header.bg-black .logo.logo-seoul {
    background-position: -364px -195px;
}

header.bg-black .leftSide ul div {
    color: var(--text-white);
}

header.bg-black .nav-searchBtn {
    background-position: -98px -120px;
}

header.bg-black .leftSide ul li.subscription span {
    background-position: -38px -120px;
}

.themeBlack .timeLineNews {
    background: var(--text-gray-700);
}

.themeBlack {
    background: var(--bg-b-bg);
}

.themeBlack .timeLineNews div {
    color: var(--text-white);
}

.themeBlack #specialTemplate-title .articleTitle h2,
.themeBlack #slick-m-specialTemplate .articleTitle h2 {
    color: var(--text-white);
}

.themeBlack .numcount .now {
    color: var(--text-white);
}

.themeBlack #slick-m-specialBottomList .articleTitle h2 {
    color: var(--text-white);
    opacity: .8;
}

.themeBlack .typeB-con .articleImage:after {
    background: linear-gradient(180deg, rgba(38, 35, 35, 0) 0%, rgba(38, 35, 35, 0.6) 45%, #262323 81%);
}

.themeBlack .typeB-con .articleTitle h1 {
    color: var(--text-white);
}

.themeBlack .typeB-con .articleContent {
    color: var(--text-white);
    opacity: .8;
}

header.bg-black .headerWrap.scroll .nav-searchBtn {
    background-position: -65px -117px;
}

header.bg-black .headerWrap.scroll .leftSide ul div {
    color: var(--text-black, #111);
}

header.bg-black .headerWrap.scroll .leftSide ul li.subscription span {
    background-position: -6px -120px;
}

/* footer */

.moblie-footer {
    display: block;
}

/* mobile footer */
.moblie-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.moblie-footer .footer-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 0;

}

.moblie-footer .logo {
    width: 109px;
    /*
    height: 21px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -2px -152px;
    */
}

/*
.moblie-footer .logo.logo-seoul {
    background-position: -2px -152px;
}
*/

.moblie-footer .logo.logo-en {
    width: 84px;
    /* height: 22px;
    background-position: -466px -305px; */
}

.moblie-footer .logo.logo-nownews {
    width: 114px;
    /* height: 22px;
    background-position: -222px -305px; */
}

.moblie-footer .logo.logo-stv {
    width: 80px;
    /* height: 22px;
    background-position: -114px -305px; */
}

.moblie-footer .logo.logo-eye {
    width: 86px;
    /* height: 24px;
    background-position: -1px -304px; */
}

.moblie-footer .logo.logo-go {
    width: 76px;
    /* height: 22px;
    background-position: -365px -305px; */
}

.moblie-footer .footer-sitemap {
    display: flex;
    flex-wrap: wrap;
    width: 308px;
    gap: 32px 0;
    opacity: 0.9;
    margin: 0 auto 50px;
}

.moblie-footer .footer-sitemap li {
    width: 33.333%;
    flex-shrink: 0;
    text-align: center;
}

.moblie-footer .snsWrap ul {
    display: flex;
    justify-content: center;
    gap: 0 12px;
}

.moblie-footer .snsWrap ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 32px;
    height: 32px;
}

.moblie-footer .snsWrap ul li a .icon {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
    background-repeat: no-repeat;
    background-size: 772px;
    overflow: hidden;
    color: transparent;
    font-size: 0;
    text-indent: -99999px;
}

.moblie-footer .snsWrap ul li a .facebookBtn {
    width: 33px;
    height: 33px;
    background-position: -103px 0px;
}

.moblie-footer .snsWrap ul li a .twitterBtn {
    width: 33px;
    height: 33px;
    background-position: -147px 0px;
}

.moblie-footer .snsWrap ul li a .youtubeBtn {
    width: 33px;
    height: 33px;
    background-position: -191px 0px;
}

.moblie-footer .snsWrap ul li a .instaBtn {
    width: 33px;
    height: 33px;
    background-position: -235px 0px;
}

.moblie-footer .snsWrap ul li a .naverBtn {
    width: 33px;
    height: 33px;
    background-position: -279px 0px;
}

.moblie-footer .snsWrap ul li a .naverblogBtn {
    width: 33px;
    height: 33px;
    background-position: -319px 0px;
}

.moblie-footer .footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 0 32px;
}

.moblie-footer .footer-bottom-ul {
    display: flex;
    gap: 15px;
    opacity: .5;
}

.footer-bottom-ul li {
    position: relative;
}

.footer-bottom-ul li:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    width: 1px;
    height: 8px;
    background: rgba(255, 255, 255, .2);
}

.m-footer-bottom {
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.moblie-footer .copyright {
    opacity: .5;
	text-align: center;
}

footer {
    background: 0;
}

.moblie-footer {
    max-width: 660px;
    margin: 0 auto;
    background: var(--bg-b-bg);
}


.hideScroll {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.hideScroll::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}


.m-hamburgerMenu-depth {
    display: none;
    z-index: 100000;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--text-white);
    overflow: hidden;
}

.m-hamburgerMenu-depth.open {
    display: block;
}

.m-hamburgerMenu-depth .scrollWrap {
    overflow-y: scroll;
    height: 100vh;
    padding-bottom: 60px;
}

.m-hamburgerMenu-depth .closeBtn {
    position: absolute;
    right: 18px;
    width: 24px;
    height: 24px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -383px -88px;
}

.m-hamburgerMenu-top {
    position: relative;
}

.m-hamburgerMenu-top .layout-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 14px 18px 32px 19px;
    border-bottom: 1px solid var(--text-gray-300);
}

.m-hamburgerMenu-top .textInfo {
    width: 190px;
}

.m-hamburgerMenu-top .utilMenu {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}

.m-hamburgerMenu-top .utilMenu a {
    display: flex;
    gap: 8px;
}

.m-hamburgerMenu-top .utilMenu span {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -74px -5px;
    background-size: 772px;
    vertical-align: top;
}

.m-hamburgerMenu-middle {
    padding: 24px 0 40px;
    border-bottom: 1px solid var(--text-gray-300);
}

.m-hamburgerMenu-middle .layout-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 18px 0 19px;
    gap: 32px;
}

.m-hamburgerMenu-middle .inputSearch {
    width: 100%;
}

.m-hamburgerMenu-middle .sitemap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.m-hamburgerMenu-middle .sitemap li {
    width: calc(50% - 10px);
}

.m-hamburgerMenu-bottom {
    padding: 40px 0 60px;
}

.m-hamburgerMenu-bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.m-hamburgerMenu-bottom .toggleBox { cursor: pointer; }

.m-hamburgerMenu-bottom .showListBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px 8px 19px;

}

.m-hamburgerMenu-bottom .showListBtn span {
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -128px -92px;
    background-size: 772px;
}

.m-hamburgerMenu-bottom .showListBtn.open span {
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -91px -92px;
    background-size: 772px;
}

.m-hamburgerMenu-bottom .depthList {
    display: none;
    flex-wrap: wrap;
    gap: 16px;
    padding: 20px 18px;
    background: var(--text-gray-100);
}

.m-hamburgerMenu-bottom .depthList.open {
    display: flex;
}

.m-hamburgerMenu-bottom .depthList li {
    width: calc(50% - 8px);
}

.m-hamburgerMenu-bottom .outLink {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 18px 8px 19px;
}

.m-hamburgerMenu-bottom .outLink span {
    display: block;
    width: 16px;
    height: 22px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -618px -119px;
    background-size: 772px;
}


.inputSearch {
    width: 290px;
    position: relative;
}

.inputSearch .input-searchBox {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    background: var(--text-gray-200);
    border: 0;
}

.inputSearch .input-searchBox::placeholder {
    color: #AAA;
}

.inputSearch .input-searchBtn {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.inputSearch .input-searchBtn {
	border: 0;
    text-indent: -9999px;
    color: transparent;
    font-size: 0;
    width: 24px;
    height: 24px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -131px -118px;
	cursor: pointer;
}

/* 240327 jhr 서치박스 추가 ::start */
.list-searchBox {
	padding: 26px 0 12px;
	border-bottom: 1px solid var(--bg-b-bg);
}

.list-searchBox .searchChkBox {
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
	gap: 4px;
}

.list-searchBox .inputSearch {
	width: 100%;
	margin-top: 8px;
}

.list-searchBox .searchChkBox input[type="checkbox"] {
	display: none;
	height: 18px;
	width: 18px;
	border: 1px solid var(--text-gray-500);
	border-radius: 4px;
}

.list-searchBox .searchChkBox input[type="checkbox"]+label:before {
	box-sizing: border-box;
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid var(--text-gray-500);
	border-radius: 3px;
	margin-top: 4px;
}

.list-searchBox .searchChkBox input[type="checkbox"]:checked+label:before {
	content: "";
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp");
	background-repeat: no-repeat;
	background-position: -644px -274px;
	background-size: 979px;
}


.list-searchBox .searchChkBox input[type="checkbox"]+label {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	cursor: pointer;
	gap: 8px;
}

.list-searchBox .searchChkBox input[type="checkbox"]+label>span {
	vertical-align: middle;
}

.list-searchBox .inputSearch .input-searchBox::placeholder {
	color: var(--text-gray-500, #999);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	/* 160% */
	letter-spacing: -0.3px;
}


.list-searchBox .searchResult {
	margin-top: 24px;
}
/* 240327 jhr 서치박스 추가 ::end */


.lineclamp1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4em;
}

.lineclamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 라인수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    /* max-height: 2.8em; */
    /* text-align:left; */
}


.lineclamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* 라인수 */
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    /* max-height: 4.2em; */
    text-overflow: ellipsis;
}


.lineclamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* 라인수 */
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lineclamp5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* 라인수 */
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lineclamp6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* 라인수 */
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}


@keyframes fadeAni {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0;
    padding: 0;
    transform: translateX(-50%);
}

#slick-interractive .slick-dots li {
    width: auto;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0 2px;
    cursor: pointer;
}

.slick-dots li .dot {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li:hover,
.slick-dots li:focus {
    outline: none;
}

.slick-dots li:hover .dot:before,
.slick-dots li:focus .dot:before {
    opacity: 1;
}

.slick-dots li.slick-active .dot:before {
    opacity: 1;
    color: black;
    background-color: var(--bg-b-bg);
}

.slick-dots li .dot:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: 1;
    color: var(--text-white);
    background-color: #BEBDBD;
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.whiteDots .slick-dots li.slick-active .dot:before {
    opacity: 1;
    color: var(--text-white);
    background-color: var(--text-white);
}

.whiteDots .slick-dots li .dot:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: .3;
    color: var(--text-white);
    background-color: var(--text-white);
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}


.slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
    background-color: var(--bg-b-bg);
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: 1;
    color: var(--text-white);
    background-color: #BEBDBD;
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.whiteDots .slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--text-white);
    background-color: var(--text-white);
}


.whiteDots .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: .3;
    color: var(--text-white);
    background-color: var(--text-white);
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


::selection {
    background-color: var(--text-gray-700);
    color: var(--text-white)
}


/* 기획연재 */
#slick-m-series {
    width: 100%;
    /*padding-bottom: 40px;*/
      padding-bottom: 0; /*0806*/
}

#slick-m-series .slick-dots{
    pointer-events: none;
}

#slick-m-series .groupTitle {
    display: flex;
    gap: 4px;
}

#slick-m-series .newsBox_row1 .articleContentWrap {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
}


#slick-m-series .newsBox_row1 .articleContentWrap .articleTitle h2 {
    width: 100%;
    margin-bottom: 4px;
}

#slick-m-series .newsBox_row1 .articleImage {
    max-height: 400px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 12px;
}

#slick-m-series .newsBox_row1 .articleImage img {
    width: 100%;
}

#slick-m-series .ArticleInfo {
    margin-top: 16px;
    display: flex;
    gap: 17px;
}

#slick-m-series .ArticleInfo span:last-child {
    position: relative;
}

#slick-m-series .ArticleInfo span:last-child:before {
    position: absolute;
    display: block;
    content: '';
    height: 8px;
    width: 1px;
    background: var(--text-gray-400);
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
}

.photoBoxListSection .sectionContentWrap{
    margin-bottom: 60px;
}
.photoBoxListSection .sectionContentWrap:last-child{
    margin-bottom: 100px;
}
.photoListTitle{
    margin-bottom: 20px;
}
.photobox-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.photobox-list li {
    position: relative;
    width: calc(50% - 10px);
    flex-shrink: 0;
}

.photobox-list li .photobox h2{
    display: none;
}

.photobox-list li .photobox .articleImage{
   
    height: 200px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.photobox-list li .photobox .articleImage img{
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
.photobox-list li .photobox .listBadge{
    position: absolute;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    display: block;
    top: 8px;
    left: 8px;
    max-width: calc(100% - 32px);
    padding: 2px 8px;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.13px;
}



.last-list {
    display: flex;
    flex-wrap: wrap;
    gap:6px;
}

.last-list li {
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 12px 20px;
    border-radius: 50px;
    border: 1px solid var(--text-gray-400);
}

.last-list li:not(:last-child) a {
    display: flex;
    align-items: center;
    gap: 16px;
}

.last-list li div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.last-list li:hover {
    cursor: pointer;
    transition: all .3s;
    background: var(--text-gray-100);
}

.last-list li.moreListBtn {
    padding: 0;
    background: var(--text-gray-200);
}

.last-list li.moreListBtn div {
    padding: 20px 32px 20px 32px;
    gap:8px;
}

.last-list li a {
    gap: 8px;
}

.last-list li.hide { display: none; }
.last-list li.moreListBtn .plus {
    display: block;
    width: 14px;
    height: 14px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -255px -155px;
    background-size: 772px;
}
.articleTitle .newIcon {
    display: block;
    width: 24px;
    height: 14px;
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-position: -275px -154px;
    background-size: 772px;
}

.serial-respons .last-list li.moreListBtn {
    padding: 0
}

.last-list li.moreListBtn div {
    padding: 12px 20px;
}


.last-list li div {
    gap: 0;
}

.arrowBtnWrap.common .slickPrevArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	left: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

.arrowBtnWrap.common .slickNextArrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: -3px;
	transform: 0;
	left: auto;
	right: calc(50% - 56px);
	width: 30px;
	height: 30px;
}

.arrowBtnWrap.common .slickPrevArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -274px -85px;
	width: 30px;
	height: 30px;
}

.arrowBtnWrap.common .slickNextArrow:before {
	content: '';
	opacity: 1;
	position: absolute;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
	background-size: 772px;
	background-position: -297px -85px;
	width: 30px;
	height: 30px;
}



@media screen and (max-width:650px) {
    .photobox-list li .photobox .articleImage{
        max-height: 146px;
    }
    .photoModalInfo {
        display: block;
    }

    .tableNotice {
        display: flex;
    }
}

@media screen and (max-width:456px) {
    .showMorBranch {
        padding: 0 0 8px
    }

    #slick-m-specialTemplate .articleImage {
        width: 100%;
        height: 268px;
        border-radius: 12px;
        /* height: 268px; */
        overflow: hidden;
    }

    #imadIframe { height: 810px !important; }
}

/* 파리 올림픽 */
.bg-paris { background: linear-gradient(247deg, #6C8FB0 6.68%, #1D737F 69.87%); }
.bg-paris .viewHeader-wrapper { border-bottom: 0; }
.bg-paris h1 { color: var(--text-white); }
.bg-paris .breadcrumb li { color: var(--text-white); }
.bg-paris .breadcrumb li:not(:last-child):after { background: var(--text-white); opacity: .8; }
.bg-paris .reporter .reporterInfo .nameBlock { color: var(--text-white); opacity: .8; }
.bg-paris .reporter .reporterInfo .dateBlock div { color: var(--text-white); opacity: .7; }
.bg-paris .reporter .dateInfo .showMore { background-position: -222px -91px; opacity: .7; }
.bg-paris.reporter .dateInfo .showMore.open { background-position: -252px -93px; opacity: .7; }
.bg-paris .bottomSide .viewTool>li { background: rgba(255, 255, 255, 0.20); }
.bg-paris .viewTool>li:nth-child(1) div.hideText { background-position: -146px -42px; }
.bg-paris .viewTool>li:nth-child(2) div.hideText { background-position: -193px -42px; }
.bg-paris .viewTool>li:nth-child(3) div.hideText { background-position: -241px -42px; }

/* newbr 추가 240814 */
.new_br { margin-top: 0; margin-bottom: -21px !important; }
.new_br + .mncAD{ margin: 54px 0 -32px !important; }
.new_br + script + .mncAD{ margin: 64px 0 -32px !important; }
.con_openLinkA.new_br .con_openLinkBox_H,
.con_openLinkA.new_br .con_openLinkBox_V { margin: 0 auto; }
.con_snsBox.new_br > iframe { margin-bottom: 0 !important; }
article .videoWrap.new_br { margin-top: 0 !important; }
.subTitle_s0, .subTitle_s2 { margin-top: 0; margin-bottom: 32px; }
/*
.new_br { margin: 8px auto -24px !important; }
.con_textbox_01.new_br,
.con_textbox_02.new_br,
.con_textbox_03.new_br,
.con_textbox_04.new_br,
.con_textbox_05.new_br { margin: -24px auto !important; }
.con_openLinkA.new_br { display: block; }
.con_openLinkA.new_br .con_openLinkBox_V { margin: 8px auto -16px !important; }
.con_quotation_01.new_br { position: relative; padding: 32px 0 0; color: var(--text-black); font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30px; letter-spacing: -0.18px; }
.con_openLinkA.new_br .con_openLinkBox_H { overflow: hidden; border: 1px solid #eee; box-sizing: border-box; border-radius: 12px; display: block; cursor: pointer; text-decoration: none; margin: 0 auto; }
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkThumb,
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkTitle,
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkSummery,
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkHost { float: left; }
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkTitle,
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkSummery,
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkHost { width: calc(100% - 150px); padding: 0 20px; }
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkThumb { position: relative; }
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkThumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; margin: auto; }
.con_openLinkA.new_b  .con_openLinkBox_H .con_openLinkTitle { padding-top: 6px; }
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkSummery { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.con_openLinkA.new_br .con_openLinkBox_H .con_openLinkHost { padding-top: 4px; }
.con_snsBox.new_br { margin: 8px auto -32px !important; }
*/


/* copyright  관련 20241120*/
.paperInfo { margin-top: 40px;clear: both;}
.articleCopyright {margin-top: 8px;clear: both;}



/*tts start*/

/*default reset*/	
.resetTTS .loadingIcon{display:none !important;}
.resetTTS .soundNewsButton{display:flex !important;}
.resetTTS .viewTool-soundNews{display:flex !important;}	


/*loading*/
.loadingTTS .loadingIcon{display:flex !important;}
.loadingTTS .viewTool-soundNews{display:none !important;}


/*play*/
.playTTS .loadingIcon{display:none !important;}
.playTTS .viewTool-soundNews{display:flex !important;padding: 0 12px !important;}

.playTTS .soundNewsButton {background-position: -374px -364px !important;}
.bg-primary .playTTS .soundNewsButton,
.bg-black .playTTS .soundNewsButton{		
	background-position: -330px -364px !important;
}

.playTTS .soundWave{
	display: block !important;
	background: url("https://imgmo.seoul.co.kr/img/n24/tts-sound.webp") no-repeat center !important;
	background-size: contain !important;
}

.bg-primary .playTTS .soundWave,
.bg-black .playTTS .soundWave{
	background: url("https://imgmo.seoul.co.kr/img/n24/tts-sound-w.webp") no-repeat center !important;		
	background-size: contain !important;
}
.playTTS .newsReplay{display:block !important;}



/*pause*/
.pauseTTS .loadingIcon{display:none !important; }
.pauseTTS .viewTool-soundNews{display:flex !important;padding: 0 12px !important;}	
.pauseTTS .soundNewsButton {/*background-position: -286px -364px !important;*/ background-position: -201px -364px !important;}
.pauseTTS .soundWave {
	display: block !important;
	background-size: 772px !important;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-position: -514px -372px !important;
	
}
.bg-primary .pauseTTS .soundWave,
.bg-black .pauseTTS .soundWave {
    display: block !important;
    background-size: 772px !important;
	background-position: -558px -372px !important;
}
.bg-primary .pauseTTS .soundNewsButton,
.bg-black .pauseTTS .soundNewsButton{		
	background-position: -242px -365px !important;
}
.pauseTTS .newsReplay{display:block !important;}


	
.topSide .viewTool>li div.viewToolBtn {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	background-position: -152px -364px;
	border-radius: 20px;
}

.topSide .viewTool li.fontSize-button {
	position: relative;
	background-position: 0 0;
}

.topSide .viewTool li.snsShare-button {
	background-position: 0 0;
}

.topSide .viewTool li.reply-button {
	position: relative;
	background-position: 0 0;
}

/* adddd */

.topSide .viewTool li.soundNews-button-wrap {
	/*border: 1px solid var(--text-gray-200);*/ /*20250512*/
	border-radius: 20px;
	display: block;
	padding: 0;
}

.topSide .viewTool li .loadingIcon {
	display: flex;
	width: 40px;
	height: 40px;
	background: url("https://imgmo.seoul.co.kr/img/n24/loading-black.svg") no-repeat center;
}

.topSide .viewTool li div.viewTool-soundNews.hideText {
	transition: all .15s ease-in-out;
	display: none;
	width: auto;
	align-items: center;
	background: 0;
	gap: 4px;
}

.topSide .viewTool li div.soundNewsButton.hideText {
	cursor: pointer;
	border: 0;
	background: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	/*background-position: -286px -364px;*/
	background-position: -201px -364px;
}

.topSide .viewTool li div.soundWave {
	display: none;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	background-position: -514px -372px;
}

.topSide .viewTool li div.soundWave img {
	display: block;
}

.topSide .viewTool li div.newsReplay.hideText {
	cursor: pointer;
	display: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	background-position: -462px -364px;
}

.topSide .viewTool li .viewTool-soundNews.layout {
	padding: 0 12px;
}

.topSide .viewTool li div.soundNewsButton.pause {
	cursor: pointer;
	background-position: -374px -364px;
}

.topSide .viewTool li div.soundWave.show {
	display: block;
	background: url("https://imgmo.seoul.co.kr/img/n24/tts-sound.gif") no-repeat center;
	background-size: contain;
}


.topSide .viewTool li div.soundWave.on {
	display: block;
}


.topSide .viewTool li div.newsReplay.show {
	display: block;
}

/* addddddd */

.topSide .viewTool li.fontSize-button div.hideText {
	background-position: -2px -42px;
}

.topSide .viewTool li.snsShare-button div.hideText {
	background-position: -50px -42px;
}

.topSide .viewTool li.reply-button div.hideText {
	background-position: -98px -42px;
}

.bg-primary .topSide .viewTool li.fontSize-button div.hideText {
	background-position: -144px -42px;
}

.bg-primary .topSide .viewTool li.snsShare-button div.hideText {
	background-position: -194px -42px;
}

.bg-primary .topSide .viewTool li.reply-button div.hideText {
	background-position: -241px -42px;
}

.bg-black .topSide .viewTool li.fontSize-button div.hideText {
	background-position: -144px -42px;
}

.bg-black .topSide .viewTool li.snsShare-button div.hideText {
	background-position: -194px -42px;
}

.bg-black .topSide .viewTool li.reply-button div.hideText {
	background-position: -241px -42px;
}


.bg-primary .topSide .viewTool li.soundNews-button-wrap,
.bg-black .topSide .viewTool li.soundNews-button-wrap {
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.20);
	;
	border-radius: 20px;
	display: block;
	padding: 0;
}

.bg-primary .topSide .viewTool li .loadingIcon,
.bg-black .topSide .viewTool li .loadingIcon {
	display: flex;
	width: 40px;
	height: 40px;
	background: url("https://imgmo.seoul.co.kr/img/n24/loading-white.svg") no-repeat center;
}

.bg-primary .topSide .viewTool li div.viewTool-soundNews.hideText,
.bg-black .topSide .viewTool li div.viewTool-soundNews.hideText {

	transition: all .15s ease-in-out;
	display: none;
	width: auto;
	align-items: center;
	background: 0;
	gap: 4px;
}

.bg-primary .topSide .viewTool li div.soundNewsButton.hideText,
.bg-black .topSide .viewTool li div.soundNewsButton.hideText {


	border: 0;
	background: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	background-position: -242px -365px;
}

.bg-primary .topSide .viewTool li div.soundWave,
.bg-black .topSide .viewTool li div.soundWave {

	display: none;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	background-position: -558px -372px;
}

.bg-primary .topSide .viewTool li div.soundWave img,
.bg-black .topSide .viewTool li div.soundWave img {
	display: block;
}

.bg-primary .topSide .viewTool li div.newsReplay.hideText,
.bg-black .topSide .viewTool li div.newsReplay.hideText {

	display: none;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp?v=1") no-repeat;
	background-size: 772px;
	background-position: -418px -364px;
}

.bg-primary .topSide .viewTool li .viewTool-soundNews.layout,
.bg-black .topSide .viewTool li .viewTool-soundNews.layout {

	padding: 0 12px;
}

.bg-primary .topSide .viewTool li div.soundNewsButton.pause,
.bg-black .topSide .viewTool li div.soundNewsButton.pause {

	background-position: -330px -364px;
}

.bg-primary .topSide .viewTool li div.soundWave.show,
.bg-black .topSide .viewTool li div.soundWave.show {

	display: block;
	background: url("https://imgmo.seoul.co.kr/img/n24/tts-sound-w.webp") no-repeat center;
	background-size: contain;
}


.bg-primary .topSide .viewTool li div.soundWave.on,
.bg-black .topSide .viewTool li div.soundWave.on {

	display: block;
}


.bg-primary .topSide .viewTool li div.newsReplay.show,
.bg-black .topSide .viewTool li div.newsReplay.show {

	display: block;
}

.dateBlock {
	display: flex;
	gap: 9px
}

.dateBlock div:first-child {
	position: relative;
}

.dateBlock div:first-child:after {
	content: '';
	position: absolute;
	display: block;
	top: 5px;
	right: -5px;
	width: 1px;
	height: 10px;
	background: var(--text-gray-400);
}

/* 240902 광고 */
.news-ad-ListWrap {
	border-top: 1px solid var(--text-gray-400);
	border-bottom: 1px solid var(--text-gray-400);
	width: 100%;
	max-width: 623px;
	padding: 20px 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	box-sizing: border-box;
}

.rankNewsList {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.rankNewsList li {
	position: relative;
	padding-left: 12px;
}

.rankNewsList li:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background: var(--text-gray-500);
	border-radius: 6px;
}

.adNewsList {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.adNewsList .adBadge {
	color: var(--text-white, #FFF);
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 19px;
	/* 190% */
	letter-spacing: -0.1px;
	background: var(--text-gray-400);
	border-radius: 4px;
	padding: 0 4px;
	height: 18px;
	display: inline-block;
	vertical-align: text-bottom;
}

.adNewsList .adList {
	display: flex;
	align-items: center;
	gap: 8px;
}

.news-ad-ListWrap .lineclamp1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* line-height: 1.4em; */
    line-height: 28px;
}

/* 240905 유지보수 */
#slick-seoulMH-nowNews .owl-dots,
#slick-seoulMH-ebn .owl-dots {
	margin-top: 14px;
}

.newsBox_row_1:last-child {
	border-bottom: 0;
}

.owl-theme .owl-dots .owl-dot {
	pointer-events: none;
}

#slick-viewOfHistory {
	width: 100%;
	padding-bottom: 0;
	overflow: hidden;
	box-sizing: border-box;
}
/*******************/

/********** 240925 **********/
/* 회원가입 모달창 추가 */
.alertModal.hide { display: none; }
.alertModal { z-index: 99999; box-sizing: border-box; /* position: absolute; */ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 9px; background: var(--text-gray-300); box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.30); padding: 30px; width: 309px; max-width: 360px; display: flex; flex-direction: column; }
.alertModal.alertDim { width: 360px; }
.alertModal .closeWrap { cursor: pointer; display: flex; justify-content: flex-end; margin-bottom: 6px; }
.alertModal .closeBtn { width: 26px; height: 26px; background: url("https://img.seoul.co.kr/img/n24/seoulIconX2.webp") no-repeat; background-position: -198px -224px; background-size: 979px; }
.alertModal .modalContent { text-align: center; }
.alertModal .modalBtnWrap { margin-top: 30px; display: flex; justify-content: center; gap: 10px; }
.alertModal .modalBtn { border: 0; cursor: pointer; display: inline-block; padding: 4px 20px; border-radius: 6px; }
.alertModal .modalBtn.cancelBtn { background: var(--text-white); }
.alertModal .modalBtn.confirmBtn { background: var(--text-gray-500); }
.dim { z-index: 9999; content: ''; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .7); opacity: 1; }

/* 프로모션 영역 추가 */
.adBannerImage .owl-carousel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.adBannerImage .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.5s ease-in-out;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

.owl-item.out {
    animation: slideOutUp 0.5s forwards;
}

.owl-item.in {
    animation: slideInUp 0.5s forwards;
}

.adBannerWrap {
    position: relative;

}

.adBanner {
    box-sizing: border-box;
    position: fixed;
    display: block;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
    bottom: 0;
    width: 100%;
    max-width: 660px;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
    background: #00C660;
}

.adBannerImage {
    width: 100%;
    height: 100%;
    max-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.adBannerImage img {
    max-width: 375px;
}

.adBanner .closeBtn {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    background: url("https://imgmo.seoul.co.kr/img/n24/seoulIcon-mo.webp") no-repeat;
    background-size: 772px;
    background-position: -412px -84px;
}

@media screen and (max-width:456px) {
    .adBannerImage {
        box-sizing: border-box;
        justify-content: space-between;
        padding: 0 16px 0 18px;
    }

    /*
    .adBannerImage img {
        max-width: 92%;
    }
    */

    .adBanner .closeBtn {
        width: 20px;
        height: 20px;
        background-position: -417px -90px;
    }
}

/* 광고영역 웹표준 추가 */
/* seoulEn */
.thumbnails-b .syndicatedItem .branding,
.thumbnails-b .branding,
/* seoulEye */
.thumbs-feed-01-c .video-label-box .branding,
.thumbs-feed-01-c .syndicatedItem .branding
/* nownes */
.thumbnails-b .syndicatedItem .branding,
.thumbnails-b .branding,
/* seoulPn */
.thumbnails-a-mobile .branding,
.thumbnails-a-mobile .videoCube .thumbBlock,
.thumbnails-a-mobile .syndicatedItem .branding,
/* seoul */
.alternating-thumbs-feed-01-c .branding,
.alternating-thumbs-feed-01-c .video-label-box .branding{
	color: #666 !important;
}

/* 250806 스타일 수정 */
.maintopNews .newsBox .articleTitle {
    margin-top: 12px;
}

section.maintopNews .newsBox {
    gap: 0;
}
.maintopNews .newsBox .badge {
    display: inline-block;
    margin: 0 4px 0 0;
}

.maintopNews .newsBox h2 {
    display: inline;
}

.maintopNews .newsBox .articleImage img {
    border-radius: 0;
}

.maintopNews .newsBox .readTimeText {
    margin-top: 2px;
}

.mainNewsList .newsBoxList > li:nth-child(1) .articleTitle,
.mainNewsList .newsBoxList > li:nth-child(2) .articleTitle {
    margin-top: 12px;
}

.mainNewsList .newsBoxList > li:nth-child(1) .newsBox h2,
.mainNewsList .newsBoxList > li:nth-child(2) .newsBox h2 {
    display: inline;
}

.mainNewsList .newsBoxList > li:nth-child(1) .articleImage:after,
.mainNewsList .newsBoxList > li:nth-child(2) .articleImage:after {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.mainNewsList .newsBoxList > li:nth-child(1) .articleImage img,
.mainNewsList .newsBoxList > li:nth-child(2) .articleImage img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#slick-m-headlineBranch .listBlock div:first-child {
    margin-bottom: 4px;
}

.maintopNews .topSlide .newsBox .articleImage img{
        border-radius: 12px;
}

.maintopNews  .topSlide .newsBox .articleImage{
    margin-right: 0;
    margin-left: 0;
}
/* 250806 스타일 수정 */
