@charset "utf-8";
/*************************************************
* 프로젝트명 : 연합뉴스 국문 PC 홈페이지 (★ 2024)
* commnet : common.css
*************************************************/

/* 해상도분기 정리
//대형 와이드 프레임 : 1280px 이상 - 컨테이너영역1200px
@media only screen and (min-width:1280px){}

//대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px
@media only screen and (min-width:1024px) and (max-width:1279px){}

//중형 프레임 : 768px ~ 1023px - 컨테이너영역720px
@media only screen and (min-width:768px) and (max-width:1023px){}

//일반형/대형 프레임 : 1025px 이상
@media only screen and (min-width:1025px){}

//소형 프레임 : 767px 이하 - 컨테이너 영역 가변
@media only screen and (max-width:767px){}

//초소형 프레임 : 320px 이하 - 컨테이너 영역 가변
@media only screen and (max-width:320px){}*/

@import url("//r.yna.co.kr/global/lib/v02/css/swiper-8.4.7.min.css");
@import url("//r.yna.co.kr/www/home_n/v03/css/lib/vanilla-calendar-2.9.6.min.css");

/* =============== ####IR ======================== */
/* ---- ##ir-txt$$ ---- */
/* .ir-txt01 : 기본 사용
 * .ir-txt02 : btn-type005 */
[class*="ir-txt0"] {
    overflow: hidden;
    display: inline-block;
    width: 1px;
    height: 1px;
    border: none;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}
.ir-txt01 {
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    white-space: nowrap;
}

/* =============== ####swiper.js ======================== */
.swiper-area {
    overflow: hidden;
}

/* =============== ####vanilla-calendar ======================== */
/* ---- ##calendar-type01 : vanilla-calendar 달력 ---- */
.calendar-type01 {
    max-width: 304px;
    border-radius: 2px;
    background-color: var(--ui-tag001);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.calendar-type01.style01 {
    width: 100%;
    background-color: var(--ui-tag007);
    box-shadow: none;
}
.calendar-type01.style01 .vanilla-calendar-arrow {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.calendar-type01 .vanilla-calendar {
    width: 100%;
    height: auto;
    padding: 20px 12px 12px;
    background-color: var(--ui-tag000);
}
.calendar-type01 .vanilla-calendar-header {
    height: 30px;
    margin-bottom: 4px;
    padding: 0 8px 12px;
}
.calendar-type01 .vanilla-calendar-arrow {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}
.calendar-type01 .vanilla-calendar-arrow:before {
    background-size: 11px 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(0);
}
.calendar-type01 .vanilla-calendar-arrow_next {
    transform: rotate(-180deg);
}
.calendar-type01 .vanilla-calendar-header__content {
    display: flex;
    flex-direction: row-reverse;
}
.calendar-type01 .vanilla-calendar-month,
.calendar-type01 .vanilla-calendar-year {
    position: relative;
    padding: 0 18px 0 0;
}
.calendar-type01 .vanilla-calendar-year {
    display: flex;
    margin-right: 20px;
}
.calendar-type01 .vanilla-calendar-year:after {
    content: "년";
    display: block;
}
.calendar-type01 .vanilla-calendar-year:before,
.calendar-type01 .vanilla-calendar-month:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg095);
    background-size: 14px 14px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.calendar-type01 .vanilla-calendar-day__btn {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 14px;
    font-weight: 600;
}
.calendar-type01 .vanilla-calendar-week {
    margin-bottom: 0;
}
.calendar-type01 .vanilla-calendar-week__day {
    width: 30px;
    height: 30px;
    font-size: 14px;
    font-weight: 600;
}
.calendar-type01 .vanilla-calendar-day__btn_prev,
.calendar-type01 .vanilla-calendar-day__btn_next {
    display: none;
}
.calendar-type01 .vanilla-calendar-week__day .vanilla-calendar-week__day,
.calendar-type01 .vanilla-calendar-week__day_weekend {
    font-size: 14px;
}
.calendar-type01 .vanilla-calendar-arrow:before {
    background-image: var(--ui-bg096);
}
/* [data-calendar-theme='light'] */
.calendar-type01.style01 [data-calendar-theme="light"] .vanilla-calendar-day__btn {
    background-color: var(--ui-tag000);
}
.calendar-type01.style01 [data-calendar-theme="light"] .vanilla-calendar-day__btn:hover {
    background-color: rgb(241 245 249);
}
.calendar-type01.style01 [data-calendar-theme="light"] .vanilla-calendar-years__year,
.calendar-type01.style01 [data-calendar-theme="light"] .vanilla-calendar-months__month {
    background-color: var(--ui-tag000);
}
.calendar-type01.style01 [data-calendar-theme="light"] .vanilla-calendar-arrow {
    background-color: var(--ui-tag001);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-arrow {
    background-color: var(--ui-tag011);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn {
    color: var(--font-color005);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_disabled,
.calendar-type01
    [data-calendar-theme="light"]
    .vanilla-calendar-day__btn.vanilla-calendar-day__btn_disabled.vanilla-calendar-day__btn_weekend {
    color: var(--font-color008) !important;
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn.vanilla-calendar-day__btn_today:hover,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn_selected,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn_selected:hover {
    background-color: var(--ui-tag030);
    color: var(--font-color001) !important;
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend {
    color: var(--font-color021);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day:nth-child(7n) .vanilla-calendar-day__btn {
    color: var(--font-color005);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-week__day .vanilla-calendar-week__day,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-week__day_weekend {
    color: var(--font-color004);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend:hover {
    background-color: rgba(79, 111, 203, 0.1);
}
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
.calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover {
    background-color: var(--ui-tag030);
    color: var(--font-color001);
}

/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .calendar-type01 {
        width: 100%;
        min-width: 304px;
        min-height: 338px;
    }
    .calendar-type01 .vanilla-calendar {
        padding: 20px 12px 12px;
    }
    .calendar-type01 .vanilla-calendar-header {
        margin-bottom: 4px;
        padding: 0 8px 12px;
    }
    .calendar-type01.style01 {
        background-color: var(--ui-tag001);
        box-shadow: none;
    }
}

/* ---- ##alendar-form$$ : calendar-type의 상위 div ---- */
/* 비주얼 뉴스, 테마별 뉴스
 * 버튼 클릭시 달력 노출 */
/* ---- ##캘린더 : calendar-form01 > popup-calendar01 ---- */
.calendar-form01 .calendar-type01 {
    display: none;
}
.calendar-form01.active .calendar-type01 {
    display: block;
}
.calendar-form01 .calendar-type01 {
    position: absolute;
    top: 36px;
    right: 50%;
    z-index: 222;
    margin-right: -975px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .calendar-form01 .calendar-type01 {
        margin-right: -865px;
    }
}
@media only screen and (max-width: 767px) {
    .calendar-form01 .calendar-type01 {
        position: fixed;
        top: 50%;
        left: 50%;
        right: auto;
        z-index: 222;
        width: calc(100% - 70px);
        margin-right: 0;
        transform: translate(-50%, -50%);
    }
}
/* 테마별 뉴스 > 긴급뉴스, 톱뉴스
 * PC : 월별 달력 노출  */
/* ---- ##캘린더 : calendar-form02 > popup-calendar01 ---- */
.calendar-form02 .calendar-type01 {
    display: block;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .calendar-form02 .calendar-type01 {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 10;
        width: calc(100% - 70px);
        transform: translate(-50%, -50%);
    }
    .calendar-form02.active .calendar-type01 {
        display: block;
        z-index: 222;
    }
}

/* =============== ####Color & Highlight ======================== */
/* ---- ##배경 색상 ---- */
/* 무채색 color00 ~ 19 */
.bg00 {
    background-color: var(--ui-tag000);
}
.bg01 {
    background-color: var(--ui-tag001);
}
.bg02 {
    background-color: var(--ui-tag002);
}
.bg03 {
    background-color: var(--ui-tag003);
}
.bg04 {
    background-color: var(--ui-tag030);
}
.bg05 {
    background-color: var(--ui-tag031);
}
.bg06 {
    background-color: var(--ui-tag034);
}
.bg07 {
    background-color: var(--ui-tag033);
}
.bg08 {
    background-color: var(--ui-tag032);
}
.bg09 {
    background-color: var(--ui-tag035);
}
.bg10 {
    background-color: var(--ui-tag004);
}
.bg11 {
    background-color: var(--ui-tag009);
}
/* ---- ##폰트 색상 ---- */
/* 무채색 color00 ~ 19 */
.color00 {
    color: var(--font-color000) !important;
}
.color01 {
    color: var(--font-color001) !important;
}
.color02 {
    color: var(--font-color002) !important;
}
.color03 {
    color: var(--font-color006) !important;
}
/* [font]그외 20 ~ $$ */
.color20 {
    color: var(--font-color028) !important;
}
.color21 {
    color: var(--font-color021) !important;
}
.color22 {
    color: var(--font-color032) !important;
}
.color23 {
    color: var(--font-color041) !important;
}
.color24 {
    color: var(--font-color023) !important;
}
.color25 {
    color: var(--font-color043) !important;
}
.color26 {
    color: var(--font-color044) !important;
}
.color27 {
    color: var(--font-color045) !important;
}
.color28 {
    color: var(--font-color039) !important;
}
/* ---- ##언더라인 색상 ---- */
.underline01 {
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}

/* =============== ####줄바꿈 br ======================== */
/* br01 : 767px 이하에서 줄바꿈 기능 해제
 * br02 : 1024px 이하에서 줄바꿈 기능 해제  */
@media only screen and (max-width: 1024px) {
    .br02 {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .br01 {
        display: none;
    }
}

/* =============== ####img Cover / None ======================== */
/* ---- ##img-none$$ ---- */
/* 섬네일 이미지가 없을 경우 */
[class*="img-none"] .img {
    position: relative;
}
/* img-none01 */
.img-none01 {
    background-color: var(--ui-tag011);
}
.img-none01:after {
    content: "";
    opacity: 0.1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 60%;
    height: 60%;
    background-image: var(--ui-bg503);
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    filter: var(--ui-filter002);
}
/* img-none02 */

/* 섬네일 가로 세로 구분 (동적으로 .colW/.rowH 가 추가된다.)
* colW 가로 | rowH 세로 */
/* 이미지 규칙
- 가로형(width >= height) : colW
- 세로형(width < height) : rowH */
[class*="img-con"] {
    position: relative;
}
/* [class*='img-con'] .colW{}
[class*='img-con'] .rowH{} */

/* =============== ####DIMMED ======================== */

/* ---- ##overlay$$ ---- */
/* 섬네일 딤드 스타일 */
/* .overlay01{} */

/* ---- ##mask-type$$ ---- */
/* 윈도우 딤드 스타일 */

/*
mask-type01 : PC 해상도에서 header영역을 덮지 않는 케이스
mask-type02 : 모바일 해상도(1023이하) 모든 컨텐츠를 덮는 케이스
mask-type03 : 모든 해상도를 덮는 케이스
*/
@keyframes dim-fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.mask-type01,
.mask-type02,
.mask-type03 {
    opacity: 0;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.2s, z-index 0.2s;
    transition: opacity 0.2s, z-index 0.2s;
}
body.popup-mode .mask-type01 {
    /*opacity:1;*/
    display: block;
    z-index: 90;
    animation-name: dim-fadein;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*animation-delay: 0.4s;*/
}
body.popup-mode .mask-type03 {
    /*opacity:1;*/
    display: block;
    z-index: 221;
    animation-name: dim-fadein;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*animation-delay: 0.4s;*/
}

body.body-my-sub.popup-mode .mask-type02 {
    z-index: 221;
}
body.page-search.popup-mode .mask-type02 {
    z-index: 221;
}
/*body.page-search.popup-mode .mask-type02,
body.body-my-sub.popup-mode .mask-type02{display:block;
	animation-name: dim-fadein;
	animation-duration:0.3s;
	animation-iteration-count:1;
	animation-fill-mode: forwards;
	!*animation-delay: 0.4s;*!
}*/
/*body.popup-mode .mask-type01{opacity:1;display:block;z-index:90;}*/
body.popup-yviewer.popup-mode .mask-type02 {
    display: block;
    z-index: 220;
    animation-name: dim-fadein;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    /*animation-delay: 0.4s;*/
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    /*	어디사용하는지몰라서 일단 주석함:김혜미
	body[class*='body-view-'].popup-mode .mask-type02{!*opacity:1;*!display:block;z-index:221;
		animation-name: dim-fadein;
		animation-duration:0.3s;
		animation-iteration-count:1;
		animation-fill-mode: forwards;
		animation-delay: 0.4s;
	}*/
}
@media only screen and (max-width: 767px) {
    body.popup-mode .mask-type02 {
        /*opacity:1;*/
        display: block;
        z-index: 221;
        animation-name: dim-fadein;
        animation-duration: 0.3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        /*animation-delay: 0.4s;*/
    }
}

/* =============== ####Icon ======================== */

/* ---- ##logo-yna$$ : 연합뉴스 로고 ---- */
/* (클래스범위)
 * logo-yna01 : 기본 HEADER 로고
 * logo-yna02 : [페이지 위치] 설명
 * logo-yna03 : [페이지 위치] 설명 */
[class*="logo-yna"] {
    overflow: hidden;
    display: block;
}
/*button[class*='logo-yna']{border:none;background-color:transparent;}*/
[class*="logo-yna"] [class*="ir-txt"] {
    background-size: auto 100%;
    background-repeat: no-repeat;
    clip: auto;
    clip-path: none;
}
.logo-yna01 [class*="ir-txt"] {
    width: 218px;
    height: 60px;
    background-image: var(--ui-bg500);
}
.logo-yna02 [class*="ir-txt"] {
    width: 87px;
    height: 24px;
    background-image: var(--ui-bg500);
}
.logo-yna03 [class*="ir-txt"] {
    width: 109px;
    height: 30px;
    background-image: var(--ui-bg500);
}
.logo-yna04 [class*="ir-txt"] {
    width: 113px;
    height: 31px;
    background-image: var(--ui-bg500);
}
.logo-yna05 [class*="ir-txt"] {
    width: 144px;
    height: 40px;
    background-image: var(--ui-bg502);
}
.logo-yna06 [class*="ir-txt"] {
    width: 115px;
    height: 32px;
    background-image: var(--ui-bg500);
}
.logo-yna10 [class*="ir-txt"] {
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg503);
    filter: var(--ui-filter102);
}
.logo-yna11 [class*="ir-txt"] {
    width: 32px;
    height: 32px;
    background-image: var(--ui-bg503);
}
.logo-yna21 [class*="ir-txt"] {
    width: 79px;
    height: 18px;
    background-image: var(--ui-bg506);
}
@media only screen and (max-width: 767px) {
    .logo-yna01 [class*="ir-txt"] {
        width: 87px;
        height: 24px;
    }
    .logo-yna03 [class*="ir-txt"] {
        width: 87px;
        height: 24px;
    }
    .logo-yna05 [class*="ir-txt"] {
        width: 110px;
        height: 30px;
    }
    .logo-yna06 [class*="ir-txt"] {
        width: 101px;
        height: 28px;
    }
}

/* ---- ##ico-type01 (사이즈 고정 아이콘) ---- */
/* (클래스범위)
 * ico-type01-$$ : .btn-type004-toggle 구성요소
 * ico-type02-$$ : 단위 기사 상세정보 표시
 * ico-type03-$$ : 기사분류
 * ico-type04-$$ : [기사본문] (하단) 관련기사 / 관련이슈, [전국 리스트] (하단) 지방지 계약사
 * ico-type05-$$ : 푸터 패밀리 사이트 구성요소
 * ico-type06-$$ : 푸터 메뉴 열고/닫기
 * ico-type11-$$ : (임시) [채널] 서브 타이틀 아이콘
 * ico-type12-$$ : (임시) [채널] 본문 하단 링크 아이콘
 * ico-type13-$$ : 플레이어 재생 아이콘 48*48
 * ico-type91-$$ : 스타일 규격 없이 단독으로 된 디자인
 * ico-type92-$$ : [공통검색]스타일 규격 없이 단독으로 된 디자인
 * ico-type93-$$ : 이메일아이콘
 * ico-type94-$$ : 마이페이지아이콘
 * ico-type95-$$ : 에러페이지아이콘 */

/* ---- ##ico-type$$-**** 공통 ---- */
[class*="ico-type"] {
    position: relative;
}

/* ---- ##ico-type01-**** : .btn-type004-toggle 구성요소 ---- */
[class*="ico-type01"] {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
}
.ico-type01-srch01 {
    background-image: var(--ui-bg003);
} /* 검색 */
.ico-type01-close01 {
    background-image: var(--ui-bg004);
} /* 닫기 */
.ico-type01-menu01 {
    background-image: var(--ui-bg001);
} /* 검색 */
.ico-type01-close02 {
    background-image: var(--ui-bg007);
} /* 닫기 */

/* ---- ##ico-type02-**** (단위 기사 상세정보 표시) ---- */
/* 재생시간 */
.ico-type02-play01 {
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    color: var(--font-color006);
}
.ico-type02-play01:before {
    content: "";
    display: inline-flex;
    width: 10px;
    height: 10px;
    background-image: var(--ui-bg034);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
/* [본문] 읽은수 : 눈모양 */
.ico-type02-view01 {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    color: var(--font-color006);
}
.ico-type02-view01:before {
    content: "";
    display: inline-flex;
    width: 21px;
    height: 20px;
    margin-right: 2px;
    background-image: var(--ui-bg066);
    background-size: 21px auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* 재생시간2 : 톱뉴스 */
.ico-type02-play02 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
    font-weight: 500;
    color: var(--font-color001);
}
.ico-type02-play02:before {
    content: "";
    display: inline-flex;
    width: 10px;
    height: 10px;
    filter: var(--ui-filter001);
    background-image: var(--ui-bg034);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
/* ---- ##ico-type03-**** : 기사분류 ---- */
[class*="ico-type03-"] {
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
}
[class*="ico-type03-photo0"] {
    background-image: var(--ui-bg030);
    background-size: 26px 18px;
}
[class*="ico-type03-gallery0"] {
    background-image: var(--ui-bg031);
    background-size: 29px 21px;
    text-align: center;
}
[class*="ico-type03-gallery0"] > .txt01 {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 1px 3px 4px 0;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 800;
    color: var(--font-color001);
    transform: translate(-50%, -50%);
}
.ico-type03-gallery02 {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 22px auto;
}
.ico-type03-zoom01 {
    width: 32px;
    height: 32px;
    border: none;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: var(--ui-bg800);
    background-size: calc(100% - 10px);
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type03-play01 {
    width: 32px;
    height: 32px;
    border: none;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: var(--ui-bg837);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type03-photo02 {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.6);
    background-size: 22px auto;
}
.ico-type03-graphic01 {
    width: 32px;
    height: 32px;
    border: none;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: var(--ui-bg838);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="ico-type03-"] {
        background-color: rgba(0, 0, 0, 0.6);
    }
    .ico-type03-photo01 {
        background-size: 20px 14px;
    }
    .ico-type03-gallery01 {
        background-size: 22px 16px;
    }
    .ico-type03-gallery01 > .txt01 {
        position: absolute;
        top: 50%;
        left: 50%;
        padding-right: 3px;
        font-size: 10px;
        line-height: 1.2;
        transform: translate(-50%, -50%);
    }
    [class*="ico-type03-gallery0"] > .txt01 {
        padding: 1px 2px 4px 0;
    }
}

/* ---- ##ico-type04-**** : 16x16사이즈 아이콘  ---- */
/* 기사본문 파일 */
.ico-type04-file01 {
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg035);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* 검색 알림 */
.ico-type04-noti01 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg813);
    background-size: 14px auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* 스포츠캘린더 화살표1 */
.ico-type04-arr01 {
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg055);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
}
.ico-type04-arr02 {
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg054);
    background-size: 15px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ---- ##ico-type05-**** : 푸터 패밀리 메뉴 열고/닫기  ---- */
.ico-type05-open {
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg013);
}
.ico-type05-close {
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg014);
}

/* 본문 인쇄 : 비디오 재생버튼 */
.ico-type96-play01 {
    z-index: 2;
    width: 80px;
    height: 80px;
    margin: 0;
    border-radius: 80px;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    vertical-align: middle;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.4s;
}
.ico-type96-play01:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background-image: var(--vid-skin11-play02);
    transform: translate(-50%, -50%);
}

/*---- ##ico-type06-**** ----*/
[class*="ico-type06"] {
    overflow: hidden;
    width: 20px;
    height: 20px;
    font-size: 1px;
    line-height: 1px;
    color: transparent;
    white-space: nowrap;
}
[class*="ico-type06"]:before {
    content: "";
    display: inline-block;
    clear: both;
    width: 100%;
    height: 100%;
}

/* [푸터] 메뉴 열고/닫기 화살표
 * [기자홈] 통계보기 열기/닫기 */
[class*="ico-type06-arr0"]::before,
[class*="ico-type06-arr1"]::before {
    background-image: var(--ui-bg015);
    background-size: 100% 100%;
}
.ico-type06-arr01::before,
.ico-type06-arr11::before {
    transform: rotate(0);
}
.ico-type06-arr02::before,
.ico-type06-arr12::before {
    transform: rotate(90deg);
}
.ico-type06-arr03::before,
.ico-type06-arr13::before {
    transform: rotate(180deg);
}
.ico-type06-arr04::before,
.ico-type06-arr14::before {
    transform: rotate(270deg);
}
[class*="ico-type06-arr1"]::before {
    filter: var(--ui-filter001);
}

/* [검색] 검색 */
.ico-type06-search01 {
    width: 20px;
    height: 20px;
    background-image: var(--ui-bg818);
    background-size: 14px auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* [검색] 최근 검색 */
.ico-type06-time01 {
    width: 20px;
    height: 20px;
    background-image: var(--ui-bg820);
    background-size: 14px auto;
    background-position: center;
    background-repeat: no-repeat;
}

/*---- ##ico-type07-**** ----*/
[class*="ico-type07"]::before {
    content: "";
    display: inline-block;
    clear: both;
}
[class*="ico-type07"]:empty::before {
    margin-right: 0;
}
[class*="ico-type07-plus0"],
[class*="ico-type07-check0"] {
    font-size: 13px;
    line-height: 20px;
    line-height: 1.5;
    font-weight: 500;
}

/* [구독] 추가(+) 아이콘 */
[class*="ico-type07-plus0"]::before {
    width: 7px;
    height: 7px;
    margin-right: 4px;
    background-image: var(--ui-bg032);
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type07-plus01 {
    color: var(--font-color001);
}
.ico-type07-plus02 {
    color: var(--font-color004);
}
.ico-type07-plus02::before {
    filter: var(--ui-filter008);
}

/* [구독] 체크(√) 아이콘 (svg stroke : 2) */
[class*="ico-type07-check0"]::before {
    width: 8px;
    height: 8px;
    margin-right: 4px;
    background-image: var(--ui-bg049);
    background-size: 8px 8px;
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type07-check01 {
    color: var(--font-color001);
}
.ico-type07-check02 {
    color: var(--font-color021);
}
.ico-type07-check02::before {
    filter: var(--ui-filter101);
}

/* 체크(√) 아이콘 : 세줄요약 (svg stroke : 1.5) */
.ico-type07-check11::before {
    width: 8px;
    height: 6px;
    background-image: var(--ui-bg059);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

/*---- ##ico-type08-**** ----*/
.ico-type08-new01 {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--ui-tag061);
}
.ico-type08-new01.style01 {
    border: 3px solid var(--ui-tag001);
}
/*---- ## ico-type08-new02 : N아이콘(브랜드뉴스,Y뷰어) ----*/
/* 가상선택자 ':before' 에 아이콘 스타일 작업시 IOS 18.3 에서 말줄임 미작동 오류 발생
 * span 태그에 아이콘 스타일 작업시 IOS 18.3에서 정상 동작 */
.ico-type08-new02 {
    margin-right: 8px;
    position: relative;
    top: 3px;
    display: inline-flex;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    background-image: var(--ui-bg056);
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 20px;
}
.ico-type08-new02:before {
    content: "new";
    font-size: 0;
    opacity: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.ico-type08-new02.style01 {
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .ico-type08-new02 {
        top: 1px;
    }
}

/* ##ico-type09$$ */
.ico-type09-setting01 {
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg771);
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type09-coupone01 {
    width: 15px;
    height: 12px;
    background-image: var(--ui-bg772);
    background-position: center;
    background-repeat: no-repeat;
}

/*---- ##ico-type11-**** ----*/
/* [본문] 공감영역(좋아요,슬퍼요,화나요,미정)  */
[class*="ico-type11"] {
    display: inline-block;
    position: relative;
    height: 25px;
    padding-left: 32px;
    font-size: 16px;
    font-weight: 600;
    color: var(--font-color005);
}
[class*="ico-type11"]:empty {
    padding-left: 25px;
}
[class*="ico-type11"]:after,
[class*="ico-type11"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 100%;
}
[class*="ico-type11"]:before {
    border-radius: 100%;
    background-color: var(--ui-tag001);
}
[class*="ico-type11"]:after {
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type11-emoticon01:after {
    background-image: var(--ui-bg832);
}
.ico-type11-emoticon02:after {
    background-image: var(--ui-bg833);
}
.ico-type11-emoticon03:after {
    background-image: var(--ui-bg834);
}
.ico-type11-emoticon04:after {
    background-image: var(--ui-bg835);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="ico-type11"] {
        height: 19px;
    }
    [class*="ico-type11"]:empty {
        padding-left: 19px;
    }
    [class*="ico-type11"]:after,
    [class*="ico-type11"]:before {
        width: 19px;
    }
}
/*---- ##ico-type12-**** ----*/
/* [기타 RSS페이지] 주소복사 아이콘  */
.ico-type12-copy01 {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-image: var(--ui-bg836);
    background-position: center;
    background-repeat: no-repeat;
}

/*---- ##ico-type13-**** ----*/
/* 플레이어 아이콘 btn-wrap12 > btn-type30-toggle  */
[class*="ico-type13-"] {
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    background-position: center;
    background-repeat: no-repeat;
}
.ico-type13-play01 {
    background-image: var(--vid-skin11-play03);
}
.ico-type13-stop01 {
    background-image: var(--vid-skin11-stop03);
}

/*---- ##ico-type6$-**** : 마이페이지 ----*/
/* 이메일 아이콘 */
.ico-type61-mail01 {
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg047);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    filter: var(--ui-filter001);
}
.ico-type61-mail02 {
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg047);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
}
/* 마이페이지 아이콘 */
.ico-type62-rank01 {
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg070);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
}
.ico-type62-coupon01 {
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg071);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
}
.ico-type62-setting01 {
    position: relative;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding-left: 20px;
    background-image: none;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
.ico-type62-setting01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg073);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.ico-type62-check01 {
    position: relative;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding-left: 20px;
    background-image: none;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
.ico-type62-check01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg074);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* 마이페이지 로고 아이콘
[class*='ico-type63-']{position:relative;width:24px;height:24px;flex-shrink:0;}
.ico-type63-naver01{background-color:var(--ui-tag048);}
[class*='ico-type63-']:before{width:18px;height:18px;background-size:18px 18px;background-position:center center;background-repeat:no-repeat;flex-shrink:0;}
.ico-type63-naver01{background-image:var(--ui-bg530);} */

/* 마이페이지 랭크 아이콘 */
[class*="ico-type64"] {
    display: block;
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    background-position: center center;
    background-repeat: no-repeat;
}
.ico-type64-family {
    background-image: var(--ui-bg099);
}
.ico-type64-silver {
    background-image: var(--ui-bg100);
}
.ico-type64-gold {
    background-image: var(--ui-bg101);
}
.ico-type64-vip {
    background-image: var(--ui-bg102);
}
/* ---- ##ico-label-* : 로고 및 기타 아이콘 ---- */
[class*="ico-label-"] {
    overflow: hidden;
    display: inline-block;
    font-size: 1px;
    color: var(--font-color000);
    white-space: nowrap;
}

/* ---- ##ico-type90-person01 : 인물정보 아이콘 ---- */
.ico-type90-person01 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-image: var(--ui-bg802);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .ico-type90-person01 {
        position: relative;
        top: -1px;
    }
}

/* ---- ##ico-type90-encyclop01 : 연합백과 아이콘 ---- */
.ico-type90-encyclop01 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-image: var(--ui-bg803);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .ico-type90-encyclop01 {
        position: relative;
        top: -1px;
    }
}
/* 타이틀 옆 툴팁 물음표 */
.ico-type91-question01 {
    top: -3px;
    width: 18px;
    height: 18px;
    background-image: var(--ui-bg033);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* [마켓+] 타이틀 옆 툴팁 물음표 */
.ico-type91-question02 {
    top: 0px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: var(--ui-tag004);
}
.ico-type91-question02:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: var(--ui-bg098);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}
/* 타이틀 옆 툴팁 안내아이콘 */
.ico-type91-info01 {
    top: 0px;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg097);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}
/* 연합마이뉴스 타이틀영역 툴팁 안내아이콘 */
.ico-type91-info02 {
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg091);
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat;
}

/* 영상 기사 아이콘 */
.ico-type91-video01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 80px;
    height: 80px;
}
.ico-type91-video01:before {
    content: "";
    opacity: 0.8;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: var(--ui-tag001);
}
.ico-type91-video01:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 48px;
    height: 48px;
    background-image: var(--ui-bg052);
    transform: translate(-50%, -50%);
}
/* 에러페이지 아이콘 */
.ico-type95-noti01 {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 72px;
    height: 66px;
}
.ico-type95-noti01:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 54px;
    background-color: var(--ui-tag030);
    background-image: var(--ui-bg058);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ico-type95-noti01:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 1;
    width: 8px;
    height: 24px;
    background-color: var(--ui-tag030);
    transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
    .ico-type95-noti01 {
        width: 48px;
        height: 44px;
    }
    .ico-type95-noti01:after {
        height: 36px;
        background-size: 24px;
    }
}
/* ico-label-brand$$ 브랜드 아이콘 */
/* ico-label-brand01 : #흥
* ico-label-brand02 : Y스페셜 */
/* [class*='ico-label-brand']{}
.ico-label-brand01{}
.ico-label-brand02{} */

/* ico-label-channel01 : [채널섹션] 타이틀
* ico-label-channel02 : [메인] 채널 콘텐츠 타이틀 */
/* [class*='ico-label-channel']{}
.ico-label-channel01{}
.ico-label-channel02{} */

/* ico-label-ticker01 : 속보티커
* ico-label-ticker02 : 긴급티커 */
/* [class*='ico-label-ticker']{} */
.ico-label-ticker01 {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 23px;
    padding: 0 8px 8px;
}
.ico-label-ticker01 > .txt01 {
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    height: 23px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    color: var(--font-color001);
}
.ico-label-ticker01:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 23px;
    background-color: var(--ui-tag036);
}
.ico-label-ticker01:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 1;
    width: 6px;
    height: 18px;
    background-color: var(--ui-tag036);
    transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
    .ico-label-ticker01 {
        height: 20px;
        padding: 0 5px 4px;
    }
    .ico-label-ticker01 > .txt01 {
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .ico-label-ticker01:after {
        height: 20px;
    }
}

/* ico-label-youtube01 : 유튜브 채널  */
.ico-label-youtube01 {
    width: 81px;
    height: 18px;
    background-image: var(--ui-bg504);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.ico-label-youtube02 {
    width: 16px;
    height: 11px;
    background-image: var(--ui-bg505);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.ico-label-youtube03 {
    position: relative;
    top: 6px;
    width: 16px;
    height: 20px;
    background-image: var(--ui-bg523);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .ico-label-youtube03 {
        top: 4px;
    }
}
@media only screen and (max-width: 767px) {
    .ico-label-youtube03 {
        top: 3px;
    }
}

/* ico-label-archive : Archive  */
[class*="ico-label-archive0"] {
    background-position: center;
    background-repeat: no-repeat;
}
.ico-label-archive01 {
    flex-shrink: 0;
    width: 70px;
    height: 22px;
    background-image: var(--ui-bg522);
    background-size: 100% auto;
}
.ico-label-archive02 {
    display: inline-block;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--ui-tag062);
    background-image: var(--ui-bg801);
    background-size: 18px auto;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .ico-label-archive02 {
        width: 24px;
        height: 24px;
        background-size: 15px auto;
    }
}
/* ico-label-health01 : 더건강  */
.ico-label-health01 {
    width: 72px;
    height: 24px;
    background-image: var(--ui-bg514);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

/* ico-label-rss01: RSS피드  */
.ico-label-rss01 {
    width: 36px;
    height: 36px;
    background-image: var(--ui-bg526);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}

/* =============== #### loaging ======================== */
.loading-type01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 255;
    width: 100vw;
    height: 100vh;
    background-color: rgba(17, 17, 17, 0.6);
}
.loading-type01 span {
    display: inline-block;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    animation: rotation 1s linear infinite;
    border-bottom-color: var(--ui-tag001);
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* =============== ####info-list$$ ======================== */
.info-list01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
    gap: 20px;
}
.info-list01 > li {
    display: inline-block;
    width: auto;
    vertical-align: top;
}
.info-list01 > li a {
    display: block;
}
.info-list01 > li a .txt {
    display: block;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--font-color006);
}
.info-list01 > li a .txt .num {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--font-color021);
}
.info-list01 > li a:hover {
    opacity: 1 !important;
    text-decoration: none !important;
}

/* =============== ####Button ======================== */
/* ---- ##btn-type$$$ ---- */
/* (클래스범위)
 * btn-type001~099 : 아이콘형태 버튼
 * btn-type030~039 : 로고 형태 버튼
 * btn-type040~049 : 텍스트 형태 버튼
 * btn-type100 : 구독버튼
 * btn-type101 : 많이본뉴스, 단독뉴스

 * 토글 버튼 (더 만들지 말기)
 -- btn-type004-toggle, btn-type408-toggle, btn-type411-toggle, btn-type412-toggle

 * (addClass 범위)
 * style01~19 : bg 형태
 * style20~29 : 보더라인 형태
 * arr01 : arrow 형태 */

/* ---- ##btn-type$$$ 공통 ---- */
[class*="btn-"] {
    overflow: hidden;
    display: inline-block;
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    border: none;
    background-color: transparent;
    line-height: normal;
    color: inherit;
    vertical-align: top;
    white-space: nowrap;
    font: inherit;
}
button[class*="btn-"] {
    cursor: pointer;
}
/*[class*='btn-type']{display:inline-block;border:none;background-color:transparent;}  0422 이전 css */
[class*="btn-type"].hide {
    display: none;
}
[class*="btn-type"][class*="tip0"]:after {
    content: "";
    display: none;
    clear: both;
    position: absolute;
    left: 50%;
    bottom: -29px;
    box-sizing: border-box;
    min-width: 60px;
    height: 25px;
    border: 1px solid var(--ui-tag005);
    border-radius: 100px;
    background-color: var(--ui-tag001);
    font-size: 11px;
    font-weight: 500;
    color: var(--font-color006);
    text-align: center;
    transform: translateX(-50%);
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.06);
}
[class*="btn-type"] .txt-new {
    display: inline-block;
    position: absolute;
    left: 69%;
    bottom: 0px;
    box-sizing: border-box;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border: 1px solid #fff;
    border-radius: 100px;
    background-color: var(--ui-tag036);
    font-size: 11px;
    line-height: 15px;
    font-weight: 700;
    color: var(--font-color001);
    text-align: center;
    transform: translateX(-50%);
}
[class*="btn-type"] .txt-new:empty {
    display: none;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    [class*="btn-type"][class*="tip0"]:hover:after {
        display: inline-block;
    }
}

/* ---- ##btn-type$$-toggle : 토글 공통 ---- */
[class*="-toggle"] [class*="pick0"] {
    display: none;
}
[class*="-toggle"]:not(.active) .pick01 {
    display: block;
}
[class*="-toggle"].active .pick01 {
    display: none;
}
[class*="-toggle"].active .pick02 {
    display: block;
}

/* ---- ##btn-type001 : 아이콘 단독형 : 34*27 ---- */
.btn-type001 {
    overflow: visible;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 34px;
    height: 30px;
}
.btn-type001:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 30px;
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.btn-type001 .ir-txt01 {
    display: inline-block;
    clip-path: none;
}
.btn-type001.scrap01:before {
    background-image: var(--ui-bg805);
} /* 스크랩off */
.btn-type001.active.scrap01:before {
    background-image: var(--ui-bg806);
} /* 스크랩on */
.btn-type001.share01:before {
    background-image: var(--ui-bg807);
} /* 공유 */
.btn-type001.cmt01:before {
    background-image: var(--ui-bg808);
} /* 댓글 */
.btn-type001.fsize01:before {
    background-image: var(--ui-bg809);
} /* 폰트크기 */
.btn-type001.print01:before {
    background-image: var(--ui-bg810);
} /* 인쇄 */
.btn-type001.report01:before {
    background-image: var(--ui-bg811);
} /* 제보 */

/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type001:hover.scrap01:before {
        background-image: var(--ui-bg806);
    } /* 스크랩on */
}
/* 터치가 가능한 환경에서 적용된 css */
@media (pointer: coarse) {
    .btn-type001.print01,
    .btn-type002.print01 {
        display: none;
    }
}

/* ---- ##btn-type002 : 텍스트 노출형 40*60--- */
.btn-type002 {
    position: relative;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    padding: 35px 0 8px;
}
.btn-type002:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 24px;
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-type002 > .txt01 {
    position: relative;
    width: 100%;
    height: 17px;
    font-size: 11px;
    line-height: 18px;
    color: var(--font-color005);
    text-align: center;
}
.btn-type002.scrap01:after {
    background-image: var(--ui-bg805);
} /* 스크랩off */
.btn-type002.active.scrap01:after {
    background-image: var(--ui-bg806);
} /* 스크랩on */
.btn-type002.share01:after {
    background-image: var(--ui-bg807);
} /* 공유 */
.btn-type002.cmt01:after {
    background-image: var(--ui-bg808);
} /* 댓글 */
.btn-type002.fsize01:after {
    background-image: var(--ui-bg809);
} /* 폰트크기 */
.btn-type002.print01:after {
    background-image: var(--ui-bg810);
} /* 인쇄 */
.btn-type002.report01:after {
    background-image: var(--ui-bg811);
} /* 제보 */
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type002:hover:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-color: var(--ui-tag007);
    }
}
/* ---- ##btn-type002 : 아이콘 단독형 : 40*40 : 연합라운지 ---- */
.btn-type002.style01 {
    width: 40px;
    height: 40px;
}
.btn-type002.style01:after {
    background-size: auto 18px;
}
.btn-type002.style01:before {
    content: "";
    opacity: 0.2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--ui-tag003);
}
.btn-type002.style01:after {
    filter: var(--ui-filter001);
}

/* ---- ##btn-type003 : 개별 - 폰트 사이즈(텍스트) ---- */
.btn-type003[class*="font"] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid var(--ui-tag005);
    border-radius: 50%;
}
.btn-type003[class*="font"]:before {
    content: "가";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-weight: 600;
    color: var(--font-color005);
    text-align: center;
    transform: translate(-50%, -50%);
}
.btn-type003[class*="font"].active {
    background-color: var(--ui-tag030);
    border-color: var(--ui-tag030);
}
.btn-type003[class*="font"].active:before {
    color: var(--font-color001);
}
.btn-type003.font01:before {
    font-size: 15px;
}
.btn-type003.font02:before {
    font-size: 16px;
}
.btn-type003.font03:before {
    font-size: 17px;
}
.btn-type003.font04:before {
    font-size: 18px;
}
.btn-type003.font05:before {
    font-size: 19px;
}
.btn-type003.font06:before {
    font-size: 20px;
}
.btn-type003.font07:before {
    padding: 6px 0 7px;
    font-size: 21px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type003[class*="font"]:hover {
        border-color: var(--ui-tag030);
        background-color: var(--ui-tag030);
    }
    .btn-type003[class*="font"]:hover:before {
        color: var(--font-color001);
    }
}

/* ---- ##btn-type004 헤더 공통 버튼 : 44*44 ---- */
[class*="btn-type004"] {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 10px;
    background-size: 24px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
[class*="btn-type004"].menu02 {
    background-image: var(--ui-bg012);
    background-position: 50% 11px;
} /* 메뉴 흰색 */
[class*="btn-type004"].login01 {
    background-image: var(--ui-bg002);
} /* 로그인 */
[class*="btn-type004"].close01 {
    background-image: var(--ui-bg004);
} /* 메뉴닫기 */
[class*="btn-type004"].close02 {
    background-image: var(--ui-bg011);
} /* 메뉴닫기 흰색 */
[class*="btn-type004"].setting01 {
    background-image: var(--ui-bg010);
} /* 설정 */
[class*="btn-type004"].alert01:before {
    content: "";
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg005);
    background-size: 24px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
[class*="btn-type004"].alert01 .ico-type08-new01.style01 {
    display: none;
    position: absolute;
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
}
[class*="btn-type004"].alert01.active .ico-type08-new01.style01 {
    display: block;
}
.btn-type004-toggle {
    display: flex;
}
.btn-type004-toggle [class*="ico-type01-"] {
    flex-shrink: 0;
}
.btn-type004-toggle .ico-type01-close01,
.btn-type004-toggle.btn-srch-switch.active .ico-type01-srch01 {
    display: none;
}
.btn-type004-toggle.btn-srch-switch.active .ico-type01-close01 {
    display: block;
}
.btn-type004-toggle.menu01.active .ico-type01-menu01 {
    display: none;
}
.btn-type004-toggle.menu01.active .ico-type01-close02 {
    display: block;
}

/* ---- ##btn-type005 툴팁 타입 버튼 : 24*33 ---- */
.btn-type005 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 24px;
    height: 33px;
    background-size: 24px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-type005:after {
    content: "";
    display: none;
    position: absolute;
    right: 7px;
    bottom: -8px;
    width: 10px;
    height: 10px;
    border-left: 1px solid var(--ui-tag001);
    border-bottom: 1px solid var(--ui-tag001);
    background-color: var(--ui-tag001);
    transform: rotate(135deg);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
}
.btn-type005.active:after {
    display: block;
}
.btn-type005.active .btn-type005:after {
    display: block;
}

/* ---- ##btn-type006 SNS 버튼 : 30*30 ---- */
.btn-type006 {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--ui-tag011);
}
.btn-type006:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
}
.btn-type006.fb:after {
    width: 8px;
    height: 15px;
    background-image: var(--ui-bg510);
}
.btn-type006.ins:after {
    width: 15px;
    height: 15px;
    background-image: var(--ui-bg511);
}
.btn-type006.ytb:after {
    width: 14px;
    height: 11px;
    background-image: var(--ui-bg512);
}
.btn-type006.tw:after {
    width: 13px;
    height: 12px;
    background-image: var(--ui-bg513);
}

/* ---- ##btn-type007 : 실행,정지 버튼 : 30*30 ---- */
[class*="btn-type007"] {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    width: 30px;
    height: 30px;
    margin-left: 12px;
}
[class*="btn-type007"]:before,
[class*="btn-type007"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
[class*="btn-type007"]:before {
    z-index: 1;
    border-radius: 100%;
    background-color: var(--ui-tag007);
}
[class*="btn-type007"]:after {
    z-index: 2;
}
.btn-type007-pause01:after {
    background-image: var(--ui-bg028);
}
.btn-type007-play01:after {
    background-image: var(--ui-bg029);
}

/* ---- ##btn-type009 : [푸터] 메뉴 ---- */
.btn-type009 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 32px;
    height: 49px;
}
.btn-type009 .ico-type06-arr01:before {
    transform: rotate(180deg);
}
.btn-type009.open .ico-type06-arr01 {
    display: none;
}
.btn-type009.open .ico-type06-arr01:before {
    transform: rotate(0deg);
}
.btn-type009.open .ico-type06-arr01 {
    display: block;
}

/* ---- ##btn-type010 : 툴팁 : 세줄요약 ---- */
.btn-type010 {
    overflow: visible;
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 40px;
    height: 40px;
}
.btn-type010 .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
.btn-type010.summary01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 40px;
    min-width: auto;
    height: 40px;
    border: none;
    background-image: var(--ui-bg804);
    background-size: 22px auto;
    background-position: center;
    background-repeat: no-repeat;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type010.tip01.active:hover:after {
        display: none;
    }
    .btn-type010.tip01.summary01:hover:after {
        content: "세 줄 요약";
    }
    .btn-type010.tip01.share01:hover:after {
        content: "공유하기";
    }
    .btn-type010.tip01.cmt01:hover:after {
        content: "댓글";
    }
    .btn-type010.tip01.fsize01:hover:after {
        content: "글자크기";
    }
    .btn-type010.tip01.print01:hover:after {
        content: "인쇄하기";
    }
}

/* ---- ##btn-type012 :아이콘 단독형 30x30 통합검색 검색버튼 ---- */
.btn-type012 {
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    padding: 8px;
    background-size: 30px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.btn-type012.search01 {
    background-image: var(--ui-bg812);
}
@media only screen and (max-width: 767px) {
    .btn-type012 {
        background-size: 24px auto;
    }
}

/* ---- ##btn-type013 : 통합검색 clear버튼 ---- */
.btn-type013 {
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    padding: 8px;
    background-size: 14px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.btn-type013.btn-clear01 {
    display: inline-block;
    position: relative;
}
.btn-type013.btn-clear01:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 8px;
    height: 8px;
    background-image: var(--ui-bg814);
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.btn-type013.btn-clear01:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: var(--ui-tag012);
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
    .btn-type013 {
        box-sizing: border-box;
        width: 26px;
        height: 26px;
        background-size: 18px auto;
    }
    .btn-type013.btn-clear01:before {
        width: 18px;
        height: 18px;
    }
}

/* ---- ##btn-type014 통합검색 filter버튼 ---- */
.btn-type014 {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    background-size: 20px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.btn-type014.btn-filter01 {
    background-image: var(--ui-bg815);
}
@media only screen and (max-width: 767px) {
    .btn-type014 {
        width: 24px;
        height: 24px;
        background-size: 18px auto;
    }
}

/* ---- ##btn-type015 통합검색 검색옵션 닫기 버튼 ---- */
.btn-type015 {
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    background-image: var(--ui-bg004);
    background-size: 24px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

/* ---- ##btn-type017 : 검색리스트 버튼 : 바로가기, 삭제 ---- */
[class*="btn-type017"] {
    box-sizing: border-box;
    width: 26px;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.btn-type017.go01 {
    padding: 6px;
    background-image: var(--ui-bg819);
    background-size: 10px auto;
}
.btn-type017.delete01 {
    padding: 5px;
    background-image: var(--ui-bg821);
    background-size: 12px auto;
}

/* ---- ##btn-type020 : 테마별뉴스 날짜별 많이 본 뉴스 캘린더 버튼 ---- */
.btn-type020 {
    box-sizing: border-box;
    width: 24px;
    height: 36px;
    padding: 0px;
    background-image: var(--ui-bg048);
    background-size: 24px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ---- ##btn-type021 다운로드 버튼(기사본문) ---- */
.btn-type021 {
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg825);
    background-size: 14px auto;
    background-position: center;
    background-repeat: no-repeat;
}

/* ---- ##btn-type022 특파원 전체보기 버튼 ---- */
.btn-type022 {
    overflow: hidden;
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: var(--ui-tag030);
    transform: rotate(0deg);
}
.btn-type022:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg057);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.btn-type022.active {
    transform: rotate(180deg);
}

/* ---- ##btn-type030-toggle ---- */
/* videojs 커스텀 버튼 : 비디오소재 재생/일시정지 */
.btn-type030-toggle {
    opacity: 1;
    width: 48px;
    height: 48px;
}
.btn-type030-toggle .ico-type13-stop01 {
    display: none;
}
.btn-type030-toggle.active .ico-type13-play01 {
    display: none;
}
.btn-type030-toggle.active .ico-type13-stop01 {
    display: block;
}
@media only screen and (min-width: 1024px) {
    button.btn-type030-toggle:hover,
    a.btn-type030-toggle:hover {
        opacity: 0.5;
        transition: all 0.4s;
    }
}

/* ---- ##btn-type031 ---- */
/* videojs 커스텀 버튼 : 비디오소재 10초전,후 */
[class*="btn-type031-"] {
    width: 48px;
    height: 48px;
}
.btn-type031-prev01 {
    opacity: 1;
    background-image: var(--vid-skin11-prev01) !important;
}
.btn-type031-next01 {
    opacity: 1;
    background-image: var(--vid-skin11-next01) !important;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    button[class*="btn-type031"]:hover,
    a[class*="btn-type031"]:hover {
        opacity: 0.5;
        transition: all 0.4s;
    }
}

/* ---- ##btn-type032 ---- */
/* videojs 커스텀 버튼 : 오디오뉴스 이전, 다음 */
[class*="btn-type032"] {
    display: block;
    width: 48px;
    height: 48px;
    background-size: 48px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-type032-prev01 {
    opacity: 0.5;
    background-image: var(--audio-skin12-prev01);
}
.btn-type032-next01 {
    opacity: 0.5;
    background-image: var(--audio-skin12-next01);
}

/* ---- ##btn-type033 ---- */
/* videojs 커스텀 버튼 : 오디오뉴스 목록 열기-닫기 */
[class*="btn-type033"] {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-type033-open {
    background-image: var(--audio-skin12-menu01);
    background-size: 24px auto;
}
.btn-type033-close {
    background-image: var(--vid-skin11-close01);
    background-size: 20px auto;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    button[class*="btn-type033"]:hover,
    a[class*="btn-type033"]:hover {
        opacity: 1;
        transition: all 0.4s;
    }
}
/* ---- ##btn-type023 :아이콘 단독형 기자검색 검색버튼 ---- */
.btn-type023 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 64px;
    height: 58px;
    border-radius: 2px;
    background-color: var(--ui-tag030);
    background-image: var(--ui-bg831);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type023 {
        width: 56px;
        height: 55px;
    }
}

/* ---- ##btn-type023 : y뷰어 팝업 닫기 --- */
.btn-type024 {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--ui-tag030);
    background-image: var(--ui-bg774);
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
}
.btn-type024:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: var(--ui-tag001);
    background-image: var(--ui-bg773);
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ##btn-type025 : 연합라운지 팝업 닫기 */
.btn-type025 {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    background-image: var(--ui-bg004);
    background-size: 28px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    filter: var(--ui-filter001);
}
@media only screen and (max-width: 767px) {
    .btn-type025 {
        background-size: 19px auto;
    }
}
/* ---- ##btn-type034 :공통 삭제 버튼 ---- */
.btn-type034 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    background-image: var(--ui-bg077);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
}
/* ---- ##btn-type035 :마이페이지 리스트 더보기 버튼 ---- */
.btn-type035 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg078);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ---- ##btn-type036 :마이페이지 리스트 좋아요 버튼 ---- */
.btn-type036 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: var(--ui-bg079);
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
}
.btn-type036.active {
    background-image: var(--ui-bg080);
}

/* ---- ##btn-type037 :마이페이지 리스트 싫어요 버튼 ---- */
.btn-type037 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: var(--ui-bg079);
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
.btn-type037.active {
    background-image: var(--ui-bg080);
}

/* ---- ##btn-type038 :마이페이지 탭 삭제 버튼 ---- */
.btn-type038 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg077) !important;
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
}
/* ---- ##btn-type038 :마이페이지 마케팅 윈도우 닫기 버튼 ---- */
.btn-type039 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg083) !important;
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
}
.btn-type039.style01 {
    filter: var(--ui-filter004);
}
/* ---- ##btn-type1$$ : 로고 형태 버튼 ---- */
.btn-type100 {
    display: inline-block;
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
/*.btn-type100.yna{background-image:var(--ui-bg506);}*/
/*.btn-type100.know{background-image:var(--ui-bg507);}*/
/*.btn-type100.tong-culture{background-image:var(--ui-bg508);}*/
/*.btn-type100.digital{background-image:var(--ui-bg509);}*/
/*.btn-type100.tong-tech{background-image:var(--ui-bg529);}*/
/*.btn-type100.tong-living{background-image:var(--ui-bg542);}*/
.btn-type100.yna {
    background-image: var(--ui-bg536);
}
.btn-type100.know {
    background-image: var(--ui-bg540);
}
.btn-type100.digital {
    background-image: var(--ui-bg541);
}
.btn-type100.tong-culture {
    background-image: var(--ui-bg537);
}
.btn-type100.tong-tech {
    background-image: var(--ui-bg538);
}
.btn-type100.tong-living {
    background-image: var(--ui-bg539);
}
.btn-type100.nknow {
    background-image: var(--ui-bg543);
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .btn-type100 {
        width: 44px;
        height: 44px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type100 {
        width: 44px;
        height: 44px;
    }
}
@media screen and (min-device-pixel-ratio: 2) {
    img {
        width: 88px;
        height: 88px;
    } /* 2배 크기 */
}

/* ---- ##btn-type101 : SNS공유 로고 ---- */
.btn-type101 {
    position: relative;
    min-width: 40px;
    padding-top: 46px;
}
.btn-type101:before,
.btn-type101:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
.btn-type101:before {
    border-radius: 100%;
}
.btn-type101 .txt01 {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color005);
    white-space: normal;
    word-break: keep-all;
}
.btn-type101.kkt:before {
    background-color: #fee500;
}
.btn-type101.kkt:after {
    background-image: var(--ui-bg515);
}
.btn-type101.fb:before {
    background-color: #2777f2;
}
.btn-type101.fb:after {
    background-image: var(--ui-bg516);
}
.btn-type101.tw:before {
    background-color: #000;
}
.btn-type101.tw:after {
    background-image: var(--ui-bg517);
}
.btn-type101.fbm:before {
    background-image: var(--ui-bg519);
}
.btn-type101.fbm:after {
    background-image: var(--ui-bg518);
}
.btn-type101.band:before {
    background-color: #03c75a;
}
.btn-type101.band:after {
    background-image: var(--ui-bg520);
}
.btn-type101.copy:before {
    background-color: #e9e9e9;
}
.btn-type101.copy:after {
    background-image: var(--ui-bg521);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type101:hover .txt01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* ---- ##btn-type102 : 텍스트 노출형 18*18--- */
.btn-type102 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 34px 0 12px 0;
}
.btn-type102:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 18px;
    background-size: 18px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-type102 > .txt01 {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: var(--font-color004);
    text-align: center;
}

.btn-type102.home:after {
    background-image: var(--ui-bg775);
} /* yviewr 홈 */
.btn-type102.bknews {
    position: relative;
}
.btn-type102.bknews:after {
    background-image: var(--ui-bg776);
} /* yviewr 속보 */
.btn-type102.bknews .ico-type08-new01 {
    position: absolute;
    top: 11px;
    right: 50%;
    z-index: 2;
    margin-right: -10px;
    border: 2px solid var(--ui-tag001);
}
.btn-type102.screen:after {
    background-image: var(--ui-bg778);
} /* yviewr 영상 */
.btn-type102.report:after {
    background-image: var(--ui-bg770);
} /* yviewr 제보 */

/* ---- ##btn-type103 : y뷰어 simbol 로고 --- */
.btn-type103 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: var(--ui-tag001);
    background-size: 18px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.btn-type103:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-image: var(--ui-bg777);
    background-size: 23px 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.btn-type103:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--ui-tag030);
    background-image: var(--ui-bg774);
    background-position: 0;
    background-repeat: no-repeat;
}
.btn-type103 .ir-txt01 {
    display: inline-block;
    clip-path: none;
    width: 100%;
    height: 100%;
}
/*  ---- ##btn-type104 : [광고] 데이블 로고 --- */
.btn-type104 {
    display: flex;
    align-items: center;
    color: var(--font-color004);
}
.btn-type104 .txt01 {
    margin-right: 4px;
    font-size: 13px;
    color: var(--font-color004);
}
.ico-type92-brans01 {
    flex-shrink: 0;
    width: 46px;
    height: 20px;
    background-image: var(--ui-bg527);
    background-size: 100% auto;
}

/* ---- ##btn-type105 : [마이] 로그인유도 아이콘 텍스트 ---- */
.btn-type105 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
}
.btn-type105 .txt01 {
    position: relative;
    padding-left: 32px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color040);
}
.btn-type105 .txt01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 2px;
}
.btn-type105 .txt01:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
}
.btn-type105.naver01 .txt01:before {
    background-color: var(--ui-tag048);
}
.btn-type105.naver01 .txt01:after {
    background-image: var(--ui-bg531);
}
.btn-type105.kkt01 .txt01:before {
    background-color: var(--ui-tag049);
}
.btn-type105.kkt01 .txt01:after {
    background-image: var(--ui-bg532);
}
.btn-type105.gg01 .txt01:before {
    background-color: var(--ui-tag001);
}
.btn-type105.gg01 .txt01:after {
    background-image: var(--ui-bg533);
}
.btn-type105.apple01 .txt01:before {
    background-color: var(--ui-tag006);
}
.btn-type105.apple01 .txt01:after {
    background-image: var(--ui-bg534);
}
.btn-type105.ms01 .txt01:before {
    background-color: var(--ui-tag001);
}
.btn-type105.ms01 .txt01:after {
    background-image: var(--ui-bg535);
}
.btn-type105.yna01 .txt01:before {
    background-color: var(--ui-tag098);
}
.btn-type105.yna01 .txt01:after {
    background-image: var(--ui-bg530);
}

/* ---- ##btn-type04$ : 텍스트 형태 버튼 ---- */
.btn-type200 > .txt01 {
    height: 44px;
    font-size: 15px;
    line-height: 44px;
    font-weight: 500;
    color: var(--font-color006);
}
.btn-type201 > .txt01 {
    height: 21px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--font-color004);
    text-decoration: underline !important;
}
.btn-type202 > .txt01 {
    opacity: 0.5;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-type202.yna > .txt01 {
    color: var(--font-color031);
}
.btn-type202.tong-culture > .txt01 {
    color: var(--font-color027);
}
.btn-type202.tong-living > .txt01 {
    opacity: 0.5;
    color: var(--font-color062);
}
.btn-type202.know > .txt01 {
    color: var(--font-color024);
}
.btn-type202.nknow > .txt01 {
    color: var(--font-color067);
}
.btn-type202.tong-tech > .txt01 {
    color: var(--font-color059);
}
.btn-type202.kvibe > .txt01 {
    color: var(--font-color060);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type202:hover > .txt01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* ---- ##btn-type204 : 텍스트 형태 버튼 ---- */
.btn-type204 {
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}
.btn-type204 .txt01 {
    height: 21px;
    font-size: 14px;
    line-height: 21px;
    color: var(--font-color021);
    text-decoration: underline !important;
}

/* ---- ##btn-type205 : 텍스트 형태 버튼 ---- */
.btn-type205 .txt01 {
    font-weight: 500;
    color: var(--font-color004);
}

/* ---- ##btn-type206 : 텍스트 형태 버튼 ---- */
.btn-type206 .txt01 {
    font-weight: 500;
    color: var(--font-color006);
}
@media only screen and (max-width: 767px) {
    .btn-type206 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##btn-type207 : 텍스트 형태 버튼 ---- */
.btn-type207 {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
}
.btn-type207 {
    color: var(--font-color003);
}
.btn-type207.arr01:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-image: var(--ui-bg006);
}
@media only screen and (max-width: 767px) {
    .btn-type207 {
        font-size: 20px;
    }
}
/* ---- ##btn-type208 : 텍스트 형태 버튼 ---- */
.btn-type208 {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color003);
}
.btn-type208.arr01:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-image: var(--ui-bg816);
}
@media only screen and (max-width: 767px) {
    .btn-type208 {
        font-size: 14px;
    }
}

/* ---- ##btn-type209 : 텍스트 형태 버튼 ---- */
.btn-type209 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
}
.btn-type209.arr01:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background-image: var(--ui-bg817);
}
@media only screen and (max-width: 767px) {
    .btn-type209 {
        font-size: 14px;
    }
}

/* ---- ##btn-type210 : 텍스트 형태 버튼 ---- */
.btn-type210 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 90px;
    height: 23px;
}
.btn-type210 > .txt01 {
    font-size: 15px;
    font-weight: 500;
    color: var(--font-color006);
}
.btn-type210:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg016);
    background-size: 100% 100%;
    transform: rotate(-180deg);
}
.btn-type210.open:after {
    transform: rotate(0deg);
}

/* ---- ##btn-type211 : 텍스트 형태 select 박스 버튼 ---- */
.btn-type211 {
    display: inline-flex;
    justify-content: flex-start !important;
    align-items: center !important;
    position: relative;
    vertical-align: top;
    gap: 4px;
}
.btn-type211 .txt01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.btn-type211::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg816);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    transform: rotate(90deg);
    transition: all 0.3s;
}
.btn-type211.active::after,
.active > .btn-type211::after {
    transform: rotate(-90deg);
    transition: all 0.3s;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type211 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##btn-type212 : 텍스트 형태 select 박스 옵션버튼 ---- */
.btn-type212 {
    display: block;
}
.btn-type212.txt01 {
    display: block;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.btn-type212.active.txt01 {
    font-weight: 600;
    color: var(--font-color003);
}
.btn-type212 .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/* ---- ##btn-type213 : 이슈 슬라이드 더보기 버튼 ---- */
.btn-type213 {
    display: inline-block;
    height: 18px;
    vertical-align: top;
}
.btn-type213 .txt01 {
    border-bottom: 1px solid var(--ui-tag012);
    font-size: 13px;
    line-height: 1.1;
    font-weight: 600;
    color: var(--font-color004);
}
/* ---- ##btn-type214 : 기자홈 기자전체보기 버튼 ---- */
.btn-type214.arr01 {
    overflow: visible;
    display: inline-block;
    height: auto;
    vertical-align: top;
}
.btn-type214.arr01 .txt01 {
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color001);
}
.btn-type214.arr01 .txt01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -18px;
    z-index: 10;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg055);
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
/* ---- ##btn-type215 : 마이페이지 전체삭제 버튼 ---- */
.btn-type215 {
    display: inline-block;
    vertical-align: top;
}
.btn-type215 .txt01 {
    border-bottom: 1px solid var(--ui-tag012);
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: var(--font-color004);
}
/* ---- ##btn-type216 : 마이페이지 마케팅 윈도우 이동 버튼 ---- */
.btn-type216.arr01 {
    overflow: visible;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: top;
}
.btn-type216.arr01 .txt01 {
    overflow: visible;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color009);
}
.btn-type216.arr01 .txt01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -18px;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg055);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.btn-type216.arr01.style01 .txt01 {
    color: var(--font-color006);
}
.btn-type216.arr01.style01 .txt01::after {
    filter: var(--ui-filter006);
}
/* ---- ##btn-type217 : [마이페이지] 바코드 보기 버튼 ---- */
.btn-type217 {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 16px 0;
    border-top: 1px dashed var(--ui-tag005);
}
.btn-type217 .txt01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .btn-type217 {
        padding: 12px 0;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type217 {
        padding: 16px 0;
    }
    .btn-type217 .txt01 {
        font-size: 14px;
    }
}
/* ---- ##btn-type218 : [마이페이지] 더보기 버튼 ---- */
.btn-type218 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 44px;
}
.btn-type218 .txt01 {
    display: inline-block;
    border-bottom: 1px solid var(--ui-tag003);
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    color: var(--font-color003);
    vertical-align: top;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type218 .txt01 {
        font-size: 15px;
    }
}
/*  ---- ##btn-type219 : [광고] Taboola 후원링크 --- */
.btn-type219 .txt01 {
    font-size: 13px;
    color: var(--font-color005);
}

/*  ---- ##btn-type220 : [마이페이지] 제보하기 바로가기 --- */
.btn-type220.arr01 {
    position: relative;
    padding-right: 18px;
}
.btn-type220.arr01:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg055);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    filter: var(--ui-filter008);
}
.btn-type220 .txt01 {
    margin-right: 0 !important;
    font-size: 15px;
    font-weight: 500 !important;
    color: var(--font-color004);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type220.arr01:hover .txt01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/*  ---- ##btn-type312 : [마이페이지] 운영배너 --- */
.btn-type312 {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    height: 37px;
    padding: 0 12px 0 16px;
    border: 1px solid var(--ui-tag001);
    border-radius: 50px;
}
.btn-type312 > .txt01 {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--font-color001);
}
.btn-type312 .txt01:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-image: var(--ui-bg055);
}
@media only screen and (max-width: 767px) {
    .btn-type312 > .txt01 {
        font-size: 13px !important;
    }
}
/* ---- ##btn-type300~399 : 박스형태 버튼 ---- */
/* .btn-type3$$에 addClass 규칙
- style01~19 : bg 형태
- style20~29 :  보더라인 형태
- arr01 : arrow 형태 */
.btn-type300 {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 10px;
    font-size: 15px;
}
.btn-type300.arr01 > .txt01 {
    flex-shrink: 0;
    position: relative;
    padding-right: 28px;
}
.btn-type300.arr02 > .txt01 {
    flex-shrink: 0;
    position: relative;
    padding-right: 28px;
}
.btn-type300.arr01 > .txt01:after,
.btn-type300.arr02 > .txt01:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 15px;
    height: 100%;
    background-image: var(--ui-bg040);
    background-size: 100% auto;
    background-position: right center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.btn-type300.arr02 > .txt01:after {
    top: 0;
    width: 20px;
    transform: rotate(90deg) translateY(0);
}
.btn-type300.down01 > .txt01 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    position: relative;
}
.btn-type300.down01 > .txt01:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background-image: var(--ui-bg092);
    background-size: 16px 16px;
    background-position: right center;
    background-repeat: no-repeat;
}
.btn-type300 span + span {
    margin-left: 5px;
}
.btn-type300 .bold {
    flex-shrink: 0;
    font-weight: 700;
}
.btn-type300.style20 .txt01 {
    color: var(--font-color003);
}
.btn-type300.style20,
.btn-type301.style20 {
    border: 1px solid var(--ui-tag004);
}
.btn-type301 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 2px;
    text-align: center;
}
.btn-type301 .txt01 {
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color003);
}

/* ---- ##btn-type302 : 인쇄 하단 버튼 (취소,인쇄하기) ---- */
.btn-type302 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 160px;
    height: 50px;
    border: 1px solid var(--ui-tag004);
}
.btn-type302 .txt01 {
    font-size: 17px;
    font-weight: 400;
    color: var(--font-color003);
}
.btn-type302.style01 {
    background-color: var(--ui-tag030);
    border-color: var(--ui-tag030);
}
.btn-type302.style01 .txt01 {
    color: var(--font-color001);
}

/* ---- ##btn-type303 : 상세검색 인물 버튼 ---- */
.btn-type303 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 123px;
    height: 32px;
    padding: 0 12px 0 16px;
    font-size: 14px;
    font-weight: 500;
}
.btn-type303.arr01 > .txt01 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    position: relative;
    color: var(--font-color005);
}
.btn-type303.style20 {
    border: 1px solid var(--ui-tag004);
    border-radius: 2px;
}
.btn-type303.arr01 .txt01:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-image: var(--ui-bg054);
    background-size: 14px auto;
    background-position: center center;
    background-repeat: no-repeat;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type303 {
        width: 116px;
        height: 30px;
        font-size: 13px;
    }
    .btn-type303.arr01 > .txt01 {
        background-size: 13px auto;
        background-position: right 5px;
    }
}

/* ---- ##btn-type304 : 검색필터 버튼 ---- */
.btn-type304 {
    display: flex;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 100px;
    height: 48px;
    border-radius: 2px;
    background-color: var(--ui-tag005);
    text-align: center;
}
.btn-type304 .txt01 {
    display: inline-block;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color006);
}
.btn-type304.style01 {
    background-color: var(--ui-tag030);
}
.btn-type304.style01 .txt01 {
    color: var(--font-color001);
}
.btn-type304.style02 {
    background-color: var(--ui-tag031);
}
.btn-type304.style02 .txt01 {
    color: var(--font-color001);
}
.btn-type304.style03 {
    background-color: var(--ui-tag031);
}
.btn-type304.style03 .txt01 {
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type304.style03 {
        background-color: var(--ui-tag030);
    }
}
/* ---- ##btn-type305 : 마이페이지 둥근 버튼 ---- */
.btn-type305 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 29px;
    margin-top: 4px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 100px;
}
.btn-type305 .txt01 {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type305 {
        height: 28px;
    }
    .btn-type305 .txt01 {
        font-size: 13px;
    }
}
/* ---- ##btn-type306 : 마이페이지 안내문구 버튼 ---- */
.btn-type306 {
    display: flex;
    flex-shrink: 1;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 440px;
    height: 64px;
    border-radius: 2px;
    background-color: var(--ui-tag030);
    text-align: center;
}
.btn-type306 .txt01 {
    display: block;
    height: auto;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type306 {
        height: 60px;
    }
    .btn-type306 .txt01 {
        font-size: 16px;
    }
}
/* ---- ##btn-type307.arr01 : 마이페이지 화살표 텍스트 버튼 ---- */
.btn-type307.arr01 {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 150px;
    height: 40px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.3);
}
.btn-type307.arr01 .txt01 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color001);
    vertical-align: top;
    gap: 4px;
}
.btn-type307.arr01 .txt01::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg015);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    filter: var(--ui-filter001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type307.arr01 {
        width: calc(50% - 8px);
        height: 39px;
    }
    .btn-type307.arr01 .txt01 {
        font-size: 15px;
    }
    .btn-type307.arr01 .txt01::after {
        width: 14px;
        height: 14px;
        background-size: 14px 14px;
    }
}
/* ---- ##btn-type308 : 주소복사 버튼 ---- */
.btn-type308 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 12px 0 16px;
    border: 1px solid var(--ui-tag005);
}
.btn-type308 .txt01 {
    font-size: 14px;
    color: var(--font-color005);
}

/* ---- ##btn-type309 : 광고삭제 버튼 ---- */
.btn-type309 {
    height: 21px;
    padding: 0 4px;
    background-color: var(--ui-tag061);
}
.btn-type309 .txt01 {
    font-size: 11px;
    line-height: 21px;
    font-weight: 700;
    color: var(--font-color001);
}

/* ---- ##btn-type310 : 메인>매거진뷰 버튼 ---- */
.btn-type310 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    background-color: var(--ui-tag060);
}
.btn-type310 .txt01 {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color001);
}

/* ---- ##btn-type311 : 섹션>뉴스 제보는 카카오톡 okjebo 버튼 ---- */
.btn-type311 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 38px;
    padding: 0 12px 0 16px;
    background-color: var(--ui-tag099);
}
.btn-type311 .txt01 {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color003);
}
.btn-type311 .txt01:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    background-image: var(--ui-bg039);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type311 {
        height: 30px;
        padding: 0 8px 0 12px;
    }
}

/* ---- ##btn-type400 : 아이콘+텍스트형태 버튼 ---- */
/* 패밀리사이트 */
[class*="btn-type400-"] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 200px;
    height: 46px;
    padding: 12px;
}
.btn-type400-open {
    justify-content: space-between;
}
.btn-type400-open > .txt01 {
    font-size: 15px;
    font-weight: 500;
    color: var(--font-color006);
}
.btn-type400-close {
    justify-content: flex-end;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="btn-type400-"] {
        width: 100%;
    }
}

/* ---- ##btn-type401 : 기사본문 유튜브로 보기(아이콘+텍스트) ---- */
.btn-type401 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
.btn-type401 .txt01 {
    font-size: 14px;
    color: var(--font-color021);
}
.btn-type401 .ico-label-youtube02 {
    margin-right: 4px;
}

/* ---- ##btn-type402 이미지 상세보기 로고+텍스트 버튼(기사본문) ---- */
.btn-type402 {
    position: relative;
    border-radius: 20px 0 0 20px;
    background-color: rgba(0, 0, 0, 0.6) !important;
    font-size: 0;
}
.btn-type402 > .txt01 {
    display: inline-block;
    height: 30px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color001);
    text-align: left;
}
.btn-type402 .ico-label-archive02 + .txt01 {
    padding-left: 12px;
}
.btn-type402:only-of-type {
    border-radius: 20px;
} /* btn-type402 1개만 있을 때 */
.btn-type402 + .btn-type402 {
    border-radius: 0 20px 20px 0;
}
.btn-type402 + .btn-type402:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: var(--ui-tag012);
    transform: translateY(-50%);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type402 > .txt01 {
        height: 24px;
        font-size: 13px;
        line-height: 24px;
    }
}

/* ---- ##btn-type404.** : 국가 버튼 ---- */
.btn-type404 {
    display: inline-block;
    position: relative;
    min-width: 21px;
    height: 23px;
    vertical-align: top;
}
.btn-type404 .txt01 {
    padding-left: 29px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    color: var(--font-color003);
}
.btn-type404 .txt01::before {
    display: none !important;
}
.btn-type404::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 21px;
    height: 14px;
    background-size: 21px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.btn-type404.en::before {
    background-image: var(--ui-bg278);
}
.btn-type404.beijing::before {
    background-image: var(--ui-bg279);
}
.btn-type404.bangkok::before {
    background-image: var(--ui-bg280);
}
.btn-type404.berlin::before {
    background-image: var(--ui-bg281);
}
.btn-type404.brussels::before {
    background-image: var(--ui-bg282);
}
.btn-type404.buenosaires::before {
    background-image: var(--ui-bg283);
}
.btn-type404.cairo::before {
    background-image: var(--ui-bg284);
}
.btn-type404.geneva::before {
    background-image: var(--ui-bg285);
}
.btn-type404.hanoi::before {
    background-image: var(--ui-bg286);
}
.btn-type404.istanbul::before {
    background-image: var(--ui-bg287);
}
.btn-type404.jakarta::before {
    background-image: var(--ui-bg288);
}
.btn-type404.johannesburg::before {
    background-image: var(--ui-bg289);
}
.btn-type404.london::before {
    background-image: var(--ui-bg290);
}
.btn-type404.mexicocity::before {
    background-image: var(--ui-bg291);
}
.btn-type404.moscow::before {
    background-image: var(--ui-bg292);
}
.btn-type404.newdelhi::before {
    background-image: var(--ui-bg293);
}
.btn-type404.paris::before {
    background-image: var(--ui-bg294);
}
.btn-type404.rome::before {
    background-image: var(--ui-bg295);
}
.btn-type404.saopaulo::before {
    background-image: var(--ui-bg296);
}
.btn-type404.taipei::before {
    background-image: var(--ui-bg297);
}
.btn-type404.tokyo::before {
    background-image: var(--ui-bg298);
}
.btn-type404.vancouver::before {
    background-image: var(--ui-bg299);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type404 {
        line-height: 21px;
    }
    .btn-type404 .txt01 {
        font-size: 14px;
        line-height: 21px;
    }
}

/* ---- ##btn-type405 : 인물정보, 연합백과 ---- */
.btn-type405 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 4px;
}
.btn-type405 .txt01 {
    line-height: 1.5;
    font-size: 14px;
    color: var(--font-color021);
}

/* ---- ##btn-type406 : [y뷰어] 내등급, 이용권/쿠폰 버튼 ---- */
.btn-type406 {
    display: flex;
    flex-shrink: 1;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 100px;
    height: 59px;
    padding: 16px 20px 16px 40px;
    background-color: var(--ui-tag030);
    text-align: center;
}
.btn-type406 [class*="ico-type"] {
    position: absolute;
    top: 22px;
    left: 20px;
}
.btn-type406 .ico-type09-coupone01 {
    position: absolute;
    top: 24px;
    left: 20px;
}
.btn-type406 .txt01 {
    font-size: 14px;
    color: var(--font-color001);
}
.btn-type406 .txt02 {
    float: right;
    font-size: 18px;
    font-weight: 700;
    color: var(--font-color001);
}
.btn-type406 + .btn-type406:before {
    content: "";
    opacity: 0.2;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    margin-top: -6px;
    background-color: var(--ui-tag005);
}
@media only screen and (max-width: 767px) {
    .btn-type406 {
        height: 45px;
        padding: 10px 20px 12px 40px;
    }
    .btn-type406 [class*="ico-type"] {
        top: 14px;
        left: 20px;
    }
    .btn-type406 .ico-type09-coupone01 {
        top: 16px;
        left: 20px;
    }
    .btn-type406 .txt01 {
        font-size: 12px;
    }
    .btn-type406 .txt02 {
        font-size: 14px;
    }
}

/* ---- ##btn-type408-toggle : 기자홈 통계보기 ---- */
.btn-type408-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 16px;
    background-color: var(--ui-tag030);
}
/*.btn-type408-toggle::after{content:'';opacity:0.3;display:block;position:absolute;top:0px;left:16px;z-index:1;width:calc(100% - 32px);height:1px;background-color:var(--ui-tag011);}*/
.btn-type408-toggle .txt01 {
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    color: var(--font-color001);
}
.btn-type408-toggle.active {
    background-color: var(--font-color001);
}
.btn-type408-toggle.active .txt01 {
    color: var(--font-color003);
}

/* ---- ##btn-type411-toggle : 리스트 내 구독 버튼(토글 비활성화) ---- */
.btn-type411-toggle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    background-color: var(--ui-tag030);
}
.btn-type411-toggle.active {
    box-sizing: border-box;
    border: 1px solid var(--ui-tag063);
    border-radius: 2px;
    background-color: var(--ui-tag001);
}

/* ---- ##btn-type412-toggle : 구독버튼 - 기자홈 ---- */
.btn-type412-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 160px;
    height: 40px;
    border: 1px solid var(--ui-tag031);
    border-radius: 2px;
    background-color: var(--ui-tag031);
}
.btn-type412-toggle.active {
    border: 1px solid var(--ui-tag063);
    background-color: var(--font-color021);
}

/* ---- ##btn-type413-toggle : 구독버튼 - 본문 ---- */
.btn-type413-toggle {
    display: inline-block;
    position: relative;
    height: 20px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type413-toggle:hover .ico-type07-plus02 {
        color: var(--font-color021);
    }
    .btn-type413-toggle:hover [class*="ico-type07-plus0"]::before {
        filter: var(--ui-filter101);
    }
}
/* ---- ##btn-type414 : 마이페이지 내등급 이용권 쿠폰 버튼 ---- */
.btn-type414 {
    overflow: visible;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
}
.btn-type414 .tit {
    display: block;
    margin-left: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color001);
}
.btn-type414 .dot {
    display: block;
    width: 6px;
    height: 6px;
    margin: 0px 2px 16px 4px;
    border-radius: 6px;
    background-color: var(--font-color029);
}
.btn-type414::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -14px;
    z-index: 1;
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg055);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* ---- ##btn-type421 : 좋아요,슬퍼요,화나요,후속요청 버튼 ---- */
.btn-type421 {
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.btn-type421 + .btn-type421 {
    margin-left: 12px;
}
.btn-type421 .tit01 {
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
    color: var(--font-color005);
}
.btn-type421 .txt01 {
    display: inline-block;
    min-width: 16px;
    margin-left: 4px;
    font-weight: 500;
    color: var(--font-color006);
}
.btn-type421.active .tit01,
.btn-type421.active .txt01 {
    color: var(--font-color021);
}
.btn-type421.active [class*="ico-type11"]:after {
    filter: var(--ui-filter101);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .btn-type421:hover .tit01,
    .btn-type421:hover .txt01 {
        color: var(--font-color021);
    }
    .btn-type421:hover [class*="ico-type11"]:after {
        filter: var(--ui-filter101);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type421 {
        display: inline-block;
        min-width: 70px;
        margin-left: 0;
        text-align: center;
    }
    .btn-type421 [class*="ico-type11"] {
        margin-bottom: 4px;
    }
    .btn-type421 .tit01 {
        display: block;
        margin-left: 0;
        font-size: 12px;
        line-height: 1.5;
    }
    .btn-type421 .txt01 {
        margin-left: 4px;
        font-size: 12px;
    }
}

/* ---- ##btn-type422 : 댓글 버튼 ---- */
.btn-type422 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding-left: 28px;
}
.btn-type422:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}
.btn-type422.cmt01:before {
    background-image: var(--ui-bg808);
    background-size: 16px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-type422 [class*="txt0"] {
    font-size: 16px;
}
.btn-type422 .txt01 {
    font-weight: 500;
    color: var(--font-color003);
}
.btn-type422 .txt02 {
    display: inline-block;
    padding-left: 4px;
    font-weight: 700;
    color: var(--font-color003);
}

/* ---- ##btn-type431 : 마이페이지 내등급 이용권 쿠폰 버튼 ---- */
.btn-type431 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 20px 24px;
}
.btn-type431 [class*="ico-type62"] {
    position: absolute;
    top: 49%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
}
.btn-type431 .tit-wrap {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding-right: 15px;
    vertical-align: top;
}
.btn-type431 .tit-wrap .tit {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color001);
}
.btn-type431 .tit-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 1;
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg055);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.btn-type431 .txt01 {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type431 {
        flex-wrap: wrap;
    }
}

/* ---- ##btn-type432 : 마이페이지 마이뉴스 삭제 버튼 ---- */
.btn-type432 {
    display: inline-block;
    vertical-align: top;
}
.btn-type432 .txt01 {
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color004);
}
.btn-type432 .txt01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg072);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* ---- ##btn-type433 : 마이페이지 리스트 더보기 수정 버튼 ---- */
.btn-type433 {
    display: inline-block;
    vertical-align: top;
}
.btn-type433 .txt01 {
    position: relative;
    box-sizing: border-box;
    padding-left: 24px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
}
.btn-type433 .txt01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg075);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* ---- ##btn-type433 : 마이페이지 리스트 더보기 삭제 버튼 ---- */
.btn-type434 {
    display: inline-block;
    vertical-align: top;
}
.btn-type434 .txt01 {
    position: relative;
    box-sizing: border-box;
    padding-left: 24px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
}
.btn-type434 .txt01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg076);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.btn-type435-toggle {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    vertical-align: top;
}
.btn-type435-toggle .ico-type62-setting01 {
    position: relative;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding-left: 20px;
    background-image: none;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
.btn-type435-toggle .ico-type62-setting01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg073);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.btn-type435-toggle .ico-type62-check01 {
    position: relative;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding-left: 20px;
    background-image: none;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
.btn-type435-toggle .ico-type62-check01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg074);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* ---- ##btn-type436:마이페이지 마이뉴스 설정취소 ---- */
.btn-type436 {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    height: 30px;
}
.btn-type436 .txt01 {
    font-size: 15px;
    color: var(--font-color004);
}
.btn-type436.cancel01:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-image: var(--ui-bg118);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type436 .txt01 {
        font-size: 14px;
    }
}
/* ---- ##btn-type437 : [마이페이지] 헬로 아카이브 바로가기 버튼 ---- */
.btn-type437 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 40px;
    padding-left: 48px;
}
.btn-type437::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 40px;
    background-image: var(--ui-bg528);
    background-size: 40px 40px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.btn-type437 .txt01 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type437 .txt01 {
        font-size: 18px;
    }
    .btn-type437::after {
        width: 34px;
        height: 34px;
        background-size: 34px 34px;
    }
    .btn-type437 {
        height: 36px;
        padding-left: 44px;
    }
}
/* ---- ##btn-type438 : [마이페이지] 마이페이지 버튼 ---- */
.btn-type438 {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: max-content;
    padding: 0 22px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
    vertical-align: top;
}
.btn-type438 .txt01 {
    color: var(--font-color003);
}
.btn-type438::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    background-image: var(--ui-bg053);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.btn-type438::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    background-image: var(--ui-bg816);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type438 {
        padding: 0 20px;
        font-size: 16px;
    }
    .btn-type438::before {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
}

/* ---- ##btn-type040 :마이페이지 뉴스레터 닫기 버튼 ---- */
.btn-type040 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg004);
    filter: var(--ui-filter001);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ---- ##btn-type041 :마이페이지 이용권 이동 버튼 ---- */
.btn-type041 {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: var(--ui-bg094);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ---- ##btn-type042 : 스크롤 최상단 이동 버튼 ---- */
.btn-type042 {
    position: fixed;
    right: 60px;
    bottom: 80px;
    z-index: 100;
    width: 60px;
    min-width: auto;
    height: 60px;
    border: 1px solid var(--ui-tag005);
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.btn-type042:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    background-image: var(--ui-bg117);
    background-size: 100% auto;
    transform: translate(-50%, -50%);
}
.btn-type04 {
    opacity: 1;
}
.btn-type042.hide {
    opacity: 0;
    display: block !important;
    z-index: -1;
    transition: opacity 0.3s ease-in-out;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .btn-type042 {
        position: fixed;
        right: 24px;
        bottom: 99px;
        z-index: 100;
        width: 52px;
        min-width: auto;
        height: 52px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    }
    .btn-type042.btn-scroll-top {
        display: none;
    }
}
/* ---- ##btn-type043 : 약관 내용보기 버튼 ---- */
.btn-type043 {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ---- ##btn-type044 : 연합마이뉴스 타이틀영역 툴팁 버튼 ---- */
.btn-type044 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
}
/* ---- ##btn-dir$$$-**** : arrow 방향 버튼 ---- */
/* btn-di$$$-up | down| left | right */
/* 001--prev, 001--next : 이전,다음 버튼(30x30) */
[class*="btn-dir00"],
[class*="swiper-button-"] {
    display: inline-block;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-left: 6px;
    border: none;
    background: none;
}

/* ---- ##btn-dir001-*** ---- */
[class*="btn-dir001"] {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 100%;
}
[class*="btn-dir001"] + [class*="btn-dir001"] {
    margin-left: 6px;
}
[class*="btn-dir001"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: var(--ui-tag011);
}
[class*="btn-dir001"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-dir001-next:after {
    background-image: var(--ui-bg067);
    transform: rotate(180deg);
}
.btn-dir001-prev:after {
    background-image: var(--ui-bg067);
}
[class*="btn-dir001"].disable:after,
[class*="btn-dir001"].swiper-button-disabled:after {
    opacity: 0.4;
}
/* ---- ##btn-dir003-*** : 이전,다음 스와이퍼 버튼(30x30) ---- */
[class*="btn-dir003"] {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 100%;
}
[class*="btn-dir003"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: var(--ui-tag001);
}
[class*="btn-dir003"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-dir003-next:after {
    background-image: var(--ui-bg067);
    transform: rotate(180deg);
}
.btn-dir003-prev:after {
    background-image: var(--ui-bg067);
}
[class*="btn-dir003"].disable:after,
[class*="btn-dir003"].swiper-button-disabled:after {
    opacity: 0.4;
}

/* ---- ##btn-dir002-*** : 이전,다음 그라데이션 형태 버튼(40x41) ---- */
[class*="btn-dir002"] {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 40px;
    height: 100%;
    transform: translateY(-50%);
}
.btn-dir002-prev {
    left: 0;
    margin-left: 0;
}
.btn-dir002-next {
    right: 0;
    transform: translateY(-50%) rotate(-180deg);
}
[class*="btn-dir002"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--ui-tag080);
    background-size: auto 100%;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}
[class*="btn-dir002"] .ir-txt01 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: var(--ui-bg036);
    background-size: 16px auto;
    background-position: left center;
    background-repeat: no-repeat;
    clip: initial;
    clip-path: initial;
}
[class*="btn-dir002"].swiper-button-disabled {
    display: none;
} /* 비활성화 */

/* ---- ##btn-dir004-*** : 이전,다음 스와이퍼 버튼(70x70),아이콘 30x30 ---- */
[class*="btn-dir004"] {
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0;
}
[class*="btn-dir004"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    background-image: var(--ui-bg050);
    transform: translate(-50%, -50%);
}
.btn-dir004-prev:after {
    transform: translate(-50%, -50%) rotate(180deg);
}
[class*="btn-dir004"].disable,
[class*="btn-dir004"].swiper-button-disabled:after {
    filter: var(--ui-filter006);
}

/* ---- ##btn-005-*** : 테마 period-field01 영역 , 비쥬얼 캘린더 이동 버튼 ---- */
[class*="btn-dir005"] {
    box-sizing: border-box;
    width: 30px;
    padding: 0px;
    background-size: 30px auto;
    background-position: center center;
    background-repeat: no-repeat;
}
[class*="btn-dir005"] {
    height: 36px;
    background-image: var(--ui-bg046);
}
[class*="btn-dir005"].disable {
    opacity: 0.3;
}
.btn-dir005-next {
    transform: rotate(180deg);
}

/* ---- ##btn-dir006-*** : [테마] 캘린더 날짜 화살표 버튼 : 사용하는곳없는듯해서 주석처리함 ---- */
/*[class*='btn-dir006']{box-sizing:border-box;width:20px;height:27px;padding:0;background-image:var(--ui-bg044);background-size:20px auto;background-position:center center;background-repeat:no-repeat;}
.btn-dir006-down{transform:rotate(0deg);}
.btn-dir006-up{transform:rotate(-180deg);}*/

/* ---- ##btn-dir007-*** : 연합라운지 팝업 화살표 버튼 ---- */
[class*="btn-dir007"] {
    box-sizing: border-box;
    width: 20px;
    height: 44px;
    padding: 0px;
    background-image: var(--ui-bg045);
    background-size: 20px auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.btn-dir007-down {
    transform: rotate(0deg);
}
.btn-dir007-down.style01 {
    filter: var(--ui-filter001);
}
.btn-dir007-up {
    transform: rotate(-180deg);
}

/* ---- ##btn-dir008 : [속보] 스와이퍼 arrow 버튼 ---- */
[class*="btn-dir008"] {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 100%;
}
[class*="btn-dir008"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: var(--ui-tag001);
}
[class*="btn-dir008"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.btn-dir008-next:after {
    background-image: var(--ui-bg067);
    transform: rotate(180deg);
}
.btn-dir008-prev:after {
    background-image: var(--ui-bg067);
}
[class*="btn-dir008"].disable:after,
[class*="btn-dir008"].swiper-button-disabled:after {
    opacity: 0.4;
}

/* ---- ##btns-wrap$$ 버튼 영역 ---- */
/* (클래스범위)
 * btns-wrap01 : 오른쪽 정렬
 * btns-wrap02 : 왼쪽 정렬
 * btns-wrap03 : 가운데 정렬
 * btns-wrap11 : absolute 정렬 (스와이퍼 아이콘 30x30)
 * btns-wrap12 : absolute 가운데 정렬 (videojs 버튼) */

/* ---- ##btns-wrap$$ 공통 ---- */
[class*="btns-wrap"] {
    overflow: hidden;
    position: relative;
    width: 100%;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="btns-wrap"] {
        width: auto;
    }
}

/* ---- ##btns-wrap01 : 오른쪽 정렬 ---- */
.btns-wrap01 {
    overflow: initial;
    text-align: right;
}
.btns-wrap01 .tlp-content {
    left: auto;
    right: 0;
}
/* ---- ##btns-wrap02 : 왼쪽 정렬 ---- */
.btns-wrap02 {
    text-align: left;
}

/* ---- ##btns-wrap03 : 가운데 정렬 ---- */
.btns-wrap03 {
    display: flex;
    justify-content: center;
    text-align: center;
}

/* ---- ##btns-wrap04 : 좌우 정렬 ---- */
.btns-wrap04 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
/* ---- ##btns-wrap05 : 상하 정렬 ---- */
.btns-wrap05 {
    display: flex;
    flex-direction: column;
}
.btns-wrap05 [class*="btn-type"] {
    margin: 8px 0;
}
/* ---- ##btns-wrap11 : absolute 우측 정렬 (스와이퍼 아이콘 30x30) ---- */
.btns-wrap11 {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
.btns-wrap11 .pager01 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 6px;
    color: var(--font-color004);
}

/* ---- ##btns-wrap12 : absolute 가운데 정렬 (videojs 버튼) ---- */
.btns-wrap12 {
    display: inline-flex;
}
.btns-wrap12 .btn-type030-toggle {
    margin: 0 40px;
}
/* ---- ##btns-wrap13 : 마이페이지 답글 버튼그룹 ---- */
.btns-wrap61 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    vertical-align: top;
    gap: 16px;
}
.btns-wrap61 li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.btns-wrap61 li .txt01 {
    display: block;
    border: 0;
    background-color: var(--ui-tag000);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
.btns-wrap61 li .num {
    display: block;
    margin-left: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.btns-wrap61 li .txt01 + .num {
    margin-left: 2px;
    color: var(--font-color005);
}
/* =============== ####Pager ======================== */
/* 범위설정필요없음 */

/* ---- ##pager$$ : 페이징 숫자 ---- */
/* ---- ##pager01 : [공통] 리스트 스와이퍼 좌우 버튼 내 숫자 ---- */
.pager01 [class*="txt-"] {
    display: inline-block;
    padding: 0 4px;
    font-size: 13px;
    color: var(--font-color004);
}
.pager01 .txt-current {
    font-weight: 700;
    color: var(--font-color003);
}
.pager01 .txt-dash {
    padding: 0 4px;
    font-size: 10px;
}
/* ---- ##pager02 : [공통] 팝업 포토,화보 페이징 숫자 ---- */
.pager02 [class*="txt-"] {
    display: inline-block;
    padding: 0 4px;
    font-size: 18px;
    font-weight: 500;
    color: var(--font-color008);
}
.pager02 .txt-current {
    font-weight: 700;
    color: var(--font-color030) !important;
}
.pager02 .txt-dash {
    padding: 0 4px;
    font-size: 10px;
}
@media only screen and (max-width: 767px) {
    .pager02 [class*="txt-"] {
        font-size: 16px;
        font-weight: 500;
    }
    .pager02 .txt-current {
        font-weight: 700;
    }
}
/* ---- ##paging-type$$ (공통) ---- */
/* 01 : 슬라이드 페이징 버튼(아이콘 30x30) */
[class*="paging-type"] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.count-box {
    display: flex;
    text-align-last: center;
    justify-content: center;
}
.count-box [class*="txt-"] {
    display: inline-block;
}
[class*="paging-type"] [class*="btn-"] {
    display: block;
    flex-shrink: 0;
    position: relative;
}

/* paging-type01 : 리스트 페이징 */
.paging-type01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
}
.paging-type01 .first {
    display: block;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: var(--font-color000);
    background-image: var(--ui-bg060);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.paging-type01 .prev {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 16px;
    border: 0;
    background-color: var(--font-color000);
    background-image: var(--ui-bg061);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.paging-type01 .next {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 16px;
    border: 0;
    background-color: var(--font-color000);
    background-image: var(--ui-bg062);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.paging-type01 .last {
    display: block;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: var(--font-color000);
    background-image: var(--ui-bg063);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.paging-type01 .num {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 30px;
    height: 30px;
    border: 0;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 400;
    color: var(--font-color006);
}
.paging-type01 .num.on {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    border: 0;
    border-radius: 2px;
    background-color: var(--font-color021);
    font-size: 15px;
    font-weight: 400;
    color: var(--font-color001);
}

/* =============== ####Tab ======================== */
/*
 * tab-type01 : 메뉴 선택 (텍스트+언더라인)
 * tab-type02 : 메뉴 선택 (텍스트+배경색,언더라인)
 * tab-type$$.align01 : 센터정렬에서 767이하 left 변형 */

/* ---- ##tab-type$$ : 공통 ---- */
[class*="tab-type"] > ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
[class*="tab-type"] > ul li {
    overflow: hidden;
    position: relative;
}
[class*="tab-type"] button {
    border: none;
    background: none;
}
[class*="tab-type"] .tab {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}
[class*="tab-type"] .tab .txt01 {
    box-sizing: border-box;
}
[class*="tab-type"][data-tab-align="center"] > ul {
    justify-content: center;
}

/* .align01 : ?????? */
[class*="tab-type"].align01 .swiper-wrapper {
    justify-content: center !important;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="tab-type"].align01 .swiper-wrapper {
        justify-content: flex-start !important;
    }
}

/* ---- ##tab-type01~09 ---- */
[class*="tab-type0"] li {
    width: auto;
}
[class*="tab-type0"] li + li {
    margin-left: 8px;
}
[class*="tab-type0"] .tab {
    width: 100%;
    background-color: var(--ui-tag001);
}
[class*="tab-type0"] .tab .txt01 {
    padding: 0 8px;
    font-weight: 500;
    color: var(--font-color006);
}
/* .style01 : 말풍선 스타일 공통 */
[class*="tab-type0"].style01 .tab:after {
    content: "";
    display: none;
    position: absolute;
    background-color: var(--ui-tag030);
    transform: rotate(45deg);
}
[class*="tab-type0"].style01 .active .tab:after {
    display: block;
}
/* .active : 활성화 */
[class*="tab-type0"] li.active .tab {
    border-color: var(--ui-tag030);
    background-color: var(--ui-tag030);
}
[class*="tab-type0"] li.active .tab .txt01 {
    font-weight: 700;
    color: var(--font-color001);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    [class*="tab-type0"] li:hover .tab {
        border-color: var(--ui-tag030);
        background-color: var(--ui-tag030);
    }
    [class*="tab-type0"] li:hover .tab .txt01 {
        font-weight: 700;
        color: var(--font-color001);
    }
}

/* ---- ##tab-type01 ---- */
/* .tab-type01{margin-top:8px;} */
.tab-type01 .tab {
    min-width: 42px;
    height: 26px;
    border: 1px solid var(--ui-tag005);
}
.tab-type01 .tab .txt01 {
    font-size: 14px;
    line-height: 26px;
}
/* .style01 : 말풍선 스타일 */
.tab-type01.style01 li {
    padding-bottom: 6px;
}
.tab-type01.style01 .tab:after {
    left: -4px;
    bottom: -3px;
    width: 8px;
    height: 8px;
}

/* ---- ##tab-type02 ---- */
.tab-type02 .tab {
    min-width: 80px;
    height: 30px;
    background-color: var(--ui-tag011);
}
.tab-type02 .tab .txt01 {
    font-size: 15px;
    line-height: 30px;
}
.tab-type02 li.active .tab {
    background-color: var(--ui-tag030);
}
.tab-type02 li.active .tab .txt01 {
    font-weight: 700;
    color: var(--font-color001);
}
.tab-type02 + .txt-type008 {
    margin-top: 8px;
}
/* .style01 : 말풍선 스타일 */
.tab-type02.style01 li {
    padding-bottom: 6px;
}
.tab-type02.style01 .tab:after {
    left: -5px;
    bottom: -4px;
    width: 8px;
    height: 8px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type02 {
        padding: 0 16px;
    }
    .tab-type02 .tab .txt01 {
        font-size: 14px;
    }
}

/* ---- ##tab-type03 ---- */
.tab-type03 {
    position: relative;
}
.tab-type03 li .tab:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    width: 1px;
    height: 42px;
    background-color: var(--ui-tag005);
}
.tab-type03 li:nth-child(1) .tab:before {
    margin-right: -1px;
}
.tab-type03 li:nth-child(1).active .tab:before {
    margin-right: 0;
}
.tab-type03 li:nth-child(2) .tab:before {
    margin-right: -1px;
}
.tab-type03 li:nth-child(2).active .tab:before {
    margin-right: 0;
}
.tab-type03 .tab {
    height: 42px;
}
.tab-type03 .tab .txt01 {
    font-size: 17px;
    line-height: 1.5;
}
.tab-type03 + [class*="tab-content0"] {
    margin-top: 12px !important;
}
.tab-type03 li {
    overflow: visible;
    width: 100%;
}
.tab-type03 li + li {
    margin-left: 0;
}
.tab-type03 li:last-of-type .tab {
    border-width: 1px 1px 1px 0;
}
.tab-type03 li.active .tab {
    border-right: none;
}
.tab-type03 li .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--ui-tag005);
    border-width: 1px;
}
/* .style01 : 말풍선 스타일 */
.tab-type03.style01 li {
    padding-bottom: 10px;
}
.tab-type03.style01 .tab:after {
    left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
}
.tab-type03 li.swiper-slide {
    width: auto;
    min-width: 25%;
}
/* .style02 : 말풍선 스타일 탭3개 고정*/
.tab-type03.style02 li {
    padding-bottom: 10px;
}
.tab-type03.style02 li:last-of-type .tab {
    border-width: 1px 0 1px 1px;
}
.tab-type03.style02 .tab:after {
    content: "";
    display: none;
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 10px;
    height: 10px;
    background-color: var(--ui-tag030);
    transform: rotate(45deg);
}
.tab-type03.style02 .active .tab:after {
    display: block;
}
/* ---- ##tab-type04 ---- */
.tab-type04 {
    padding-top: 46px;
}
.tab-type04 ul li {
    flex-shrink: 0;
}
.tab-type04 li + li {
    margin-left: 12px;
}
.tab-type04 .tab {
    width: 121px;
    height: 44px;
    border: 1px solid var(--ui-tag005);
}
.tab-type04 .tab .txt01 {
    font-size: 24px;
    line-height: 44px;
}
/* .style01 : 말풍선 스타일 */
.tab-type04.style01 li {
    padding-bottom: 10px;
}
.tab-type04.style01 .tab:after {
    left: -4px;
    bottom: -3px;
    width: 8px;
    height: 8px;
    background-color: var(--ui-tag060);
}
/* .active : 활성화 */
.tab-type04 li.active .tab {
    border-color: var(--ui-tag060);
    background-color: var(--ui-tag060);
}
.tab-type04 li.active .tab .txt01 {
    font-weight: 700;
    color: var(--font-color001);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .tab-type04 li:hover .tab {
        border-color: var(--ui-tag060);
        background-color: var(--ui-tag060);
    }
    .tab-type04 li:hover .tab .txt01 {
        font-weight: 700;
        color: var(--font-color001);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type04 ul {
        box-sizing: border-box;
        width: 100%;
        padding: 0 16px;
    }
    .tab-type04 .tab {
        width: 109px;
        height: 40px;
    }
    .tab-type04 .tab .txt01 {
        font-size: 20px;
        line-height: 40px;
    }
}
/* 소형 프레임 : 375px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 375px) {
    .tab-type04 {
        height: 48px;
    }
    .tab-type04 ul {
        justify-content: flex-start !important;
        box-sizing: border-box;
        width: 100%;
        padding: 0 16px;
        overflow-x: auto !important;
    }
}

/* ---- ##tab-type05 : 연합 라운지 ---- */
.tab-type05 {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    height: 40px;
    margin-bottom: 16px;
    padding: 0 26px;
}
.tab-type05 ul {
}
.tab-type05 ul li {
    flex-shrink: 0;
}
.tab-type05 .tab {
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    padding: 0 16px;
    border: 1px solid var(--ui-tag005);
    border-radius: 2px;
    background-color: var(--ui-tag001);
}
.tab-type05 .tab .txt01 {
    padding: 0;
    font-size: 16px;
    color: var(--font-color003);
}
.tab-type05 .btn-dir002-next {
}
.tab-type05 li .tab.style01 .txt01 {
    position: relative;
    padding-right: 24px;
}
.tab-type05 li .tab.style01 .txt01:after {
    content: "";
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    right: 3px;
    width: 0;
    height: 0;
    border-top: 5px solid var(--ui-tag003);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translateY(-50%);
}
.tab-type05 li.active .tab .txt01 {
    font-weight: 500;
}
.tab-type05 [class*="btn-dir002"]:after {
    background: var(--ui-tag081);
}
.tab-type05 li.active .tab.style01 .txt01:after {
    border-top-color: #fff !important;
}
/* 좌우 버튼 */
.tab-type05 [class*="btn-dir002-"].swiper-button-disabled {
    display: block !important;
}
.tab-type05 [class*="btn-dir002-"] {
    width: 26px;
}
.tab-type05 [class*="btn-dir002-"]:after {
    background: var(--ui-tag009);
}
.tab-type05 [class*="btn-dir002-"].swiper-button-disabled .ir-txt01 {
    filter: var(--ui-filter008);
    opacity: 0.8;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .tab-type05 li .tab:hover {
        border-color: var(--ui-tag030);
        background-color: var(--ui-tag030);
    }
    .tab-type05 li .tab:hover .txt01 {
        font-weight: 700;
        color: var(--font-color001);
    }
    .tab-type05 li .tab:hover .txt01 {
        font-size: 16px;
        font-weight: 500;
    }
    .tab-type05 li .tab:hover .txt01:after {
        border-top-color: #fff !important;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type05 {
        padding: 0 16px !important;
    }
    .tab-type05 [class*="btn-dir002-"].swiper-button-disabled,
    .tab-type05 [class*="btn-dir002-"] {
        display: none !important;
    }
    .tab-type05 .tab .txt01 {
        font-size: 15px;
    }
}

/* ---- ##tab-type21 : 캘린더 스타일  ---- */
.tab-type21 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
.tab-type21ul {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    vertical-align: top;
    gap: 40px;
}
.tab-type21ulli {
    display: block;
    width: 60px;
}
.tab-type21ulli .txt-day {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: var(--font-color004);
    text-align: center;
}
.tab-type21ulli .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 60px;
    background-color: var(--font-color001);
}
.tab-type21ulli .tab .txt01 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--font-color005);
}
.tab-type21ulli.active .tab {
    background-color: var(--ui-tag030) !important;
}
.tab-type21ul > li.active .tab .txt01 {
    color: var(--font-color001) !important;
}
.tab-type21 > ul > li:first-child .tab .txt01 {
    color: var(--font-color021);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type21 > ul > li {
        width: 40px;
    }
    .tab-type21 > ul > li .tab {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }
    .tab-type21 > ul {
        gap: 10px;
    }
}

/* ---- ##tab-type22 : 테마별 뉴스 보더라인 형태  ---- */
.tab-type22 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}
.tab-type22 > ul {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid var(--ui-tag005);
    text-align: left;
}
.tab-type22 > ul li {
    display: block;
    position: relative;
    box-sizing: border-box;
}
.tab-type22 > ul li::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    height: 2px;
    background-color: var(--ui-tag000);
}
.tab-type22 > ul li.active::after {
    background-color: var(--ui-tag030);
}
.tab-type22 > ul li .tab {
    display: block;
    box-sizing: border-box;
    padding: 12px;
    border: 0;
    background-color: var(--font-color000);
    text-align: center;
}
.tab-type22 > ul li.active .tab .txt01 {
    font-weight: 700;
    color: var(--font-color021);
    letter-spacing: 0px;
}
.tab-type22 > ul li .tab .txt01 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--font-color006);
}
.tab-type22 .swiper-slide {
    display: inline-block;
    flex-shrink: 0;
    width: auto;
    margin-right: 24px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type22 {
        border-bottom: 1px solid var(--ui-tag005);
    }
    .tab-type22 > ul {
        /*width:calc(100% - 32px);*/
        margin: 0 auto;
        border-bottom: none;
    }
    .tab-type22 > ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .tab-type22 > ul li .tab .txt01 {
        font-size: 15px;
        word-break: keep-all;
    }
    .tab-type22 .swiper-wrapper {
        width: 100%;
        margin: 0;
    }
    .tab-type22 .swiper-slide {
        flex-shrink: 0;
        width: auto;
        margin-right: 8px;
    }
}

/* ---- ##tab-type23 : 뉴스플러스 보더라인 형태  ---- */
.tab-type23 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
}
.tab-type23::before,
.tab-type23::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
}
.tab-type23::after {
    bottom: 0px;
    background-color: var(--ui-tag005);
}
.tab-type23::before {
    top: 0px;
    background-color: var(--ui-tag005);
}
.tab-type23 .swiper-area {
    overflow: visible;
    display: block;
    width: 100%;
    height: 100%;
}
.tab-type23 .swiper-area .swiper-wrapper {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%; /*gap:24px;*/
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide {
    display: block;
    box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    padding: 0 12px;
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide:first-child {
    padding-left: 0;
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide:last-child {
    padding-right: 0;
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: 100%;
    padding: 0 12px;
    border: 0;
    background-color: var(--font-color000);
    gap: 8px;
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: var(--ui-tag000);
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide.active > .tab::after {
    background-color: var(--ui-tag030);
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide.active > .tab .txt01 {
    font-weight: 700;
    color: var(--font-color021);
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.tab-type23 .swiper-area .swiper-wrapper .swiper-slide.active > .tab .num {
    font-weight: 700;
    color: var(--font-color021);
}
.tab-type23 .tab .txt01 {
    flex-shrink: 0;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type23 .swiper-area {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .tab-type23::after,
    .tab-type23::before {
        width: calc(100% - 32px);
    }
    .tab-type23 .swiper-area .swiper-wrapper {
        gap: 0px;
        justify-content: flex-start;
    }
    /*.tab-type23::before{height:2px;background-color:var(--ui-tag003);}*/
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide {
        width: auto;
    }
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
        font-size: 15px;
    }
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
        font-size: 15px;
    }
}
/* ---- ##tab-type24 : 마이페이지 보더라인 형태  ---- */
.tab-type24 {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
}
.tab-type24::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
}
.tab-type24::after {
    bottom: 0px;
    background-color: var(--ui-tag005);
}
.tab-type24::before {
    top: 0px;
    background-color: var(--ui-tag005);
}
.tab-type24 .swiper-area {
    overflow: visible;
    display: block;
    width: 100%;
    height: 100%;
}
.tab-type24 .swiper-area .swiper-wrapper {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 0;
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    flex: 1;
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 12px 8px 0 8px;
    border: 0;
    background-color: var(--font-color000);
    gap: 4px;
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    height: 4px;
    background-color: var(--ui-tag000);
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active > .tab::after {
    background-color: var(--ui-tag030);
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active > .tab .txt01 {
    font-weight: 700;
    color: var(--font-color003);
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color021);
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide.active > .tab .num {
    font-weight: 700;
    color: var(--font-color021);
}
.tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .dot {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: var(--ui-tag061);
}
.tab-type24 .tab .txt01 {
    flex-shrink: 0;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type24 {
        height: 47px;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide {
        width: auto;
        flex: 0;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab {
        width: max-content;
        padding: 8px 16px 0 16px;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
        font-size: 15px;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
        font-size: 15px;
    }
}

/* ---- ##tab-type25 : 연합라운지 nav서브 탭  ---- */
.tab-type25 ul {
    box-sizing: border-box;
    padding: 0 28px 8px;
}
.tab-type25 li {
    width: auto;
}
.tab-type25 .tab {
    display: inline-flex;
    align-items: center;
    padding: 0 10px 8px;
    font-weight: 500;
}
.tab-type25 li .tab .txt01 {
    height: 21px;
    line-height: 1.4;
    color: var(--font-color006);
}
.tab-type25 li:first-of-type .tab {
    padding-left: 0;
}
.tab-type25 li.active .tab .txt01,
.tab-type25 li.active:hover .tab .txt01 {
    font-weight: 700;
    color: var(--font-color021);
}
.tab-type25 li:hover .tab {
    font-weight: 500;
    color: var(--font-color021);
}
@media only screen and (max-width: 767px) {
    .tab-type25 .swiper-area {
        padding: 0 16px;
    }
    .tab-type25 ul {
        padding: 0 0 12px;
    }
    .tab-type25 .tab {
        font-size: 14px;
    }
}

/* ---- ##tab-type26 : 보도자료 탭타입 : width:auto, 왼쪽정렬, swipe 1279해상도 부터 적용   ---- */
.tab-type26 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
}
.tab-type26::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 1px;
    transform: translateX(-50%);
}
.tab-type26::after {
    bottom: 0px;
    background-color: var(--ui-tag005);
}
.tab-type26 .swiper-area {
    overflow: visible;
    display: block;
    width: 100%;
    height: 100%;
}
.tab-type26 .swiper-area .swiper-wrapper {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%; /*gap:24px;*/
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    padding: 0 12px;
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide:first-child {
    padding-left: 0;
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide:last-child {
    padding-right: 0;
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: auto;
    height: 100%;
    padding: 0 12px;
    border: 0;
    background-color: var(--font-color000);
    gap: 8px;
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: var(--ui-tag000);
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide.active > .tab::after {
    background-color: var(--ui-tag030);
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide.active > .tab .txt01 {
    font-weight: 700;
    color: var(--font-color021);
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.tab-type26 .swiper-area .swiper-wrapper .swiper-slide.active > .tab .num {
    font-weight: 700;
    color: var(--font-color021);
}
.tab-type26 .tab .txt01 {
    flex-shrink: 0;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide {
        padding: 0 8px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tab-type26 .swiper-area {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .tab-type26::after {
        width: calc(100% - 32px);
    }
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide {
        padding: 0;
    }
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
        font-size: 15px;
    }
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
        font-size: 15px;
    }
}

/* =============== ####셀렉트 타입 ======================== */
/* select-type01 : 셀렉트 */
/* .select-type01{}
.select-type01 .btn-pick{} */

/* =============== ####Tooltip ======================== */
/* tlp-content : show/hide 제어 */
[class*="tooltip-type0"] {
    display: inline-block;
    position: relative;
}
[class*="tooltip-type0"] .btn-type004 {
    position: absolute;
    top: 6px;
    right: 6px;
    background-size: 18px auto;
}
[class*="tooltip-type0"] .tlp-content {
    display: none;
    position: absolute;
    box-sizing: border-box;
    width: 320px;
    padding: 16px 20px 20px 16px;
    border-radius: 6px;
    background: var(--ui-tag001);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
[class*="tooltip-type0"] .tlp-content .tit01 {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: var(--font-color003);
    letter-spacing: -0.4px;
    text-align: left;
}
[class*="tooltip-type0"] .tlp-content.hide {
    display: none;
}
[class*="tooltip-type0"] .tlp-content.show {
    display: block;
    z-index: 230;
}
[class*="tooltip-type0"] .list01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    font-size: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    [class*="tooltip-type0"] .tlp-content {
        width: 320px;
    }
}
/*@media only screen and (min-width:768px) and (max-width:1023px){
	[class*='tooltip-type0'] .tlp-content.show{position:fixed;top:50%;left:50%;width:calc(100% - 32px);max-width:343px;transform:translate(-50%, -50%);}
}
@media only screen and (max-width:767px){
	[class*='tooltip-type0'] .tlp-content.show{position:fixed;top:50%;left:50%;width:calc(100% - 32px);max-width:343px;transform:translate(-50%, -50%);}
}*/

/* ---- ##tooltip-type01 ---- */
.tooltip-type01 {
    position: relative;
}

/* ---- ##tooltip-type02 ---- */
.tooltip-type02 {
    position: relative;
}
.tooltip-type02 .tlp-content.show {
    display: flex;
    gap: 8px;
}
.tooltip-type02 .tlp-content .btn-type034 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
}
/*.tooltip-type02 .tlp-content:before{content:'';display:block;position:absolute;top:-6px;left:31px;width:10px;height:6px;background-image:var(--ui-bg043);box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);backdrop-filter:blur(1.5px);} */
.tooltip-type02 .tlp-content {
    top: 33px;
    left: -20px;
    min-width: 168px;
    padding: 8px 12px;
    border: none;
    border-radius: 2px;
    background-color: var(--ui-tag001);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.tooltip-type02 .tlp-content > .info-box01 {
    display: block !important;
    position: static !important;
    width: 100%;
    transform: translateY(0) !important;
}
.tooltip-type02 .tlp-content > .info-box01 > .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color021);
}
.tooltip-type02 .tlp-content > .info-box01 > .txt01 {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--font-color021);
    word-break: keep-all;
}
.tooltip-type02.active .btn-type005 {
    z-index: 231;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tooltip-type02 .tlp-content {
        top: 27px;
        left: -21px;
    }
    .tooltip-type02 .tlp-content.show {
        display: flex;
        position: absolute !important;
        top: 33px;
        left: -20px;
        transform: translate(0, 0) !important;
    }
}
/* ---- ##.tooltip-type01.tlp-summary01 : 세줄요약 ---- */
.tlp-summary01 {
    width: auto;
}
.tlp-summary01 .tlp-content {
    top: 0;
    left: 0;
    width: 600px;
    min-height: 334px;
}
.tlp-summary01 .txt01 {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color004);
}
.tlp-summary01 .desc-con > .txt01 {
    box-sizing: border-box;
    width: 100%;
    margin-top: 20px;
    padding-right: 180px;
    word-break: keep-all;
}
.tlp-summary01 .desc-con > .txt01:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg059);
    background-size: 100% auto;
    background-position: left center;
    background-repeat: no-repeat;
}
.tlp-summary01 .desc-con > .txt01 .fw-b {
    color: var(--font-color021);
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}
.tlp-summary01 .desc-con > .txt01 > .txt02 {
    position: absolute;
    right: 0;
    bottom: 0;
}
/*.tlp-summary01 .desc-con .txt02{position:absolute;right:0;bottom:0;max-width:155px;}*/
.tlp-summary01 .story-summary p {
    margin-top: 12px;
}
.tlp-summary01 .story-summary p:first-of-type {
    margin-top: 0;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .tlp-summary01 .tlp-content.show {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: calc(100% - 32px);
        max-height: 70vh;
        transform: translate(-50%, -50%);
        overflow-y: auto;
    }
    .tlp-summary01 .desc-con > .txt01 {
        padding-right: 0;
    }
    .tlp-summary01 .desc-con > .txt01 > .txt02 {
        display: block;
        position: static;
        margin-top: 4px;
    }
}
/* [세줄요약] 가로 모드 일때 */
@media (orientation: landscape) {
    .tlp-summary01 .tlp-content {
        min-height: auto;
    }
    .tlp-summary01 .tlp-content.show {
        overflow: hidden;
        max-height: 70vh;
        overflow-y: auto;
    }
}

/* ---- ##.tooltip-type01.tlp-share0$ : 공유 ---- */
/* tlp-share01 - 리스트
 * tlp-share02 - 본문 좌측 옵션박스 (optionbox01)
 * tlp-share03 - 화보 본문 헤더 옵션박스 (optionbox02) */
[class*="tlp-share0"] .btn-type101 {
    flex-shrink: 0;
    width: 33.3%;
    margin-top: 24px;
}
[class*="tlp-share0"] .list01 {
    margin-top: -24px;
}

/* ---- ##.tooltip-type01.tlp-fontsize01 : 폰트크기 ---- */
.tlp-fontsize01 .btn-type003 {
    margin-left: 20px;
}
.tlp-fontsize01 .btn-type003:first-of-type {
    margin-left: 0;
}

/* =============== ####Ticker ======================== */
/* ---- ##ticker-type$$ (뉴스 티커) ---- */
[class*="ticker-type"] {
}
/* 속보 티커 : ticker-type01 */
/*.ticker-type01{position:relative;box-sizing:border-box;width:100%;padding-left:54px;}
.ticker-type01 .ico-label-ticker01{position:absolute;top:2px;left:0;}
.ticker-type01 .logo-yna10{display:none;}
.ticker-type01 .swiper-area{position:relative;box-sizing:border-box;height:28px;padding-right:48px;}
.ticker-type01 .swiper-area .list01{flex-direction:column;}
.ticker-type01 .swiper-area .list01 li>a{display:flex;justify-content:space-between;font-size:16px;line-height:28px;font-weight:600;}
.ticker-type01 .swiper-area .list01 li>a .tit-news{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;}
.ticker-type01 .swiper-area .list01 .info-box{flex-shrink:0;width:53px;margin-left:8px;}
.ticker-type01 .swiper-area .list01 .txt-time{font-size:14px;font-weight:400;color:var(--font-color003);}
.ticker-type01 .btn-type004.menu01{display:none;}
.ticker-type01 .btns{display:flex;position:absolute;top:50%;right:-4px;z-index:1;width:48px;transform:translateY(-50%);}
.ticker-type01 .btns .btn-type005{flex-shrink:0;}
@media only screen and (min-width:768px) and (max-width:1023px){
	.ticker-type01{padding-left:38px;}
	.ticker-type01 .ico-label-ticker01{top:3px;width:22px;}
	.ticker-type01 .swiper-area{padding-right:24px;}
	.ticker-type01 .swiper-area .list01 li>a{justify-content:flex-start;font-size:14px;}
	.ticker-type01 .swiper-area .list01 .txt-time{font-size:12px;}
	.ticker-type01 .btns{width:24px;}
	.ticker-type01 .logo-yna10,
	.ticker-type01 .btn-type005{display:none;}
	.ticker-fixed{overflow:hidden;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:50px;padding-right:68px !important;transition:all .1s ease-out;}
	.ticker-fixed .ticker-type01 .logo-yna10{display:block;position:absolute;top:0;left:0;}
	.ticker-fixed .ticker-type01{box-sizing:border-box;max-width:100%;padding-left:32px;}
	.ticker-fixed .ticker-type01 .ico-label-ticker01{display:none;}
	.ticker-fixed .ticker-type01 .btn-type004.menu01{display:block;position:fixed;top:3px;right:14px;}
	.ticker-fixed .ticker-type01 .txt-time{opacity:0.5;margin-left:8px;}
	.ticker-latest .btn-type005.active{display:none;}
}

@media only screen and (max-width:767px){
	.ticker-type01{padding-left:38px;}
	.ticker-type01 .ico-label-ticker01{top:3px;width:22px;}
	.ticker-type01 .swiper-area{padding-right:24px;}
	.ticker-type01 .swiper-area .list01 li>a{justify-content:flex-start;font-size:14px;}
	.ticker-type01 .swiper-area .list01 .txt-time{font-size:12px;}
	.ticker-type01 .btns{width:24px;}
	.ticker-type01 .btn-type005{display:none;}
	!* 티커 fixed *!
	.ticker-fixed{overflow:hidden;position:fixed;top:0;left:0;box-sizing:border-box;width:100%;height:50px;padding-right:68px !important;transition:all .1s ease-out;}
	.ticker-fixed .ticker-type01 .logo-yna10{display:block;position:absolute;top:0;left:0;}
	.ticker-fixed .ticker-type01{box-sizing:border-box;max-width:100%;padding-left:32px;}
	.ticker-fixed .ticker-type01 .ico-label-ticker01{display:none;}
	.ticker-fixed .ticker-type01 .btn-type004.menu01{display:block;position:fixed;top:3px;right:14px;}
	.ticker-fixed .ticker-type01 .txt-time{opacity:0.5;margin-left:8px;}
	.ticker-latest .btn-type005.active{display:none;}
}*/

/* ticker-type02 : 긴급티커(속보) */
.ticker-type02 {
    display: flex;
    align-items: center;
    z-index: 100;
    box-sizing: border-box;
    width: 100%;
    height: 95px;
    background-color: var(--ui-tag061);
}
.ticker-type02 .ticker-area {
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 980px;
    height: 23px;
    margin: 0 auto;
    padding: 0;
}
.ticker-type02 .ico-label-ticker01 {
    flex-shrink: 0;
}
.ticker-type02 .ico-label-ticker01:after,
.ticker-type02 .ico-label-ticker01:before {
    background-color: var(--ui-tag001);
}
.ticker-type02 .ico-label-ticker01 > .txt01 {
    color: var(--font-color029);
}
.ticker-type02 .tit-news {
    display: block;
    box-sizing: border-box;
    width: calc(100% - 42px);
    padding-right: 52px;
    padding-left: 16px;
}
.ticker-type02 .tit01 {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    font-size: 24px;
    line-height: 1;
    color: var(--font-color001);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ticker-type02 .btn-type034 {
    position: absolute;
    top: 50%;
    right: -16px;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    filter: var(--ui-filter001);
    background-image: var(--ui-bg004);
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .ticker-type02 {
        padding: 0 24px 0 22px;
    }
    .ticker-type02 .btn-type034 {
        right: -20px;
    }
    .ticker-type02 .tit-news {
        padding-right: 150px;
    }
    .ticker-type02 .ico-label-ticker01 {
        height: 23px;
        padding: 0 8px 8px;
    }
    .ticker-type02 .ico-label-ticker01 > .txt01 {
        flex-shrink: 0;
        height: 23px;
        font-size: 15px;
        line-height: 23px;
    }
    .ticker-type02 .ico-label-ticker01:after {
        height: 23px;
    }
    .ticker-type02 .ico-label-ticker01:before {
        width: 6px;
        height: 18px;
    }
}
@media only screen and (max-width: 1024px) {
    .ticker-type02 .tit01 {
        font-size: 18px;
        line-height: 1.2;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .ticker-type02 {
        height: auto;
        min-height: 92px;
        padding: 20px 16px;
    }
    .ticker-type02 .ticker-area {
        align-items: center;
    }
    .ticker-type02 .tit01 {
        display: -webkit-box;
        font-size: 18px;
        line-height: 1.2;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.ticker-type03 {
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    height: 51px;
    margin: 20px auto 0;
    padding-left: 142px;
    border: 1px solid var(--ui-tag005);
    background-color: var(--ui-tag001);
}
.ticker-type03 + .content03 {
    margin-top: 20px !important;
}
.ticker-type03 .ticker {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.ticker-type03 > .time {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 142px;
    height: 100%;
    padding-left: 15px;
    background-color: #fff;
    font-size: 14px;
    color: var(--font-color006);
}
.ticker-type03 > .time > strong {
    display: inline-block;
    flex-shrink: 0;
    font-weight: 400;
}
.ticker-type03 > .time > span {
    display: inline-block;
    padding-left: 8px;
    font-weight: 700;
}
.ticker-type03 .list01 {
    display: inline-block;
    height: 100%;
    white-space: nowrap;
    animation: move 30s linear infinite;
    animation-delay: 2s;
}
.ticker-type03 .ticker.stop .list01 {
    -webkit-animation-play-state: paused;
}
.ticker-type03 .list01 li {
    display: inline-block;
    height: 100%;
    padding-right: 50px;
}
.ticker-type03 .list01 li .box {
    display: flex;
    align-items: center;
    height: 100%;
}
.ticker-type03 .list01 li [class*="unit0"] {
    flex-shrink: 0;
    box-sizing: border-box;
}
.ticker-type03 .list01 li .unit01 {
    height: 25px;
    padding: 0 8px;
    background-color: var(--ui-tag011);
    font-size: 14px;
    line-height: 25px;
    color: var(--font-color003);
}
.ticker-type03 .list01 li .unit02 {
    margin-left: 12px;
    font-size: 18px;
    font-weight: bold;
    color: var(--font-color003);
}
.ticker-type03 .list01 li .unit03 {
    position: relative;
    margin-left: 12px;
    font-size: 14px;
    color: var(--font-color003);
}
.ticker-type03 .list01 li .unit04 {
    margin-left: 12px;
    font-size: 14px;
    color: var(--font-color003);
}
.ticker-type03 .list01 li.up .unit03 {
    padding-left: 15px;
    color: var(--font-color029);
}
.ticker-type03 .list01 li.up .unit03:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid var(--ui-tag061);
}
.ticker-type03 .list01 li.up .unit04 {
    color: var(--font-color029);
}
.ticker-type03 .list01 li.down .unit03 {
    padding-left: 15px;
    color: var(--font-color021);
}
.ticker-type03 .list01 li.down .unit03:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 9px solid var(--ui-tag030);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.ticker-type03 .list01 li.down .unit04 {
    color: var(--font-color021);
}
.ticker-type03 .list01 li .unit03:empty,
.ticker-type03 .list01 li .unit04:empty {
    margin-left: 0;
    padding-left: 0;
}
/* ticker-type03 마켓플러스 주가지수 티커 */
@keyframes move {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .ticker-type03 {
        max-width: 980px;
        margin-top: 20px;
    }
    .ticker-type03 + .content03 {
        margin-top: 20px !important;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .ticker-type03 {
        max-width: 100%;
        margin-top: -1px;
        padding-left: 0;
        border-width: 1px 0;
    }
    .ticker-type03 + .content03 {
        margin-top: 24px !important;
    }
    .ticker-type03 > .time {
        display: none;
    }
    .ticker-type03 .list01 li {
        padding-right: 40px;
    }
    .ticker-type03 .list01 li:first-of-type {
        padding-left: 16px;
    }
    .ticker-type03 .list01 li .unit01 {
        height: 24px;
        font-size: 13px;
    }
    .ticker-type03 .list01 li .unit02 {
        font-size: 16px;
    }
    .ticker-type03 .list01 li .unit03 {
        font-size: 13px;
    }
    .ticker-type03 .list01 li .unit04 {
        font-size: 13px;
    }
}
/* =============== ####Title ======================== */
/* ---- ##txt-tag ---- */
/* (클래스범위)
 * 어깨제목 : txt-tag00 ~ 19
 * 말머리 : txt-tag20 ~ 39
 * 슬러그 : txt-tag40 ~
 * 말풍선 스타일 : [class*='txt-tag'].style01 */

/* ---- ##txt-tag$$ (공통) ---- */
[class*="txt-tag"] {
    display: inline-block;
    flex-shrink: 0;
}
a[class*="txt-tag"] {
    font-size: 14px;
}
a[class*="txt-tag"]:after {
    width: 14px;
    height: 14px;
    background-size: 14px auto;
    background-position: center;
}
[class*="txt-tag0"] {
    position: relative;
}

/* ---- ##txt-tag$$ (공통) : 말풍선 스타일 ---- */
[class*="txt-tag"][class*="style"] {
    padding-right: 0;
}
[class*="txt-tag"][class*="style"]:after {
    display: none;
}
[class*="txt-tag"].style01 {
    overflow: hidden;
    padding-bottom: 5px;
    line-height: 1;
}
[class*="txt-tag"].style01 > .txt01 {
    display: inline-block;
    position: relative;
    height: 18px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
[class*="txt-tag"].style01 > .txt01:after {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    bottom: -3px;
    width: 6px;
    height: 6px;
    background-color: var(--ui-tag034);
    transform: rotate(45deg);
}

/* ---- ##txt-tag01~19 : 어깨제목(a태그일때 arrow추가됨) ---- */
.txt-tag01,
a[class*="txt-tag0"] {
    display: inline-flex;
    position: relative;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 600;
    color: var(--font-color021);
}
a[class*="txt-tag0"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg021);
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    filter: var(--ui-filter101);
}

/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-tag01,
    a[class*="txt-tag0"] {
        font-size: 14px;
    }
    a[class*="txt-tag0"]:after {
        width: 12px;
        height: 12px;
    }
}

/* ---- ##txt-tag02 ---- */
.txt-tag02,
a.txt-tag02 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-tag02,
    a.txt-tag02 {
        font-size: 13px;
    }
}

/* ---- ##txt-tag20 ~ 39 : 말머리 스타일 사용 ---- */
[class*="txt-tag2"] {
    display: inline-block;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 30px;
    padding: 0 !important;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0;
    text-align: center;
    vertical-align: top;
}
[class*="txt-tag2"]:before {
    /*position:relative;*/
    top: 3px;
    padding: 4px 5px;
    border-radius: 3px;
    line-height: 1;
    font-weight: 500;
    color: var(--font-color001);
}
.txt-tag21:before {
    background: var(--ui-tag036);
}
.txt-tag22:before {
    background: var(--ui-tag030);
}
.txt-tag23:before {
    background: var(--ui-tag037);
}
.txt-tag24:before {
    background: var(--ui-tag060);
}
.txt-tag28:before {
    background: var(--ui-tag005);
    color: var(--font-color003);
}

.txt-tag21,
.txt-tag22,
.txt-tag23,
.txt-tag24 {
    font-weight: 500;
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="txt-tag2"] {
        line-height: 1.3;
    }
}

/*.txt-tag21{background:var(--ui-tag036);font-weight:500;color:var(--font-color001);}
.txt-tag22{background:var(--ui-tag030);font-weight:500;color:var(--font-color001);}
.txt-tag22.tag05{width:80px;}
.txt-tag23{background:var(--ui-tag037);font-weight:500;color:var(--font-color001);}
.txt-tag23.tag06{width:66px;}
.txt-tag24{background:var(--ui-tag060);font-weight:500;color:var(--font-color001);}
.txt-tag24.tag05{width:80px;}
.txt-tag28{background:var(--ui-tag005);}
.txt-tag28:before{color:var(--font-color003);}*/

/* ---- ##txt-tag2$ (말머리 공통) ---- */
/* 말머리 태그 사용 규칙
 * 말머리는 리스트타입 종속으로 사용한다.(list-type$$ > txt-tag2$)
 * txt-tag2$ : 컬러 지정
 * tag$$ 은 [class*='txt-tag2']에 addClass로 사용
 * 말머리 텍스트는 tag0$:before 의 가상태그로 제공 */

/* (클래스범위)
- 01 : 긴급 / 02 : 속보 / 03 : 단독 / 04 : 르포
- 05 : 헤드라인 / 06 : 인터뷰 / 07~09 : (스타일 미정의) */
[class*="txt-tag2"].tag01:before {
    content: "긴급";
} /* 긴급 */
[class*="txt-tag2"].tag02:before {
    content: "속보";
} /* 속보 */
[class*="txt-tag2"].tag03:before {
    content: "단독";
} /* 단독 */
[class*="txt-tag2"].tag04:before {
    content: "르포";
} /* 르포 */
[class*="txt-tag2"].tag05:before {
    content: "헤드라인";
} /* 헤드라인 */
[class*="txt-tag2"].tag06:before {
    content: "인터뷰";
} /* 인터뷰 */

/* ---- ##기타02~04 : 미정의 (사용안함)
 - 편집부 요청이 오는 단어를 표출  ---- */
[class*="txt-tag2"].tag07:before {
    content: "특파원르포";
} /* 기타01 */
[class*="txt-tag2"].tag08:before {
    content: "칼럼";
} /* 기타02 */

/* ---- ##txt-tag40~ : 슬러그 ---- */
/* txt-tag40 : 다국어분류  */
a.txt-tag40,
.txt-tag40 {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color006);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    a.txt-tag40:hover {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* txt-tag41 : 슬러그 텍스트 타입(폰트14px)  */
.txt-tag41,
a.txt-tag41 {
    display: inline-flex;
    position: relative;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}
a.txt-tag41 {
    padding-right: 20px;
}
a.txt-tag41:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg021);
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    filter: var(--ui-filter101);
}
a.txt-tag41.color20:after {
    filter: var(--ui-filter103);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    a.txt-tag41:hover {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* txt-tag43 : 기사 갯수  */
.txt-tag51,
a.txt-tag51 {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color001);
}
.txt-tag51 .txt01 {
    display: inline-block;
    font-weight: 700;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-tag51,
    a.txt-tag51 {
        font-size: 13px;
    }
}

/* txt-tag50 : txt-tag$$>txt01 구조 형태  */
.txt-tag50 > .txt01 {
    display: inline-block;
    position: relative;
    height: 18px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
}
.txt-tag50.style01 > .txt01 {
    padding: 2px 6px;
    font-weight: 400;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-tag50 > .txt01 {
        min-height: 17px;
        font-size: 11px;
        line-height: 17px;
    }
}

/* txt-tag61 : 기자의 세상읽기 (오피피언 메인) */
.txt-tag61 {
    display: inline-block;
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    vertical-align: top;
}
.txt-tag61 .txt01 {
    color: var(--font-color028);
}
.txt-tag61::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -18px;
    z-index: 10;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg054);
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* txt-tag61 : 기자의 세상읽기 (오피피언 우측) */
.txt-tag62,
a.txt-tag62 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color028);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    a.txt-tag62:hover,
    a.txt-tag62:hover .txt01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* ---- ##title-type (공통) ---- */
/* span.title-type$$$ : 텍스트 타이틀
* a.title-type$$$ : 링크 타이틀
* font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700
* [메인] 텍스트 타입 : title-type001 ~ 019
* [메인] 아이콘형태 : title-type020 ~ 039
* [섹션메인] 텍스트 타입: title-type011 ~ 119*/

/* ---- ##title-type$$$(공통)  ---- */
[class*="title-type"].medium [class*="tit"] {
    font-weight: 600;
}
[class*="title-type"].semi [class*="tit"] {
    font-weight: 500;
}
[class*="title-type"].bold [class*="tit"] {
    font-weight: 700;
}
[class*="title-type"] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    vertical-align: bottom;
}
[class*="title-type"] > [class*="tit"],
[class*="title-type"] > [class*="txt"] {
    vertical-align: bottom;
}
[class*="title-type"] > [class*="tit"] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
[class*="title-type"] > .tit01 {
    font-size: 20px;
    line-height: 1.3;
}
[class*="title-type"][class*="arr"] > [class*="tit"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: var(--ui-bg021);
    background-size: 100% auto;
}
/*[class*='title-type'][class*='arr']:after{content:'';display:block;position:absolute;top:50%;right:0;background-image:var(--ui-bg021);background-size:100% auto;}*/
[class*="title-type"] > [class*="tit"] + [class*="txt"] {
    margin-left: 8px;
}
[class*="title-type"] + [class*="list-type"] {
    margin-top: 16px;
}
[class*="title-type"].arr01 > [class*="tit"] {
    padding-right: 22px;
} /*arrow 타입*/
[class*="title-type"].arr01 [class*="tit"]::after {
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
/* [class*='title-type'][class*='arr'] a[href=""],
[class*='title-type'][class*='arr'] a[href='#none']{cursor:default;} */
/* (임시) CPS에 반영시 주석해제 예정
[class*='title-type'][class*='arr'] a[href=""]:after,
[class*='title-type'][class*='arr'] a[href='#none']:after{display:none;} */
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    [class*="title-type"].arr01 > [class*="tit"] {
        padding-right: 20px;
    }
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    /* title-type00$ ~ title-type01$ */
    /*	[class*='title-type00']>a[class*='tit']:hover,
	[class*='title-type01']>a[class*='tit']:hover{color:var(--font-color022);}*/
    [class*="title-type"] > a[class*="tit"]:hover [class*="txt"]:not(.ir-txt01) {
        color: inherit;
    }
    /*.title-type011>a.tit01:hover{color:var(--font-color021);}*/
}

/* ---- ##title-type001 ---- */
/* .title-type001 > .tit01 : 기본
 * .title-type001 > .tit02 : text-underline (마이뷰어에서 작업중)
 * .style01 : 와이뷰어 */
.title-type001 > [class*="tit0"] {
    font-size: 20px; /*height:30px;*/
    line-height: 1.5;
    color: var(--font-color003);
}
.title-type001 + .title-type001 {
    margin-left: 7px;
    padding-left: 8px;
}
.title-type001 + .title-type001:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    margin-top: -7px;
    background: #000;
}
/* style01 */
.title-type001.style01 > .tit01 .color21 {
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .title-type001 > [class*="tit0"] {
        font-size: 18px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type001 > [class*="tit0"] {
        font-size: 18px; /*height:27px;*/
    }
}

/* ---- ##title-type002 - 텍스트 회색 ---- */
[class*="title-type"] + .title-type002 {
    position: relative;
    box-sizing: border-box;
    margin-left: 8px;
    padding-left: 10px;
}
[class*="title-type"] + .title-type002:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 16px;
    background-color: var(--ui-tag004);
    transform: translateY(-50%);
}
.title-type002 > .tit01 {
    font-size: 20px;
    color: var(--font-color004);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type002 > [class*="tit"] {
        font-size: 18px;
    }
}

/* ---- ##title-type004 - 연합라운지 대 타이틀 ---- */
.title-type004 {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 40px;
    color: var(--font-color001);
}
.title-type004 > .tit01 {
    display: inline-flex;
    align-items: center;
    font-size: 26px;
    font-weight: 700;
}
.title-type004 > .tit01 .logo-yna11 {
    margin-right: 8px;
}
.title-type004 > .txt01 {
    display: inline-block;
    margin-left: 8px; /*padding-top:10px;*/
    font-size: 21px;
    font-weight: 500;
    color: var(--font-color001);
}
@media only screen and (max-width: 767px) {
    .title-type004 {
        padding: 0 16px;
    }
    .title-type004 > [class*="tit"] {
        font-size: 20px;
    }
    .title-type004 > [class*="txt"] {
        display: none;
    }
}
/* ---- ##title-type004.style01 - 뉴스플러스 관심사 뉴스 패키지 타이틀+텍스트 조합 ---- */
.title-type004.style01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    padding: 0;
    color: var(--font-color003);
    gap: 16px;
}
.title-type004.style01 > .tit01 {
    display: block;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
}
.title-type004.style01 > .txt01 {
    display: block;
    margin-left: 0px;
    padding-top: 0px;
    font-size: 16px;
    font-weight: 500;
    color: var(--font-color021);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type004.style01 {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        height: auto;
        padding: 0 16px;
    }
    .title-type004.style01 > .tit01 {
        font-size: 18px;
    }
    .title-type004.style01 > .txt01 {
        font-size: 14px;
    }
}
/* ---- ##title-type005.style01 : 지역별 실시간 뉴스 ---- */
.title-type005 {
    background-color: var(--ui-tag009);
}
.title-type005 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 132px;
    padding: 16px 24px 16px 144px;
    border-radius: 2px;
}
.title-type005::before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 24px;
    z-index: 10;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 100%;
    background-size: 100px 100px;
    background-position: center center;
    background-repeat: no-repeat;
}
.title-type005 .tit01 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: var(--font-color003);
}
.title-type005 .txt01 {
    position: relative;
    margin-left: 0px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
    color: var(--font-color004);
}
.title-type005 .txt01::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    z-index: 10;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg054);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    transform: translateY(-55%);
}
.title-type005.gg::before {
    background-image: var(--ui-bg258);
}
.title-type005.in::before {
    background-image: var(--ui-bg259);
}
.title-type005.bu::before {
    background-image: var(--ui-bg260);
}
.title-type005.ul::before {
    background-image: var(--ui-bg261);
}
.title-type005.gn::before {
    background-image: var(--ui-bg262);
}
.title-type005.dggb::before {
    background-image: var(--ui-bg263);
}
.title-type005.gjjn::before {
    background-image: var(--ui-bg264);
}
.title-type005.jb::before {
    background-image: var(--ui-bg265);
}
.title-type005.djcnsj::before {
    background-image: var(--ui-bg266);
}
.title-type005.cb::before {
    background-image: var(--ui-bg267);
}
.title-type005.gw::before {
    background-image: var(--ui-bg268);
}
.title-type005.jj::before {
    background-image: var(--ui-bg269);
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .title-type005 {
        height: 112px;
        padding: 16px 24px 16px 124px;
    }
    .title-type005::before {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type005 .txt01 {
        margin-top: 8px;
        margin-left: 0;
        font-size: 14px;
        line-height: 21px;
    }
    .title-type005 {
        height: 84px;
        padding: 12px 20px 12px 100px;
    }
    .title-type005::before {
        top: 12px;
        left: 20px;
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }
    .title-type005 .tit01 {
        font-size: 20px;
        line-height: 30px;
    }
    .title-type005 .txt01 {
        margin-top: 0;
        font-size: 14px;
        line-height: 21px;
    }
    .title-type005 .txt01::after {
        transform: translateY(-60%);
    }
}

/* ---- ##title-type006 : 통합검색 최근검색어 ---- */
.title-type006 .tit01 {
    font-size: 18px;
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
    .title-type006 .tit01 {
        font-size: 16px;
    }
}

/* ---- ##title-type007 : 통합검색 제휴사 검색 ---- */
.title-type007 .tit01 {
    font-size: 17px;
    font-weight: 600;
}
@media only screen and (max-width: 767px) {
    .title-type007 {
        display: none;
    }
}

/* ---- ##title-type009.style01 : 도트 형태 ---- */
.title-type009 .tit01 {
    display: inline-block;
    position: relative;
    padding-left: 8px;
    font-size: 18px;
    color: var(--font-color003);
}
.title-type009 .tit01:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: var(--ui-tag003);
    transform: translateY(-50%);
}
.title-type009.style01 .tit01 {
    color: var(--font-color021);
}
.title-type009.style01 .tit01:after {
    background-color: var(--ui-tag030);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type009 .tit01 {
        padding-left: 0;
    }
    .title-type009 .tit01:after {
        display: none;
    }
    .title-type009.style01 .tit01 {
        color: var(--font-color003);
    }
}

/* ---- ##title-type010 : 타이틀+텍스트 (tit01+txt01) ---- */
.title-type010 .tit01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 20px;
    font-weight: 700;
    color: var(--font-color003);
}
.title-type010 .txt01 {
    margin-left: 4px !important;
    font-size: 13px;
    font-weight: 500;
    color: var(--font-color005);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type010 {
        display: none;
    }
}

/* ---- ##title-type011 - 보더라인형태 대타이틀---- */
/* 주로 .nav-type40>.title-type011 쓰임 */
.title-type011 {
    flex-shrink: 0;
}
.title-type011 > .tit01 {
    box-sizing: border-box;
    font-size: 40px;
    font-weight: 700;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type011 > .tit01 {
        font-size: 24px;
    }
}

/* ---- ##title-type012 - 마켓플러스 모바일 변형 타이틀---- */
.title-type012 {
    display: inline-block;
    height: auto;
    vertical-align: top;
}
.title-type012 .tit01 {
    position: relative;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color039);
    vertical-align: top;
}
.title-type012 .tit01:hover {
    color: var(--font-color039) !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .title-type012 .tit01 {
        font-size: 14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type012 .tit01 {
        font-size: 18px;
        font-weight: 700;
        color: var(--font-color003);
    }
    .title-type012 .tit01:hover {
        color: var(--font-color003) !important;
    }
    .title-type012 .tit01::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: -22px;
        z-index: 10;
        width: 18px;
        height: 18px;
        background-image: var(--ui-bg021);
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        transform: translateY(-50%);
    }
}

/* ---- ##title-type013 - 기자홈 통계보기 타이틀---- */
.title-type013 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.title-type013 .tit01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color005);
}
.title-type013 .txt01 {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type013 .tit01 {
        font-size: 15px;
    }
}

/* ---- ##title-type014 - 마이페이지 차트 타이틀 ---- */
.title-type014 .tit01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
}

/* ---- ##title-type015 - 기타 사이트맵 타이틀 ---- */
.title-type015 {
    display: flex;
    align-items: center;
}
.title-type015 .tit01 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type015 .tit01 {
        font-size: 20px;
    }
}

/* ---- ##title-type016 - 통합검색 검색옵션 타이틀 ---- */
.title-type016 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-type016 .tit01 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}

/* ---- ##title-type017 - 에러페이지 타이틀 ---- */
.title-type017 {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}
.title-type017 .tit01 {
    font-size: 32px;
    line-height: 1.5;
    font-weight: 700;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type017 {
        margin-top: 24px;
    }
    .title-type017 .tit01 {
        margin-top: 16px;
        font-size: 24px;
    }
}
/* ---- ##title-type018 : [본문] 브랜드뉴스명---- */
.title-type018 {
    display: flex;
}
.title-type018 > .tit01 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color021);
}
.title-type018.style01 > .tit01 {
    background: var(--ui-tag108);
    text-decoration: none;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type018 > .tit01 {
        font-size: 16px !important;
    }
}
/* ---- ##title-type019 : 오피니언섹션 타이틀 ---- */
.title-type019 > .tit01 {
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type019 > .tit01 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .title-type019 > .tit01 {
        font-size: 22px;
    }
}

/* ---- ##title-type031: 말풍선 화살표 타이틀 버튼 ---- */
/* .title-type031 파랑
 * .title-type031.style01 회색
 * .title-type031.style02 빨강 */
.title-type031 {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 12px;
    background-color: var(--ui-tag030);
}
.title-type031::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -12px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 6px solid var(--ui-tag000);
    border-left: 6px solid var(--ui-tag031);
    border-right: 6px solid var(--ui-tag000);
    border-bottom: 6px solid var(--ui-tag031);
    transform: rotate(90deg);
}
.title-type031 .txt01 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.title-type031.arr01 + .list-type216 {
    margin-top: 24px;
}
.title-type031 .tit01 {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--font-color007);
}
.title-type031.arr01 .tit01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-image: var(--ui-bg055);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    filter: var(--ui-filter001);
}
.title-type031.style01 {
    background-color: var(--ui-tag005);
}
.title-type031.style01::after {
    border-left-color: var(--ui-tag015);
    border-bottom-color: var(--ui-tag015);
}
.title-type031.style01.arr01 .tit01::after {
    filter: var(--ui-filter012);
}
.title-type031.style01 .tit01 {
    color: var(--font-color003);
}
.title-type031.style02 {
    background-color: var(--ui-tag113);
}
.title-type031.style02::after {
    border-left-color: var(--ui-tag114);
    border-bottom-color: var(--ui-tag114);
}

/* ---- ##title-type032: 말풍선 화살표 타이틀 버튼 ---- */
.title-type032 {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 2;
    box-sizing: border-box;
    width: max-content;
    height: 40px;
    padding: 0 12px;
    background: linear-gradient(104deg, #6060e2 0%, #3062e1 42.71%, #3062e1 70.31%, #2c7adf 87.5%, #2894dd 100%);
}
.title-type032::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -12px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 6px solid var(--ui-tag000);
    border-left: 6px solid var(--ui-tag031);
    border-right: 6px solid var(--ui-tag000);
    border-bottom: 6px solid var(--ui-tag031);
    transform: rotate(180deg);
}
.title-type032 .txt01 {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.title-type032.arr01 + .list-type216 {
    margin-top: 24px;
}
.title-type032 .tit01 {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--font-color007);
}
.title-type032.arr01 .tit01::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background-image: var(--ui-bg038);
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    filter: var(--ui-filter001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type032 {
        top: 0;
        left: 16px;
    }
    .title-type032 .tit01 {
        font-size: 15px;
    }
}

/* ---- ##title-type033: 말풍선 톱뉴스 타임라인 타이틀 ---- */
.title-type033 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    height: 40px;
    background: linear-gradient(90deg, #f1eafe 0%, #e8ecfd 100%);
    color: var(--font-color046) !important;
}
.title-type033::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -11px;
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 6px solid var(--ui-tag000);
    border-left: 6px solid var(--ui-tag047);
    border-right: 6px solid var(--ui-tag000);
    border-bottom: 6px solid var(--ui-tag047);
    transform: rotate(90deg);
}
.title-type033 .txt-type007 {
    margin-right: 8px;
}
.title-type033 .tit01 {
    font-size: 18px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type033 .tit01 {
        font-size: 17px;
    }
}

/* ---- ##title-type034: 메인 주식티커 타이틀 ---- */
.title-type034 {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 288px;
    height: 51px;
    padding: 0 39px 0 16px;
    color: var(--font-color001) !important;
}
.title-type034:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 23px);
    height: 100%;
    background-color: var(--ui-tag106);
}
.title-type034:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 112px solid var(--ui-tag106);
    border-left: 51px solid var(--ui-tag106);
    border-right: 51px solid var(--ui-tag007);
    border-bottom: 51px solid var(--ui-tag007);
    transform: rotate(360deg);
}
.title-type034 .title01 {
    position: relative;
    z-index: 1;
    font-size: 20px;
    font-weight: 700;
}
.title-type034 .txt01 {
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 500;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-type034 {
        justify-content: flex-start;
        height: 40px;
        background-color: var(--ui-tag106);
    }
    .title-type034 .title01 {
        font-size: 18px;
    }
    .title-type034 .txt01 {
        font-size: 13px;
    }
    .title-type034:after {
        display: none;
    }
    .title-type034:before {
        display: none;
    }
}

/* ---- ##txt-type$$$ (공통) ---- */
/* (클래스범위)
 * txt-type001~19 :기본텍스트
 * txt-type100~029 :텍스트+썸네일 형태
 * txt-type300~ :[테마]텍스트 */
[class*="txt-type"].medium .tit01 {
    font-weight: 600;
}
[class*="txt-type"].semi .tit01 {
    font-weight: 500;
}
[class*="txt-type"].bold .tit01 {
    font-weight: 700;
}
a[class*="txt-type"]:after {
}
[class*="txt-type"].bold .txt01 {
}
[class*="txt-type"] > .txt01 {
}
[class*="txt-type"].style01 > .txt01 {
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
} /*style01:underline*/

/* ---- ##txt-type001 : 기본텍스트 ---- */
[class*="txt-type0"] {
    display: inline-block;
}
.txt-type001 > .txt01 {
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color007);
}
.txt-type001.style01 {
    color: var(--font-color001);
}
.txt-type001.style02 > .txt01 {
    color: var(--font-color048);
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}

/* ---- ##txt-type002 : 채널명 텍스트(연합뉴스,korea now, TongTong Culture 등 ---- */
.txt-type002 > .tit01 {
    font-size: 14px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    a.txt-type002:hover .tit01,
    button.txt-type002:hover > .tit01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* ---- ##txt-type003 : #해시태그 ---- */
.txt-type003 > .txt01 {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 언더라인 마커형태 */
.txt-type003.style01 > .txt01 {
    background: var(--ui-tag108);
    text-decoration: none;
}

/* ---- ##txt-type004 : today (날짜 옆 표기) ---- */
.txt-type004 {
    display: inline-flex;
    width: auto;
    height: auto;
    margin: 0;
    padding: 2px 4px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
    font-size: 11px;
    line-height: 17px;
    font-weight: 700;
    color: var(--font-color021);
    vertical-align: top;
}

/* ---- ##txt-type005 : 톱뉴스 날짜 텍스트 ---- */
.txt-type005 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}
.txt-type005 > .txt01 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type005 {
        gap: 8px;
    }
}

/* ---- ##txt-type006 : 톱뉴스 캘린더날짜 텍스트 ---- */
.txt-type006 {
    display: block;
}
.txt-type006 > .txt01 {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type005 > .txt01 {
        font-size: 20px;
        line-height: 1.3;
        font-weight: 600;
        color: var(--font-color003);
    }
}

/* ---- ##txt-type007 : 톱뉴스 Live ---- */
.txt-type007 {
    display: inline-block;
    box-sizing: border-box;
    height: 20px;
    padding: 0 8px;
    border-radius: 100px;
    background-color: var(--ui-tag046);
    font-size: 10px;
    line-height: 20px;
    font-weight: 900;
    color: var(--font-color001);
    text-transform: uppercase;
}

/* ---- ##txt-type008 : 날짜별 많이 본 뉴스 기준 안내텍스트 ---- */
.txt-type008 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}
.txt-type008 .ico-type04-noti01 {
    top: 2px;
}
.txt-type008 > .txt01 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color004);
}

/* ---- ##txt-type009 :[통합검색] 인물 이름,년생 ---- */
.txt-type009 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 16px 16px 12px 16px;
    gap: 16px;
}
.txt-type009 .tit-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.txt-type009 .btn-type204 {
    margin-top: 8px;
}
.txt-type009 [class*="img-con"] {
    flex-shrink: 0;
    position: relative;
    width: 93px;
    min-width: 50px;
    height: 106px;
}
.txt-type009 [class*="img-con"].img-none01:after {
    display: none;
}
.txt-type009 [class*="img-con"] .img {
    width: 100%;
    padding-top: 114%;
}
.txt-type009 [class*="img-con"] .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.txt-type009 .tit-name .txt01 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
.txt-type009 .txt-mes01 {
    min-height: 46px;
    padding: 0;
    border-bottom: 0;
    font-size: 15px;
    color: var(--font-color003);
}
@media only screen and (max-width: 767px) {
    .txt-type009 {
        gap: 15px;
        padding: 0 0 12px 0;
    }
    .txt-type009 .tit-name {
        flex-wrap: wrap;
        font-size: 18px;
    }
}

/* ---- ##txt-type010 :[통합검색] 검색없음 ---- */
.txt-type010 {
    display: block;
    padding: 85px 20px;
    font-size: 18px;
    color: var(--font-color004);
    text-align: center;
}
.txt-type010 mark,
.txt-type010 .bold {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .txt-type010 {
        padding: 120px 16px;
    }
}

/* ---- ##txt-type011 : 통합검색 00건, 기자페이지 : 총 000명 ---- */
.txt-type011 {
    font-size: 20px;
    line-height: 30px;
    color: var(--font-color003);
}
.txt-type011 em {
    font-weight: 700;
    color: var(--font-color021);
}
.txt-type011 .txt01 {
    display: inline-block;
    margin-right: 4px;
    font-weight: 700;
}
.txt-type011 .btn-type220 {
    margin-left: 16px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type011 {
        font-size: 18px;
    }
}

/* ---- ##txt-type012 : [기자홈]구독 00명 ---- */
.txt-type012 {
    position: relative;
    padding: 0 15px 0 34px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
.txt-type012::before {
    content: "구독";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
}
.txt-type012::after {
    content: "명";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type012 {
        line-height: 1.7;
    }
    .txt-type012::before,
    .txt-type012::after {
        height: 21px;
        line-height: 1.5;
    }
}

/* ---- ##txt-type014 : 사이트맵 타이틀 + 텍스트 ---- */
.txt-type014 {
    font-size: 0;
}
.txt-type014 .txt01 {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color005);
}
.txt-type014 .txt01:first-child {
    margin-left: 0;
    padding-left: 0;
}
.txt-type014 .txt01:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: var(--ui-tag015);
}
.txt-type014 .txt01:first-child:before {
    display: none;
}
[class*="title-type"] + .txt-type014 .txt01:first-child {
    margin-left: 8px;
    padding-left: 8px;
}
[class*="title-type"] + .txt-type014 .txt01:first-child:before {
    display: block;
}

/* ---- ##txt-type015 : 성금,신문의날 텍스트,RSS피드 ---- */
.txt-type015 {
    width: 100%;
    margin-top: 60px;
    text-align: center;
}
.txt-type015 .tit01 {
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color025);
}
.txt-type015 .desc-con .tit01 {
    margin-bottom: 0;
    font-size: 24px;
    color: var(--font-color003);
}
.txt-type015 .desc-con .txt01 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--font-color003);
    word-break: keep-all;
}
.txt-type015 .txt-mes03 {
    margin-top: 20px;
    font-size: 16px;
}
.txt-type015 .desc-con {
    margin-top: 0 !important;
}
/* RSS피드 */
.txt-type015 .desc-con > .list01 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
.txt-type015 .desc-con > .list01 li {
    display: inline-block;
    padding: 20px 20px 0;
    font-size: 18px;
    color: var(--font-color003);
    pointer-events: none !important;
    text-decoration: none !important;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type015 {
        margin-top: 40px;
    }
    .txt-type015 .tit01 {
        margin-bottom: 24px;
        font-size: 20px;
    }
    .txt-type015 .tit01 span {
        display: block;
    }
    .txt-type015 .desc-con {
        margin-top: 24px;
    }
    .txt-type015 .desc-con .tit01 {
        font-size: 20px;
    }
    .txt-type015 .desc-con .txt01 {
        max-width: 375px;
        margin: 20px auto 0;
        font-size: 16px;
    }
    .txt-type015 .txt-mes03 {
        font-size: 14px;
    }
    .txt-type015 .txt-mes03 span {
        display: block;
    }
    .txt-type015 .desc-con > .list01 {
        flex-wrap: wrap;
        justify-content: flex-start;
        max-width: 100%;
        margin: 10px auto 0;
    }
    .txt-type015 .desc-con > .list01 li {
        padding: 10px 33px 0 0;
        font-size: 16px;
    }
}

/* ---- ##txt-type016 : 성금모금,신문의날 정보 텍스트---- */
.txt-type016 {
    margin-top: 60px;
    padding: 40px;
    background-color: var(--ui-tag009);
}
.txt-type016 dt {
    position: relative;
    top: 0;
    left: 0;
    min-width: 140px;
    padding-left: 10px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    word-break: keep-all;
}
.txt-type016 dt:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 2px;
    background-color: var(--font-color006);
}
.txt-type016 dd {
    width: 100%;
    line-height: 1.5;
    color: var(--font-color003);
    word-break: keep-all;
}
.txt-type016 .list01 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.txt-type016 .list01 dl {
    display: flex;
    gap: 16px;
    width: 100%;
    padding: 0;
    border: 0;
}
.txt-type016 .list02 {
    display: flex;
    width: 100%;
    margin-top: 4px;
    flex-wrap: wrap;
    gap: 4px 0;
}
.txt-type016 .list02 li {
    width: 33.33%;
    line-height: 1.5;
    color: var(--font-color005);
}
@media only screen and (max-width: 767px) {
    .txt-type016 {
        padding: 20px;
    }
    .txt-type016 dt {
        width: 100%;
        font-size: 14px;
    }
    .txt-type016 dd {
        font-size: 14px;
    }
    .txt-type016 .list01 dl {
        flex-wrap: wrap;
        gap: 4px;
    }
    .txt-type016 .list01 dl:last-child .list02 .li {
        width: 100%;
    }
    .txt-type016 .list02 li {
        width: 100%;
    }
}

/* ---- ##txt-type017 : 성금모금,신문의날 정보 텍스트---- */
.txt-type017 {
    width: 100%;
    margin-top: 60px;
    text-align: center;
}
.txt-type017 .txt01 {
    margin-top: 4px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.txt-type017 .txt-date {
    font-size: 18px;
    line-height: 1.5;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type017 {
        margin-top: 40px;
    }
    .txt-type017 .txt-date {
        font-size: 16px;
    }
    .txt-type017 .txt01 {
        font-size: 18px;
    }
}

/* ---- ##txt-type018 : 기타 성금모금 상단 이미지 없는 케이스 ---- */
.txt-type018 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 80px 0;
    text-align: center;
}
.txt-type018:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--ui-tag005);
}
.txt-type018 .tit01 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.txt-type018 .txt01 {
    margin-top: 12px;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color021);
}
.txt-type018 .txt02 {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
    word-break: keep-all;
}
.txt-type018 + .txt-type015 {
    margin-top: 40px;
}
.txt-type018 .ico-label-rss01 {
    margin-right: 12px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type018 {
        padding: 40px 0;
    }
    .txt-type018:after {
        left: 16px;
        width: calc(100% - 32px);
    }
    .txt-type018 .tit01 {
        font-size: 24px;
    }
    .txt-type018 .txt01 {
        margin-top: 12px;
        font-size: 20px;
    }
    .txt-type018 + .txt-type015 {
        margin-top: 40px;
    }
    .txt-type018 .txt02 {
        opacity: 0.43;
        max-width: 343px;
        margin: 12px auto 0;
        font-size: 16px;
    }
}

/* ---- ##txt-type019 :  마이페이지>그래프 없을 경우 dim 메세지 ---- */
.txt-type019 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ui-tag001);
}
.txt-type019:after {
    content: "";
    opacity: 0.8;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ui-tag001);
}
.txt-type019 > .txt01 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    font-size: 14px;
    color: var(--font-color004);
}
.txt-type019 > .txt01:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    background-image: var(--ui-bg103);
}

/* ---- ##txt-type100 : 텍스트+썸네일 형태 ---- */
.txt-type100 {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 5px;
}
.txt-type100 .tit-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color048);
}
.txt-type100 [class*="img-con"] {
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 12px;
    border-radius: 100%;
    background-color: var(--ui-tag018);
}
.txt-type100 [class*="img-con"] img {
    display: block;
    width: 100%;
}
.txt-type100 .img-none01 {
    position: relative;
    border: 1px solid var(--ui-tag001);
    background-color: var(--ui-tag007);
}
.txt-type100 .img-none01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-image: var(--ui-bg503);
    background-position: center;
    background-repeat: no-repeat;
    filter: var(--ui-filter013);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type100 {
        display: none;
    }
    .txt-type100 [class*="img-con"] {
        width: 30px;
        height: 30px;
        margin-left: 8px;
    }
    .txt-type100 .tit-name {
        font-size: 13px;
    }
}

/* ---- ##txt-type101 : 특파원 정보 ----*/
.txt-type101 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 67px 0 0;
}
.txt-type101 .inner {
    position: relative;
    padding-left: 48px;
}
.txt-type101 [class*="img-con"] {
    overflow: hidden;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
    width: 40px;
    min-width: 40px !important;
    height: 40px;
    border: 1px solid var(--ui-tag005);
    border-radius: 100%;
}
.txt-type101 [class*="img-con"] img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.txt-type101 .txt-name {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    color: var(--font-color005);
}
.txt-type101 .txt01 {
    position: relative;
    padding-left: 8.5px;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--font-color004);
}
.txt-type101 .txt01::before {
    content: "+";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-55%);
}
.txt-type101 .btn-type404 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.txt-type101 .btn-type404 .txt01 {
    padding-left: 29px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    color: var(--font-color003);
}
.txt-type101 {
}
/* ---- ##txt-type102 : 특파원 리스트 ---- */
.txt-type102 .inner {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    gap: 8px;
}
.txt-type102 [class*="img-con"] {
    overflow: hidden;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 12px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 100%;
}
.txt-type102 [class*="img-con"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .txt-type102 [class*="img-con"] {
        width: 70px;
        height: 70px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type102 {
        box-sizing: border-box;
        padding-right: 16px;
    }
    .txt-type102 [class*="img-con"] {
        width: 60px;
        height: 60px;
    }
}

/* ---- ##txt-type103 : 마켓플러스 패닉붐 ---- */
.txt-type103 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}
.txt-type103 .iframe-con {
    flex-shrink: 0;
    width: 219px;
}
.txt-type103 .iframe-con iframe {
    width: 100%;
    height: 160px;
    margin-top: -8px;
    margin-left: -30px;
}
.txt-type103 .item-box01 {
    display: block;
    width: 100%;
}
.txt-type103 .tit01 {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.txt-type103 .txt-con {
    display: block;
    width: 100%;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
}
.txt-type103 .txt-con .boom {
    color: var(--font-color034) !important;
}
.txt-type103 .txt-con .warm {
    color: var(--font-color035) !important;
}
.txt-type103 .txt-con .mild {
    color: var(--font-color036) !important;
}
.txt-type103 .txt-con .cold {
    color: var(--font-color037) !important;
}
.txt-type103 .txt-con .panic {
    color: var(--font-color038) !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .txt-type103 .tit01 {
        font-size: 22px;
    }
    .txt-type103 .txt-con {
        font-size: 13px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type103 {
        display: none;
    }
}

/* ---- ##txt-type104 : [y뷰어] y뷰어 ---- */
.txt-type104 {
    padding: 40px 30px 32px 40px;
}
.txt-type104 .img-con01 {
    overflow: hidden;
    float: left;
    position: relative;
    width: 72px;
    height: 72px;
    margin-right: 12px;
    border-radius: 72px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    background-color: var(--ui-tag007);
}
.txt-type104 .img-con01 .img {
    width: 100%;
}
.txt-type104 .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.txt-type104 .tit-name {
    display: inline-flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-right: 6px;
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
    color: var(--font-color001);
}
.txt-type104 .tit-name .txt01 {
    display: inline-flex;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
.txt-type104 .txt02 {
    box-sizing: border-box;
    margin: 5px 0;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    font-size: 11px;
    line-height: 17px;
    font-weight: 500;
    color: var(--font-color001);
}
.txt-type104 .txt-mes01 {
    margin-top: 4px; /*padding:0 0 0 84px;*/
    padding: 0;
    border-bottom: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--font-color001);
    word-break: keep-all;
}
@media only screen and (max-width: 767px) {
    .txt-type104 {
        padding: 24px 24px 20px 24px;
    }
    .txt-type104 .img-con01 {
        width: 56px;
        height: 56px;
    }
    .txt-type104 .tit-name {
        font-size: 16px;
    }
    .txt-type104 .tit-name .txt01 {
        font-size: 20px;
    }
    .txt-type104 .txt02 {
        margin: 3px 0;
    }
    .txt-type104 .txt-mes01 {
        margin-top: 0; /*padding-left:68px;*/
        font-size: 12px;
    }
}

/* ---- ##txt-type105 : 에러페이지 텍스트 ---- */
.txt-type105 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 440px;
    margin: 0 auto;
    padding: 180px 0;
}
.txt-type105 [class*="ico"] {
    margin: 3px 0;
}
.txt-type105 .tit01 {
    margin-top: 32px;
    font-size: 32px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}
.txt-type105 .txt01 {
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--font-color005);
    text-align: center;
}
.txt-type105 .btn-type304 {
    height: 64px;
    margin-top: 40px;
    padding: 22px 21px;
    font-size: 18px;
    font-weight: 600;
}
.txt-type105 .btn-type304 .txt01 {
    margin: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .txt-type105 {
        padding: 160px 0;
    }
}
@media only screen and (max-width: 767px) {
    .txt-type105 {
        padding: 60px 0;
    }
    .txt-type105 [class*="ico"] {
        margin: 2px 0;
    }
    .txt-type105 .tit01 {
        margin-top: 16px;
        font-size: 24px;
    }
    .txt-type105 .txt01 {
        margin-top: 20px;
        font-size: 16px;
    }
    .txt-type105 .btn-type304 {
        height: 60px;
    }
    .txt-type105 .btn-type304 .txt01 {
        font-size: 16px;
    }
}

/* ---- ##txt-type106 : 리스트 없음 텍스트 ---- */
.txt-type106 {
    padding: 85px 0;
    font-size: 20px;
    color: var(--font-color004);
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .txt-type106 {
        padding: 76px 0;
        font-size: 18px;
    }
}
/* ---- ##txt-type106 : Y뷰어 로그인전 정보 ---- */
.txt-type107 {
    padding: 0 24px;
}
.txt-type107 > .tit01 {
    font-size: 16px;
    font-weight: 700;
    color: var(--font-color003);
}
.txt-type107 .list01 > li:first-child {
    margin-top: 12px;
}
.txt-type107 .list01 > li {
    position: relative;
    margin-top: 16px;
    padding-left: 56px;
}
.txt-type107 .list01 > li:after {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--ui-tag009);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.txt-type107 .list01 > li.free:after {
    background-image: var(--ui-bg110);
}
.txt-type107 .list01 > li.like:after {
    background-image: var(--ui-bg111);
}
.txt-type107 .list01 > li.game:after {
    background-image: var(--ui-bg112);
}
.txt-type107 .list01 > li.my:after {
    background-image: var(--ui-bg113);
}
.txt-type107 .list01 > .tit01 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.txt-type107 .list01 > .txt01 {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
/* ---- ##txt-type601 : [마이페이지] 나의활동 분석 ---- */
.txt-type601 {
    display: inline-block;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
    vertical-align: top;
}

/* ---- ##txt-type602 : [마이페이지] 나의활동 통계 건수 텍스트 ---- */
.txt-type602 {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    gap: 8px;
}
.txt-type602 .tit01 {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
}
.txt-type602 .txt01 {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
    gap: 2px;
}
.txt-type602 .txt01 > em {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
}

/* ---- ##txt-type603 : [마이페이지] 안내문구 텍스트 ---- */
.txt-type603 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 80px 0;
    background-color: var(--ui-tag011);
}
.txt-type603 > .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
    text-align: center;
}
.txt-type603 .advise01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0 40px 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color021);
    text-align: center;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-type603 > .txt01 {
        font-size: 18px;
    }
    .txt-type603 .advise01 {
        padding: 16px 0 30px 0;
        font-size: 14px;
    }
}

/* ---- ##txt-type604 : [마이페이지] 로그인유도 혜택 체크텍스트 ---- */
.txt-type604 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-left: 16px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
.txt-type604::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 12px;
    height: 12px;
    background-image: var(--ui-bg089);
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* 20240814 단행본소개 페이지 작업 */
.txt-type020 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 80px 0;
    border-bottom: 1px solid var(--ui-tag005);
    text-align: center;
}
.txt-type020 .tit01 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: var(--font-color003);
}
.txt-type020 .txt01 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: #4f6fcb;
}

/* common - 출판물 상단 타이틀 스타일 추가 */
.txt-type020.style01 {
    padding-bottom: 40px;
    border-bottom: 0;
}
.txt-type020 .info-txt {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
}
.txt-type020 .tit01 + .info-txt {
    margin-top: 12px;
}

/* ---- ##txt-type021 : 이슈 메인 타임라인 설명글 ---- */
.txt-type021 {
    box-sizing: border-box;
    width: 100%;
}
.txt-type021 > .txt01 {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color005);
}

/* common - 뉴스상품 관련 신규 스타일 추가 */
.txt-type701 {
    box-sizing: border-box;
    width: 100%;
    padding: 30px 24px;
    background: #f6f8fc;
}
.txt-type701 .list {
    display: flex;
    justify-content: start;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.txt-type701 .tit {
    color: var(--ui-tag030);
}
.txt-type701 .txt {
    color: var(--ui-tag010);
}
.txt-type701 .tit + .txt {
    margin-left: 10px;
}

/* .txt-type702 - 뉴스상품 주요스타일 */
[class*="txt-type70"] [class*="title-con"] .tit {
    font-weight: 700;
    font-size: 36px;
}
[class*="txt-type70"] [class*="title-con"] .txt {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--ui-tag006);
}
[class*="txt-type70"] [class*="title-con"] .tit + .txt,
[class*="txt-type70"] [class*="title-con"] .tit-sub + .txt {
    margin-top: 20px;
}
.txt-type702 [class*="title-con"] .tit-sub .num {
    margin-right: 8px;
    color: var(--ui-tag030);
}
.txt-type702 [class*="title-con"] .tit-sub {
    font-weight: 700;
    font-size: 24px;
}

.txt-type702 {
}
.txt-type702 .list01 {
    margin-top: 40px;
}
.txt-type702 .list01 {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.txt-type702 .list01 li {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 49%;
    height: 90px;
    padding: 0 24px;
    border-radius: 2px;
    background-color: #f6f8fc;
}
.txt-type702 .list01 .txt {
    position: relative;
    padding-left: 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--ui-tag010);
}
.txt-type702 .list01 [class*="ico-type71"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
}

.txt-type702 .list02 {
    margin-top: 20px;
}
.txt-type702 .list02 li {
    color: var(--ui-tag006);
}
.txt-type702 .list02 li + li {
    margin-top: 8px;
}
.txt-type702 .list02 .tit {
    font-weight: 600;
    color: var(--ui-tag031);
}

.txt-type702 [class*="item-box0"] + [class*="item-box0"] {
    margin-top: 80px;
}
.txt-type702 .item-box01 {
}
.txt-type702 .item-box02 {
}

.txt-type701 + .txt-type702 {
    margin-top: 80px;
}
.txt-type702 [class*="item-box0"] .title-con04 + .table-type71 {
    margin-top: 40px;
}
.txt-type702 [class*="item-box0"] .img-wrap,
.txt-type702 [class*="item-box0"] [class*="title-con"] + [class*="title-con"],
.txt-type702 [class*="item-box0"] .txt-type702 .list02 + .title-con04,
.txt-type702 [class*="item-box0"] .img-wrap + [class*="title-con"] {
    margin-top: 80px;
}
.txt-type702 [class*="item-box0"] .img-wrap {
    position: relative;
}
.txt-type702 [class*="item-box0"] .img-wrap + .table-type71 {
    margin-top: 40px;
}

/* txt-type703 - 원형 콘텐츠 */
.txt-type703 {
}
.txt-type703 ul {
    display: flex;
    justify-content: start;
    height: 160px;
    margin: 0 auto;
}
.txt-type703 ul > li {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-content: flex-start;
    position: relative;
    box-sizing: border-box;
    padding-top: 33px;
    width: 160px;
    height: 160px;
    margin-left: 24px;
    border: 1px solid var(--ui-tag030);
    flex-wrap: wrap;
    border-radius: 100%;
    color: var(--ui-tag030);
}
.txt-type703 ul > li:first-of-type {
    margin-left: 0;
}
.txt-type703 .tit {
    font-size: 16px;
    font-weight: 600;
    color: var(--ui-tag030);
}
.txt-type703 .txt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    word-break: keep-all;
    font-size: 13px;
    line-height: 20px;
    color: var(--ui-tag030);
}
.txt-type703 .tit + .txt {
    margin-top: 10px;
}

/* txt-type704 - 보도자료해외배포 흐름도 */
.txt-type704 {
}
.txt-type704 ol {
    counter-reset: number01;
}
.txt-type704 li {
    box-sizing: border-box;
    width: 220px;
    padding: 10px 16px;
    background-color: #f6f8fc;
    border-radius: 6px;
}
.txt-type704 .tit {
    display: block;
    font-weight: 700;
    font-size: 15px;
}
.txt-type704 .tit .num {
    margin-right: 6px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    color: var(--ui-tag030);
    counter-increment: number01;
}
.txt-type704 .txt {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #000;
}
.txt-type704 .tit + .txt {
    margin-top: 5px;
}

.img-wrap .txt-type704 li {
    position: absolute;
}
.img-wrap .txt-type704 li:nth-child(1) {
    top: 290px;
    left: 43px;
}
.img-wrap .txt-type704 li:nth-child(2) {
    top: 0;
    left: 43px;
}
.img-wrap .txt-type704 li:nth-child(3) {
    top: 0;
    left: 318px;
}
.img-wrap .txt-type704 li:nth-child(4) {
    top: 90px;
    right: 12px;
}

/* txt-type705 - ir클럽 회원사 리스트 */
.txt-type705 {
    position: relative;
    width: 980px;
    min-height: 100%;
    margin: 80px auto 0;
    background: #fff;
    box-sizing: border-box;
}
.txt-type705 .list01 {
    position: relative;
    padding: 50px 0 0 0;
    border-bottom: 1px solid #bfbfbf;
}
.txt-type705 .list01 + .list01 {
    padding: 0;
}
.txt-type705 .list01:last-child {
    border-bottom: 1px solid #f2f2f2;
}
.txt-type705 .list01:after {
    content: "";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}
.txt-type705 .list01 li {
    float: left;
    margin: 0;
    padding: 20px 46px;
    border-bottom: 1px solid #f2f2f2;
}
.txt-type705 .list01 li a,
.txt-type705 .list01 li span {
    display: block;
    height: 100%;
}

.txt-type705 [class*="item-box0"] + [class*="item-box0"] {
    margin-top: 80px;
}
.txt-type705 [class*="title-con"] .tit + .txt01 {
    margin-top: 40px;
    font-size: 18px;
    line-height: 27px;
    color: var(--ui-tag003);
}
.txt-type705 [class*="title-con"] .txt01 + .txt {
    margin-top: 20px;
    color: var(--ui-tag010);
}

/* IR클럽 회원사 */
.logo-type71 {
    display: block;
    text-indent: -9999px;
    width: 150px;
    height: 50px;
    background: url(//r.yna.co.kr/www/home_n/v01/img/sprites_ir2019_mem.png?v=20250224_1440) no-repeat;
}
.logo-type71.mem01 {
    background-position: 0 0;
} /*산업-금호석유화학*/
.logo-type71.mem02 {
    background-position: 0 -50px;
} /*산업-현대중공업 한국조선해양(2020-02-12)*/
.logo-type71.mem03 {
    background-position: 0 -100px;
} /*산업-현대제철*/
.logo-type71.mem04 {
    background-position: 0 -150px;
} /*산업-CJE&M*/
.logo-type71.mem05 {
    background-position: 0 -200px;
} /*산업-DAELIM ENC*/
.logo-type71.mem06 {
    background-position: 0 -250px;
} /*산업-DOOSAN*/
.logo-type71.mem07 {
    background-position: 0 -300px;
} /*산업-GS*/
.logo-type71.mem08 {
    background-position: 0 -350px;
} /*산업-HMM*/
.logo-type71.mem09 {
    background-position: 0 -400px;
} /*산업-LG U플러스*/
.logo-type71.mem10 {
    background-position: 0 -450px;
} /*산업-LG 디스플레이*/
.logo-type71.mem11 {
    background-position: 0 -500px;
} /*산업-LG생활건강*/
.logo-type71.mem12 {
    background-position: 0 -550px;
} /*산업-LG전자*/
.logo-type71.mem13 {
    background-position: 0 -600px;
} /*산업-LG화학*/
.logo-type71.mem14 {
    background-position: 0 -650px;
} /*산업-posco*/
.logo-type71.mem15 {
    background-position: 0 -700px;
} /*산업-SK이노베이션*/
.logo-type71.mem16 {
    background-position: 0 -750px;
} /*산업-SK텔레콤*/
.logo-type71.mem17 {
    background-position: 0 -800px;
} /*산업-SK하이닉스*/

.logo-type71.mem18 {
    background-position: -200px 0;
} /*건설-금호건설*/
.logo-type71.mem19 {
    background-position: -200px -50px;
} /*건설-대우건설*/
.logo-type71.mem20 {
    background-position: -200px -100px;
} /*건설-삼성물산*/
.logo-type71.mem21 {
    background-position: -200px -150px;
} /*건설-현대건설*/
.logo-type71.mem22 {
    background-position: -200px -200px;
} /*건설-GS건설*/
.logo-type71.mem23 {
    background-position: -200px -250px;
} /*건설-HDC현대산업개발*/
.logo-type71.mem24 {
    background-position: -200px -300px;
} /*건설-LG하우시스*/

.logo-type71.mem25 {
    background-position: -400px 0;
} /*금융-미래에셋증권*/
.logo-type71.mem26 {
    background-position: -400px -50px;
} /*금융-미래에셋생명*/
.logo-type71.mem27 {
    background-position: -400px -100px;
} /*금융-삼성생명*/
.logo-type71.mem28 {
    background-position: -400px -150px;
} /*금융-삼성화재*/
.logo-type71.mem29 {
    background-position: -400px -200px;
} /*금융-한화생명*/
.logo-type71.mem30 {
    background-position: -400px -250px;
} /*금융-KB금융그룹*/
.logo-type71.mem31 {
    background-position: -400px -300px;
} /*금융-NH투자증권*/

.logo-type71.mem32 {
    background-position: -600px 0;
} /*유통.식음료-농심*/
.logo-type71.mem33 {
    background-position: -600px -50px;
} /*유통.식음료-하이트진로*/
.logo-type71.mem34 {
    background-position: -600px -100px;
} /*유통.식음료-BBQ*/
.logo-type71.mem35 {
    background-position: -600px -150px;
} /*유통.식음료-CJ*/
.logo-type71.mem36 {
    background-position: -600px -200px;
} /*유통.식음료-coway*/
.logo-type71.mem37 {
    background-position: -600px -250px;
} /*유통.식음료-LOTTE DEPARTMENTSTORE*/
.logo-type71.mem38 {
    background-position: -600px -300px;
} /*유통.식음료-SHINSEGAE*/
.logo-type71.mem39 {
    background-position: -600px -350px;
} /*유통.식음료-SPC*/

.logo-type71.mem40 {
    background-position: -800px 0;
} /*제약-동국제약*/
.logo-type71.mem41 {
    background-position: -800px -50px;
} /*제약-동아쏘시오홀딩스*/
.logo-type71.mem42 {
    background-position: -800px -100px;
} /*제약-명문제약*/
.logo-type71.mem43 {
    background-position: -800px -150px;
} /*제약-보령*/
.logo-type71.mem44 {
    background-position: -800px -200px;
} /*제약-GC녹십자*/
.logo-type71.mem45 {
    background-position: -800px -250px;
} /*제약-한미약품*/

.logo-type71.mem46 {
    background-position: -1000px 0;
} /*공기업-한국가스공사*/
.logo-type71.mem47 {
    background-position: -1000px -50px;
} /*공기업-한국지역난방공사*/
.logo-type71.mem48 {
    background-position: -1000px -100px;
} /*공기업-KGC인삼공사*/

.logo-type71.mem49 {
    background-position: -400px -346px;
} /*금융-한국투자증권*/

.logo-type71.mem50 {
    background-position: 0 -850px;
} /*산업-LS그룹*/
.logo-type71.mem51 {
    background-position: -400px -400px;
} /*금융-메리츠종금증권*/
.logo-type71.mem52 {
    background-position: -400px -450px;
} /*금융-신협*/
.logo-type71.mem53 {
    background-position: -600px -400px;
} /*유통.식음료-쿠팡*/
.logo-type71.mem54 {
    background-position: 0 -900px;
} /*산업-LG에너지솔루션*/
.logo-type71.mem55 {
    background-position: -200px -350px;
} /*계룡건설*/
.logo-type71.mem56 {
    background-position: -200px -400px;
} /*중흥건설*/

.logo-type71.mem57 {
    background: url(https://r.yna.co.kr/www/irclub/v01/nakwol/img_logo01.jpg?v=20250513_1400) 0 15px/150px auto no-repeat;
} /* 낙월블루하트 */

/* ---- table-type71 추가  ---- */
.table-type71 {
    width: 100%;
    max-width: 980px;
}
.table-type71 th,
.table-type71 td {
    padding: 30px;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 1px solid #e9e9e9;
    color: var(--ui-tag006);
}
.table-type71 th + td,
.table-type71 td + td {
    border-left: 1px solid #e9e9e9;
}
.table-type71 th {
    font-weight: 600;
    text-align: center;
}
.table-type71 tr:first-child th,
.table-type71 tr:first-child td {
    border-top: 1px solid #444;
}
.table-type71 .txt-type703 {
    margin-top: 20px;
}
.table-type71 .list02 {
    margin-top: 0;
}

/* tab-type71 */
.tab-type71 {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
}
.tab-type71:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--ui-tag004);
}
.tab-type71 li {
    width: 100%;
}
.tab-type71 .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 43px;
    padding: 4px 10px 12px;
    font-size: 18px;
    font-weight: 700;
}
.tab-type71 .tab .txt01 {
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.tab-type71 li.active .tab:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 3px;
    background-color: var(--ui-tag030);
}
.tab-type71 .tab .txt01 {
    font-weight: 400;
}
.tab-type71 li.active .txt01 {
    font-weight: 700;
}

/* .ico-type71- */
[class*="ico-type71"] {
    width: 24px;
    height: 24px;
}
.ico-type71-int01 {
    background-image: var(--ui-bg701);
}
.ico-type71-play01 {
    background-image: var(--ui-bg702);
}
.ico-type71-clock01 {
    background-image: var(--ui-bg703);
}
.ico-type71-beat01 {
    background-image: var(--ui-bg704);
}
.ico-type71-news01 {
    background-image: var(--ui-bg705);
}
.ico-type71-news02 {
    background-image: var(--ui-bg706);
}
.ico-type71-save01 {
    background-image: var(--ui-bg707);
}
.ico-type71-glob01 {
    background-image: var(--ui-bg708);
}
.ico-type71-book01 {
    background-image: var(--ui-bg709);
}
.ico-type71-photo01 {
    background-image: var(--ui-bg710);
}

/* ---- ##txt-mes01 : 통합검색 텍스트 + 필터 버튼 ---- */
.txt-mes01 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 13px 55px 14px 0;
    border-bottom: 1px solid var(--ui-tag005);
    color: var(--font-color004);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-mes01 {
        padding: 12px 55px 12px 0;
        font-size: 13px;
        line-height: 19.5px;
    }
}

/* ---- ##txt-mes02 : 통합검색 안내아이콘 + 텍스트 + 필터 버튼 ---- */
.txt-mes02 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 13px 52px 14px 20px;
    border-bottom: 1px solid var(--ui-tag005);
    color: var(--font-color004);
}
.txt-mes02 [class*="ico-"] {
    position: absolute;
    top: 16px;
    left: 0;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .txt-mes02 {
        padding: 12px 55px 12px 20px;
        font-size: 13px;
        line-height: 19.5px;
    }
}

/* ---- ##txt-mes03 : 검색옵션 텍스트 ---- */
.txt-mes03 {
    font-size: 13px;
    color: var(--font-color006);
}

/* =============== ####Form ======================== */
/* ---- ##폼요소 스타일 공통 (공통&일반) ---- */

/* ---- ##input.text01 ---- */
input.text01 {
    position: relative;
    box-sizing: border-box;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--ui-tag004);
    border-radius: 2px;
    background-color: var(--ui-tag001);
    font-size: 16px;
    line-height: 1.564367;
    color: var(--font-color003);
    vertical-align: middle;
    outline: 0;
}
input.text01:focus {
    z-index: 1;
    border: 1px solid var(--ui-tag030);
}
input.text01::-webkit-input-placeholder {
    font-size: 15px;
    line-height: 1.564367;
    color: var(--font-color004);
}
input.text01:-ms-input-placeholder {
    font-size: 15px;
    line-height: 1.564367;
    color: var(--font-color004);
}
input.text01::placeholder {
    font-size: 15px;
    line-height: 1.564367;
    color: var(--font-color004);
}
input.text01:disabled {
    background-color: var(--ui-tag007);
    color: var(--font-color004);
    border-color: var(--ui-tag004);
}
@media only screen and (max-width: 767px) {
    input.text01 {
        font-size: 15px;
    }
}

/* ---- ##[class*='label-con-'] ---- */
/* label-con-* : 3음절
* label-con-wrap
* label-con-radio01
* label-con-check01
* label-con-toggle01 */
/* [class*='label-con-']{} */
[class*="label-con-"] {
    display: inline-block;
    position: relative;
    font-size: 0;
}
input.radio01,
input.check01,
input.toggle01 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 0;
    line-height: 0;
}
[class*="label-con-"] ~ .txt-mark01 {
    display: inline-block;
    width: 15px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
}
[class*="label-con-"] .txt-label01 {
    position: relative;
    padding-left: 28px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: var(--font-color003);
}
[class*="label-con-"] .txt-label01.hide {
    width: 18px;
    padding-left: 0;
    text-indent: -9999px;
}
[class*="label-con-"] .txt-label01:before,
[class*="label-con-"] .txt-label01:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
}
[class*="label-con-"] .txt-label01:before {
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--ui-tag004);
}
[class*="label-con-"] .txt-label01:after {
    top: 6px;
    left: 4px;
    width: 12px;
    height: 12px;
    background-color: var(--ui-tag004);
}
/* 활성화 */
[class*="label-con-"].active .txt-label01:before,
[class*="label-con-"] input:checked ~ .txt-label01:before {
    border-color: var(--ui-tag030);
}
[class*="label-con-"].active .txt-label01:after,
[class*="label-con-"] input:checked ~ .txt-label01:after {
    background-color: var(--ui-tag030);
}

/* ---- ##label-con-check ---- */
[class*="label-con-check"] .txt-label01:before,
[class*="label-con-check"] .txt-label01:after {
    display: none;
}
[class*="label-con-check"] .txt-label01 {
    padding: 6px 16px 7px;
    border: 1px solid var(--ui-tag004);
    border-radius: 2px;
    color: var(--font-color003);
}
[class*="label-con-check"] input:checked ~ .txt-label01 {
    background-color: var(--ui-tag030);
    color: var(--font-color001);
    border-color: var(--ui-tag030);
}
@media only screen and (max-width: 767px) {
    [class*="label-con-"] .txt-label01 {
        line-height: 22.5px;
    }
}

.label-con-check02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    gap: 8px;
}
.label-con-check02 > input {
    overflow: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
}
.label-con-check02 > input + label {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color003);
    gap: 8px;
}
.label-con-check02 > input + label::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    border: 0;
    border-radius: 2px;
    background-color: var(--ui-tag004);
    background-image: var(--ui-bg090);
    background-size: 13px 9px;
    background-position: center center;
    background-repeat: no-repeat;
}
.label-con-check02 > input:checked + label::before {
    background-color: var(--ui-tag030);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .label-con-check02 > input + label {
        font-size: 15px;
    }
    .label-con-check02 > input + label::before {
        margin-top: 1px;
    }
}

.label-con-date01 {
    position: relative;
    height: 48px;
    padding: 3px 0;
}
.label-con-date01 input {
    display: flex;
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    line-height: 22.5px;
    -webkit-appearance: none;
}
.label-con-date01 [type="text"] {
    z-index: 1;
}
.label-con-date01 [type="text"].text01 {
    padding-right: 16px;
    padding-left: 16px;
    font-size: 15px;
}
.safari .label-con-date01 [type="text"].text01:empty {
    padding-top: 4px;
}
.label-con-date01 > input[type="button"] {
    opacity: 0;
    z-index: 5;
}
.label-con-date01 > input[type="button"]::-webkit-inner-spin-button {
    display: none;
}
.label-con-date01 > input[type="button"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.label-date-wrap.active [type="text"] {
    border: 1px solid var(--ui-tag030);
}
/* 검색 필터 레이어 : 달력제어 */
.calendar-form01 {
    display: none;
}
.calendar-form01.active {
    display: block;
}
.label-con-date01 .calendar-form01 {
    position: absolute;
    top: 57px;
    left: 0;
    z-index: 210;
}
.label-con-date01 .calendar-form01 .vanilla-calendar {
    padding: 20px 0 12px;
}
.label-con-date01 .calendar-form01 .calendar-type01 {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    margin-right: 0;
    transform: none;
}
.txt-mark01 + .label-con-date01 .calendar-form01 {
    left: auto;
    right: 0;
}
.txt-mark01 + .label-con-date01 .calendar-form01 .calendar-type01 {
    left: auto;
    right: 0;
    margin-right: 0;
    transform: none;
}
.popup-search02 {
    filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.2));
}
.popup-search02 .calendar-type01 .vanilla-calendar-header {
    margin-bottom: 0;
}
.popup-search02 .calendar-type01 [data-calendar-theme="light"] .vanilla-calendar-day__btn {
    width: 30px;
    height: 30px;
}
@media only screen and (max-width: 767px) {
    .label-con-date01 .calendar-form01 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: var(--ui-tag018);
    }
    .label-con-date01 .calendar-form01 .calendar-type01 {
        position: fixed;
        top: 50%;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
    }
}
/* ---- ##profile-field01 :  기자홈 기자프로필 박스 ---- */
.profile-field01 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 75px 0 32px 0;
    background-color: var(--ui-tag030);
}
.profile-field01 .btn-type214 {
    position: absolute;
    top: 20px;
    right: 42px;
}
.profile-field01 .img-con01 {
    overflow: hidden;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 120px;
}
.profile-field01 .img-con01 > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.profile-field01 .img-con01 > a img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    transform: translate(-50%, -50%);
    object-position: center top;
    object-fit: cover;
}
.profile-field01 .info-txt {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 24px 0;
    text-align: center;
}
.profile-field01 .info-txt .name {
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
}
.profile-field01 .info-txt .name em {
    font-size: 28px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
.profile-field01 .info-txt .txt-con {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
    word-break: keep-all;
}
.profile-field01 .info-txt .mail {
    display: inline-block;
    position: relative;
    margin: 4px auto 0 auto;
    padding-left: 17px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
    vertical-align: top;
}
.profile-field01 .info-txt .mail .ico-type61-mail01 {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-50%);
}
.profile-field01 .info-txt .txt-type012 {
    margin: 24px auto 0 auto;
}
.profile-field01 .info-txt .btn-type412-toggle {
    margin: 24px auto 0 auto;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .profile-field01 {
        padding: 41px 20px 24px 20px;
    }
    .profile-field01 .info-txt {
        position: relative;
        padding: 0;
    }
    .profile-field01 .img-con01 {
        width: 60px;
        height: 60px;
        margin: 0;
        border-radius: 60px;
    }
    .profile-field01 .btn-type214 .txt01 {
        font-size: 14px;
    }
    .profile-field01 .info-txt .btn-type412-toggle {
        margin: 0 0 0 auto;
    }
    .profile-field01 .info-txt .name {
        box-sizing: border-box;
        padding-top: 12px;
        padding-left: 0px;
        font-size: 24px;
        text-align: left;
    }
    .profile-field01 .info-txt .name em {
        font-size: 24px;
    }
    .profile-field01 .info-txt .txt-con {
        box-sizing: border-box;
        margin-top: 0;
        padding-left: 0px;
        font-size: 15px;
        text-align: left;
    }
    .profile-field01 .info-txt .mail {
        margin: 4px 0 0 0;
        font-size: 14px;
    }
    .profile-field01 .info-txt .txt-type012 {
        margin: 4px 0 0 0;
        font-size: 14px;
    }
    .profile-field01 .info-txt .btn-type412-toggle {
        margin: 16px 0 0 0;
    }
}

/* ---- ##profile-field02 :  기자홈 기자프로필 통계박스 ---- */
.profile-field02 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.profile-field02.open .info-txt {
    display: block;
}
.profile-field02 .info-txt {
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 10px;
    border-top: 1px solid var(--ui-tag005);
    background-color: var(--ui-tag001);
}
.profile-field02 .btn-type413-toggle.active ~ .info-txt {
    display: block;
}
.profile-field02 .list-text230 {
    margin-top: 12px;
    padding: 0 6px;
}
.profile-field02 .info-txt .item-box01 + .item-box01 {
    margin-top: 32px;
}
.profile-field02 .info-txt .item-box01 .title-type013 {
    padding: 0 6px;
}
.profile-field02 .info-txt .item-box01 .chart-con {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
}
.profile-field02 .info-txt .item-box01 .chart01 {
    flex-shrink: 0;
    width: 65% !important;
    min-height: 100px;
}
.profile-field02 .info-txt .item-box01 .chart02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 35% !important;
    max-width: 78px;
    padding-left: 8px;
}
.profile-field02 .info-txt .item-box01 .chart02 .graph {
    display: block;
    flex-shrink: 0;
    width: 100%;
    max-height: 76px;
}
.profile-field02 .info-txt .item-box01 .chart02 .con {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 7px;
    padding: 0;
    border: 0;
}
.profile-field02 .info-txt .item-box01 .chart02 .con [class*="txt0"] {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: var(--font-color004);
}
.profile-field02 .info-txt .item-box01 .chart02 .con [class*="txt0"]:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    border-radius: 8px;
}
.profile-field02 .info-txt .item-box01 .chart02 .con .txt02 {
    margin-left: 4px;
}
.profile-field02 .info-txt .item-box01 .chart02 .con .txt01:before {
    background-color: var(--ui-tag045);
}
.profile-field02 .info-txt .item-box01 .chart02 .con .txt02:before {
    background-color: var(--ui-tag101);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .profile-field02 .info-txt .item-box01 + .item-box01 {
        margin-top: 25px;
    }
    .profile-field02 .info-txt .item-box01 .chart-con {
        margin-top: 12px;
    }
    .profile-field02 .info-txt .item-box01 .chart01 {
        width: 65%;
        max-width: 206px;
        padding: 0 2px;
    }
    .profile-field02 .info-txt .item-box01 .chart02 {
        width: 35% !important;
        margin-left: 28px;
        padding-left: 0 !important;
    }
}
/*소형 프레임 : 375px 이하 : 컨테이너 영역 가변*/
@media only screen and (max-width: 375px) {
    .profile-field02 .info-txt .item-box01 .chart-con {
        margin-top: 12px;
    }
    .profile-field02 .info-txt .item-box01 .chart02 {
        margin-left: 10px;
    }
}

/* ---- ##period-field01 :  날짜검색 박스---- */
.period-field01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 0 0;
    text-align: center;
}
.period-field01 .period-form01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    gap: 20px;
}
.period-field01 .txt-pick {
    font-size: 28px;
    font-weight: 700;
    color: var(--font-color003);
}
.period-field01 .calendar-form01 {
    position: absolute;
    top: 0;
    left: 0;
}
.period-field01 + [class*="tab-type0"] {
    margin-top: 40px !important;
}
@media only screen and (max-width: 767px) {
    .period-field01 {
        width: calc(100% - 32px);
        margin: 0 16px;
        padding: 40px 0 0;
    }
    .period-field01 .txt-pick {
        font-size: 20px;
    }
    .period-field01 + [class*="tab-type0"] {
        margin-top: 40px !important;
    }
}
/* ---- ##period-field02 :  캘린더 탭 박스---- */
.period-field02 {
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.4);
}
.period-field02 .period-form01 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding-bottom: 24px;
}
.period-field02 .period-form01 .txt-pick {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .period-field02 {
        display: flex;
        overflow-x: auto;
    }
    .period-field02 .period-form01 {
        padding-bottom: 20px;
    }
    .period-field02 .period-form01 .txt-pick {
        font-size: 18px;
        line-height: 27px;
    }
}
/* ---- ##[비주얼뉴스] period-field01.style01 : 날짜검색 박스 ---- */
.period-field01.style01 {
    padding-bottom: 40px;
    background-color: var(--ui-tag009);
}
@media only screen and (max-width: 767px) {
    .period-field01.style01 {
        padding-bottom: 40px;
        background-color: var(--ui-tag009);
    }
}

/* =============== #### title-page & title-con ======================== */

/* ---- ##title-page$$ ---- */
/* title-page11 : 정정보도+최신뉴스 타이틀 */
.title-page11 {
    margin-bottom: 16px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-page11 {
        margin-bottom: 12px;
        padding: 0 16px;
    }
}

/* ---- ##title-con$$ ---- */
/* 규칙 : [부모영역] title-con$$ > title-type$$
* title-con01 : 기본타입, 타이틀+요소 좌우 정렬 : 하단간격 공통 16px
* title-con01.style01 : 타이틀+요소 좌우 정렬 : 하단간격 공통 10px
* title-con02 : 기본타입, 타이틀+요소 좌측 정렬 : 하단간격 공통 10px
* title-con03 : 타이틀 요소 가운데 정렬
* title-con04 : 타이틀+요소 상하 정렬
* title-con05 : 타이틀+요소 기타 정렬
* title-con06 : 타이틀+요소 : 하단 보더*/
[class*="title-con"] {
    line-height: 1;
}
[class*="title-con0"] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
[class*="title-con0"] .tab-type01 ul {
    justify-content: flex-end;
}
[class*="title-con0"] .tab-type01 ul li {
    margin: 0 0 0 8px;
}
/* ---- ##title-con01 : 타이틀 좌우 정렬 ---- */
.title-con01 {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-bottom: 16px !important;
}
.title-con01 .info-box01 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.title-con01 .txt-type021 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 4px;
}
.title-con01 .title-type001 {
    flex-shrink: 0;
}
.title-con01.style01 {
    padding-bottom: 10px !important;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con01 {
        padding-bottom: 12px !important;
    }
}
/*소형 프레임 : 375px 이하 : 컨테이너 영역 가변*/
@media only screen and (max-width: 375px) {
    .title-con01 {
        padding-bottom: 12px !important;
    }
    .title-con01 .tab-type01 ul {
        justify-content: flex-start;
        margin-top: 15px;
    }
    .title-con01 .tab-type01 li {
        margin: 0 8px 0 0;
    }
}

/* ---- ##title-con02 : 타이틀 좌측 정렬 ---- */
.title-con02 .tit01 .ico-label-youtube01 {
    position: relative;
    top: 5px;
    margin-right: 4px;
}
.title-con02 .title-type001 + .txt01 {
    margin-left: 16px;
    line-height: 27px;
}
.title-con02 + .list-type203,
.title-con02 + .list-type216 {
    margin-top: 12px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .title-con02 .tit01 .ico-label-youtube01 {
        top: 2px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con02 .tit01 .ico-label-youtube01 {
        top: 2px;
    }
}
/* ---- ##title-con04 : 가운데 정렬 ---- */
.title-con03 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* ---- ##title-con04 : 상하 정렬 ---- */
.title-con04 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.title-con04 .title-type010 + .title-type009 {
    margin-top: 12px;
}
.title-con04 [class*="title-type"] + .txt-type005 {
    padding: 16px 0 12px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con04 [class*="title-type"] + .txt-type005 {
        padding-top: 12px;
    }
}

/* ---- ##title-con05 : 기타정렬(타이틀+아이콘 형태/메인:뉴스라운지)  ---- */
.title-con05.style01 {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
}
.title-con05.style01:after {
    content: "";
    display: block;
    clear: both;
}
.title-con05.style01 [class*="title-type"],
.title-con05.style01 .tooltip-type01 {
    float: left;
}
.title-con05.style01 .info-box01 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.title-con05.style01 .info-box01 .txt-type001 {
    margin-right: 5px;
}
.title-con05.style01 .info-box01 .txt-type001 > .txt01 {
    font-weight: 500;
}
.title-con05.style01 .tooltip-type01 .btn-type001 {
    padding: 0 4px;
}
.title-con05.style01 .tooltip-type01 .tlp-content.show {
    display: block;
}
.title-con05.style01 .tooltip-type01 .tlp-content:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 27px;
    width: 10px;
    height: 6px;
    background-image: var(--ui-bg043);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(1.5px);
}
.title-con05.style01 .tooltip-type01 .tlp-content {
    top: 33px;
    left: -20px;
    min-width: 168px;
    padding: 8px 12px;
    border: none;
    border-radius: 2px;
    background-color: var(--ui-tag001);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.title-con05.style01 .tooltip-type01 .tlp-content > .txt01 {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--font-color021);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con05.style01 .info-box01 {
        right: 16px;
    }
    .title-con05.style01 .info-box01 .txt-type001 {
        margin-right: 3px;
    }
    .title-con05.style01 .info-box01 .txt-type001 .txt01 {
        font-size: 13px;
    }
}

/* ---- ##title-con05.style02 : 기타정렬(타이틀+00건+버튼 형태/통합검색)  ---- */
.title-con05.style02 {
    display: block;
    position: relative;
    z-index: 11;
    width: 100%;
    margin-bottom: 16px;
}
.title-con05.style02:after {
    content: "";
    display: block;
    clear: both;
}
.title-con05.style02 [class*="title-type"] {
    line-height: 30px;
}
.title-con05.style02 [class*="title-type"] + [class*="txt-type"] {
    margin-left: 12px;
}
.title-con05.style02 [class*="title-type"],
.title-con05.style02 [class*="txt-type"] {
    float: left;
}
.title-con05.style02 [class*="btn-type"] {
    justify-content: flex-end;
    align-items: flex-start;
    float: right;
    line-height: 30px;
}
.title-con05.style02 .btn-type208.arr01:after {
    height: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.title-con05.style02 .align-zone01 {
    display: inline-flex;
    float: right;
    height: 30px;
}
.title-con05.style02 .tit01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
}
.title-con05.style02 .btn-type432 {
    float: right;
    box-sizing: border-box;
    padding-top: 3px;
    line-height: 27px;
}
.title-con05.style02 .btn-type215 {
    display: inline-flex;
    align-items: center;
    float: right;
    height: 30px;
}
@media only screen and (max-width: 767px) {
    .title-con05.style02 {
        margin-bottom: 12px;
    }
    .title-con05.style02 [class*="title-type"] {
        height: 27px;
        font-size: 18px;
        line-height: 27px;
    }
    .title-con05.style02 .tit01 {
        height: 27px;
    }
    .title-con05.style02 [class*="txt-type"],
    .title-con05.style02 [class*="btn-type"] {
        line-height: 27px;
    }
    .title-con05.style02 .btn-type208.arr01:after {
        height: 27px;
    }
}
/* ---- ##title-con05.style03 ---- */
.title-con05.style03 {
    justify-content: flex-start;
}
.title-con05.style03 .tooltip-type02 .tlp-content {
    padding: 12px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con05.style03 {
        justify-content: space-between;
    }
    .title-con05.style03 .tooltip-type02 .tlp-content.show {
        left: auto;
        right: 0;
        min-width: 235px;
    }
    .title-con05.style03 .tooltip-type02 .tlp-content:before {
        left: auto;
        right: 12px;
    }
}
/* ---- ##title-con06 ---- */
.title-con06 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ui-tag005);
}
.box-major02 + .title-con06 {
    margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con06 {
        margin: 0 16px;
        padding-bottom: 12px;
    }
    .box-major02 + .title-con06 {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .title-con06 {
        margin: 0 16px;
        padding-bottom: 12px;
    }
    .box-major02 + .title-con06 {
        margin-top: 40px;
    }
}
/* ---- ##title-con2$ : 배경 + 말풍선 스타일 ---- */
[class*="title-con2"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[class*="title-con2"] .tab-type01 ul {
    justify-content: flex-end;
}
[class*="title-con2"] .tab-type01 ul li {
    margin: 0 0 0 8px;
}
[class*="title-con2"] .info-box01 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* ---- ##title-con21 ---- */
.title-con21 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    height: 80px;
    margin: 0 auto;
    padding-right: 20px;
    background: var(--ui-tag075);
    flex-wrap: wrap;
}
/* style01 : 말풍선 스타일 */
/* style01 : 말풍선 스타일 */
.title-con21.style01:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 30%;
    max-width: 423px;
    height: 100%;
    background-image: var(--ui-bg105);
    background-size: auto 100%;
    background-position: left 50%;
    background-repeat: no-repeat;
}
.title-con21.style01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-left: 100px solid var(--ui-tag031);
    transform: rotate(-270deg);
}
.title-con21 .title-type004 {
    position: relative;
    z-index: 3;
}
.title-con21 .title-type004 > .tit01:hover {
    color: var(--font-color001);
}
.title-con21 .btn-type310 {
    margin-left: 16px;
}
.title-con21 .btn-type044 {
    margin-left: 4px;
    height: 100%;
}
.title-con21 > .info-box01 {
    position: relative;
    z-index: 2;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .title-con21 {
        max-width: 980px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con21 {
        width: calc(100% - 32px);
        height: 60px;
        padding-right: 16px;
    }
    .title-con21.style01:after {
        width: 49%;
    }
    .title-con21.style01:before {
        border-top: 72px solid transparent;
        border-left: 72px solid var(--ui-tag031);
    }
    .title-con21 .title-type004 > .tit01 {
        font-size: 20px;
    }
    .title-con21 .title-type004 > .tit01 .logo-yna11 {
        display: none;
    }
    .title-con21 .title-type004 {
        height: 60px;
        padding: 0 16px;
    }
    .title-con21 .title-type004 > .txt01 {
        display: none;
    }
    .title-con21 .txt-type001 > .txt01 {
        font-size: 13px;
    }
    .title-con21 .btn-type310 {
        margin-left: 8px;
    }
}
@media only screen and (max-width: 374px) {
    .title-con21 > .info-box01 {
        display: none;
    }
}

/* ---- ##title-con22 ---- */
.title-con22 {
    flex-wrap: wrap;
    position: relative;
    padding: 12px 20px;
    background-color: var(--ui-tag030);
}
.title-con22 .title01 {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
.title-con22 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    gap: 25px;
}
.title-con22 .list01 > li {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    vertical-align: top;
    gap: 4px;
}
.title-con22 .list01 > li::after {
    content: "";
    opacity: 0.2;
    display: block;
    position: absolute;
    top: 50%;
    right: -13px;
    z-index: 10;
    width: 1px;
    height: 10px;
    background-color: var(--font-color001);
    transform: translateY(-50%);
}
.title-con22 .list01 > li:last-child::after {
    display: none;
}
.title-con22 .list01 .tit01,
.title-con22 .list01 .txt01 {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color001);
}
.title-con22 + .box-latest01 {
    margin-top: 33px !important;
}
/* style01 : 말풍선 스타일 */
.title-con22.style01:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 14px;
    height: 14px;
    background-color: var(--ui-tag001);
    background-image: var(--ui-bg042);
    background-size: 14px auto;
    transform: translate(0);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con22 {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        box-sizing: border-box;
        width: calc(100% - 32px);
        margin: 0 auto;
    }
    .title-con22 .title01 {
        font-size: 16px;
    }
    .title-con22 .list01 {
        flex-wrap: wrap;
        margin-top: 8px;
        gap: 1px 25px;
    }
}

/* ---- ##title-con61 ---- */
.title-con61 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    gap: 16px;
}
.title-con61 .btn-type435-toggle {
    flex-shrink: 0;
}
.title-con61 [class*="tab-type0"] .tab .txt01 {
    padding: 0;
}
.title-con61 .tab-type02 .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    border: 1px solid var(--font-color000) !important;
    gap: 4px;
    cursor: pointer;
}
.title-con61 .tab-type02 .tab .btn-type038 {
    display: none;
    flex-shrink: 0;
}
.title-con61 .btn-type435-toggle .tab-type02.active {
}
.title-con61 .tab-type02.active li.active {
    opacity: 0.2;
}
.title-con61 .tab-type02.active .tab {
    background-color: var(--ui-tag000);
    color: var(--font-color006);
    cursor: pointer;
}
.title-con61 .tab-type02.active .tab:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin-left: -1px;
    border: 1px dashed var(--ui-tag004);
}
.title-con61 .tab-type02.active .btn-type038 {
    display: block;
}
.title-con61 .tab-type02.active li.active .tab .btn-type038 {
    display: none;
}
.title-con61 .tab-type02.active li.active .tab {
    border: 1px solid var(--ui-tag030);
    background-color: var(--ui-tag030);
}
.title-con61 .tab-type02.active li.active:hover .tab .txt01 {
    color: var(--font-color001);
}
.title-con61 [class*="tab-type0"].active li:hover .tab .txt01 {
    color: var(--font-color006);
}
.title-con61 .tab-type02 li:hover .tab .txt01 {
    font-weight: 500;
}
.title-con61 .tab-type02 li.active:hover .tab .txt01 {
    font-weight: 700;
}
.title-con61 .swiper-notification {
    display: none;
}

/* ---- ##title-con62 ---- */
.title-con62 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.title-con62 .item-box01 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    background-color: var(--ui-tag030);
    gap: 12px;
}
.title-con62 .item-box01 .info-box01 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.title-con62 .item-box01 > .info-box01 > .tit01 {
    display: block;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color001);
}
.title-con62 .item-box01 .info-box01 .tooltip-type02 .btn-type001 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 21px;
    padding: 0;
}
.title-con62 .item-box01 > .txt01 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    font-size: 32px;
    font-weight: 400;
    color: var(--font-color001);
}
.title-con62 .item-box01 > .txt01 .score {
    font-weight: 700;
}
.title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content {
    top: 32px;
    left: -185px;
    padding: 12px;
}
.title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content:before {
    left: 188px;
}
.title-con62 > .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 8px;
}
.title-con62 > .list01 > li {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
    padding-left: 6px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
.title-con62 > .list01 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 9.5px;
    left: 0;
    z-index: 1;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--ui-tag010);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .title-con62 > .list01 > li {
        font-size: 14px;
    }
    .title-con62 .item-box01 > .info-box01 > .tit01 {
        font-size: 14px;
    }
    .title-con62 .item-box01 > .txt01 {
        font-size: 28px;
    }
    .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content {
        left: -150%;
        width: 143px;
        transform: translateX(-50%) !important;
    }
    .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content:before {
        left: 110px;
    }
}

/* =============== ####visual-type ======================== */
/* ---- ##visual-type02 : [오피니언 전문기자의 세상읽기] 상단 타이틀 ---- */
.visual-type02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 19px;
    background-color: var(--ui-tag009);
    gap: 24px;
}
.visual-type02 > .img {
    overflow: hidden;
    display: block;
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 100%;
    border-radius: 90px;
    background-size: 90px 90px;
    background-position: center center;
    background-repeat: no-repeat;
}
.visual-type02 > .img img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.visual-type02 .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.visual-type02 .title-wrap .writer {
    margin-top: 4px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--font-color006);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .visual-type02 > .img {
        width: 74px;
        height: 74px;
    }
}
@media only screen and (max-width: 1024px) {
    .visual-type02 .title-wrap .writer {
        margin-top: 0;
        font-size: 16px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .visual-type02 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
    .visual-type02 > .img {
        width: 40px;
        height: 40px;
    }
    .visual-type02 .txt01 {
        font-size: 20px;
    }
    .visual-type02 .title-wrap .writer {
        margin-top: 0;
        font-size: 16px;
    }
}

/* ---- ##visual-type03 : [세계 리스트] 특파원 상단 ---- */
/* 주재지 별 배경 (특파원 전체메뉴 순)
 * bg_crsp_city01_****$$ */
.visual-type03.johannesburg .area .flex-box01::before {
    background-image: var(--ui-bg400);
}
.visual-type03.cairo .area .flex-box01::before {
    background-image: var(--ui-bg401);
}
.visual-type03.istanbul .area .flex-box01::before {
    background-image: var(--ui-bg402);
}
.visual-type03.newyork .area .flex-box01::before {
    background-image: var(--ui-bg403);
}
.visual-type03.washington .area .flex-box01::before {
    background-image: var(--ui-bg404);
}
.visual-type03.la .area .flex-box01::before {
    background-image: var(--ui-bg405);
}
.visual-type03.sanfrancisco .area .flex-box01::before {
    background-image: var(--ui-bg406);
}
.visual-type03.atlanta .area .flex-box01::before {
    background-image: var(--ui-bg407);
}
.visual-type03.vancouver .area .flex-box01::before {
    background-image: var(--ui-bg408);
}
.visual-type03.mexicocity .area .flex-box01::before {
    background-image: var(--ui-bg409);
}
.visual-type03.saopaulo .area .flex-box01::before {
    background-image: var(--ui-bg410);
}
.visual-type03.buenosaires .area .flex-box01::before {
    background-image: var(--ui-bg411);
}
.visual-type03.tokyo .area .flex-box01::before {
    background-image: var(--ui-bg412);
}
.visual-type03.beijing .area .flex-box01::before {
    background-image: var(--ui-bg413);
}
.visual-type03.bangkok .area .flex-box01::before {
    background-image: var(--ui-bg414);
}
.visual-type03.hanoi .area .flex-box01::before {
    background-image: var(--ui-bg415);
}
.visual-type03.taipei .area .flex-box01::before {
    background-image: var(--ui-bg416);
}
.visual-type03.jakarta .area .flex-box01::before {
    background-image: var(--ui-bg417);
}
.visual-type03.newdelhi .area .flex-box01::before {
    background-image: var(--ui-bg418);
}
.visual-type03.london .area .flex-box01::before {
    background-image: var(--ui-bg419);
}
.visual-type03.berlin .area .flex-box01::before {
    background-image: var(--ui-bg420);
}
.visual-type03.paris .area .flex-box01::before {
    background-image: var(--ui-bg421);
}
.visual-type03.moscow .area .flex-box01::before {
    background-image: var(--ui-bg422);
}
.visual-type03.brussels .area .flex-box01::before {
    background-image: var(--ui-bg423);
}
.visual-type03.geneva .area .flex-box01::before {
    background-image: var(--ui-bg424);
}
.visual-type03.rome .area .flex-box01::before {
    background-image: var(--ui-bg425);
}
.visual-type03.vatican .area .flex-box01::before {
    background-image: var(--ui-bg426);
}
/*.visual-type03.nairobi .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_nairobi01.jpg);}
.visual-type03.teheran .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_teheran01.jpg);}
.visual-type03.chicago .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_chicago01.jpg);}
.visual-type03.almaty .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_almaty01.jpg?v=20200121_1125);}
.visual-type03.sydney .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_sydney01.jpg);}
.visual-type03.auckland .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_auckland01.jpg);}
.visual-type03.yangon .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_yangon01.jpg);}
.visual-type03.vladivostok .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_vladivostok01.jpg);}
.visual-type03.shenyang .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_shenyang01.jpg);}
.visual-type03.hongkong .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_hongkong01.jpg);}
.visual-type03.shanghai .area .flex-box01::before{background-image:url(../img/bg_crsp_city01_shanghai01.jpg);}*/

/* ---- ##visual-type03 : [세계 리스트] 특파원 상단 ---- */
.visual-type03 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%; /*overflow:hidden;*/
}
.visual-type03 .btns-wrap04 {
    height: 64px;
}
.visual-type03 .btns-wrap04 .txt01 {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: var(--font-color003);
}
.visual-type03 .area {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.visual-type03 .area .flex-box01 {
    display: block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ui-tag005);
}
.visual-type03 .area .flex-box01::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.visual-type03 .area .flex-box01::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 200px;
    background: linear-gradient(to right, rgba(79, 111, 203, 0.9) 0%, rgba(79, 111, 203, 0) 70%);
}
.visual-type03 .area .flex-box01 .local-info {
    display: block;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 76px 0 0 30px;
}
.visual-type03 .area .flex-box01 .local-info .tit {
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    color: var(--font-color001);
}
.visual-type03 .area .flex-box01 .local-info .desc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    gap: 8px;
}
.visual-type03 .area .flex-box01 .local-info .desc .txt-desc strong {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color001);
}
.visual-type03 .area .flex-box01 .local-info .desc .txt-time {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color033);
}
.visual-type03 .area .flex-box01 .list-text210 {
    padding: 0 20px;
}
.visual-type03 .area .flex-box02 {
    overflow: hidden;
    display: none;
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 100;
    box-sizing: border-box;
    width: 100%;
    height: 500px;
    padding: 24px 0 40px 0;
    border: 1px solid var(--ui-tag005);
    background-color: var(--ui-tag009);
}
.visual-type03 .area .flex-box02.active {
    display: block;
}
.visual-type03 .area .flex-box02 .tab-type02 {
    box-sizing: border-box;
    width: 100%;
}
.visual-type03 .area .flex-box02 .tab-type02 ul {
    justify-content: center;
}
.visual-type03 .area .flex-box02 .tab-type02 + .list-text220 {
    margin-top: 30px;
}
.visual-type03 .list-text210 {
    margin-top: -12px;
}
.visual-type03 .tab-type01.style03 {
    margin-bottom: 30px;
}
.visual-type03 .map-area {
    display: block;
    width: 100%;
    max-width: 1080px;
    height: 380px;
    margin: 20px auto 0;
}
/* 특파원 지도 */
.visual-type03 .map-marker {
    position: absolute;
}
.visual-type03 .map-cont {
    display: inline-block;
    position: relative;
    padding: 4px 12px;
    border-radius: 2px 2px 2px 0;
    background-color: var(--ui-tag060);
}
.visual-type03 .map-cont:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -8px;
    border-top: 8px solid transparent;
    border-left: 8px solid var(--ui-tag060);
    transform: rotate(-270deg);
}
.visual-type03 .map-marker .btn-type404 {
}
.visual-type03 .map-marker .btn-type404 .txt01 {
    font-size: 16px;
    color: var(--font-color001);
}
.visual-type03 .map-dott {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: var(--ui-bg051);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .visual-type03 .area .flex-box01::before {
        height: 160px;
    }
    .visual-type03 .area .flex-box01::after {
        height: 160px;
    }
    .visual-type03 .area .flex-box01 .local-info {
        padding: 42px 0 0 24px;
    }
    .visual-type03 .map-area {
        width: calc(100% - 120px);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .visual-type03 {
        padding: 0 16px;
    }
    .visual-type03 .btns-wrap04 {
        height: 55px;
    }
    .visual-type03 .btns-wrap04 .txt01 {
        font-size: 16px;
    }
    .visual-type03 .btn-type022 {
        width: 24px;
        height: 24px;
    }
    .visual-type03 .btn-type022:after {
        width: 14px;
        height: 14px;
        background-size: 14px auto;
    }
    .visual-type03 .area .flex-box01::before {
        height: 120px;
        background-size: auto 100%;
    }
    .visual-type03 .area .flex-box01::after {
        height: 120px;
    }
    .visual-type03.johannesburg .area .flex-box01::before {
        background-position: 85% center;
    }
    .visual-type03.istanbul .area .flex-box01::before {
        background-position: 67% center;
    }
    .visual-type03.newyork .area .flex-box01::before {
        background-position: 80% center;
    }
    .visual-type03.la .area .flex-box01::before {
        background-position: 85% center;
    }
    .visual-type03.atlanta .area .flex-box01::before {
        background-position: 95% center;
    }
    .visual-type03.vancouver .area .flex-box01::before {
        background-position: 76% center;
    }
    .visual-type03.mexicocity .area .flex-box01::before {
        background-position: 76% center;
    }
    .visual-type03.saopaulo .area .flex-box01::before {
        background-position: 86% center;
    }
    .visual-type03.buenosaires .area .flex-box01::before {
        background-position: 60% center;
    }
    .visual-type03.taipei .area .flex-box01::before {
        background-position: 80% center;
    }
    .visual-type03.jakarta .area .flex-box01::before {
        background-position: 80% center;
    }
    .visual-type03.london .area .flex-box01::before {
        background-position: 95% center;
    }
    .visual-type03.berlin .area .flex-box01::before {
        background-position: 40% center;
    }
    .visual-type03.paris .area .flex-box01::before {
        background-position: 80% center;
    }
    .visual-type03.moscow .area .flex-box01::before {
        background-position: 80% center;
    }
    .visual-type03.geneva .area .flex-box01::before {
        background-position: 60% center;
    }
    .visual-type03 .area .flex-box01 .local-info {
        padding: 35px 0 0 20px;
    }
    .visual-type03 .area .flex-box01 .local-info .tit {
        font-size: 24px;
        line-height: 34px;
    }
    .visual-type03 .area .flex-box01 .local-info .desc .txt-desc strong {
        font-size: 16px;
        line-height: 24px;
    }
    .visual-type03 .area .flex-box01 .local-info .desc .txt-time {
        font-size: 18px;
        line-height: 27px;
    }
    .visual-type03 .area .flex-box01 .list-text210 {
        padding: 0;
    }
    .visual-type03 .list-text210 {
        margin-top: 31px;
    }
    .visual-type03 .list-text210 .txt-name {
        font-size: 13px;
    }
    .visual-type03 .area .flex-box02 {
        height: 640px;
        padding: 24px 20px 40px 20px;
    }
    /*.visual-type03 .map-area{width:100%;height:0;padding-top:56.25%;position:relative;}
	.visual-type03 .map-area>div{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100% !important;}*/
    .visual-type03 .map-area {
        width: 100%;
        height: 523px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 375px) {
}

/* ---- ##visual-type04 : [전국 리스트] 지역 별 톱영역 ---- */
/* 지역 별 배경 */
.visual-type04.gg {
    background-image: var(--ui-bg427);
}
.visual-type04.in {
    background-image: var(--ui-bg428);
}
.visual-type04.bu {
    background-image: var(--ui-bg429);
}
.visual-type04.ul {
    background-image: var(--ui-bg430);
}
.visual-type04.gn {
    background-image: var(--ui-bg431);
}
.visual-type04.dggb {
    background-image: var(--ui-bg432);
}
.visual-type04.gjjn {
    background-image: var(--ui-bg433);
}
.visual-type04.jb {
    background-image: var(--ui-bg434);
}
.visual-type04.djcnsj {
    background-image: var(--ui-bg435);
}
.visual-type04.cb {
    background-image: var(--ui-bg436);
}
.visual-type04.gw {
    background-image: var(--ui-bg437);
}
.visual-type04.jj {
    background-image: var(--ui-bg438);
}

.visual-type04 {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 140px; /*border:1px solid rgba(0,0,0,.04);*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.visual-type04:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(79, 111, 203, 0.9) 0%, rgba(79, 111, 203, 0) 70%);
}
.visual-type04 .area {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 10;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px 0 30px;
}
.visual-type04 .area .tit {
    display: block;
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
    color: var(--font-color007);
}
.visual-type04 .area .txt01 {
    display: block;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: var(--font-color007);
}
.visual-type04 .area .txt01::before {
    content: "전국";
    display: block;
    position: absolute;
    top: 50%;
    left: -42px;
    z-index: 10;
    transform: translateY(-50%);
}
.visual-type04 .area .txt01::after {
    content: "/";
    display: block;
    position: absolute;
    top: 50%;
    left: -13px;
    z-index: 10;
    transform: translateY(-50%);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .visual-type04 {
        height: 114px;
    }
    .visual-type04 .area {
        bottom: 16px;
        padding: 0 20px 0 20px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .visual-type04 {
        width: calc(100% - 32px);
        height: 72px;
        margin: 0 auto;
        background-size: auto 100%;
    }
    .visual-type04 .area {
        bottom: 12px;
        padding: 0 16px 0 16px;
    }
    .visual-type04 .area .tit {
        font-size: 24px;
        line-height: 36px;
    }
    .visual-type04.gg {
    } /* 서브 섹션 전국 경기배경 */
    .visual-type04.in {
        background-position: 80% center;
    } /*인천*/
    .visual-type04.bu {
        background-position: 80% center;
    } /*부산*/
    .visual-type04.ul {
        background-position: 37% center;
    } /*울산*/
    .visual-type04.gn {
        background-position: 40% center;
    } /*경남*/
    .visual-type04.dggb {
    } /*대구경북*/
    .visual-type04.gjjn {
    } /*광주전남*/
    .visual-type04.jb {
        background-position: 73% center;
    } /*전북*/
    .visual-type04.djcnsj {
    } /*대전충남세종*/
    .visual-type04.cb {
        background-position: 62% center;
    } /*충북*/
    .visual-type04.gw {
        background-position: 42% center;
    } /*강원*/
    .visual-type04.jj {
        background-position: 60% center;
    }
}

/* ---- ##[사이트맵] visual-type05 : 기타 성금 ---- */
.visual-type05 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.visual-type05:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.visual-type05.donation {
    background-image: var(--ui-bg439);
}
.visual-type05.newspaper {
    background-image: var(--ui-bg440);
}
.visual-type05 .area {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 16px;
}
.visual-type05 .area .tit01 {
    display: block;
    z-index: 10;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .visual-type05 {
        height: 180px;
    }
    .visual-type05 .area .tit01 {
        font-size: 24px;
    }
}

/* ---- ##visual-type06 : [관심사 뉴스 패키지] 상단 비주얼영역 ---- */
.visual-type06 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 262px;
    padding: 40px 30px;
    border: 1px solid var(--ui-tag005);
    border-radius: 2px;
    background-color: var(--ui-tag009);
}
.visual-type06 [class*="img-con"] {
    display: block;
    float: right;
    width: 270px;
    height: 180px;
    margin-left: 16px;
    background-color: var(--ui-tag007);
}
.visual-type06 [class*="img-con"] .img {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.visual-type06 [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag025);
}
.visual-type06 [class*="img-con"] .colW img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.visual-type06 [class*="img-con"] .rowH img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
}
.visual-type06 .txt-type003 > .txt01 {
    font-size: 28px;
    line-height: 1.5;
    font-weight: 600;
}
.visual-type06 .lead {
    display: table-cell;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-top: 16px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
}
.visual-type06 .info-box01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    gap: 12px;
}
.visual-type06 .info-box01 > .txt01 {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding-left: 42px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color004);
}
.visual-type06 .info-box01 > .txt01::before {
    content: "구독자";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color004);
}
.visual-type06 .img-none01 {
    display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .visual-type06 {
        min-height: 274px;
    }
    .visual-type06 .info-box01 {
        margin-top: 52px;
    }
    .visual-type06 [class*="img-con"] {
        width: 288px;
        height: 192px;
        background-size: 288px 192px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .visual-type06 {
        padding: 32px 0;
        border: none;
        background: none;
    }
    .visual-type06:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -16px;
        width: calc(100% + 32px);
        height: 100%;
        background-color: var(--ui-tag009);
    }
    .visual-type06 [class*="img-con"] {
        overflow: hidden;
        position: relative;
        width: 100%;
        height: auto;
        margin-left: 0;
        padding-top: 66.74%;
    }
    .visual-type06 .img-none01 {
        display: block;
    }
    .visual-type06 [class*="img-con"] .img {
        position: absolute;
        top: 0;
        left: 0;
    }
    .visual-type06 [class*="img-con"] .colW img {
        position: static;
        transform: translate(0);
    }
    .visual-type06 .txt-type003 {
        margin-top: 24px;
    }
    .visual-type06 .txt-type003 > .txt01 {
        font-size: 24px;
    }
    .visual-type06 .lead {
        padding-right: 0;
        font-size: 16px;
    }
    .visual-type06 .info-box01 {
        margin-top: 20px;
    }
    .visual-type06 .info-box01 > .txt01 {
        font-size: 13px;
    }
}
/* ---- ##visual-type07 : [기자홈] 기자프로필 ---- */
.visual-type07 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 2px solid var(--ui-tag030);
    border-radius: 2px;
    background-color: var(--ui-tag030);
}
/* ---- ##visual-type08 : [마이페이지] 내등급 ---- */
.visual-type08 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 318px;
    background-color: var(--ui-tag001);
}
.visual-type08 > .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 20px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 400;
    color: var(--font-color003);
    text-align: center;
    word-break: break-word;
}
.visual-type08 > .tit01 > span {
    font-weight: 700;
}
.visual-type08 > .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 8px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
    text-align: center;
}
.visual-type08 > .list01 {
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 31px;
}
.visual-type08 > .list01 > .bar {
    overflow: visible;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 16px;
    border-radius: 2px;
}
/*.visual-type08>.list01>.bar::after{display:block;width:20%;content:'';height:100%;position:absolute;top:0;left:0;z-index:10;background-color:var(--ui-tag021);}*/
.visual-type08 > .list01 > .bar > span {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: calc(100% / 3);
    height: 100%;
    background-color: var(--ui-tag063);
}
.visual-type08 > .list01 > .bar > span + span {
    border-left: 1px solid var(--ui-tag001);
}
.visual-type08 > .list01 > .bar > span:first-child::after {
    content: "0점";
    display: block;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 1;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color005);
}
.visual-type08 > .list01 > .bar > span:nth-child(2)::after {
    content: "300점";
    display: block;
    position: absolute;
    left: -16px;
    bottom: -30px;
    z-index: 1;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color005);
}
.visual-type08 > .list01 > .bar > span:last-child::before {
    content: "500점";
    display: block;
    position: absolute;
    left: -16px;
    bottom: -30px;
    z-index: 1;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color005);
}
.visual-type08 > .list01 > .bar > span:last-child::after {
    content: "1,000점";
    display: block;
    position: absolute;
    right: 0;
    bottom: -30px;
    z-index: 1;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color005);
}
.visual-type08 > .list01 > .bar > span > i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    background-color: var(--ui-tag030);
}
.visual-type08 > .btn-type303.style20 {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    width: max-content;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .visual-type08 {
        width: calc(100% - 32px);
        min-height: auto;
        margin: 0 16px;
        padding: 90px 20px 40px 20px;
    }
    .visual-type08 > .tit01 {
        font-size: 22px;
    }
    .visual-type08 > .txt01 {
        font-size: 16px;
        word-break: keep-all;
    }
    .visual-type08 > .list01 {
        max-width: 303px;
    }
    .visual-type08 > .btn-type303.style20 {
        font-size: 13px;
    }
}
/* ---- ##visual-type09 : [우분투 리스트] ---- */
.visual-type09 {
    box-sizing: border-box;
    width: 100%;
    height: 240px;
}
.visual-type09.ubuntu .area {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px 54px;
    background-color: var(--ui-tag110);
    background-image: var(--ui-bg441);
    background-position: left center;
    background-repeat: no-repeat;
}
.visual-type09.ubuntu .info-txt {
    position: relative;
    padding-left: 135px;
}
.visual-type09.ubuntu .info-txt:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 108px;
    height: 120px;
    background-image: var(--ui-bg542);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.visual-type09.ubuntu .tit01 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color066);
}
.visual-type09.ubuntu .tit01 > strong {
    color: var(--font-color065);
}
.visual-type09.ubuntu .txt01 {
    position: relative;
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color014);
}

/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .visual-type09 {
        width: 100%;
        height: auto;
        min-height: auto;
        padding: 0 16px;
    }
    .visual-type09.ubuntu .area {
        height: auto;
        min-height: 200px;
        padding: 30px 20px;
        background-image: var(--ui-bg443);
        background-size: cover;
    }
    .visual-type09.ubuntu .info-txt {
        max-width: 70%;
        padding-left: 0;
    }
    .visual-type09.ubuntu .info-txt:before {
        display: none;
    }
    .visual-type09.ubuntu .info-txt .tit01 {
        position: relative;
        box-sizing: border-box;
        max-width: 200px;
        min-height: 50px;
        padding-top: 6px;
        padding-left: 57px;
        font-size: 16px;
        line-height: 20px;
        word-break: keep-all;
    }
    .visual-type09.ubuntu .info-txt .tit01:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 50px;
        background-image: var(--ui-bg542);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
    }
    .visual-type09.ubuntu .info-txt .txt01 {
        margin-top: 19px;
        padding-left: 0;
        font-size: 13px;
        word-break: keep-all;
    }
    .visual-type09.ubuntu .info-txt .txt01:before {
        display: none;
    }
    .visual-type09.ubuntu .info-txt .txt01 br {
        display: none;
    }
}

/* visual-type71 - ir클럽 */
.visual-type71 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 260px;
    background-image: var(--ui-bg721);
    background-repeat: no-repeat;
    background-color: #e4e5e6;
    background-position: center 42%;
}
.visual-type71 .tit {
    font-size: 40px;
    color: var(--ui-tag030);
    font-weight: 700;
}

/* =============== ####List text & 기타 ======================== */
/* ---- ##list-text$$ : 기타 텍스트 및 링크 목록 ---- */
/* 기사가 아닌 텍스트 및 링크 목록
-- 헤더/푸터의 메뉴 리스트는 list-text$$ 을 사용하지 않는다. */
[class*="list-text"] {
    position: relative;
}
[class*="list-text"].medium .tit01 {
    font-weight: 600;
}
[class*="list-text"].semi .tit01 {
    font-weight: 500;
}
[class*="list-text"].bold .tit01 {
    font-weight: 700;
}

/* ---- ##list-text001 ---- */
.list-text001 .list01 {
    display: flex;
    position: relative;
    padding: 12px 0;
}
.list-text001 .list01 li {
    flex-shrink: 0;
    width: auto;
}
.list-text001 .list01 li {
    flex-shrink: 0;
    width: auto;
}
.list-text001 .list01 li + li {
    margin-left: 8px;
}
.list-text001 .list01 .txt01 {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color006);
}
.list-text001 .list01 li.active .txt01 {
    background-color: var(--ui-tag030);
    color: var(--font-color001);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text001 .list01 li:hover .txt01 {
        background-color: var(--ui-tag030);
        color: var(--font-color001);
    }
}

/* ---- ##list-text002 ---- */
.list-text002 .list01 {
    display: flex;
    position: relative;
    padding: 12px 0;
}
.list-text002 .list01 li {
    flex-shrink: 0;
    width: auto;
}
.list-text002 .list01 li + li {
    margin-left: 8px;
}
.list-text002 .list01 .txt01 {
    display: inline-block;
    box-sizing: border-box;
    height: 28px;
    padding: 0 8px;
    border-radius: 2px;
    background-color: var(--ui-tag018);
    font-size: 13px;
    line-height: 2.2;
    font-weight: 500;
    color: var(--font-color001);
}
.list-text002 .list01 li.active .txt01 {
    background-color: var(--ui-tag030);
    color: var(--font-color001);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text002 .list01 li:hover .txt01 {
        background-color: var(--ui-tag030);
        color: var(--font-color001);
    }
}

/* ---- ##list-text200 : [섹션] 지역지 계약사 ---- */
.list-text200 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text200 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 8px;
    flex-wrap: wrap;
}
.list-text200 .list01 > li {
    width: calc(50% - 4px);
}
.list-text200 .list01 > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color005);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text200 .list01 > li a:hover {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text200 {
        padding: 0 16px;
    }
}

/* ---- ##list-text210 : [세계 특파원] 상단 특파원 목록 */
.list-text210 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text210 .swiper-area {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text210 .swiper-area .swiper-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
}
.list-text210 .swiper-area .swiper-wrapper .swiper-slide {
    display: block;
    flex-shrink: 1;
    box-sizing: border-box;
    width: auto;
    height: auto;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text210 .swiper-area .swiper-wrapper {
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px;
    }
    .list-text210 .swiper-area .swiper-wrapper .swiper-slide {
        flex-shrink: 0;
    }
}

/* ---- ##list-text220 : [세계 특파원] 상단 특파원 전체 ---- */
.list-text220 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 60px;
}
.list-text220 [class*="col-wrap"] {
}
.list-text220 [class*="col-wrap"] > dl {
    padding: 0;
    border: 0;
}
.list-text220 [class*="col-wrap"] > dl .loc-tit {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 600;
    color: var(--font-color003);
}
.list-text220 [class*="col-wrap"] > dl dd:after {
    display: none;
}
.list-text220 [class*="col-wrap"] > dl .loc-detail {
    padding-left: 0;
}
.list-text220 [class*="col-wrap"] > dl .loc-detail ul {
    line-height: 21px;
}
.list-text220 [class*="col-wrap"] > dl .loc-detail ul li > a {
    line-height: 21px;
}
.list-text220 [class*="col-wrap"] > dl .loc-detail ul li .txt {
    display: block;
    min-width: 120px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: var(--font-color004);
}
.list-text220 [class*="col-wrap"] > dl .loc-detail ul li + li {
    margin-top: 8px;
}
.list-text220 [class*="col-wrap"] > dl .loc-detail ul li.active .txt {
    font-weight: bold;
    color: var(--font-color021);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text220 {
        gap: 40px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text220 {
        flex-direction: column;
        gap: 20px;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px 20px;
        flex-wrap: wrap;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul li {
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul li + li {
        margin-top: 0;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul li .txt {
        width: auto;
        min-width: auto;
    }
}

/* ---- ##list-text230 : [기자홈] 연재 통계 리스트 ---- */
.list-text230 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text230 > li {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-left: 6px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color005);
}
.list-text230 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--ui-tag010);
    transform: translateY(-50%);
}
.list-text230 > li em {
    font-weight: 600;
    color: var(--font-color021);
}
.list-text230 > li + li {
    margin-top: 8px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text230 > li + li {
        margin-top: 5px;
    }
    .list-text230 > li {
        font-size: 13px;
    }
}

/* ---- ##list-text240 : [기자홈] 기자리스트 ---- */
.list-text240 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text240 > li {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 400;
    color: var(--font-color005);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-text240 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--ui-tag006);
    transform: translateY(-50%);
}
.list-text240 > li + li {
    margin-top: 8px;
}
.list-text240 > li a {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text240 > li a:hover {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* ---- ##list-text250 : [서브] 문화 책소개 ---- */
/* [구성] : 기사제목, 섬네일(좌)
 * 문화>책소개 */
.list-text250 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text250 > li {
    display: block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 147px;
    padding: 20px;
}
.list-text250 > li .bg {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(42px);
}
.list-text250 > li .bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.list-text250 > li .item-box01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    gap: 20px;
}
.list-text250 > li .img-con01 {
    display: block;
    flex-shrink: 0;
    width: 72px;
    height: 100%;
}
.list-text250 > li .img-con01 .img {
    height: 100%;
    padding-top: 100%;
}
.list-text250 > li .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-text250 > li .tit-con {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text250 > li .tit-con .txt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
.list-text250 > li .tit-con .name {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text250 > li .item-box01:hover .txt {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text250 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}

/* ---- ##list-text260 : [서브] 문화 이매진 ---- */
/* [구성] : 기사제목, 섬네일(우)
 * 문화>이매진 (월별등록) */
.list-text260 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text260 > li {
    display: block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    height: 110px;
    padding: 12px 30px 12px 20px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
}
.list-text260 > li .item-box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.list-text260 > li .img-con01 {
    display: block;
    flex-shrink: 0;
    width: 60px;
    height: 100%;
}
.list-text260 > li .img-con01 .img {
    height: 100%;
    padding-top: 100%;
}
.list-text260 > li .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-text260 > li .tit-con {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text260 > li .tit-con .tit {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.list-text260 > li .tit-con .txt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 2px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text260 > li .item-box01:hover .tit {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text260 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}

/* ---- ##list-text270 : [서브] 우분투 아프리카 나우 (PFRT-2375) ---- */
.list-text270 {
    position: relative;
    margin: 12px auto 0;
    width: 300px;
}
.list-text270 .txt01 {
    font-weight: 500;
    font-size: 13px;
    fill: var(--ui-tag001);
    letter-spacing: -0.65px;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text270 {
        padding: 0 16px;
    }
}

/* ---- ##list-text300 : [서브] 뉴스플러스 ---- */
/* list-text300 */
.list-text300 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid var(--ui-tag005);
    border-left: 1px solid var(--ui-tag005);
    border-right: 1px solid var(--ui-tag005);
    background-color: var(--ui-tag001);
}
.list-text300 > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-text300 > li:empty {
    display: none;
}
.list-text300 > li .item-box01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px;
}
.list-text300 > li .item-box01 .txt-tag62 {
    color: var(--font-color028) !important;
}
.list-text300 > li [class*="item-box0"] .news-con {
    margin-right: 12px;
}
.list-text300 > li [class*="item-box0"] .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    height: auto;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-text300 > li .item-box02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px;
}
.list-text300 > li .img-con01 {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 48px;
}
.list-text300 > li .img-con01 .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 100%;
}
.list-text300 > li .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-text300 > li .img-con01 .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 48px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text300 > li [class*="item-box0"] .tit-news:hover {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
    .list-text300 > li [class*="item-box0"] .tit-news:hover .title01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text300 {
        width: calc(100% - 32px);
        margin: 0 16px;
        border-bottom: 1px solid var(--ui-tag005);
    }
    .list-text300 > li:last-of-type {
        border-bottom: 0;
    }
}

/* ---- ##[통합검색] .list-text400 : [통합검색] 동명이인 */
.list-text400 {
    display: flex;
    flex-direction: column;
}
.list-text400 .list01 {
    display: block;
    padding: 12px 16px 16px 16px;
    border: 0;
}
.list-text400 .list01 .tit-name {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}
.list-text400 .list01 dd {
    padding: 4px 0;
    line-height: 23px;
}
.list-text400 .list01 dd:first-of-type {
    padding-top: 0;
}
.list-text400 .list01 dd:after {
    display: none;
}
.list-text400 .list01 dd .txt02 {
    font-size: 15px;
    color: var(--font-color003);
}
.list-text400 .list01 dd .txt01 {
    font-size: 14px;
    color: var(--font-color006);
}
.list-text400 .list01 dd .txt03 {
    background-color: var(--ui-tag000);
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color003);
}
/* 검색결과 우측영역 인물정보 */
.list-text400 .txt-type009 [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-text400 .txt-type009 [class*="img-con"].img-none01 .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 60px;
    background-image: var(--ui-bg044);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.list-text400 .txt-type009 .tit-name {
    display: block;
}
.list-text400 .txt-type009 .tit-name .txt01 {
    padding-top: 5px;
}
@media only screen and (max-width: 767px) {
    .list-text400.result-none {
        display: none;
    }
    .list-text400 {
        padding: 0 16px;
    }
    .list-text400 .list01 {
        padding: 12px 0 0 0;
    }
    .list-text400 .tit-name {
        font-size: 18px;
    }
    .list-text400 .txt02 {
        font-size: 15px;
    }
    .list-text400 .txt-type009 .tit-name .txt01 {
        padding-top: 4px;
    }
}

/* ---- ##[통합검색] .list-text410 : [통합검색] 상세검색 인물 */
.list-text410 {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    gap: 24px 40px;
    flex-wrap: wrap;
}
.list-text410 .txt-type009 {
    box-sizing: border-box;
    width: calc((100% - 40px) / 2);
    margin-top: 0;
    padding: 0;
    border: 0;
    gap: 16px;
}
.list-text410 .txt-type009 dt {
    margin: 0;
}
.list-text410 .txt-type009 dd {
    box-sizing: border-box;
    padding: 9px 0;
}
.list-text410 .txt-type009 dd:after {
    display: none;
}
.list-text410 .txt-type009 .tit-name {
    font-size: 16px;
    font-weight: 500;
    color: var(--font-color021);
}
.list-text410 .txt-type009 [class*="img-con"] {
    position: relative;
    width: 120px;
    min-width: 112px;
    height: 136px;
}
.list-text410 .txt-type009 [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-text410 .txt-type009 [class*="img-con"].img-none01 .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 78px;
    background-image: var(--ui-bg044);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.list-text410 .txt-type009 .btn-type303 {
    margin-top: 16px;
}
@media only screen and (max-width: 767px) {
    .list-text410 {
        gap: 24px;
        padding: 0 16px;
    }
    .list-text410 .txt-type009 {
        width: 100%;
    }
    .list-text410 .txt-type009 [class*="img-con"] {
        width: 112px;
        height: 127px;
    }
    .list-text410 .txt-type009 .btn-type303 {
        margin-top: 12px;
    }
}
@media only screen and (max-width: 319px) {
    .list-text410 .txt-type009 {
        gap: 10px;
    }
}

/* ---- ##list-text500 : [로그인 유도팝업] SNS간편로그인 ---- */
.list-text500 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px; /*width:calc(100% - 32px);border-radius:2px;padding:12px 16px;background-color:rgba(79,111,203,0.9);*/
}
.list-text500 .btn-type213 {
    overflow: visible;
}
.list-text500 .btn-type213 .txt01 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
}
/* ---- ##list-text501 : [로그인 유도팝업] 회원혜택 ---- */
.list-text501 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-height: 90vh;
    padding: 30px 16px 16px 16px;
    border-radius: 2px 2px 0 0;
    background-color: var(--ui-tag001);
    overflow-y: auto;
}
.list-text501 > .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    text-align: center;
}
.list-text501 > .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
    text-align: center;
}

.list-text501 .info-box01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
    padding: 20px 16px;
    background-color: var(--ui-tag009);
}
.list-text501 .info-box01 > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text501 .info-box01 > ul li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 12px;
}
.list-text501 .info-box01 > ul li + li {
    margin-bottom: 16px;
}
.list-text501 .info-box01 > ul li:last-child {
    margin-bottom: 0;
}
.list-text501 .info-box01 > ul li .item-box02 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text501 .info-box01 > ul li .item-box02 .tit01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color025);
}
.list-text501 .info-box01 > ul li .item-box02 .txt01 {
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color005);
}
.list-text501 .btns-wrap03 {
    gap: 8px;
    margin-top: 32px;
}
.list-text501 .btns-wrap03 .btn-type304 {
    height: 60px;
}

/* ---- ##list-text510 : [마이페이지] 개인정보 ---- */
.list-text510 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.list-text510 > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.list-text510 > ul > li {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 2px;
    background-color: var(--ui-tag030);
}
.list-text510 > ul > li > .item-box01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text510 > ul > li > .item-box01 .btn-type201 > .txt01 {
    opacity: 0.8;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color001);
}
.list-text510 > ul > li > .item-box01 .img-con01 {
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin: 20px auto 0 auto;
    border-radius: 60px;
}
.list-text510 > ul > li > .item-box01 .img-con01 .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}
.list-text510 > ul > li > .item-box01 .img-con01 .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-text510 > ul > li > .item-box01 .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-text510 > ul > li > .item-box01 .info-box01 {
    margin-top: 12px;
    text-align: center;
}
.list-text510 > ul > li > .item-box01 .info-box01 .name {
    display: block;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color001);
}
.list-text510 > ul > li > .item-box01 .info-box01 .name em {
    display: inline;
    font-weight: 700;
}
.list-text510 > ul > li > .item-box01 .txt-con {
    opacity: 0.9;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 400;
    color: var(--font-color001);
    text-align: center;
    word-break: keep-all;
}
.list-text510 > ul > li > .item-box01 .info-box02 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 36px;
    padding: 0px 24px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.08);
}
.list-text510 > ul > li > .item-box01 .info-box02 .btn-type431 + .btn-type431 {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.list-text510 .info-box03 {
    justify-content: flex-end;
    height: 21px;
    line-height: 1.5;
}
.list-text510 .info-box03 .btn-type201 {
    overflow: visible;
    position: relative;
    margin-left: 17px;
}
.list-text510 .info-box03 .btn-type201 + .btn-type201:after {
    content: "";
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 50%;
    left: -8px;
    width: 1px;
    height: 12px;
    background-color: var(--ui-tag001);
    transform: translateY(-50%);
}
.list-text510 .info-box03 {
    display: flex;
}
.list-text510 .list-text300 {
    margin-top: 36px;
}
.list-text510 .btn-type431 {
    padding: 16px 24px;
}
.list-text510 .img-none01 {
    position: relative;
    box-sizing: border-box;
    border: 1px solid var(--ui-tag001);
}
.list-text510 .img-none01:after {
    content: "";
    opacity: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-image: var(--ui-bg503);
    background-size: 35px auto;
    background-position: center;
    background-repeat: no-repeat;
    filter: var(--ui-filter013);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text510 > ul > li > .item-box01 .info-box01 {
        margin-top: 12px;
    }
    .list-text510 > ul > li > .item-box01 .txt-con {
        margin-top: 12px;
    }
    .list-text510 > ul > li > .item-box01 .info-box02 {
        padding: 0 20px;
    }
    .list-text510 > ul > li {
        min-height: 382px;
    }
    .list-text510 .btn-type431 {
        padding: 16px 0 16px 24px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text510 > ul > li {
        padding: 0 24px 24px 24px;
    }
    .list-text510 > ul > li > .item-box01 .img-con01 {
        position: absolute;
        top: 64px;
        left: 24px;
        z-index: 1;
        width: 48px;
        height: 48px;
        margin-top: 0;
        border-radius: 48px;
    }
    .list-text510 > ul > li > .item-box01 .info-box01 {
        display: block;
        min-height: 48px;
        margin-top: 0;
        padding: 60px 0 0 64px;
        text-align: left;
        flex-wrap: wrap;
    }
    .list-text510 > ul > li > .item-box01 .btn-type201 > .txt01 {
        font-size: 13px;
    }
    .list-text510 > ul > li > .item-box01 .info-box01 .name {
        font-size: 16px;
    }
    .list-text510 > ul > li > .item-box01 .txt-con {
        margin-top: 16px;
        font-size: 14px;
        text-align: left;
    }
    .list-text510 > ul > li > .item-box01 .info-box02 {
        margin-top: 24px;
    }
    .list-text510 .info-box03 {
        position: absolute;
        top: 20px;
        right: 24px;
    }
    .list-text510 .btn-type431 {
        padding: 16px 0 16px 24px;
    }
    .list-text510 .btn-type431 .tit-wrap .tit {
        font-size: 15px;
    }
    .list-text510 .btn-type431 .txt01 {
        font-size: 15px;
    }
}

/* ---- ##list-text511 : [마이페이지] 나의활동 랭크 리스트 ---- */
.list-text511 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text511 .title-con01 {
    flex-wrap: wrap;
    width: 100%;
}
.list-text511 > ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    flex-wrap: wrap;
    gap: 8px;
}
.list-text511 > ul > li {
    display: block;
    box-sizing: border-box;
    width: calc(50% - 4px);
    padding: 16px;
    border: 1px solid var(--ui-tag005);
    border-radius: 6px;
}
.list-text511 > ul > li:first-child {
    flex-shrink: 0;
    width: 100%;
}
.list-text511 > ul > li:first-child > .item-box01 {
    display: block;
}
.list-text511 > ul > li:first-child > .item-box01 .txt-type602 {
    justify-content: center;
    flex-direction: row;
}
.list-text511 > ul > li > .item-box01 {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}
.list-text511 > ul > li > .item-box01 .txt-type602 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.list-text511 > ul > li > .item-box01 .info-box01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    margin-top: 16px;
}
.list-text511 > ul > li > .item-box01 .info-box01 > li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 8px) / 3);
    height: 109px;
    padding-top: 21px;
    border-radius: 2px;
    background-color: var(--ui-tag007);
}
.list-text511 > ul > li > .item-box01 .info-box01 > li [class*="rank"] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 21px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 21px;
    font-weight: 700;
    color: var(--font-color001);
}
.list-text511 > ul > li > .item-box01 .info-box01 > li .rank01 {
    background-color: var(--ui-tag070);
}
.list-text511 > ul > li > .item-box01 .info-box01 > li .rank02 {
    background-color: var(--ui-tag041);
}
.list-text511 > ul > li > .item-box01 .info-box01 > li .rank03 {
    background-color: var(--ui-tag042);
}
.list-text511 > ul > li > .item-box01 .info-box01 > li .tit01 {
    display: block;
    margin-bottom: 2px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.list-text511 > ul > li > .item-box01 .info-box01 > li .txt01 {
    display: block;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    color: var(--font-color006);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text511 > ul > li {
        padding: 16px 12px;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 > li {
        height: 94px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text511 > ul > li:first-child {
        padding: 16px;
    }
    .list-text511 > ul > li {
        padding: 12px 0 18px 0;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 {
        flex-wrap: wrap;
        gap: 4px;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 > li:first-child {
        width: 100%;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 > li {
        width: calc(50% - 2px);
        height: 83px;
    }
    .list-text511 > ul > li > .item-box01 .txt-type602 {
        gap: 0;
    }
    .list-text511 > ul > li:first-child > .item-box01 .txt-type602 {
        gap: 8px;
    }
}

/* ---- ##list-text512 : [마이페이지]뉴스 구독 습관 분석 ---- */
.list-text512 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text512 > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text512 > ul > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text512 > ul > li > .item-box01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text512 > ul > li > .item-box01 [class*="chart-box"] {
    overflow: hidden;
    position: relative;
    height: 200px;
    margin-top: 8px;
    border: 1px solid var(--ui-tag005);
    border-radius: 6px;
    background-color: var(--ui-tag001);
}
.list-text512 > ul > li > .item-box01 .chart-box03 {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
}
.list-text512 > ul > li > .item-box01 .chart-box01 {
    overflow: visible;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 180px;
    margin: 20px 0;
    border: none;
    border-radius: 0;
}
.list-text512 > ul > li > .item-box01 .chart-box01 .txt-type019 {
    box-sizing: border-box;
    border: 1px solid var(--ui-tag005);
    border-radius: 6px;
}
.list-text512 > ul > li > .item-box01 > .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 11px;
    font-size: 20px;
    font-weight: 700;
    color: var(--font-color003);
}
.list-text512 > ul > li > .item-box01 .mes01 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color005);
}
.list-text512 > ul > li > .item-box01 .mes01 > a {
    display: inline-block;
    margin: 0 4px;
    border-bottom: 1px solid var(--ui-tag006);
    line-height: 1;
    vertical-align: top;
}
.list-text512 > .btn-type218 {
    display: none;
    margin-top: 20px;
}
.list-text512 > ul > li > .item-box01 .chart-box02 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-text512 > ul > li > .item-box01 .chart-box02 .chart {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 120px;
    height: 120px;
    margin-right: 20px;
}
.list-text512 > ul > li > .item-box01 .chart-box04 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-text512 > ul > li > .item-box01 .chart-box04 canvas {
    width: 100%;
    height: auto;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-text512 > ul > li > .item-box01 .chart-box04 canvas:hover {
        cursor: pointer;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text512 > ul > li > .item-box01 .chart-box01 {
        height: 162px;
    }
    .list-text512 > ul > li > .item-box01 > .txt01 {
        padding-top: 12px;
    }
    .list-text512 > ul > li > .item-box01 .chart-box02,
    .list-text512 > ul > li > .item-box01 .chart-box03,
    .list-text512 > ul > li > .item-box01 .chart-box04 {
        height: 180px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text512 > ul > li > .item-box01 .chart-box01 {
        height: 180px;
    }
    .list-text512 > ul > li > .item-box01 > .txt01 {
        padding-top: 12px;
    }
    .list-text512 > ul > li > .item-box01 .chart-box02,
    .list-text512 > ul > li > .item-box01 .chart-box03 {
        height: 180px;
    }
    .list-text512 > ul > li > .item-box01 .chart-box04 {
        height: 180px;
    }
    .list-text512 > .btn-type218 {
        display: flex;
    }
}
/* 초소형 프레임 : 375px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 375px) {
    .list-text512 > ul > li > .item-box01 .chart-box02 {
        display: block;
        height: auto;
        padding: 15px;
    }
    .list-text512 > ul > li > .item-box01 .chart-box02 .chart {
        margin: 0 auto;
    }
    .list-text512 > ul > li > .item-box01 .chart-box02 .list01 {
        margin: 10px auto 0;
    }
}
/* ---- ##list-text520 : [마이페이지] 내 제보내역 ---- */
.list-text520 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text520 > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text520 > ul > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-text520 > ul > li:last-of-type {
    padding-bottom: 0;
}
.list-text520 > ul > li [class*="item-box"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text520 > ul > li [class*="item-box"] .tit-wrap {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text520 > ul > li [class*="item-box"] .tit-wrap .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-text520 > ul > li [class*="item-box"] .txt-time {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
.list-text520 + .btns-wrap03 {
    margin-top: 40px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text520 > ul > li [class*="item-box"] .tit-wrap .tit-news {
        font-size: 18px;
    }
    .list-text520 > ul > li [class*="item-box"] .txt-time {
        font-size: 13px;
    }
    .list-text520 + .btns-wrap03 {
        margin-top: 20px;
    }
}
/* ---- ##list-text521 : [마이페이지] 내가 남긴 댓글 ---- */
.list-text521 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text521 > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text521 > ul > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-text521 > ul > li [class*="item-box"] {
    overflow: visible;
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text521 > ul > li [class*="item-box"] .reply-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}
.list-text521 > ul > li [class*="item-box"] .reply-top .category {
    display: block;
    flex-shrink: 0;
    width: max-content;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color023);
}
.list-text521 > ul > li [class*="item-box"] .reply-top .tit01 {
    overflow: hidden;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-text521 > ul > li [class*="item-box"] .reply-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
}
.list-text521 > ul > li [class*="item-box"] .reply-content .txt01 {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
}
.list-text521 > ul > li [class*="item-box"] .reply-content .reply-option01 {
    flex-shrink: 0;
}
.list-text521 > ul > li [class*="item-box"] .reply-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
}
.list-text521 > ul > li [class*="item-box"] .reply-bottom .btns-wrap61 {
    flex-shrink: 0;
    width: auto;
}
.list-text521 > ul > li [class*="item-box"] .reply-bottom .txt-time {
    display: block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
.list-text521 + .btns-wrap03 {
    margin-top: 40px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text521 > ul > li [class*="item-box"] .reply-top .category {
        font-size: 12px;
    }
    .list-text521 > ul > li [class*="item-box"] .reply-top .tit01 {
        font-size: 12px;
    }
    .list-text521 > ul > li [class*="item-box"] .reply-content .txt01 {
        font-size: 14px;
    }
    .list-text521 > ul > li [class*="item-box"] .reply-bottom .txt-time {
        font-size: 13px;
    }
    .list-text521 + .btns-wrap03 {
        margin-top: 20px;
    }
}

/* ---- ##list-text522 : [마이페이지] 이용권쿠폰 ---- */
.list-text522 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text522 > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text522 > ul > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-text522 > ul > li:last-of-type {
    padding-bottom: 0;
}
.list-text522 > ul > li [class*="item-box"] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    box-sizing: border-box;
    width: 100%;
}
.list-text522 > ul > li [class*="item-box"] .tag {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 61px;
    height: 30px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color021);
}
.list-text522 > ul > li [class*="item-box"] .tit01 {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
}
.list-text522 > ul > li [class*="item-box"] .txt01 {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 4px;
    padding-left: 18px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
}
.list-text522 > ul > li [class*="item-box"] .txt01::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
    background-image: var(--ui-bg093);
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
}
.list-text522 > ul > li [class*="item-box"] .txt-time {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text522 > ul > li {
        padding: 20px 0;
    }
    .list-text522 > ul > li [class*="item-box"] .tag {
        width: 58px;
        height: 27px;
        font-size: 13px;
    }
    .list-text522 > ul > li [class*="item-box"] .tit01 {
        font-size: 18px;
    }
    .list-text522 > ul > li [class*="item-box"] .txt01 {
        font-size: 14px;
    }
    .list-text522 > ul > li [class*="item-box"] .txt01::after {
        margin-top: 3.5px;
    }
    .list-text522 > ul > li [class*="item-box"] .txt-time {
        font-size: 13px;
    }
}
/* ---- ##list-text523 : [마이페이지] 스코어적립내역 리스트 ---- */
.list-text523 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.list-text523 > .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
.list-text523 > .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
    border-top: 1px solid var(--ui-tag003);
}
.list-text523 > .list01 > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 16px 20px;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-text523 > .list01 > li .info-box01 {
    display: block;
}
.list-text523 > .list01 > li .info-box01 .tit01 {
    display: block;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
}
.list-text523 > .list01 > li .info-box01 .txt-time {
    display: block;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
.list-text523 > .list01 > li .score {
    display: block;
    flex-shrink: 0;
    box-sizing: border-box;
    width: max-content;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text523 > .list01 > li .info-box01 .tit01 {
        font-size: 16px;
    }
    .list-text523 > .list01 > li .score {
        font-size: 16px;
    }
}

/* ---- ##list-text530 : [마이페이지] 혜택리스트 ---- */
.list-text530 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text530 .list01 {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
}
.list-text530 .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
    padding: 24px 30px;
    border-radius: 2px;
    background-color: var(--ui-tag001);
}
.list-text530 .list01 li .item-box01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text530 .list01 li .item-box01 .tit-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
}
.list-text530 .list01 li .item-box01 .tit-wrap .tit01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font-size: 20px;
    font-weight: 700;
    color: var(--font-color003);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.list-text530 .list01 li .item-box01 .img-con01 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 50px;
    margin-top: 8px;
}
.list-text530 .list01 li .item-box01 .img-con01 .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: 66.67%;
}
.list-text530 .list01 li .item-box01 .img-con01 .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-text530 .list01 li .item-box01 .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-text530 .list01 li .item-box01 .info-box01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
}
.list-text530 .list01 li .item-box01 .info-box01 .tit01 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: var(--font-color005);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-text530 .list01 li .item-box01 .info-box01 .txt01 {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    margin-top: 4px;
    font-size: 18px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: var(--font-color005);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.list-text530 .list01 li .item-box01 .info-box01 .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
    gap: 4px;
}
.list-text530 .list01 li .item-box01 .info-box01 .txt-time::before {
    content: "기간 : ";
    display: block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-text530 .list01 li .item-box01 .btn-type300 {
    margin-top: 32px;
}
.list-text530 + .paging-type01 {
    margin-top: 40px !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text530 .list01 {
        gap: 32px;
    }
    .list-text530 .list01 li {
        width: calc((100% - 64px) / 3);
        padding: 24px;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .tit01 {
        overflow: hidden;
        display: -webkit-box;
        box-sizing: border-box;
        width: 100%;
        height: 54px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .txt01 {
        overflow: hidden;
        display: -webkit-box;
        box-sizing: border-box;
        width: 100%;
        height: 69px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text530 .list01 {
        gap: 20px;
    }
    .list-text530 .list01 li {
        width: 100%;
        padding: 24px 24px 30px 24px;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .txt-time {
        font-size: 13px;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .tit01 {
        overflow: hidden;
        display: block;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        color: var(--font-color005);
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##list-text531 : [마이페이지] 쿠폰 ---- */
.list-text531 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text531 .list01 {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
}
.list-text531 .list01 li {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-text531 .list01 li::before {
    content: "";
    display: block;
    position: absolute;
    left: -11px;
    bottom: 45px;
    z-index: 10;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid var(--ui-tag011);
    border-radius: 24px;
    background-color: var(--ui-tag007);
}
.list-text531 .list01 li:hover::before {
    left: -12px;
    bottom: 44px;
    border: 2px solid var(--ui-tag030);
}
.list-text531 .list01 li::after {
    content: "";
    display: block;
    position: absolute;
    right: -11px;
    bottom: 45px;
    z-index: 10;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid var(--ui-tag011);
    border-radius: 24px;
    background-color: var(--ui-tag007);
}
.list-text531 .list01 li:hover::after {
    right: -12px;
    bottom: 44px;
    border: 2px solid var(--ui-tag030);
}
.list-text531 .list01 li .item-box01 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--ui-tag011);
    border-radius: 2px;
    background-color: var(--ui-tag001);
}
.list-text531 .list01 li:hover .item-box01::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid var(--ui-tag030);
}
.list-text531 .list01 li:hover .item-box01 {
    padding: 1px;
    border: 0;
}
.list-text531 .list01 li .item-box01 .img-con01 {
    position: relative;
    position: absolute;
    top: 23px;
    left: 24px;
    z-index: 1;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
}
.list-text531 .list01 li:hover .item-box01 .img-con01 {
    top: 24px;
    left: 25px;
}
.list-text531 .list01 li .item-box01 .img-con01 .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.list-text531 .list01 li .item-box01 .img-con01 .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-text531 .list01 li .item-box01 .img-con01 .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-text531 .list01 li .item-box01 .info-box01 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 24px 24px 114px;
}
.list-text531 .list01 li .item-box01 .info-box01 .btn-type215 {
    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 1;
    height: 13px;
}
.list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .txt01 {
    font-size: 12px;
    font-weight: 500;
}
.list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.list-text531 .list01 li .item-box01 .info-box01 .name {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-right: 50px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color006);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-text531 .list01 li .item-box01 .info-box01 .tit01 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-text531 .list01 li .item-box01 .info-box01 .txt-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
    flex-wrap: wrap;
    gap: 8px;
}
.list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .d-day {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 35px;
    height: 21px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
    font-size: 11px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color021);
}
.list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
.list-text531 .list01 li .btn-type217 {
    height: 57px;
    padding: 0;
}
.list-text531 + .paging-type01 {
    margin-top: 40px !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text531 .list01 {
        gap: 32px;
    }
    .list-text531 .list01 li {
        width: calc((100% - 64px) / 3);
    }
    .list-text531 .list01 li .item-box01 .info-box01 {
        padding: 20px 24px 24px 106px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
        font-size: 13px;
    }
    .list-text531 .list01 li .btn-type217 {
        height: 48px;
    }

    .list-text531 .list01 li::before {
        bottom: 36px;
    }
    .list-text531 .list01 li:hover::before {
        bottom: 35px;
    }
    .list-text531 .list01 li::after {
        bottom: 36px;
    }
    .list-text531 .list01 li:hover::after {
        bottom: 35px;
    }
    .list-text531 .list01 li .item-box01 .img-con01 {
        width: 60px;
        height: 60px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text531 {
        width: calc(100% - 32px);
        margin: 0 16px;
    }
    .list-text531 .list01 {
        gap: 20px;
    }
    .list-text531 .list01 li {
        width: 100%;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .name {
        font-size: 12px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .txt01 {
        font-size: 11px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
        font-size: 13px;
    }
    .list-text531 .list01 li .btn-type217 {
        height: 53px;
    }
    .list-text531 .list01 li::before {
        bottom: 41px;
    }
    .list-text531 .list01 li:hover::before {
        bottom: 40px;
    }
    .list-text531 .list01 li::after {
        bottom: 41px;
    }
    .list-text531 .list01 li:hover::after {
        bottom: 40px;
    }
}

/* ---- ##list-text532 : [마이페이지] 이용권 ---- */
.list-text532 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-text532 .list01 {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
}
.list-text532 .list01 li {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-text532 .list01 li::before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    right: 62px;
    z-index: 10;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid var(--ui-tag011);
    border-radius: 20px;
    background-color: var(--ui-tag007);
}
.list-text532 .list01 li:hover::before {
    top: -10px;
    right: 62px;
    border: 2px solid var(--ui-tag030);
}
.list-text532 .list01 li::after {
    content: "";
    display: block;
    position: absolute;
    right: 62px;
    bottom: -10px;
    z-index: 10;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 1px solid var(--ui-tag011);
    border-radius: 20px;
    background-color: var(--ui-tag007);
}
.list-text532 .list01 li:hover::after {
    right: 62px;
    bottom: -10px;
    border: 2px solid var(--ui-tag030);
}

.list-text532 .list01 li .item-box01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--ui-tag011);
    border-radius: 2px;
    background-color: var(--ui-tag001);
}
.list-text532 .list01 li:hover .item-box01::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid var(--ui-tag030);
    border-radius: 2px;
}
.list-text532 .list01 li:hover .item-box01 {
    padding: 1px;
    border: 0;
}

.list-text532 .list01 li .item-box01 .info-box01 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 72px);
    padding: 40px 30px;
}
.list-text532 .list01 li .item-box01 .info-box01 .tit_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    gap: 4px;
}
.list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24 {
    display: block;
    flex-shrink: 0;
    width: max-content;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}
.list-text532 .list01 li .item-box01 .info-box02 {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 72px;
    height: 127px;
    border-left: 1px dashed var(--ui-tag004);
}
.list-text532 .list01 li .item-box01 .info-box02 .btn-type041 {
    height: 100%;
}

.list-text532 .list01 li .item-box01 .info-box01 .tit01 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
    white-space: nowrap;
    gap: 4px;
    text-overflow: ellipsis;
}
.list-text532 .list01 li .item-box01 .info-box01 .txt01 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-text532 .list01 li .item-box01 .info-box01 .txt-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .d-day {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 35px;
    height: 21px;
    border-radius: 2px;
    background-color: var(--ui-tag009);
    font-size: 11px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color021);
}
.list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}

.list-text532 + .paging-type01 {
    margin-top: 40px !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text532 .list01 {
        gap: 32px;
    }
    .list-text532 .list01 li {
        width: calc((100% - 64px) / 3);
    }
    .list-text532 .list01 li .item-box01 {
        height: 168px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
        font-size: 14px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 {
        width: calc(100% - 64px);
        padding: 17px 30px;
    }
    .list-text532 .list01 li .item-box01 .info-box02 {
        width: 64px;
        height: 123px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .txt01 {
        overflow: hidden;
        display: -webkit-box;
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        white-space: unset;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .list-text532 .list01 li::before {
        right: 54px;
    }
    .list-text532 .list01 li:hover::before {
        right: 54px;
    }
    .list-text532 .list01 li::after {
        right: 54px;
    }
    .list-text532 .list01 li:hover::after {
        right: 54px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24 {
        font-size: 13px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text532 .list01 {
        gap: 20px;
    }
    .list-text532 .list01 li {
        width: 100%;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
        font-size: 13px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .txt01 {
        font-size: 14px;
    }
    .list-text532 .list01 li::before {
        right: 55px;
    }
    .list-text532 .list01 li:hover::before {
        right: 55px;
    }
    .list-text532 .list01 li::after {
        right: 55px;
    }
    .list-text532 .list01 li:hover::after {
        right: 55px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24 {
        font-size: 13px;
    }
    .list-text532 .list01 li .item-box01 .info-box02 {
        width: 65px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 {
        width: calc(100% - 65px);
    }
    .list-text532 {
        width: calc(100% - 32px);
        margin: 0 16px;
    }
}

/* ---- ##list-text540 : [마이페이지] 유의사항 ---- */
.list-text540 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 32px;
    border-top: 1px solid var(--ui-tag004);
}
.list-text540 > .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 16px;
}
.list-text540 > .list01 > li {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-left: 6px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
.list-text540 > .list01 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 1;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--ui-tag010);
}
.list-text540 > .list01 > li + li {
    margin-top: 8px;
}
.list-text540 > .list01 > li > .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-left: 4px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--font-color006);
}
.list-text540 .txt-type008 > .txt01 {
    font-size: 16px;
    line-height: 16px;
    color: var(--font-color006);
}
.list-text540 .txt-type008 .ico-type04-noti01 {
    top: 0;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-text540 .txt-type008 > .txt01 {
        font-size: 14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text540 .txt-type008 > .txt01 {
        font-size: 14px;
    }
    .list-text540 > .list01 > li {
        font-size: 13px;
    }
    .list-text540 > .list01 > li > .txt01 {
        font-size: 13px;
    }
    .list-text540 {
        width: calc(100% - 32px);
        margin: 0 16px;
    }
}

/* ---- ##list-text541 : [마이페이지] 스코어적립기준 리스트 ---- */
.list-text541 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 20px;
    background-color: var(--ui-tag007);
}
.list-text541 > .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
}
.list-text541 > .list01 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 4px;
}
.list-text541 > .list01 > li {
    display: block;
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 50%;
    margin-top: 8px;
    padding-right: 8px;
    padding-left: 10px;
    text-align: left;
}
.list-text541 > .list01 > li::after {
    content: "";
    display: block;
    position: absolute;
    top: 10.5px;
    left: 0;
    z-index: 1;
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--ui-tag010);
}
.list-text541 > .list01 > li .txt01 {
    display: inline;
    box-sizing: border-box;
    max-width: 100%;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
}
.list-text541 > .list01 > li .score {
    display: inline;
    flex-shrink: 0;
    box-sizing: border-box;
    width: max-content;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
    word-break: keep-all;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text541 > .list01 > li {
        width: 100%;
    }
}
/* ---- ##list-text542 : [마이페이지] 헬로아카이브 바로가기 ---- */
.list-text542 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 30px;
    border-radius: 2px;
    background-color: var(--ui-tag031);
}
.list-text542 .info-box01 {
    display: flex;
    gap: 16px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text542 {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 32px);
        margin: 0 16px;
        padding: 16px 20px;
        gap: 16px;
    }
    .list-text542 .info-box01 {
        width: 100%;
    }
}

/* ---- ##list-text543 : [마이페이지] 시간대별 소비패턴 ---- */
.list-text543 {
    display: flex;
    align-items: center;
}
.list-text543 > .list01 {
    flex-shrink: 0;
    max-width: 166px;
}
.list-text543 > .list01 > li {
    display: flex;
}
.list-text543 > .list01 > li > [class*="txt0"] {
    font-size: 15px;
    color: var(--font-color005);
}
.list-text543 > .list01 > li.active [class*="txt0"] {
    flex-shrink: 0;
    font-weight: 700;
    color: var(--font-color003);
}
.list-text543 > .list01 > li .txt01 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.list-text543 > .list01 > li .txt01:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-radius: 6px;
    background-color: var(--ui-tag071);
}
.list-text543 > .list01 > li .txt02 {
    margin-left: 12px;
}
.list-text543 > .list01 > li:nth-child(2) .txt01:before {
    background-color: var(--ui-tag072);
}
.list-text543 > .list01 > li:nth-child(3) .txt01:before {
    background-color: var(--ui-tag073);
}
.list-text543 > .list01 > li:nth-child(4) .txt01:before {
    background-color: var(--ui-tag074);
}

/* ---- ##list-text600 : [Y뷰어] 최근 참여한 뉴스게임 ---- */
.list-text600 {
    padding-bottom: 80px /*27px*/;
}
.list-text600 [class*="list0"] {
    display: flex;
}
.list-text600 [class*="list0"] .item-box01 {
    flex-direction: column;
    box-sizing: border-box;
    width: 200px;
    padding: 16px 0 16px 12px;
    border-top: 0;
    border-radius: 2px;
    font-size: 0;
}
.list-text600 [class*="list0"] li {
    width: 200px;
}
.list-text600 .item-box01[class*="bnr0"] {
    overflow: hidden;
    height: 70px;
    background-size: 48px 48px;
}
.list-text600 .item-box01.bnr01 {
    padding-left: 68px;
    background-color: var(--ui-tag076);
    background-image: var(--ui-bg106);
    background-position: 12px 50%;
    background-repeat: no-repeat;
}
.list-text600 .item-box01.bnr02 {
    padding-left: 65px;
    background-color: var(--ui-tag077);
    background-image: var(--ui-bg107);
    background-position: 12px 50%;
    background-repeat: no-repeat;
}
.list-text600 .item-box01.bnr03 {
    padding-left: 56px;
    background-color: var(--ui-tag078);
    background-image: var(--ui-bg108);
    background-position: 12px 50%;
    background-repeat: no-repeat;
}
.list-text600 .item-box01.bnr04 {
    padding-left: 68px;
    background-color: var(--ui-tag079);
    background-image: var(--ui-bg109);
    background-position: 12px 50%;
    background-repeat: no-repeat;
}
.list-text600 .item-box01 .txt01 {
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}
.list-text600 .item-box01 .txt02 {
    font-size: 12px;
    line-height: 1.5;
}
.list-text600 .item-box01.bnr01 .txt01,
.list-text600 .item-box01.bnr01 .txt02 {
    color: var(--font-color052);
}
.list-text600 .item-box01.bnr02 .txt01,
.list-text600 .item-box01.bnr02 .txt02 {
    color: var(--font-color023);
}
.list-text600 .item-box01.bnr03 .txt01,
.list-text600 .item-box01.bnr03 .txt02 {
    color: var(--font-color053);
}
.list-text600 .item-box01.bnr04 .txt01,
.list-text600 .item-box01.bnr04 .txt02 {
    color: var(--font-color054);
}
.list-text600 .item-box01 .txt02 {
    opacity: 0.8;
}
.list-text600 .item-box01 .txt03 {
    display: none;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--font-color003);
}
.list-text600 .active .item-box01 .txt02 {
    display: none;
}
.list-text600 .active .item-box01 .txt03 {
    overflow: hidden;
    display: -webkit-box;
    margin-top: -5px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.list-text600 .active .item-box01 .txt01 {
    opacity: 0.8;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}
.list-text600 .active .item-box01 {
    padding: 10px 48px 0 12px;
}
.list-text600 .active .item-box01[class*="bnr0"] {
    background-color: var(--ui-tag007);
    background-position: top 10px right 10px;
}
.list-text600 .active .item-box01.bnr01 {
    background-size: 28px auto;
}
.list-text600 .active .item-box01.bnr02 {
    background-size: 26px auto;
}
.list-text600 .active .item-box01.bnr03 {
    background-size: 23px auto;
}
.list-text600 .active .item-box01.bnr04 {
    background-size: 25px auto;
}

/* ---- ##list-text900 > .item-box01 : [기타] RSS 목록 ---- */
.list-text900 {
    display: flex;
    box-sizing: border-box;
    margin-top: 21px;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 40px;
}
.list-text900 li {
    width: calc(50% - 20px);
}
.list-text900 .item-box01 {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 24px 20px;
    background-color: var(--ui-tag009);
    text-align: left;
}
.list-text900 .item-box01 .btn-type308 {
    position: absolute;
    top: 20px;
    right: 24px;
    min-height: 32px;
    background-color: var(--ui-tag001);
}
.list-text900 .item-box01 .tit01 {
    font-size: 20px;
    color: var(--font-color003);
}
.list-text900 .item-box01 > .txt01 {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    color: var(--font-color004);
    word-break: break-word;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-text900 {
        padding: 0 16px;
        column-gap: 20px;
        row-gap: 20px;
    }
    .list-text900 li {
        width: 100%;
    }
    .list-text900 .item-box01 .tit01 {
        font-size: 16px;
    }
    .list-text900 .item-box01 > .txt01 {
        font-size: 14px;
    }
}

/* ---- ##list-info$$ : 기사분류 목록 (탭 메뉴 스타일 제외) ---- */
/* 클래스명 범위
- list-info01 : 이슈>기사분류 목록 (텍스트)
- list-info02 : 이슈>기사분류 목록 (아이콘) */

/* ---- ##list-info : 공통 ---- */
[class*="list-info"] {
}
.list-info01 {
}
.list-info02 {
}

/* ---- ##관련뉴스 ---- */
/* font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700
클래스명범위
- list-related01 : [메인,서브] 톱뉴스 관련기사
- list-related02 : [메인] 통단, 기사목록 관련기사  */

/* ---- ##list-telated$$ : 관련뉴스 공통 ---- */
[class*="list-telated"] {
    font-size: 0;
    line-height: 1;
}
[class*="list-telated"].medium a .tit01 {
    font-weight: 500;
}
[class*="list-telated"].semi a .tit01 {
    font-weight: 600;
}
[class*="list-telated"].bold a .tit01 {
    font-weight: 700;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    [class*="list-related"] a:hover .tit01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* ---- ##list-related01 ---- */
.list-related01 > li {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px;
    margin-right: 0;
    padding-left: 12px; /*padding-top:4px;*/
}
.list-related01 > li:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background-color: var(--ui-tag006);
}
.list-related01 a {
    display: inline-block;
    max-width: 100%;
}
.list-related01 a .tit01 {
    overflow: hidden;
    display: -webkit-box;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    color: var(--font-color005);
    letter-spacing: -0.5px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-related01 > li:before {
        top: 8px;
    }
    .list-related01 a .tit01 {
        min-height: 23px;
        font-size: 15px;
        -webkit-line-clamp: 1;
    }
}
/* ---- ##list-related02 : 톱기사 관련기사 ---- */
.list-related02 {
    margin-top: 16px;
}
.list-related02 li {
    position: relative;
    margin-top: 12px;
    padding-top: 13px;
}
.list-related02 li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--ui-tag005);
}
.list-related02 li:first-of-type a {
    margin-top: 0;
    padding-top: 0;
}
.list-related02 li:first-of-type:after {
    display: none;
}
.list-related02 a {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
}
.list-related02 .tit01 {
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
    font-size: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /*text-overflow:ellipsis;white-space:nowrap;*/
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-related02 a:hover .tit01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-related02 .tit01 {
        font-size: 18px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-related02 .tit01 {
        font-size: 16px;
    }
}

.list-text100 {
    width: 100%;
}
.list-text100 .list01 > li {
    padding: 60px 0;
}
.list-text100 .list01 > li + li {
    border-top: 1px solid var(--ui-tag005);
}
.list-text100 .list01 .box01 {
    text-align: center;
}
.list-text100 .list01 .box01 .tit {
    font-size: 36px;
    line-height: 54px;
    font-weight: 700;
    color: var(--font-color003);
}
.list-text100 .list01 .box01 .desc {
    margin-top: 10px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: var(--font-color006);
}
.list-text100 .list01 .box01 .info-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.list-text100 .list01 .box01 .info-list > li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--font-color005);
}
.list-text100 .list01 .box01 .info-list > li + li {
    position: relative;
    margin-left: 7px;
    padding-left: 9px;
}
.list-text100 .list01 .box01 .info-list > li + li:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 14px;
    background-color: var(--ui-tag006);
}
.list-text100 .list01 .box02 {
    margin-top: 40px;
}
.list-text100 .list01 .box02:after {
    content: "";
    display: block;
    clear: both;
}
.list-text100 .list01 .box02 .img-wrap {
    float: left;
    width: 208px;
}
.list-text100 .list01 .box02 .txt-wrap {
    float: right;
    width: calc(100% - 268px);
    font-size: 18px;
    line-height: 28px;
    color: var(--font-color003);
}
.list-text100 .list01 .box02 .txt-wrap > p + p {
    margin-top: 30px;
}

/* 영문연감 */
.list-text100.style01 .list01 .box02 .img-wrap {
    width: 226px;
}
.list-text100.style01 .list01 .box02 .txt-wrap {
    width: calc(100% - 286px);
}

/* =============== ####List type ======================== */
/* list-type (클래스범위)
 * 000~199 : 메인 기사 리스트
 * 200~299 : 서브 공통 aside영역 기사 리스트
 * 300~399 : 섹션 기사 리스트
 * 400~439 : 비주얼뉴스 기사 리스트
 * 440~469 : 테마 기사 리스트
 * 470~499 : 뉴스플러스 기사 리스트
 * 500~529 : 검색 기사 리스트
 * 800 : 메인 통단(주말픽)
 * 900~901 : 포토,화보 뷰어 */

/* ---- ##list-type$$$ : 기본 공통 ---- */
/* item-box01 썸네일 기본
 * item-box02 타이틀/텍스트만 있는 타입 또는 다른 형태의 변형 타입
 * item-box0$.style01 : 썸네일 말풍선 스타일 */
[class*="list-type"] {
    position: relative;
}
[class*="list-type"].show {
    display: block;
}
[class*="list-type"].hide {
    display: none;
}
[class*="list-type"] .ico-type02-play01 {
    display: inline-flex;
    align-items: center;
    margin-top: 4px;
}
[class*="list-type"] [class*="img-con"] .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
[class*="list-type"] [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag025);
}
/*[class*='list-type'] [class*='img-con'] .img:after{content:'';display:block;position:absolute;top:0;left:0;z-index:3;box-sizing:border-box;width:100%;height:100%;border:1px solid red;}*/
[class*="list-type"] [class*="img-con"] .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
[class*="list-type"] [class*="img-con"] .rowH img {
    width: auto;
}
[class*="list-type"] [class*="img-con"] [class*="label-box"] {
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}
[class*="list-type"] [class*="img-con"] .label-box01 {
    right: 0;
    bottom: 0;
}
[class*="list-type"] [class*="img-con"] .label-box02 {
    top: 0;
    left: 0;
}
[class*="list-type"] [class*="img-con"] .label-box03 {
    top: 0;
    right: 0;
}
[class*="list-type"] [class*="img-con"] .label-box04 {
    left: 0;
    bottom: 0;
}
[class*="list-type"] [class*="tit-news"] [class*="title"] {
    word-break: keep-all;
}
[class*="list-type"] [class*="item-box0"] {
    position: relative; /*overflow:hidden;*/
} /* 공유팝업때문에 속성 제어 삭제*/
[class*="list-type"] [class*="item-box0"] > a {
    flex-shrink: 0;
    width: 100%;
} /* 이미지 사이즈가 다 다를경우 ui깨짐으로 추가함 */
[class*="list-type"] [class*="item-box0"] [class*="img-con"] {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    min-width: 50px;
}
[class*="list-type"] [class*="item-box0"] .img {
    width: 100%;
    padding-top: 66.67%;
    background-color: var(--ui-tag007);
}
[class*="list-type"] [class*="item-box0"] .news-con {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}
[class*="list-type"] [class*="txt-tag2"]:before {
    top: -3px;
}
[class*="list-type"] [class*="item-box0"] .date,
[class*="list-type"] [class*="item-box0"] .txt-time {
    float: left;
    max-width: 100%;
}
[class*="list-type"] [class*="item-box0"] .tit-wrap {
    overflow: hidden;
    display: table-cell;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    line-height: 1.5em;
} /* padding-right:20px; */
[class*="list-type"] [class*="item-box0"] .tit-wrap + .list-related01 {
    padding-top: 4px;
}
[class*="list-type"] [class*="item-box0"] .tit-news {
    display: -webkit-box;
    width: 100%;
    min-height: 27px;
    font-weight: 500;
    text-align: left;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
[class*="list-type"] [class*="item-box0"] .tit-news .title01 {
    display: inline;
    line-height: 1.5;
}
[class*="list-type"] [class*="item-box0"] .title01 {
    color: var(--font-color003);
}
[class*="list-type"] [class*="item-box0"] .lead {
    overflow: hidden;
    display: -webkit-box;
    height: auto;
    max-height: 46px;
    min-height: 23px;
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--font-color006);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* item-box0$.style01 : 썸네일 말풍선 스타일 */
[class*="list-type"] [class*="item-box0"].style01 .img:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -16px;
    z-index: 3;
    border-top: 16px solid transparent;
    border-left: 16px solid var(--ui-tag003);
    transform: rotate(-270deg);
}
[class*="list-type"] [class*="item-box0"].style01 > [class*="img-con"] {
    margin-bottom: 20px;
}
[class*="list-type"] [class*="item-box0"].style01 > [class*="img-con"] .img {
    overflow: visible;
}
[class*="list-type"] .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
}
/* item-box0$.style01 > img-none01 : 말풍선 노이미지 */
[class*="list-type"] [class*="item-box0"].style01 .img-none01 .img:after {
    display: none;
}
[class*="list-type"] [class*="item-box0"].style01 .img-none01:before {
    background: none;
}
/* item-box> tooltip-type01.tlp-share01 스타일*/
[class*="list-type"] .btns-wrap01 {
    float: right;
    position: static;
    width: 76px;
    margin-top: 8px;
}
[class*="list-type"] .btns-wrap01 [class*="tooltip-type0"] {
    position: static;
}
[class*="item-box0"] .btns-wrap01 .tlp-content {
    /*top:30px;right:30px;bottom:auto;*/
    top: 50%;
    left: 50%;
    min-width: 290px;
    transform: translate(-50%, -50%);
}
.swiper-area [class*="item-box0"] .btns-wrap01 {
    position: static;
}
.swiper-area [class*="item-box0"] .btns-wrap01 .tlp-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.swiper-area .swiper-slide.active {
    z-index: 100;
}
/* 리스트 내 공유,북마크 아이콘 크기 */
/*[class*='list-type'] .btn-type001{z-index:1;height:27px;background-size:18px auto;}*/
/*[class*='list-type'] .btn-type001.share01{background-image:var(--ui-bg114);}*/
/*[class*='list-type'] .btn-type001.scrap01{background-image:var(--ui-bg115);}*/
/*[class*='list-type'] .btn-type001.active.scrap01{background-image:var(--ui-bg116);} 기존소스 버전11/22배포전 */
[class*="list-type"] .btn-type001 {
    height: 27px;
}
[class*="list-type"] .btn-type001:before {
    z-index: 1;
    height: 26px;
    background-size: 18px auto;
}
[class*="list-type"] .btn-type001.share01:before {
    background-image: var(--ui-bg114);
}
[class*="list-type"] .btn-type001.scrap01:before {
    background-image: var(--ui-bg115);
}
[class*="list-type"] .btn-type001.active.scrap01:before {
    background-image: var(--ui-bg116);
}
/* 이미지 로드 애니메이션 */
[class*="visual-type"] [class*="img-con"] .img img,
[class*="list-type"] [class*="img-con"] .img img,
[class*="news-type"] [class*="img-con"] .img img {
    opacity: 0; /*transition:opacity 0.3s ease-in-out;*/
}
[class*="visual-type"] [class*="img-con"] .img.show img,
[class*="list-type"] [class*="img-con"] .img.show img,
[class*="news-type"] [class*="img-con"] .img.show img {
    opacity: 1;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    /*[class*='list-type'] [class*='item-box0'] a:hover .title01{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}*/
    [class*="list-type"] [class*="item-box0"] a.img:hover {
        opacity: 1;
        text-decoration-line: none;
    }
    [class*="list-type"] [class*="item-box0"] a:hover {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
    [class*="list-type"] [class*="item-box0"] a.txt-tag41:hover {
        opacity: 1;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
    [class*="list-type"] [class*="item-box0"] [class*="title-type"] > a:hover {
        opacity: 1;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: none;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    [class*="list-type"] [class*="item-box0"] .lead {
        max-height: 69px;
        min-height: 23px;
        -webkit-line-clamp: 3;
    }
    [class*="list-type"] [class*="item-box0"].style01 .img:after {
        bottom: -14px;
        border-top-width: 14px;
        border-left-width: 14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="list-type"] [class*="item-box0"] .lead {
        display: none;
    }
    [class*="list-type"] .list01 {
        scroll-behavior: smooth;
    } /* 스크롤 smooth효과 */
    [class*="list-type"] [class*="item-box0"] .tit-wrap + .list-related01 {
        padding-top: 8px;
    }
    [class*="list-type"] .btns-wrap01 {
        position: static;
    }
    [class*="item-box0"] .btns-wrap01 .tlp-content {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        transform: translate(-50%, -50%);
    }
    .swiper-area [class*="item-box0"] .btns-wrap01 .tlp-content {
        left: 0;
        bottom: auto;
        transform: translateY(-50%);
    }
    .swiper-area li.swiper-slide:last-child [class*="item-box0"] .btns-wrap01 .tlp-content {
        left: auto;
        right: 0;
    }
    [class*="list-type"] [class*="item-box0"].style01 .img:after {
        bottom: -12px;
        border-top-width: 12px;
        border-left-width: 12px;
    }
}

/* ---- ##tlp-copy : 본문 url복사 알럿 메세지 ---- */
.tlp-copy {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: var(--ui-tag001);
}
.tlp-copy.active {
    display: flex;
}
.tlp-copy > .txt01 {
    display: inline-block;
    font-size: 14px;
}

/* ---- ##list-type$$$.number0$ : 넘버링 공통 ---- */
/* number01 : 리스트 숫자 위치(썸네일과 제목 중간)
 * number02 : 리스트 숫자 위치(리스트 맨 앞) */
[class*="list-type"][class*="number0"] [class*="list"] {
    counter-reset: number01;
    list-style-type: none;
}
[class*="list-type"][class*="number0"] .item-box01 .news-con:before {
    content: counter(number01, decimal);
    display: inline-block;
    clear: both;
    position: absolute;
    top: -2.5px;
    left: 0;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color004);
    counter-increment: number01;
}
[class*="list-type"][class*="number0"] [class*="list"] li:first-of-type .news-con:before {
    color: var(--font-color021);
}
[class*="list-type"][class*="number0"] li:first-of-type [class*="item-box"] {
    margin-top: 0;
}
[class*="list-type"].number01 .item-box01 .news-con:before {
}
[class*="list-type"].number01 .item-box01 .news-con {
    padding-left: 39px;
}
[class*="list-type"].number01 .item-box01 .news-con:before {
    width: 39px;
    height: 26px;
    padding: 0 12px;
}
[class*="list-type"].number02 .news-con {
    padding-left: 24px;
}
[class*="list-type"].number02 .item-box01 .news-con:before {
    top: -3px;
    left: 0;
}
[class*="list-type"] [class*="img-con"] a {
    display: block;
}
[class*="list-type"].number02 [class*="list"] li:first-of-type .news-con:before {
    top: -3px;
}
[class*="list-type"].number02 .item-box01 {
    flex-direction: row-reverse;
}
[class*="list-type"].number02 [class*="img-con"] {
    float: right;
    width: 90px;
    margin-left: 12px;
}
[class*="list-type"] .lead:empty {
    display: none;
}
[class*="list-type"] [class*="img-con"] .overlay01 {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 0.3s ease-in-out;
}
[class*="list-type"] [class*="img-con"] .ico-type91-video01 {
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    /* ##list-type$$$>.overlay, ico-type91-video : 영상 타입 공통 */
    [class*="list-type"] [class*="img-con"] a:hover .overlay01 {
        opacity: 1;
        z-index: 2;
    }
    [class*="list-type"] [class*="img-con"] a:hover .ico-type91-video01 {
        opacity: 1;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="list-type"][class*="number0"] .item-box01 .news-con:before {
        width: 31px;
        padding: 0 8px;
        font-size: 20px;
    }
    [class*="list-type"].number02 .news-con:before {
        padding: 0 !important;
        text-align: left;
    }
    [class*="list-type"] .overlay01,
    [class*="list-type"] .ico-type91-video01 {
        display: none;
    }
}

/* ---- ##list-type001 : [메인] 주요뉴스 타입01 ---- */
.list-type001 {
    display: flex;
    column-gap: 40px;
}
.list-type001 .label-box04 {
    left: 8px !important;
    bottom: 8px !important;
}
.list-type001 [class*="txt-tag2"] {
    margin-right: 8px;
    line-height: 1.3;
}
.list-type001 li {
    overflow: hidden;
    clear: both;
}
.list-type001 .list-related01 a .tit01 {
    max-height: 48px;
    -webkit-line-clamp: 2;
}
.list-type001 .list01 {
    flex-shrink: 0;
    width: 270px;
}
.list-type001 .list01 .item-box01 {
    padding: 14px 0;
}
.list-type001 .list01 li:first-child .item-box01 {
    padding-top: 0;
}
.list-type001 .list01 .item-box01 [class*="img-con"] {
    width: 270px;
    height: 180px;
    margin-bottom: 8px;
}
.list-type001 .tit-wrap {
    color: var(--font-color003);
}
.list-type001 [class*="item-box0"] {
    font-size: 18px;
}
.list-type001 [class*="item-box0"] .tit-news {
    font-weight: 600;
}
.list-type001 .title01 {
    font-weight: 600;
    letter-spacing: -0.5px;
}
.list-type001 .news-con {
    display: block;
}
.list-type001 .list02 {
    width: 580px;
}
.list-type001 .list02 li.style01 .item-box02 {
    border-top: 1px solid var(--ui-tag005);
}
.list-type001 .list02 li:last-child {
    border-bottom: none;
}
.list-type001 .list02 li:first-child .item-box01 {
    margin-top: 0;
}
.list-type001 .list02 .item-box01 {
    display: flex;
    flex-direction: row-reverse;
    height: auto;
    padding: 20px 0 0;
}
.list-type001 .list02 li:first-child .item-box01 {
    height: auto;
    padding-top: 0;
}
.list-type001 .list02 .item-box01 [class*="img-con"] {
    flex-shrink: 0;
    float: right;
    width: 148px;
    height: 98px;
    margin-left: 12px;
}
.list-type001 .list02 .item-box02 {
    margin-top: 12px;
    padding: 10px 0 0;
}
.list-type001 .style01 + .style01 .item-box02 {
    margin-top: 12px;
    padding-top: 13px;
}
.list-type001 .list02 .item-box02 + .list-related01 {
    padding-top: -8px;
    padding-bottom: 12px;
}
.list-type001 .list02 .item-box02 .tit-news {
    min-height: 27px;
}
.list-type001 .list02 .list-related01 a .tit01 {
    -webkit-line-clamp: 2;
}
/* 말머리 */
.list-type001 [class*="txt-tag2"]:before,
.list-type002 [class*="txt-tag2"]:before {
    width: auto;
    min-width: auto;
    border-radius: 2px;
    font-size: 14px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type001 [class*="item-box0"] a:hover,
    .list-type002 [class*="item-box0"] a:hover {
        opacity: 1;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: none;
        text-decoration-color: currentColor;
    }
    .list-type001 [class*="item-box0"] a:hover .title01,
    .list-type002 [class*="item-box0"] a:hover .title01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type001 {
        column-gap: 32px;
    }
    .list-type001 [class*="txt-tag2"] {
        line-height: 1.3;
    }
    .list-type001 .list01 {
        flex-shrink: 0;
        width: 221px;
    }
    .list-type001 .list01 .item-box01 {
        padding: 20px 0;
    }
    .list-type001 .list01 li:first-child .item-box01 {
        padding-top: 0;
    }
    .list-type001 .list01 .item-box01 [class*="img-con"] {
        width: 221px;
        height: 147px;
    }
    .list-type001 .list01 .item-box01 .lead {
        -webkit-line-clamp: 3;
    }
    .list-type001 .list02 {
        width: 474px;
    }
    .list-type001 .list02 .item-box01 [class*="img-con"] {
        width: 132px;
        height: 88px;
        margin-left: 12px;
        padding-left: 0;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type001 {
        flex-direction: column;
    }
    .list-type001 [class*="img-con"] + .news-con .tit-wrap {
        height: 80px;
        vertical-align: middle;
    }
    .list-type001 [class*="img-con"] + .news-con .tit-wrap .tit-news {
        max-height: initial !important;
        -webkit-line-clamp: initial !important;
    }
    .list-type001 [class*="txt-tag2"] {
        line-height: 1.3;
    }
    .list-type001 [class*="txt-tag2"]:before {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 14px;
    }
    .list-type001 .tit-news {
        min-height: 24px;
        font-size: 18px;
    }
    .list-type001 li.style01 [class*="item-box0"] .tit-news {
        max-height: 27px;
        -webkit-line-clamp: 1;
    }
    .list-type001 li.style01 [class*="item-box0"] .title01 {
        -webkit-line-clamp: 1;
    }
    .list-type001 [class*="item-box0"] .list-related01 {
        clear: both;
        padding-top: 4px;
    }
    .list-type001 .list-related01 a .tit01 {
        overflow: hidden;
        display: block;
        max-height: 23px;
        white-space: nowrap;
        -webkit-line-clamp: 1 !important;
        text-overflow: ellipsis;
    }
    /* 주요기사 리스트01 */
    .list-type001 .list01 {
        display: block;
        width: 100%;
        padding-right: 0;
        flex-wrap: nowrap;
    }
    .list-type001 .list01 > li {
        clear: both;
        box-sizing: border-box;
        margin-top: 16px;
        padding-top: 17px;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type001 .list01 .item-box01 {
        overflow: hidden;
        padding: 0;
    }
    .list-type001 .list01 [class*="item-box0"] .tit-news {
        max-height: 78px;
        min-height: 24px;
        -webkit-line-clamp: 2;
    }
    .list-type001 .list01 .item-box01 [class*="img-con"] {
        float: right;
        width: 120px;
        max-width: 100%;
        height: auto;
        margin-bottom: 0;
        margin-left: 12px;
    }
    .list-type001 .list01 .label-box04 {
        left: 6px !important;
        bottom: 6px !important;
    }

    /* 주요기사 리스트01의 li 첫번째 모듈 */
    .list-type001 .list01 > li:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .list-type001 .list01 > li:first-of-type .item-box01 [class*="img-con"] {
        float: none;
        width: 100%;
        margin: 0 0 12px 0;
    }
    .list-type001 .list01 > li:first-of-type [class*="item-box0"] .img {
        padding-top: 58.31%;
    }
    .list-type001 .list01 > li:first-of-type [class*="img-con"] + .news-con .tit-wrap {
        height: auto;
    }
    .list-type001 .list01 > li:first-of-type .tit-news .title01 {
        font-size: 22px;
        line-height: 1.3;
        font-weight: 700;
    }
    .list-type001 .list01 > li:first-of-type [class*="txt-tag2"] {
        margin-right: 8px;
        line-height: 1.6;
    }
    .list-type001 .list01 > li:first-of-type [class*="txt-tag2"]:before {
        top: 3px;
        padding: 4px 6px;
        font-size: 15px !important;
    }
    .list-type001 .list01 > li:first-of-type .label-box04 {
        left: 8px !important;
        bottom: 6px !important;
    }

    /* 주요기사 리스트02 */
    .list-type001 .list02 {
        display: block;
        width: 100%;
        min-width: auto;
        margin-top: 16px;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type001 .list02 li:first-child .item-box01 {
        padding-top: 12px;
    }
    .list-type001 .list02 li:first-of-type .item-box01 {
        border-top: none;
    }
    .list-type001 .list02 .item-box01 {
        overflow: hidden;
        display: block;
        margin-top: 12px;
        padding: 13px 0 0;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type001 .list02 .item-box02 .tit-news {
        min-height: initial;
        font-size: 16px;
    }
    .list-type001 .list02 .item-box02 .title01 {
        line-height: inherit;
    }
    .list-type001 .list02 .item-box02 [class*="txt-tag2"]:before {
        padding: 3px 4px;
    }
    .list-type001 .list02 .item-box01 [class*="img-con"] {
        width: 120px;
        height: 80px;
        margin-left: 12px;
        padding-left: 0;
    }
    .list-type001 .list02 .list-related01 {
        clear: both;
    }
    .list-type001 .list02 li .item-box01 .list-related01 a .tit01 {
        width: 100%;
    }
    .list-type001 .list02 .label-box04 {
        left: 6px !important;
        bottom: 6px !important;
    }
}

/* ---- ##list-type002 : [메인] 주요뉴스 영역4 타입02 ---- */
/*.list-type002{display:flex;width:calc(100% + 40px);max-width:930px;}*/
.list-type002 {
    display: flex;
    column-gap: 40px;
    width: 890px;
}
.list-type002 [class*="item-box0"] .title01 {
    font-weight: 600;
    letter-spacing: -0.5px;
}
.list-type002 [class*="list0"] {
    width: calc(50% - 20px);
}
.list-type002 [class*="item-box0"] .tit-news {
    font-size: 18px;
}
.list-type002 .label-box04 {
    left: 8px !important;
    bottom: 8px !important;
}
.list-type002 .list01 {
    display: flex;
    flex-direction: column;
}
.list-type002 [class*="list"] > li:first-child {
    padding-top: 0;
}
.list-type002 .list01 > li {
    flex-shrink: 0;
    width: 100%;
}
.list-type002 .list01 > li {
    padding-top: 20px;
}
.list-type002 .list02 > li {
    box-sizing: border-box;
    margin-top: 16px;
    padding-top: 17px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type002 .list02 > li:first-of-type {
    border-top: none;
}
.list-type002 .list02 > li [class*="txt-tag2"] {
    margin-right: 8px;
}
.list-type002 [class*="list0"] li:first-of-type {
    margin-top: 0;
}
.list-type002 .list01 .item-box01 [class*="img-con"] {
    width: 134px;
    height: 90px;
    margin-right: 12px;
    margin-bottom: 8px;
}
.list-type002 .list01 [class*="item-box0"] [class*="img-con"] {
    float: left;
}
.list-type002 .news-con {
    display: table-cell;
}
.list-type002 .list01 .list-related01 li {
    padding-left: 12px;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type002 {
        max-width: 726px;
        column-gap: 32px;
    }
    .list-type002 [class*="list0"] {
        width: calc(50% - 16px);
    }
    .list-type002 [class*="item-box0"] .title01 {
        font-size: 16px;
    }
    .list-type002 .list01 .item-box01 [class*="img-con"] {
        width: 120px;
        height: 80px;
        margin-right: 12px;
        margin-bottom: 4px;
    }
    .list-type002 .list-related01 {
        clear: both;
    }
    .list-type002 .list01 .list-related01 {
        margin-left: 0;
        padding-top: 4px;
    }
    .list-type002 .list-related01 a .tit01 {
        -webkit-line-clamp: 2;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    /*.list-type002{display:none;}*/
    .list-type002 {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
    }
    .list-type002 .news-con {
        display: block !important;
    }
    .list-type002 .label-box04 {
        left: 6px !important;
        bottom: 6px !important;
    }
    .list-type002 [class*="txt-tag2"] {
        line-height: 1.3;
    }
    .list-type002 [class*="txt-tag2"]:before {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 13px;
    }
    .list-type002 .list-related01 {
        clear: both;
        font-size: 15px;
    }
    .list-type002 .list01 .list-related01 {
        margin-left: 0;
        padding-top: 0;
    }
    .list-type002 .list02 > li:first-of-type {
        margin-top: 16px;
        padding-top: 17px;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type002 [class*="list0"] {
        width: 100%;
        margin: 0;
    }
    .list-type002 [class*="list0"] > li {
        box-sizing: border-box;
        margin-top: 12px;
        padding-top: 13px;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type002 .list01 > li:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .list-type002 .list01 .item-box01 [class*="img-con"] {
        float: right;
        width: 120px;
        height: 80px;
        margin: 0 0 0 12px;
    }
    .list-type002 .list01 [class*="item-box0"] .tit-news {
        max-height: 48px;
        min-height: 24px;
        font-size: 18px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }
    .list-type002 .list02 [class*="item-box0"] .tit-news {
        max-height: 27px;
        font-size: 16px;
        -webkit-line-clamp: 1;
    }
    .list-type002 .list02 [class*="item-box0"] .title01 {
        line-height: 1.7;
    }
    .list-type002 [class*="img-con"] + .news-con .tit-wrap {
        height: 80px;
        vertical-align: middle;
    }
    .list-type002 [class*="img-con"] + .news-con .tit-wrap .tit-news {
        max-height: initial !important;
        -webkit-line-clamp: initial !important;
    }
}

/* ---- ##list-type010 : [메인] 핫뉴스 ---- */
.list-type010 .list01 li,
.list-type010 .list02 li,
.list-type010 .list03 li {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type010 [class*="list0"] .item-box01 [class*="img-con"] {
    flex-shrink: 0;
    float: right;
    width: 72px;
    height: 48px;
    margin-left: 12px;
}
.list-type010 [class*="item-box0"] .tit-news {
    max-height: 72px;
    min-height: 24px;
    font-size: 16px;
    -webkit-line-clamp: 3;
    will-change: opacity;
}
.list-type010 .list01 li:nth-of-type(1) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.list-type010 [class*="item-box0"] {
    overflow: hidden;
}
.list-type010 .img-none01 {
    display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type010 .item-box01 .tit-news {
        max-height: 72px;
        min-height: 24px;
        -webkit-line-clamp: 3;
    }
    .list-type010 .list03 .item-box01 [class*="img-con"] {
        margin-left: 12px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type010 {
        max-width: 100%;
    }
    .list-type010 .tit-news {
        min-height: 24px;
        font-size: 16px;
        font-weight: 600 !important;
    }
    .list-type010 .item-box01 .tit-news {
        max-height: 48px;
        min-height: 24px;
        -webkit-line-clamp: 2;
    }
    .list-type010 .img-none01 + .news-con .tit-wrap {
        height: auto !important;
    }
    .list-type010 .list01 {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .list-type010 .list01 li {
        width: calc(50% - 8px);
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .list-type010 .list01 .item-box01 {
        display: flex;
        flex-direction: column;
    }
    .list-type010 .list01 .item-box01 [class*="img-con"] {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-bottom: 8px;
        margin-left: 0;
    }
    .list-type010 .list01 .img-none01 {
        display: block;
    }
    .list-type010 .list02,
    .list-type010 .list03 {
        display: block;
        position: relative;
        right: auto;
        box-sizing: border-box;
        width: 100%;
        padding-right: 0;
    }
    .list-type010 .list02 li,
    .list-type010 .list03 li {
        /*min-height:69px;*/
        margin: 12px 0 0;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type010 .list02 li:first-of-type,
    .list-type010 .list03 li:first-of-type {
        padding-top: 16px;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type010 .list02 .item-box01 [class*="img-con"],
    .list-type010 .list03 .item-box01 [class*="img-con"] {
        width: 84px;
        height: 56px;
        margin-bottom: 0;
    }
    .list-type010 .list02 .img-none01,
    .list-type010 .list03 .img-none01 {
        display: none;
    }
    .list-type010 .list02 {
        margin-top: 16px;
    }

    /* 썸네일 기준 타이틀 정렬 */
    .list-type010 .list02 [class*="img-con"] + .news-con .tit-wrap,
    .list-type010 .list03 [class*="img-con"] + .news-con .tit-wrap {
        height: 56px;
        vertical-align: middle;
    }
}

/* ---- ##list-type020 : [메인] 연예, 스포츠의 형태 리스트 모두 ---- */
.list-type020 [class*="list0"] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.list-type020 [class*="list0"] li {
    flex-shrink: 0;
    box-sizing: border-box;
    width: calc(50% - 20px);
}
.list-type020 [class*="list0"] [class*="item-box0"] {
    width: 100%;
}
.list-type020 .tit-news {
    max-height: 48px;
    min-height: 24px;
}
.list-type020 .list01 .item-box01 [class*="img-con"] {
    width: 100%;
    margin-bottom: 8px;
}
.list-type020 .list01 .item-box01 .tit-news {
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    -webkit-line-clamp: 2;
}
.list-type020 .list02 li .item-box01 {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type020 .list02 .item-box01 [class*="img-con"] {
    float: right;
    width: 92px;
    height: 61px;
    margin-left: 12px;
}
.list-type020 .list02 .item-box01 .tit-news {
    height: auto;
    max-height: initial;
    font-size: 16px;
}
.list-type020 .list02 .item-box01 .tit-news .title01 {
    font-size: 15px;
}
.list-type020 [class*="item-box0"] {
    overflow: hidden;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type020 [class*="list0"] li {
        width: calc(50% - 16px);
    }
    .list-type020 .list01 {
        padding-bottom: 8px;
    }
    .list-type020 .list02 .item-box01 [class*="img-con"] {
        width: 72px;
        height: 48px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type020 [class*="list0"] li {
        width: calc(50% - 8px);
    }
    .list-type020 .tit-news {
        min-height: 24px;
        font-size: 16px;
    }
    .list-type020 .tit-news .title01 {
        font-weight: 600;
    }
    .list-type020 .list02 {
        flex-direction: column;
    }
    .list-type020 .list02 li {
        width: 100%;
    }
    .list-type020 .list02 li [class*="img-con"] {
        display: none;
    }
    .list-type020 .list02 li .item-box01 {
        margin-top: 12px;
        padding-top: 13px;
    }
    .list-type020 .list02 li:first-of-type .item-box01 {
        margin-top: 16px;
    }
    .list-type020 .list02 .item-box01 .tit-news {
        height: 23px;
        min-height: auto;
        -webkit-line-clamp: 1;
    }
    .list-type020 .list02 .item-box01 .tit-news .title01 {
        font-size: 16px;
    }
}

/* ---- ##list-type021 : [메인] 놓치면 안 될 영상 뉴스 ---- */
.list-type021 {
}
.list-type021 .list01 {
    display: flex;
    width: calc(100% + 20px);
}
.list-type021 .list01 li {
    box-sizing: border-box;
    width: 33.3%;
}
.list-type021 [class*="img-con"] {
    margin-bottom: 8px;
}
.list-type021 .tit-news {
    max-height: 54px;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 600;
}
.list-type021 [class*="item-box0"] .img {
    padding-top: 56.15%;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type021 {
        overflow-x: auto;
    }
    .list-type021 [class*="btn-type007-"] {
        display: none;
    }
    .list-type021 .list01 {
        display: flex;
        width: auto;
    }
    .list-type021 .list01 li {
        flex-shrink: 0;
        box-sizing: border-box;
        width: 236px !important;
        padding-right: 16px;
    }
    .list-type021 .tit-news .title01 {
        min-height: 24px;
        font-size: 16px;
        line-height: 1.5;
        font-weight: 600;
    }
}

/* ---- ##list-type022 : [메인] 톡톡 지방자치 통통 지역경제, 책/서평---- */
.list-type022 {
}
.list-type022 [class*="list0"] {
}
.list-type022 [class*="list0"] li {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type022 [class*="list0"] li:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.list-type022 [class*="img-con"] {
    float: right;
    width: 92px;
    margin-left: 12px;
}
.list-type022 [class*="img-con"] .img {
    background-color: var(--ui-tag007);
}
.list-type022 [class*="list0"] li:nth-of-type(2) [class*="img-con"].img-none01 {
    display: none;
}
.list-type022 .tit-news {
    max-height: 54px;
    -webkit-line-clamp: 2;
    font-size: 15px;
}
/* 1번째 리스트 */
.list-type022 [class*="list0"] li:first-of-type .tit-news .title01 {
    font-weight: 500;
}
.list-type022 [class*="list0"] li:first-of-type [class*="img-con"] {
    width: 100%;
    margin: 0 0 8px 0;
}
.list-type022 [class*="list0"] li:first-of-type .tit-news {
    min-height: 48px;
    font-size: 16px;
}
/* 2번째 리스트 */
.list-type022 [class*="list0"] li:nth-of-type(2) .tit-news {
    -webkit-line-clamp: initial;
    max-height: initial;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type022 [class*="img-con"] {
        width: 72px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type022 [class*="list0"] {
        display: flex;
        width: calc(100% + 16px);
    }
    .list-type022 [class*="list0"] li {
        flex-shrink: 0;
        box-sizing: border-box;
        width: 50%;
        margin-top: 0;
        padding: 0 16px 0 0;
        border-top: 0;
    }
    .list-type022 [class*="list0"] li [class*="img-con"] {
        width: 100%;
        margin: 0 0 8px 0;
    }
    .list-type022 [class*="list0"] li:nth-of-type(2) [class*="img-con"].img-none01 {
        display: block;
    }
    .list-type022 .tit-news {
        min-height: 24px;
        font-size: 15px;
    }
    .list-type022 [class*="list0"] li .tit-news .title01 {
        font-size: 16px;
        font-weight: 600 !important;
    }
    .list-type022 [class*="list0"] li:nth-of-type(2) .tit-news {
        -webkit-line-clamp: 2;
    }
    .list-type022 [class*="list0"] li:first-of-type .tit-news {
        min-height: auto;
    }
}
/* ---- ##list-type03$ : [메인] 공통 ---- */
/* list-type030 : [메인] 마켓톺
 * list-type031 : 연합 브랜드 뉴스
 * list-type032 : youtube 채널 */

/* ---- ##list-type030 : [메인] 마켓+(스와이퍼) ---- */
/*.list-type030 .list01{overflow:hidden;}*/
.list-type030 [class*="img-con"] {
    float: none;
}
.list-type030 .news-con {
    padding: 12px 16px;
    background-color: var(--ui-tag007);
    color: var(--font-color003);
}
.list-type030 .news-con {
    height: 76px;
}
.list-type030 .tit-news {
    -webkit-line-clamp: 2;
}
.list-type030 .tit-news .title01 {
    font-size: 16px;
    font-weight: 500;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type030 .tit-news:hover {
        opacity: 1 !important;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type030 .news-con {
        height: 100px;
    }
    .list-type030 .tit-news {
        -webkit-line-clamp: 3;
        max-height: 80px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type030 .item-box01 {
        background-color: var(--ui-tag007);
    }
    .list-type030 [class*="img-con"] {
        float: left;
        width: 163px;
        height: 108px;
    }
    .list-type030 .news-con {
        display: table-cell;
        height: 108px;
        padding-left: 16px;
        vertical-align: middle;
    }
    .list-type030 .tit-news {
        -webkit-line-clamp: 3;
    }
    .list-type030 .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
    .list-type030 .btns-wrap11 {
        right: 0 !important;
    }
}

/* ---- ##list-type031 : [메인] 연합 브랜드 뉴스 ---- */
.list-type031 .list01 {
    width: calc(100% + 40px);
}
.list-type031 .list01:after {
    content: "";
    display: block;
    clear: both;
}
.list-type031 li {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding-right: 40px;
}
.list-type031 .item-box01 {
    overflow: hidden;
    position: relative;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.list-type031 .item-box01:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag011);
}
.list-type031 [class*="img-con"] {
    position: relative;
}
.list-type031 [class*="img-con"]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1b1d1f 98.89%, #111 98.89%);
}
.list-type031 .news-con {
    position: relative;
    padding: 0 16px 16px;
}
.list-type031 .tit-wrap {
    display: inline-flex !important;
    flex-direction: column;
    width: 100%;
}
.list-type031 .tit01 {
    display: inline-block;
    max-width: 100%;
}
.list-type031 .tit-news {
    height: 48px;
    max-height: initial;
    margin-top: 12px;
    font-size: 16px;
    -webkit-line-clamp: 2;
}
.list-type031 .txt-type003 {
    width: calc(100% - 65px);
}
.list-type031 .txt-type003 > .txt01 {
    font-weight: 500;
}
.list-type031 .btn-type411-toggle {
    position: absolute;
    top: -3px;
    right: 16px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type031 .tit-news:hover {
        opacity: 1 !important;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type031 .list01 {
        width: calc(100% + 32px);
    }
    .list-type031 li {
        padding-right: 32px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type031 {
        padding: 0 16px;
    }
    .list-type031 .list01 {
        width: calc(100% + 16px);
        margin-top: -16px;
    }
    .list-type031 li {
        width: 50%;
        margin-top: 16px;
        padding-right: 16px;
    }
    .list-type031 .news-con {
        padding: 0 16px 12px;
    }
    .list-type031 .tit-news {
        height: 69px;
        max-height: 69px;
        min-height: 24px;
        -webkit-line-clamp: 3;
    }
    .list-type031 .tit-news .title01 {
        font-size: 15px;
        font-weight: 600;
    }
}

/* ---- ##list-type032 : [메인] youtube 채널 ---- */
.list-type032 {
    overflow: hidden;
    position: relative;
    left: -10px;
    box-sizing: border-box;
    width: calc(100% + 20px);
    padding: 0 10px;
}
.list-type032 .swiper-area {
    overflow: visible;
}
.list-type032 .list01 {
    display: flex;
    align-items: stretch;
    padding-bottom: 15px;
}
.list-type032 li {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 25%;
    height: 100%;
}
.list-type032 .item-box01 {
    position: relative;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    background-color: var(--ui-tag001);
}
.list-type032 .item-box01:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag011);
}
.list-type032 [class*="img-con"] {
    position: relative;
    z-index: 1 !important;
}
.list-type032 [class*="item-box0"] .img {
    padding-top: 56.15%;
}
.list-type032 [class*="img-con"] .img img {
    top: 50%;
    height: auto;
    transform: translate(-50%, -50%);
}
.list-type032 li [class*="img-con"]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: -16px;
    z-index: 4;
    box-sizing: border-box;
    border-top: 16px solid transparent;
    border-left: 16px solid var(--ui-tag003);
    transform: rotate(-270deg);
}
.list-type032 [class*="item-box0"].style01 > [class*="img-con"] .img {
    overflow: hidden;
}
.list-type032 .news-con {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    height: 118px;
    padding: 0 16px 16px;
}
.list-type032 [class*="news-con"]:after {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
}
.list-type032 .tit-wrap {
    display: inline-flex;
    flex-direction: column;
}
.list-type032 .tit-news {
    height: 50px;
    max-height: initial;
    margin-top: 4px;
    font-size: 16px;
    -webkit-line-clamp: 2;
}
.list-type032 .txt-type002 .tit01 {
    font-weight: 600;
}
.list-type032 .btn-type100 {
    box-sizing: border-box;
    border: 2px solid var(--ui-tag001);
    border-radius: 100%;
}
.list-type032 a.btn-type100:hover {
    opacity: 1;
}
.list-type032 [class*="btn-type03"] {
    position: absolute;
    right: 15px;
    bottom: -24px;
    z-index: 2;
} /* ---- ##youtube 채널 로고 버튼 ---- */
.list-type032 li[class*="yna"] .news-con:after {
    background-color: var(--ui-tag033);
}
.list-type032 li[class*="yna"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag033);
    background: none !important;
}
.list-type032 li[class*="yna"] .txt-type002 .tit01 {
    color: var(--font-color025);
}
.list-type032 li[class*="know"] .news-con:after {
    background-color: var(--ui-tag030);
}
.list-type032 li[class*="know"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag030);
    background: none !important;
}
.list-type032 li[class*="know"] .txt-type002 .tit01 {
    color: var(--font-color024);
}
.list-type032 li[class*="tong-culture"] .news-con:after {
    background-color: var(--ui-tag035);
}
.list-type032 li[class*="tong-culture"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag035);
    background: none !important;
}
.list-type032 li[class*="tong-culture"] .txt-type002 .tit01 {
    color: var(--font-color027);
}
.list-type032 li[class*="tong-tech"] .news-con:after {
    background-color: var(--ui-tag097);
}
.list-type032 li[class*="tong-tech"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag097);
    background: none !important;
}
.list-type032 li[class*="tong-tech"] .txt-type002 .tit01 {
    color: var(--font-color059);
}
.list-type032 li[class*="digital"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag107);
    background: none !important;
}
.list-type032 li[class*="digital"] .txt-type002 .tit01 {
    color: var(--font-color064);
}
.list-type032 li[class*="tong-living"] .news-con:after {
    background-color: var(--ui-tag104);
}
.list-type032 li[class*="tong-living"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag104);
    background: none !important;
}
.list-type032 li[class*="tong-living"] .txt-type002 .tit01 {
    color: var(--font-color062);
}
.list-type032 li[class*="nknow"] .news-con:after {
    background-color: var(--ui-tag112);
}
.list-type032 li[class*="nknow"] [class*="img-con"]:before {
    border-left-color: var(--ui-tag112);
    background: none !important;
}
.list-type032 li[class*="nknow"] .txt-type002 .tit01 {
    color: var(--font-color067);
}
/*.list-type032 .label-box01{right:0;bottom:0;}*/
.list-type032 [class*="img-con"] .label-box01 {
    right: 15px;
    bottom: -26px;
    z-index: 3;
}
/* 노이미지 */
.list-type032 .img-none01 + [class*="news-con"]:after,
.list-type032 .img-none01:before {
    display: none !important;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type032 .list01 {
        /*width:calc(100% + 32px);*/
    }
    .list-type032 .news-con {
        height: 140px;
    }
    .list-type032 .tit-news {
        -webkit-line-clamp: 3;
        height: 72px;
    }
    .list-type032 [class*="img-con"] .label-box01 {
        bottom: -22px;
    }
    .list-type032 [class*="btn-type03"] {
        right: 13px;
        bottom: -20px;
    }
    .list-type032 li [class*="img-con"]:before {
        border-top-width: 14px;
        border-left-width: 14px;
        bottom: -14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type032 .swiper-area {
        padding-right: 32px !important;
    }
    .list-type032 .list01 {
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding-left: 16px;
    }
    .list-type032 li {
        flex-shrink: 0;
        min-width: 220px;
    }
    .list-type032 .news-con {
        height: 140px;
    }
    .list-type032 .tit-news {
        -webkit-line-clamp: 3;
        height: 72px;
        min-height: 24px;
        font-size: 16px;
    }
    .list-type032 [class*="item-box0"] .title01 {
        font-weight: 600;
    }
    .list-type032 [class*="btn-type03"] {
        right: 13px;
        bottom: -20px;
    }
    .list-type032 [class*="img-con"] .label-box01 {
        bottom: -22px;
    }
    .list-type032 li [class*="img-con"]:before {
        border-top-width: 12px;
        border-left-width: 12px;
        bottom: -12px;
    }
    .list-type032 [class*="item-box0"].style01 > [class*="img-con"] {
        margin-bottom: 14px;
    }
    .list-type032 [class*="news-con"]:after {
        top: -14px;
    }
}

/* ---- ##list-type04$ : [메인] 공통 ---- */
/* list-type040 : 많이 본 뉴스
* list-type041 : 연합 단독 뉴스
* list-type042 : 다국어 톱뉴스
* list-type043 : 지역지 톱뉴스
* list-type044 : AI추천뉴스 */

[class*="list-type04"] {
    overflow: hidden;
}
[class*="list-type04"] [class*="item-box0"] {
    display: flex;
}

/* ---- ##[메인/섹션/본문] list-type040 : 많이 본 뉴스 ---- */
.list-type040 [class*="item-box0"] {
    margin-top: 13px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type040 li:first-of-type [class*="item-box0"] {
    margin-top: 0;
}
.list-type040 li:last-of-type [class*="item-box0"] {
    padding-bottom: 0;
    border-bottom: none;
}
.list-type040 [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    float: none;
}
.list-type040 .news-con {
    display: flex;
    align-items: flex-start;
    position: relative;
}
.list-type040 .tit-news {
    max-height: 54px;
    -webkit-line-clamp: 2;
    font-size: 16px;
}
.list-type040 [class*="img-con"] {
    width: 96px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type040 [class*="img-con"] {
        width: 84px;
    }
    .list-type040 .tit-news {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type040 .tit-news {
        max-height: 48px;
        min-height: 24px;
    }
    .list-type040 .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
    .list-type040 [class*="img-con"] {
        width: 72px;
    }
    .list-type040.number01 .item-box01 .news-con {
        padding-left: 31px;
    }
}

/* ---- ##list-type041 : [메인] 연합 단독 뉴스 ---- */
.list-type041 .list01 li {
    box-sizing: border-box;
}
.list-type041 [class*="img-con"] {
    flex-shrink: 0;
    width: 96px;
    margin-right: 12px;
}
.list-type041 .tit-news {
    max-height: 54px;
    -webkit-line-clamp: 2;
    min-height: 24px;
    font-size: 16px;
}
.list-type041 .item-box01 {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type041 .item-box01:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.list-type041 .foreign01-ar .tit-news,
.list-type041 .foreign01-ar a.txt-tag40,
.txt-tag40 {
    direction: rtl;
    text-align: right;
}
.list-type041 .foreign01-ar .news-con {
    text-align: right;
}
.list-type041 .foreign01-ar {
    font-family: "Segoe UI", "Tahoma", arial, sans-serif;
}
.list-type041 .foreign01-ja {
    font-family: "Meiryo", "メイリオ", "Yu Gothic", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
.list-type041 .foreign01-ja [class*="txt-tag"],
.list-type041 .foreign01-ja .title01 {
    font-weight: 700;
}
.list-type041 .foreign01-zh {
    font-weight: 700;
    font-family: "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", SimHei, "黑体", verdana, arial, sans-serif;
}
.list-type041 .foreign01-zh [class*="txt-tag"],
.list-type041 .foreign01-zh .title01 {
    font-weight: 700;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type041 .tit-news {
        font-size: 16px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type041 ul {
        display: block;
        width: 100%;
    }
    .list-type041 li .item-box01 {
        display: flex;
        align-items: center;
        margin-top: 0;
        padding: 16px 0 0 0;
        border-top: none;
    }
    .list-type041 [class*="img-con"] {
        width: 93px;
    }
    .list-type041 .tit-news {
        min-height: 24px;
    }
    .list-type041 [class*="item-box0"] .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
    .list-type041 [class*="item-box0"] .txt-tag40 + .tit-wrap .title01 {
        font-size: 14px;
    }
    .list-type041 .swiper-area {
        box-sizing: border-box;
        padding: 40px 16px 0 !important;
    }
}

/* ---- ##list-type042 : [메인] 다국어 톱뉴스 ---- */
.list-type042 [class*="img-con"] {
    flex-shrink: 0;
    width: 96px;
    margin-right: 12px;
}
.list-type042 .tit-news {
    max-height: 54px;
    -webkit-line-clamp: 2;
    font-size: 14px;
}
.list-type042 .item-box01 {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type042 .item-box01:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type042 .tit-news {
        font-size: 14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type042 ul {
        display: block;
        width: 100%;
    }
    .list-type042 li .item-box01 {
        margin-top: 0;
        padding: 16px 0 0 0;
        border-top: none;
    }
    .list-type042 .tit-news {
        min-height: 24px;
        font-size: 14px;
        line-height: 1.5;
    }
}

/* ---- ##list-type043 : [메인] 지역지 톱뉴스 ---- */
.list-type043 .item-box01 {
    margin-top: 16px;
    padding-top: 17px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type043 .item-box01:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.list-type043 .news-con {
    overflow: hidden;
    display: block;
    height: 24px;
}
.list-type043 .txt-tag40 {
    flex-shrink: 0;
    float: left;
    position: relative;
    height: 24px;
    margin-right: 8px;
    padding-right: 9px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
}
.list-type043 .txt-tag40:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background-color: var(--ui-tag004);
    transform: translateY(-50%);
}
.list-type043 [class*="item-box0"] {
    overflow: hidden;
}
.list-type043 [class*="item-box0"] .tit-wrap {
    display: block !important;
}
.list-type043 [class*="item-box0"] .tit-news {
    display: inline-block;
    width: auto;
}
.list-type043 [class*="item-box0"] .tit-news .title01 {
    display: -webkit-box;
    width: 100%;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type043 .tit-news {
        -webkit-line-clamp: 1;
    }
    .list-type043 [class*="item-box0"] .tit-news .title01 {
        font-size: 15px;
        font-weight: 500;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type043 .tit-news {
        min-height: 24px;
        -webkit-line-clamp: 1;
        font-size: 14px;
    }
    .list-type043 .item-box01 {
        margin-top: 12px;
        padding-top: 13px;
    }
    .list-type043 [class*="item-box0"] .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
}

/* ---- ##list-type044 : [메인] AI추천뉴스---- */
.list-type044 .list01 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px;
}
.list-type044 .list01 > li {
    flex-shrink: 0;
    width: calc(50% - 16px);
}
.list-type044 [class*="img-con"] {
    flex-shrink: 0;
    width: 96px;
    margin-left: 12px;
}
.list-type044 .tit-news {
    box-sizing: border-box;
    max-height: 54px;
    min-height: 24px;
    padding-top: 4px;
    font-size: 16px;
    -webkit-line-clamp: 2;
}
.list-type044 li .item-box01 {
    margin-top: 16px;
    padding-top: 17px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type044 li:nth-of-type(1) .item-box01,
.list-type044 li:nth-of-type(2) .item-box01 {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type044 {
        padding: 0 16px;
    }
    .list-type044 .list01 {
        display: block;
    }
    .list-type044 .list01 > li {
        width: 100%;
    }
    .list-type044 li:nth-of-type(2) .item-box01,
    .list-type044 li .item-box01 {
        margin-top: 16px;
        padding-top: 17px;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type044 [class*="img-con"] {
        width: 84px;
    }
}

/* ---- ##list-type05$ : [메인] 공통 ---- */
/* list-type050 : 포토&화보
 * list-type051 : 이슈 */
[class*="list-type05"] {
}
[class*="list-type05"] [class*="img-con"] {
    float: none;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
}
[class*="list-type05"] .news-con {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}
[class*="list-type05"] .tit-wrap {
    display: block;
    color: var(--font-color001);
}
[class*="list-type05"] [class*="item-box0"] .title01 {
    color: var(--font-color001);
}
[class*="list-type05"] .tit-news {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="list-type05"] [class*="item-box0"] .title01 {
        color: var(--font-color003);
    }
}

/* ---- ##list-type050 : [메인] 포토&화보 ---- */
.list-type050 {
}
.list-type050 .img {
    padding-top: 56.12%;
}
.list-type050 .tit-wrap {
    margin-right: 60px;
}
.list-type050 .news-con {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 16px 14px;
}
.list-type050 [class*="img-con"] .img:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(27, 29, 31, 0) 63.59%, rgba(27, 29, 31, 0.3) 75.45%, #1b1d1f 91.11%);
}
.list-type050 .tit-news {
    max-height: 54px;
    -webkit-line-clamp: 1;
}
.list-type050 [class*="item-box0"] .tit-news .title01 {
    font-weight: 600;
}
.list-type050 .label-box01 {
    flex-shrink: 0;
}
.list-type050 [class*="img-con"] .label-box01 {
    right: 12px;
    bottom: 12px;
}
.list-type050 [class*="item-box0"] .img {
    padding-top: 56.21%;
}
/* 일반형/대형 프레임 : 1025px 이상 hover */
@media only screen and (min-width: 1024px) {
    .list-type050 [class*="item-box0"] a.tit-news:hover,
    .list-type050 [class*="item-box0"] a:hover {
        opacity: 1;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type050 .news-con {
        padding: 0 12px 10px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="list-type05"] ul li {
        box-sizing: border-box;
        width: 236px;
    }
    [class*="list-type05"] .tit-news {
        font-size: 16px;
    }
    .list-type050 [class*="btn-type007-"] {
        display: none;
    }
    .list-type050 .swiper-slide {
        padding-right: 16px;
    }
    .list-type050 .item-box01 {
        min-width: 200px;
    }
    .list-type050 .news-con {
        position: static;
        margin-top: 8px;
        padding: 0;
    }
    .list-type050 .tit-wrap {
        margin-right: 0;
        color: var(--font-color003);
    }
    .list-type050 [class*="item-box0"] .img {
        padding-top: 124px;
    }
    .list-type050 [class*="img-con"]:after {
        display: none;
    }
    .list-type050 .tit-news {
        min-height: 24px;
        font-size: 16px;
    }
    .list-type050 .label-box01 {
        right: 8px;
        bottom: 4px;
    }
}

/* ---- ##list-type051 : [메인] 이슈 ---- */
.list-type051 .list01 {
    overflow: hidden;
    display: flex;
    width: calc(100% + 40px);
}
.list-type051 .list01 li {
    /*overflow:hidden;*/
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding-right: 40px;
    padding-bottom: 18px;
}
.list-type051 .news-con {
    height: 100%;
    padding: 24px 20px;
    color: var(--font-color001);
}
.list-type051 .news-con:before {
    content: "";
    opacity: 0.5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--ui-tag003);
}
.list-type051 .tit-wrap {
    position: relative;
    z-index: 1;
}
.list-type051 [class*="item-box0"] {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
}
.list-type051 .img {
    position: relative;
    padding-top: 60.75%;
}
.list-type051 .tit-news {
    min-height: 70px;
    font-size: 24px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    font-weight: 700 !important;
}
.list-type051 .txt-tag51 {
    position: absolute;
    left: 20px;
    bottom: 24px;
    z-index: 1;
}
.list-type051 .title02 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}
/* 말풍선 스타일 */
.list-type051 [class*="item-box0"] {
    overflow: visible;
}
.list-type051 [class*="item-box0"].style01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type051 [class*="item-box0"].style01 .img:after {
    bottom: -16px;
    border-top: 16px solid transparent;
    border-left: 16px solid var(--ui-tag031);
    transform: rotate(-270deg);
}
/* 노이미지  */
.list-type051 [class*="item-box0"].style01 .img-none01 .img:after {
    display: block;
}
/* 배경색상 타입 */
.list-type051 .item-box02 .news-con:before {
    opacity: 1;
    background-color: var(--ui-tag030);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type051 .news-con:hover {
        opacity: 1;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type051 .txt-tag51 {
        left: 16px;
        bottom: 15px;
    }
    .list-type051 .list01 {
        width: calc(100% + 32px);
    }
    .list-type051 .list01 li {
        padding-right: 32px;
    }
    .list-type051 .news-con {
        padding: 15px 16px;
    }
    .list-type051 .tit-news {
        min-height: 70px;
        font-size: 24px;
    }
    .list-type051 [class*="item-box0"].style01 .img:after {
        bottom: -14px;
        border-top-width: 14px;
        border-left-width: 14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type051 .txt-tag51 {
        left: 16px;
        bottom: 15px;
    }
    .list-type051 .swiper-area {
        box-sizing: border-box;
        padding-right: 16px !important;
    }
    .list-type051 .list01 {
        overflow: visible;
        overflow: initial;
        width: 100%;
    }
    .list-type051 .list01 li {
        min-width: 236px;
        padding-right: 16px;
    }
    .list-type051 .news-con {
        padding: 15px 16px;
    }
    .list-type051 .tit-news {
        min-height: 56px;
        font-size: 20px;
    }
    .list-type051 [class*="item-box0"] .title01 {
        color: var(--font-color001);
    }
    .list-type051 [class*="item-box0"].style01 .img:after {
        bottom: -12px;
        border-top-width: 12px;
        border-left-width: 12px;
    }
}

/* ---- ##list-type06$ [메인] 공통 ---- */
/* list-type060 : 뉴스라운지 타입01
* list-type061 : 뉴스라운지 타입02 */

/* ---- ##list-type060 : [메인] 뉴스라운지 - 꼭알아야할Top뉴스 ---- */
.list-type060 {
    display: flex;
    column-gap: 40px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.list-type060 [class*="list0"] {
    flex-shrink: 0;
    width: calc(50% - 20px);
}
.list-type060 [class*="item-box0"] .tit-news .title01 {
    line-height: 1.3;
    font-weight: 700;
}
/* 큰 썸네일 */
.list-type060 .list01 .news-con {
    margin-top: 16px;
}
.list-type060 .list01 [class*="item-box0"] .img {
    padding-top: 326px;
}
.list-type060 .list01 .tit-news {
    font-size: 36px;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    font-weight: 700;
}
/* 작은 썸네일 */
.list-type060 .list02 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 30px;
}
.list-type060 .list02 li {
    width: calc(50% - 20px);
}
.list-type060 .list02 .news-con {
    margin-top: 8px;
}
.list-type060 .list02 [class*="item-box0"] .img {
    padding-top: 151px;
}
.list-type060 .list02 .tit-news {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    -webkit-line-clamp: 2;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type060 {
        column-gap: 32px;
        max-width: 980px;
    }
    .list-type060 [class*="list0"] {
        width: calc(50% - 16px);
    }
    /* 큰 썸네일 */
    .list-type060 .list01 [class*="item-box0"] .img {
        padding-top: 266px;
    }
    .list-type060 .list01 [class*="item-box0"] .tit-news .title01 {
        line-height: 1.3;
    }
    .list-type060 .list02 {
        column-gap: 32px;
        row-gap: 30px;
    }
    /* 작은 썸네일 */
    .list-type060 .list02 li {
        width: calc(50% - 16px);
    }
    .list-type060 .list02 [class*="item-box0"] .img {
        padding-top: 124px;
    }
    .list-type060 .list02 [class*="item-box0"] .tit-news .title01 {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 500;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type060 {
        flex-wrap: wrap;
        row-gap: 32px;
        padding: 0 16px;
    }
    .list-type060 [class*="list0"] {
        width: 100%;
    }
    .list-type060 [class*="list0"] [class*="item-box0"] .img {
        padding-top: 56.25%;
    }
    /* 큰 썸네일 */
    .list-type060 .list01 .news-con {
        margin-top: 12px;
    }
    .list-type060 .list01 .tit-news {
        font-size: 26px;
    }
    /* 작은 썸네일 */
    .list-type060 .list02 {
        column-gap: 16px;
        row-gap: 32px;
    }
    .list-type060 .list02 li {
        width: calc(50% - 8px);
    }
    .list-type060 .list02 .tit-news {
        font-size: 16px;
    }
    .list-type060 .list02 [class*="item-box0"] .tit-news .title01 {
        font-weight: 500;
    }
}

/* ---- ##list-type061 :  연합 라운지 타입02 ---- */
.list-type061 {
    overflow: hidden;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
}
.list-type061 [class*="item-box0"] .img {
    padding-top: 56.25%;
}
.list-type061 .list01 {
    display: flex;
    float: left;
    width: 790px;
}
.list-type061 .list01 li {
    box-sizing: border-box;
    width: 50%;
    padding-right: 40px;
}
.list-type061 .list01 .news-con {
    margin-top: 12px;
}
.list-type061 .list01 .tit-news {
    font-size: 24px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    font-weight: 600;
    color: var(--font-color003);
}
.list-type061 .list02 li:first-of-type {
    margin-top: 0;
}
/* list02,list03제어 */
.list-type061 .list02,
.list-type061 .list03 {
    float: right;
    width: calc(100% - 790px);
}
.list-type061 .list02 li,
.list-type061 .list03 li {
    margin-top: 20px;
}
.list-type061 .list02 [class*="item-box0"],
.list-type061 .list03 [class*="item-box0"] {
    overflow: hidden;
}
.list-type061 .list02 .tit-wrap,
.list-type061 .list03 .tit-wrap {
    padding-right: 12px;
}
.list-type061 .list02 [class*="img-con"],
.list-type061 .list03 [class*="img-con"] {
    float: right;
    width: 82px;
}
.list-type061 .list02 .tit-news,
.list-type061 .list03 .tit-news {
    font-size: 18px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    font-weight: 500;
    color: var(--font-color003);
}
.list-type061 [class*="list0"]:empty {
    display: none;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type061 {
        max-width: 980px;
    }
    .list-type061 [class*="item-box0"] .img {
        padding-top: 56.25%;
    }
    .list-type061 .list01 {
        width: 572px;
    }
    .list-type061 .list01 li {
        padding-right: 32px;
    }
    .list-type061 .list01 .tit-news {
        -webkit-line-clamp: 3;
    }
    .list-type061 .list02 {
        width: calc(100% - 572px);
    }
    .list-type061 .list03 {
        width: calc(100% - 572px);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type061 {
        max-width: 100%;
        padding: 0 16px;
    }
    .list-type061 [class*="item-box0"] .img {
        padding-top: 56.25%;
    }
    .list-type061 .list01 {
        display: flex;
        width: 100%;
        column-gap: 16px;
    }
    .list-type061 .list01 li {
        width: calc(50% - 8px);
        padding-right: 0;
    }
    .list-type061 .list01 .news-con {
        margin-top: 8px;
    }
    .list-type061 .list01 .tit-news {
        font-size: 16px;
    }
    .list-type061 .list02 [class*="img-con"],
    .list-type061 .list03 [class*="img-con"] {
        width: 84px;
    }
    .list-type061 .list02 .tit-news,
    .list-type061 .list03 .tit-news {
        font-size: 16px;
    }
    .list-type061 .list02,
    .list-type061 .list03 {
        clear: both;
        box-sizing: border-box;
        width: 100%;
        margin-top: 24px;
        padding-right: 0;
    }
}

/* ---- ##list-type070 : [메인] 오피니언 ---- */
.list-type070 {
    width: 100%;
}
.list-type070 [class*="item-box0"] {
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.list-type070 [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    margin-left: 12px;
}
.list-type070 [class*="item-box0"] .tit-news {
    max-height: 69px;
    min-height: 24px;
    font-size: 16px;
    -webkit-line-clamp: 3;
}
.list-type070 [class*="list0"] .tit-news {
    -webkit-line-clamp: 3;
    max-height: 71px;
    font-size: 15px;
}
.list-type070 a.txt-tag41 {
    padding-right: 0;
}
.list-type070 a.txt-tag41:after {
    display: none;
}
/* list-type070>list01,list02 */
.list-type070 [class*="list0"] li {
    margin-top: 12px;
    padding: 13px 4px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-type070 [class*="list0"] [class*="item-box0"] {
    align-items: flex-start;
    min-height: 79px;
}
.list-type070 [class*="list0"] [class*="img-con"] {
    flex-shrink: 0;
    width: 50px;
}
.list-type070 [class*="list0"] .img-con01 {
    position: relative;
    top: 17px;
}
.list-type070 [class*="list0"] .img {
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
    border-radius: 100%;
}
.list-type070 [class*="list0"] [class*="img-con"] .img:before {
    border-radius: 100%;
}
.list-type070 .list01 li:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type070 {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type070 {
        display: block;
        max-width: 100%;
    }
    .list-type070 [class*="list0"] {
        box-sizing: border-box;
        width: calc(50% - 16px);
        border: none;
    }
    .list-type070 [class*="list0"] {
        box-sizing: border-box;
        width: 100%;
    }
    .list-type070 [class*="list0"] li {
        margin-top: 12px;
        padding: 13px 0 0;
    }
    .list-type070 [class*="item-box0"] .tit-news {
        font-weight: 600;
    }
    .list-type070 .txt-tag50.style01 > .txt01 {
        height: 13px;
        min-height: auto;
        font-size: 11px;
        line-height: 13px;
    }
    .list-type070 a.txt-tag41 {
        font-size: 13px;
    }
    /* list-type070>list01,list02 */
    .list-type070 [class*="list0"] [class*="img-con"] {
        width: 60px;
    }
    .list-type070 .list02 li:first-of-type {
        border-top: 1px solid var(--ui-tag005);
    }
}

/* ---- ##list-type099 : [메인] 티커 스와이퍼 리스트 ---- */
.list-type099 {
    width: 100%;
}
.list-type099 .swiper-area {
    overflow: hidden;
}
.list-type099 .swiper-slide {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    row-gap: 40px;
    max-width: 100%;
}
.list-type099 .list01 {
    width: calc(50% - 20px);
}
.list-type099 .item-box01 {
    margin-top: 16px;
}
.list-type099 .item-box01:first-of-type {
    margin-top: 0;
}
.list-type099 .info-box {
    flex-shrink: 0;
}
.list-type099 [class*="item-box0"] .txt-time {
    font-size: 13px;
    font-weight: 500;
    color: var(--font-color006);
}
.list-type099 [class*="item-box0"] .tit-news {
    overflow: hidden;
    display: block !important;
    width: 100%;
    min-height: auto !important;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--font-color003);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type099 [class*="item-box0"] > a.active .tit-news {
    color: var(--font-color029);
}
.list-type099 [class*="btn-dir008-"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.list-type099 .btn-dir008-prev {
    left: -140px;
}
.list-type099 .btn-dir008-next {
    right: -140px;
}
.list-type099.fixed-area [class*="item-box0"] .tit-news {
    font-size: 16px;
    font-weight: 700;
    color: var(--font-color021);
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type099 [class*="btn-dir008-"] {
        display: none;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type099 {
        width: 100%;
        margin-top: 0;
    }
    .list-type099 .swiper-slide {
        display: block;
    }
    .list-type099 .swiper-slide .list01 {
        width: 100%;
    }
    .list-type099 [class*="item-box0"] {
        margin-top: 20px;
    }
    .list-type099 .item-box01:first-of-type {
        margin-top: 20px;
    }
}

/* ---- ##list-type200 : [서브/본문] 핫뉴스 ---- */
.list-type200 [class*="list0"] {
    display: block;
}
.list-type200 [class*="list0"] [class*="item-box0"] {
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type200 [class*="list0"] li:first-of-type [class*="item-box0"]:first-of-type {
    margin-top: 0;
}
.list-type200 [class*="list0"] li:last-of-type [class*="item-box0"]:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}
.list-type200 [class*="list0"] .item-box01 [class*="img-con"] {
    float: right;
    width: 72px;
    height: 48px;
    margin-left: 12px;
}
.list-type200 [class*="list0"] .img {
    padding-top: 48px;
}
.list-type200 [class*="item-box0"] .tit-news {
    max-height: 72px;
    min-height: 24px;
    font-size: 16px;
    -webkit-line-clamp: 3;
}
.list-type200 .btns-wrap11 {
    display: none !important;
}
.list-type200 .swiper-slide:nth-of-type(2) .img-con11 {
    display: none;
}
/*!* 일반형/대형 프레임 : 1025px 이상 *!
@media only screen and (min-width:1024px) {
	.list-type200 [class*='item-box0'] a:hover{opacity:0.5;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
}*/
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type200 {
        position: relative;
        width: 100%;
        max-width: 100%;
    }
    .list-type200 [class*="list0"] {
        display: flex;
    }
    .list-type200 [class*="list0"] li [class*="item-box0"]:first-of-type {
        margin-top: 0;
    }
    .list-type200 .btns-wrap11 {
        display: flex !important;
    }
    .list-type200 .tit-news {
        max-height: 48px;
        min-height: 24px;
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .list-type200 [class*="list0"] [class*="item-box0"]:last-of-type {
        padding-bottom: 0;
        border-bottom: none;
    }
    .list-type200 .swiper-slide:nth-of-type(2) .img-con11 {
        display: block;
    }
    .list-type200 [class*="img-con"] + .news-con .tit-wrap {
        height: 48px;
        vertical-align: middle;
    }
}

/* ---- ##[서브/본문] list-type201 ---- */
/* [구성]
 -- PC : 기사제목, 섬네일(우)
 -- 태블릿,모바일 : 기사제목
 * 오래머문뉴스 */
.list-type201 {
    overflow: hidden;
}
.list-type201.number01 [class*="item-box0"] {
    display: flex;
    flex-direction: row-reverse;
    box-sizing: border-box;
    min-height: 76px;
    margin-top: 17px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type201.number01 li + li:last-of-type [class*="item-box0"] {
    padding-bottom: 0;
    border-bottom: none;
}
.list-type201.number01 [class*="img-con"] {
    flex-shrink: 0;
    float: right;
    width: 90px;
    margin-left: 12px;
}
.list-type201.number01 .item-box01 {
    overflow: hidden;
}
.list-type201.number01 .item-box01 .news-con {
    position: relative;
    padding-left: 27px;
}
.list-type201.number01 .item-box01 .news-con:before {
    width: 27px;
    padding-left: 0;
}
.list-type201.number01 .tit-news {
    overflow: hidden;
    display: -webkit-box; /* -webkit-line-clamp:2; */
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type201 {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type201.number01 .item-box01 .news-con {
        padding-left: 24px;
    }
    .list-type201.number01 .item-box01 .news-con:before {
        width: 24px;
    }
    .list-type201.number01 .list01 li:first-of-type .item-box01 {
        margin-top: 0;
        padding-top: 0;
    }
}

/* ---- ##[서브/본문] list-type202 ---- */
/* 랭킹뉴스 (탭 : 많이 본, 공감 많은)
 * 섹션 많이본뉴스 */
.list-type202 {
    overflow: hidden;
}
.list-type202 [class*="img-con"] {
    flex-shrink: 0;
    float: right;
    width: 72px;
    min-height: 48px;
    margin-left: 12px;
}
.list-type202 [class*="item-box0"] {
    display: flex;
    flex-direction: row-reverse;
    box-sizing: border-box;
    min-height: 76px;
    margin-top: 17px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type202 li:last-of-type [class*="item-box0"] {
    padding-bottom: 0;
    border-bottom: none;
}
.list-type202 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.list-type202 + [class*="btns-wrap"] {
    margin-top: 20px;
}
.list-type202.number01 .item-box01 .news-con {
    padding-left: 27px;
}
.list-type202.number01 .item-box01 .news-con:before {
    width: 15px;
    padding: 0;
    text-align: center;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type202 [class*="img-con"] {
        width: 90px;
        height: 60px;
        margin-left: 12px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type202 {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type202 .news-con:before {
        top: -2px;
        width: 24px;
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .list-type202 [class*="img-con"] {
        width: 90px;
        height: 60px;
        margin-left: 12px;
    }
    .list-type202.number01 .item-box01 .news-con {
        padding-left: 24px;
    }
    .list-type202 .btns-wrap03 {
        margin: 20px 0 0 !important;
    }
    .list-type202 .tit-news {
        -webkit-line-clamp: 2;
    }
    .list-type202 li:last-child [class*="item-box0"] {
        min-height: 60px;
    }
}

/* ---- ##list-type203 : [서브] ---- */
/* [구성] : 기사제목, 섬네일(우)
 * 세계>특파원르포
 * 전국>휴먼n스토리, 현장in */
.list-type203 {
    overflow: hidden;
}
.list-type203 [class*="item-box0"] {
    overflow: hidden;
    display: block;
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type203 li:first-of-type [class*="item-box0"] {
    margin-top: 0;
    padding-top: 0;
    border: none;
}
.list-type203 li + li:last-of-type [class*="item-box0"] {
    padding-bottom: 0;
    border-bottom: none;
}
.list-type203 [class*="img-con"] {
    float: right;
    width: 72px;
    margin-left: 12px;
}
.list-type203 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type203 .list01 {
        padding: 0 16px;
    }
}

/* ---- ##list-type204 : [서브] ---- */
/* [구성]
 -- PC : 기사제목 (2줄)
 -- 태블릿,모바일 : 기사제목 (1줄)
 * 세계 > 중국 > 신화망
 * 세계 > 중국 > 인민망*/
.list-type204 {
    overflow: hidden;
}
.list-type204 [class*="item-box0"] {
    display: block;
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type204 li:first-of-type [class*="item-box0"] {
    margin-top: 0;
    padding-top: 0;
    border: none;
}
.list-type204 li + li:last-of-type [class*="item-box0"] {
    padding-bottom: 0;
    border-bottom: none;
}
.list-type204 [class*="img-con"] {
    float: right;
    width: 72px;
    margin-left: 12px;
}
.list-type204 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type204 .list01 {
        padding: 0 16px;
    }
    .list-type204 .tit-news {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
    }
}

/* ---- ##list-type205 : [서브] 우분투 > 우측 아프리카가 궁금해 ---- */
.list-type205 {
    margin-top: 12px;
}
.list-type205 li {
    margin-top: 12px;
    padding-top: 13px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type205 li:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.list-type205 [class*="item-box0"] {
    display: flex;
    flex-direction: row-reverse;
}
.list-type205 [class*="img-con"] {
    flex-shrink: 0;
    width: 72px;
    margin-left: 12px;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type205 {
        padding: 0 16px;
    }
    .list-type205 [class*="item-box0"] {
        align-items: center;
    }
}

/* ---- ##[서브/본문] list-type210 ---- */
/* 에디터스 픽 영상 */
.list-type210 .news-con {
    margin-top: 8px;
}
.list-type210 .tit-news {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type210 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.list-type210 [class*="item-box0"] .img {
    padding-top: 56.15%;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type210 .swiper-area {
        padding: 39px 16px 0 !important;
    }
    .list-type210 li {
        width: 220px;
        padding: 0 !important;
    }
    .list-type210 .btns-wrap11 {
        display: none !important;
    }
}

/* ---- ##[서브/본문] list-type211 ---- */
/* 에디터스 픽 뉴스 */
.list-type211 .news-con {
    margin-top: 4px;
}
.list-type211 .tit-news {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ---- ##list-type212 : [서브] ---- */
/* 최신뉴스
 * 섹션 메인 : 섹션 주요뉴스
 * 섹션 리스트 : 전체뉴스 */
.list-type212 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type212 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type212 .list01 li {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type212 > .list01 > li [class*="aside-box00"] {
    margin-top: 0 !important;
}
.list-type212 > .list01 > li [class*="aside-box00"] .ads-box {
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type212 > .list01 > li [class*="aside-box00"] .ads-box:empty {
    display: none;
    margin: 0 !important;
    padding: 0;
    border-bottom: none;
}
.list-type212 > .list01 > li:first-child [class*="item-box0"] {
    padding: 0 0 20px;
}
.list-type212 > .list01 > li:last-of-type [class*="item-box0"] {
    border-bottom: none;
}
.list-type212 > .list01 > li [class*="item-box0"] {
    overflow: initial;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 24px;
    padding: 20px 0;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type212 > .list01 > li:last-of-type [class*="item-box0"] {
    border-bottom: 0;
}
.list-type212 .list01 li [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    width: 195px;
    height: 129px;
}
.list-type212 .list01 li [class*="item-box0"] .news-con {
    position: relative;
} /*width:calc(100% - 219px);*/
.list-type212 .list01 li [class*="item-box0"] .tit-news {
    display: inline-block;
    width: auto;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color003);
}
.list-type212 .list01 li [class*="item-box0"] .news-con .tit-wrap {
    display: block;
}
.list-type212 .list01 li [class*="item-box0"] .txt-time {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type212 .list01 li [class*="item-box0"] .lead {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.list-type212 .list01 li [class*="item-box0"] .lead:empty {
    display: none;
}
.list-type212 .list01 li [class*="item-box0"] .btns-wrap01 {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -6px;
    width: auto;
    margin-top: 0;
    vertical-align: top;
}
.list-type212 [class*="item-box0"] .btns-wrap01 .tlp-content {
    top: 30px;
    left: auto;
    right: 30px;
    bottom: auto;
    transform: none;
}
.list-type212 + [class*="btns-wrap"] {
    margin-top: 20px !important;
}
.list-type212 + [class*="paging-type0"] {
    margin-top: 20px !important;
}
.list-type212 .list01 li [class*="item-box0"] .btn-type034 {
    position: static;
    margin-top: 6px;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type212 > .list01 > li [class*="aside-box00"] .ads-box {
        padding: 16px 0;
    }
    .list-type212 > .list01 > li [class*="item-box0"] {
        gap: 24px;
    }
    .list-type212 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 172px;
        height: 114px;
    }
    .list-type212 .list01 li [class*="item-box0"] .tit-news {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        color: var(--font-color003);
    }
    .list-type212 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 11px;
        font-size: 14px;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type212 {
        padding: 0 16px;
    }
    /*.list-type212 .list01 li + li{margin-top:16px;padding-top:17px;}*/
    .list-type212 > .list01 > li [class*="item-box0"] {
        gap: 12px;
    }
    .list-type212 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 120px;
        height: 80px;
    }
    .list-type212 .list01 li [class*="item-box0"] .tit-news .title01 {
        display: -webkit-box;
        font-size: 16px;
        line-height: 24px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .list-type212 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 8px;
        font-size: 13px;
    }
    .list-type212 .list01 li [class*="item-box0"] .lead {
        display: none;
    }
    .list-type212 + [class*="btns-wrap"] {
        margin-top: 20px;
    }
    .list-type212 .list01 li [class*="item-box0"] .btn-type034 {
        margin-top: 2px;
    }
    .list-type212 [class*="item-box0"] .btns-wrap01 .tlp-content {
        top: 30px;
        left: auto;
        right: 30px;
        bottom: auto;
        transform: none;
    }
    .list-type212 .aside-box100 {
        margin-top: 0 !important;
    }
    .list-type212 .aside-box100 .ads-box {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 16px 0;
        border-bottom: 1px solid var(--ui-tag005);
    }
}
/* 초소형 프레임 : 320px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 320px) {
    .list-type212 .list01 li .item-box01 .btns-wrap01 {
        display: flex;
        justify-content: flex-end; /*position:static;*/
    }
    .list-type212 [class*="item-box0"] .btns-wrap01 .tlp-content {
        right: 0;
    }
    .list-type212 .aside-box100 .area01 .ads-box {
        width: 100%;
    }
}

/* ---- ##list-type213 : [서브] ---- */
/* 섹션 특파원 */
.list-type213 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type213 .swiper-area {
    overflow: visible;
}
.list-type213 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.list-type213 .list01 li {
    box-sizing: border-box;
    width: 100%;
}
.list-type213 .list01 li .item-box01 {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}
.list-type213 .swiper-area:not(.swiper-initialized) li {
    width: 386px;
}
.list-type213 .list01 li .item-box01 .news-con {
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
}
.list-type213 .list01 li .item-box01 .news-con .tit-news {
    display: -webkit-box;
    height: 54px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type213 .item-box01 > [class*="img-con"]::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1b1d1f 98.89%, #111 98.89%);
}
.list-type213 .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.list-type213 .tit-wrap + .txt-type101 {
    min-height: 45px;
    margin-top: 20px;
}
.list-type213 .btn-type404::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    box-sizing: border-box;
    width: 21px;
    height: 14px;
    border: 1px solid var(--ui-tag005);
    transform: translateY(-50%);
}
@media only screen and (min-width: 1024px) {
    .list-type213 [class*="item-box0"] .txt-type101 a[class*="img-con"]:hover,
    .list-type213 .list01 li .item-box01 .btn-type404:hover {
        opacity: 1 !important;
    }
    .list-type213 .list01 li .item-box01 .btn-type404:hover .txt01 {
        opacity: 0.5;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type213 .swiper-area:not(.swiper-initialized) li {
        width: 313px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type213 .info-box01 .btn-type404 .txt01 {
        font-size: 14px;
        line-height: 21px;
    }
    .list-type213 .list01 li .item-box01 .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type213 .list01 li {
        box-sizing: border-box;
        width: 100%;
    }
    .list-type213 .swiper-area:not(.swiper-initialized) li {
        max-width: 50%;
    }
    .list-type213 .btns-wrap11 {
        display: inline-flex !important;
    }
    .list-type213 .swiper-area {
        overflow-x: hidden !important;
    }
    .list-type213 .btns-wrap11 {
        margin-top: 0 !important;
    }
    .list-type213 .swiper-area li {
        padding-right: 0 !important;
    }
}

/* ---- ##list-type214 : [서브] ---- */
/* 전국 > 지역별 실시간 뉴스 */
.list-type214 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type214 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.list-type214 .list01 > li > ul {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 8px 0 8px;
}
.list-type214 .list01 > li > ul > li {
    overflow: hidden;
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--font-color003);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type214 .list01 > li > ul > li + li {
    padding-top: 12px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type214 .list01 > li > ul > li:last-child {
    padding-bottom: 0;
}
.list-type214 .list01 > li > ul > li:nth-child(1) {
    display: block;
}
.list-type214 .list01 > li > ul > li:nth-child(2) {
    display: block;
}
.list-type214 .list01 > li > ul > li:nth-child(3) {
    display: block;
}
.list-type214 .list01 > li > ul > li:nth-child(4) {
    display: block;
}
.list-type214 .list01 > li > ul > li:nth-child(5) {
    display: block;
}
.list-type214 .list01 > li > ul > li a.tit-wrap {
    display: inline-block;
    max-width: 100%;
}
.list-type214 .list01 > li > ul > li .tit-news {
    display: block;
    width: 100%;
}
.list-type214 .list01 > li > ul > li .title01 {
    overflow: hidden;
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type214 .btns-wrap11 {
    display: inline-flex !important;
}
.list-type214 .swiper-area {
    overflow-x: hidden !important;
}
.list-type214 .btns-wrap11 {
    margin-top: 0 !important;
}
.list-type214 .swiper-area li {
    padding-right: 0 !important;
}
.list-type214 .list01 li ul .tit-news {
    font-weight: 500;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type214 .list01 > li > ul > li a.tit-wrap:hover {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type214 {
        padding: 0 16px;
    }
    .list-type214 .list01 > li > ul {
        padding: 20px 8px 0 8px;
    }
    .list-type214 .list01 > li > ul > li:nth-child(4) {
        display: none;
    }
    .list-type214 .list01 > li > ul > li:nth-child(5) {
        display: none;
    }
}

/* ---- ##list-type216 : [서브] ---- */
/* [구성] : 기사제목 (1줄)
 * 전국>지방의회가 뛴다
 * 게시판, 오피니언>연합시론 */
.list-type216 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type216 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type216 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.list-type216 li + li {
    margin-top: 12px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type216 {
        padding: 0 16px;
    }
}

/* ---- ##list-type217 : [서브] 헬스노트 위클리건강 ---- */
.list-type217 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type217 > .list01 {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
}
.list-type217 .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type217 .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type217 .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type217 .list01 li .tit-wrap {
    display: block;
    width: 100%;
    padding-right: 0;
}
.list-type217 .list01 li .tit-news {
    overflow: hidden;
    display: -webkit-box;
    height: 54px;
    margin-top: 8px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type217 .news-con .txt-time {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: unset;
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type217 .news-con {
    position: relative;
}
.list-type217 .btns-wrap {
    float: right;
}
.list-type217 .btns-wrap01 .btn-type001 {
    height: 21px;
}
/*.list-type217 .list01 li .btns-wrap01{position:absolute;right:-8px;bottom:-6px;width:auto;}*/
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type217 > .list01 {
        gap: 32px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type217 {
        display: none;
    }
}

/* ---- ##list-type218 : [서브] 오늘의경기 내일의경기 ---- */
.list-type218 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type218 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
/* item-box1$ 공통
 - item-box0$ 의 hover 영향을 받지 않기 위해 'item-box1$' 사용
.list-type218 .item-box11 .tit-news .day */
.list-type218 [class*="item-box1"] {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.list-type218 [class*="item-box1"] .txt-type004 {
    position: absolute;
    top: 50%;
    left: -6px;
    z-index: 10;
    transform: translateY(-50%);
}
.list-type218 [class*="item-box1"] .tit-wrap {
    display: block;
    width: 100%;
    height: 100%;
}
.list-type218 [class*="item-box1"] .tit-news {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}
.list-type218 [class*="item-box1"] .tit-news .day {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 140px;
    height: 100%;
    padding-right: 34px;
    background-size: 140px 40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: var(--font-color001);
}
.list-type218 [class*="item-box1"] .tit-news .tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: 100%;
    padding-left: 12px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: var(--font-color001);
}
.list-type218 [class*="item-box1"] .tit-news .tit::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
    z-index: 10;
    width: 16px;
    height: 16px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
/* item-box11 */
.list-type218 .item-box11 {
    background-image: var(--ui-bg826);
}
.list-type218 .item-box11 .tit-news .day {
    background-image: var(--ui-bg827);
}
.list-type218 .item-box11 .tit-news .tit::after {
    background-image: var(--ui-bg055);
}
/* item-box12 */
.list-type218 .item-box12 {
    background-image: var(--ui-bg828);
}
.list-type218 .item-box12 .tit-news .day {
    background-image: var(--ui-bg829);
    color: var(--font-color023);
}
.list-type218 .item-box12 .tit-news .tit::after {
    background-image: var(--ui-bg054);
    background-size: 13px 13px;
}
.list-type218 .item-box12 .tit-news .tit {
    color: var(--font-color023);
}
.list-type218 .item-box12 .txt-type004 {
    display: none;
}
/* 일반형/대형 프레임 : 1025px 이상 hover */
@media only screen and (min-width: 1024px) {
    .list-type218 [class*="item-box1"]:hover .tit-news .day {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type218 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
    .list-type218 .item-box12 .tit-news .day {
        width: 160px;
        padding-right: 37px;
        background-size: 160px 40px;
    }
}

/* ---- ##list-type219 : 섹션>뉴스+>이슈 서브 ---- */
.list-type219 {
    background-color: var(--ui-tag009);
}
.list-type219 .item-box01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.list-type219 .img-con01 {
    flex-shrink: 0;
    width: 580px;
}
.list-type219 .news-con {
    box-sizing: border-box;
    padding: 40px;
}
.list-type219 [class*="item-box0"] .tit-news {
    min-height: 54px;
    font-size: 36px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.list-type219 [class*="item-box0"] .lead {
    max-height: 220px;
    margin-top: 20px;
    font-size: 18px;
    color: var(--font-color005);
    -webkit-line-clamp: 8;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type219 .img-con01 {
        width: 470px;
    }
    .list-type219 .news-con {
        padding: 32px;
    }
    .list-type219 [class*="item-box0"] .tit-news {
        min-height: 48px;
        font-size: 32px;
    }
    .list-type219 [class*="item-box0"] .lead {
        font-size: 18px;
        -webkit-line-clamp: 7;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type219 .item-box01 {
        display: block;
    }
    .list-type219 .img-con01 {
        width: 100%;
    }
    .list-type219 .news-con {
        padding: 20px;
    }
    .list-type219 [class*="item-box0"] .tit-news {
        min-height: 39px;
        font-size: 26px;
    }
    .list-type219 [class*="item-box0"] .lead {
        display: block !important;
        margin-top: 16px;
        font-size: 16px;
        -webkit-line-clamp: 6;
    }
}

/* ---- ##list-type220 : [서브] 사람들 상단 슬라이드 ---- */
.list-type220 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type220 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.list-type220 .list01 li {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.list-type220 .swiper-area:not(.swiper-initialized) li {
    width: 373px;
}
.list-type220 .list01 li .tit-wrap {
    display: inline-block;
    width: 100%;
    padding-right: 0;
    vertical-align: top;
}
/*.list-type220 .list01 li .btns-wrap01{position:absolute;right:9px;bottom:0px;width:auto;}*/
.list-type220 .list01 .item-box01 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    height: 59px;
    padding-bottom: 0px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type220 .news-con {
    /*position:relative;*/
    padding: 8px 0 0 0;
    background-color: var(--ui-tag000);
}
.list-type220 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    height: 27px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type220 .list01 .item-box01 .tit-news:hover .title01 {
        opacity: 1;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type220 .swiper-area:not(.swiper-initialized) li {
        width: 300px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type220 .swiper-area:not(.swiper-initialized) li {
        max-width: 100%;
    }
    .list-type220 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
    }
    .list-type220 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type220 .swiper-area [class*="item-box0"] .btns-wrap01 .tlp-content {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* ---- ##list-type221 : [서브] 오피니언 상단 슬라이드 ---- */
.list-type221 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type221 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.list-type221 .list01 li {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 30px 48px 30px;
    border: 1px solid var(--ui-tag067);
    background-color: var(--ui-tag066);
}
.list-type221 .list01 li::after {
    content: "";
    display: block;
    position: absolute;
    left: -1.56px;
    bottom: -23px;
    z-index: 10;
    width: 24px;
    height: 24px;
    background-image: var(--ui-bg830);
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
}
.list-type221 .swiper-area {
    overflow: visible;
    padding-bottom: 24px !important;
}
.list-type221 .list01 [class*="item-box0"] {
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.list-type221 .list01 .tit-wrap {
    flex-shrink: 0;
}
.list-type221 .list01 li .tit-news {
    overflow: hidden;
    display: -webkit-box;
    height: 72px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type221 .list01 li [class*="img-con"] {
    z-index: 10;
    width: 116px;
    height: 78px;
    margin-bottom: 7px;
    margin-left: 24px;
    order: 1;
}
.list-type221 .list01 li [class*="img-con"] + .news-con {
    float: left;
    width: calc(100% - 140px);
}
.list-type221 .list01 li .lead {
    overflow: hidden;
    display: -webkit-box !important;
    box-sizing: border-box;
    width: 100%;
    height: 92px;
    max-height: none;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type221 .list01 li .tit-wrap:hover .title01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type221 .list01 li {
        padding: 40px 30px;
    }
    .list-type221 .list01 li .lead {
        height: 69px;
        -webkit-line-clamp: 3;
    }
    .list-type221 .list01 li [class*="img-con"] {
        width: 93px;
        height: 63px;
        margin-bottom: 3px;
    }
    .list-type221 .list01 li [class*="img-con"] + .news-con {
        width: calc(100% - 117px);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type221 .list01 li {
        padding: 30px 24px;
    }
    .list-type221 .list01 li .tit-news {
        height: 60px;
        font-size: 20px;
    }
    .list-type221 .list01 li .lead {
        height: 92px;
        padding-right: 0;
        -webkit-line-clamp: 4;
    }
    .list-type221 .list01 li [class*="img-con"] {
        width: 111px;
        height: 76px;
        margin-right: 24px;
        margin-bottom: 8px;
        margin-left: 0;
        order: 0;
    }
}
/* ---- ##[뉴스플러스] list-type222 : 뉴스플러스 이슈 슬라이드 ---- */
.list-type222 {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1022px;
    margin: 0 auto;
}
.list-type222 .swiper-area {
    position: relative;
}
.list-type222 .swiper-wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.list-type222::after {
    content: "";
    display: block;
    position: absolute;
    top: 42px;
    left: -1px;
    z-index: 5;
    width: 14px;
    height: 10px;
    background-color: var(--ui-tag009);
}
.list-type222 .swiper-wrapper .swiper-slide {
    position: relative;
}
.list-type222 .swiper-wrapper .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: 14px;
    z-index: 10;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: var(--font-color025);
}
.list-type222 .swiper-wrapper .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: calc(100% + 40px);
    height: 1px;
    border-top: 1px dashed var(--ui-tag004);
}
.list-type222 .swiper-wrapper .swiper-slide .item-box01 {
}
.list-type222 .swiper-wrapper .swiper-slide .txt-month {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 12px;
    padding: 7.5px 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--font-color025);
}
.list-type222 .swiper-wrapper .swiper-slide .txt-month .num {
    font-size: 28px;
    font-weight: 700;
    color: var(--font-color021);
}
.list-type222 .swiper-wrapper .swiper-slide .tit-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    gap: 8px;
}
.list-type222 .swiper-wrapper .swiper-slide .tit-wrap .txt-day {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 22px;
    border-radius: 2px;
    background-color: var(--ui-tag005);
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    color: var(--font-color005);
}
.list-type222 .swiper-wrapper .swiper-slide .tit-wrap .tit-news {
    overflow: hidden;
    display: block;
    width: auto;
    min-height: auto;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color005);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type222 .swiper-wrapper .swiper-slide .btn-type213 {
    margin-top: 12px;
}
.list-type222 .btn-dir001-prev {
    position: absolute;
    top: 50%;
    left: -120px;
    z-index: 10;
    width: 60px;
    height: 60px;
    margin-left: 0;
    background-size: 60px 60px;
    transform: translateY(-50%);
}
.list-type222 .btn-dir001-next {
    position: absolute;
    top: 50%;
    right: -120px;
    z-index: 10;
    width: 60px;
    height: 60px;
    margin-left: 0;
    background-size: 60px 60px;
    transform: translateY(-50%);
}
.list-type222 [class*="btn-dir001"]:after {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
}
.list-type222 .btn-dir001-next:after {
    transform: translate(-50%, -50%) rotate(180deg);
}
@media only screen and (min-width: 1024px) {
    .list-type222 [class*="item-box0"] a:hover .title01 {
        opacity: 1;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type222 {
        max-width: 800px;
    }
    .list-type222 .swiper-wrapper .swiper-slide::after {
        width: calc(100% + 40px);
    }
    .list-type222 .btn-dir001-prev {
        left: -90px;
    }
    .list-type222 .btn-dir001-next {
        right: -90px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type222 {
        max-width: calc(100% - 20px);
        max-height: 420px;
        margin: 5px auto 0;
        padding-bottom: 16px;
        overflow-y: auto; /*height:480px;*/
    }
    .list-type222 .swiper-wrapper {
        box-sizing: border-box;
        max-width: 375px;
        margin: 0 auto;
        padding: 0 16px;
    }
    .list-type222::-webkit-scrollbar {
        width: 4px;
    }
    .list-type222::-webkit-scrollbar-thumb {
        background-color: var(--ui-tag005);
    }
    .list-type222::-webkit-scrollbar-track {
        background-color: var(--ui-tag009);
    }
    .list-type222 .swiper-wrapper .swiper-slide::before {
        top: 29px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 4px;
    }
    .list-type222 .swiper-wrapper .swiper-slide {
        box-sizing: border-box;
        height: auto !important;
        padding-left: 16px;
    }
    .list-type222 .swiper-wrapper .swiper-slide .txt-month {
        padding: 6.5px 0;
        font-size: 16px;
    }
    .list-type222 .swiper-wrapper .swiper-slide .txt-month .num {
        font-size: 20px;
    }
    .list-type222 .swiper-wrapper .swiper-slide .tit-wrap {
        margin-top: 8px;
    }
    .list-type222 .swiper-wrapper .swiper-slide::after {
        top: 29px;
        left: 1px;
        width: 1px;
        height: calc(100% + 24px);
        border-top: 0;
        border-left: 1px dashed var(--ui-tag004);
    }
    .list-type222::after {
        display: none;
    }
    .list-type222 .btn-dir001-prev {
        display: none;
    }
    .list-type222 .btn-dir001-next {
        display: none;
    }
    .list-type222 .swiper-wrapper {
        flex-direction: column; /*height:296px;*/
    }
}

/* ---- ##list-type223 : [서브] 마켓플러스 리스트 ---- */
.list-type223 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 0;
}
.list-type223 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type223 > .list01 > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 8px;
    padding: 12px 0;
    border-bottom: 1px solid var(--ui-tag011);
}
.list-type223 .list01 li:first-child {
    padding-top: 0;
}
.list-type223 .list01 li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.list-type223 .list01 li .txt {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 24px;
    border-radius: 2px;
    background-color: var(--ui-tag005);
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    color: var(--font-color003);
}
.list-type223 .list01 li .tit-news {
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    padding-right: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type223 .list01 li .tit-news .title01 {
    display: inline;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type223 .list01 li .tit-news:hover .title01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type223::after {
        display: none;
    }
    .list-type223 {
        padding: 0 16px;
    }
}
/* ---- ##list-type224 : [서브] 마켓플러스 슬러그 기사 리스트 ---- */
.list-type224 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.list-type224 > .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 40px;
}
.list-type224 > .list01 > li {
    display: block;
    box-sizing: border-box;
    width: 33.3%;
}
.list-type224 .list01 .item-box01 {
    overflow: initial;
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type224 .list01 .item-box01 .img-con01::before {
    content: "";
    display: block;
    position: absolute;
    left: -11px;
    bottom: -11px;
    z-index: 10;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 11px solid var(--ui-tag060);
    border-right: 11px solid transparent;
    border-bottom: 11px solid transparent;
    transform: rotate(225deg);
}
.list-type224 .list01 .item-box01 .title-con05.style03 {
    margin-top: 32px;
}
.list-type224 .list01 .item-box01 .news-con {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type224 .list01 .item-box01 .news-con .tit-wrap {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type224 .list01 .item-box01 .news-con .lead {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    height: 69px;
    max-height: none;
    margin-top: 8px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.list-type224 .list01 .item-box01 .img-con01 .img {
    padding-top: 60.77%;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type224 .list01 li .tit-news:hover .title01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type224 > .list01 {
        gap: 32px;
    }
    .list-type224 .list01 .item-box01 .title-con05.style03 {
        margin-top: 28px;
        font-size: 14px;
    }
    .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news {
        height: 81px;
        font-size: 18px;
        -webkit-line-clamp: 3;
    }
    .list-type224 .list01 .item-box01 .news-con .lead {
        margin-top: 10px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type224 {
        padding: 0 16px;
    }
    .list-type224 > .list01 {
        flex-direction: column;
        gap: 24px;
    }
    .list-type224 .list01 > li {
        width: 100%;
    }
    .list-type224 .list01 .item-box01 .img-con01::before {
        display: none;
    }
    .list-type224 .list01 .item-box01 .title-con05.style03 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        margin-top: 0;
    }
    .list-type224 .list01 .item-box01 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 39px;
    }
    .list-type224 .list01 .item-box01 .img-con01 {
        flex-shrink: 0;
        width: 120px;
        height: 80px;
        margin-right: 12px;
    }
    .list-type224 .list01 .item-box01 .img-con01 .img {
        padding-top: 66.67%;
    }
    .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news {
        height: auto;
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .list-type224 .list01 .item-box01 .news-con .lead {
        display: none;
    }
    .list-type224 .tooltip-type02 .tlp-content > .info-box01 > .txt01 br {
        display: none;
    }
    /* 노이미지 */
    .list-type224 .img-none01 {
        display: none;
    }
}
/* ---- ##list-type225 : [서브] 마켓플러스 마켓인 ---- */
.list-type225 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type225 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type225 .list01 > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 30px;
}
.list-type225 .list01 > li:first-of-type {
    margin-top: 0;
}
.list-type225 .list01 > li .item-box01 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    width: 300px;
    height: 158px;
    padding: 20px;
    border-radius: 2px;
    column-gap: 20px;
}
.list-type225 .list01 > li:nth-of-type(odd) .item-box01 {
    background-color: var(--ui-tag068);
}
.list-type225 .list01 > li:nth-of-type(even) .item-box01 {
    background-color: var(--ui-tag037);
}
.list-type225 .list01 > li .item-box01 .txt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color001);
    text-align: left;
}
.list-type225 .list01 > li .item-box01 .img-con01 {
    overflow: hidden;
    display: block;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.list-type225 .list01 > li .item-box01 .img-con01 .img {
    padding-top: 100%;
}
.list-type225 .list01 > li .item-box01 .news-con {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type225 .list01 > li .item-box01 .news-con .tit-wrap {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news {
    margin-top: 12px;
    color: var(--font-color001) !important;
    text-align: left;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news:hover {
    text-decoration: none;
}
.list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news .title01 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color001) !important;
}
.list-type225 .list01 > li .item-box01 .img-con01 img {
    object-fit: cover;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type225 .list01 li .tit-news:hover .title01 {
        opacity: 1;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type225 .list01 > li .item-box01 {
        height: 147px;
    }
    .list-type225 .list01 > li .item-box01 .img-con01 {
        width: 70px;
        height: 70px;
    }
    .list-type225 .list01 > li .item-box01 .txt {
        font-size: 18px;
    }
    .list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news .title01 {
        font-size: 14px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type225 {
        width: 100%;
        padding: 0 16px;
    }
    .list-type225 .list01 > li .item-box01 {
        justify-content: center;
        align-items: flex-start;
        position: relative;
        width: 100%;
        height: auto;
        min-height: 110px;
    }
    .list-type225 .list01 > li .item-box01 .img-con01 {
        width: 70px;
        height: 70px;
    }
    .list-type225 .list01 > li .item-box01 .txt {
        font-size: 18px;
    }
    .list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news {
        margin-top: 8px;
    }
    .list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news .title01 {
        font-size: 18px;
    }
}
/* ---- ##list-type226 : [서브] 마켓플러스 리스트 ---- */
.list-type226 {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 290px;
}
.list-type226 .list01 {
    display: block;
    position: static;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px 0px 20px;
}
.list-type226 .list01 > li {
    display: block;
    position: static;
    box-sizing: border-box;
    width: 100%;
}
.list-type226 .list01 > li + li {
    margin-top: 16px;
}
.list-type226 .list01 > li .item-box01 {
    display: block;
    position: static;
    box-sizing: border-box;
    width: 100%;
}
.list-type226 .list01 > li .item-box01 .img-con01 {
    display: none;
}
.list-type226 > .tit01 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 76px;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color042);
}
.list-type226 .img-con01 {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.list-type226 .img-con01::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.list-type226 .img-con01 .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 0;
}
.list-type226 .img-con01 .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-type226 .img-con01 .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
    object-position: center top;
    object-fit: cover;
    filter: blur(15px);
}
.list-type226 .list01 > li .item-box01 .title01 {
    display: block;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    width: 100%;
    padding-left: 12px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color001);
}
.list-type226 .list01 > li .item-box01 .title01::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--ui-tag001);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type226 [class*="item-box0"] a:hover {
        opacity: 1;
    }
    .list-type226 a:hover .title01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type226 > .tit01 {
        font-size: 20px;
    }
    .list-type226 .list01 > li .item-box01 .title01 {
        font-size: 16px;
    }
    .list-type226 {
        min-height: 296px;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type226 {
        display: none;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type226 {
        display: none;
    }
}

/* ---- ##list-type227 : [서브] 마켓플러스 리스트2 ---- */
.list-type227 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
}
.list-type227 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.list-type227 .list01 li {
    display: flex;
    column-gap: 16px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.list-type227 .list01 li .item-box01 {
    display: block;
    box-sizing: border-box;
    width: 50%;
}
.list-type227 .list01 li .item-box01 [class*="img-con"] .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: 66.67%;
}
.list-type227 .list01 li .item-box01 [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-type227 .list01 li .item-box01 [class*="img-con"] .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-type227 .list01 li .item-box01 .tit01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type227 + .btns-wrap03 {
    margin-top: 20px !important;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type227 .list01 li .item-box01 [class*="img-con"] .img img {
        object-fit: contain;
        object-position: center center;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type227 .list01 li .item-box01 {
        width: 100%;
    }
    .list-type227 .list01 li .item-box01 [class*="img-con"] .img img {
        object-fit: contain;
        object-position: center center;
    }
}

/* ---- ##list-type228 : [우분투] 우분투 > 칼럼 (PFRT-2375) ---- */
.list-type228 [class*="item-box0"] {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.list-type228 [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    margin-right: 12px;
}
.list-type228 [class*="item-box0"] .tit-news {
    max-height: 69px;
    min-height: 24px;
    font-size: 16px;
    -webkit-line-clamp: 3;
}
.list-type228 .list01 {
    margin-top: 24px;
}
.list-type228 .list01 .tit-news {
    -webkit-line-clamp: 3;
    max-height: 71px;
    font-size: 15px;
}
.list-type228 a.txt-tag41 {
    padding-right: 0;
}
.list-type228 a.txt-tag41:after {
    display: none;
}
/* list-type228>list01,list02 */
.list-type228 .list01 li {
    margin-top: 12px;
    padding: 13px 4px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-type228 .list01 [class*="item-box0"] {
    min-height: 50px;
}
.list-type228 .list01 [class*="img-con"] {
    flex-shrink: 0;
    width: 50px;
}
.list-type228 .list01 .img-con01 {
    position: relative;
    top: 0;
}
.list-type228 .list01 .img {
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
    border-radius: 100%;
}
.list-type228 .list01 [class*="img-con"] .img:before {
    border-radius: 100%;
}
.list-type228 .list01 li:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type228 {
        padding: 0 16px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너영역 */
@media only screen and (max-width: 767px) {
    .list-type228 {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type228 {
        display: block;
        max-width: 100%;
    }
    .list-type228 .list01 {
        box-sizing: border-box;
        width: calc(50% - 16px);
        border: none;
    }
    .list-type228 .list01 {
        box-sizing: border-box;
        width: 100%;
    }
    .list-type228 .list01 li {
        margin-top: 12px;
        padding: 13px 0 0;
    }
    .list-type228 [class*="item-box0"] .tit-news {
        font-weight: 600;
    }
    .list-type228 .txt-tag50.style01 > .txt01 {
        height: 13px;
        min-height: auto;
        font-size: 11px;
        line-height: 13px;
    }
    .list-type228 a.txt-tag41 {
        font-size: 13px;
    }
    /* list-type228>list01,list02 */
    .list-type228 .list01 [class*="img-con"] {
        width: 60px;
    }
    .list-type228 .list02 li:first-of-type {
        border-top: 1px solid var(--ui-tag005);
    }
}

/* ---- ##[비주얼뉴스] list-type306 : 비주얼뉴스 YNA Shorts 채널 ---- */
.list-type306 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type306 .list01 {
    display: flex;
    width: 100%;
}
.list-type306 .list01 li {
    box-sizing: border-box;
    width: 100%;
}
.list-type306 .swiper-area:not(.swiper-initialized) li {
    width: 270px;
}
.list-type306 .list01 li .item-box01 .news-con:before {
    top: 14px;
    width: 16px;
    height: 27px;
    padding: 0;
    color: var(--font-color021);
    text-align: center;
}
.list-type306 .list01 li .item-box01 .img {
    overflow: hidden;
    display: block;
    padding-top: 176.2%;
    border-radius: 6px;
    background-position-y: 0 !important;
}
.list-type306 .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type306 .list01 li .tit-wrap {
    padding-right: 0;
}
.list-type306 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type306 .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type306 .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type306 .item-box01 .news-con {
    /*position:relative;*/
    padding: 16px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type306 .list01 .item-box01 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    height: 60px;
    font-size: 20px;
    line-height: 30px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type306 .list01 li .item-box01 .img {
        padding-top: 179.2%;
    }
    .list-type306 .swiper-area:not(.swiper-initialized) li {
        width: 230px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type306 {
        overflow: hidden;
    }
    .list-type306 .swiper-area {
        box-sizing: border-box;
        padding: 39px 16px 0 16px !important;
    }
    .list-type306 .list01 li {
        box-sizing: border-box; /*width:204px;*/
        width: 156px;
    }
    .list-type306 .list01 li .item-box01 .img {
        height: 176.3%;
    }
    .list-type306 .item-box01 .news-con {
        padding: 12px 0 0 0;
    }
    .list-type306 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type306 .news-con .txt-time {
        height: 19.5px;
        padding-top: 4px;
        font-size: 13px;
    }
    .list-type306 .list01 li .btns-wrap01 {
        float: left;
        position: initial;
        margin-top: 12px;
        text-align: left;
    }
}
@media only screen and (max-width: 374px) {
    .list-type306 {
        overflow: hidden;
    }
    .list-type306 .list01 li {
        width: 156px;
    }
}
/* ---- ##[비주얼뉴스] list-type300 : 비주얼뉴스 많이 본 영상. 더건강 영상 리스트 ---- */
.list-type300 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: -60px;
}
.list-type300 > .list01 {
    flex-wrap: wrap;
    display: flex;
    gap: 0 40px;
}
.list-type300 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
    padding-top: 60px;
}
.list-type300 > .list01 li.ads-item01 {
    display: none;
}
.list-type300 > .list01 li.ads-item01 [class*="aside-box1"] {
    margin-top: 0;
}
.list-type300 > .list01 li .item-box01 .news-con:before {
    top: 13px;
    width: 16px;
    height: 27px;
    padding: 0;
    color: var(--font-color021);
    text-align: center;
}
.list-type300 > .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type300 > .list01 li [class*="img-con"] .img {
    padding-top: 56.24%;
}
.list-type300 > .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type300 > .list01 li .tit-wrap {
    padding-right: 0;
    height: 54px;
}
.list-type300 > .list01 li .tit-news {
    font-size: 18px;
    line-height: 27px;
}
.list-type300 > .list01 li .btns-wrap01 {
    float: right;
    width: auto;
    height: 21px;
    margin-top: 8px;
}
.list-type300 .news-con .date {
    display: flex;
    align-items: center;
    float: left;
    margin-top: 8px;
    gap: 15px;
}
.list-type300 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type300.number01 .item-box01 .news-con {
    padding-left: 0;
}
.list-type300 > .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type300 > .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type300 .item-box01 .news-con {
    padding: 8px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type300 > .list01 .item-box01 .tit-news .title01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type300 .news-con .ico-type02-play01 {
    display: flex;
    align-items: center;
    height: 21px;
    margin-top: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type300 > .list01 {
        gap: 0 32px;
    }
    .list-type300 > .list01 li {
        width: calc((100% - 64px) / 3);
    }
    .list-type300 > .list01 .item-box01 .tit-news .title01 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type300 {
        margin-top: -40px;
    }
    .list-type300 > .list01 {
        gap: 0 40px;
    }
    .list-type300 > .list01 li {
        width: 100%;
        padding-top: 40px;
    }
    .list-type300 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type300 > .list01 li .tit-wrap {
        height: 48px;
    }
    .list-type300 > .list01 .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type300 .news-con .date {
        gap: 15px;
    }
    .list-type300 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type300 [class*="img-con"] a:hover .img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .list-type300 [class*="img-con"] a:hover .over-layer {
        display: none;
    }
    .list-type300 [class*="img-con"] a:hover .icon-play {
        display: none;
    }
}
/* ---- ##list-type301 : 주요포토, 많이 본 포토, 모멘트 ---- */
.list-type301 > .list01 {
    flex-wrap: wrap;
    display: flex;
    gap: 60px 40px;
}
.list-type301 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type301 > .list01 li .item-box01 .news-con:before {
    display: none;
}
.list-type301.number01 .list01 li .item-box01 .news-con .tit-news:before {
    content: counter(number01, decimal);
    display: inline-block;
    top: 14px;
    box-sizing: border-box;
    width: 16px;
    height: 27px;
    margin-right: 8px;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color021);
    text-align: center;
    counter-increment: number01;
}
.list-type301.number01 .item-box01 .news-con {
    padding-left: 0;
}
.list-type301 > .list01 li .tit-wrap .tit-news.style01 {
    height: 27px;
    -webkit-line-clamp: 1;
}
.list-type301 > .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type301 > .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type301 > .list01 li .tit-wrap {
    padding-right: 0;
}
.list-type301 li.ads-item01 {
    display: none;
}
/*.list-type301>.list01 li .btns-wrap01{position:absolute;right:0;bottom:0;z-index:10;width:auto;height:21px;}*/
.list-type301 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type301 > .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type301 > .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type301 .item-box01 .news-con {
    /*position:relative;*/
    padding: 8px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type301 > .list01 .item-box01 .tit-wrap {
    height: 54px;
}
.list-type301 > .list01 .item-box01 .tit-news .title01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 27px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type301 [class*="img-con"] .label-box01 {
    right: 13px;
    bottom: 11px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type301 > .list01 {
        gap: 60px 32px;
    }
    .list-type301 > .list01 li {
        width: calc((100% - 64px) / 3);
    }
    .list-type301 > .list01 .item-box01 .tit-news .title01 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type301 > .list01 {
        gap: 40px;
    }
    .list-type301 > .list01 li {
        width: 100%;
    }
    .list-type301 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type301 > .list01 li.ads-item01 .aside-box100 {
        margin-top: 0;
    }
    .list-type301 > .list01 .item-box01 .tit-wrap {
        height: 48px;
    }
    .list-type301 > .list01 .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type301 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##list-type302 : 섹션-더건강포토 767이하 모듈 변형---- */
.list-type302 > [class*="list0"] {
    flex-wrap: wrap;
    display: flex;
    column-gap: 20px;
    box-sizing: border-box;
}
.list-type302 > [class*="list0"] li {
    box-sizing: border-box;
    width: calc(100% - 20px);
}
.list-type302 > [class*="list0"] > li .tit-wrap .tit-news.style01 {
    height: 27px;
    -webkit-line-clamp: 1;
}
.list-type302 > [class*="list0"] li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type302 > [class*="list0"] li [class*="img-con"] .img:after {
    display: none;
}
.list-type302 > [class*="list0"] li .tit-wrap {
    padding-right: 0;
    height: 54px;
}
.list-type302 > [class*="list0"] li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type302 > [class*="list0"] li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type302 .item-box01 .news-con {
    /*position:relative;*/
    padding: 8px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type302 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: left;
    box-sizing: unset;
    max-width: 100%;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type302 > [class*="list0"] .item-box01 .tit-news .title01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 27px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type302 .list01 li {
    box-sizing: border-box;
    width: 100%;
}
.list-type302 .list02 li {
    box-sizing: border-box;
    width: calc(50% - 10px);
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type302 > [class*="list0"] .item-box01 .tit-news .title01 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type302 > [class*="list0"] {
        width: 100%;
        padding: 0 16px;
    }
    .list-type302 > [class*="list0"] li {
        flex-shrink: 0;
        box-sizing: border-box;
        width: 100%;
        margin-top: 12px;
        padding: 13px 0 0;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type302 > [class*="list0"] li:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .list-type302 .item-box01 {
        display: flex;
        width: 100%;
        max-width: 100%;
    }
    .list-type302 [class*="img-con"] {
        flex-shrink: 0;
        width: 120px;
        margin-right: 12px;
    }
    .list-type302 > [class*="list0"] li .tit-wrap {
        height: 48px;
    }
    .list-type302 > [class*="list0"] .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type302 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type302 .btns-wrap01 {
        position: relative;
    }
    .list-type302 [class*="item-box0"] .btns-wrap01 .tlp-content {
        top: 30px;
        left: auto;
        right: 30px;
        transform: none;
    }
    /* 노이미지 */
    .list-type302 .img-none01 {
        display: none;
    }
    .list-type302 .img-none01 + .news-con .tit-news {
        height: auto;
        max-height: 48px;
    }
}
/* ---- ##list-type303 : 섹션-더건강 영상 767이하 모듈 스크롤 변형 ---- */
.list-type303 [class*="list0"] {
    display: flex;
    box-sizing: border-box;
    width: calc(100% + 20px);
}
.list-type303 [class*="list0"] li {
    box-sizing: border-box;
    padding-right: 20px;
}
.list-type303 [class*="list0"] li .tit-wrap .tit-news.style01 {
    height: 27px;
    -webkit-line-clamp: 1;
}
.list-type303 [class*="list0"] li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type303 [class*="img-con"] .img {
    padding-top: 56.24%;
}
.list-type303 [class*="list0"] li [class*="img-con"] .img:after {
    display: none;
}
.list-type303 [class*="list0"] li .tit-wrap {
    padding-right: 0;
    height: 54px;
}
.list-type303 [class*="list0"] li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type303 [class*="list0"] li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type303 .news-con {
    margin-top: 8px;
}
.list-type303 .news-con .date {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 15px;
}
.list-type303 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type303 .ico-type02-play01 {
    margin-top: 0;
    margin-left: 5px;
}
.list-type303 [class*="list0"] .item-box01 .tit-news .title01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 27px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type303 .list01 li {
    box-sizing: border-box;
    width: 33.3%;
}
.list-type303 .list02 {
    box-sizing: border-box;
}
.list-type303 .list02 li {
    width: 50%;
}
/*.list-type303 [class*='tooltip-type0'] .tlp-content{right: -53px;}*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type303 [class*="list0"] .item-box01 .tit-news .title01 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type303 .swiper-area > [class*="list0"] {
        display: flex;
        width: 100%;
        padding-left: 16px;
    }
    .list-type303 .swiper-area {
        overflow: visible;
        padding-right: 16px;
    }
    .list-type303 .swiper-area > [class*="list0"] li {
        box-sizing: border-box;
        width: 236px;
        padding-right: 16px;
    }
    .list-type303 .swiper-area > [class*="list0"] li:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .list-type303 .swiper-area > [class*="list0"] li .tit-wrap {
        height: 48px;
    }
    .list-type303 .swiper-area > [class*="list0"] .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type303 .swiper-area > [class*="list0"] li .btns-wrap01 {
        bottom: 18px;
    }
    .list-type303 .news-con {
        margin-top: 8px;
    }
    /*	.list-type303 .news-con .date{display:block;}*/
    .list-type303 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type303 .news-con .date {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 1px;
        align-items: flex-start;
    }
}

/* ---- ##[비주얼뉴스] list-type304 : 비주얼뉴스 #D ---- */
.list-type304 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type304 > .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding-bottom: 15px;
    gap: 60px 40px;
    flex-wrap: wrap;
}
.list-type304 > .list01 li.top-news {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    padding: 48px 0;
}
.list-type304 > .list01 li.top-news .item-box01 {
    display: flex;
    justify-content: flex-start;
    box-shadow: none;
    z-index: 10;
    z-index: 10;
    border: none;
}
.list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] {
    flex-shrink: 0;
    width: 480px;
    height: 270px;
}
.list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] .img {
    padding-top: 56.2%;
}
.list-type304 > .list01 li.top-news [class*="img-con"]:after,
.list-type304 > .list01 li.top-news [class*="img-con"]:before {
    display: none;
}
.list-type304 > .list01 li.top-news .img-none01:after {
    display: block;
}
.list-type304 > .list01 li.top-news .img-none01 .img:after {
    display: none;
}
.list-type304 > .list01 li.top-news .item-box01 .news-con {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0 40px;
}
.list-type304 > .list01 li.top-news .txt-type003 {
    position: relative !important;
}
.list-type304 > .list01 li.top-news .txt-type003:before {
    content: "";
    display: block;
    position: absolute;
    left: -4px;
    bottom: -3px;
    width: 8px;
    height: 8px;
    background-color: var(--ui-tag030);
    transform: rotate(45deg);
}
.list-type304 > .list01 li.top-news .txt-type003 > .txt01 {
    display: inline-block;
    box-sizing: border-box;
    height: 26px;
    padding: 2px 8px 3px 8px;
    background-color: var(--ui-tag030);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color001);
}
.list-type304 > .list01 li.top-news .txt-type003:hover {
    opacity: 1;
}
.list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 {
    clear: both;
    float: none;
    position: relative;
    margin-top: 0;
    padding-top: 10px;
    text-align: left;
}
.list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 {
    position: relative;
}
.list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 .tlp-content {
    right: 0;
}
.list-type304 > .list01 li.top-news .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 50% 50%;
}
.list-type304 > .list01 li.top-news .btns-wrap01 .btn-type001:before {
    background-position: 0 50%;
}
.list-type304 > .list01 li.top-news .item-box01 .tit-news {
    display: -webkit-box;
    height: auto;
    margin-top: 14px;
    font-size: 36px;
    line-height: 47px;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type304 > .list01 li.top-news .item-box01 .txt-time {
    margin-top: 16px;
    padding-top: 0;
}
.list-type304 > .list01 li.top-news .tit-wrap {
    padding-top: 0 !important;
}
.list-type304 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type304 > .list01 li.ads-item01 {
    display: none;
    width: 100%;
}
.list-type304 > .list01 li.ads-item01 .aside-box100 {
    margin-top: 0;
}
.list-type304 .item-box01 {
    position: relative;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid var(--ui-tag011);
}
.list-type304 .item-box01:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag011);
}
.list-type304 [class*="img-con"] {
    overflow: hidden;
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 16px;
}
.list-type304 [class*="item-box0"] .img-none01 {
    background: var(--ui-tag000);
}
.list-type304 [class*="img-con"] .img {
    overflow: hidden !important;
    padding-top: 56.56%;
}
.list-type304 .news-con {
    padding: 0 16px 16px;
}
.list-type304 .news-con:after {
    content: "";
    display: block;
    clear: both;
}
.list-type304 .tit-wrap {
    display: inline-flex !important;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding-top: 21px;
}
.list-type304 .tit01 {
    display: inline-block;
    max-width: 100%;
}
.list-type304 .tit-news {
    height: 54px;
    max-height: initial;
    margin-top: 4px;
    font-size: 18px;
    -webkit-line-clamp: 2;
}
.list-type304 .txt-type003 {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 21px;
}
.list-type304 .txt-type003 > .txt01 {
    line-height: 1;
    font-weight: 600;
}
.list-type304 .txt-type003:hover {
    opacity: 1 !important;
}
.list-type304 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type304 > .list01 li .btns-wrap01 {
    float: right; /*position:absolute;right:16px;bottom:17px;*/
    z-index: 10;
    width: auto;
    height: 21px;
}
.list-type304 > .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type304 > .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
/* 그라데이션 */
.list-type304 [class*="img-con"] .img:after {
    content: "";
    opacity: 0.9;
    display: block;
    position: absolute;
    top: 0 !important;
    left: 50% !important;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: none !important;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1b1d1f 98.89%, #111 98.89%);
    transform: rotate(0deg) translateX(-50%) !important;
}
/* 해당 리스트 말풍선 스타일 */
.list-type304 [class*="item-box0"].style01 [class*="img-con"]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 1px;
    border-top: 16px solid transparent;
    border-left: 16px solid var(--ui-tag003);
    transform: rotate(-270deg);
}
/* 노이미지 */
.list-type304 [class*="item-box0"].style01 [class*="img-con"].img-none01:before {
    display: none;
}
/* 기존 말풍선 스타일 */
/*.list-type304 [class*='item-box0'].style01 .img:after{display:none;}*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type304 > .list01 li.top-news {
        padding: 48px 0;
    }
    .list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] {
        width: 400px;
        height: 225px;
    }
    .list-type304 > .list01 li.top-news .item-box01 .news-con {
        padding: 0 0 0 32px;
    }
    .list-type304 > .list01 li.top-news .item-box01 .tit-news {
        font-size: 32px;
        line-height: 42px;
    }
    .list-type304 > .list01 li.top-news .item-box01 .txt-time {
        margin-top: 18px;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 {
        margin-top: 18px;
    }
    .list-type304 > .list01 {
        gap: 60px 32px;
    }
    .list-type304 > .list01 li {
        width: calc((100% - 64px) / 3);
    }
}
@media only screen and (max-width: 767px) {
    .list-type304 > .list01 li.top-news {
        padding: 32px 0;
    }
    .list-type304 > .list01 li.top-news .txt-type003 {
        margin-top: 10px;
    }
    .list-type304 > .list01 li.top-news:before {
        left: 100%;
        width: 16px;
    }
    .list-type304 > .list01 li.top-news:after {
        right: 100%;
        width: 16px;
    }
    .list-type304 > .list01 li.top-news .item-box01 {
        flex-wrap: wrap;
    }
    .list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] {
        width: 100%;
        height: auto;
    }
    .list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] .img {
        padding-top: 66.67%;
    }
    .list-type304 > .list01 li.top-news .item-box01 .news-con {
        padding: 0 0 0 0;
    }
    .list-type304 > .list01 li.top-news .item-box01 .tit-news {
        height: auto;
        font-size: 28px;
        line-height: 36.4px;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 {
        clear: unset;
        float: right;
        position: static;
        margin-top: 0;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 {
        position: static;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 .tlp-content {
        right: auto;
    }
    .list-type304 > .list01 {
        gap: 40px;
    }
    .list-type304 > .list01 li {
        width: 100%;
    }
    .list-type304 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type304 > .list01 [class*="img-con"] {
        padding-bottom: 12px;
    }
    .list-type304 > .list01 [class*="item-box0"].style01 [class*="img-con"]:before {
        border-left-width: 12px;
        border-top-width: 12px;
    }
    .list-type304 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type304 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type304 .txt-type003 {
        line-height: 20px;
    }
    .list-type304 .txt-type003 > .txt01 {
        font-size: 13px;
    }
}

/* ---- ##[비주얼뉴스] list-type305 : 비주얼뉴스 YNA Shorts 채널 ---- */
.list-type305 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type305 > .list01 {
    flex-wrap: wrap;
    display: flex;
    gap: 60px 40px;
}
.list-type305 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 120px) / 4);
}
.list-type305 > .list01 li .item-box01 .news-con:before {
    top: 14px;
    width: 16px;
    height: 27px;
    padding: 0;
    color: var(--font-color021);
    text-align: center;
}
.list-type305 > .list01 li .item-box01 .img {
    overflow: hidden;
    display: block;
    padding-top: 173.2%;
    border-radius: 6px;
    background-position-y: 0 !important;
}
.list-type305 > .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type305 > .list01 li .tit-wrap {
    padding-right: 0;
}
.list-type305 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type305 > .list01 li .btns-wrap01 {
    z-index: 10;
    width: auto;
    height: 21px;
}
.list-type305 > .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type305 > .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type305 .item-box01 .news-con {
    position: relative;
    padding: 16px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type305 > .list01 .item-box01 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    height: 58px;
    font-size: 20px;
    line-height: 30px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type305 > .list01 li.ads-item01 {
    display: none;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type305 > .list01 {
        flex-wrap: wrap;
        display: flex;
        gap: 60px 32px;
    }
    .list-type305 > .list01 li {
        box-sizing: border-box;
        width: calc((100% - 96px) / 4);
    }
    .list-type305 > .list01 li .item-box01 .img {
        padding-top: 179.2%;
    }
    .list-type305 > .list01 .item-box01 .tit-news {
        font-size: 18px;
        line-height: 27px;
    }
    .list-type305 .item-box01 .news-con {
        padding: 8px 0 0 0;
    }
    .list-type305 .news-con .txt-time {
        font-size: 13px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type305 > .list01 {
        flex-wrap: wrap;
        display: flex;
        gap: 40px 16px;
    }
    .list-type305 > .list01 li {
        box-sizing: border-box;
        width: calc((100% - 16px) / 2);
    }
    .list-type305 > .list01 li.on {
        position: relative;
        z-index: 15;
    } /* li z-index제어 공유 레이어show시 z-index제어를 위해 추가 */
    /*	.list-type305>.list01 li .tlp-content{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}*/
    .list-type305 > .list01 li .tlp-content {
        top: 30px;
        left: auto;
        right: 30px;
        transform: none;
    }
    /*	.list-type305>.list01 li:nth-child(even) .tlp-content{left:auto;right:30px;}
	.list-type305>.list01 li:nth-child(odd) .tlp-content{left:0;}*/
    .list-type305 > .list01 .item-box01 .tit-news {
        height: 54px;
        font-size: 18px;
        line-height: 27px;
    }
    .list-type305 .news-con .txt-time {
        padding-top: 4px;
    }
    .list-type305 > .list01 li .btns-wrap01 {
        position: relative;
        margin-top: 12px;
        text-align: left;
    }
    .list-type305 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type305 > .list01 li.ads-item01 .aside-box100 {
        margin-top: 0;
    }
}

/* ---- ##[뉴스플러스] list-type307 : 뉴스플러스 리스트 ---- */
.list-type307 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type307 .list01 {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
}
.list-type307 .list01 li {
    box-sizing: border-box;
    width: calc((100% - 120px) / 4);
    border: 1px solid var(--ui-tag000);
}
.list-type307 .list01 li > .item-box01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--ui-tag005);
}
.list-type307 .list01 li:hover {
    border: 1px solid var(--ui-tag030);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.list-type307 .list01 li:hover > .item-box01 {
    border: 1px solid var(--ui-tag030);
}
.list-type307 .list01 li .news-con {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 16px 16px 24px 16px;
    background-color: var(--ui-tag001);
}
.list-type307 .list01 li .news-con .btn-type411-toggle {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
}
.list-type307 .list01 li .news-con .txt-type003 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 28px;
}
.list-type307 .list01 li .news-con .txt-type003 > .txt01 {
    font-weight: 500;
}
.list-type307 .list01 li .news-con .txt-type003:hover {
    opacity: 1;
    text-decoration: none;
}
.list-type307 .list01 li .news-con .tit-wrap {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
}
.list-type307 .list01 li .news-con .tit-wrap .tit-news {
    overflow: hidden;
    display: -webkit-box;
    height: 54px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color003);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.list-type307 [class*="img-con"] .img .label-box01 {
    right: 8px;
    bottom: 8px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) {
    .list-type307 [class*="item-box0"] a:hover {
        opacity: 1;
        text-decoration: unset;
    }
    .list-type307 [class*="item-box0"] a:hover .title01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type307 .list01 {
        gap: 40px 32px;
    }
    .list-type307 .list01 li {
        width: calc((100% - 64px) / 3);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type307 .list01 {
        gap: 40px;
    }
    .list-type307 .list01 li {
        width: 100%;
    }
    .txt-type003 > .txt01 {
        font-size: 13px;
    }
    .list-type307 .list01 li .news-con .tit-wrap .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type307 .list01 li {
        border: 1px solid var(--ui-tag005);
    }
    .list-type307 .list01 li > .item-box01 {
        border: 0;
    }
    .list-type307 .list01 li:hover {
        border: 1px solid var(--ui-tag005);
        box-shadow: none;
    }
    .list-type307 .list01 li:hover > .item-box01 {
        border: 0;
    }
}

/* ---- ##[뉴스플러스] list-type308 뉴스플러스 관심사뉴스패키지서브 ---- */
.list-type308 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type308 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type308 .list01 li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 20px;
}
.list-type308 .list01 li + li {
    padding-top: 20px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type308 .list01 li [class*="item-box0"] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
}
.list-type308 .list01 li [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    width: 242px;
    height: 162px;
}
.list-type308 .list01 li [class*="item-box0"] .news-con {
    position: relative;
}
.list-type308 .list01 li [class*="item-box0"] .tit-news {
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
    color: var(--font-color003);
}
/*.list-type308 .list01 li [class*='item-box0'] .tit-news:hover{opacity: 0.5;}*/
.list-type308 .list01 li [class*="item-box0"] .txt-time {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type308 .list01 li [class*="item-box0"] .lead {
    display: -webkit-box;
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type308 .list01 li [class*="item-box0"] .btns-wrap01 {
    display: inline-block; /*position:absolute;right:0;bottom:-4px;*/
    z-index: 10;
    width: auto;
    vertical-align: top;
}
.list-type308 + .paging-type01 {
    margin-top: 20px !important;
}
.list-type308 [class*="item-box0"] .btns-wrap01 .tlp-content {
    top: 30px;
    left: auto;
    right: 30px;
    bottom: auto;
    transform: none;
}
/* 노이미지 */
.list-type308 .list01 li [class*="item-box0"] .img-none01 {
    display: none !important;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type308 .list01 li {
        padding-bottom: 16px;
    }
    .list-type308 .list01 li + li {
        padding-top: 16px;
    }
    .list-type308 .list01 li [class*="item-box0"] {
        gap: 32px;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type308 .list01 li {
        padding-bottom: 16px;
    }
    .list-type308 .list01 li + li {
        padding-top: 16px;
    }
    .list-type308 .list01 li [class*="item-box0"] {
        gap: 12px;
    }
    .list-type308 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 120px;
        height: 80px;
    }
    .list-type308 .list01 li [class*="item-box0"] .tit-news {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 60px;
        font-size: 18px;
        line-height: 27px;
    }
    .list-type308 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 11px;
        font-size: 13px;
        line-height: 20px;
    }
    .list-type308 .list01 li [class*="item-box0"] .lead {
        display: none;
    }
    /* 노이미지 */
    .list-type308 .img-none01 {
        display: none;
    }
}

/* ---- ##[뉴스플러스] list-type309 뉴스플러스 이슈홈 리스트 ---- */
.list-type309 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type309 .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 60px 40px;
    flex-wrap: wrap;
}
.list-type309 .list01 > li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type309 .list01 > li .title-type001 {
    width: 100%;
    padding-bottom: 16px;
}
.list-type309 .list01 > li .title-type001 .tit01 {
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type309 .list01 > li .title-type001 {
    padding-bottom: 16px;
}
.list-type309 .list01 > li .title-type001 .tit01:hover {
    color: var(--font-color003);
}
.list-type309 .list01 > li .item-box01 .list-related03 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 12px;
}
.list-type309 .list01 > li .item-box01 .list-related03 > li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}
.list-type309 .list01 > li .list-related03 > li + li {
    border-top: 1px solid var(--ui-tag005);
}
.list-type309 .list01 > li .list-related03 > li a {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 12px 0;
}
.list-type309 .list01 > li .list-related03 > li a .tit01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.list-type309 .list01 > li .item-box01 .img {
    padding-top: 66.76%;
}
.list-type309 .list01 > li .list-related03 {
    padding-top: 12px;
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type309 .list01 {
        gap: 40px;
    }
    .list-type309 .list01 > li {
        width: 100%;
    }
    .list-type309 .list01 > li .title-type001 {
        padding-bottom: 0;
    }
}

/* ---- ##list-type310 : [서브] 사람들 메인 ---- */
/* 사람들 > 인사, 부고, 동정/게시판 */
.list-type310 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 20px;
}
.list-type310 > [class*="area"] {
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 40px) / 3);
    padding: 30px 30px 48px 30px;
    border: 1px solid var(--ui-tag005);
}
.list-type310 > [class*="area"]::before {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 10;
    width: 30px;
    height: 30px;
    background-color: var(--ui-tag001);
}
.list-type310 > [class*="area"]::after {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 20;
    width: 0;
    height: 0;
    border-top: 21px solid var(--ui-tag000);
    border-left: 21px solid var(--ui-tag000);
    border-right: 21px solid var(--ui-tag000);
    border-bottom: 21px solid var(--ui-tag000);
    transform: rotate(135deg);
}
.list-type310 > [class*="area"].object01 {
    background-color: var(--ui-tag009);
}
.list-type310 > [class*="area"].object01::after {
    border-top: 21px solid var(--ui-tag031);
}
.list-type310 > [class*="area"].object02 {
    background-color: var(--ui-tag007);
}
.list-type310 > [class*="area"].object02::after {
    border-top: 21px solid var(--ui-tag012);
}
.list-type310 > [class*="area"].object03 {
    background-color: var(--ui-tag065);
}
.list-type310 > [class*="area"].object03::after {
    border-top: 21px solid var(--ui-tag034);
}
.list-type310 > [class*="area"] .title-type001 {
    margin-bottom: 4px;
}
.list-type310 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type310 .list01 > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type310 .list01 > li + li {
    border-top: 1px solid var(--ui-tag005);
}
.list-type310 .tit-wrap {
    padding: 12px 0;
}
.list-type310 .tit-wrap .tit-news {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type310 .tit-wrap .tit-news:hover .title01 {
        opacity: 1 !important;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type310 {
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type310 > [class*="area"] {
        width: 100%;
    }
    .list-type310 .list01 {
        flex-wrap: wrap;
    }
    .list-type310 .tit-wrap .tit-news {
        font-size: 15px;
    }
}

/* ---- ##[뉴스플러스] list-type311 ---- */
/* 사람들 > 인사, 부고, 동정/게시판 */
.list-type311 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type311 .list01 > li + li {
    border-top: 1px solid var(--ui-tag005);
}
.list-type311 .tit-wrap {
    padding: 12px 0;
}
.list-type311 .tit-wrap .tit-news {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type311 .tit-wrap .tit-news:hover .title01 {
        opacity: 1 !important;
    }
}
/* ---- ##[뉴스플러스] list-type312 오피니언 서미숙의 집수다 리스트 ---- */
.list-type312 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    gap: 40px; /*padding-bottom:24px;*/
}
.list-type312 [class*="list0"] {
    display: block;
    box-sizing: border-box;
}
.list-type312 .list01 {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 246px;
}
.list-type312 .list01 li [class*="img-con"] {
    width: 246px;
    height: 164px;
    margin-bottom: 8px;
}
.list-type312 .list01 .img {
    width: 100%;
    padding-top: 66.67%;
}
.list-type312 .list01 li .tit-wrap .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type312 .list02 {
    width: calc(100% - 286px);
}
.list-type312 .list02 li {
    width: 100%;
    border-bottom: 1px solid var(--ui-tag005);
}
.list-type312 .list02 li:last-child {
    border-bottom: 0;
}
.list-type312 .list02 li .tit-wrap {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 16px 0;
}
.list-type312 .list02 li:last-child .tit-wrap {
    padding-bottom: 0;
}
.list-type312 .list02 li .tit-wrap .tit-news {
    display: block;
}
.list-type312 .list02 li .tit-wrap .tit-news .title01 {
    overflow: hidden;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    color: var(--font-color003);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type312 .list02 li:first-child .tit-wrap {
    padding-top: 0;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type312 [class*="list0"] li .tit-news:hover .title01 {
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type312 {
        padding-bottom: 0;
    }
    .list-type312 .list01 {
        width: 220px;
    }
    .list-type312 .list01 li [class*="img-con"] {
        width: 220px;
        height: 147px;
    }
    .list-type312 .list02 {
        width: calc(100% - 260px);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type312 {
        flex-direction: column;
        gap: 0;
        padding: 0 16px;
    }
    .list-type312 .list01 {
        width: 100%;
    }
    .list-type312 .list01 li {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        gap: 12px;
    }
    .list-type312 .list01 li [class*="img-con"] {
        flex-shrink: 0;
        width: 120px;
        height: 80px;
        margin-bottom: 0;
    }
    .list-type312 .list01 li .tit-wrap {
        width: 100%;
    }
    .list-type312 .list01 li .tit-wrap .tit-news {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type312 .list01 li [class*="img-con"] {
        margin-bottom: 24px;
    }
    .list-type312 .list02 {
        width: 100%;
    }
    .list-type312 .list02 li .tit-wrap {
        padding: 12px 0;
    }
    .list-type312 .list02 li:last-child .tit-wrap {
        padding-bottom: 0;
    }
    .list-type312 .list02 li .tit-wrap .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    /* 노이미지 */
    .list-type312 .img-none01 {
        display: none;
    }
    .list-type312 .img-none01 + .tit-wrap {
        box-sizing: border-box;
        margin-bottom: 12px;
        padding-bottom: 13px;
        border-bottom: 1px solid var(--ui-tag005);
    }
}

/* ---- [뉴스플러스].box-type001.box-major02>list-type312 오피니언 서미숙의 집수다 리스트 ---- */
.box-major02 {
    margin-top: 0 !important;
    padding: 24px 0;
    border-bottom: 1px solid var(--ui-tag005);
}
.container511 .section01 .box-major02 {
    padding: 40px 0 0;
    border-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container511 .section01 .box-major02 {
        padding: 32px 0 0;
    }
    .page-opinion .container511 .section01 .box-major02:first-of-type {
        padding-top: 32px !important;
    }
}
@media only screen and (max-width: 767px) {
    .container511 .section01 .box-major02 {
        padding: 32px 0 0;
    }
    .page-opinion .container511 .section01 .box-major02:first-of-type {
        padding-top: 32px !important;
    }
}
.box-major02:last-child {
    border-bottom: 0;
}
.box-major02:first-child {
    padding-top: 0; /*border-top:0;*/
}
.title-type001.arr01 + .list-type312 {
    margin-top: 16px;
}
.box-major02 + .aside-box008 {
    margin-top: 24px !important;
}
.box-major02 + .aside-box008 .ads-box {
    margin-bottom: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-major02 {
        padding: 24px 0;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-major02 {
        padding: 40px 0 0;
        border-bottom: 0;
    }
}
/* ---- ##[뉴스플러스] list-type313 이슈 서브 포토,그래픽 ---- */
.list-type313 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type313 > .list01 {
    /*overflow:hidden;*/
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 60px 40px;
    flex-wrap: wrap;
}
.list-type313 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type313 > .list01 li.ads-item01 {
    display: none;
}
.list-type313 > .list01 li .news-con {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
}
.list-type313 > .list01 li .news-con .tit-news {
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
    height: 54px;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type313 > .list01 li .txt-time {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type313 [class*="img-con"] a::after {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 12px solid var(--ui-tag045);
}
.list-type313 [class*="img-con"] .label-box01 {
    opacity: 1;
    right: 8px;
    bottom: 5px;
}
/* 보고있는 리스트 활성화 */
.list-type313 .active [class*="img-con"] a:after {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}
.list-type313 .active [class*="img-con"] a .label-box01 {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type313 [class*="img-con"] a:hover:after {
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
    }
    .list-type313 [class*="img-con"] a:hover .label-box01 {
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type313 > .list01 {
        gap: 60px 32px;
    }
    .list-type313 > .list01 li {
        width: calc((100% - 64px) / 3);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type313 > .list01 {
        gap: 40px;
    }
    .list-type313 > .list01 li {
        width: 100%;
    }
    .list-type313 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type313 > .list01 li.ads-item01 .aside-box100 {
        margin-top: 0;
    }
    .list-type313 > .list01 li .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type313 > .list01 li .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[뉴스플러스] list-type314 오피니언 홈 논&설 ---- */
.list-type314 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type314 > .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
}
.list-type314 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type314 > .list01 li .news-con {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-top: 8px;
}
.list-type314 > .list01 li .news-con .tit-news {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    height: 60px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
}
.list-type314 > .list01 li .txt-time {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
/*.list-type314>.list01 li .btns-wrap01{display:inline-block;position:absolute;right:-8px;bottom:-5px;z-index:10;width:auto;vertical-align:top;}*/
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type314 > .list01 {
        gap: 60px 32px;
    }
    .list-type314 > .list01 li {
        width: calc((100% - 64px) / 3);
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type314 {
        padding: 0 16px;
    }
    .list-type314 > .list01 {
        gap: 0;
        flex-direction: column;
    }
    .list-type314 > .list01 li {
        box-sizing: border-box;
        width: 100%;
        padding: 12px 0;
    }
    .list-type314 > .list01 li:first-of-type {
        padding-top: 0;
    }
    .list-type314 > .list01 li + li {
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type314 > .list01 li .item-box01 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        gap: 16px;
    }
    .list-type314 > .list01 li .item-box01 .img-con01 {
        flex-shrink: 0;
        width: 120px;
        height: 80px;
    }
    .list-type314 > .list01 li .news-con {
        margin-top: 0;
    }
    .list-type314 > .list01 li .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type314 > .list01 li .txt-time {
        font-size: 13px;
    }
    .list-type314 [class*="item-box0"] .btns-wrap01 {
        position: relative;
    }
    .list-type314 [class*="item-box0"] .btns-wrap01 .tlp-content {
        top: 30px;
        left: auto;
        right: 30px;
        transform: none;
    }
    /* 노이미지 */
    .list-type314 .img-none01 {
        display: none;
    }
    .list-type314 .img-none01 + .news-con .tit-news {
        height: auto !important;
        max-height: 48px;
    }
}

/* ---- ##[뉴스플러스] list-type315 : 이슈 서브 영상 ---- */
.list-type315 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type315 > .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 60px 40px;
    flex-wrap: wrap;
}
.list-type315 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
}
.list-type315 > .list01 li .item-box01 .news-con:before {
    top: 13px;
    width: 16px;
    height: 27px;
    padding: 0;
    color: var(--font-color021);
    text-align: center;
}
.list-type315 > .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type315 > .list01 li [class*="img-con"] .img {
    padding-top: 55.986%;
}
.list-type315 > .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type315 > .list01 li .tit-wrap {
    display: block;
    width: 100%;
    padding-right: 0;
}
.list-type315 > .list01 li .tit-news {
    font-size: 18px;
    line-height: 27px;
}
.list-type315.number01 .list01 li .item-box01 .news-con:before {
    display: none;
}
.list-type315.number01 .list01 li .item-box01 .news-con .tit-news:before {
    content: counter(number01, decimal);
    display: inline-block;
    top: 14px;
    box-sizing: border-box;
    width: 16px;
    height: 27px;
    margin-right: 8px;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color021);
    text-align: center;
    counter-increment: number01;
}
.list-type315 .news-con .date {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 15px;
}
.list-type315 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type315.number01 .item-box01 .news-con {
    padding-left: 0;
}
.list-type315 > .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type315 > .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type315 .item-box01 .news-con {
    padding: 16px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type315 > .list01 .item-box01 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    height: 54px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type315 .news-con .ico-type02-play01 {
    display: flex;
    align-items: center;
    height: 21px;
    margin-top: 0;
}
.list-type315 [class*="img-con"] a {
    display: block;
}
.list-type315 [class*="img-con"] .over-layer {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.list-type315 [class*="img-con"] a:hover .over-layer {
    opacity: 1;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*.list-type315  [class*='img-con'] .icon-play{opacity:0;display:block;position:absolute;top:50%;left:50%;z-index:1;width:80px;height:80px;margin:-42px 0 0 -41px;background:url('../img/ico_play05.svg') no-repeat;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;transition:opacity 0.3s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.list-type315 [class*='img-con'] a:hover .icon-play{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}*/
.list-type315 [class*="img-con"] .img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.list-type315 [class*="img-con"] a:hover .img {
    z-index: -1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type315 > .list01 {
        gap: 60px 32px;
    }
    .list-type315 > .list01 li {
        width: calc((100% - 64px) / 3);
    }
}
@media only screen and (max-width: 767px) {
    .list-type315 > .list01 {
        gap: 40px;
    }
    .list-type315 > .list01 li {
        width: 100%;
    }
    .list-type315 > .list01 li .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type315 > .list01 li .txt-time {
        font-size: 13px;
    }
}
/* ---- ##[뉴스플러스] list-type315 : 기자홈 기자리스트 ---- */
.list-type316 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type316 > .list01 {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
}
.list-type316 > .list01 > li {
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 80px) / 3);
    height: 230px;
    padding: 20px;
    border: 1px solid var(--ui-tag005);
    background-color: var(--font-color001);
}
.list-type316 > .list01 > li .img-con01 {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.list-type316 [class*="img-con"] .img:before {
    border-radius: 100%;
}
.list-type316 > .list01 > li .img-con01.img-none01:after {
    content: "";
    opacity: 0.1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background-image: var(--ui-bg503);
    background-size: 100% auto;
    transform: translate(-50%, -50%);
    filter: var(--ui-filter012);
}
.list-type316 > .list01 > li .img-con01 .img {
    overflow: hidden;
    padding-top: 100%;
    border-radius: 80px;
}
.list-type316 > .list01 > li .btn-type411-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
.list-type316 > .list01 > li .info-txt {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 80px;
    padding: 0 70px 0 100px;
}
.list-type316 > .list01 > li .info-txt .name {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color003);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type316 > .list01 > li .info-txt .name .color21 {
    display: inline;
}
.list-type316 > .list01 > li .info-txt .name > em {
    display: inline;
    font-weight: 700;
}
.list-type316 > .list01 > li .info-txt .mail {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 4px 0 0 0;
    padding-left: 17px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type316 > .list01 > li .info-txt .mail .ico-type61-mail02 {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    margin-top: -1px;
    transform: translateY(-50%);
}
.list-type316 > .list01 > li .info-txt .txt-type012 {
    display: block;
    width: 100%;
    margin-top: 4px;
    padding: 0 0 0 40px;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color004);
}
.list-type316 > .list01 > li .info-txt .txt-type012::before {
    content: "구독자";
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color004);
}
.list-type316 > .list01 > li .info-txt .txt-type012::after {
    display: none;
}
.list-type316 > .list01 > li .txt-con {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color006);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type316 > .list01 > li .list-text240 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--ui-tag011);
}
.list-type316 + .paging-type01 {
    margin-top: 40px !important;
}
/* 아랍어기자대응 */
.list-type316 > .list01 > li .item-box01.ar .txt-con {
    direction: rtl;
    text-align: right;
}
.list-type316 > .list01 > li .item-box01.ar .list-text240 {
    direction: rtl;
    text-align: right;
}
.list-type316 > .list01 > li .item-box01.ar .list-text240 > li {
    padding-right: 12px;
    padding-left: 0;
}
.list-type316 > .list01 > li .item-box01.ar .list-text240 > li::after {
    left: auto;
    right: 0;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type316 > .list01 {
        gap: 40px 32px;
    }
    .list-type316 > .list01 > li {
        box-sizing: border-box;
        width: calc((100% - 64px) / 3);
        height: 260px;
    }
    .list-type316 > .list01 > li .txt-con {
    }
    .list-type316 > .list01 > li .img-con01 {
        top: 4px;
        width: 70px;
        height: 70px;
    }
    .list-type316 > .list01 > li .img-con01 .img {
        border-radius: 70px;
    }
    .list-type316 > .list01 > li .info-txt {
        padding: 0 70px 0 82px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type316 {
        padding: 0 16px;
    }
    .list-type316 > .list01 {
        gap: 40px;
    }
    .list-type316 > .list01 > li {
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }
    .list-type316 > .list01 > li .info-txt {
        padding: 0 70px 0 92px;
    }
    .list-type316 > .list01 > li .info-txt .name {
        font-size: 18px;
    }
    .list-type316 > .list01 > li .info-txt .mail {
        font-size: 13px;
    }
    .list-type316 > .list01 > li .info-txt .txt-type012 {
        font-size: 13px;
    }
    .list-type316 > .list01 > li .txt-con {
        font-size: 14px;
    }
    .list-type316 > .list01 > li .list-text240 {
        margin-top: 16px;
        padding-top: 16px;
    }
    .list-text240 > li {
        font-size: 15px;
    }
}

/* ---- ##[비주얼뉴스] list-type317 : 비주얼뉴스 많이본 포토, 그래픽 ---- */
[class*="list-type5"] .title-type001 .btn-type300 {
    height: 30px;
}
.list-type317 {
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type317 .swiper-area:not(.swiper-initialized) li {
    width: 373px;
}
.list-type317 .list01 {
    display: flex;
    width: 100%;
}
.list-type317 .list01 li {
    box-sizing: border-box;
    width: 100%;
}
.list-type317 .swiper-area:not(.swiper-initialized) li {
    width: 373px;
}
.list-type317 .list01 li .item-box01 .news-con:before {
    display: none;
}
.list-type317.number01 .list01 li .item-box01 .news-con .tit-news:before {
    content: counter(number01, decimal);
    display: inline-block;
    top: 14px;
    box-sizing: border-box;
    width: 16px;
    height: 27px;
    margin-right: 8px;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color021);
    text-align: center;
    counter-increment: number01;
}
.list-type317.number01 .item-box01 .news-con {
    padding-left: 0;
}
.list-type317 .list01 li .tit-wrap .tit-news.style01 {
    height: 27px;
    -webkit-line-clamp: 1;
}
.list-type317 .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type317 .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type317 .list01 li .tit-wrap {
    padding-right: 0;
}
/*.list-type317 .list01 li .btns-wrap01{position:absolute;right:0;bottom:0;z-index:10;width:auto;height:21px;}*/
.list-type317 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    max-width: 100%;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type317 .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type317 .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type317 .item-box01 .news-con {
    /*position:relative;*/
    padding: 16px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type317 .list01 .item-box01 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    height: 54px;
    font-size: 18px;
    line-height: 27px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type317 [class*="img-con"] .label-box01 {
    opacity: 0.6;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 12px;
    bottom: 12px;
    width: 32px;
    height: 32px;
    background-color: var(--ui-tag003);
}
.list-type317 [class*="img-con"] .label-box01 .ico-type03-gallery01 {
    width: 24px;
    height: 24px;
    background-size: 22px 16px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type317 .list01 li {
        box-sizing: border-box;
        width: calc(33.33% - 12px);
    }
    .list-type317 .swiper-area:not(.swiper-initialized) li {
        max-width: 305px;
    }
    .list-type317 .swiper-area:not(.swiper-initialized) li {
        width: 305px;
    }
    .list-type317 .list01 .item-box01 .tit-news {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type317 .swiper-area {
        box-sizing: border-box;
        padding: 39px 16px 0 !important;
    }
    .list-type317 .list01 li {
        box-sizing: border-box;
        width: 236px;
    }
    .list-type317 .swiper-area:not(.swiper-initialized) li {
        max-width: 50%;
    }
    .list-type317 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type317 .item-box01 .news-con {
        padding-top: 12px;
    }
    .list-type317.number01 .list01 li .item-box01 .news-con .tit-news:before {
        height: 23px;
        font-size: 18px;
        line-height: 27px;
    }
    .list-type317 .list01 li .item-box01 .news-con .tit-news:before {
        font-size: 18px;
        line-height: 27px;
    }
    .list-type317 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[비주얼뉴스] list-type318 : 비주얼뉴스 많이 본 영상 ---- */
.list-type318 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type318 .list01 {
    display: flex;
    width: 100%;
}
.list-type318 .list01 li {
    box-sizing: border-box;
    width: 100%;
}
.list-type318 .swiper-area:not(.swiper-initialized) li {
    width: 373px;
}
.list-type318 .list01 li .item-box01 .news-con:before {
    top: 13px;
    width: 16px;
    height: 27px;
    padding: 0;
    color: var(--font-color021);
    text-align: center;
}
.list-type318 .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type318 [class*="item-box0"] .img {
    padding-top: 56.15%;
}
.list-type318 .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type318 .list01 li .tit-wrap {
    padding-right: 0;
}
.list-type318 .list01 li .tit-news {
    font-size: 18px;
    line-height: 27px;
}
.list-type318.number01 .list01 li .item-box01 .news-con:before {
    display: none;
}
.list-type318.number01 .list01 li .item-box01 .news-con .tit-news:before {
    content: counter(number01, decimal);
    display: inline-block;
    top: 14px;
    box-sizing: border-box;
    width: 16px;
    height: 27px;
    margin-right: 8px;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color021);
    text-align: center;
    counter-increment: number01;
}
.list-type318 .news-con .date {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 15px;
}
.list-type318 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type318.number01 .item-box01 .news-con {
    padding-left: 0;
}
.list-type318 .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type318 .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type318 .item-box01 .news-con {
    padding: 16px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type318 .list01 .item-box01 .tit-news {
    height: 54px;
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type318 .news-con .ico-type02-play01 {
    display: flex;
    align-items: center;
    height: 21px;
    margin-top: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type318 .list01 .item-box01 .tit-news {
        font-size: 18px;
    }
    .list-type318 .swiper-area:not(.swiper-initialized) li {
        width: 305px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type318 {
        overflow: hidden;
    }
    .list-type318 .swiper-area {
        box-sizing: border-box;
        padding: 39px 16px 0 !important;
    }
    .list-type318 .list01 li {
        box-sizing: border-box;
        width: 236px;
    }
    .list-type318 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type318 .item-box01 .news-con {
        padding-top: 12px;
    }
    .list-type318.number01 .list01 li .item-box01 .news-con .tit-news:before {
        position: relative;
        top: -2px;
        height: 23px;
        font-size: 18px;
        line-height: 27px;
    }
    .list-type318 .list01 li .item-box01 .news-con .tit-news:before {
        font-size: 18px;
        line-height: 27px;
    }
    .list-type318 .news-con .date {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 1px;
        align-items: flex-start;
    }
    .list-type318 .list01 li .btns-wrap01 {
        bottom: 21px;
    }
    .list-type318 .news-con .txt-time {
        display: none;
        font-size: 13px;
    }
    .list-type318 [class*="img-con"] a:hover .img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .list-type318 [class*="img-con"] a:hover .over-layer {
        display: none;
    }
    .list-type318 [class*="img-con"] a:hover .icon-play {
        display: none;
    }
}

/* ---- ##[비주얼뉴스] list-type319 : 비주얼뉴스 #D ---- */
.list-type319 .swiper-area {
    box-sizing: border-box;
    padding: 46px 10px 0 !important;
}
.list-type319 .list01 {
    width: 100%;
    padding-bottom: 15px;
}
.list-type319 li {
    box-sizing: border-box;
    width: 100%;
}
.list-type319 .swiper-area:not(.swiper-initialized) li {
    width: 373px;
}
.list-type319 .item-box01 {
    position: relative;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.15);
}
.list-type319 .item-box01:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag011);
}
.list-type319 [class*="img-con"] {
    position: relative;
}
.list-type319 [class*="img-con"]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0) 68.81%, rgba(17, 17, 17, 0.35) 83.06%, #1b1d1f 98.89%, #111 98.89%);
}
.list-type319 [class*="img-con"] .img {
    padding-top: 56.56%;
}
.list-type319 .news-con {
    padding: 0 16px 16px;
}
.list-type319 .news-con:after {
    content: "";
    display: block;
    clear: both;
}
.list-type319 .tit-wrap {
    display: inline-flex !important;
    flex-direction: column;
    width: 100%;
}
.list-type319 .tit01 {
    display: inline-block;
    max-width: 100%;
}
.list-type319 .tit-news {
    height: 54px;
    max-height: initial;
    margin-top: 4px;
    font-size: 18px;
    -webkit-line-clamp: 2;
}
.list-type319 .txt-type003 {
    line-height: 21px;
}
.list-type319 .txt-type003 > .txt01 {
    line-height: 1;
    font-weight: 600;
}
.list-type319 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: unset;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
/*.list-type319 .list01 li .btns-wrap01{position:absolute;right:16px;bottom:17px;z-index:10;width:auto;height:21px;}*/
.list-type319 .list01 li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type319 .list01 li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type319 .swiper-area:not(.swiper-initialized) li {
        width: 305px;
    }
}
@media only screen and (max-width: 767px) {
    .list-type319 .swiper-area {
        padding: 46px 16px 0 !important;
    }
    .list-type319 li {
        width: 220px;
    }
    .list-type319 .swiper-area:not(.swiper-initialized) li {
        max-width: 220px;
    }
    .list-type319 .news-con {
        padding: 0 16px 12px;
    }
    .list-type319 .tit-news {
        height: 48px;
        max-height: 48px;
        min-height: 24px;
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .list-type319 .list01 li .btns-wrap01 {
        bottom: 11px;
    }
    .list-type319 .txt-type003 {
        height: 20px;
    }
    .list-type319 .txt-type003 > .txt01 {
        font-size: 13px;
    }
    .list-type319 .btns-wrap11 {
        right: 16px !important;
    }
    .list-type319 .btns-wrap01 {
        width: auto;
    }
}

/* list-type320 : 비주얼뉴스홈 - 주요포토  */
.list-type320 {
    overflow: visible;
    position: relative;
    max-width: 1200px;
}
.list-type320 .ir-txt01 {
    position: absolute;
}
.list-type320 .news-con a {
    display: block;
}
.list-type320 .title01 {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    max-height: 94px;
    margin-top: 12px;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: var(--font-color001);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type320 .date {
    margin-top: 16px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color009);
}
.list-type320 .layer-txt {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    z-index: 10;
    box-sizing: border-box;
    width: 600px;
    height: 100%;
    margin-right: -600px;
    padding: 40px;
    background-color: var(--ui-tag030);
}
.list-type320 .layer-txt:before {
    content: "";
    opacity: 0.05;
    display: block;
    position: absolute;
    right: -81px;
    bottom: -155px;
    width: 250px;
    height: 303px;
    background-image: var(--ui-bg503);
    background-size: 100% 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
    transform: scale(1.3);
    transform-origin: bottom right;
}
.list-type320 .layer-txt .list01 {
    overflow: hidden;
    display: flex;
    height: 28px;
    gap: 8px;
    flex-wrap: wrap;
}
.list-type320 .layer-txt .list01 li {
    flex-shrink: 0;
}
.list-type320 .layer-txt .list01 li .txt01 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    font-size: 13px;
    line-height: 20px;
    color: var(--font-color001);
}
.list-type320 .layer-txt .list01 li .txt01:hover,
.list-type320 .layer-txt .list01 li:first-child .txt01 {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.2);
}
.list-type320 .swiper-area {
    overflow: visible;
    width: 100%;
    max-width: 1200px;
    height: 400px;
    margin: 0 auto;
}
.list-type320 .swiper-area .list01 .swiper-slide {
    width: 600px;
}
.list-type320 .swiper-area:not(.swiper-initialized) li {
    width: 600px;
}
.list-type320 .swiper-area .item-box01 {
    overflow: hidden;
    position: relative;
}
.list-type320 .swiper-area .item-box01 [class*="img-con"] {
    opacity: 0.5;
    position: relative;
    box-sizing: border-box;
    min-width: 50px;
    background: #fff;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.list-type320 .swiper-area .item-box01 [class*="img-con"] .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: 66.67%;
}
.list-type320 .swiper-area [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.list-type320 .swiper-area [class*="img-con"] .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
.list-type320 .swiper-area [class*="img-con"] .rowH img {
    width: auto;
}
.list-type320 .swiper-area .swiper-slide-active .item-box01 [class*="img-con"] {
    opacity: 1;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.list-type320 .btns-wrap11 {
    position: absolute;
    top: auto !important;
    right: 50% !important;
    bottom: 40px;
    z-index: 20 !important;
    width: auto;
    margin-right: -560px;
}
.list-type320 .pager01 .txt-current {
    color: var(--font-color001);
}
.list-type320 .pager01 .txt-dash,
.list-type320 .pager01 .txt-total {
    color: var(--font-color009);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type320 .tit-wrap:hover .title01 {
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type320 .swiper-area:not(.swiper-initialized) li {
        width: 450px;
    }
    .list-type320 .layer-txt:before {
        right: -49px;
        bottom: -80px;
        transform: scale(0.9);
    }
    .list-type320 .title01 {
        max-height: 84px;
        line-height: 41px;
    }
    .list-type320 .swiper-area {
        max-width: 900px;
        height: 313px;
    }
    .list-type320 .swiper-area .list01 .swiper-slide {
        width: 450px;
    }
    .list-type320 .layer-txt {
        width: 450px;
        margin-right: -450px;
        padding: 32px;
    }
    .list-type320 .swiper-area .item-box01 [class*="img-con"] .img {
        padding-top: 69.67%;
    }
    .list-type320 .btns-wrap11 {
        bottom: 32px !important;
        margin-right: -418px;
    }
}

@media only screen and (max-width: 767px) {
    .list-type320 .layer-txt:before {
        right: -30px;
        bottom: -50px;
        transform: scale(0.6);
    }
    .list-type320 {
        overflow: hidden;
        margin: 0 16px;
    }
    .list-type320 .swiper-area {
        height: auto;
    }
    .list-type320 .swiper-area .list01 .swiper-slide {
        width: 100%;
    }
    .list-type320 .swiper-area:not(.swiper-initialized) li {
        max-width: 100%;
    }
    .list-type320 .swiper-area .item-box01 [class*="img-con"] {
        opacity: 1;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }
    .list-type320 .btns-wrap11 {
        position: absolute;
        right: 50%;
        bottom: 40px;
        z-index: 20;
        width: auto;
        margin-right: -560px;
    }
    .list-type320 .swiper-notification {
        display: none;
    }
    .list-type320 .layer-txt {
        position: initial;
        width: 100%;
        padding: 20px 20px 70px 20px;
        background-size: 107px;
        background-position: 100% 114%;
    }
    .list-type320 .layer-txt .list01 li .txt01:hover {
        background: transparent;
    }
    .list-type320 .title01 {
        height: 64px;
        max-height: 64px;
        font-size: 26px;
        line-height: 34px;
    }
    .list-type320 .date {
        font-size: 13px;
    }
    .list-type320 .btns-wrap11 {
        display: flex !important;
        top: auto;
        right: 20px !important;
        bottom: -210px;
        margin-right: 0;
    }
    .list-type320 .btns-wrap11 .btn-dir001-next {
        margin-left: 16px;
    }
}

/* list-type321 : 우분투 내 특집코너  */
.list-type321 {
    padding-bottom: 41px;
    margin-bottom: 40px;
}
.list-type321:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--ui-tag005);
    position: absolute;
    left: 0;
    bottom: 0;
}
.list-type321 .list01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px 24px;
}
.list-type321 .list01 li {
    width: calc(50% - 12px);
}
.list-type321 .list01 li .item-box01 {
    display: flex;
}
.list-type321 .list01 li [class*="img-con"] {
    flex-shrink: 0;
    width: 172px;
    margin-right: 24px;
}
.list-type321 .list01 li .tit-news {
    font-size: 20px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type321 .list01 li .tit-news {
        padding-bottom: 1px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type321 .list01 li [class*="img-con"] {
        width: 135px;
        margin-right: 12px;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type321 {
        padding: 0 0 25px;
        margin-bottom: 24px;
    }
    .list-type321:after {
        left: 16px;
        width: calc(100% - 32px);
    }
    .list-type321 .swiper-area {
        padding: 0 16px;
        box-sizing: border-box;
    }
    .list-type321 .list01 {
        gap: 0;
        flex-wrap: nowrap;
    }
    .list-type321 .list01 li {
        width: 220px;
        box-sizing: border-box;
    }
    .list-type321 .list01 li .item-box01 {
        display: block;
    }
    .list-type321 .list01 li [class*="img-con"] {
        width: 100%;
        margin-bottom: 8px;
    }
    .list-type321 .list01 li .tit-news {
        font-size: 16px;
    }
}

/* ---- ##list-type322 : 섹션 세계 - 특파원르포 ---- */
.list-type322 > [class*="list0"] {
    flex-wrap: wrap;
    display: flex;
    column-gap: 20px;
    box-sizing: border-box;
}
.list-type322 > [class*="list0"] li {
    box-sizing: border-box;
    width: calc(100% - 20px);
}
.list-type322 > [class*="list0"] > li .tit-wrap .tit-news.style01 {
    height: 27px;
    -webkit-line-clamp: 1;
}
.list-type322 > [class*="list0"] li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type322 > [class*="list0"] li [class*="img-con"] .img:after {
    display: none;
}
.list-type322 > [class*="list0"] li .tit-wrap {
    padding-right: 0;
}
.list-type322 > [class*="list0"] li .btns-wrap01 .btn-type001 {
    width: 26px;
    height: 21px;
}
.list-type322 > [class*="list0"] li .btns-wrap01 .btn-type001.scrap01:before {
    background-position: 96% 50%;
}
.list-type322 .item-box01 .news-con {
    padding: 8px 0 0 0;
    background-color: var(--ui-tag001);
}
.list-type322 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: left;
    box-sizing: unset;
    max-width: 100%;
    height: 21px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type322 > [class*="list0"] .item-box01 .tit-news {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    height: 54px;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type322 .list01 li {
    box-sizing: border-box;
    width: calc(50% - 10px);
}
/* 중형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
    .list-type322 > [class*="list0"] {
        padding: 0 14px;
    }
    .list-type322 > [class*="list0"] .item-box01 .tit-news {
        height: 50px;
        font-size: 16px;
        line-height: 24px;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type322 > [class*="list0"] {
        width: 100%;
        padding: 0 16px;
    }
}

/* ---- ##[테마] list-type440 : 테마별뉴스 핫뉴스 ---- */
.list-type440 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type440 > .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 60px 20px;
    flex-wrap: wrap;
}
.list-type440 > .list01 .item-box01 {
    overflow: visible;
}
.list-type440 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 40px) / 3);
}
.list-type440 > .list01 li .item-box01 [class*="img-con"] {
    margin-bottom: 0;
}
.list-type440 > .list01 li [class*="img-con"] .img:after {
    display: none;
}
.list-type440 > .list01 li .tit-wrap {
    padding-right: 0;
}
.list-type440 > .list01 li .tit-news {
    font-size: 20px;
}
.list-type440 > .list01 li .btns-wrap01 {
    width: auto;
}
.list-type440 > .list01 .item-box01 .tit-news {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    height: 56px;
    -webkit-box-orient: vertical;
    padding-bottom: 2px;
    font-weight: 700;
}
.list-type440 .news-con {
    /*position:relative;*/
    padding: 12px 16px;
    background-color: var(--ui-tag007);
}
.list-type440 .news-con .txt-time {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: unset;
    height: 27px;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type440 .news-con:after {
    content: "";
    display: block;
    clear: both;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type440 > .list01 .item-box01 .tit-news:hover .title01 {
        opacity: 1;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type440 > .list01 {
        gap: 60px;
    }
    .list-type440 > .list01 li {
        box-sizing: border-box;
        width: 100%;
    }
    .list-type440 > .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
    }
    .list-type440 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type440 .news-con,
    .list-type440 .btns-wrap01 {
        position: static;
    }
    .list-type440 [class*="tooltip-type0"] .tlp-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
/* ---- ##[테마] list-type441 > .item-box01 , item-box02 :테마별뉴스 톱뉴스 ---- */
.list-type441 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-top: 14px;
}
.list-type441 .list01 {
    display: block;
    position: relative;
    width: 100%;
}
.list-type441 > .list01::after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 4px;
    z-index: 10;
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--ui-tag004);
}
.list-type441 .list01 li + li {
    margin-top: 60px;
}
.list-type441 .list01 li .btns-wrap01 {
    overflow: visible;
    position: relative;
    margin-top: 16px;
}
.list-type441 .list01 li .btns-wrap01 .tlp-content {
    top: 30px;
    left: auto;
    right: 30px;
    bottom: auto;
    transform: none;
}
.list-type441 .list01 li .btns-wrap02 {
    overflow: visible;
    position: relative;
    margin-top: 12px;
}
.list-type441 [class*="item-box"] {
    overflow: visible;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 160px;
    padding: 0 0 0 28px;
}
.list-type441 [class*="item-box"]::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    z-index: 11;
    width: 8px;
    height: 8px;
    border-radius: 8px;
}
.list-type441 [class*="item-box"] [class*="img-con"] {
    flex-shrink: 0;
    width: 240px;
    margin-left: 40px;
}
.list-type441 [class*="item-box"] .img:after {
    display: none;
}
.list-type441 [class*="item-box"] .img {
    width: 100%;
    padding-top: 66.67%;
}
.list-type441 [class*="item-box"] .news-con {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    box-sizing: border-box;
    width: 100%;
}
.list-type441 [class*="item-box"] .tit-wrap {
    overflow: hidden;
    display: table-cell;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding-right: 1px;
    line-height: 1.5em;
}
.list-type441 [class*="item-box"] .tit-news {
    display: block;
    width: 100%;
    min-height: 27px;
    font-size: 28px;
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
}
.list-type441 [class*="item-box"] .txt-time {
    font-size: 14px;
    color: var(--font-color004);
}
.list-type441 [class*="item-box"] .tit-wrap + .txt-time {
    margin-top: 19px;
}
.list-type441 .item-box01::after {
    top: 15px;
    background-color: var(--ui-tag003);
}
.list-type441 .item-box02::after {
    top: 6px;
    background-color: var(--ui-tag061);
}
.list-type441 .item-box02 .news-con .txt-time {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    color: var(--font-color029);
}
.list-type441 .tlp-content {
    min-width: 290px;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type441 [class*="item-box"] {
        min-height: 148px;
    }
    .list-type441 [class*="item-box"] .tit-news {
        font-size: 24px;
        line-height: 1.5;
        font-weight: 700;
    }
    .list-type441 [class*="item-box"] [class*="img-con"] {
        width: 222px;
        margin-left: 20px;
    }
    .list-type441 .list01 li + li {
        margin-top: 60px;
    }
    .list-type441 .item-box01::after {
        top: 12px;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type441 {
        box-sizing: border-box;
        margin-top: 12px;
        padding: 0 16px;
    }
    .list-type441 [class*="item-box"] {
        padding: 0 0 0 16px;
    }
    .list-type441 [class*="item-box"] .tit-news {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 700;
    }
    .list-type441 [class*="item-box"] .img-con11 + .news-con .tit-news {
        min-height: 75px;
    }
    .list-type441 [class*="item-box"] [class*="img-con"] {
        width: 97px;
        margin-left: 16px;
    }
    .list-type441 [class*="item-box"] .tit-wrap + .txt-time {
        margin-top: 12px;
    }
    .list-type441 [class*="item-box"] {
        min-height: 65px;
    }
    .list-type441 .list01 li + li {
        margin-top: 40px;
    }
    .list-type441 .item-box01::after {
        top: 10px;
    }
    .list-type441 .list01 .item-box02::after {
        top: 4px;
    }
    .list-type441 .list01 .item-box02 .news-con .txt-time {
        padding-bottom: 8px;
        font-size: 13px;
    }
    /* 좋아요,북마크 버튼 */
    .list-type441 .list01 li .btns-wrap02 {
        margin-top: 16px;
    }
    .list-type441 .list01 li .btns-wrap01 {
        position: absolute;
        right: 0;
        bottom: 0;
        margin-top: 0;
    }
    .list-type441 .list01 li .btns-wrap01 .tlp-content {
        right: 0;
    }
}

/* ---- ##[테마,비주얼뉴스] list-type442 > .item-box01 :이 시각 많이 본 뉴스/날짜별 많이 본 뉴스 ---- */
.list-type442 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type442 > .list01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 60px 20px;
    flex-wrap: wrap;
    counter-reset: number01;
    list-style-type: none;
}
.list-type442 > .list01 li {
    box-sizing: border-box;
    width: calc((100% - 40px) / 3);
}
.list-type442 > .list01 li.ads-item01 {
    display: none;
}
.list-type442 > .list01 li.ads-item01 [class*="aside-box"] {
    margin-top: 0 !important;
}
.list-type442 > .list01 .item-box01 .img:after {
    display: none;
}
.list-type442 > .list01 .item-box01 .news-con {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 16px 16px 24px 16px;
    background-color: var(--ui-tag007);
}
.list-type442 > .list01 [class*="item-box"] .news-con::before {
    content: counter(number01, decimal);
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 16px;
    box-sizing: border-box;
    width: 17px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    color: var(--font-color004);
    counter-increment: number01;
}
.list-type442 > .list01 .item-box01 .news-con:after {
    content: "";
    display: block;
    clear: both;
}
.list-type442 > .list01 .item-box01 {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}
.list-type442 > .list01 .item-box01 .btns-wrap01 {
    /*position:absolute;*/
    top: 16px;
    right: 10px;
    z-index: 1;
    width: auto;
    margin-top: 0;
}
.list-type442 > .list01 li:first-of-type .item-box01 .btns-wrap01 {
    margin-top: 4px;
}
.list-type442 > .list01 [class*="item-box"] .tit-wrap {
    display: block;
    width: 100%;
    margin-top: 44px;
    padding-right: 0;
}
.list-type442 > .list01 .item-box01 .tit-news {
    display: -webkit-box;
    height: 58px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type442 > .list01 .item-box01 .lead {
    display: none;
}
.list-type442 > .list01 [class*="item-box"] .txt-time {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type442 > .list01 .item-box01 [class*="img-con"] {
    width: 100%;
    height: auto;
    margin-bottom: 0;
}

.list-type442 > .list01 .item-box02 {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: stretch;
}
.list-type442 > .list01 .item-box02 [class*="img-con"] {
    flex-shrink: 0;
    width: 540px;
    height: 360px;
}
.list-type442 > .list01 .item-box02 .news-con {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 40px 42px 40px;
    background-color: var(--ui-tag009);
}
.list-type442 > .list01 .item-box02 .btns-wrap01 {
    top: 38px;
    right: 24px;
    width: auto;
}
.list-type442 > .list01 .item-box02 .tit-news {
    display: -webkit-box;
    height: 102px;
    font-size: 36px;
    line-height: 47px;
    font-weight: 700;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type442 > .list01 .item-box02 .lead {
    display: block;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    height: 72px;
    max-height: none;
    margin-top: 12px;
    font-size: 16px;
    line-height: 23.5px;
    font-weight: 400;
    color: var(--font-color006);
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.list-type442 > .list01 .item-box02 .txt-time {
    margin-top: 12px;
}
.list-type442 > .list01 .item-box02 .tit-wrap {
    margin-top: 61px !important;
}
.list-type442 > .list01 .item-box02 .news-con::before {
    top: 40px;
    left: 40px;
    height: auto;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color: var(--font-color021);
}
/* 노이미지 */
.list-type442 > .list01 .item-box02 [class*="img-con"].img-none01 {
    display: none;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type442 > .list01 .item-box01 .tit-news:hover .title01 {
        opacity: 1;
    }
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type442 > .list01 .item-box02 .news-con {
        padding: 32px 32px 60px 32px;
    }
    .list-type442 > .list01 .item-box02 .tit-news {
        display: -webkit-box;
        height: 92px;
        font-size: 32px;
        line-height: 42px;
        font-weight: 700;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .list-type442 > .list01 .item-box02 [class*="img-con"] {
        flex-shrink: 0;
        width: 504px;
        height: 336px;
    }
    .list-type442 > .list01 .item-box02 .lead {
        display: -webkit-box;
        height: 48px;
        -webkit-line-clamp: 2;
    }
    .list-type442 > .list01 .item-box02 .news-con::before {
        top: 32px;
        left: 32px;
        height: auto;
        font-size: 36px;
        line-height: 36px;
        font-weight: 700;
        color: var(--font-color021);
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type442 {
        box-sizing: border-box;
    }
    .list-type442 > .list01 .item-box01 .tit-news {
        display: -webkit-box;
        height: auto;
        max-height: 50px;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .list-type442 > .list01 {
        gap: 60px;
    }
    .list-type442 > .list01 li {
        box-sizing: border-box;
        width: 100%;
    }
    .list-type442 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type442 > .list01 .item-box02 [class*="img-con"] {
        width: 100%;
        height: auto;
        flex: 1;
    }
    .list-type442 > .list01 .item-box02 {
        flex-direction: column-reverse;
    }
    .list-type442 > .list01 .item-box02 .news-con {
        position: relative;
        padding: 16px 16px 40px 16px;
    }
    .list-type442 > .list01 .item-box02 .tit-news {
        height: auto;
        max-height: 75px;
        font-size: 26px;
        line-height: 34px;
    }
    .list-type442 > .list01 .item-box02 .lead {
        display: none;
    }
    .list-type442 > .list01 .item-box02 .news-con::before {
        top: 16px;
        left: 16px;
        height: auto;
        font-size: 26px;
        line-height: 26px;
        font-weight: 700;
        color: var(--font-color021);
    }
    .list-type442 > .list01 .item-box02 .tit-wrap {
        margin-top: 42px;
    }
    .list-type442 .btns-wrap01 {
        position: static !important;
    }
    .list-type442 > .list01 .item-box02 .btns-wrap01 {
        top: 16px;
        right: 10px;
        margin-top: 0;
    }
    .list-type442 [class*="tooltip-type0"] .tlp-content {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: 35%;
        transform: translate(-50%, -50%);
    }
    .list-type442 > .list01 li:first-child [class*="tooltip-type0"] .tlp-content {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -30%;
        transform: translate(-50%, -50%);
    }
    /* 노이미지 */
    .list-type442 > .list01 .item-box02 [class*="img-con"].img-none01 {
        display: block;
    }
}

/* ---- ##[통합검색] list-type50$ : 공통 ---- */
[class*="list-type50"] {
    overflow: hidden;
}
[class*="list-type50"] [class*="item-box0"] {
    display: flex;
    padding: 13px 0 12px;
    border-top: 1px solid var(--ui-tag005);
}
[class*="list-type50"] [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    float: none;
}
[class*="list-type50"] [class*="item-box"] em {
    display: inline;
    color: var(--font-color021);
}
[class*="list-type50"] + .btn-type300 {
    display: none;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    [class*="list-type50"] [class*="item-box0"] a:hover {
        opacity: 1;
        text-decoration-line: initial;
    }
    [class*="list-type50"] [class*="item-box0"] a:hover .tit-news {
        opacity: 1 !important;
    }
    [class*="list-type50"] [class*="item-box0"] a .tit-news:hover {
        opacity: 0.5 !important;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
@media only screen and (max-width: 767px) {
    [class*="list-type50"] + .btn-type300 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}
/* ---- ##[통합검색] list-type500 :보도자료 ---- */
.list-type500 .item-box01 a {
    width: 100%;
}
.list-type500 .news-con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list-type500 [class*="item-box0"] .tit-wrap {
    width: calc(100% - 125px);
}
.list-type500 [class*="item-box0"] {
    padding: 12px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-type500 li:first-of-type [class*="item-box0"] {
    padding-top: 0;
    border-top: 0;
}
.list-type500 li:last-of-type [class*="item-box0"]:first-of-type {
    padding-bottom: 0;
    border-bottom: 0;
}
.list-type500 [class*="item-box"] em.txt-time {
    font-size: 14px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type500 [class*="item-box0"] .tit-news {
    min-height: 24px;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-line-clamp: 1;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type500 [class*="item-box0"] a:hover {
        opacity: 1;
    }
    .list-type500 [class*="item-box0"] a:hover .tit-news {
        opacity: 0.5;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type500 [class*="item-box0"] .tit-news:hover {
        text-decoration-line: none;
    }
}
@media only screen and (max-width: 767px) {
    .list-type500 {
        padding: 0 16px;
    }
    .list-type500 [class*="item-box0"] .news-con {
        justify-content: center;
        flex-direction: column;
    }
    .list-type500 [class*="item-box0"] .tit-wrap {
        width: 100%;
    }
    .list-type500 .txt-time {
        width: 100%;
        margin-top: 4px;
        font-size: 13px;
    }
    [class*="list-type50"] + .btn-type300 {
        display: flex;
        margin-top: 20px;
    }
}

/* ---- ##[통합검색] list-type501 :통합검색 뉴스 ---- */
.list-type501 [class*="list0"] .item-box01 [class*="img-con"] {
    float: left;
    width: 195px;
    height: 129px;
    margin-right: 24px;
}
.list-type501 [class*="item-box0"] {
    padding: 20px 0;
    border-top: 1px solid var(--ui-tag005);
}
.list-type501 [class*="item-box0"] a {
    width: 100%;
}
.list-type501 li:first-of-type [class*="item-box0"] {
    padding-top: 0;
    border-top: 0;
}
.list-type501 li:last-of-type [class*="item-box0"] {
    padding-bottom: 0;
    border-bottom: 0;
}
.list-type501 [class*="item-box0"] .tit-wrap {
    display: block;
}
.list-type501 [class*="item-box0"] .tit-news {
    min-height: 30px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    -webkit-line-clamp: 2;
}
.list-type501 [class*="item-box0"] .news-con {
    display: table-cell;
}
.list-type501 [class*="item-box0"] .lead {
    max-height: 69px;
    color: var(--font-color006);
    -webkit-line-clamp: 3;
    word-break: break-word;
}
.list-type501 .txt-time {
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type501 [class*="item-box0"] a:hover {
        opacity: 1;
    }
    .list-type501 [class*="item-box0"] a:hover .tit-news {
        opacity: 0.5;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type501 [class*="item-box0"] .tit-news:hover {
        text-decoration-line: none;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type501 {
        padding: 0 16px;
    }
    .list-type501 [class*="item-box0"] {
        padding: 12px 0;
    }
    .list-type501 [class*="list0"] .item-box01 [class*="img-con"] {
        width: 107px;
        height: 70px;
    }
    .list-type501 [class*="item-box0"] .tit-news {
        min-height: 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type501 .txt-time {
        margin-top: 4px;
        font-size: 13px;
    }
}
/* ---- ##[통합검색] .list-type502 :통합검색 포토 ---- */
.list-type502 .list01 {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px); /*gap:20px;*/
}
.list-type502 li {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 25%;
    margin-bottom: 64px;
    padding-right: 20px;
}
.list-type502 .item-box01 {
    position: relative;
    padding: 0;
    border: 0;
}
.list-type502 .item-box01 a {
    display: block;
}
.list-type502 .item-box01:after {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag011);
}
.list-type502 [class*="img-con"] {
    position: relative;
}
.list-type502 .news-con {
    padding: 8px 0 0 0;
}
.list-type502 .tit-wrap {
    display: inline-flex !important;
    flex-direction: column;
    width: 100%;
}
.list-type502 .tit-wrap .tit-news {
    -webkit-line-clamp: 3;
}
.list-type502 .tit01 {
    display: inline-block;
    max-width: 100%;
}
.list-type502 [class*="item-box"] b {
    color: var(--font-color021) !important;
}
.list-type502 .txt-time {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type502 .btn-list01 {
    position: absolute;
    left: 8px;
    bottom: 8px;
    z-index: 2;
}
.list-type502 + .paging-type01 {
    position: relative;
    z-index: 2;
    margin-top: -20px !important;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type502 [class*="item-box0"] a:hover {
        opacity: 1;
    }
    .list-type502 [class*="item-box0"] a:hover .tit-news {
        opacity: 0.5;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type502 [class*="item-box0"] .tit-news:hover {
        text-decoration-line: none;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type502 {
        padding: 0 16px;
    }
    .list-type502 .list01 {
        gap: 20px 16px;
        width: calc(100% + 16px);
        flex-wrap: wrap;
    }
    /*.list-type502 li{width:calc((100% - 16px) / 2);}*/
    .list-type502 li {
        width: calc(50% - 16px);
        margin-bottom: 0;
        padding-right: 0;
    }
    .list-type502 .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[기타] list-type530 > .item-box01 : 보도자료 ---- */
.list-type530 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type530 .list01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type530 .list01 li {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.list-type530 .list01 li + li {
    margin-top: 20px;
    padding-top: 21px;
    border-top: 1px solid var(--ui-tag005);
}
.list-type530 .list01 li [class*="item-box0"] {
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 24px;
}
.list-type530 [class*="item-box"] em {
    color: var(--font-color021);
}
.list-type530 .list01 li [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    width: 134px;
    height: 90px;
}
.list-type530 .list01 li [class*="item-box0"] .news-con {
    position: relative;
}
.list-type530 .list01 li [class*="item-box0"] .tit-news {
    display: -webkit-box;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--font-color003);
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list-type530 .list01 li [class*="item-box0"] .txt-time {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--font-color004);
}
.list-type530 + .paging-type01 {
    margin-top: 40px !important;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type530 .list01 li + li {
        margin-top: 16px;
        padding-top: 17px;
    }
    .list-type530 .list01 li [class*="item-box0"] {
        gap: 24px;
    }
    .list-type530 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 134px;
        height: 90px;
    }
    .list-type530 .list01 li [class*="item-box0"] .tit-news {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        color: var(--font-color003);
        -webkit-line-clamp: 3;
    }
    .list-type530 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 4px;
        font-size: 14px;
    }
}
/* 소형 프레임 :767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type530 .list01 li + li {
        margin-top: 16px;
        padding-top: 17px;
    }
    .list-type530 .list01 li [class*="item-box0"] {
        gap: 12px;
    }
    .list-type530 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 120px;
        height: 80px;
    }
    .list-type530 .list01 li [class*="item-box0"] .tit-news {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type530 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 8px;
        font-size: 13px;
    }
}

/* ---- ##[y뷰어] list-type540 : y뷰어 추천뉴스 ---- */
.list-type540 [class*="list0"] {
    display: flex;
}
.list-type540 [class*="list0"] .item-box01 {
    display: block;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid var(--ui-tag004);
}
.list-type540 [class*="list0"] .item-box01 a {
    box-sizing: border-box;
    height: 90px;
    padding: 12px;
}
.list-type540 [class*="list0"] .item-box01 .img {
    padding-top: 76%;
}
.list-type540 [class*="list0"] li {
    width: 100%;
    max-width: 295px;
}
.list-type540 [class*="list0"] li:first-of-type .item-box01:first-of-type {
    margin-top: 0;
}
.list-type540 [class*="list0"] .item-box01 [class*="img-con"] {
    float: right;
    width: 84px;
    height: 56px;
    padding-left: 12px;
}
.list-type540 [class*="item-box0"] .tit-news {
    max-height: 42px;
    font-size: 14px;
    line-height: 21px;
    -webkit-line-clamp: 2;
    color: var(--font-color003);
}
.list-type540 [class*="item-box0"] .news-con .txt01 {
    margin-top: 4px;
    font-size: 13px;
    line-height: 19.5px;
    color: var(--font-color004);
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}

/* ---- ##[y뷰어] list-type541 : y뷰어 관심사 뉴스 ---- */
.list-type541 {
    margin-top: 0 !important;
}
.list-type541 [class*="list0"] {
    display: flex;
}
.list-type541 [class*="list0"] .item-box01 {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 92px;
    padding: 0;
    border-top: 0;
    background-color: var(--ui-tag044);
}
.list-type541 [class*="list0"] .item-box01 .img {
    padding-top: 76%;
}
.list-type541 [class*="list0"] li {
    width: 100%;
    max-width: 295px;
}
.list-type541 [class*="list0"] li:first-of-type .item-box01:first-of-type {
    margin-top: 0;
}
.list-type541 [class*="list0"] .btn-type411-toggle {
    flex-shrink: 0;
    height: 22px;
    margin: 12px 12px 0 0;
    padding: 2px 6px;
}
.list-type541 [class*="list0"] .btn-type411-toggle [class*="ico-type07-check0"] {
    font-size: 12px;
}
.list-type541 [class*="list0"] .item-box01 [class*="img-con"] {
    float: right;
    width: 84px;
    height: 56px;
    padding-left: 12px;
}
.list-type541 [class*="item-box0"] .news-con {
    display: block;
    flex-shrink: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 12px;
}
.list-type541 [class*="item-box0"] .tit-news {
    overflow: hidden;
    min-height: 22px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
    -webkit-line-clamp: 2;
    text-overflow: initial !important;
}
.list-type541 [class*="item-box0"] .news-con .txt01 {
    display: table-cell;
    flex-shrink: 0;
    width: 32px;
    padding-left: 12px;
    font-size: 12px;
    line-height: 18px;
    color: var(--font-color021);
}
.list-type541 [class*="item-box0"] .tit-name {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: var(--font-color006);
}
.list-type541 .news-con {
    display: flex;
    flex-wrap: wrap;
}
.list-type541 .tit-wrap {
    width: 100%;
}
.list-type541 .title01 {
    display: inline;
    box-sizing: border-box;
    width: 100%;
}
.list-type541 [class*="item-box0"] .news-con .txt-type003.style01 .txt01 {
    padding-left: 0;
}
.list-type541 [class*="item-box0"] .news-con .txt-type003 + .tit-wrap {
    margin-top: 4px;
}
.list-type541 .ico-type08-new02 + .title01 {
    min-height: 20px;
}
.list-type541 .ico-type08-new02 {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    line-height: 18px;
    top: 1px;
}

/* ---- ##[y뷰어] list-type542 : y뷰어 관심사 뉴스 ---- */
.list-type542 {
    margin-top: 0 !important;
}
.list-type542 [class*="list0"] {
    display: flex;
}
.list-type542 [class*="list0"] .item-box01 {
    display: block;
    box-sizing: border-box;
    height: 92px;
    padding: 0;
    border-top: 0;
    background-color: var(--ui-tag044);
}
.list-type542 [class*="list0"] .item-box01 .img {
    padding-top: 76%;
}
.list-type542 [class*="list0"] li {
    width: 100%;
    max-width: 295px;
}
.list-type542 [class*="list0"] li:first-of-type .item-box01:first-of-type {
    margin-top: 0;
}
.list-type542 [class*="list0"] .item-box01 [class*="img-con"] {
    float: right;
    width: 84px;
    height: 56px;
    padding-left: 12px;
}
.list-type542 [class*="item-box0"] .news-con {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 12px;
}
.list-type542 [class*="item-box0"] .tit-wrap {
    display: block;
}
.list-type542 [class*="item-box0"] .tit-news {
    display: -webkit-box;
    max-width: calc(100% - 53px);
    min-height: 21px;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--font-color003);
}
.list-type542 [class*="item-box0"] .news-con .txt01 {
    display: table-cell;
    width: 32px;
    font-size: 12px;
    line-height: 18px;
    color: var(--font-color021);
}
.list-type542 [class*="item-box0"] .tit-name {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: var(--font-color006);
}
.list-type542 .btn-type411-toggle {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    height: 22px;
    padding: 2px 6px;
}
.list-type542 [class*="ico-type07-plus0"],
.list-type542 [class*="ico-type07-check0"] {
    font-size: 12px;
}
.list-type542 [class*="ico-type07-plus0"]::before {
    margin-right: 2px;
}

/* ---- ##[본문] list-type560 ---- */
/*  이미지 소재 상세보기 레이어 팝업 : 스와이퍼 큰 이미지 리스트 */
.list-type560 .swiper-area {
    height: 100%;
}
.list-type560 [class*="item-box0"] {
    height: 100%;
}
.list-type560 [class*="img-con"] {
    height: 100%;
}
.list-type560 [class*="img-con"] .img {
    max-height: 100%;
}
.list-type560 [class*="img-con"] .img .label-box03 {
    top: 8px;
    right: 8px;
}
.list-type560 [class*="img-con"] .img:before {
    display: none;
}
.list-type560 [class*="img-con"] .img img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-position: center;
}
.fullpop-mode .list-type560 [class*="img-con"] .img {
    height: 100%;
    padding-top: 0;
}
.fullpop-mode .list-type560 [class*="img-con"] .img img {
    top: auto;
    left: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transform: none;
    object-fit: unset;
    object-position: center;
}

/* ---- ##[본문] list-type561 ---- */
/*  이미지 소재 상세보기 레이어 팝업 : 스와이퍼 작은 이미지 리스트 */
.list-type561 {
    position: relative;
    box-sizing: border-box;
    padding: 0 78px;
}
.list-type561 .list02 .swiper-slide {
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.list-type561 [class*="btn-dir004-"] {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.list-type561 .btn-dir004-prev {
    left: 0;
}
.list-type561 .btn-dir004-next {
    right: 0;
}
.list-type561 .list02 .swiper-slide {
    box-sizing: border-box;
    width: auto;
}
.list-type561 .list02 .swiper-slide .img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 80px;
    padding-top: 0;
}
.list-type561 .list02 .swiper-slide img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}
.list-type561 .list02 .swiper-slide-thumb-active .img-con01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 6px solid var(--ui-tag045);
}
.list-type561 .swiper-button-disabled {
    display: none;
}
/* ---- ##[연합 라운지] list-type570 ---- */
.list-type570 {
    z-index: 1;
}
.list-type570 .swiper-area {
    width: 100vw;
    height: calc(100vh - 60px);
}
.list-type570 .swiper-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 10;
}
.list-type570 .swiper-slide {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
    width: 100vw;
    height: 100vh;
    background-color: var(--ui-tag021);
}
.list-type570 .item-box01 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    width: 100vw;
    max-width: 1200px;
    max-height: 100%;
    margin: 0 auto;
    padding: 102px 0 120px;
}
.list-type570 .item-box01 > .btns-wrap05 {
    overflow: visible;
    position: absolute;
    right: 66px;
    bottom: 113px;
    z-index: 2;
    width: 40px;
    will-change: opacity;
}
.list-type570 .item-box01 > .btns-wrap05 .tlp-content {
    right: 55px;
    bottom: 0;
    max-width: none;
}
.list-type570 .item-box01 .img-con01 {
    min-width: 35%;
    margin-right: 140px;
}
.list-type570 .item-box01 .img-con01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--ui-tag084);
    will-change: opacity;
}
.list-type570 .item-box01 .img-con01 .img {
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 152%;
}
.list-type570 .item-box01 .img-con01 .img img {
    position: absolute;
    left: 0;
    width: auto;
    height: 100%;
    transform: none;
}
.list-type570 .item-box01 .news-con {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px 0 140px;
    color: var(--font-color001);
    will-change: opacity;
}
.list-type570 .item-box01 .tit-wrap {
    max-width: 341px;
    padding: 24px 0;
    font-size: 36px;
    font-weight: 700;
}
.list-type570 .item-box01 .tit-news {
    overflow: hidden;
    -webkit-line-clamp: 3;
}
.list-type570 .item-box01 .tit-news .title01 {
    color: var(--font-color001);
}
.list-type570 .item-box01 .news-con > .txt01 {
    font-size: 12px;
    font-weight: 600;
    color: var(--font-color001);
}
.list-type570 .item-box01 .news-con > .txt01 > span {
    display: inline-block;
    margin: 0 4px;
}
.list-type570 .item-box01 .news-con > .txt-info {
    display: flex;
    margin-top: 8px;
}
.list-type570 .item-box01 .news-con > .txt-info > [class*="txt0"] {
    margin-right: 16px;
    font-size: 13px;
}
.list-type570 .item-box01 .news-con > .txt-info > .txt01 {
    opacity: 0.8;
    position: relative;
    padding-right: 17px;
    font-weight: 600;
    color: var(--font-color001);
}
.list-type570 .item-box01 .news-con > .txt-info > .txt01:after {
    content: "";
    opacity: 0.5;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: var(--ui-tag001);
    transform: translateY(-50%);
}
.list-type570 .item-box01 .news-con > .txt-info > .txt02 {
    display: flex;
    align-items: center;
    font-weight: 400;
}
.list-type570 .item-box01 .news-con > .txt-info > .txt02 > .time {
    opacity: 0.8;
}
.list-type570 .item-box01 .news-con > .txt-info > .txt03 {
    opacity: 0.8;
    font-weight: 400;
}
.list-type570 .item-box01 .news-con > .txt-info > .txt03 > em {
    display: inline-block;
    margin-left: 4px;
    font-weight: 500;
}
.list-type570 .item-box01 .news-con > .txt-info .ico-type08-new02 {
    top: 0;
    margin-right: 4px;
    width: 16px;
    height: 16px;
}
.list-type570 .swiper-area > .btn-wrap05 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 255;
    box-sizing: border-box;
    width: 100%;
    max-width: 980px;
    height: 80px;
    padding: 12px 16px;
    transform: translateX(-50%);
}
.list-type570 .swiper-area > .btn-wrap05 > .txt01 {
    overflow: hidden;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 600;
    color: var(--font-color001);
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-type570 .swiper-area > .btn-wrap05 > .btn-dir007-down {
    width: 32px;
    height: 32px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    .list-type570 .item-box01 .tit-news:hover .title01 {
        opacity: 1 !important;
    }
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .list-type570 .swiper-area > .btn-wrap05 {
        max-width: calc(100% - 210px);
    }
}
@media only screen and (max-width: 767px) {
    .list-type570 .item-box01 {
        width: 100vw;
        height: 100vh;
        padding: 0;
    }
    .list-type570 .item-box01 .img-con01 {
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100vw;
        height: 100vh;
        margin-right: 0;
    }
    .list-type570 .item-box01 .img-con01:before {
        background: var(--ui-tag083);
    }
    .list-type570 .item-box01 .img-con01 .img {
        padding-top: 100vh;
    }
    .list-type570 .item-box01 .news-con {
        position: absolute;
        left: 0;
        bottom: 150px;
        z-index: 1;
        width: 100%;
        padding: 0 88px 0 24px;
    }
    .list-type570 .item-box01 .tit-wrap {
        padding: 4px 0 12px;
        font-size: 28px;
        line-height: 1.3;
    }
    .list-type570 .item-box01 > .btns-wrap05 {
        right: 16px;
        bottom: 150px;
    }
    .list-type570 .item-box01 > .btns-wrap05 .tlp-content {
        right: 0;
        bottom: 55px;
    }
    .list-type570 .swiper-area > .btn-wrap05:before {
        content: "";
        display: block;
        position: absolute;
        left: 16px;
        bottom: 0;
        width: calc(100% - 16px);
        height: 100%;
        background-color: var(--ui-tag031);
    }
    .list-type570 .swiper-area > .btn-wrap05 > .txt01 {
        font-size: 14px;
    }
    .list-type570 .swiper-area > .btn-wrap05 > i {
        display: block;
        position: absolute;
        top: 16px;
        left: 0;
        width: 17px;
        height: 74px;
        background-color: var(--ui-tag031);
    }
    .list-type570 .swiper-area > .btn-wrap05 > i:before {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        left: 0;
        z-index: 2;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-left: 17px solid var(--ui-tag031);
        transform: rotate(-90deg);
    }
}

/* ##list-type600 : 타임라인 */
.list-type600 {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.list-type600:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 8px;
    box-sizing: border-box;
    width: 1px;
    height: 100%;
    border-left: 1px dashed var(--ui-tag004);
}
.list-type600 .list01 {
    position: relative;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 50px !important;
    box-sizing: border-box;
}
.list-type600 .list01 li {
    position: relative;
    margin-top: 20px;
    padding-right: 12px;
    padding-left: 24px;
}
.list-type600 .list01 li:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 5px;
    z-index: 1;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: var(--ui-tag012);
}
.list-type600 .news-con {
}
.list-type600 .tit-wrap {
    text-align: left;
}
.list-type600 .tit-news {
    margin-top: 4px !important;
    font-size: 18px !important;
    line-height: 1.5;
    color: var(--font-color006);
    text-align: left !important;
}
.list-type600 .info-box01 {
    font-size: 13px;
    font-weight: 600;
    color: var(--font-color006);
}
/* 스크롤바 전체 기본 꾸미기 */
.list-type600 .list01::-webkit-scrollbar {
    width: 3px;
    background-color: var(--ui-tag001);
}
/* 스크롤바 막대 꾸미기 */
.list-type600 .list01::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--ui-tag012);
}
/* 첫번째 요소 제어 */
.list-type600 .list01 li:first-of-type {
    margin-top: 0;
}
.list-type600 .list01 li:first-of-type:before {
    top: 8px;
    left: 5px;
    background-color: var(--ui-tag061);
}
.list-type600 .list01 li:first-of-type:after {
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    z-index: 1;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: var(--ui-tag061);
    -webkit-animation: motion-twinkle01 1.5s ease-out infinite;
    animation: motion-twinkle01 1.5s ease-out infinite;
}
.list-type600 .list01 li:first-of-type .tit-news {
    color: var(--font-color003);
}
.list-type600 .list01 li:first-of-type .info-box01 {
    color: var(--ui-tag061);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .list-type600 .tit-news {
        font-size: 16px !important;
    }
    .list-type600 .list01 {
        max-height: 440px;
        padding-bottom: 40px !important;
    }
}

/*  ##list-type900 : 포토 화보*/
.list-type900 .swiper-area {
    height: 100%;
}
.list-type900 [class*="item-box0"] {
    height: 100%;
}
.list-type900 [class*="img-con"] {
    height: 100%;
}
.list-type900 [class*="img-con"] .img {
    max-height: 100%;
}
.list-type900 [class*="img-con"] .img .label-box03 {
    top: 8px;
    right: 8px;
}
.list-type900 [class*="img-con"] .img:before {
    display: none;
}
.list-type900 [class*="img-con"] .img img {
    width: auto;
    max-width: 100%;
    height: 100%;
    object-position: center; /* 오타 translate(-50%, -50%); */
}
.pop-fullscreen .list-type900 [class*="img-con"] .img {
    height: 100%;
    padding-top: 0;
}
.pop-fullscreen .list-type900 [class*="img-con"] .img img {
    top: auto;
    left: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    transform: none;
    object-fit: unset;
    object-position: center;
}

/*  ##list-type901 : 포토 화보*/
.list-type901 {
    position: relative;
    box-sizing: border-box;
    padding: 0 78px;
}
.list-type901 .list02 .swiper-slide {
    display: flex;
    align-items: center;
    padding: 20px 0;
}
.list-type901 [class*="btn-dir004-"] {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
}
.list-type901 .btn-dir004-prev {
    left: 0;
}
.list-type901 .btn-dir004-next {
    right: 0;
}
.list-type901 .list02 .swiper-slide {
    box-sizing: border-box;
    width: auto;
}
.list-type901 .list02 .swiper-slide a {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 80px;
    padding-top: 0;
}
.list-type901 .list02 .swiper-slide img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}
.list-type901 .list02 .swiper-slide-active a {
    box-sizing: border-box;
    border: 6px solid var(--ui-tag045);
}

/* =============== ####news-type (Single News) ======================== */
/* (클래스범위) : news-type000 ~ news-type299
 * 메인톱기사 : news-type0$$
 * 메인톱통단 : news-type1$$ */

/* ---- ## news-type$$ > item-box$$ : 공통 ---- */
[class*="news-type"] {
    position: relative;
}
[class*="news-type"]:empty {
    display: none;
}
[class*="news-type"] .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
[class*="news-type"] [class*="list"] {
    box-sizing: border-box;
    padding: 0;
}
[class*="news-type"] [class*="list"] > li.ads-item01 {
    display: none;
    width: 100%;
}
[class*="news-type"] [class*="item-box0"] {
    overflow: hidden;
    position: relative;
}
[class*="news-type"] [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box;
    min-width: 50px;
}
[class*="news-type"] [class*="item-box0"] .img {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 66.67%;
    background-color: var(--ui-tag007);
}
[class*="news-type"] [class*="img-con"] .img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid var(--ui-tag025);
}
[class*="news-type"] [class*="img-con"] .img img {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    object-position: center top;
    object-fit: cover;
}
[class*="news-type"] [class*="img-con"] .rowH img {
    width: auto;
}
[class*="news-type"] [class*="item-box0"] .news-con {
    box-sizing: border-box;
    width: 100%;
}
[class*="news-type"] [class*="item-box0"] .tit-wrap {
    overflow: hidden;
    display: table-cell;
    box-sizing: border-box;
    max-width: 100%;
    height: auto;
    padding-right: 1px;
    line-height: 1.5em;
}
[class*="news-type"] [class*="item-box0"] .title01 {
    color: var(--font-color003);
}
[class*="news-type"] [class*="item-box0"] .tit-news {
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
    min-height: 27px;
    line-height: 1.5;
    font-weight: 500;
    text-align: left;
    -webkit-box-orient: vertical;
}
[class*="news-type"] [class*="item-box0"] .title01 {
    display: inline;
    will-change: opacity;
}
[class*="news-type"] [class*="item-box0"] .tit-news:empty {
    display: none;
}
[class*="news-type"] [class*="item-box0"] .lead {
    overflow: hidden;
    display: -webkit-box;
    height: auto;
    min-height: 23px;
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.5em;
    color: var(--font-color004);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
[class*="news-type"] [class*="img-con"] [class*="label-box"] {
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    font-size: 0;
    text-align: center;
    vertical-align: middle;
}
[class*="news-type"] [class*="img-con"] .label-box02 {
    top: 0;
    left: 0;
}
[class*="news-type"] [class*="img-con"] .label-box03 {
    top: 0;
    right: 0;
}
[class*="news-type"] [class*="img-con"] .label-box04 {
    left: 0;
    bottom: 0;
}
[class*="news-type"] .con[class*="ads-"]:empty {
    display: none;
}
[class*="news-type"] .label-box01 {
    right: 20px;
    bottom: 16px;
}
[class*="news-type"] .lead:empty {
    display: none;
}
[class*="news-type"] .vid-con {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
[class*="news-type"] .vid-con + [class*="img-con"] {
    display: none;
}
[class*="news-type"] .ifm-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
[class*="news-type"] [class*="list"] [class*="txt-tag"] {
    font-size: 14px;
    font-weight: 600;
}
[class*="news-type"] [class*="list"] .title01 {
    display: inline;
}
[class*="news-type"] [class*="list"] a[class^="txt-tag"] {
    padding-right: 16px;
}
[class*="news-type"] [class*="txt-tag2"]:before {
    flex-shrink: 0;
}
[class*="news-type"] [class*="txt-tag"] + .tit-news {
    margin-top: 4px;
}
[class*="news-type"] .tit-news {
    margin-top: 0;
}
[class*="news-type"] [class*="tit-news"] [class*="title"] {
    word-break: keep-all;
}
[class*="news-type"] .tit-sub {
    font-size: 18px;
    color: var(--font-color005);
}
[class*="news-type"] .tit-sub:empty {
    display: none;
}
[class*="news-type"] [class*="list"] [class*="txt-tag2"] {
    margin-right: 8px;
}
[class*="news-type"] .list02 [class*="txt-tag2"]:before {
    width: auto;
    height: 21px;
    padding: 3px 4px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
}
[class*="news-type"] .list-related01 {
    padding-top: 4px;
}
[class*="news-type"] .list-related01 a {
    color: var(--font-color005);
}
/* 폰트사이즈 제어 */
[class*="news-type"] .tit-wrap44 .tit-news {
    font-size: 44px !important;
    line-height: 1.3 !important;
}
[class*="news-type"] .tit-wrap48 .tit-news {
    font-size: 48px !important;
    line-height: 1.3 !important;
}
[class*="news-type"] .tit-wrap60 .tit-news {
    font-size: 60px !important;
    line-height: 1.3 !important;
}
[class*="news-type"] .tit-wrap48 [class*="txt-tag2"]:before {
    top: 12px;
}
[class*="news-type"] .tit-wrap60 [class*="txt-tag2"]:before {
    top: 17px;
}
[class*="news-type"] .video-type01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    [class*="news-type"] .tit-news:hover .title01 {
        cursor: pointer;
        opacity: 0.5;
        text-underline-position: under;
        text-decoration-thickness: 1px;
        text-decoration-line: underline;
        text-decoration-color: currentColor;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    [class*="news-type"] [class*="item-box0"] .lead {
        max-height: 69px;
        min-height: 23px;
        -webkit-line-clamp: 3;
    }
    [class*="news-type"] [class*="list"] .title01 {
        display: inline;
        position: relative;
        top: -1px;
    }
    [class*="news-type"] .label-box01 {
        right: 16px;
        bottom: 12px;
    }
    [class*="news-type"] .tit-wrap44 [class*="txt-tag2"]:before {
        top: 12px;
    }
    [class*="news-type"] .tit-wrap48 [class*="txt-tag2"]:before {
        top: 15px;
    }
    [class*="news-type"] .tit-wrap60 [class*="txt-tag2"]:before {
        top: 21px;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="news-type"] .tit-sub br {
        display: none;
    }
    [class*="news-type"] .tit-news br {
        display: none;
    }
    [class*="news-type"] [class*="tit-news"] [class*="title"] {
        word-break: keep-all;
    }
    [class*="news-type"] [class*="list"] > li.ads-item01 {
        display: block;
    }
    [class*="news-type"] .label-box01 {
        right: 12px;
        bottom: 6px;
    }
    [class*="news-type"] .tit-sub {
        font-size: 16px;
    }
    [class*="news-type"] .list-related01 {
        clear: both;
        padding-top: 8px;
    }
    [class*="news-type"] .list-related01 a .tit01 {
        -webkit-line-clamp: 1;
        font-size: 15px;
    }
    /* 폰트사이즈 제어 */
    [class*="news-type"] .tit-wrap44 .tit-news {
        font-size: 34px !important;
    }
    [class*="news-type"] .tit-wrap48 .tit-news {
        font-size: 38px !important;
    }
    [class*="news-type"] .tit-wrap60 .tit-news {
        font-size: 42px !important;
        letter-spacing: 0;
    }
    [class*="news-type"] .tit-wrap48 [class*="txt-tag2"]:before {
        top: 10px;
    }
    [class*="news-type"] .tit-wrap60 [class*="txt-tag2"]:before {
        top: 12px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="news-type"] .tit-sub br {
        display: none;
    }
    [class*="news-type"] .tit-news br {
        display: none;
    }
    [class*="news-type"] [class*="item-box0"] .news-con {
        display: block;
    }
    [class*="news-type"] .label-box01 {
        right: 16px;
        bottom: 6px;
    }
    [class*="news-type"] .list01 {
        scroll-behavior: smooth;
    } /* 스크롤 smooth효과 */
    [class*="news-type"] [class*="list"] {
        clear: both;
    }
    [class*="news-type"] [class*="list"] > li.ads-item01 {
        display: block;
    }
    [class*="news-type"] .list-related01 {
        clear: both;
        padding-top: 4px;
    }
    [class*="news-type"] .list-related01 a .tit01 {
        -webkit-line-clamp: 1;
        font-size: 15px;
    }
    /* 폰트사이즈 제어 */
    [class*="news-type"] .tit-wrap44 .tit-news {
        font-size: 28px !important;
    }
    [class*="news-type"] .tit-wrap48 .tit-news {
        font-size: 32px !important;
    }
    [class*="news-type"] .tit-wrap60 .tit-news {
        font-size: 36px !important;
        letter-spacing: 0;
    }
    [class*="news-type"] .tit-wrap44 [class*="txt-tag2"]:before {
        top: 5px;
    }
    [class*="news-type"] .tit-wrap48 [class*="txt-tag2"]:before {
        top: 5px;
    }
    [class*="news-type"] .tit-wrap60 [class*="txt-tag2"]:before {
        top: 8px;
    }
}

/* ---- ##news-type001 : 톱기사 ---- */
.news-type001 {
    flex-shrink: 0;
    width: 580px;
}
.news-type001 .item-box01 {
    align-items: flex-start;
}
.news-type001 .item-box01 [class*="img-con"] + .news-con,
.news-type001 .item-box01 [class*="vid-con"] + .news-con {
    margin-top: 12px;
}
.news-type001 .list-text002 .list01 {
    padding: 0;
}
.news-type001 .item-box01 .tit-news {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--font-color003);
}
.news-type001 .item-box01 [class*="item-box0"] .lead {
    font-size: 15px;
}
.news-type001 .list-related01 > li {
    margin-top: 4px;
}
.news-type001 .txt-tag01 {
    font-size: 14px;
}
.news-type001 a.txt-tag01 {
    padding-right: 16px;
}
.news-type001 [class*="txt-tag2"] {
    margin-right: 12px;
    line-height: 2.5;
}
.news-type001 [class*="txt-tag2"]:before {
    top: 12px;
    width: auto;
    min-width: auto;
    height: 38px;
    padding: 6px 8px;
    font-size: 20px !important;
}
.news-type001 .lead {
    margin-top: 12px !important;
}
.news-type001 [class*="tit-wrap"] + .tit-sub {
    margin-top: 12px;
    line-height: 1.5;
}
.news-type001 .tit-sub {
    font-size: 18px;
    font-weight: 500;
}
.news-type001 .video-type01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.news-type001 [class*="img-con"] .label-box04 {
    left: 20px;
    bottom: 16px;
}
/* 유튜브 */
/*.news-type001 .vid-con{padding-top:56.25%;}*/
@media only screen and (min-width: 1024px) {
    .news-type001 .txt-tag01 {
        font-size: 18px;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type001 {
        width: 50%;
    }
    .news-type001 [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 12px;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type001 {
        width: 100%;
    }
    /*.news-type001 .item-box01{display:flex;column-gap:32px;position:relative;}*/
    .news-type001 .item-box01 {
        overflow: hidden;
        display: block;
        position: relative;
    }
    .news-type001 [class*="img-con"] {
        float: left;
        width: 345px;
    }
    .news-type001 [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 6px;
    }
    .news-type001 .news-con {
        display: table-cell;
        box-sizing: border-box;
        padding-left: 32px;
    }
    .news-type001 .item-box01 .tit-news {
        margin-top: 8px;
        font-size: 26px;
    }
    .news-type001 .item-box01 .news-con {
        margin-top: 0;
    }
    .news-type001 [class*="txt-tag2"] {
        line-height: 1.5;
    }
    .news-type001 [class*="txt-tag2"]:before {
        top: 3px;
        padding: 4px 6px;
        font-size: 15px !important;
    }
    .news-type001 [class*="item-box0"] .lead {
        -webkit-line-clamp: 3;
        margin-top: 8px !important;
        font-size: 14px;
    }
    .news-type001 .vid-con {
        float: left;
        width: 345px;
        padding-top: 27.15%;
    }
    .news-type001 [class*="tit-wrap"] + .tit-sub {
        margin-top: 8px;
    }
    .news-type001 .tit-sub {
        display: none;
        font-size: 16px;
    }
    .news-type001 + .aside-box101 {
        margin-top: 16px;
        padding: 16px 0;
        border: 1px solid var(--ui-tag005);
        border-width: 1px 0;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type001 {
        width: 100%;
    }
    .news-type001 [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 6px;
    }
    .news-type001 .item-box01 {
        position: relative;
    }
    .news-type001 [class*="item-box0"] .lead {
        display: none;
    }
    .news-type001 .item-box01 .tit-news {
        margin-top: 4px;
        font-size: 26px;
    }
    .news-type001 .item-box01 .news-con {
        margin-top: 12px;
    }
    .news-type001 [class*="txt-tag2"] {
        margin-right: 8px;
        line-height: 1.6;
    }
    .news-type001 [class*="txt-tag2"]:before {
        top: 3px;
        padding: 4px 6px;
        font-size: 15px !important;
    }
    /*.news-type001 [class*='tit-wrap'] + .tit-sub{display:block;margin-top:12px !important;}*/
    .news-type001 .tit-sub {
        display: none;
    }
    .news-type001 + .aside-box101 {
        margin-top: 16px;
        padding: 16px 0;
        border: 1px solid var(--ui-tag005);
        border-width: 1px 0;
    }
    .news-type001 .list-related01 a .tit01 {
        font-size: 15px;
    }
}

/* ---- ##news-type002 : 주요기사01(톱기사 옆 위치) ---- */
.news-type002 {
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 40px;
}
.news-type002 [class*="txt-tag2"]:before {
    height: 21px;
    padding: 4px 4px;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0;
}
.news-type002 .list01 {
    display: flex;
    align-items: stretch;
    column-gap: 40px;
    row-gap: 24px;
    flex-wrap: wrap;
}
.news-type002 .list01 > li {
    width: calc(50% - 20px);
}
.news-type002 .list01 [class*="item-box0"] [class*="txt-tag4"] {
    font-weight: 500;
}
.news-type002 .list01 .tit-news {
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
}
.news-type002 .list01 [class*="txt-tag2"] {
    line-height: 1.8;
}
.news-type002 .list01 [class*="img-con"] {
    margin-bottom: 8px;
}
.news-type002 .list01 [class*="item-box0"] .img {
    padding-top: 58.54%;
}
.news-type002 [class^="aside-box"] {
    display: none;
    padding: 0;
    border-bottom: none;
}
.news-type002 [class^="aside-box"] .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
.news-type002 [class^="aside-box"] .con {
    margin: 16px 0;
}
.news-type002 [class^="aside-box"] img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.news-type002 .label-box04 {
    left: 8px !important;
    bottom: 8px !important;
}
.news-type002 .item-box02 + .item-box02 {
    display: none;
    margin-top: 24px;
}
.news-type002 .item-box02 + .item-box02.show {
    display: block;
}

/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type002 {
        padding-left: 0;
    }
    .news-type002 .list01 {
        column-gap: 32px;
    }
    .news-type002 .list01 > li {
        width: calc(50% - 16px);
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type002 {
        margin-top: 44px;
        padding-left: 0;
    }
    .news-type002 [class*="tit-wrap"] {
        display: table-cell;
    }
    .news-type002 .list01 {
        column-gap: 32px;
        row-gap: 0;
    }
    .news-type002 .list01 > li {
        box-sizing: border-box;
        width: calc(50% - 16px);
        padding-top: 32px;
    }
    .news-type002 .list01 [class*="img-con"] {
        float: right;
        width: 120px;
        margin: 0 0 0 12px;
    }
    .news-type002 .list01 [class*="item-box0"] .img {
        padding-top: 66.67%;
    }
    .news-type002 .list01 .tit-news {
        font-weight: 600;
    }
    .news-type002 .list01 [class*="txt-tag2"] {
        line-height: 1.9;
    }
    .news-type002 .list01 .item-box01 [class*="tit-wrap"] {
        display: block;
        min-height: 80px;
    }
    .news-type002 .item-box02 + .item-box02 {
        margin-top: 32px;
    }
    .news-type002 [class*="item-box0"] .lead {
        margin-top: 8px;
        font-size: 14px;
    }
    .news-type002 [class^="aside-box"] {
        display: flex;
        flex-shrink: 0;
        width: 100% !important;
        margin: 0;
        padding: 16px 0;
        border: 1px solid var(--ui-tag005);
        border-width: 1px 0 !important;
    }
    .news-type002 [clas*="aside-bnr"] .con {
        height: 63px;
    }
    .news-type002 [class^="aside-box"] + li,
    .news-type002 [class^="aside-box"] + li + li,
    .news-type002 li:nth-of-type(1),
    .news-type002 li:nth-of-type(2) {
        padding-top: 0;
    }
    .news-type002 [class^="aside-box"] .con[class*="ads-"]:empty {
        display: none;
        padding-top: 0;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type002 {
        margin-top: 32px;
        padding-left: 0;
    }
    .news-type002 [class*="tit-wrap"] {
        display: table-cell;
    }
    .news-type002 .list01 {
        column-gap: 0;
        row-gap: 0;
    }
    .news-type002 .list01 > li {
        box-sizing: border-box;
        width: 100%;
        padding: 12px 0;
        border-top: 1px solid var(--ui-tag005);
    }
    .news-type002 .list01 > li:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .news-type002 .list01 [class*="img-con"] {
        float: right;
        width: 120px;
        margin: 0 0 0 12px;
    }
    .news-type002 .list01 [class*="item-box0"] .img {
        padding-top: 66.67%;
    }
    .news-type002 [class*="img-con"] + .news-con .tit-wrap {
        height: 80px;
        vertical-align: middle;
    }
    .news-type002 .list01 [class*="txt-tag2"] {
        top: 2px;
    }
    .news-type002 .list01 .tit-news {
        font-weight: 600;
    }
    /*.news-type002 .list01 .item-box01 [class*='tit-wrap']{display:block;min-height:80px;}*/
    .news-type002 [class*="item-box0"] .lead {
        display: none;
        margin-top: 8px;
    }
    .news-type002 .list01 li {
        width: 100%;
    }
    .news-type002 .list01 > li.aside-bnr03 {
        display: block;
        flex-shrink: 0;
        width: 100% !important;
    }
    .news-type002 [class^="aside-box"] {
        display: block;
        flex-shrink: 0;
        width: 100% !important;
        border-bottom: none !important;
    }
    .news-type002 [class^="aside-box"] .con {
        height: 63px;
        margin: 0 auto;
    }
    .news-type002 .item-box02 + .item-box02 {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--ui-tag005);
    }
}

/* ---- ##news-type004 : 섹션홈 > 정치,경제,산업,사회,전국,세계,문화   list-type602 ---- */
.news-type004 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #e9e9e9;
}
.news-type004 [class*="list0"] {
    width: calc(50% - 20px);
}
.news-type004 [class*="list0"] a.txt-tag01 {
    font-size: 14px;
}
.news-type004 a.txt-tag01 {
    padding-right: 18px;
}
.news-type004 a.txt-tag01:after {
    background-size: 14px auto;
    background-position: center;
}
.news-type004 .tit-sub {
    margin-top: 12px;
    font-weight: 600;
}
.news-type004 .tit-sub + .lead {
    margin-top: 12px;
}
/* 큰썸네일 */
.news-type004 .list01 [class*="txt-tag2"] {
    line-height: 3.5;
}
.news-type004 .list01 [class*="txt-tag2"]:before {
    top: 13px;
    font-size: 20px;
}
.news-type004 .list01 [class*="item-box0"] .tit-news {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
}
.news-type004 .list01 .news-con {
    margin-top: 16px;
}
.news-type004 .list01 [class*="item-box0"] .img {
    padding-top: 56.86%;
}
.news-type004 .list01 [class*="img-con"] .label-box04 {
    left: 20px;
    bottom: 16px;
}
/* 작은썸네일 2개 */
.news-type004 .list02 > li + li {
    position: relative;
    margin-top: 24px;
    padding-top: 25px;
}
.news-type004 .list02 > li + li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    background-color: var(--ui-tag005);
}
.news-type004 .list02 .item-box01 {
    overflow: hidden;
    display: block;
}
.news-type004 .list02 [class*="img-con"] .label-box04 {
    left: 8px;
    bottom: 9px;
}
.news-type004 .list02 [class*="img-con"] {
    float: right;
    margin-left: 32px;
}
.news-type004 .list02 [class*="img-con"] .img {
    width: 200px;
}
.news-type004 .list02 [class*="tit-wrap"] {
    display: block;
    width: 100%;
    padding-bottom: 8px;
}
.news-type004 .list02 .tit-news {
    margin-top: 0;
    display: block;
    width: auto;
}
.news-type004 .list02 .tit-news .title01 {
    font-size: 22px;
    font-weight: 700;
}
.news-type004 .list02 [class*="txt-tag2"] {
    line-height: 2.1;
}
.news-type004 .list02 [class*="txt-tag2"]:before {
    font-size: 14px;
}
.news-type004 .list02 .lead {
    -webkit-line-clamp: 5;
    max-height: 113px;
}
.news-type004 .list02 .lead + .list-related01 {
    padding-top: 8px;
}
/* 대형/대형 와이드 프레임 : 1024px 이상 */
@media only screen and (min-width: 1024px) {
    .news-type004 .list01 .txt-tag01 {
        font-size: 18px;
    }
    .news-type004 .list02 .list-related01 a,
    .news-type004 .list02 .list-related01 a .tit01 {
        display: inline;
    }
}
/* 대형 와이드 프레임 : 1280px 이상 : 컨테이너영역1200px */
@media only screen and (min-width: 1280px) {
    .news-type004 .list02 .lead {
        -webkit-line-clamp: 6;
        max-height: 134px;
    }
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type004 [class*="list0"] {
        width: calc(50% - 16px);
    }
    .news-type004 .tit-sub {
        margin-top: 12px;
        font-weight: 600;
    }
    .news-type004 .tit-sub + .lead {
        margin-top: 12px;
    }
    .news-type004 .list01 [class*="item-box0"] .img {
        width: 474px;
        padding-top: 267px;
    }
    .news-type004 .list01 [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 12px;
    }
    .news-type004 .list02 [class*="img-con"] .label-box04 {
        left: 8px;
        bottom: 8px;
    }
    .news-type004 .list02 [class*="img-con"] {
        margin-left: 24px;
    }
    .news-type004 .list02 [class*="img-con"] .img {
        width: 150px;
        padding-top: 100px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type004 {
        display: block;
        padding-bottom: 32px;
        border-bottom: none;
    }
    .news-type004 [class*="list0"] {
        width: 100%;
    }
    .news-type004 .tit-sub {
        display: none;
    }
    .news-type004 .lead {
        display: none !important;
    }
    .news-type004 .list-related01 {
        padding-top: 4px;
    }
    .news-type004 .list01 [class*="item-box0"] .tit-news {
        font-size: 26px;
    }
    .news-type004 .list01 [class*="txt-tag2"] {
        line-height: 2.4;
    }
    .news-type004 .list01 [class*="txt-tag2"]:before {
        top: 7px;
        font-size: 15px;
    }
    .news-type004 .list01 [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 8px;
    }
    .news-type004 .list01 .news-con {
        margin-top: 12px;
    }
    .news-type004 .list02 {
        display: block;
        margin-top: 32px;
    }
    .news-type004 .list02 > li + li {
        position: relative;
        box-sizing: border-box;
        margin-top: 12px !important;
        padding-top: 13px;
    }
    .news-type004 .list02 .item-box01 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .news-type004 .list02 .item-box01:after {
        content: "";
        display: block;
        clear: both;
    }
    .news-type004 .list02 [class*="tit-wrap"] {
        overflow: visible;
        display: table-cell;
        width: calc(100% - 132px);
        padding-bottom: 0;
        vertical-align: middle;
    }
    .news-type004 .list02 [class*="img-con"] {
        margin-bottom: 0;
        margin-left: 12px;
    }
    .news-type004 .list02 [class*="img-con"] .img {
        width: 120px;
        padding-top: 80px;
    }
    .news-type004 .list02 .news-con {
        clear: both;
    }
    .news-type004 .list02 [class*="txt-tag2"] {
        line-height: 1.9;
    }
    .news-type004 .list02 [class*="txt-tag2"]:before {
        top: 2px;
    }
    .news-type004 .list02 .tit-news .title01 {
        font-size: 18px;
        font-weight: 600 !important;
    }
}

/* ---- ##news-type005 : [서브 톱기사] 섹션홈 > 이슈돋보기   list-type604  ---- */
.news-type005 {
}
.news-type005 [class*="txt-tag2"] {
    line-height: 1.9;
}
.news-type005 .list-related02 .tit01 {
    font-weight: 600;
}
.news-type005 .list01 .item-box01 {
    overflow: hidden;
    margin-top: 12px;
}
.news-type005 .list01 [class*="img-con"],
.news-type005 .list01 .vid-con {
    float: left;
    width: 630px !important;
    margin-right: 40px;
}
.news-type005 .list01 [class*="img-con"] .img {
    padding-top: 62.2%;
}
.news-type005 .list02 [class*="img-con"] .img {
    padding-top: 56.06%;
}
.news-type005 .list02 .label-box01 {
    right: 8px;
    bottom: 8px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type005 .list01 [class*="img-con"] .img {
        padding-top: 66.74%;
    }
    .news-type005 .list02 .label-box01 {
        right: 13px;
        bottom: 11px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type005 {
        width: 100%;
    }
    .news-type005 [class*="txt-tag2"] {
        line-height: 1.7;
    }
    .news-type005 .list01 .item-box01 {
        margin-top: 0;
    }
    .news-type005 .list01 [class*="img-con"] .img {
        padding-top: 66.74%;
    }
    .news-type005 .list02 .label-box01 {
        right: 8px;
        bottom: 8px;
    }
}

/* 유튜브 */
.news-type005 .vid-con {
    padding-top: 354px !important;
}
.news-type005 .list01 [class*="item-box0"] .news-con {
    display: table-cell;
}
.news-type005 .list01 .info-list01 {
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 59px;
    gap: 0;
}
.news-type005 .list01 .info-list01 > li {
    position: relative;
    margin-left: 12px;
    padding-left: 13px;
}
.news-type005 .list01 .info-list01 > li:first-of-type {
    margin-left: 0;
    padding-left: 0;
}
.news-type005 .list01 .info-list01 > li:first-of-type:after {
    display: none;
}
.news-type005 .list01 .info-list01 > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: var(--ui-tag005);
    transform: translateY(-50%);
}
.news-type005 .list01 .info-list01 > li a .txt {
    font-size: 18px;
}
.news-type005 .list01 .info-list01 > li a .txt .num {
    font-size: 18px;
}
/* 작은썸네일 리스트 */
.news-type005 .list02 {
    display: flex;
    justify-content: flex-start;
    column-gap: 40px;
    margin-top: 40px;
}
.news-type005 .list02 .news-con {
    margin-top: 8px;
}
.news-type005 .list02 .tit-news {
    font-size: 18px;
}
.news-type005 .list02 li {
    flex-shrink: 0;
    width: calc(33.3% - 20px);
    max-width: 373px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type005 .list01 [class*="img-con"],
    .news-type005 .vid-con {
        float: left;
        width: 544px !important;
        margin-right: 32px;
    }
    .news-type005 .list02 {
        column-gap: 32px;
    }
    .news-type005 .list02 li {
        width: calc(33.3% - 16px);
        max-width: 305px;
    }
    /* 유튜브 */
    .news-type005 .vid-con {
        padding-top: 306px !important;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type005 {
        display: block;
    }
    .news-type005 .list01 {
        width: 100%;
    }
    .news-type005 .list01 .item-box01 {
        display: block;
    }
    .news-type005 .list01 [class*="item-box0"] .news-con {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .news-type005 .list01 [class*="img-con"] {
        width: 100% !important;
        margin-right: 0;
    }
    .news-type005 .list01 .info-list01 {
        height: auto;
        min-height: 45px;
        justify-content: flex-start;
        gap: 20px;
        padding: 12px 16px;
        box-sizing: border-box;
    }
    .news-type005 .list01 .info-list01 > li {
        margin-left: 0;
        padding-left: 0;
    }
    .news-type005 .list01 .info-list01 > li:after {
        display: none;
    }
    .news-type005 .list01 .info-list01 > li a .txt {
        font-size: 14px;
        text-align: center;
    }
    .news-type005 .list01 .info-list01 > li a .txt .num {
        font-size: 14px;
    }
    .news-type005 .list02 {
        display: block;
        flex-shrink: 0;
        box-sizing: border-box;
        width: 100%;
        margin-top: 24px;
        padding-left: 0;
    }
    .news-type005 .list02 li {
        width: 100%;
        max-width: 100%;
    }
    .news-type005 .list02 .tit-news {
        font-size: 16px;
    }
    .news-type005 .list02 li + li {
        margin-top: 20px;
    }
    /* 유튜브 */
    .news-type005 .vid-con {
        padding-top: 56.25% !important;
    }
}

/* ---- ##news-type006 : [서브 톱기사] 섹션홈 > 건강 list-type606 ---- */
.news-type006 {
    display: flex;
}
.news-type006 [class*="item-box0"] .tit-news {
    font-size: 20px;
    font-weight: 700;
}
.news-type006 [class*="img-con"] .label-box04 {
    left: 12px;
    bottom: 12px;
}
.news-type006 .list01 [class*="txt-tag2"] {
    line-height: 2.2;
}
.news-type006 .list01 {
    display: flex;
}
.news-type006 .list01 > li {
    box-sizing: border-box;
    width: 413px;
    padding-right: 40px;
}
.news-type006 .list01 [class*="item-box0"] .img {
    padding-top: 249px;
}
.news-type006 .list01 .tit-news {
    padding-top: 8px;
    line-height: 1.5;
}
.news-type006 .list01 .news-con {
    margin-top: 8px;
}
.news-type006 .list01 .tit-news {
    margin-top: 0;
    padding-top: 0;
}
.news-type006 .list02 {
    width: 100%;
}
.news-type006 .list02 > li {
    overflow: hidden;
}
.news-type006 .list02 [class*="img-con"] {
    float: right;
    width: 164px;
    margin-left: 20px;
}
.news-type006 .list02 [class*="item-box0"] .img {
    padding-top: 110px;
}
.news-type006 .list02 > li {
    box-sizing: border-box;
    margin-top: 20px;
    padding-top: 31px;
    border-top: 1px solid var(--ui-tag005);
}
.news-type006 .list02 > li:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.news-type006 .list02 .tit-news {
    line-height: 1.4;
}
.news-type006 .list02 [class*="txt-tag2"] {
    line-height: 2.1;
}
@media only screen and (min-width: 1024px) {
    .news-type006 .list01 .txt-tag01 {
        font-size: 18px;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type006 [class*="img-con"] .label-box04 {
        left: 8px;
        bottom: 8px;
    }
    .news-type006 .list01 > li {
        width: 332px;
        padding-right: 32px;
    }
    .news-type006 .list01 [class*="item-box0"] .img {
        padding-top: 200px;
    }
    .news-type006 .list02 > li {
        margin-top: 30px;
    }
    .news-type006 .list02 [class*="item-box0"] .img {
        padding-top: 84px;
    }
    .news-type006 .list02 [class*="img-con"] {
        width: 125px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type006 {
        display: block;
        padding: 0 16px;
    }
    .news-type006 [class*="item-box0"] .tit-news {
        font-size: 18px;
    }
    .news-type006 .list01 {
        display: block;
    }
    .news-type006 .list01 > li {
        width: 100%;
        margin-top: 40px;
        padding-right: 0;
    }
    .news-type006 .list01 li:first-of-type {
        margin-top: 0;
    }
    .news-type006 .list01 [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 8px;
    }
    .news-type006 .list01 [class*="item-box0"] .img {
        padding-top: 66.77%;
    }
    .news-type006 .list02 {
        margin: 20px 0;
        padding: 20px 0;
        border: 1px solid var(--ui-tag005);
        border-width: 1px 0;
    }
    .news-type006 .list02 > li {
        margin-top: 13px;
        padding-top: 13px;
    }
    .news-type006 .list02 > li .title01 {
        font-weight: 600;
    }
    .news-type006 .list02 > li [class*="img-con"] + .news-con .tit-news {
        display: table-cell;
        height: 80px;
        vertical-align: middle;
    }
    .news-type006 .list02 [class*="img-con"] {
        width: 120px;
        margin-left: 12px;
    }
    .news-type006 .list02 [class*="item-box0"] .img {
        padding-top: 80px;
    }
    .news-type006 .list02 [class*="img-con"] .label-box04 {
        left: 4px;
        bottom: 4px;
    }
}

/* ---- ##news-type007 : [서브 톱기사] 섹션홈 > 스포츠,연예 list-type605 ---- */
.news-type007 {
    max-width: 1200px;
}
.news-type007 .tit-sub {
    margin-top: 4px;
    font-weight: 600;
}
.news-type007 .tit-wrap + .tit-sub {
    margin-top: 4px;
}
.news-type007 .tit-sub + .lead {
    margin-top: 12px;
}
.news-type007 .list01 {
    overflow: hidden;
    width: calc(100% + 40px);
}
.news-type007 .list01 [class*="img-con"] .label-box04 {
    left: 12px;
    bottom: 12px;
}
.news-type007 .list01 .li {
    float: left;
    box-sizing: border-box;
    width: 33.3%;
    margin-top: 40px;
    padding-right: 40px;
}
.news-type007 .list01 .li .list-related01 a .tit01 {
    -webkit-line-clamp: 1;
}
.news-type007 [class*="tit-wrap"] + .list-related01 {
    padding-top: 4px;
}
.news-type007 .list01 .li [class*="tit-wrap"] {
    padding-top: 8px;
    padding-bottom: 4px;
}
.news-type007 .list01 .li .tit-news {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700;
    color: var(--font-color003);
}
.news-type007 .list01 [class*="txt-tag2"] {
    line-height: 2.1;
}
.news-type007 .list01 [class*="txt-tag2"]:before {
    font-size: 14px;
}
/* 첫번째 li 모듈 제어 */
.news-type007 .list01 li.top-news {
    flex-shrink: 0;
    width: 100%;
    margin-top: 0;
}
.news-type007 .list01 li.top-news [class*="txt-tag2"] {
    line-height: 3.8;
}
.news-type007 .list01 li.top-news [class*="txt-tag2"]:before {
    top: 13px;
    font-size: 20px;
}
.news-type007 .list01 li.top-news .item-box01 {
    display: flex;
    background-color: var(--ui-tag009);
}
.news-type007 .list01 li.top-news [class*="img-con"] {
    flex-shrink: 0;
    width: 540px;
    height: 360px;
}
.news-type007 .list01 li.top-news [class*="img-con"] .label-box04 {
    left: 20px;
    bottom: 16px;
}
.news-type007 .list01 li.top-news [class*="tit-wrap"] {
    padding-bottom: 8px;
}
.news-type007 .list01 li.top-news .tit-news {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
}
.news-type007 .list01 li.top-news .news-con {
    box-sizing: border-box;
    padding: 32px 40px 40px;
}
.news-type007 .list01 li.top-news .lead {
    font-size: 16px;
}
.news-type007 .list01 li.top-news .list-related01 {
    padding-top: 16px;
}
/*노이미지*/
.news-type007 .list01 li.top-news .img-none01 {
    background: none;
}
.news-type007 .list01 li.top-news .img-none01 .img {
    background-color: var(--ui-tag011);
}
@media only screen and (min-width: 1024px) {
    .news-type007 .list01 li.top-news .txt-tag01 {
        font-size: 18px;
    }
}
/* 대형 와이드 프레임 : 1280px 이상 : 컨테이너영역1200px */
@media only screen and (min-width: 1280px) {
    .news-type007 .list01 li.top-news .lead[data-count="0"] {
        -webkit-line-clamp: 4;
    }
    .news-type007 .list01 li.top-news .lead[data-count="1"] {
        -webkit-line-clamp: 3;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type007 {
        max-width: 980px;
    }
    .news-type007 .tit-wrap + .tit-sub {
        margin-top: 0;
    }
    .news-type007 .tit-sub + .lead {
        margin-top: 8px;
    }
    .news-type007 .list01 {
        width: calc(100% + 32px);
    }
    .news-type007 .list01 .li {
        margin-top: 32px;
        padding-right: 32px;
    }
    .news-type007 .list01 [class*="img-con"] .label-box04 {
        left: 8px;
        bottom: 8px;
    }
    .news-type007 .list01 li.top-news [class*="img-con"] {
        width: 504px;
        height: 336px;
    }
    .news-type007 .list01 li.top-news [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 12px;
    }
    .news-type007 .list01 li.top-news .tit-news {
        font-size: 32px;
    }
    .news-type007 .list01 li.top-news .news-con {
        padding: 24px 32px;
    }
    .news-type007 .list01 li.top-news .lead {
        max-height: 97px;
    }
    .news-type007 .list01 li.top-news .lead[data-count="0"] {
        -webkit-line-clamp: 4;
    }
    .news-type007 .list01 li.top-news .lead[data-count="1"] {
        -webkit-line-clamp: 3;
    }
    .news-type007 .list01 li.top-news .lead[data-count="2"],
    .news-type007 .list01 li.top-news .lead[data-count="3"],
    .news-type007 .list01 li.top-news .lead[data-count="4"],
    .news-type007 .list01 li.top-news .lead[data-count="5"],
    .news-type007 .list01 li.top-news .lead[data-count="6"] {
        -webkit-line-clamp: 2;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type007 {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0 24px;
    }
    .news-type007 .tit-sub {
        display: none;
    }
    .news-type007 .tit-sub + .lead {
        margin-top: 0;
    }
    .news-type007 .list01 {
        width: calc(100% + 20px);
    }
    .news-type007 .list01 .li {
        margin-top: 32px;
        padding-right: 20px;
    }
    .news-type007 .list01 .li .img-none01 {
        display: block;
    }
    .news-type007 .list01 [class*="img-con"] .label-box04 {
        left: 8px;
        bottom: 8px;
    }
    .news-type007 [class*="tit-wrap"] + .list-related01 {
        padding-top: 0;
    }
    .news-type007 .list01 .li .list-related01 a .tit01 {
        font-size: 15px;
    }
    .news-type007 .list01 .li .tit-news {
        font-size: 18px;
    }
    .news-type007 .list01 .li [class*="txt-tag2"] {
        line-height: 1.9;
    }
    .news-type007 .list01 li.top-news [class*="img-con"] {
        width: 360px;
        height: 240px;
    }
    .news-type007 .list01 li.top-news .img-none01 {
        display: block;
    }
    .news-type007 .list01 li.top-news .news-con {
        padding: 16px 16px 16px 24px;
    }
    .news-type007 .list01 li.top-news [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 8px;
    }
    .news-type007 .list01 li.top-news .tit-news {
        font-size: 26px;
    }
    .news-type007 .list01 li.top-news .lead {
        font-size: 15px;
    }
    .news-type007 .list01 li.top-news .list-related01 {
        padding-top: 8px;
    }
    .news-type007 .list01 li.top-news [class*="txt-tag2"] {
        line-height: 2.5;
    }
    .news-type007 .list01 li.top-news [class*="txt-tag2"]:before {
        top: 8px;
        font-size: 15px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type007 {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0 16px;
    }
    .news-type007 .tit-sub {
        display: none;
    }
    .news-type007 .tit-sub + .lead {
        margin-top: 0;
    }
    .news-type007 .list01 {
        display: block;
        width: 100%;
    }
    .news-type007 .list01 [class*="img-con"] .label-box04 {
        left: 4px;
        bottom: 4px;
    }
    .news-type007 .list01 [class*="txt-tag2"] {
        line-height: 1.9;
    }
    .news-type007 .list01 .li {
        float: none;
        box-sizing: border-box;
        width: 100%;
        margin-top: 16px;
        padding-top: 17px;
        padding-right: 0;
        border-top: 1px solid var(--ui-tag005);
    }
    .news-type007 .list01 .li .item-box01 {
        overflow: hidden;
    }
    .news-type007 .list01 .li [class*="img-con"] {
        float: right;
        width: 120px;
        margin-left: 12px;
    }
    .news-type007 .list01 .li [class*="img-con"] + .news-con [class*="tit-wrap"] {
        height: 80px;
        vertical-align: middle;
    }
    .news-type007 .list01 .li .img-none01 + .news-con [class*="tit-wrap"] {
        height: auto !important;
    }
    .news-type007 .list01 .li [class*="tit-wrap"] {
        padding: 0;
    }
    .news-type007 .list01 .li .tit-news {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
        -webkit-line-clamp: 3;
    }
    .news-type007 .list01 .li .list-related01 {
        clear: both;
        padding-top: 4px;
    }
    .news-type007 .list01 .li [class*="txt-tag2"]:before {
        font-size: 11px;
    }
    .news-type007 .list01 .li:nth-of-type(2) {
        margin-top: 24px;
        padding-top: 0;
        border: none;
    }
    .news-type007 .list01 li.top-news {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .news-type007 .list01 li.top-news [class*="txt-tag2"] {
        line-height: 2.4;
    }
    .news-type007 .list01 li.top-news .item-box01 {
        display: block;
    }
    .news-type007 .list01 li.top-news .news-con {
        padding: 16px 11px 24px;
    }
    .news-type007 .list01 li.top-news .tit-news {
        font-size: 26px;
        line-height: 1.3;
        font-weight: 700;
    }
    .news-type007 .list01 li.top-news .lead {
        font-size: 15px;
    }
    .news-type007 .list01 li.top-news [class*="img-con"] {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    .news-type007 .list01 li.top-news [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 8px;
    }
    .news-type007 .list01 li.top-news .list-related01 {
        padding-top: 8px;
    }
    .news-type007 .list01 li.top-news [class*="txt-tag2"]:before {
        top: 7px;
        font-size: 15px;
    }
    /* 노이미지 제어 */
    .news-type007 .list01 .li:nth-child(n + 2) .img-none01 {
        display: none;
    }
}

/* ---- ##news-type011 ~ news-type012 ---- */
/* news-type011 : 톱기사01 (큰 썸네일)
 * news-type012 : 톱기사02 (작은 썸네일)*/
/* 마켓플러스 톱기사01~02 */
.news-type011 .list01 [class*="txt-tag2"]:before {
    top: 12px;
    height: 38px;
    padding: 6px 8px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
}
.news-type011 .list01 [class*="img-con"] .label-box04 {
    left: 20px;
    bottom: 16px;
}
.news-type011 .list01 [class*="item-box0"] .img {
    padding-top: 386px;
}
.news-type011 .list01 [class*="item-box0"] .tit-news {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
}
.news-type011 .list01 .news-con {
    margin-top: 16px;
}
.news-type011 .list01 .tit-sub {
    margin-top: 12px;
}
.news-type011 .list01 .tit-sub + .lead {
    margin-top: 12px;
}
/* 작은썸네일 4개 */
.news-type012 [class*="txt-tag2"] {
    line-height: 2;
}
.news-type012 [class*="txt-tag2"]:before {
    top: 2px;
    height: 21px;
    padding: 3px 4px;
    font-size: 14px !important;
}
.news-type012 .list01 > li {
    margin-bottom: 16px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--ui-tag005);
}
.news-type012 .list01 > li:last-of-type {
    margin-bottom: 0 !important;
}
.news-type012 .list01 .item-box01 {
    overflow: hidden;
}
.news-type012 .list01 [class*="img-con"] .label-box04 {
    left: 7px;
    bottom: 8px;
}
.news-type012 .list01 [class*="img-con"] {
    float: right;
    width: 165px;
    margin-left: 12px;
}
.news-type012 .list01 .tit-news {
    font-size: 20px;
    font-weight: 600;
}
/* 대형/대형 와이드 프레임 : 1024px 이상 */
@media only screen and (min-width: 1024px) {
    .news-type012 [class*="list-related0"] a,
    .news-type012 [class*="list-related0"] a .tit01 {
        display: inline;
    }
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .top-sub-news001 [class*="news-type01"] {
        width: calc(50% - 16px) !important;
    }
    .news-type011 .list01 .news-con {
        margin-top: 12px;
    }
    .news-type011 .list01 [class*="item-box0"] .img {
        padding-top: 316px;
    }
    .news-type011 .list01 [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 12px;
    }
    .news-type012 .list01 [class*="img-con"] .label-box04 {
        left: 8px;
        bottom: 8px;
    }
    .news-type012 .list01 [class*="img-con"] {
        width: 161px;
    }
    .news-type012 .list01 [class*="img-con"] .img {
        padding-top: 110px;
    }
    .news-type012 .list01 .tit-news {
        margin-top: 0;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-sub-news001 {
        overflow: hidden;
        display: block;
        width: 100%;
    }
    .top-sub-news001 [class*="news-type01"] {
        width: 100%;
    }
    .top-sub-news001 .lead {
        display: none !important;
    }
    .news-type011 .list01 [class*="item-box0"] .tit-news {
        font-size: 26px;
    }
    .news-type011 .list01 [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 8px;
    }
    .news-type011 .list01 [class*="item-box0"] .img {
        padding-top: 66.48% !important;
    }
    .news-type011 .list01 [class*="txt-tag2"] {
        line-height: 2.4;
    }
    .news-type011 .list01 [class*="txt-tag2"]:before {
        top: 8px;
        padding: 3px 6px;
        font-size: 15px;
    }
    .news-type011 .list01 .news-con {
        margin-top: 12px;
    }
    .news-type012 .list01 {
        display: block;
        margin-top: 33px;
    }
    .news-type012 .list01 > li {
        position: relative;
        box-sizing: border-box;
        margin-bottom: 12px !important;
        padding-bottom: 13px;
    }
    /*.news-type003 .list02>li:before{display:block;content:'';width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:var(--ui-tag005);}*/
    .news-type012 .list01 .item-box01 {
        display: block;
    }
    .news-type012 .list01 .item-box01:after {
        content: "";
        display: block;
        clear: both;
    }
    .news-type012 .list01 [class*="img-con"] .label-box04 {
        left: 4px;
        bottom: 4px;
    }
    .news-type012 .list01 [class*="img-con"] {
        width: 120px;
        margin-bottom: 4px;
        margin-left: 12px;
    }
    .news-type012 .list01 [class*="img-con"] .img {
        padding-top: 80px;
    }
    .news-type012 .list01 [class*="img-con"] + .news-con .tit-wrap {
        display: table-cell;
        height: 80px;
        vertical-align: middle;
    }
    .news-type012 .list01 .tit-news {
        font-size: 18px;
    }
    .news-type012 .list01 [class*="txt-tag2"] {
        line-height: 1.5;
    }
    .news-type012 .list01 .list-related01 {
        clear: both;
        padding-top: 4px;
    }
    .news-type012 .tit-news [class*="txt-tag2"]:before {
        position: relative;
        top: 1px;
        font-size: 11px;
    }
}

/* ---- ##top-wide00$ > news-type1$$ : 톱기사 통단(공통) ---- */
[class*="news-type1"] {
    max-width: 1200px;
    margin: 0 auto;
}
[class*="news-type1"] [class*="tit-wrap"] {
    margin-bottom: 40px;
    text-align: center;
}
[class*="news-type1"] [class*="tit-wrap"] .tit-news {
    margin-top: 0;
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
}
[class*="news-type1"] [class*="txt-tag2"] {
    margin-right: 8px;
    line-height: 3.1;
}
[class*="news-type1"] [class*="txt-tag2"]:before {
    flex-shrink: 0;
    top: 17px;
    padding: 5px 8px;
    font-size: 20px;
}
[class*="news-type1"] [class*="tit-wrap"] .title01 {
    line-height: 1.3;
}
[class*="news-type1"] .tit-sub {
    flex-shrink: 0;
    width: 100%;
    font-size: 24px;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
}
[class*="news-type1"] .tit-sub:empty {
    display: inline-block;
    position: absolute;
    height: 0;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
[class*="news-type1"] [class*="txt-tag0"] {
    padding-right: 16px;
}
[class*="news-type1"] [class*="txt-tag0"] + .tit-sub {
    margin-top: 8px;
}
[class*="news-type1"] .vid-con {
    position: relative;
}
[class*="news-type1"] .vid-con .video-type01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
[class*="news-type1"] .video-con .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
[class*="news-type1"] .list01 [class*="txt-tag2"] {
    line-height: 3.8;
}
[class*="news-type1"] .list01 [class*="tit-wrap"] .tit-news {
    margin-top: 0;
}
[class*="news-type1"] [class*="img-con"] .label-box04 {
    left: 20px;
    bottom: 16px;
}
/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    /* 통단에 타임라인 리스트가 있을 때 hover 중복 제거 */
    [class*="news-type1"] .list-type600 .tit-news:hover .title01 {
        opacity: inherit;
        text-underline-position: inherit;
        text-decoration-thickness: inherit;
        text-decoration-line: inherit;
        text-decoration-color: inherit;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    [class*="news-type1"] [class*="txt-tag2"] {
        line-height: 2.5;
    }
    [class*="news-type1"] [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 12px;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="news-type1"] [class*="tit-wrap"] {
        margin-bottom: 32px;
    }
    [class*="news-type1"] [class*="txt-tag2"] {
        line-height: 2.2;
    }
    [class*="news-type1"] [class*="txt-tag2"]:before {
        top: 12px;
        padding: 4px 6px;
        font-weight: 700;
    }
    [class*="news-type1"] [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 6px;
    }
    [class*="news-type1"] .tit-sub {
        display: none !important;
        margin-top: 0;
        font-size: 20px;
    }
    [class*="news-type1"] [class*="tit-wrap"] .tit-news {
        margin-top: 0;
    }
    [class*="news-type1"] .news-con .tit-news {
        font-size: 20px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="news-type1"] [class*="txt-tag2"] {
        line-height: 1.8;
    }
    [class*="news-type1"] [class*="txt-tag2"]:before {
        top: 8px;
        padding: 4px 6px;
        font-size: 15px;
        font-weight: 700;
    }
    [class*="news-type1"] [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 6px;
    }
    [class*="news-type1"] [class*="tit-wrap"] .tit-news {
        margin-top: 4px;
    }
    [class*="news-type1"] .tit-sub {
        display: none !important;
        margin-top: 0;
        font-size: 18px;
        text-align: left;
    }
}

/* ---- ##news-type100 : 톱기사 통단 타입01(기본) ---- */
.news-type100 [class*="tit-wrap"] {
    display: block !important;
    width: 100%;
    margin-bottom: 30px;
}
.news-type100 [class*="item-box0"] {
    overflow: hidden;
}
.news-type100 [class*="item-box0"] [class*="img-con"],
.news-type100 [class*="item-box0"] .vid-con {
    float: left;
    margin-right: 40px;
}
.news-type100 .item-box01 .news-con {
    display: table-cell;
}
.news-type100 [class*="item-box0"] [class*="img-con"] {
    flex-shrink: 0;
    width: 490px;
}
.news-type100 [class*="item-box0"] .vid-con {
    flex-shrink: 0;
    width: 490px;
    padding-top: 275px;
}
.news-type100 [class*="item-box0"] .news-con {
}
.news-type100 [class*="item-box0"] .lead {
    -webkit-line-clamp: 6;
    margin-top: 0;
}
.news-type100 [class*="item-box0"] .lead + .list-related01 {
    padding-top: 4px;
}
.news-type100 [class*="item-box0"] .tit-sub:empty {
    margin-bottom: 0;
}
.news-type100 .txt-tag01,
.news-type100 a[class*="txt-tag"] {
    font-size: 18px;
}
.news-type100 [class*="tit-wrap"] [class*="txt-tag"]:before {
    font-size: 20px;
}
.news-type100 [class*="tit-wrap"] [class*="txt-tag2"] {
    margin-right: 8px;
}
.news-type100 [class*="tit-wrap"] .tit-news {
    display: block;
    text-align: center;
}
.news-type100 .news-con [class*="tit-wrap"] {
    margin-bottom: 0 !important;
}
.news-type100 .news-con .tit-sub {
    margin-top: 0;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}
.news-type100 .list-related01 > li {
    margin-top: 4px;
}
.news-type100 [class*="tit-wrap"] .tit-news {
    text-align: left;
}
.news-type100 [class*="tit-wrap"] .tit-news:first-of-type {
    margin-top: 0;
}
/* 타이틀 */
/*.news-type100 [class*='txt-tag2']:before{top:17px;padding:5px 8px;font-size:20px;}*/
.news-type100 .item-box01 > [class*="tit-wrap"] > .tit-news {
    text-align: center;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type100 [class*="item-box0"] [class*="img-con"],
    .news-type100 [class*="item-box0"] .vid-con {
        float: left;
        margin-right: 32px;
    }
    .news-type100 [class*="item-box0"] [class*="img-con"],
    .news-type100 [class*="item-box0"] .news-con,
    .news-type100 [class*="item-box0"] .vid-con {
        width: calc(50% - 16px);
    }
    .news-type100 [class*="item-box0"] .vid-con {
        padding-top: 27.33%;
    }
    .news-type100 [class*="item-box0"] .news-con {
        padding-left: 0;
    }
    .news-type100 .news-con .tit-news {
        font-size: 24px;
    }
    .news-type100 [class*="tit-wrap"] .tit-news {
        font-size: 36px;
    }
    .news-type100 [class*="tit-wrap"] .tit-sub {
        font-size: 24px;
    }
    .news-type100 [class*="tit-wrap"] [class*="txt-tag2"] {
        top: 4px;
        height: 38px;
    }
    .news-type100 [class*="item-box0"] .lead {
        max-height: 135px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type100 {
        position: relative;
    }
    .news-type100 .lead {
        display: none;
    }
    .news-type100 .item-box01 {
        display: flex !important;
        flex-wrap: wrap;
    }
    .news-type100 .item-box01 [class*="tit-wrap"] {
        margin-bottom: 0;
    }
    .news-type100 .item-box01 .news-con {
        display: block !important;
        clear: both;
    }
    .news-type100 .item-box01 {
        display: flex;
        position: static;
    }
    .news-type100 [class*="item-box0"] [class*="img-con"],
    .news-type100 [class*="item-box0"] .news-con,
    .news-type100 [class*="item-box0"] .vid-con {
        width: 100%;
        margin-bottom: 12px;
        padding: 0;
    }
    .news-type100 [class*="item-box0"] [class*="img-con"],
    .news-type100 [class*="item-box0"] .vid-con {
        order: -1;
        margin-bottom: 0;
    }
    .news-type100 [class*="item-box0"] .vid-con {
        padding-top: 56.25%;
    }
    .news-type100 a.txt-tag01 {
        padding-right: 16px;
        font-size: 14px;
    }
    .news-type100 [class*="tit-wrap"] {
        margin-top: 12px;
        margin-bottom: 32px;
        padding: 0 16px !important;
        text-align: left;
    }
    .news-type100 [class*="tit-wrap"] .tit-news {
        font-size: 26px;
        text-align: left;
        -webkit-line-clamp: 2;
    }
    .news-type100 [class*="item-box0"] .lead {
        display: none;
    }
    .news-type100 .txt-tag01,
    .news-type100 a[class*="txt-tag"] {
        font-size: 14px;
    }
    .news-type100 [class*="tit-wrap"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    .news-type100 a[class*="txt-tag0"]:after {
        background-size: 14px auto;
        background-position: center;
    }
    .news-type100 .news-con {
        padding: 0 16px !important;
    }
    .news-type100 .news-con .tit-news {
        font-size: 18px;
    }
    .news-type100 .item-box01 > [class*="tit-wrap"] > .tit-news {
        margin-top: 4px;
        text-align: left;
    }
    /* 기사내용 */
    .news-type100 .news-con .tit-sub {
        font-size: 18px;
    }
    .news-type100 [class*="item-box0"] .lead + .list-related01 {
        padding-top: 3px;
    }
    .news-type100 [class*="item-box0"] .tit-sub {
        overflow: hidden;
        display: -webkit-box;
        margin-bottom: 0;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    /* 광고 */
    .news-type100 + .aside-box101 {
        margin-top: 20px !important;
    }
}

/* ---- ##news-type101 : 톱기사 통단 타입02(썸네일강조) ---- */
.news-type101 [class*="img-con"],
.news-type101 .news-con {
    max-width: 890px;
    margin: 0 auto;
}
.news-type101 [class*="item-box0"] .vid-con + [class*="img-con"] {
    display: none;
}
.news-type101 [class*="item-box0"] .lead {
    margin-top: 16px;
}
.news-type101 [class*="tit-wrap"] {
    display: block !important;
    width: 100%;
}
.news-type101 [class*="tit-wrap"] .tit-news {
    display: block;
    text-align: center;
}
.news-type101 [class*="tit-wrap"] [class*="txt-tag"] + .tit-sub {
    margin-top: 8px;
}
.news-type101 .tit-sub {
    flex-shrink: 0;
    width: 100%;
    margin-top: 0;
    color: var(--font-color003);
}
.news-type101 .news-con .tit-sub {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}
/*.news-type101 a[class*='txt-tag0']{padding-right:20px;}*/
.news-type101 .txt-tag01,
.news-type101 a[class*="txt-tag"] {
    font-size: 18px;
}
.news-type101 [class*="tit-wrap"] [class*="txt-tag"]:before {
    font-size: 20px;
}
.news-type101 .list-related01 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    padding-top: 12px;
}
.news-type101 .list-related01 li {
    width: calc(50% - 10px);
    margin-top: 8px;
}
.news-type101 .list-related01 li:nth-of-type(1),
.news-type101 .list-related01 li:nth-of-type(2) {
    margin-top: 0;
}
.news-type101 .list-related01 a .tit01 {
    -webkit-line-clamp: 1;
}
.news-type101 [class*="item-box0"] .tit-wrap {
    margin-bottom: 20px;
}
.news-type101 [class*="item-box0"] .img {
    padding-top: 56.18%;
}
/* 유튜브 */
.news-type101 .vid-con {
    max-width: 890px;
    margin: 0 auto;
    padding-top: 500px;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type101 .vid-con {
        width: 720px;
        padding-top: 404px;
    }
    .news-type101 [class*="tit-wrap"] .tit-news {
        font-size: 36px;
    }
    .news-type101 [class*="tit-wrap"] .tit-sub {
        font-size: 24px;
    }
    .news-type101 [class*="tit-wrap"] [class*="txt-tag2"] {
        top: 3px !important;
        height: 38px;
    }
    .news-type101 .news-con .tit-news {
        font-size: 24px;
    }
    .news-type101 [class*="item-box0"] .lead {
        -webkit-line-clamp: 2;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type101 {
        position: relative;
    }
    /*.news-type101{position:relative;padding-top:66.55%;}*/
    .news-type101 [class*="item-box0"] .lead {
        display: none;
    }
    .news-type101 .list-related01 {
        display: flex;
        padding-top: 8px;
    }
    .news-type101 .list-related01 li,
    .news-type101 .list-related01 li:nth-of-type(2) {
        width: 100%;
        margin-top: 4px;
    }
    .news-type101 .list-related01 li:nth-of-type(1) {
        margin-top: 0;
    }
    .news-type101 .item-box01 {
        display: flex;
        flex-wrap: wrap;
    }
    .news-type101 [class*="item-box0"] [class*="img-con"],
    .news-type101 [class*="item-box0"] [class*="tit-wrap"],
    .news-type101 .item-box01 {
        display: flex;
    }
    .news-type101 [class*="item-box0"] [class*="tit-wrap"] {
        flex-wrap: wrap;
    }
    .news-type101 [class*="img-con"] {
        margin-top: 0 !important;
    }
    .news-type101 .news-con {
        flex-shrink: 0;
        width: 100%;
    }
    .news-type101 [class*="item-box0"] [class*="img-con"] {
        order: -1;
        width: 100%;
    }
    .news-type101 [class*="tit-wrap"] {
        margin-top: 12px;
        margin-bottom: 0;
        padding: 0 16px !important;
        text-align: left;
    }
    .news-type101 [class*="tit-wrap"] .tit-news {
        font-size: 26px;
        line-height: 1.3;
        text-align: left;
        -webkit-line-clamp: 2;
    }
    .news-type101 [class*="tit-wrap"] [class*="txt-tag"] + .tit-sub {
        margin-top: 8px;
    }
    .news-type101 .txt-tag01,
    .news-type101 a[class*="txt-tag"] {
        font-size: 14px;
    }
    /*.news-type101 [class*='tit-wrap'] [class*='txt-tag2']{top:3px !important;width:38px;height:27px;line-height:27px;margin-right:8px;}*/
    .news-type101 [class*="tit-wrap"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    .news-type101 a[class*="txt-tag0"]:after {
        background-size: 14px auto;
        background-position: center;
    }
    .news-type101 .news-con {
        padding: 0 16px !important;
    }
    .news-type101 .news-con .tit-news {
        font-size: 18px;
    }
    /* 유튜브 */
    .news-type101 .vid-con {
        order: -1;
        width: 100%;
        padding-top: 56.25%;
    }
    /* 광고 */
    .news-type101 + .aside-box101 {
        margin-top: 32px !important;
    }
}

/* ---- ##news-type102 : 톱기사 통단 타임라인 반자동/뉴스블로그 타임라인 ---- */
/* 통단 기사제목 멀티글래스 tit-wide 선언
 -- 통단 기사제목 tit-wrap$$ 선택자 사용시 타임라인까지 기사제목까지 영향을 줘 구분하기 위해 tit-wide 선언 */
.news-type102 {
    overflow: hidden;
}
.news-type102 .item-box01 {
    position: relative;
}
.news-type102 [class*="item-box0"] [class*="img-con"] {
    height: 100%;
}
.news-type102 [class*="item-box0"] .img {
    padding-top: 56.18%;
}
.news-type102 [class*="img-con"],
.news-type102 .news-con {
    max-width: 890px;
    margin: 0 auto;
}
.news-type102 [class*="tit-wrap"].tit-wide01 {
    display: block;
    margin-bottom: 20px;
}
.news-type102 [class*="tit-wrap"][class*="tit-wide"] .tit-news {
    display: block;
    text-align: center;
    -webkit-line-clamp: 2;
}
.news-type102 [class*="tit-wrap"][class*="tit-wide"] [class*="txt-tag2"] {
    margin-right: 8px;
}
.news-type102 [class*="tit-wrap"][class*="tit-wide"] .title01 {
    display: inline;
}
.news-type102 .news-con .tit-sub {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}
.news-type102 .txt-tag01,
.news-type102 a[class*="txt-tag"] {
    font-size: 18px;
}
.news-type102 [class*="txt-tag2"]:before {
    font-size: 20px;
}
.news-type102 [class*="tit-wrap"][class*="tit-wide"] [class*="txt-tag"]:before {
    font-size: 20px;
}
.news-type102 [class*="item-box0"] .lead {
    margin-top: 16px;
}
.news-type102 .area02 {
    position: relative;
    padding-right: 310px;
}
/* 기사제목 모바일용 : 숨김처리 */
.news-type102 .area02 [class*="tit-wide"] {
    display: none;
}
/* 관련기사 */
.news-type102 .list-related01 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    padding-top: 16px;
}
.news-type102 .list-related01 li {
    width: calc(50% - 10px);
    margin-top: 8px;
}
.news-type102 .list-related01 li:nth-of-type(1),
.news-type102 .list-related01 li:nth-of-type(2) {
    margin-top: 0;
}
/* 유튜브 */
.news-type102 .vid-con {
    padding-top: 56.25%;
}
/* 타임라인 */
.news-type102 .list-type600 .tit-news {
    display: -webkit-box;
    font-weight: 500;
}
/* 타임라인 > 그라데이션 */
.news-type102 .list-type600:after,
.news-type102 .list-type600:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -1px;
    z-index: 2;
    width: 100%;
    height: 50px;
    background: var(--ui-tag100);
}
.news-type102 .wide-newslive01 {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    width: 310px;
    height: 100%;
    padding-bottom: 68px;
    padding-left: 40px;
}
.news-type102 .title-type033 {
    position: absolute;
    top: 0;
    left: 40px;
}
.news-type102 .btn-type300 {
    margin-top: 20px;
}
/* 반자동 데이터셋 */
.wide-newslive01.wide-timeline01 {
    padding-top: 0;
    padding-bottom: 68px;
}
.wide-newslive01.wide-timeline01 .btn-type300 {
    margin-top: 20px;
}

/* 일반형/대형 프레임 : 1025px 이상 */
@media only screen and (min-width: 1024px) {
    /* 관련기사 */
    .news-type102 .list-related01 a .tit01 {
        font-size: 17px;
        font-weight: 500;
        color: var(--font-color003);
    }
    /* 타임라인 */
    .news-type102 .list-type600 .tit-news {
        display: -webkit-box;
        font-weight: 500;
        font-size: 17px !important;
    }
}
/* 중형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
    /* 관련기사 */
    .news-type102 .list-related01 a .tit01 {
        -webkit-line-clamp: 1;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type102 [class*="tit-wrap"][class*="tit-wide"].tit-news {
        font-size: 36px;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] .tit-sub {
        font-size: 24px;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] [class*="txt-tag2"] {
        top: 3px !important;
        height: 38px;
    }
    /* 관련기사 */
    .news-type102 .list-related01 {
        display: block;
    }
    .news-type102 .list-related01 li {
        width: 100%;
    }
    .news-type102 .list-related01 li:nth-of-type(2) {
        margin-top: 8px;
    }
    /* 타임라인 */
    .news-type102 .list-type600 .list01 {
        padding-bottom: 50px;
    }
    .news-type102 .wide-newslive01:after,
    .news-type102 .wide-timeline01:after {
        display: block;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type102 .item-box01 {
        overflow: hidden;
    }
    .news-type102 [class*="img-con"] {
        flex-shrink: 0;
        width: 345px;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] {
        flex-shrink: 0;
        width: 100%;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] .tit-news {
        font-size: 32px;
        -webkit-line-clamp: 2;
    }
    .news-type102 [class*="item-box0"] .lead {
        -webkit-line-clamp: 5;
        margin-top: 0;
        font-size: 14px;
    }
    .news-type102 [class*="item-box0"] .news-con {
        float: right;
        padding-left: 2px;
        max-width: 100%;
    }
    /* 관련기사 */
    .news-type102 .list-related01 {
        display: block;
        padding-top: 8px;
    }
    .news-type102 .list-related01 li,
    .news-type102 .list-related01 li:nth-of-type(2) {
        width: 100%;
        margin-top: 4px;
    }
    .news-type102 .area02 {
        position: relative;
        padding-right: 0;
    }
    .news-type102 .area02 > .item-box01 {
        display: flex;
    }
    .news-type102 .area02 > .item-box01 .news-con {
        padding-left: 32px;
    }
    .news-type102 .txt-tag01,
    .news-type102 a[class*="txt-tag"] {
        font-size: 16px;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    /* 타임라인 */
    .news-type102 .wide-newslive01 {
        position: relative;
        width: 100%;
        margin-top: 20px;
        padding-bottom: 0;
        padding-top: 0;
        padding-left: 0;
    }
    .news-type102 .wide-newslive01:after,
    .news-type102 .wide-timeline01:after {
        display: block;
    }
    .news-type102 .title-type033 {
        position: relative;
        left: 0;
        width: 100%;
    }
    .news-type102 .list-type600 {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid var(--ui-tag005);
    }
    .news-type102 .list-type600:before {
        top: 40px;
    }
    /* 유튜브 */
    .news-type102 .vid-con {
        padding-top: 27.6%;
    }
    /* 광고 */
    .news-type102 + .aside-box101 {
        margin-top: 32px !important;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type102 {
        display: flex;
        position: relative;
        flex-wrap: wrap;
    }
    .news-type102 [class*="img-con"] {
        position: absolute;
        top: 0;
        left: 0;
        order: -1;
    }
    .news-type102 [class*="item-box0"] .lead {
        display: none;
    }
    .news-type102 .item-box01 {
        display: flex;
        flex-wrap: wrap;
    }
    .news-type102 [class*="img-con"],
    .news-type102 [class*="item-box0"] .news-con {
        float: left;
        box-sizing: border-box;
        width: calc(50% - 15px);
    }
    .news-type102 .news-con {
        width: 100% !important;
    }
    .news-type102 .item-box01 {
        display: flex;
        position: static;
    }
    .news-type102 [class*="item-box0"] [class*="img-con"] {
        width: 100%;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] {
        margin-top: 12px;
        margin-bottom: 12px;
        padding: 0 16px;
        text-align: left;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] .tit-news {
        font-size: 26px;
        text-align: left;
        -webkit-line-clamp: 2;
    }
    .news-type102 .tit-news {
        display: inline-block;
    }
    .news-type102 .txt-tag01,
    .news-type102 a[class*="txt-tag"] {
        font-size: 14px;
    }
    .news-type102 [class*="tit-wrap"][class*="tit-wide"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    .news-type102 a[class*="txt-tag0"]:after {
        background-size: 14px auto;
        background-position: center;
    }
    /* 기사제목 모바일용 : 노출하면서 .area01 영역의 기사제목 숨김 */
    .news-type102 .area01 [class*="tit-wrap"] {
        display: none !important;
    }
    .news-type102 .area02 [class*="tit-wrap"] {
        display: block;
    }
    /* 관련기사 */
    .news-type102 .list-related01 {
        display: flex;
        padding: 0 16px;
    }
    .news-type102 .list-related01 li,
    .news-type102 .list-related01 li:nth-of-type(2) {
        width: 100%;
        margin-top: 4px;
    }
    .news-type102 .area01 {
        padding: 0 16px;
    }
    .news-type102 .area02 {
        position: static;
        padding-right: 0;
    }
    /* 타임라인 */
    .news-type102 .wide-newslive01,
    .news-type102 .wide-timeline01 {
        position: relative;
        width: 100%;
        max-height: 506px;
        margin-top: 20px;
        padding: 20px 16px 0;
        box-sizing: border-box;
    }
    .news-type102 .wide-newslive01:after {
        display: block;
        content: "";
        width: calc(100% - 32px);
        height: 1px;
        position: absolute;
        left: 16px;
        top: 0;
        background-color: var(--ui-tag005);
    }
    .news-type102 .list-type600 {
        max-height: 405px;
    }
    .news-type102 .list-type600 [class*="tit-wrap"] {
        margin-top: 0;
        margin-bottom: 0;
    }
    .news-type102 .title-type033 {
        position: relative;
        left: 0;
        width: 100%;
    }
    /* 유튜브 */
    .news-type102 .vid-con {
        order: -1;
        width: 100%;
    }
    /* 광고 */
    .news-type102 + .aside-box101 {
        margin-top: 32px !important;
    }
}

/* ---- ##news-type103 : 통단(주말픽) 변경전 list-type601 ---- */
.news-type103 {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: 41px;
    border-bottom: 1px solid var(--ui-tag005);
}
.news-type103 [class*="list0"] {
    width: calc(50% - 20px);
}
.news-type103 [class*="list0"] .tit-news {
    text-align: left;
}
.news-type103 [class*="list0"] [class*="tit-wrap"] {
    text-align: left;
}
.news-type103 [class*="tit-wrap"] .tit-news {
    line-height: 1.3;
}
.news-type103 .tit-sub {
    font-size: 18px !important;
}
/* 큰썸네일 */
.news-type103 .list01 [class*="txt-tag2"] {
    line-height: 3.8;
}
.news-type103 .list01 [class*="txt-tag2"]:before {
    top: 12px;
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 700;
}
.news-type103 .list01 [class*="item-box0"] .tit-news {
    margin-top: 0;
    font-size: 36px;
    font-weight: 700;
}
.news-type103 .list01 [class*="item-box0"] [class*="txt-tag"] + .tit-news {
    margin-top: 4px;
}
.news-type103 .list01 [class*="item-box0"] .tit-sub {
    display: block;
    margin-top: 12px;
    font-weight: 500;
}
.news-type103 .list01 [class*="item-box0"] .lead {
    margin-top: 12px;
}
.news-type103 .list01 [class*="item-box0"] .list-related01 {
    display: table-cell;
    padding-top: 4px;
}
.news-type103 .list01 .news-con {
    margin-top: 16px;
}
/* 작은썸네일 4개 */
.news-type103 .list02 > li {
    overflow: hidden;
}
.news-type103 .list02 > li + li {
    margin-top: 32px;
}
.news-type103 .list02 [class*="img-con"] {
    float: left;
    width: 156px;
    margin-right: 12px;
}
.news-type103 .list02 .item-box01 {
    display: flex;
}
.news-type103 .list02 .tit-news {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.5;
}
.news-type103 .list02 .tit-news .title01 {
    font-weight: 600;
}
.news-type103 .list02 .tit-news [class^="txt-tag"] {
    line-height: 1.7;
}
.news-type103 .list02 .tit-news [class^="txt-tag"]:before {
    top: 3px;
}
.news-type103 .list02 [class^="txt-tag"] + .tit-news {
    margin-top: 4px;
}
.news-type103 .list02 .list-related01 {
    display: table;
    padding-top: 4px;
}
.news-type103 .list02 [class*="txt-tag2"]:before {
    flex-shrink: 0;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}
.news-type103 .list02 .label-box04 {
    left: 8px;
    bottom: 8px;
}
@media only screen and (min-width: 1024px) {
    .news-type103 [class*="list01"] .txt-tag01 {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type103 [class*="list0"] {
        width: calc(50% - 16px);
    }
    .news-type103 .list02 [class*="img-con"] {
        width: 129px;
    }
    .news-type103 .list02 .item-box01 {
        display: block;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type103 {
        display: block;
        padding-bottom: 0;
        border-bottom: none;
    }
    .news-type103 [class*="list0"] {
        width: 100%;
    }
    .news-type103 .lead,
    .news-type103 .tit-sub {
        display: none !important;
    }
    .news-type103 .list01 [class*="item-box0"] .tit-news {
        font-size: 26px;
    }
    .news-type103 .list01 [class*="txt-tag2"] {
        line-height: 2.4;
    }
    .news-type103 .list01 [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    .news-type103 .list01 [class*="item-box0"] [class*="tit-wrap"],
    .news-type103 .list01 [class*="item-box0"] .list-related01 {
        display: block;
        margin-bottom: 0;
        padding: 0 16px;
    }
    .news-type103 .list01 .news-con {
        margin-top: 12px;
    }
    .news-type103 .list01 [class*="img-con"] {
        padding: 0 16px;
    }
    .news-type103 .list01 .list-related01 {
        padding-top: 8px;
    }
    .news-type103 .list02 {
        display: block;
        margin-top: 32px;
        padding: 0 16px;
    }
    .news-type103 .list02 > li {
        position: relative;
        box-sizing: border-box;
        margin-top: 12px !important;
        padding-top: 13px;
    }
    .news-type103 .list02 > li:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--ui-tag005);
    }
    .news-type103 .list02 > li:nth-of-type(1) {
        margin: 0 !important;
        padding-top: 0;
    }
    .news-type103 .list02 > li:nth-of-type(1):before {
        display: none;
    }
    .news-type103 .list02 .item-box01 {
        display: block;
    }
    .news-type103 .list02 .item-box01:after {
        content: "";
        display: block;
        clear: both;
    }
    .news-type103 .list02 [class*="img-con"] {
        float: left;
        width: 120px;
    }
    .news-type103 .list02 [class*="img-con"] + .news-con [class*="tit-wrap"] {
        height: 80px;
        vertical-align: middle;
    }
    .news-type103 .list02 .tit-news {
        font-size: 18px;
        line-height: 1.5;
    }
    .news-type103 .list02 .tit-news .title01 {
        line-height: 1.5;
    }
    .news-type103 .list02 .list-related01 {
        padding-top: 4px;
    }
    .news-type103 .list02 .tit-news [class^="txt-tag"] {
        line-height: 1.4;
    }
    .news-type103 .list02 .tit-news [class^="txt-tag"]:before {
        top: 1px;
        padding: 3px 4px;
        font-size: 11px;
    }
    .news-type103 .list02 .label-box04 {
        left: 6px;
        bottom: 6px;
    }
    .news-type103 .aside-box101 {
        box-sizing: border-box;
        padding: 0 16px;
    }
}

/* ---- ##news-type104 : 통단 타임라인(간소화형) ---- */
.news-type104 [class*="tit-wrap"] [class*="txt-tag2"] {
    top: 0px !important;
    height: 38px;
}
.news-type104 .area01 [class*="tit-wrap"] {
    width: 100%;
    margin-bottom: 20px;
}
.news-type104 .area01 .tit-news {
    display: block;
}
.news-type104 .area02 {
    display: flex;
}
.news-type104 .area02 > .item-box01 {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    width: 890px;
    overflow: hidden;
}
.news-type104 .area02 [class*="img-con"],
.news-type104 .area02 .vid-con {
    flex-shrink: 0;
    width: 546px;
    margin-right: 40px;
}
.news-type104 .area02 .vid-con {
    padding-top: 308px;
}
.news-type104 .vid-con + [class*="img-con"] {
    display: none;
}
.news-type104 .area02 > [class*="item-box0"] .lead {
    -webkit-line-clamp: initial;
}
.news-type104 .area02 .item-box01 > [class*="tit-wrap"] {
    display: none;
}
.news-type104 .list-type600 {
    height: auto;
}
.news-type104 .list-type600 .list01 {
    padding-bottom: 0 !important;
}
.news-type104 .list-type600 .list01 li {
    margin-top: 12px;
}
.news-type104 .list-type600 .list01 li:first-of-type {
    margin-top: 0;
}
.news-type104 .list-type600 .info-box01 {
    font-size: 12px;
    height: 16px;
    line-height: 1.5;
}
.news-type104 .list-type600 .tit-news {
    font-size: 16px !important;
}
.news-type104 .list-type600 .list01 li:before {
    top: 5px;
}
.news-type104 .list-type600 .list01 li:first-of-type:before {
    top: 6px;
}
.news-type104 .list-type600 .list01 li:first-of-type:after {
    top: 4px;
}
.news-type104 .wide-timeline02 {
    width: 100%;
    margin-left: 40px;
    box-sizing: border-box;
}
.news-type104 .wide-timeline02 .tit-news {
    -webkit-line-clamp: 2;
    font-weight: 500;
}
.news-type104 .wide-timeline02 .btn-type300 {
    height: 40px;
    margin-top: 16px;
}
/* 대형 와이드 프레임 : 1024px 이상 */
@media only screen and (min-width: 1024px) {
    .news-type104 .list-type600 li:nth-child(n + 5) {
        display: none;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type104 [class*="tit-wrap"] [class*="txt-tag2"] {
        top: 3px !important;
    }
    .news-type104 .area02 > .item-box01 {
        width: 678px;
    }
    .news-type104 .area02 [class*="img-con"],
    .news-type104 .area02 .vid-con {
        width: 376px;
        margin-right: 32px;
    }
    .news-type104 .area02 .vid-con {
        padding-top: 212px;
    }
    .news-type104 .area02 > [class*="item-box0"] .lead {
        -webkit-line-clamp: initial;
        max-height: initial;
    }
    .news-type104 .area02 .lead[data-count="4"] {
        -webkit-line-clamp: 6;
    }
    .news-type104 .area02 .lead[data-count="3"] {
        -webkit-line-clamp: 9;
    }
    .news-type104 .area02 .lead[data-count="2"] {
        -webkit-line-clamp: 11;
    }
    .news-type104 .area02 .lead[data-count="1"] {
        -webkit-line-clamp: 13;
    }
    .news-type104 .area02 .lead[data-count="0"] {
        -webkit-line-clamp: 16;
    }
    .news-type104 .wide-timeline02 {
        margin-left: 32px;
    }
}
/* 중형 프레임 : 768px ~ 1023px: : 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type104 [class*="tit-wrap"] .tit-news {
        font-size: 32px;
    }
    .news-type104 [class*="tit-wrap"] .tit-news .title01 {
        display: inline;
    }
    .news-type104 .txt-tag01,
    .news-type104 a[class*="txt-tag"] {
        font-size: 16px;
    }
    .news-type104 [class*="tit-wrap"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    /* 타임라인 */
    .news-type104 .area02 {
        display: block;
    }
    .news-type104 .area02 > .item-box01 {
        width: 100%;
    }
    .news-type104 .area02 [class*="img-con"],
    .news-type104 .area02 .vid-con {
        width: 345px;
        margin-right: 32px;
    }
    .news-type104 .area02 .vid-con {
        padding-top: 195px;
    }
    .news-type104 .list-type600:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: -1px;
        z-index: 2;
        width: 100%;
        height: 50px;
        background: var(--ui-tag100);
    }
    .news-type104 .list-type600 .list01 {
        max-height: 321px;
        padding-bottom: 40px !important;
        box-sizing: border-box;
    }
    .news-type104 .wide-timeline02 {
        margin-left: 0;
        padding-top: 33px;
        margin-top: 40px;
        border-top: 1px solid var(--ui-tag005);
    }
    .news-type104 .wide-timeline02 .btn-type300 {
        height: 48px;
    }
    .news-type104 + .aside-box101 {
        margin-top: 32px !important;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type104 .area01 > [class*="tit-wrap"] {
        display: none;
    }
    .news-type104 .area02 {
        display: block;
    }
    .news-type104 [class*="tit-wrap"] .tit-news {
        font-size: 26px;
        text-align: left;
    }
    .news-type104 .area02 > .item-box01 {
        display: block;
        width: 100%;
    }
    .news-type104 .area02 [class*="img-con"],
    .news-type104 .area02 .vid-con {
        margin-right: 0;
        width: 100%;
    }
    .news-type104 .area02 .vid-con {
        padding-top: 56.25%;
    }
    .news-type104 .area02 .item-box01 > [class*="tit-wrap"] {
        display: block;
        text-align: left;
        padding: 0 16px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .news-type104 .area02 > [class*="item-box0"] .news-con {
        padding: 0 16px;
    }
    .news-type104 .area02 > [class*="item-box0"] .lead {
        display: none;
    }
    .news-type104 .list-type600:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: -1px;
        z-index: 2;
        width: 100%;
        height: 50px;
        background: var(--ui-tag100);
    }
    .news-type104 .list-type600 .list01 {
        max-height: 321px;
        padding-bottom: 40px !important;
        box-sizing: border-box;
    }
    .news-type104 .wide-timeline02 {
        position: relative;
        margin-left: 0;
        padding: 20px 16px 0 16px;
        margin-top: 20px;
    }
    .news-type104 .wide-timeline02:after {
        display: block;
        content: "";
        width: calc(100% - 32px);
        height: 1px;
        position: absolute;
        left: 16px;
        top: 0;
        background-color: var(--ui-tag005);
    }
    .news-type104 .wide-timeline02 .btn-type300 {
        height: 48px;
    }
    .news-type104 .list-related01 {
        padding-top: 0;
    }
    .news-type104 + .aside-box101 {
        margin-top: 20px !important;
    }
}

/* ---- ##news-type110 : 더블톱 ---- */
/* item-box01 : 양자 영역 (1~2 기사)
 * item-box02 : 하단 영역 (3~5 기사)*/
.news-type110 {
    max-width: 1200px;
}
.news-type110 > .list01,
.news-type110 > .list02 {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.news-type110 > .list01 {
    gap: 0 40px;
}
.news-type110 > .list02 {
    margin-top: 40px;
    gap: 24px;
}
.news-type110 > .list02 > .item-box02 {
    box-sizing: border-box;
    width: calc((100% - 48px) / 3);
}
.news-type110 [class*="tit-wrap"] {
    text-align: left;
}
.news-type110 [class*="tit-wrap"] + .tit-sub {
    margin-top: 12px;
    line-height: 1.5;
}
[class*="news-type110"] > [class*="list"] [class*="tit-wrap"] .tit-news {
    overflow: visible;
    margin-top: 4px;
}
.news-type110 .tit-sub {
    font-size: 18px;
    font-weight: 500;
}
.news-type110 .lead {
    margin-top: 12px !important;
}
.news-type110 .list-text002 .list01 {
    padding: 0;
}
.news-type110 .list-related01 > li {
    margin-top: 4px;
}
.news-type110 .video-type01 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.news-type110 [class*="img-con"] .label-box04 {
    left: 20px;
    bottom: 16px;
}
/* 어깨제목,말머리 */
.news-type110 .txt-tag01 {
    font-size: 14px;
}
.news-type110 a.txt-tag01 {
    padding-right: 16px;
}
.news-type110 .item-box01 [class*="txt-tag2"] {
    margin-right: 12px;
}
.news-type110 .item-box01 [class*="txt-tag2"]:before {
    min-width: auto;
    padding: 6px 8px;
    font-size: 20px !important;
}
.news-type110 .item-box02 [class*="txt-tag2"] {
    height: 24px;
    margin-right: 8px;
    line-height: 1.8;
}
.news-type110 .item-box02 [class*="txt-tag2"]:before {
    min-width: auto;
    padding: 4px;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0;
}
/* .item-box01 */
.news-type110 .item-box01 {
    width: 580px;
}
.news-type110 .item-box01 {
    align-items: flex-start;
}
.news-type110 .item-box01 [class*="img-con"] + .news-con,
.news-type110 .item-box01 [class*="vid-con"] + .news-con {
    margin-top: 12px;
}
.news-type110 .item-box01 .tit-news {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--font-color003);
}
/* .item-box02 */
.news-type110 .item-box02 [class*="img-con"] {
    float: left;
    width: 162px;
    margin: 0 12px 0 0;
}
.news-type110 .item-box02 [class*="tit-wrap"] {
    height: 108px;
    vertical-align: middle;
}
.news-type110 .item-box02 .tit-news {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.news-type110 .item-box02 .tit-sub {
    display: none;
}
.news-type110 .item-box02 .lead {
    width: 100%;
}
/* 대형 프레임 : 1024px 이상 */
@media only screen and (min-width: 1024px) {
    .news-type110 .item-box01 [class*="txt-tag0"] {
        font-size: 18px;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .news-type110 > .list01 {
        gap: 0 32px;
    }
    .news-type110 [class*="img-con"] .label-box04 {
        left: 16px;
        bottom: 12px;
    }
    /* .item-box01 */
    .news-type110 .item-box01 {
        width: 100%;
    }
    /* .item-box02 */
    .news-type110 .item-box02 [class*="img-con"] {
        width: 132px;
    }
    .news-type110 .item-box02 [class*="tit-wrap"] {
        height: 88px;
    }
}
/* 중소형 프레임 : 1023px 이하 */
@media only screen and (max-width: 1023px) {
    /* .item-box01 */
    .news-type110 .item-box01 {
        width: 100%;
    }
    /* 어깨제목,말머리 */
    .news-type110 .item-box01 [class*="txt-tag2"] {
        line-height: 2.5;
    }
    .news-type110 .item-box01 [class*="txt-tag2"]:before {
        padding: 4px 6px;
        font-weight: 500;
        font-size: 15px !important;
    }
    /* .item-box02 */
    .news-type110 .item-box02 [class*="img-con"] {
        float: right;
        margin: 0 0 0 12px;
    }
    /* 광고 */
    .news-type110 + .aside-box101 {
        margin-top: 16px !important;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type110 > .list01 {
        gap: 0 32px;
    }
    .news-type110 > .list02 {
        flex-wrap: wrap;
        gap: 0 32px;
    }
    .news-type110 > .list02 > .item-box02 {
        width: calc(50% - 16px);
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--ui-tag005);
    }
    .news-type110 > .list02 > .item-box02:nth-last-child(1) {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    /* .item-box01 */
    .news-type110 .item-box01 .tit-news {
        font-size: 26px;
    }
    /* .item-box02 */
    .news-type110 .item-box02 [class*="img-con"] {
        width: 120px;
    }
    .news-type110 .item-box02 [class*="tit-wrap"] {
        height: 80px;
        vertical-align: top;
    }
    .news-type110 .item-box02 .tit-news {
        font-size: 18px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .news-type110 {
        margin-top: 24px;
    }
    .news-type110 > .list01 {
        gap: 0 16px;
        padding: 0 16px;
    }
    .news-type110 > .list02 {
        flex-direction: column;
        margin-top: 32px;
        padding: 0 16px;
    }
    .news-type110 > .list02 > .item-box02 {
        width: 100%;
    }
    .news-type110 .lead {
        display: none !important;
    }
    .news-type110 .list-related01 a .tit01 {
        -webkit-line-clamp: 2;
    }
    /* 어깨제목,말머리 */
    .news-type110 [class*="item-box"] [class*="txt-tag2"] {
        height: 21px;
        margin-right: 8px;
        line-height: 1.4;
    }
    .news-type110 [class*="item-box"] [class*="txt-tag2"]:before {
        min-width: auto;
        padding: 3px 4px 2px;
        font-weight: 500;
        font-size: 14px !important;
    }
    .news-type110 .item-box01 [class*="txt-tag0"] {
        font-size: 13px;
    }
    /* .item-box01 */
    .news-type110 .item-box01 {
        width: 100%;
    }
    .news-type110 .item-box01 .tit-news {
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
    }
    /* .item-box02 */
    .news-type110 .item-box02 [class*="img-con"] {
        width: 120px;
    }
    .news-type110 .item-box02 [class*="tit-wrap"] {
        height: 80px;
        vertical-align: top;
    }
    .news-type110 .item-box02 .tit-news {
        font-weight: 600;
        font-size: 17px;
        font-weight: 600;
    }
    /* 광고 */
    .news-type110 + .aside-box101 {
        margin-top: 32px !important;
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}

/*  ---- ##top-sub-news$$$ : 서브 톱기사  ---- */
[class*="top-sub-news"] .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
.top-sub-news001 {
    display: flex;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.top-sub-news001 > .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
.top-sub-news001 [class*="news-type01"] {
    width: calc(50% - 20px);
}
.top-sub-news001 [class*="news-type01"] [class*="txt-tag"],
.top-sub-news001 [class*="news-type01"] a.txt-tag01 {
    font-size: 14px;
}
.top-sub-news001 [class*="news-type01"] a.txt-tag01 {
    padding-right: 18px;
}
.top-sub-news001 [class*="news-type01"] a.txt-tag01:after {
    background-size: 14px auto;
    background-position: center;
}
.top-sub-news001 .news-type011 [class*="txt-tag2"] {
    margin-right: 12px;
    line-height: 3.4;
}
.top-sub-news001 .news-type012 [class*="txt-tag2"] {
    line-height: 2.2;
}
/* 더보기 버튼 */
.top-sub-news001 .btns-wrap03 {
    margin: 0 !important;
}
@media only screen and (min-width: 1024px) {
    .top-sub-news001 .news-type011 .txt-tag01 {
        font-size: 18px;
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .top-sub-news001 {
        max-width: 980px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-sub-news001 {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
    }
    .top-sub-news001 [class*="news-type01"] {
        width: 100%;
        max-width: 100%;
    }
    .top-sub-news001 .news-type011 [class*="txt-tag2"] {
        margin-right: 8px;
        line-height: 2.4;
    }
    .top-sub-news001 .news-type012 [class*="txt-tag2"] {
        line-height: 1.6;
    }
}

/*  ##news-type003 : [서브 톱기사] 섹션홈 > 마켓+  list-type603 */

/* ---- ##news-type300~399 : 서브톱기사---- */
/* (클래스범위)
 * 서브톱기사 : news-type300~349
 * 서브톱통단 : news-type350~399 */

/* ---- ##news-type304 : 섹션홈 > 스포츠,연예 ---- */

/* ---- ##top-wide$$$ : 통단 공통 ---- */
[class*="top-wide0"] {
    box-sizing: border-box;
    padding-bottom: 0;
    border-bottom: 1px solid var(--ui-tag005);
}
/* [class*='top-wide0']{box-sizing:border-box;padding-bottom:41px;border-bottom:1px solid var(--ui-tag005);} */
[class*="top-wide0"] .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
[class*="top-wide0"] .aside-box101 {
    display: none;
    margin-top: 32px;
    padding: 16px 0;
    border: 1px solid var(--ui-tag005);
    border-width: 1px 0;
}
[class*="top-wide0"] .title-type032 {
    position: absolute;
    top: -20px;
    z-index: 3;
}
/* 대형/대형 와이드 프레임 : 1024px 이상 */
@media only screen and (min-width: 1024px) {
    [class*="top-wide0"] {
        padding-bottom: 41px;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="top-wide0"] .aside-box101 {
        display: flex;
    }
    [class*="top-wide0"] .news-type103 + .aside-box101 {
        margin-top: 32px !important;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="top-wide0"] .title-type032 {
        top: -12px;
    }
    [class*="top-wide0"] .aside-box101 {
        display: flex;
        margin-top: 20px;
        padding: 12px 0;
    }
    [class*="top-wide0"] .news-type103 + .aside-box101 {
        margin-top: 32px !important;
    }
    [class*="top-wide0"] .aside-box101 {
        border-bottom: none;
    }
}
/* ---- ##top-wide001 ---- */
.top-wide001 {
    position: relative;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-wide001 {
        box-sizing: border-box;
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* ---- ##top-wide011 : 통단 썸네일강조 ---- */
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-wide011 {
        box-sizing: border-box;
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* ---- ##top-wide021,top-wide022 : 타임라인 ---- */
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-wide021,
    .top-wide022 {
        box-sizing: border-box;
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* ---- ##top-wide023 : 타임라인 간소화 ---- */
/* 중형 프레임 :1023px 이하 */
@media only screen and (max-width: 1023px) {
    [class*="top-wide023"] {
        border-bottom: none;
    }
    [class*="top-wide023"] .aside-box101 {
        border: none;
    }
}

/* ---- ##top-wide031 : 주말픽 ---- */
.top-wide031 {
    padding-bottom: 0;
    border-bottom: none;
}
.top-wide031.title-wide01 {
    position: relative;
    left: -12px;
    z-index: 3;
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-wide031 {
        margin-top: 18px;
    }
    .top-wide031.title-wide01 {
        left: -12px;
    }
    .top-wide031 ~ [class*="top-area"] {
        margin-top: 18px;
    }
    /* 코너명 사용시 제어 */
    /*.top-wide031 + [class*='top-area']{margin-top:24px;}*/
    /*.top-wide031 ~ [class*='top-area'] .news-type001 [class*='img-con']{padding:0 16px;}*/
    .top-wide031 ~ [class*="top-area"] .news-type001 .label-box01 {
        right: 16px;
    }
    /* 코너명+비디오 모듈일 때 제어 */
    .top-wide031 ~ [class*="top-area"] .news-type001 .item-box01,
    .top-wide031 ~ [class*="top-area"] .list01 .item-box01 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
    .top-wide031 ~ [class*="top-area"] [class*="img-con"] {
        padding: 0;
    }
    .top-wide031 ~ [class*="top-area"] .news-type001 .news-con,
    .top-wide031 ~ [class*="top-area"] .list01 .item-box01 .tit-wrap {
        padding: 0;
    }
    .top-wide031 ~ [class*="top-area"] .list01 .item-box01 .list-related01 {
        padding: 8px 0 0;
    }
}

/* ---- ##top-main-news001 : 메인 톱뉴스 기본형 ---- */
.top-main-news001 {
    display: flex;
    align-items: stretch;
    max-width: 1200px;
}
.top-main-news001:empty {
    display: none;
}
[class*="top-main-news"].empty,
[class*="top-wide"].empty {
    display: none;
}
.top-main-news001 .ir-txt01 {
    position: absolute;
    top: 0;
    left: 0;
}
/* 대형/대형 와이드 프레임 : 1024px 이상 */
@media only screen and (min-width: 1024px) {
    .top-main-news001 {
        box-sizing: border-box;
        padding-bottom: 41px;
        border-bottom: 1px solid var(--ui-tag005);
    }
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .top-main-news001 {
        column-gap: 32px;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-main-news001 {
        display: block;
        margin: 0 24px;
        padding-bottom: 0;
    }
    .top-main-news001:empty {
        height: 0;
        margin: 0;
        padding-bottom: 0;
    }
    .top-main-news001 .aside-box101 + .news-type002 {
        margin-top: 16px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .top-main-news001 {
        display: block;
        margin: 0;
        padding: 0;
    }
    .top-main-news001:empty {
        height: 0;
        margin: 0;
        padding-bottom: 0;
    }
    .top-main-news001 [class*="aside-box"] {
        display: flex;
        width: calc(100% - 32px);
        margin: 0;
    }
    .top-main-news001 .aside-box101 {
        margin-top: 0 !important;
    }
    .top-main-news001 .aside-box101 + .news-type002 {
        margin-top: 33px;
    }
    .top-main-news001 .news-type001 .news-con,
    .top-main-news001 .news-type002 {
        padding: 0 16px;
    }
}

/* =============== ####Box type ======================== */
/* [부모영역] box-type$$$ > title-con$$ + list-type$$$
-- box-type$$$에 클래스 추가로 디테일 제어함.
-- 박스타입 하위에 코너제목, 기사 리스트 위치함 */

/* (클래스범위)
 * box-type001 ~ 099
 * box-type001 : (기본) 박스타입
 * box-type090~99 : 에러메세지
 * box-type100 ~ 199 : 스와이퍼 박스
 * box-type200~229 : 검색
 * box-type230~249 : 기자
 * box-type250~269 : 테마별뉴스
 * box-type270~299 : 비주얼뉴스 */

/* ---- ##box-type$$$ : 공통 ---- */
[class*="box-type"] {
    position: relative; /*overflow:hidden;*/
} /* 공유레이어 이슈로 제거 */
[class*="box-type"] .ir-txt01 {
    position: absolute;
}
[class*="box-type"] > [class*="title-con"] {
    box-sizing: border-box;
    padding-bottom: 10px;
}
[class*="box-type"].show,
[class*="box-type"] > [class*="tab-content"] > [class*="list-type"].show {
    display: block;
}
[class*="box-type"].hide,
[class*="box-type"] > [class*="tab-content"] > [class*="list-type"].hide {
    display: none;
}
[class*="box-type"] [class*="list-type"] + [class*="btns-wrap"] {
    margin-top: 40px;
}
[class*="box-type"] > [class*="tab-content"] [class*="btns-wrap"] {
    margin-top: 20px;
}
[class*="box-type"] + .btns-wrap03 {
    margin-top: 40px;
}
[class*="box-deleted"].box-type090 {
    display: none;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="box-type"] > [class*="title-con"] {
        padding: 0 16px 12px 16px;
    }
    [class*="box-type"] + .btns-wrap03 {
        margin-top: 20px;
    }
}

/* ---- ##box-type001 ---- */
.box-type001 .title-type001 + .list-text300 {
    margin-top: 16px;
}
/* 오피니언 홈 논&설 */
.box-type001 .title-type001.arr01 + .list-type314 {
    margin-top: 10px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type001 .title-type001.arr01 + .list-type314 {
        margin-top: 0px;
    }
}

/* ---- ##box-ynalounge01,02 : 연합라운지 ---- */
[class*="box-ynalounge0"] {
    margin-top: 0 !important;
    padding-top: 8px;
}
.ynalounge-content01 {
    position: relative;
    z-index: 1;
    padding: 0 !important;
}
.ynalounge-content01 .section03 {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 63px;
    background-color: var(--ui-tag009);
}
.ynalounge-content01 .section03:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: var(--ui-tag001);
}
.ynalounge-content01 .title-con21 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.ynalounge-content01 .nav-type50 {
    max-width: 1200px;
    margin: 28px auto 0;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .ynalounge-content01 .nav-type50 {
        max-width: 980px;
        margin: 28px auto 0;
    }
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (max-width: 767px) {
    .ynalounge-content01 .nav-type50 {
        margin: 0 auto;
    }
    .ynalounge-content01 .section03 {
        padding-top: 78px;
        padding-bottom: 40px !important;
    }
    .ynalounge-content01 .box-ynalounge01 {
        padding: 4px 0 0;
    }
}

/* ---- ##box-type011 : 최신기사 ---- */
.box-type011 .btn-type215,
.box-type011 .btn-type034 {
    display: none !important;
}
.box-type011 .btn-type215 + .btn-type215 {
    margin-right: 15px;
}
.box-type011.edit-list .btn-type432 {
    display: none;
}
.box-type011.edit-list .btn-type215,
.box-type011.edit-list .btn-type034 {
    display: block !important;
}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (max-width: 767px) {
    /*.box-type011{padding:0 16px;}*/
}

/* ---- ##box-type012 : 우분투 특집코너 ---- */
.box-type012 {
    margin-top: 0 !important;
}
.box-type012 + .box-corrected01 {
    margin-top: 0 !important;
}

/* ---- ##box-type021 : 탭 박스01 ---- */
/* [서브/본문] 우측 랭킹뉴스 */
/* .box-type021{} */
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type021 .tab-type03 {
        padding: 0 16px;
    }
}

/* ---- ##box-type031 : [서브] 사람들 메인 ---- */
/* 사람들 > 인사, 부고, 동정/게시판 */
.box-type031 {
}

/* ---- ##box-type032 : [서브] 사람들 우측 ---- */
/* 사람들 > 인사, 부고, 동정/게시판 */
.box-type032 {
    overflow: visible;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 30px 20px 48px 20px;
    border: 1px solid var(--ui-tag005);
}
.box-type032[class*="object0"]::before {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    z-index: 10;
    width: 30px;
    height: 30px;
    background-color: var(--ui-tag001);
}
.box-type032[class*="object0"]::after {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 20;
    width: 0;
    height: 0;
    border-top: 21px solid var(--ui-tag000);
    border-left: 21px solid var(--ui-tag000);
    border-right: 21px solid var(--ui-tag000);
    border-bottom: 21px solid var(--ui-tag000);
    transform: rotate(135deg);
}
.box-type032.object01 {
    background-color: var(--ui-tag009);
}
.box-type032.object01::after {
    border-top: 21px solid var(--ui-tag031);
}
.box-type032.object02 {
    background-color: var(--ui-tag007);
}
.box-type032.object02::after {
    border-top: 21px solid var(--ui-tag012);
}
.box-type032.object03 {
    background-color: var(--ui-tag065);
}
.box-type032.object03::after {
    border-top: 21px solid var(--ui-tag034);
}
@media only screen and (max-width: 767px) {
    .box-type032[class*="object0"] {
        max-width: calc(100% - 32px);
        margin: 40px auto 0;
    }
    .box-type032[class*="object0"] .title-con01 {
        padding: 0;
    }
}

/* ---- ##box-type050 : [메인] 듣는연합뉴스 ---- */
.box-type050 {
    width: 270px;
}
.box-type050 > [class*="title-con"] {
    padding-bottom: 16px;
}
/* 대형 프레임 : 1024px ~ 1279px : 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-type050 {
        width: 221px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type050 {
        width: 100%;
    }
}

/* ---- ##box-type060 : [본문] PC 뉴스게임즈 ---- */
.box-type060 {
    display: block;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type060 {
        padding: 0 16px;
    }
}

/* ---- ##box-type090 : 에러 메세지---- */
.box-type090 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 440px !important;
    margin: 0 auto;
    padding: 180px 0;
}
.box-type090 .title-con01 {
    display: block;
    text-align: center;
}
.box-type090 .ico-type95-noti01 {
    margin: 3px 0;
}
.box-type090 > .txt01 {
    width: 100%;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
    color: var(--font-color005);
    text-align: center;
}
.box-type090 .btn-type304 {
    height: 64px;
    margin-top: 40px;
    padding: 22px 21px;
    font-size: 18px;
    font-weight: 600;
}
.box-type090 .btn-type304 .txt01 {
    margin: 0;
}
.box-type090 .box-error {
    display: block;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-type090 {
        padding: 160px 0;
    }
}
@media only screen and (max-width: 767px) {
    .box-type090 {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 440px;
        padding: 60px 0;
    }
    .box-type090 .ico01 {
        margin: 2px 0;
    }
    .box-type090 .txt01 {
        margin-top: 20px;
        font-size: 16px;
    }
    .box-type090 .btn-type304 {
        height: 60px;
    }
    .box-type090 .btn-type304 .txt01 {
        font-size: 16px;
    }
    .box-type090.box-error {
        padding: 60px 16px;
    }
}

/* ---- ##box-type100~199 : 스와이퍼 박스 공통 ---- */
[class*="box-type10"] .title-con01,
[class*="box-type10"] .title-con02 {
    display: flex;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 46px;
    margin: 0 0 -46px 0;
    padding-bottom: 0;
}
[class*="box-type10"] .swiper-area {
    position: relative;
    padding: 46px 0 0 0;
}
[class*="box-type10"] .btns-wrap11 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    max-width: 200px;
    height: 30px;
}
[class*="box-type10"] .btns-wrap11 .pager01 {
    width: auto;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    [class*="box-type10"] .title-con01,
    [class*="box-type10"] .title-con02 {
        height: 42px;
        margin: 0 0 -42px 0;
    }
    [class*="box-type10"] .swiper-area {
        /*overflow-x:auto;*/
        padding-top: 42px;
    }
    /*[class*='box-type10'] .swiper-area li{padding-right:16px;}*/
    [class*="box-type10"] .btns-wrap11 {
        display: none;
        height: 30px;
        margin-top: 16px;
    }
    [class*="box-type10"] .btns-wrap11 .pager01 {
    }
}

/* ---- ## box-type100 ---- */
@media only screen and (max-width: 767px) {
    .box-type100 .title-con01,
    .box-type100 .title-con02,
    .box-type103 .title-con01,
    .box-type103 .title-con02 {
        height: 39px;
        min-height: 39px;
        margin-bottom: -39px;
    }
}
/* 하위 리스트
 - list-type050, list-type021 */
@media only screen and (max-width: 767px) {
    /* box-type10$ : 스와이퍼 형태 */
    .box-type101 .btns-wrap11 {
        top: -46px !important;
    }
    .box-type101 .swiper-area {
        overflow: visible;
    }
}

/* ---- ## box-type101 ---- */
/* 1024 이하 버튼 상단 정렬 / 767이하 버튼  hide(스크롤변형)
 * 하위 리스트
 - list-type021, list-type032, list-type317 */

/* ---- ## box-type102 : 비주얼뉴스 홈 ---- */
.box-type102 {
    overflow: visible;
    max-width: 100%;
}
.box-type102 .swiper-area {
    padding: 0;
}

/* ---- ## box-type103 ---- */
/* 모든 해상도 버튼 노출
 * 하위 리스트
 - list-type041, list-type043, list-type306 */
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    /* 다국어톱뉴스,지역톱뉴스 */
    .box-type103 [class*="list-type04"] {
        text-align: center;
    }
    .box-type103 [class*="list-type04"] ul {
        display: flex;
    }
    .box-type103 [class*="list-type04"] .pager01,
    .box-type103 [class*="list-type04"] .btns-wrap11 {
        display: inline-flex;
        justify-content: center;
    }
    .box-type103 [class*="list-type04"] .pager01 {
        width: 64px;
    }
    .box-type103 [class*="list-type04"] .swiper-area {
        overflow: hidden;
        padding-top: 39px !important;
    }
    .box-type103 [class*="list-type04"] .btns-wrap11 {
        position: relative;
        box-sizing: border-box;
        margin: 12px auto 0;
        padding: 0 30px;
        font-size: 14px;
        font-weight: 500;
    }
    .box-type103 [class*="list-type04"] .btns-wrap11 .btn-type007-pause01 {
        display: none;
    }
    .box-type103 [class*="list-type04"] [class*="btn-dir001-"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .box-type103 [class*="list-type04"] .btn-dir001-prev {
        left: 0;
        margin-left: 0;
    }
    .box-type103 [class*="list-type04"] .btn-dir001-next {
        right: 0;
        margin-left: 0;
    }
    .box-type103 [class*="list-type04"] .pager01 {
        width: 64px;
        padding-right: 0;
    }
}

/* ---- ## box-type104 ---- */
/* [서브/본문] 핫뉴스, 에디터스 픽(영상,뉴스)
 * 하위 리스트
 - list-type200, list-type210, list-type211  */
.box-type104 {
    position: relative;
}
.box-type104 [class*="title-con"] + [class*="list-type"] {
    margin-top: 0;
}
.box-type104 .title-con04 + .list-type210 {
    margin-top: -44px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    /* 104 : 모든 해상도 버튼 노출(버튼위치 고정) */
    .box-type104 .btns-wrap11 {
        display: block;
        right: 16px;
        margin-top: 0;
    }
    .box-type104 .swiper-area {
        overflow: hidden;
        padding-left: 0;
    }
    .box-type104 .swiper-area li {
        box-sizing: border-box;
        padding: 0 16px;
    }
}

/* ---- ## box-type105 ---- */
.box-type105 {
    overflow: visible;
}
.box-type105 .btns-wrap11 {
    width: auto;
}
.box-type105 .title-type001 {
}
.box-type105 .list-type213 [class*="item-box0"].style01 > [class*="img-con"] {
    margin-bottom: 0;
}
.box-type105 .list-type213 .list01 li .item-box01 .news-con {
    padding-top: 20px;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    /* 104 : 버튼 노출 상단 고정  */
    .box-type105 .title-type001 .tit01 {
        padding-top: 1.5px;
    }
    .box-type105 .swiper-area {
        padding-top: 46px;
    }
}

/* ---- ## box-type106 ---- */
.box-type106 .swiper-grid-column > .swiper-wrapper {
    flex-direction: row;
}
.box-type106 .btns-wrap11 {
    width: auto;
}
.box-type106 > .title-type001 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.box-type106 .title-con02.style01 {
    position: static;
}
.box-type106 .swiper-grid-column > .swiper-wrapper {
    flex-direction: row;
}
.box-type106 .list-type214 .list01 > li {
    margin-top: 0 !important;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type106 .swiper-grid-column > .swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
        transform: translate3d(0px, 0, 0);
    }
    .box-type106 .list-type214 .list01 {
        height: 496px;
    }
    /* .box-type106 .list-type214 .list01>li:nth-child(2n){margin-top:20px;} */
    .box-type106 .list-type214 .list01 > li {
        height: 238px;
    }
    .box-type106 .list-type214 .list01 > li:nth-child(2n) {
        margin-top: 20px !important;
    }
}

/* ---- ## box-type107 ---- */
.box-type107 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100% !important;
    padding: 48px 0;
    background-color: var(--ui-tag009);
}
.box-type107 .title-con01 {
    margin: 0 auto -30px !important;
    padding: 0;
}
.box-type107 .btns-wrap11 {
    width: auto;
}
.box-type107 .list-type220 .list01 li {
    max-width: 373px;
}
.box-type107 .list-type220 .list01 {
    width: auto;
    max-width: 100%;
}
.box-type107 .swiper-area {
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-type107 {
        max-width: 100% !important;
    }
    .box-type107 .title-con01 {
    }
    .box-type107 .list-type220 {
        max-width: 980px;
        margin: 0 auto;
    }
    .box-type107 .list-type220 .list01 li {
        max-width: 100%;
    }
    .box-type107 .swiper-area {
        overflow: hidden;
        width: 100%;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type107 {
        padding: 24px 0;
    }
    .box-type107 .title-con01 {
        padding: 0 16px;
    }
    .box-type107 .list-type220 {
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
    .box-type107 .list-type220 .list01 li {
        max-width: 100%;
    }
    .box-type107 .title-type001 .tit01 {
        padding-top: 1.5px;
    }
    .box-type107 .swiper-area {
        overflow: hidden;
        width: 100%;
        padding-top: 39px;
    }
    .box-type107 .btns-wrap11 {
        display: inline-flex;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        height: 30px;
        margin-top: 0;
    }
}

/* ---- ## box-type108 ---- */
.box-type108 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100% !important;
}
.box-type108 .btns-wrap11 {
    width: auto;
}
.box-type108 .list-type221 .list01 li {
    opacity: 0.3;
    max-width: 373px;
}
.box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li {
    width: 373px;
}
.box-type108 .list-type221 .list01 .swiper-slide-active,
.box-type108 .list-type221 .list01 .swiper-slide-next,
.box-type108 .list-type221 .list01 .swiper-slide-next + .swiper-slide {
    opacity: 1;
}
.box-type108 .list-type221 .list01 {
    width: auto;
    max-width: 100%;
}
.box-type108 .swiper-area {
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1200px;
    margin: 0 auto;
}
.box-type108 .title-con01 {
    margin-bottom: -30px !important;
}
/*.box-type108 .list-type221::before{content:'';opacity:0.7;display:block;position:absolute;left:-5px;bottom:0;z-index:10;width:calc(50% - 600px);height:300px;background-color:var(--font-color001);}*/
/*.box-type108 .list-type221::after{content:'';opacity:0.7;display:block;position:absolute;right:-5px;bottom:0;z-index:10;width:calc(50% - 600px);height:300px;background-color:var(--font-color001);}*/
/* 대형 프레임 : 1024px ~ 1279px - 컨테이너영역980px */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-type108 .list-type221 .list01 li {
        max-width: 100%;
    }
    .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li {
        width: 300px;
    }
    .box-type108 .swiper-area {
        width: 100%;
        max-width: 980px;
    }
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type108 .list-type221 {
        padding: 0 16px;
    }
    .box-type108 .list-type221 .list01 li {
        max-width: 100%;
    }
    .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li {
        width: 100%;
    }
    .box-type108 .title-type001.arr01 a {
        padding-top: 1.5px;
    }
    .box-type108 .swiper-area {
        overflow: hidden;
        width: 100%;
        padding-top: 46px;
        overflow-x: hidden;
    }
    .box-type108 .btns-wrap11 {
        display: inline-flex;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        height: 30px;
        margin-top: 0;
    }
}

/* ---- ##box-type109 ---- */
.box-type109 {
    overflow: hidden;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 60px;
}
.box-type109:before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ui-tag009);
}
.box-type109 .title-con01 .title-type001 {
    margin-bottom: 0;
    flex: 1 2 auto;
}
.box-type109 .title-con01 .txt-type021 {
    flex: auto;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .box-type109 {
        padding-bottom: 0;
    }
    .box-type109 [class*="title-con0"] {
        height: auto;
        background-color: var(--ui-tag001);
    }
    .box-type109 .list-type222 .swiper-area {
        padding-top: 0;
    }
}

/* ---- ## box-type202 ---- */
.box-type202 .title-con05 {
    padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .box-type202.box-serp01-photo .list-type502 [class*="tit-wrap"] .tit-news {
        -webkit-line-clamp: 2;
    }
    .box-type202.box-serp01-video .list-type502 [class*="tit-wrap"] .tit-news {
        -webkit-line-clamp: 4;
    }
    .box-type202.box-serp01-graphic .list-type502 [class*="tit-wrap"] .tit-news {
        -webkit-line-clamp: 1;
    }
    .list-type502 + .paging-type01 {
        margin-top: 40px !important;
    }
}

/* ---- ##box-type211 ---- */
/* 통합검색 > 우측 인물 */
.box-type211 > [class*="title-con"] {
    margin-bottom: 6px;
    padding-bottom: 12px;
} /* 수치 피그마와 상이함 디자인과 그리드 맞추기위해 추가 */
.box-type211 .txt-type010 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    font-size: 16px;
    color: var(--font-color004);
}
.box-type211 .list-text400 {
    border: 1px solid var(--ui-tag005);
}
.box-type211 .list-text400 .list01 {
    border-top: 1px solid var(--ui-tag005);
}
@media only screen and (max-width: 767px) {
    .box-type211 .list-text400 {
        border: 0;
    }
    .box-type211 {
        border: 0;
    }
    .box-type211.box-serp-person01 {
        margin: 0 16px;
        border: 1px solid var(--ui-tag005);
    }
}

/* ---- ## box-type230~249 ---- */
/* 230 ~ 249 : 기자
* box-type230 : 기자 기사 리스트
* box-type231 : 기자 전체 리스트
* box-type232 : 기자 리스트 없음 */
.box-type230 {
    box-sizing: border-box;
    padding: 40px;
    border: 1px solid var(--ui-tag011);
    border-radius: 2px;
    background-color: var(--ui-tag001);
}
@media only screen and (max-width: 767px) {
    .box-type230 {
        padding: 20px 16px;
    }
    .box-type230 .list-type212 {
        padding: 0;
    }
    .box-type230 > [class*="title-con"] {
        padding: 0 0 12px 0;
    }
}
/* ---- ## box-type25$ ---- */
/* 251 ~ 269 : 테마별뉴스
* box-type251 : 핫뉴스
* box-type252 : 많이본뉴스(이시각,날짜별)
* box-type261 : 그 외 톱뉴스, 긴급뉴스 */
[class*="box-type25"],
[class*="box-type25"] [class*="list-type"] [class*="item-box0"],
.box-type261,
.box-type261 [class*="list-type"] [class*="item-box0"] {
    overflow: visible;
}
@media only screen and (max-width: 767px) {
    [class*="box-type25"] > .title-con01 {
        padding: 0 0 16px 0 !important;
    }
    .box-type261 {
        margin-top: 40px !important;
    }
}

/* ---- ## box-type270~299 ---- */
/* 270~299 : 비주얼뉴스*/

/*@media only screen and (max-width:767px){
	.box-type270{overflow:hidden;max-width:100% !important;}
}*/
@media only screen and (max-width: 767px) {
    [class*="box-type27"] {
        padding: 0 16px;
    }
    [class*="box-type27"] .title-con01 {
        padding: 0 0 12px 0 !important;
    }
    [class*="box-type27"].box-health-video01 .title-con01 {
        padding: 0 16px 12px 16px !important;
    }
}
/* ---- ## box-type273 : 비주얼뉴스 서브 : 그래픽 ---- */
.box-type273 .list-type301 > .list01 .item-box01 .tit-news {
    height: 27px;
    -webkit-line-clamp: 1;
    font-weight: 700;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-type273 .list-type301 > .list01 .item-box01 .tit-news {
        height: 54px;
        -webkit-line-clamp: 2;
    }
}
@media only screen and (max-width: 767px) {
    .box-type273 .list-type301 > .list01 .item-box01 .tit-news {
        height: 27px;
        -webkit-line-clamp: 1;
    }
}
/* ---- ## box-type274 : 비주얼뉴스 서브 : 화보 ---- */
.box-type274 {
    margin-top: 60px !important;
}
@media only screen and (max-width: 767px) {
    .box-type274 {
        padding: 0 16px;
    }
}

/* ---- ## box-type275 : 비주얼뉴스 서브 : 모멘토 ---- */
.box-type275 [class*="list-type"] [class*="item-box0"] .img {
    padding-top: 70.7%;
}

/* ---- ## box-type29$ : 비주얼뉴스 서브 : 공통 ---- */
@media only screen and (max-width: 767px) {
    [class*="box-type29"] {
        padding: 0 16px;
    }
    [class*="box-type29"] .title-con01 {
        padding: 0 0 12px 0 !important;
    }
}
/* ---- ## box-type291 : #D 리스트 ---- */
.box-type291 {
    position: relative;
    max-width: 100% !important;
}
.box-type291 .list-type304 {
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .box-type291 {
        position: relative;
        max-width: 100% !important;
    }
    .box-type291 .list-type304 {
        max-width: 980px;
        margin: 0 auto;
    }
    /*.box-type291 .list-type304>.list01 li:first-child{padding:48px 0}*/
}
@media only screen and (max-width: 767px) {
    /*.box-type291 .list-type304>.list01 li:first-child{padding:32px 0}*/
}

/* ---- ## box-type292 : #D 쇼츠 리스트 ---- */
.box-type292 {
}

/* =============== ####table-type ======================== */
/* ---- ##table-type61  ---- */
.table-type61 {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.table-type61 > .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 12px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.table-type61 table {
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid var(--ui-tag003);
    border-bottom: 1px solid var(--ui-tag005);
}
.table-type61 table th {
    height: 91px;
    border-right: 1px solid var(--ui-tag005);
    text-align: center;
}
.table-type61 table th:last-child {
    border-right: 0;
}
.table-type61 table th [class*="tit-wrap"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
.table-type61 table th [class*="tit-wrap"] .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
}
.table-type61 table th [class*="tit-wrap"] .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
}
.table-type61 table td {
    height: 139px;
    border-top: 1px solid var(--ui-tag005);
    border-right: 1px solid var(--ui-tag005);
    text-align: center;
}
.table-type61 table td:last-child {
    border-right: 0;
}
.table-type61 table td [class*="ico-type64"] {
    margin: 0 auto;
}
.table-type61 table td .tit01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding-top: 8px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.table-type61 table td .txt01 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 8px;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--font-color005);
    word-break: keep-all;
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .table-type61 {
        width: calc(100% - 32px);
        margin: 0 16px;
    }
    .table-type61 .tit01 {
        font-size: 18px;
    }
    .table-type61 table th {
        height: 88px;
    }
    .table-type61 table th [class*="tit-wrap"] .tit01 {
        font-size: 13px;
    }
    .table-type61 table td .txt01 {
        font-size: 13px;
    }
    .table-type61 table th [class*="tit-wrap"] .txt01 {
        font-size: 13px;
    }
}

/* ---- ##align-zone01 뉴스플러스 리스트 정렬박스  ---- */
.align-zone01 {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.align-zone01.active > .sort {
    display: block;
}
.align-zone01.active > .sort [class*="btn-type"] {
    float: none !important;
}
.align-zone01 > .sort {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 10;
    box-sizing: border-box;
    min-width: 100px;
    padding: 8px 12px 12px 12px;
    border-radius: 2px;
    background-color: var(--font-color001);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.align-zone01 > .sort li + li {
    margin-top: 16px;
}
.align-zone01 > .sort button {
    width: 100%;
    text-align: left;
}

/* ---- ##[마이페이지] reply-option01 : 댓글리스트 옵션 영역 ---- */
.reply-option01 {
    display: block;
    box-sizing: border-box;
}
.reply-option01 .reply-option-btn {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
}
.reply-option01 .reply-option-btn .reply-history-layer {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 10;
    box-sizing: border-box;
    min-width: 90px;
    padding: 16px;
    border-radius: 4px;
    background-color: var(--ui-tag001);
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.reply-option01 .reply-option-btn.active .reply-history-layer {
    display: block;
}
.reply-option01 .reply-option-btn .reply-history-layer > li {
    display: block;
    box-sizing: border-box;
}
.reply-option01 .reply-option-btn .reply-history-layer > li + li {
    margin-top: 20px;
}

/* ---- ##[본문] subscribe-zone01,02 : 브랜드뉴스 구독존 ---- */
/* subscribe-zone01 */
.subscribe-zone01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

/* subscribe-zone02 */
.subscribe-zone02 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    box-sizing: border-box;
    max-width: 640px;
    margin: 40px auto 0;
    padding-top: 21px;
    border-top: 2px solid var(--ui-tag003);
}
.subscribe-zone02 .title-type018 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.subscribe-zone02 .tit01 {
    font-size: 18px;
}
.subscribe-zone02 .tit02 {
    position: relative;
    margin-right: 12px;
    padding-right: 13px;
    font-size: 18px;
    font-weight: 600;
    color: var(--font-color004);
}
.subscribe-zone02 .tit02:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: var(--ui-tag005);
    transform: translateY(-50%);
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width: 767px) {
    .subscribe-zone02 {
        max-width: 100%;
        margin: 40px 16px 0;
    }
    .subscribe-zone02 + .empathy-zone {
        margin-top: 40px !important;
    }
}

/* ---- ##[사이트맵] link-zone01 : 링크 리스트 ---- */
.link-zone01 {
    padding: 24px 0;
    border-top: 2px solid var(--font-color003);
    border-bottom: 1px solid var(--ui-tag005);
}
.link-zone01 > li {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}
.link-zone01 > li:first-child {
    margin-top: 0;
}
.link-zone01 .tit01 {
    display: block;
    flex-shrink: 0;
    width: 120px;
    line-height: 1.5;
    font-weight: 700;
    color: var(--font-color003);
}
.link-zone01 .tit01 a {
    display: block;
}
.link-zone01 > li .list01 a {
    display: block;
    padding: 0 4px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--font-color005);
}
.link-zone01 > li .list01 a:hover,
.link-zone01 > li .list01 a:focus {
    color: var(--font-color021);
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}
.link-zone01 > li .link-area01 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.link-zone01 > li .link-area01 .list01 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .link-zone01 {
        padding: 16px 0;
    }
}
@media only screen and (max-width: 767px) {
    .link-field01 .title-con02 {
        margin-bottom: 12px;
    }
    /*.link-field01 .title-con02 .title-type015{width:100%;}*/
    .link-zone01 > li {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 28px;
    }
    .link-zone01 > li .list01 a {
        padding: 0 8px;
    }
    .link-zone01 > li .link-area01 {
        width: 100%;
    }
    .link-zone01 > li .link-area01 .list01 {
        gap: 16px 4px;
        margin-left: -8px;
    }
}

/* ---- ##[사이트맵] link-field01 : 지난뉴스 ---- */
.link-field01 .title-con02 {
    margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
    .link-field01 .title-con02 {
        flex-wrap: wrap;
    }
}

/* ---- ##[사이트맵]  site-field01 : 뉴스 ---- */
.site-field01 .link-zone01 {
    padding: 24px 0;
}
.site-field01 .title-con02 {
    margin-bottom: 16px;
}
.site-field01 .link-zone01 .list01-area {
    gap: 4px;
    display: flex;
    width: 100%;
}
.site-field01 .link-zone01 > li .portal-area .list01 {
    width: 574px;
}
.site-field01 .link-zone01 .tit02 {
    display: block;
    flex-shrink: 0;
    line-height: 1.5;
    font-weight: 600;
    color: var(--font-color003);
}
.site-field01 .link-zone01 .tit02 a {
    display: block;
    padding: 0 4px;
    font-size: 15px;
}
@media only screen and (max-width: 767px) {
    .site-field01 .title-con02 {
        margin-bottom: 12px;
    }
    .site-field01 .link-zone01 .tit02 a {
        padding: 0 8px;
    }
    .site-field01 .link-zone01 .list01-area {
        gap: 4px;
        margin-left: -8px;
    }
    .site-field01 .link-zone01 .list01-area .list01 {
        width: 100%;
        margin-left: 0;
    }
    .site-field01 .link-zone01 > li .link-area01 {
        gap: 16px;
    }
}

/* ---- ##[사이트맵] link-zone02 : 월별 리스트 ---- */
.link-zone02 {
    padding: 24px 0;
    border-top: 2px solid var(--font-color003);
    border-bottom: 1px solid var(--ui-tag005);
}
.link-zone02 .list01 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 40px;
    margin-left: -4px;
}
.link-zone02 .list01 li {
    display: flex;
    width: calc((100% - 200px) / 6);
}
.link-zone02 .list01 a {
    display: block;
    margin-right: 4px;
    padding: 0 4px;
    line-height: 1.5;
    color: var(--font-color005);
}
.link-zone02 .list01 a + a {
    display: block;
    position: relative;
    margin: 0 0 0 4px;
}
.link-zone02 .list01 a + a:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: -4px;
    width: 1px;
    height: 14px;
    background-color: var(--ui-tag015);
}
.link-zone02 .list01 a:hover,
.link-zone02 .list01 a:focus {
    color: var(--font-color021);
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .link-zone02 {
        padding: 16px 0;
    }
}
@media only screen and (max-width: 767px) {
    .link-zone02 .list01 {
        margin-left: -8px;
    }
    .link-zone02 .list01 li {
        width: calc((100% - 80px) / 3);
    }
    .link-zone02 .list01 a {
        padding: 0 8px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 540px) {
    .link-zone02 .list01 {
        margin-left: -8px;
    }
    .link-zone02 .list01 {
        gap: 16px 4px;
    }
    .link-zone02 .list01 li {
        width: calc((100% - 4px) / 2);
    }
    .link-zone02 .list01 a {
        padding: 0 8px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 340px) {
    .link-zone02 .list01 {
        margin-left: -8px;
    }
    .link-zone02 .list01 a {
        font-size: 14px;
        letter-spacing: -0.6px;
    }
}

/* ---- ##[사이트맵] link-zone03 : 일별 리스트 ---- */
.link-zone03 {
    padding: 14px 0;
    border-top: 2px solid var(--font-color003);
    border-bottom: 1px solid var(--ui-tag005);
}
.link-zone03 .list01 li {
    margin-top: 10px;
}
.link-zone03 .list01 li:first-child {
    margin-top: 0;
}
.link-zone03 .list01 li a {
    overflow: hidden;
    display: -webkit-box;
    box-sizing: border-box;
    width: 100%;
    max-height: 62px;
    padding: 10px 0;
    line-height: 1.5;
    font-weight: 500;
    color: var(--font-color003);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.link-zone03 .list01 li a:focus,
.link-zone03 .list01 li a:hover {
    opacity: 0.5;
    text-underline-position: under;
    text-decoration-thickness: 1px;
    text-decoration-line: underline;
    text-decoration-color: currentColor;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .link-zone03 .list01 li a {
        font-size: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .link-zone03 .list01 li a {
        max-height: initial;
        -webkit-line-clamp: initial;
    }
}

/* =============== ####Y뷰어 ======================== */
/* layout.css 이동 필요 */
/* ---- ##wrap-dock-menu: y뷰어 dock-menu --- */
.wrap-dock-menu {
    display: none;
    position: sticky;
    left: 0;
    bottom: 50px;
    z-index: 80;
    width: 100%;
    padding-top: 9px;
}
.wrap-dock-menu.ad-none {
    bottom: 0;
}
.wrap-dock-menu.app-hide {
    display: none;
}
@media only screen and (max-width: 767px) {
    .wrap-dock-menu {
        display: block;
    }
}
/* wrap-dock-menu */
.nav-type51 {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 64px;
    padding: 0 20px;
}
.nav-type51:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% - 22px);
    height: 22px;
    height: 100%;
    background-color: #fff;
    border-top-right-radius: 20px;
    box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.14);
}
.nav-type51:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 22px);
    height: 22px;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 20px;
    box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.14);
}
.nav-type51 li {
    display: flex;
    flex-shrink: 1;
    justify-content: center;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    height: 64px;
}
.nav-type51 li:nth-of-type(3) {
    width: auto;
    min-width: 104px;
    height: 54px;
    background-color: var(--ui-tag001);
}
.nav-type51 li:nth-of-type(3):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    background-color: #fff;
}
.nav-type51 li a {
    display: block;
    width: 100%;
    background-color: var(--ui-tag001);
}
.nav-type51 li:nth-of-type(2) a {
    border-top-right-radius: 20px;
}
.nav-type51 li:nth-of-type(4) a {
    border-top-left-radius: 20px;
}
.nav-type51 li .btn-type103 {
    position: absolute;
    top: -18px;
    width: 64px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 767px) {
    .nav-type51 li:nth-of-type(3) {
        min-width: 84px;
    }
}

/* =============== ####모션 ======================== */
/* motion-twinkle01 : (톱뉴스 타임라인) 최신 송고시간 */
@-webkit-keyframes motion-twinkle01 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }
}
@keyframes motion-twinkle01 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.4, 1.4);
        transform: scale(1.4, 1.4);
    }
}

/* =============== ####개발용 ======================== */
.dev-hide {
    display: none;
}

/* =============== ####태블릿CSS(tablet.css) ======================== */
/* ---- ##calendar-type01 : vanilla-calendar 달력 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .calendar-type01 {
        width: 400px;
        min-height: 338px;
    }
    .calendar-type01 .vanilla-calendar {
        padding: 20px;
    }
    .calendar-type01 .vanilla-calendar-header {
        margin-bottom: 12px;
        padding: 0 12px;
    }
    .calendar-type01.style01 {
        background-color: var(--ui-tag001);
        box-shadow: none;
    }
}

/* ---- ##alendar-form$$ : calendar-type의 상위 div ---- */
/* 비주얼 뉴스, 테마별 뉴스
 * 버튼 클릭시 달력 노출 */
/* ---- ##캘린더 : calendar-form01 > popup-calendar01 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .calendar-form01 .calendar-type01 {
        position: fixed;
        top: 50%;
        left: 50%;
        right: auto;
        z-index: 222;
        max-width: 440px;
        margin-right: 0;
        transform: translate(-50%, -50%);
    }
}

/* ---- ##테마별 뉴스 > 긴급뉴스, 톱뉴스
 * PC : 월별 달력 노출  */
/* ---- ##캘린더 : calendar-form02 > popup-calendar01 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .calendar-form02 .calendar-type01 {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 91;
        max-width: 440px;
        transform: translate(-50%, -50%);
    }
    .calendar-form02.active .calendar-type01 {
        display: block;
        z-index: 222;
    }
}

/* ---- ####mask-type$$ ---- */
/* mask-type01 : PC 해상도에서 header영역을 덮지 않는 케이스
 * mask-type02 : 모바일 해상도(1023이하) 모든 컨텐츠를 덮는 케이스
 * mask-type03 : 모든 해상도를 덮는 케이스 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body.popup-mode .mask-type02 {
        display: block;
        z-index: 221;
        animation-name: dim-fadein;
        animation-duration: 0.3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        /*animation-delay: 0.4s;*/
    }
}

/* =============== ####Icon ======================== */
/* (클래스범위)
 * logo-yna01 : 기본 HEADER 로고
 * logo-yna02 : [페이지 위치] 설명
 * logo-yna03 : [페이지 위치] 설명 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .logo-yna01 [class*="ir-txt"] {
        width: 87px;
        height: 24px;
    }
    .logo-yna03 [class*="ir-txt"] {
        width: 87px;
        height: 24px;
    }
    .logo-yna05 [class*="ir-txt"] {
        width: 110px;
        height: 30px;
    }
}

/* ---- ##ico-type01 (사이즈 고정 아이콘) ---- */
/* (클래스범위)
 * ico-type01-$$ : .btn-type004-toggle 구성요소
 * ico-type02-$$ : 단위 기사 상세정보 표시
 * ico-type03-$$ : 기사분류
 * ico-type04-$$ : [기사본문] (하단) 관련기사 / 관련이슈, [전국 리스트] (하단) 지방지 계약사
 * ico-type05-$$ : 푸터 패밀리 사이트 구성요소
 * ico-type06-$$ : 푸터 메뉴 열고/닫기
 * ico-type11-$$ : (임시) [채널] 서브 타이틀 아이콘
 * ico-type12-$$ : (임시) [채널] 본문 하단 링크 아이콘
 * ico-type13-$$ : 플레이어 재생 아이콘 48*48
 * ico-type91-$$ : 스타일 규격 없이 단독으로 된 디자인
 * ico-type92-$$ : [공통검색]스타일 규격 없이 단독으로 된 디자인
 * ico-type93-$$ : 이메일아이콘
 * ico-type94-$$ : 마이페이지아이콘
 * ico-type95-$$ : 에러페이지아이콘 */

/* ---- ##ico-type03-**** : 기사분류 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="ico-type03-"] {
        background-color: rgba(0, 0, 0, 0.6);
    }
    .ico-type03-photo01 {
        background-size: 20px 14px;
    }
    .ico-type03-gallery01 {
        background-size: 22px 16px;
    }
    .ico-type03-gallery01 > .txt01 {
        padding-right: 3px;
        font-size: 10px;
        line-height: 1.2;
    }
}

/* 타이틀 옆 툴팁 물음표 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ico-type91-question01 {
        width: 16px;
        height: 16px;
    }
}

/* ico-label-youtube01 : 유튜브 채널  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ico-label-youtube03 {
        top: 3px;
    }
}

/* ico-label-ticker01 : 속보티커
* ico-label-ticker02 : 긴급티커 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ico-label-ticker01 {
        height: 20px;
        padding: 0 5px 4px;
    }
    .ico-label-ticker01 > .txt01 {
        height: 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .ico-label-ticker01:after {
        height: 20px;
    }
}

/* =============== ####Button ======================== */
/* ---- ##btn-type$$$ ---- */
/* (클래스범위)
 * btn-type001~099 : 아이콘형태 버튼
 * btn-type030~039 : 로고 형태 버튼
 * btn-type040~049 : 텍스트 형태 버튼
 * btn-type100 : 구독버튼
 * btn-type101 : 많이본뉴스, 단독뉴스
 * 토글 버튼 (더 만들지 말기)
 -- btn-type004-toggle, btn-type408-toggle, btn-type411-toggle, btn-type412-toggle
 * (addClass 범위)
 -- style01~19 : bg 형태
 -- style20~29 : 보더라인 형태
 -- arr01 : arrow 형태 */

/* ---- ##btn-type012 :아이콘 단독형 30x30 통합검색 검색버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type012 {
        background-size: 24px auto;
    }
}

/* ---- ##btn-type013 : 통합검색 clear버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type013 {
        box-sizing: border-box;
        width: 26px;
        height: 26px;
        background-size: 18px auto;
    }
    .btn-type013.btn-clear01:before {
        width: 18px;
        height: 18px;
    }
}

/* ---- ##btn-type023 :아이콘 단독형 기자검색 검색버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type023 {
        width: 56px;
        height: 55px;
    }
}

/* ---- ##btn-type1$$ : 로고 형태 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type100 {
        width: 44px;
        height: 44px;
    }
}

/* ---- ##btn-type207 : 텍스트 형태 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type207 {
        font-size: 20px;
    }
}

/* ---- ##btn-type211 : 텍스트 형태 select 박스 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type211 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##btn-type217 : [마이페이지] 바코드 보기 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type217 {
        padding: 12px 0;
    }
    .btn-type217 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##btn-type218 : [마이페이지] 더보기 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type218 .txt01 {
        font-size: 15px;
    }
}

/*  ---- ##btn-type312 : [마이페이지] 운영배너 --- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type312 > .txt01 {
        font-size: 13px !important;
    }
}

/* ---- ##btn-type437 : [마이페이지] 헬로 아카이브 바로가기 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type437 .txt01 {
        font-size: 18px;
    }
    .btn-type437::after {
        width: 34px;
        height: 34px;
        background-size: 34px 34px;
    }
    .btn-type437 {
        height: 36px;
        padding-left: 44px;
    }
}

/* ---- ##btn-type438 : [마이페이지] 마이페이지 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type438 {
        padding: 0 20px;
        font-size: 16px;
    }
    .btn-type438::before {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
    }
}

/* ---- ##btn-type304 : 검색필터 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type304.style03 {
        background-color: var(--ui-tag030);
    }
}

/* ---- ##btn-type306 : 마이페이지 안내문구 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type306 {
        height: 60px;
    }
    .btn-type306 .txt01 {
        font-size: 16px;
    }
}

/* ---- ##btn-type307.arr01 : 마이페이지 화살표 텍스트 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type307.arr01 {
        width: 120px;
        height: 39px;
    }
    .btn-type307.arr01 .txt01 {
        font-size: 15px;
    }
    .btn-type307.arr01 .txt01::after {
        width: 14px;
        height: 14px;
        background-size: 14px 14px;
    }
}

/* ---- ##btn-type311 : 섹션>뉴스 제보는 카카오톡 okjebo 버튼 ---- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type311 {
        height: 30px;
        padding: 0 8px 0 12px;
    }
}

/* ---- ##btn-type404.** : 국가 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type404 {
        line-height: 21px;
    }
    .btn-type404 .txt01 {
        font-size: 14px;
        line-height: 21px;
    }
}

/* ---- ##btn-type436:마이페이지 마이뉴스 설정취소 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type436 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##btn-type042 : 스크롤 최상단 이동 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .btn-type042 {
        position: fixed;
        right: 24px;
        bottom: 99px;
        z-index: 100;
        width: 52px;
        min-width: auto;
        height: 52px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
    }
    .btn-type042.btn-scroll-top {
        display: none;
    }
}

/* ---- ##btns-wrap$$ 버튼 영역 ---- */
/* (클래스범위)
 * btns-wrap01 : 오른쪽 정렬
 * btns-wrap02 : 왼쪽 정렬
 * btns-wrap03 : 가운데 정렬
 * btns-wrap11 : absolute 정렬 (스와이퍼 아이콘 30x30)
 * btns-wrap12 : absolute 가운데 정렬 (videojs 버튼) */

/* ---- ##btns-wrap$$ 공통 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="btns-wrap"] {
        width: auto;
    }
}

/* ---- ##pager$$ : 페이징 숫자 ---- */
/* ---- ##pager01 : [공통] 리스트 스와이퍼 좌우 버튼 내 숫자 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .pager02 [class*="txt-"] {
        font-size: 16px;
        font-weight: 500;
    }
    .pager02 .txt-current {
        font-weight: 700;
    }
}

/* =============== ####Tab ======================== */
/*
 * tab-type01 : 메뉴 선택 (텍스트+언더라인)
 * tab-type02 : 메뉴 선택 (텍스트+배경색,언더라인)
 * tab-type$$.align01 : 센터정렬에서 767이하 left 변형 */

/* ---- ##tab-type02 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type02 .tab .txt01 {
        font-size: 14px;
    }
}

/* ---- ##tab-type05 : 연합 라운지 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type05 {
        box-sizing: border-box;
        margin-top: 8px;
        padding: 0 24px;
    }
    .tab-type05 [class*="btn-dir002-"].swiper-button-disabled,
    .tab-type05 [class*="btn-dir002-"] {
        display: none !important;
    }
    .tab-type05 .tab .txt01 {
        font-size: 15px;
    }
}

/* ---- ##tab-type22 : 테마별 뉴스 보더라인 형태  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type22 > ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .tab-type22 > ul li .tab .txt01 {
        font-size: 15px;
        word-break: keep-all;
    }
    .tab-type22 > ul li {
        margin-right: 0;
    }
    .tab-type22 .swiper-slide {
        flex-shrink: 1;
        width: 100%;
        margin-right: 0;
    }
}

/* ---- ##tab-type23 : 뉴스플러스 보더라인 형태  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type23 {
        max-width: 720px;
        margin: 0 auto;
    }
    .tab-type23 .swiper-area .swiper-wrapper {
        gap: 0;
        justify-content: center;
    }
    /*.tab-type23::before{height:2px;background-color:var(--ui-tag003);}*/
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide {
        flex-shrink: 1;
        width: 100%;
    }
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab {
        box-sizing: border-box;
        width: 100%;
    }
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
        font-size: 15px;
    }
    .tab-type23 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
        font-size: 15px;
    }
}

/* ---- ##tab-type24 : 마이페이지 보더라인 형태  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type24 {
        height: 47px;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide {
        width: auto;
        flex: 0;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab {
        width: max-content;
        padding: 8px 16px 0 16px;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
        font-size: 15px;
    }
    .tab-type24 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
        font-size: 15px;
    }
}

/* ---- ##tab-type25 : 연합라운지 nav서브 탭  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type25 .swiper-area {
        padding: 0 24px;
    }
    .tab-type25 ul {
        padding: 0 0 8px;
    }
    .tab-type25 .tab {
        font-size: 14px;
    }
}

/* ---- ##tab-type26 : 보도자료 탭타입 : width:auto, 왼쪽정렬, swipe 1279해상도 부터 적용   ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide {
        padding: 0;
    }
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab {
        box-sizing: border-box;
        width: 100%;
    }
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab .num {
        font-size: 15px;
    }
    .tab-type26 .swiper-area .swiper-wrapper .swiper-slide > .tab .txt01 {
        font-size: 15px;
    }
}

/* =============== ####Tooltip ======================== */
/* ---- ##tooltip-type02 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tooltip-type02 .tlp-content {
        top: 27px;
        left: -21px;
    }
    .tooltip-type02 .tlp-content.show {
        display: flex;
        position: absolute !important;
        top: 33px;
        left: -20px;
        transform: translate(0, 0) !important;
    }
}

/* ---- ##.tooltip-type01.tlp-summary01 : 세줄요약 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .tlp-summary01 .tlp-content.show {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 686px;
        transform: translate(-50%, -50%);
    }
    .tlp-summary01 .desc-con > .txt01 > .txt02 {
        position: static;
    }
}

/* =============== ####Ticker ======================== */
/* ticker-type02 : 긴급티커(속보) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ticker-type02 {
        height: 92px;
        padding: 0 24px;
    }
    .ticker-type02 .btn-type034 {
        right: -20px;
    }
    .ticker-type02 .tit-news {
        padding-right: 36px;
    }
    .ticker-type02 .tit01 {
        font-size: 18px;
    }
}

/* ticker-type03 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ticker-type03 {
        max-width: 100%;
        margin-top: -1px;
        border-width: 1px 0;
    }
    .ticker-type03 + .content03 {
        margin-top: 24px !important;
    }
    .ticker-type03 > .time {
        padding-left: 24px;
    }
    .ticker-type03 .list01 li {
        padding-right: 40px;
    }
    .ticker-type03 .list01 li .unit01 {
        height: 24px;
        font-size: 13px;
    }
    .ticker-type03 .list01 li .unit02 {
        font-size: 16px;
    }
    .ticker-type03 .list01 li .unit03 {
        font-size: 13px;
    }
    .ticker-type03 .list01 li .unit04 {
        font-size: 13px;
    }
}

/* =============== ####Title ======================== */
/* ---- ##txt-tag ---- */
/* (클래스범위)
 * 어깨제목 : txt-tag00 ~ 19
 * 말머리 : txt-tag20 ~ 39
 * 슬러그 : txt-tag40 ~
 * 말풍선 스타일 : [class*='txt-tag'].style01 */

/* ---- ##txt-tag01~19 : 어깨제목(a태그일때 arrow추가됨) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-tag01,
    a[class*="txt-tag0"] {
        font-size: 16px;
    }
    a[class*="txt-tag0"]:after {
        width: 14px;
        height: 14px;
    }
}

/* ---- ##txt-tag02 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-tag02,
    a.txt-tag02 {
        font-size: 13px;
    }
}

/* ---- ##txt-tag20 ~ 39 : 말머리 스타일 사용 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="txt-tag2"] {
        line-height: 1.2;
    }
}

/* ---- ##txt-tag2$ (말머리 공통) ---- */
/* 말머리 태그 사용 규칙
 * 말머리는 리스트타입 종속으로 사용한다.(list-type$$ > txt-tag2$)
 * txt-tag2$ : 컬러 지정
 * tag$$ 은 [class*='txt-tag2']에 addClass로 사용
 * 말머리 텍스트는 tag0$:before 의 가상태그로 제공 */

/* txt-tag41 : 슬러그 텍스트 타입(폰트14px)  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-tag41 {
        font-size: 13px;
    }
}

/* txt-tag43 : 기사 갯수  */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-tag51,
    a.txt-tag51 {
        font-size: 13px;
    }
}

/* ---- ##title-type (공통) ---- */
/* span.title-type$$$ : 텍스트 타이틀
* a.title-type$$$ : 링크 타이틀
* font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700
* [메인] 텍스트 타입 : title-type001 ~ 019
* [메인] 아이콘형태 : title-type020 ~ 039
* [섹션메인] 텍스트 타입: title-type011 ~ 119*/

/* ---- ##title-type001 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type001 > [class*="tit0"] {
        font-size: 18px; /*height:27px;*/
    }
}

/* ---- ##title-type002 - 텍스트 회색 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type002 > [class*="tit"] {
        font-size: 18px;
    }
}

/* ---- ##title-type004 - 연합라운지 대 타이틀 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type004 {
        padding: 0 16px;
    }
}

/* ---- ##title-type004.style01 - 뉴스플러스 관심사 뉴스 패키지 타이틀+텍스트 조합 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type004.style01 {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        gap: 8px;
    }
    .title-type004.style01 > .tit01 {
        font-size: 18px;
    }
    .title-type004.style01 > .txt01 {
        font-size: 14px;
    }
}

/* ---- ##title-type005.style01 : 지역별 실시간 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type005 {
        height: 84px;
        padding: 12px 20px 12px 100px;
    }
    .title-type005::before {
        top: 12px;
        left: 20px;
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }
    .title-type005 .tit01 {
        font-size: 20px;
        line-height: 30px;
    }
    .title-type005 .txt01 {
        font-size: 14px;
        line-height: 21px;
    }
}

/* ---- ##title-type009.style01 : 도트 형태 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type009 .tit01 {
        padding-left: 0;
    }
    .title-type009 .tit01:after {
        display: none;
    }
    .title-type009.style01 .tit01 {
        color: var(--font-color003);
    }
}

/* ---- ##title-type010 : 타이틀+텍스트 (tit01+txt01) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type010 {
        display: none;
    }
}
/* ---- ##title-type011 - 보더라인형태 대타이틀---- */
/* 주로 .nav-type40>.title-type011 쓰임 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type011 > .tit01 {
        font-size: 24px;
    }
}

/* ---- ##title-type012 - 마켓플러스 모바일 변형 타이틀---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type012 .tit01 {
        font-size: 18px;
        font-weight: 700;
        color: var(--font-color003);
    }
    .title-type012 .tit01:hover {
        color: var(--font-color003) !important;
    }
    .title-type012 .tit01::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: -22px;
        z-index: 10;
        width: 18px;
        height: 18px;
        background-image: var(--ui-bg021);
        background-size: 18px 18px;
        background-position: center center;
        background-repeat: no-repeat;
        transform: translateY(-50%);
    }
}

/* ---- ##title-type013 - 기자홈 통계보기 타이틀---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type013 .tit01 {
        font-size: 15px;
    }
}

/* ---- ##title-type015 - 기타 사이트맵 타이틀 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type015 .tit01 {
        font-size: 20px;
    }
}

/* ---- ##title-type018 : [본문] 브랜드뉴스명---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type018 > .tit01 {
        font-size: 16px !important;
    }
}

/* ---- ##title-type032: 말풍선 화살표 타이틀 버튼 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type032 {
        top: -12px;
        left: 24px;
        z-index: 2;
    }
    .title-type032 .tit01 {
        font-size: 15px;
    }
}

/* ---- ##title-type033: 말풍선 톱뉴스 타임라인 타이틀 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type033 .tit01 {
        font-size: 17px;
    }
}
/* ---- ##title-type034: 메인 주식티커 타이틀 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-type034 {
        justify-content: flex-start;
        height: 40px;
        background-color: var(--ui-tag106);
    }
    .title-type034 .title01 {
        font-size: 18px;
    }
    .title-type034 .txt01 {
        font-size: 13px;
    }
    .title-type034:after {
        display: none;
    }
    .title-type034:before {
        display: none;
    }
}
/* ---- ##txt-type$$$ (공통) ---- */
/* (클래스범위)
 * txt-type001~19 :기본텍스트
 * txt-type100~029 :텍스트+썸네일 형태
 * txt-type300~ :[테마]텍스트 */

/* ---- ##txt-type005 : 톱뉴스 날짜 텍스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type005 {
        gap: 8px;
    }
}

/* ---- ##txt-type006 : 톱뉴스 캘린더날짜 텍스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type005 > .txt01 {
        font-size: 20px;
        line-height: 1.3;
        font-weight: 600;
        color: var(--font-color003);
    }
}

/* ---- ##txt-type012 : [기자홈]구독 00명 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type012 {
        line-height: 1.7;
    }
    .txt-type012::before,
    .txt-type012::after {
        height: 21px;
        line-height: 1.5;
    }
}

/* ---- ##txt-type015 : 성금,신문의날 텍스트,RSS피드 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type015 {
        margin-top: 40px;
    }
    .txt-type015 .tit01 {
        margin-bottom: 24px;
        font-size: 20px;
    }
    .txt-type015 .tit01 span {
        display: block;
    }
    .txt-type015 .desc-con {
        margin-top: 24px;
    }
    .txt-type015 .desc-con .tit01 {
        font-size: 20px;
    }
    .txt-type015 .desc-con .txt01 {
        font-size: 16px;
    }
    .txt-type015 .txt-mes03 {
        font-size: 14px;
    }
    .txt-type015 .txt-mes03 span {
        display: block;
    }
    .txt-type015 .desc-con > .list01 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .txt-type015 .desc-con > .list01 li {
        font-size: 16px;
    }
}

/* ---- ##txt-type016 : 성금모금,신문의날 정보 텍스트---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type016 {
        padding: 24px;
    }
    .txt-type016 dt {
        font-size: 14px;
    }
    .txt-type016 dd {
        font-size: 14px;
    }
    .txt-type016 .list01 dl {
        gap: 8px;
    }
    .txt-type016 .list02 li {
        width: 50%;
    }
    .txt-type016 .list01 dl:last-child .list02 li {
        width: 100%;
    }
}

/* ---- ##txt-type017 : 성금모금,신문의날 정보 텍스트---- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type017 {
        margin-top: 40px;
    }
    .txt-type017 .txt-date {
        font-size: 16px;
    }
    .txt-type017 .txt01 {
        font-size: 18px;
    }
}

/* ---- ##txt-type018 : 기타 성금모금 상단 이미지 없는 케이스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type018 {
        padding: 60px 0;
    }
    .txt-type018:after {
        left: 24px;
        width: calc(100% - 48px);
    }
    .txt-type018 .tit01 {
        font-size: 24px;
    }
    .txt-type018 .txt01 {
        margin-top: 12px;
        font-size: 20px;
    }
    .txt-type018 + .txt-type015 {
        margin-top: 60px;
    }
}

/* ---- ##txt-type100 : 텍스트+썸네일 형태 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type100 [class*="img-con"] {
        width: 30px;
        height: 30px;
        margin-left: 8px;
    }
    .txt-type100 .tit-name {
        font-size: 13px;
    }
}

/* ---- ##txt-type102 : 특파원 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type102 [class*="img-con"] {
        width: 60px;
        height: 60px;
    }
}

/* ---- ##txt-type103 : 마켓플러스 패닉붐 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type103 {
        display: none;
    }
}

/* ---- ##txt-type105 : 에러페이지 텍스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type105 {
        padding: 80px 0;
    }
}

/* ---- ##txt-type106 : 리스트 없음 텍스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type106 {
        padding: 76px 0;
        font-size: 18px;
    }
}

/* ---- ##txt-type603 : [마이페이지] 안내문구 텍스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .txt-type603 > .txt01 {
        font-size: 18px;
    }
    .txt-type603 .advise01 {
        padding: 16px 0 30px 0;
        font-size: 14px;
    }
}

/* =============== ####Form ======================== */
/* ---- ##[class*='label-con-'] ---- */
/* label-con-* : 3음절
* label-con-wrap
* label-con-radio01
* label-con-check01
* label-con-toggle01 */

/* label-con-check02 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .label-con-check02 > input + label {
        font-size: 15px;
    }
    .label-con-check02 > input + label::before {
        margin-top: 1px;
    }
}

/* 검색 필터 레이어 : 달력제어 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .label-con-date01 .calendar-form01 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: var(--ui-tag018);
    }
    .label-con-date01 .calendar-form01 .calendar-type01 {
        position: fixed;
        top: 50%;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, -50%) !important;
    }
}

/* ---- ##profile-field01 :  기자홈 기자프로필 박스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .profile-field01 {
        padding: 41px 24px 24px 24px;
    }
    .profile-field01 .info-txt {
        position: relative;
        padding: 0;
    }
    .profile-field01 .img-con01 {
        position: absolute;
        top: 41px;
        left: 24px;
        z-index: 10;
        width: 60px;
        height: 60px;
        border-radius: 60px;
    }
    .profile-field01 .btn-type214 .txt01 {
        font-size: 14px;
    }
    .profile-field01 .info-txt .btn-type412-toggle {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        margin: 0;
    }
    .profile-field01 .info-txt .name {
        box-sizing: border-box;
        padding-left: 80px;
        font-size: 24px;
        text-align: left;
    }
    .profile-field01 .info-txt .name em {
        font-size: 24px;
    }
    .profile-field01 .info-txt .txt-con {
        box-sizing: border-box;
        margin-top: 0;
        padding-left: 80px;
        font-size: 15px;
        text-align: left;
    }
    .profile-field01 .info-txt .mail {
        margin: 4px 0 0 0;
        font-size: 14px;
    }
    .profile-field01 .info-txt .txt-type012 {
        margin: 4px 0 0 0;
        font-size: 14px;
    }
}

/* ---- ##profile-field02 :  기자홈 기자프로필 통계박스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .profile-field02 .btn-type413-toggle.active ~ .info-txt {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 24px;
    }
    .profile-field02.open .info-txt {
        display: flex;
    }
    .profile-field02 .info-txt .item-box01 {
        width: 100%;
    }
    .profile-field02 .info-txt .item-box01 + .item-box01 {
        margin-top: 0px;
    }
    .profile-field02 .info-txt .item-box01 .chart-con {
        margin-top: 12px;
    }
    .profile-field02 .info-txt .item-box01 .chart01 {
        width: 206px !important;
        padding: 0 2px;
    }
    .profile-field02 .info-txt .item-box01 .chart02 {
        margin-left: 40px;
        padding-left: 0 !important;
    }
}

/* ---- ##period-field01 :  날짜검색 박스---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .period-field01 {
        padding: 32px 0 0;
    }
    .period-field01 .txt-pick {
        font-size: 24px;
    }
    .period-field01 + [class*="tab-type0"] {
        margin-top: 32px !important;
    }
}

/* ---- ##period-field02 :  캘린더 탭 박스---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .period-field02 {
        display: flex;
    }
}

/* ---- ##[비주얼뉴스] period-field01.style01 : 날짜검색 박스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .period-field01.style01 {
        padding-bottom: 32px;
        background-color: var(--ui-tag009);
    }
}

/* =============== #### title-page & title-con ======================== */
/* ---- ##title-page$$ ---- */
/* title-page11 : 정정보도+최신뉴스 타이틀 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-page11 {
        margin-bottom: 12px;
        padding: 0 16px;
    }
}

/* ---- ##title-con$$ ---- */
/* 규칙 : [부모영역] title-con$$ > title-type$$
* title-con01 : 타이틀+요소 좌우 정렬
* title-con02 : 타이틀 좌측 정렬
* title-con03 : 없음  */

/* ---- ##title-con01 : 타이틀 좌우 정렬 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con01 {
        padding-bottom: 12px !important;
    }
}

/* ---- ##title-con02 : 타이틀 좌측 정렬 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con02 .tit01 .ico-label-youtube01 {
        top: 3px;
    }
}

/* ---- ##title-con04 : 상하 정렬 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con04 [class*="title-type"] + .txt-type005 {
        padding-top: 12px;
    }
}

/* ---- ##title-con05 : 기타정렬(타이틀+아이콘 형태/메인:뉴스라운지)  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con05.style01 .info-box01 {
        right: 16px;
    }
    .title-con05.style01 .info-box01 .txt-type001 {
        margin-right: 3px;
    }
    .title-con05.style01 .info-box01 .txt-type001 > .txt01 {
        font-size: 13px;
    }
    .title-con05.style01 .tooltip-type01 .tlp-content {
        top: 27px;
        left: -21px;
    }
}

/* ---- ##title-con05.style02 : 기타정렬(타이틀+00건+버튼 형태/통합검색)  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con05.style02 .title-type001 > [class*="tit"] {
        font-size: 20px;
    }
    .title-con05.style02 {
        margin-bottom: 12px;
    }
}

/* ---- ##title-con2$ : 배경 + 말풍선 스타일 ---- */
/* style01 : 말풍선 스타일 */
/* style01 : 말풍선 스타일 */

/* title-con21 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con21 {
        width: calc(100% - 48px);
        height: 60px;
        padding-right: 16px;
    }
    .title-con21.style01:before {
        border-top: 72px solid transparent;
        border-left: 72px solid var(--ui-tag031);
    }
    .title-con21 .title-type004 > .tit01 {
        font-size: 20px;
    }
    .title-con21 .title-type004 > .tit01 .logo-yna11 {
        display: none;
    }
    .title-con21 .title-type004 {
        height: 60px;
        padding: 0 16px;
    }
    .title-con21 .title-type004 > .txt01 {
        display: none;
    }
    .title-con21 .txt-type001 > .txt01 {
        font-size: 13px;
    }
    .title-con21 .btn-type310 {
        margin-left: 8px;
    }
}

/* ---- ##title-con22 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con22 {
        box-sizing: border-box;
        width: calc(100% - 48px);
        margin: 0 auto;
    }
    .title-con22 .title01 {
        font-size: 16px;
    }
}

/* ---- ##title-con23 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con05.style03 {
        justify-content: space-between;
    }
    .title-con05.style03 .tooltip-type02 .tlp-content.show {
        left: auto;
        right: 0;
        min-width: 235px;
    }
    .title-con05.style03 .tooltip-type02 .tlp-content:before {
        left: auto;
        right: 12px;
    }
}

/* ---- ##title-con62 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .title-con62 > .list01 > li {
        font-size: 14px;
    }
    .title-con62 .item-box01 > .info-box01 > .tit01 {
        font-size: 14px;
    }
    .title-con62 .item-box01 > .txt01 {
        font-size: 28px;
    }
    .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content {
        left: -44px;
        padding: 12px;
    }
    .title-con62 .item-box01 .info-box01 .tooltip-type02 .tlp-content:before {
        left: 46px;
    }
}

/* =============== ####visual-type ======================== */
/* ---- ##visual-type02 : [오피니언 전문기자의 세상읽기] 상단 타이틀 ---- */
/* 개편 순서 object
 * object02 : 천병혁의 야구세상
 * object04 : 김귀근의 병영터치
 * object05 : 김길원의 헬스노트
 * object09 : 성연재의 길따라
 * object11 : 이광빈의 플랫폼S
 * object12 : 유형재의 새록새록
 * object13 : 도광환의 미술로 보는 세상
 * object14 : 서미숙의 집수다
 * object15 : 장용훈의 한반도록 */

/* ---- ##visual-type02 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type02 {
        width: calc(100% - 48px);
        margin: 0 auto;
    }
    .visual-type02::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .visual-type02 .txt01 {
        font-size: 20px;
    }
}
/* ---- ##visual-type03 : [세계 리스트] 특파원 상단 ---- */
/* 주재지 별 배경 (특파원 전체메뉴 순)
 * bg_crsp_city01_****$$ */

/* 특파원 지도 */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type03 {
        padding: 0 24px;
    }
    .visual-type03 .btns-wrap04 {
        height: 55px;
    }
    .visual-type03 .btns-wrap04 .txt01 {
        font-size: 16px;
    }
    .visual-type03 .btn-type022 {
        width: 24px;
        height: 24px;
    }
    .visual-type03 .btn-type022:after {
        width: 14px;
        height: 14px;
        background-size: 14px auto;
    }
    .visual-type03 .area .flex-box01::before {
        height: 120px;
    }
    .visual-type03 .area .flex-box01::after {
        height: 120px;
    }
    .visual-type03.la .area .flex-box01::before {
        background-position: right center;
    }
    .visual-type03 .area .flex-box01 .local-info {
        padding: 35px 0 0 20px;
    }
    .visual-type03 .area .flex-box01 .local-info .tit {
        font-size: 24px;
        line-height: 34px;
    }
    .visual-type03 .area .flex-box01 .local-info .desc .txt-desc strong {
        font-size: 16px;
        line-height: 24px;
    }
    .visual-type03 .area .flex-box01 .local-info .desc .txt-time {
        font-size: 18px;
        line-height: 27px;
    }
    .visual-type03 .area .flex-box01 .list-text210 {
        padding: 0;
    }
    .visual-type03 .area .flex-box02 {
        height: 418px;
        padding: 24px 40px 40px 40px;
    }
    .visual-type03 .list-text210 {
        margin-top: 31px;
    }
    .visual-type03 .map-area {
        width: 100%;
        height: 300px;
        margin-top: 16px;
    }
}

/* ---- ##visual-type04 : [전국 리스트] 지역 별 톱영역 ---- */
/* 지역 별 배경 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type04 {
        width: calc(100% - 48px);
        height: 72px;
        margin: 0 auto;
    }
    .visual-type04 .area {
        bottom: 12px;
        padding: 0 16px 0 16px;
    }
    .visual-type04 .area .tit {
        font-size: 24px;
        line-height: 36px;
    }
}

/* ---- ##visual-type06 : [관심사 뉴스 패키지] 상단 비주얼영역 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type06 {
        min-height: 242px;
        padding: 32px 0;
        border: none;
        background: none;
    }
    .visual-type06:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -24px;
        width: calc(100% + 48px);
        height: 100%;
        background-color: var(--ui-tag009);
    }
    .visual-type06 .txt-type003 > .txt01 {
        font-size: 24px;
    }
    .visual-type06 .lead {
        font-size: 16px;
    }
    .visual-type06 .info-box01 {
        margin-top: 24px;
    }
    .visual-type06 .info-box01 > .txt01 {
        font-size: 13px;
    }
    .visual-type06 [class*="img-con"] {
        width: 264px;
        height: 176px;
    }
    .visual-type06 .img-none01 {
        display: none;
    }
}

/* ---- ##visual-type08 : [마이페이지] 내등급 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type08 {
        width: calc(100% - 48px);
        min-height: 308px;
        margin: 0 24px;
    }
    .visual-type08 > .tit01 {
        font-size: 22px;
    }
    .visual-type08 > .txt01 {
        font-size: 16px;
    }
    .visual-type08 > .list01 {
        max-width: 600px;
    }
    .visual-type08 > .btn-type303.style20 {
        font-size: 13px;
    }
}

/* ---- ##visual-type09 : [우분투 리스트] ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type09 {
        width: 100%;
        height: 200px;
        padding: 0 24px;
    }
    .visual-type09.ubuntu .area {
        padding: 50px 30px;
        background-image: var(--ui-bg442);
        background-size: cover;
    }
    .visual-type09.ubuntu .info-txt {
        padding-left: 0;
    }
    .visual-type09.ubuntu .info-txt:before {
        display: none;
    }
    .visual-type09.ubuntu .info-txt .tit01 {
        position: relative;
        box-sizing: border-box;
        max-width: 278px;
        min-height: 50px;
        padding-left: 57px;
        font-size: 24px;
        line-height: 100%;
        word-break: keep-all;
    }
    .visual-type09.ubuntu .info-txt .tit01 > strong {
        margin-top: 4px;
    }
    .visual-type09.ubuntu .info-txt .tit01:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 45px;
        height: 50px;
        background-image: var(--ui-bg542);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
    }
    .visual-type09.ubuntu .info-txt .txt01 {
        margin-top: 19px;
        padding-left: 0;
        font-size: 13px;
    }
    .visual-type09.ubuntu .info-txt .txt01:before {
        display: none;
    }
}

/* =============== ####List text & 기타 ======================== */
/* ---- ##list-text$$ : 기타 텍스트 및 링크 목록 ---- */
/* 기사가 아닌 텍스트 및 링크 목록
-- 헤더/푸터의 메뉴 리스트는 list-text$$ 을 사용하지 않는다. */

/* ---- ##list-text200 : [섹션] 지역지 계약사 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text200 {
        padding: 0 16px;
    }
}

/* ---- ##list-text210 : [세계 특파원] 상단 특파원 목록 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text210 .swiper-area .swiper-wrapper {
        justify-content: center;
        align-items: flex-start;
        gap: 8px;
    }
}

/* ---- ##list-text220 : [세계 특파원] 상단 특파원 전체 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text220 {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-tit {
        width: 60px;
        margin-bottom: 0;
    }
    .list-text220 [class*="col-wrap"] > dl {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul li .txt {
        width: auto;
        min-width: auto;
    }
    .list-text220 [class*="col-wrap"] > dl .loc-detail ul li + li {
        margin-top: 0;
    }
}

/* ---- ##list-text230 : [기자홈] 연재 통계 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text230 > li + li {
        margin-top: 5px;
    }
    .list-text230 > li {
        font-size: 13px;
    }
}

/* ---- ##list-text250 : [서브] 문화 책소개 ---- */
/* [구성] : 기사제목, 섬네일(좌)
 * 문화>책소개 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text250 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}

/* ---- ##list-text260 : [서브] 문화 이매진 ---- */
/* [구성] : 기사제목, 섬네일(우)
 * 문화>이매진 (월별등록) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text260 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
}

/* ---- ##list-text300 : [서브] 뉴스플러스 ---- */
/* list-text300 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text300 {
        width: calc(100% - 32px);
        margin: 0 16px;
        border-bottom: 1px solid var(--ui-tag005);
    }
    .list-text300 > li:last-of-type {
        border-bottom: 0;
    }
}

/* ---- ##[통합검색] .list-text400 : [통합검색] 동명이인 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text400.result-none {
        display: none;
    }
}

/* ---- ##[통합검색] .list-text410 : [통합검색] 상세검색 인물 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text410 {
        padding: 0 16px;
    }
}

/* ---- ##list-text900 > .item-box01 : [기타] RSS 목록 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text900 {
        padding: 0 24px;
        column-gap: 20px;
        row-gap: 20px;
    }
    .list-text900 li {
        width: calc(50% - 10px);
    }
    .list-text900 .item-box01 .tit01 {
        font-size: 16px;
    }
    .list-text900 .item-box01 > .txt01 {
        font-size: 14px;
    }
}

/* ---- ##list-text510 : [마이페이지] 개인정보 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text510 > ul > li {
        min-height: 184px;
        padding: 20px 350px 0 30px;
    }
    .list-text510 > ul > li > .item-box01 .img-con01 {
        position: absolute;
        top: 36px;
        left: 30px;
        z-index: 1;
        width: 48px;
        height: 48px;
        margin-top: 0;
        border-radius: 48px;
    }
    .list-text510 > ul > li > .item-box01 .info-box01 {
        display: block;
        min-height: 48px;
        padding: 0 0 0 64px;
        text-align: left;
        flex-wrap: wrap;
    }
    .list-text510 > ul > li > .item-box01 .btn-type201 {
    }
    .list-text510 > ul > li > .item-box01 .btn-type201 > .txt01 {
        font-size: 13px;
    }
    .list-text510 > ul > li > .item-box01 .info-box01 .name {
        font-size: 16px;
    }
    .list-text510 .info-box03 {
        position: absolute;
        top: 20px;
        right: 30px;
    }
    .list-text510 > ul > li > .item-box01 .txt-con {
        margin-top: 16px;
        font-size: 14px;
        text-align: left;
    }
    .list-text510 > ul > li > .item-box01 .info-box02 {
        position: absolute;
        top: 48px;
        right: 30px;
        z-index: 1;
        width: 310px;
        margin-top: 0;
    }
    .list-text510 .btn-type431 {
        padding: 16px 0 16px 24px;
    }
    .list-text510 .btn-type431 .tit-wrap .tit {
        font-size: 15px;
    }
    .list-text510 .btn-type431 .txt01 {
        font-size: 15px;
    }
}

/* ---- ##list-text511 : [마이페이지] 나의활동 랭크 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text511 > ul > li:first-child {
        padding: 16px;
    }
    .list-text511 > ul > li {
        padding: 12px 0 18px 0;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 {
        flex-wrap: wrap;
        gap: 4px;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 > li:first-child {
        width: 100%;
    }
    .list-text511 > ul > li > .item-box01 .info-box01 > li {
        width: calc(50% - 2px);
        height: 83px;
    }
    .list-text511 > ul > li > .item-box01 .txt-type602 {
        gap: 0;
    }
    .list-text511 > ul > li:first-child > .item-box01 .txt-type602 {
        gap: 8px;
    }
    .list-text511 .title-con01 {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ---- ##list-text512 : [마이페이지]뉴스 구독 습관 분석 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text512 > ul > li > .item-box01 .chart-box01 {
        height: 212px;
    }
    .list-text512 > ul > li > .item-box01 > .txt01 {
        width: 75%;
        padding-top: 12px;
        word-break: keep-all;
    }
    .list-text512 > ul > li > .item-box01 .chart-box02,
    .list-text512 > ul > li > .item-box01 .chart-box03 {
        height: 180px;
    }
    .list-text512 > ul > li > .item-box01 .chart-box04 {
        height: 414px;
    }
}

/* ---- ##list-text520 : [마이페이지] 내 제보내역 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text520 > ul > li [class*="item-box"] .tit-wrap .tit-news {
        font-size: 18px;
    }
    .list-text520 > ul > li [class*="item-box"] .txt-time {
        font-size: 13px;
    }
    .list-text520 + .btns-wrap03 {
        margin-top: 20px;
    }
}

/* ---- ##list-text521 : [마이페이지] 내가 남긴 댓글 ---- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text521 > ul > li [class*="item-box"] .reply-top .category {
        font-size: 12px;
    }
    .list-text521 > ul > li [class*="item-box"] .reply-top .tit01 {
        font-size: 12px;
    }
    .list-text521 > ul > li [class*="item-box"] .reply-content .txt01 {
        font-size: 14px;
    }
    .list-text521 > ul > li [class*="item-box"] .reply-bottom .txt-time {
        font-size: 13px;
    }
    .list-text521 + .btns-wrap03 {
        margin-top: 20px;
    }
}

/* ---- ##list-text522 : [마이페이지] 이용권쿠폰 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text522 > ul > li {
        padding: 20px 0;
    }
    .list-text522 > ul > li [class*="item-box"] .tag {
        width: 58px;
        height: 27px;
        font-size: 13px;
    }
    .list-text522 > ul > li [class*="item-box"] .tit01 {
        font-size: 18px;
    }
    .list-text522 > ul > li [class*="item-box"] .txt01 {
        font-size: 14px;
    }
    .list-text522 > ul > li [class*="item-box"] .txt01::after {
        margin-top: 3.5px;
    }
    .list-text522 > ul > li [class*="item-box"] .txt-time {
        font-size: 13px;
    }
}

/* ---- ##list-text523 : [마이페이지] 스코어적립내역 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text523 > .list01 > li .info-box01 .tit01 {
        font-size: 16px;
    }
    .list-text523 > .list01 > li .score {
        font-size: 16px;
    }
}

/* ---- ##list-text530 : [마이페이지] 혜택리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text530 .list01 {
        gap: 24px 20px;
    }
    .list-text530 .list01 li {
        width: calc(50% - 10px);
        padding: 24px 24px 30px 24px;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .txt-time {
        font-size: 13px;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .tit01 {
        overflow: hidden;
        display: block;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        color: var(--font-color005);
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .list-text530 .list01 li .item-box01 .info-box01 .txt01 {
        font-size: 14px;
    }
}

/* ---- ##list-text531 : [마이페이지] 쿠폰 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text531 {
        width: calc(100% - 48px);
        margin: 0 24px;
    }
    .list-text531 .list01 {
        gap: 24px 20px;
    }
    .list-text531 .list01 li {
        width: calc(50% - 10px);
    }
    .list-text531 .list01 li .item-box01 .info-box01 .name {
        font-size: 12px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .btn-type215 .txt01 {
        font-size: 11px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text531 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
        font-size: 13px;
    }
    .list-text531 .list01 li .btn-type217 {
        height: 45px;
    }
    .list-text531 .list01 li::before {
        bottom: 33px;
    }
    .list-text531 .list01 li:hover::before {
        bottom: 32px;
    }
    .list-text531 .list01 li::after {
        bottom: 33px;
    }
    .list-text531 .list01 li:hover::after {
        bottom: 32px;
    }
}

/* ---- ##list-text532 : [마이페이지] 이용권 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text532 .list01 {
        gap: 24px 20px;
    }
    .list-text532 .list01 li {
        width: calc(50% - 10px);
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .txt-wrap .txt-time {
        font-size: 13px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .txt01 {
        font-size: 14px;
    }
    .list-text532 .list01 li::before {
        right: 62px;
    }
    .list-text532 .list01 li:hover::before {
        right: 62px;
    }
    .list-text532 .list01 li::after {
        right: 62px;
    }
    .list-text532 .list01 li:hover::after {
        right: 62px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit01 {
        font-size: 18px;
    }
    .list-text532 .list01 li .item-box01 .info-box01 .tit_wrap .color24 {
        font-size: 13px;
    }
    .list-text532 {
        width: calc(100% - 48px);
        margin: 0 24px;
    }
}

/* ---- ##list-text540 : [마이페이지] 유의사항 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text540 .txt-type008 > .txt01 {
        font-size: 14px;
    }
    .list-text540 > .list01 > li {
        font-size: 13px;
    }
    .list-text540 > .list01 > li > .txt01 {
        font-size: 13px;
    }
    .list-text540 {
        width: calc(100% - 48px);
        margin: 0 24px;
    }
}

/* ---- ##list-text542 : [마이페이지] 헬로아카이브 바로가기 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-text542 {
        width: calc(100% - 48px);
        margin: 0 24px;
        padding: 16px 20px;
    }
}

/* ---- ##관련뉴스 ---- */
/* font-weight (Pretendard) : .medium 500 | .semi 600 | .bold 700
클래스명범위
- list-related01 : [메인,서브] 톱뉴스 관련기사
- list-related02 : [메인] 통단, 기사목록 관련기사  */

/* ---- ##list-related01 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-related01 a .tit01 {
        min-height: 23px;
        font-size: 15px;
    }
    .list-related01 > li:before {
        top: 8px;
    }
}

/* ---- ##list-related02 : 톱기사 관련기사 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-related02 .tit01 {
        font-size: 16px;
    }
}

/* =============== ####List type ======================== */
/* list-type (클래스범위)
000~199 : 메인 기사 리스트
200~299 : 서브 공통 aside영역 기사 리스트
300~399 : 섹션 기사 리스트
400~439 : 비주얼뉴스 기사 리스트
440~469 : 테마 기사 리스트
470~499 : 뉴스플러스 기사 리스트
500~529 : 검색 기사 리스트
800 : 메인 통단(주말픽)
900~901 : 포토,화보 뷰어 */

/* ---- ##list-type$$$ : 기본 공통 ---- */
/* item-box01 썸네일 기본
 * item-box02 타이틀/텍스트만 있는 타입 또는 다른 형태의 변형 타입
 * item-box0$.style01 : 썸네일 말풍선 스타일 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="list-type"] [class*="tit-news"] [class*="title"] {
        word-break: keep-all;
    }
    /*	[class*='item-box0'] .btns-wrap01 .tlp-content{top:auto;}*/
    [class*="list-type"] .btns-wrap01 {
        position: static;
    }
    .swiper-area [class*="item-box0"] .btns-wrap01 .tlp-content {
        left: 0;
        bottom: auto;
        transform: translateY(-50%);
    }
    .swiper-area li.swiper-slide:last-child [class*="item-box0"] .btns-wrap01 .tlp-content {
        left: auto;
        right: 0;
    }
    [class*="list-type"] [class*="item-box0"].style01 .img:after {
        bottom: -14px;
        border-top-width: 14px;
        border-left-width: 14px;
    }
}

/* ---- ##list-type$$$.number0$ : 넘버링 공통 ---- */
/* number01 : 리스트 숫자 위치(썸네일과 제목 중간)
 * number02 : 리스트 숫자 위치(리스트 맨 앞) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="list-type"][class*="number0"] .item-box01 .news-con:before {
        font-size: 18px;
    }
    [class*="list-type"].number02 .news-con:before {
        padding: 0;
        text-align: left;
    }
    [class*="list-type"] .overlay01,
    [class*="list-type"] .ico-type91-video01 {
        display: none;
    }
}

/* ---- ##list-type001 : [메인] 주요뉴스 타입01 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type001 {
        column-gap: 32px;
    }
    .list-type001 [class*="txt-tag2"] {
        line-height: 1.2;
    }
    .list-type001 [class*="txt-tag2"]:before {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 14px;
    }
    .list-type001 .list01 {
        width: 245px;
    }
    .list-type001 .list01 .item-box01 {
        padding: 20px 0;
    }
    .list-type001 .list01 .item-box01 [class*="img-con"] {
        width: 245px;
        height: 163px;
    }
    .list-type001 .list01 .item-box01 .lead {
        display: none;
    }
    .list-type001 [class*="item-box0"] .tit-news {
        min-height: 24px;
        font-size: 16px;
        line-height: 1.5;
    }
    .list-type001 li.style01 [class*="item-box0"] .tit-news {
        max-height: 27px;
        -webkit-line-clamp: 1;
    }
    .list-type001 li.style01 [class*="item-box0"] .title01 {
        -webkit-line-clamp: 1;
    }
    .list-type001 .list02 {
        width: 100%;
    }
    .list-type001 .list02 li:first-of-type .item-box01 {
        border-top: none;
    }
    .list-type001 .list02 .item-box01 {
        margin-top: 16px;
        padding: 17px 0 0;
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type001 .list02 .item-box01 [class*="img-con"] {
        width: 105px;
        height: 70px;
        margin-left: 12px;
        padding-left: 0;
    }
    .list-type001 .list-related01 a .tit01 {
        max-height: 23px;
        min-height: 23px;
        font-size: 15px;
        -webkit-line-clamp: 1 !important;
    }
    .list-type001 .list02 .item-box02 {
        margin-top: 16px;
        padding-top: 17px;
    }
    .list-type001 .list02 .label-box04 {
        left: 6px !important;
        bottom: 6px !important;
    }
}

/* ---- ##list-type002 : [메인] 주요뉴스 영역4 타입02 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type002 {
        column-gap: 32px;
        width: 100%;
    }
    .list-type002 .label-box04 {
        left: 6px !important;
        bottom: 6px !important;
    }
    .list-type002 [class*="txt-tag2"] {
        line-height: 1.3;
    }
    .list-type002 [class*="txt-tag2"]:before {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 13px;
    }
    .list-type002 [class*="list0"] {
        width: 50%;
    }
    .list-type002 [class*="item-box0"] .tit-news {
        font-size: 16px;
    }
    .list-type002 [class*="item-box0"] .title01 {
        font-size: 16px;
    }
    .list-type002 .list01 .item-box01 [class*="img-con"] {
        width: 105px;
        height: 70px;
        margin-right: 12px;
        margin-bottom: 8px;
    }
    .list-type002 .list01 .item-box01 .img {
        padding-top: 70px;
    }
    .list-type002 .list01 .tit-news {
    }
    .list-type002 .list01 .list-related01 {
        margin-top: 0;
        margin-left: 0;
    }
    .list-type002 .list02 > li {
        margin-top: 8px;
        padding-top: 9px;
    }
    .list-type002 .list02 [class*="item-box0"] .tit-news .title01 {
        line-height: 1.7;
    }
    .list-type002 .list02 [class*="item-box0"] .tit-news {
        -webkit-line-clamp: 1;
        max-height: 27px;
        line-height: 1.3;
    }
    .list-type002 .list-related01 {
        clear: both;
        font-size: 15px;
    }
    .list-type002 .list-related01 a .tit01 {
        -webkit-line-clamp: 1;
    }
}

/* ---- ##list-type010 : [메인] 핫뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type010 {
        position: relative;
        width: 100%;
        max-width: 100%;
    }
    .list-type010 [class*="list0"] .item-box01 [class*="img-con"] {
        margin-left: 0;
    }
    .list-type010 .img-none01 {
        display: block;
    }
    .list-type010 .img-none01 + .news-con .tit-wrap {
        height: auto !important;
    }
    .list-type010 .list03 .img-none01 {
        display: none;
    }
    .list-type010 .list03 .item-box01 [class*="img-con"] {
        margin-left: 12px;
    }
    .list-type010 .item-box01 .tit-news {
        max-height: 48px;
        min-height: 24px;
        -webkit-line-clamp: 2;
        font-weight: 600 !important;
    }
    .list-type010 .list01,
    .list-type010 .list02,
    .list-type010 .list03 {
        width: calc(50% - 16px);
    }
    .list-type010 .list01,
    .list-type010 .list02 {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
    }
    .list-type010 .list01 li,
    .list-type010 .list02 li {
        width: calc(50% - 8px);
    }
    .list-type010 .list01 li:nth-of-type(1),
    .list-type010 .list01 li:nth-of-type(2),
    .list-type010 .list03 li:nth-of-type(1) {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .list-type010 .list01 .item-box01 [class*="img-con"],
    .list-type010 .list02 .item-box01 [class*="img-con"] {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
    /* 개별제어 */
    .list-type010 .list02 li {
        padding: 24px 0 0 0;
        border-top: none;
    }
    .list-type010 .list03 {
        position: absolute;
        top: 0;
        right: 0;
        box-sizing: border-box;
        padding-right: 0;
    }
    .list-type010 .list03 li {
        margin-top: 16px;
        padding-top: 17px;
    }
    .list-type010 .list03 li:first-of-type {
        padding-top: 0;
        border-top: 0;
    }
}

/* ---- ##list-type020 : [메인] 연예, 스포츠의 형태 리스트 모두 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type020 [class*="list0"] li {
        width: calc(50% - 8px);
    }
    .list-type020 .tit-news {
        max-height: 54px;
        -webkit-line-clamp: 2;
    }
    .list-type020 .tit-news .title01 {
        font-weight: 600;
    }
    .list-type020 .list02 {
        flex-direction: column;
    }
    .list-type020 .list02 li {
        width: 100%;
    }
    .list-type020 .list02 li [class*="img-con"] {
        display: none;
    }
    .list-type020 .list02 li .item-box01 {
        margin-top: 8px;
        padding-top: 9px;
    }
    .list-type020 .list02 li:first-of-type .item-box01 {
        margin-top: 16px;
    }
    .list-type020 .list02 .item-box01 .tit-news {
        height: 23px;
        min-height: auto;
        -webkit-line-clamp: 1;
        font-size: 16px;
    }
    .list-type020 .list02 .item-box01 .tit-news .title01 {
        font-size: 16px;
    }
}

/* ---- ##list-type021 : [메인] 놓치면 안 될 영상 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type021 [class*="btn-type007-"] {
        display: none;
    }
    .list-type021 .tit-news {
        max-height: 48px;
        min-height: 24px;
    }
    .list-type021 .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
}

/* ---- ##list-type022 : [메인] 톡톡 지방자치 통통 지역경제, 책/서평---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type022 [class*="list0"] {
        display: flex;
        width: calc(100% + 15px);
    }
    .list-type022 [class*="list0"] li {
        flex-shrink: 0;
        box-sizing: border-box;
        width: 50%;
        margin-top: 0;
        padding: 0 15px 0 0;
        border-top: 0;
    }
    .list-type022 [class*="list0"] li [class*="img-con"] {
        width: 100%;
        margin: 0 0 8px 0;
    }
    .list-type022 [class*="list0"] li:nth-of-type(2) [class*="img-con"].img-none01 {
        display: block;
    }
    .list-type022 .tit-news {
        max-height: 48px;
        min-height: 24px;
        font-size: 16px;
    }
    .list-type022 [class*="list0"] li .tit-news .title01 {
        font-weight: 600 !important;
    }
    .list-type022 [class*="list0"] li:nth-of-type(2) .tit-news {
        -webkit-line-clamp: 2;
    }
}

/* ---- ##list-type03$ : [메인] 공통 ---- */
/* list-type030 : [메인] 마켓톺
 * list-type031 : 연합 브랜드 뉴스
 * list-type032 : youtube 채널 */

/* ---- ##list-type030 : [메인] 마켓+(스와이퍼) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type030 .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
}

/* ---- ##list-type031 : [메인] 연합 브랜드 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type031 .list01 {
        width: calc(100% + 16px);
    }
    .list-type031 li {
        padding-right: 16px;
    }
    .list-type031 .news-con {
        padding: 0 12px 12px;
    }
    .list-type031 .tit-news {
        height: 69px;
        max-height: 69px;
        min-height: 24px;
        -webkit-line-clamp: 3;
    }
    .list-type031 .tit-news .title01 {
        font-size: 15px;
        font-weight: 600;
    }
}
/* ---- ##list-type032 : [메인] youtube 채널 ---- */

/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*.list-type032{left:-10px;}*/
    .list-type032 {
        left: 0;
        width: 100%;
        padding: 0;
    }
    .list-type032 .swiper-area {
        padding-right: 46px !important;
    }
    .list-type032 .list01 {
        box-sizing: border-box;
        padding: 0 24px 15px;
    }
    .list-type032 li {
        width: 220px;
    }
    .list-type032 .news-con {
        height: 140px;
    }
    .list-type032 .tit-news {
        -webkit-line-clamp: 3;
        height: 72px;
        max-height: 72px;
        min-height: 24px;
    }
    .list-type032 [class*="item-box0"] .title01 {
        font-weight: 600;
    }
    .list-type032 [class*="btn-type03"] {
        right: 13px;
        bottom: -20px;
    }
    .list-type032 li [class*="img-con"]:before {
        border-top-width: 14px;
        border-left-width: 14px;
        bottom: -14px;
    }
    .list-type032 [class*="item-box0"].style01 > [class*="img-con"] {
        margin-bottom: 14px;
    }
    .list-type032 [class*="news-con"]:after {
        top: -14px;
    }
}

/* ---- ##list-type04$ : [메인] 공통 ---- */
/* list-type040 : 많이 본 뉴스
* list-type041 : 연합 단독 뉴스
* list-type042 : 다국어 톱뉴스
* list-type043 : 지역지 톱뉴스
* list-type044 : AI추천뉴스 */

/* ---- ##[메인/섹션/본문] list-type040 : 많이 본 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type040 .tit-news {
        max-height: 48px;
        min-height: 24px;
    }
    .list-type040 .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
    .list-type040 [class*="img-con"] {
        width: 60px;
    }
    .list-type040.number01 .item-box01 .news-con {
        padding-left: 31px;
    }
    .list-type040.number01 .item-box01 .news-con:before {
        width: 31px;
        padding: 0 8px;
        font-size: 18px;
    }
}

/* ---- ##list-type041 : [메인] 연합 단독 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type041 .list01 li {
        display: flex;
        flex-wrap: wrap;
    }
    .list-type041 li .item-box01:nth-of-type(1),
    .list-type041 li .item-box01:nth-of-type(2) {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .list-type041 li .item-box01 {
        float: left;
        width: calc(50% - 32px);
        margin-top: 0;
        margin-right: 32px;
        padding: 16px 0 0;
        border: none;
    }
    .list-type041 .tit-news {
        max-height: 48px;
        min-height: 24px;
    }
    .list-type041 [class*="item-box0"] .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
    .list-type041 [class*="item-box0"] .txt-tag40 + .tit-wrap .title01 {
        font-size: 14px;
    }
    .list-type041 [class*="img-con"] {
        width: 93px;
    }
}

/* ---- ##list-type042 : [메인] 다국어 톱뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type042 .tit-news {
        max-height: 48px;
        min-height: 24px;
        font-size: 14px;
        line-height: 1.5;
    }
    .list-type042 [class*="img-con"] {
        width: 93px;
    }
    .list-type042 li .item-box01:nth-of-type(1),
    .list-type042 li .item-box01:nth-of-type(2) {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .list-type042 li .item-box01 {
        float: left;
        width: calc(50% - 32px);
        margin-right: 32px;
        padding: 16px 0 0;
        border: none;
    }
}

/* ---- ##list-type043 : [메인] 지역지 톱뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type043 li {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .list-type043 .tit-news {
        max-height: 48px;
        min-height: 24px;
        -webkit-line-clamp: 1;
        font-size: 14px;
    }
    .list-type043 li .item-box01:nth-of-type(1),
    .list-type043 li .item-box01:nth-of-type(2) {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .list-type043 li .item-box01 {
        float: left;
        width: calc(50% - 16px);
        margin-top: 12px;
        padding-top: 13px;
        padding-right: 0;
        border-top: 1px solid var(--ui-tag005);
        column-gap: 32px;
    }
    .list-type043 [class*="item-box0"] .tit-news .title01 {
        font-size: 16px;
        font-weight: 600;
    }
}

/* ---- ##list-type044 : [메인] AI추천뉴스---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type044 {
        padding: 0 16px;
    }
}

/* ---- ##list-type05$ : [메인] 공통 ---- */
/* list-type050 : 포토&화보
 * list-type051 : 이슈 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="list-type05"] [class*="item-box0"] .title01 {
        color: var(--font-color003);
    }
}

/* ---- ##list-type050 : [메인] 포토&화보 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="list-type05"] .tit-news {
        font-size: 16px;
    }
    .list-type050 {
        box-sizing: border-box;
        text-align: center;
    }
    .list-type050 [class*="btn-type007-"] {
        display: none;
    }
    .list-type050 .item-box01 {
        min-width: 200px;
    }
    .list-type050 .news-con {
        position: static;
        margin-top: 8px;
        padding: 0;
    }
    .list-type050 .tit-wrap {
        margin-right: 0;
        color: var(--font-color003);
    }
    .list-type050 [class*="item-box0"] .img {
        padding-top: 56.25%;
    }
    .list-type050 [class*="img-con"]:after {
        display: none;
    }
    .list-type050 .btns-wrap11 .pager01 {
        flex-shrink: 0;
        justify-content: center;
        width: 64px;
        padding-right: 0;
    }
    .list-type050 .tit-news {
        max-height: 48px;
        min-height: 24px;
    }
    .list-type050 .label-box01 {
        right: 8px;
        bottom: 4px;
    }
}

/* ---- ##list-type051 : [메인] 이슈 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type051 .txt-tag51 {
        left: 16px;
        bottom: 15px;
    }
    .list-type051 .list01 {
        overflow: initial;
        width: calc(100% + 16px);
    }
    .list-type051 .list01 li {
        padding-right: 16px;
    }
    .list-type051 .news-con {
        padding: 15px 16px;
    }
    .list-type051 .tit-news {
        min-height: 56px;
        font-size: 20px;
    }
    .list-type051 [class*="item-box0"] .title01 {
        color: var(--font-color001);
    }
    .list-type051 [class*="item-box0"].style01 .img:after {
        bottom: -14px;
        border-top-width: 14px;
        border-left-width: 14px;
    }
}

/* ---- ##list-type06$ [메인] 공통 ---- */
/* list-type060 : 뉴스라운지 타입01
* list-type061 : 뉴스라운지 타입02 */

/* ---- ##list-type060 : [메인] 뉴스라운지 - 꼭알아야할Top뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type060 {
        max-width: 100%;
        padding: 0 24px;
        column-gap: 32px;
    }
    .list-type060 [class*="list0"] {
        width: calc(50% - 16px);
    }
    .list-type060 [class*="list0"] [class*="item-box0"] .img {
        padding-top: 56.25%;
    }
    /* 큰 썸네일 */
    .list-type060 .list01 .news-con {
        margin-top: 12px;
    }
    .list-type060 .list01 .tit-news {
        font-size: 26px;
    }
    /* 작은 썸네일 */
    .list-type060 .list02 {
        column-gap: 16px;
        row-gap: 30px;
    }
    .list-type060 .list02 li {
        width: calc(50% - 8px);
    }
    .list-type060 .list02 .tit-news {
        font-size: 16px;
    }
}

/* ---- ##list-type061 :  연합 라운지 타입02 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type061 {
        max-width: 100%;
        padding: 0 24px;
    }
    .list-type061 .list01 {
        display: flex;
        width: 100%;
        column-gap: 24px;
    }
    .list-type061 .list01 li {
        width: calc(50% - 16px);
        padding-right: 0;
    }
    .list-type061 [class*="item-box0"] .img {
        padding-top: 56.25%;
    }
    .list-type061 .list01 .tit-news {
        font-size: 20px;
    }
    .list-type061 .list03 li:first-of-type {
        margin-top: 0;
    }
    .list-type061 .list02 [class*="img-con"],
    .list-type061 .list03 [class*="img-con"] {
        width: 84px;
    }
    .list-type061 .list02 {
        padding-right: 16px;
    }
    .list-type061 .list03 {
        padding-left: 16px;
    }
    .list-type061 .list02,
    .list-type061 .list03 {
        float: left;
        box-sizing: border-box;
        width: 50%;
        margin-top: 32px;
    }
    .list-type061 .list02 .tit-news,
    .list-type061 .list03 .tit-news {
        font-size: 16px;
    }
}

/* ---- ##list-type070 : [메인] 오피니언 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type070 {
        display: flex;
        justify-content: space-between;
        max-width: calc(100% + 16px);
    }
    .list-type070 [class*="list0"] {
        box-sizing: border-box;
        width: calc(50% - 16px);
    }
    .list-type070 [class*="item-box0"] .tit-news {
        font-weight: 600;
    }
    .list-type070 .txt-tag50.style01 > .txt01 {
        height: 13px;
        min-height: auto;
        font-size: 11px;
        line-height: 13px;
    }
    .list-type070 a.txt-tag41 {
        font-size: 13px;
    }
    /* list-type070>list01,list02 */
    .list-type070 [class*="list0"] [class*="img-con"] {
        width: 60px;
        height: 60px;
    }
    .list-type070 [class*="list0"] li:first-of-type {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
}

/* ---- ##list-type099 : [메인] 티커 스와이퍼 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type099 {
        width: 100%;
        margin-top: 0;
    }
    .list-type099 .swiper-slide {
        display: block;
    }
    .list-type099 .swiper-slide .list01 {
        width: 100%;
    }
    .list-type099 [class*="item-box0"] {
        margin-top: 20px;
    }
    .list-type099 .item-box01:first-of-type {
        margin-top: 20px;
    }
}

/* ---- ##list-type200 : [서브/본문] 핫뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type200 {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type200 [class*="list0"] {
        display: flex;
    }
    .list-type200 .btns-wrap11 {
        display: flex !important;
    }
    .list-type200 .tit-news {
        max-height: 48px;
        min-height: 24px;
        -webkit-line-clamp: 2;
    }
    .list-type200 [class*="list0"] [class*="item-box0"]:last-of-type {
        border-bottom: none;
    }
    .list-type200 [class*="list0"] li [class*="item-box0"]:first-of-type {
        margin-top: 0;
    }
    .list-type200 li [class*="item-box0"]:last-of-type {
        padding-bottom: 0;
    }
    .list-type200 .swiper-slide:nth-of-type(2) .img-con11 {
        display: block;
    }
}

/* ---- ##[서브/본문] list-type201 ---- */
/* [구성]
 -- PC : 기사제목, 섬네일(우)
 -- 태블릿,모바일 : 기사제목
 * 오래머문뉴스 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type201 {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type201.number01 .item-box01 .news-con {
        padding-left: 24px;
    }
    .list-type201.number01 .item-box01 .news-con:before {
        width: 24px;
    }
    .list-type201.number01 .tit-news {
        -webkit-line-clamp: 2;
    }
    .list-type201.number01 .list01 li:first-of-type .item-box01 {
        margin-top: 0;
        padding-top: 0;
    }
}

/* ---- ##[서브/본문] list-type202 ---- */
/* 랭킹뉴스 (탭 : 많이 본, 공감 많은)
 * 섹션 많이본뉴스 */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type202 {
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type202 .news-con:before {
        top: -2px;
        width: 24px;
        font-size: 20px;
        font-weight: 600;
        text-align: left;
    }
    .list-type202 [class*="img-con"] {
        width: 90px;
        height: 60px;
        margin-left: 12px;
    }
    .list-type202.number01 .item-box01 .news-con {
        padding-left: 24px;
    }
    .list-type202 .btns-wrap03 {
        margin: 40px 0 0;
    }
    .list-type202 .tit-news {
        -webkit-line-clamp: 2;
    }
    .list-type202 li:last-child [class*="item-box0"] {
        min-height: 60px;
    }
}

/* ---- ##list-type203 : [서브] ---- */
/* [구성] : 기사제목, 섬네일(우)
 * 세계>특파원르포
 * 전국>휴먼n스토리, 현장in */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type203 .list01 {
        padding: 0 16px;
    }
}

/* ---- ##list-type204 : [서브] ---- */
/* [구성]
 -- PC : 기사제목 (2줄)
 -- 태블릿,모바일 : 기사제목 (1줄)
 * 세계 > 중국 > 신화망
 * 세계 > 중국 > 인민망*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type204 .list01 {
        padding: 0 16px;
    }
    .list-type204 .tit-news {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
    }
}

/* ---- ##list-type205 : [서브] 우분투 > 우측 아프리카가 궁금해 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type205 {
        padding: 0 16px;
    }
    .list-type205 [class*="item-box0"] {
        display: flex;
        align-items: center;
    }
    .list-type205 [class*="img-con"] {
        flex-shrink: 0;
        width: 72px;
        margin-left: 12px;
    }
}

/* ---- ##[서브/본문] list-type210 ---- */
/* 에디터스 픽 영상 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type210 {
        box-sizing: border-box;
        padding: 0 16px;
    }
}

/* ---- ##list-type212 : [서브] ---- */
/* 최신뉴스
 * 섹션 메인 : 섹션 주요뉴스
 * 섹션 리스트 : 전체뉴스 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type212 {
        padding: 0 16px;
    }
    /*.list-type212 .list01 li + li{margin-top:16px;padding-top:17px;}*/
    .list-type212 > .list01 > li [class*="item-box0"] {
        gap: 16px;
    }
    .list-type212 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 120px;
        height: 80px;
    }
    .list-type212 .list01 li [class*="item-box0"] .tit-news .title01 {
        display: -webkit-box;
        font-size: 16px;
        line-height: 24px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .list-type212 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 11px;
        font-size: 13px;
    }
    .list-type212 .list01 li [class*="item-box0"] .lead {
        font-size: 14px;
    }
    .list-type212 + [class*="btns-wrap"] {
        margin-top: 20px;
    }
    .list-type212 .list01 li [class*="item-box0"] .btn-type034 {
        margin-top: 2px;
    }
    /*	.list-type212 .list01 li [class*='item-box0'] .news-con{width:calc(100% - 136px);}*/
    .list-type212 .aside-box100 {
        margin-top: 0 !important;
    }
    .list-type212 .aside-box100 .ads-box {
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 16px 0;
        border-bottom: 1px solid var(--ui-tag005);
    }
}

/* ---- ##list-type213 : [서브] ---- */
/* 섹션 특파원 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type213 .info-box01 .btn-type404 .txt01 {
        font-size: 14px;
        line-height: 21px;
    }
    .list-type213 .list01 li .item-box01 .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type213 .list01 li {
        box-sizing: border-box;
        width: 100%;
    }
}

/* ---- ##list-type214 : [서브] ---- */
/* 전국 > 지역별 실시간 뉴스 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type214 {
        padding: 0 24px;
    }
    .list-type214 .list01 > li > ul {
        padding: 20px 8px 0 8px;
    }
}

/* ---- ##list-type216 : [서브] ---- */
/* [구성] : 기사제목 (1줄)
 * 전국>지방의회가 뛴다
 * 게시판, 오피니언>연합시론 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type216 {
        padding: 0 16px;
    }
}

/* ---- ##list-type217 : [서브] 헬스노트 위클리건강 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type217 > .list01 {
        gap: 20px;
    }
    .list-type217 .list01 li {
        box-sizing: border-box;
        width: calc(50% - 10px);
    }
    .list-type217 .list01 li .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type217 .news-con .txt-time {
        font-size: 13px;
        line-height: 20px;
    }
}

/* ---- ##list-type218 : [서브] 오늘의경기 내일의경기 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type218 {
        width: calc(100% - 32px);
        margin: 0 auto;
    }
    .list-type218 .item-box12 .tit-news .day {
        width: 160px;
        padding-right: 37px;
        background-size: 160px 40px;
    }
}

/* ---- ##list-type219 : 섹션>뉴스+>이슈 서브 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type219 .item-box01 {
        display: block;
    }
    .list-type219 .img-con01 {
        width: 100%;
    }
    .list-type219 .news-con {
        padding: 32px;
    }
    .list-type219 [class*="item-box0"] .tit-news {
        min-height: 39px;
        font-size: 26px;
    }
    .list-type219 [class*="item-box0"] .lead {
        display: block !important;
        margin-top: 16px;
        font-size: 16px;
        -webkit-line-clamp: 4;
    }
}

/* ---- ##list-type220 : [서브] 사람들 상단 슬라이드 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type220 .swiper-area:not(.swiper-initialized) li {
        max-width: 50%;
    }
    .list-type220 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
    }
    .list-type220 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##list-type221 : [서브] 오피니언 상단 슬라이드 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type221 .list01 li {
        padding: 30px 24px;
    }
    .list-type221 .list01 li .tit-news {
        height: 60px;
        font-size: 20px;
    }
    .list-type221 .list01 li .lead {
        height: 92px;
        -webkit-line-clamp: 4;
    }
    .list-type221 .list01 li [class*="img-con"] {
        width: 111px;
        height: 76px;
        margin-bottom: 8px;
    }
    .list-type221 .list01 li [class*="img-con"] + .news-con {
        width: calc(100% - 135px);
    }
}

/* ---- ##[뉴스플러스] list-type222 : 뉴스플러스 이슈 슬라이드 ---- */
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type222 {
        max-width: calc(100% - 20px);
        max-height: 480px;
        margin: 5px auto 0;
        padding-bottom: 32px;
        overflow-y: auto; /*height:480px;*/
    }
    .list-type222::-webkit-scrollbar {
        width: 4px;
    }
    .list-type222::-webkit-scrollbar-thumb {
        background-color: var(--ui-tag005);
    }
    .list-type222::-webkit-scrollbar-track {
        background-color: var(--ui-tag009);
    }
    .list-type222 .swiper-wrapper {
        box-sizing: border-box;
        max-width: 375px;
        margin: 0 auto;
        padding: 0 16px;
    }
    .list-type222 .swiper-wrapper .swiper-slide::before {
        top: 29px;
        left: 0;
        width: 4px;
        height: 4px;
        border-radius: 4px;
    }
    .list-type222 .swiper-wrapper .swiper-slide {
        box-sizing: border-box;
        height: auto !important;
        padding-left: 16px;
    }
    .list-type222 .swiper-wrapper .swiper-slide .txt-month {
        padding: 6.5px 0;
        font-size: 16px;
    }
    .list-type222 .swiper-wrapper .swiper-slide .txt-month .num {
        font-size: 20px;
    }
    .list-type222 .swiper-wrapper .swiper-slide .tit-wrap {
        margin-top: 8px;
    }
    .list-type222 .swiper-wrapper .swiper-slide::after {
        top: 29px;
        left: 1px;
        width: 1px;
        height: calc(100% + 24px);
        border-top: 0;
        border-left: 1px dashed var(--ui-tag004);
    }
    .list-type222::after {
        display: none;
    }
    .list-type222 .btn-dir001-prev {
        display: none;
    }
    .list-type222 .btn-dir001-next {
        display: none;
    }
    .list-type222 .swiper-wrapper {
        flex-direction: column; /*height:357px;*/
    }
}

/* ---- ##list-type223 : [서브] 마켓플러스 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type223::after {
        display: none;
    }
    .list-type223 {
        padding: 0 16px;
    }
}

/* ---- ##list-type224 : [서브] 마켓플러스 슬러그 기사 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type224 {
        padding: 0 16px;
    }
    .list-type224 > .list01 {
        flex-direction: column;
        gap: 24px;
    }
    .list-type224 .list01 > li {
        width: 100%;
    }
    .list-type224 .list01 .item-box01 .img-con01::before {
        display: none;
    }
    .list-type224 .list01 .item-box01 .title-con05.style03 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        margin-top: 0;
    }
    .list-type224 .list01 .item-box01 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 39px;
    }
    .list-type224 .list01 .item-box01 .img-con01 {
        flex-shrink: 0;
        width: 120px;
        height: 80px;
        margin-right: 16px;
    }
    .list-type224 .list01 .item-box01 .img-con01 .img {
        padding-top: 66.67%;
    }
    .list-type224 .list01 .item-box01 .news-con .tit-wrap .tit-news {
        height: auto;
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .list-type224 .list01 .item-box01 .news-con .lead {
        height: auto;
        margin-top: 4px;
        font-size: 14px;
        -webkit-line-clamp: 2;
    }
    .list-type224 .tooltip-type02 .tlp-content > .info-box01 > .txt01 br {
        display: none;
    }
    /* 노이미지 */
    .list-type224 .img-none01 {
        display: none;
    }
}

/* ---- ##list-type225 : [서브] 마켓플러스 마켓인 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type225 {
        width: 100%;
        padding: 0 16px;
    }
    .list-type225 .list01 > li .item-box01 {
        justify-content: center;
        align-items: flex-start;
        position: relative;
        width: 100%;
        height: auto;
        min-height: 110px;
    }
    .list-type225 .list01 > li .item-box01 .img-con01 {
        width: 70px;
        height: 70px;
    }
    .list-type225 .list01 > li .item-box01 .txt {
        font-size: 18px;
    }
    .list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news {
        margin-top: 8px;
    }
    .list-type225 .list01 > li .item-box01 .news-con .tit-wrap .tit-news .title01 {
        font-size: 18px;
    }
}

/* ---- ##[비주얼뉴스] list-type306 : 비주얼뉴스 YNA Shorts 채널 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type306 {
        overflow: hidden;
        padding: 0 24px;
    }
    .list-type306 .list01 li {
        box-sizing: border-box;
    } /*width:204px*/
    .list-type306 .list01 .item-box01 .tit-news {
        height: 57px;
        font-size: 18px;
        line-height: 27px;
    }
    .list-type306 .item-box01 .news-con {
        padding: 8px 0 0 0;
    }
    .list-type306 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[비주얼뉴스] list-type300 : 비주얼뉴스 많이 본 영상. 더건강 영상 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type300 {
        margin-top: -40px;
    }
    .list-type300 > .list01 {
        gap: 0 20px;
    }
    .list-type300 > .list01 li {
        width: calc((100% - 20px) / 2);
        padding-top: 40px;
    }
    .list-type300 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type300 > .list01 li .tit-wrap {
        height: 48px;
    }
    .list-type300 > .list01 .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type300 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##list-type301 : 주요포토, 많이 본 포토, 모멘트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type301 > .list01 {
        gap: 40px 20px;
    }
    .list-type301 > .list01 li {
        width: calc((100% - 20px) / 2);
    }
    .list-type301 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type301 > .list01 li.ads-item01 .aside-box100 {
        margin-top: 0;
    }
    .list-type301 > .list01 .item-box01 .tit-wrap {
        height: 48px;
    }
    .list-type301 > .list01 .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type301 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##list-type302 : 섹션-더건강포토 767이하 모듈 변형---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type302 > [class*="list0"] li .tit-wrap {
        height: 48px;
    }
    .list-type302 > [class*="list0"] .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type302 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##list-type303 : 섹션-더건강 영상 767이하 모듈 스크롤 변형 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type303 .swiper-area > [class*="list0"] {
        box-sizing: border-box;
        padding: 0 16px 0 16px;
    }
    .list-type303 .swiper-area {
        overflow: visible;
        padding-right: 24px;
    }
    .list-type303 .swiper-area > [class*="list0"] li {
        box-sizing: border-box;
        width: 307px;
        padding-right: 20px;
    }
    .list-type303 [class*="list0"] li .tit-wrap {
        height: 48px;
    }
    .list-type303 .swiper-area > [class*="list0"] .item-box01 .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type303 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[비주얼뉴스] list-type304 : 비주얼뉴스 #D ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type304 > .list01 li.top-news {
        padding: 32px 0;
    }
    .list-type304 > .list01 li.top-news .txt-type003 {
        margin-top: 10px;
    }
    .list-type304 > .list01 li.top-news:before {
        left: 100%;
        width: 24px;
    }
    .list-type304 > .list01 li.top-news:after {
        right: 100%;
        width: 24px;
    }
    .list-type304 > .list01 li.top-news .item-box01 {
        flex-wrap: wrap;
    }
    .list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] {
        width: 100%;
        height: auto;
    }
    .list-type304 > .list01 li.top-news .item-box01 [class*="img-con"] .img {
        padding-top: 66.67%;
    }
    .list-type304 > .list01 li.top-news .item-box01 .news-con {
        padding: 0 0 0 0;
    }
    .list-type304 > .list01 li.top-news .item-box01 .tit-news {
        max-height: 100%;
        margin-top: 8px;
        font-size: 26px;
        line-height: 34px;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 {
        clear: unset;
        float: right;
        margin-top: 0;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 {
        position: static;
    }
    .list-type304 > .list01 li.top-news .item-box01 .btns-wrap01 .tooltip-type01 .tlp-content {
        right: 30px;
    }
    .list-type304 > .list01 {
        gap: 40px 20px;
    }
    .list-type304 > .list01 li {
        width: calc((100% - 20px) / 2);
    }
    .list-type304 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type304 > .list01 [class*="img-con"] {
        padding-bottom: 12px;
    }
    .list-type304 > .list01 [class*="item-box0"].style01 [class*="img-con"]:before {
        border-left-width: 12px;
        border-top-width: 12px;
    }
    .list-type304 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type304 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type304 .txt-type003 {
        line-height: 20px;
    }
    .list-type304 .txt-type003 > .txt01 {
        font-size: 13px;
    }
}

/* ---- ##[비주얼뉴스] list-type305 : 비주얼뉴스 YNA Shorts 채널 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type305 > .list01 {
        flex-wrap: wrap;
        display: flex;
        gap: 40px 20px;
    }
    .list-type305 > .list01 li {
        box-sizing: border-box;
        width: calc((100% - 40px) / 3);
    }
    .list-type305 > .list01 li .item-box01 .img {
        height: 176.3%;
    }
    .list-type305 .item-box01 .news-con {
        padding: 12px 0 0 0;
    }
    .list-type305 > .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type305 .news-con .txt-time {
        height: 19.5px;
        padding-top: 4px;
        font-size: 13px;
    }
    .list-type305 > .list01 li .btns-wrap01 {
        position: initial;
        margin-top: 0;
        text-align: left;
    }
    .list-type305 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type305 > .list01 li.ads-item01 .aside-box100 {
        margin-top: 0;
    }
}

/* ---- ##[뉴스플러스] list-type307 : 뉴스플러스 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type307 .list01 {
        gap: 40px 20px;
    }
    .list-type307 .list01 li {
        width: calc(50% - 10px);
    }
    .txt-type003 > .txt01 {
        font-size: 13px;
    }
    .list-type307 .list01 li .news-con .tit-wrap .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type307 .list01 li {
        border: 1px solid var(--ui-tag005);
    }
    .list-type307 .list01 li > .item-box01 {
        border: 0;
    }
    .list-type307 .list01 li:hover {
        border: 1px solid var(--ui-tag005);
        box-shadow: none;
    }
    .list-type307 .list01 li:hover > .item-box01 {
        border: 0;
    }
}

/* ---- ##[뉴스플러스] list-type308 뉴스플러스 관심사뉴스패키지서브 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type308 .list01 li {
        padding-bottom: 16px;
    }
    .list-type308 .list01 li + li {
        padding-top: 16px;
    }
    .list-type308 .list01 li [class*="item-box0"] {
        gap: 24px;
    }
    .list-type308 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 200px;
        height: 133px;
    }
    .list-type308 .list01 li [class*="item-box0"] .tit-news {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 60px;
        font-size: 20px;
        line-height: 30px;
    }
    .list-type308 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 11px;
        font-size: 13px;
        line-height: 20px;
    }
    .list-type308 .list01 li [class*="item-box0"] .lead {
        font-size: 15px;
        line-height: 23px;
    }
}

/* ---- ##[뉴스플러스] list-type309 뉴스플러스 이슈홈 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type309 .list01 {
        gap: 40px 32px;
    }
    .list-type309 .list01 > li {
        width: calc(50% - 16px);
    }
    .list-type309 .list01 > li .item-box01 .info-list01 > li a .txt {
        font-size: 13px;
        line-height: 20px;
    }
    .list-type309 .list01 > li .item-box01 .info-list01 > li a .txt .num {
        font-size: 13px;
        line-height: 20px;
    }
    .list-type309 .list01 > li .list-related03 > li a .tit01 {
        font-size: 15px;
        line-height: 23px;
    }
    .list-type309 .list01 > li .list-related03 {
        padding-top: 8px;
    }
}

/* ---- ##list-type310 : [서브] 사람들 메인 ---- */
/* 사람들 > 인사, 부고, 동정/게시판 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type310 {
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 16px;
    }
    .list-type310 > [class*="area"] {
        width: 100%;
        padding: 30px 30px 18px 30px;
    }
    .list-type310 > [class*="area"] .title-type001 {
        margin-bottom: 0;
    }
    .list-type310 .list01 {
        display: flex;
        flex-wrap: wrap;
        gap: 0 20px;
        margin-top: 12px;
    }
    .list-type310 .list01 > li {
        width: calc(50% - 10px);
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type310 .list01 > li:nth-child(1) {
        border-top: 0;
    }
    .list-type310 .list01 > li:nth-child(2) {
        border-top: 0;
    }
    .list-type310 .tit-wrap .tit-news {
        font-size: 15px;
    }
}

/* ---- ##[뉴스플러스] list-type312 오피니언 서미숙의 집수다 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type312 {
        padding: 0 16px;
        gap: 32px;
    }
    .list-type312 .list01 {
        width: 214px;
    }
    .list-type312 .list01 li [class*="img-con"] {
        width: 214px;
        height: 142px;
    }
    .list-type312 .list02 {
        width: calc(100% - 246px);
    }
    .list-type312 .list01 li .tit-wrap .tit-news {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type312 .list02 li .tit-wrap {
        padding: 12px 0;
    }
    .list-type312 .list02 li:last-child .tit-wrap {
        padding-bottom: 0;
    }
    .list-type312 .list02 li .tit-wrap .tit-news .title01 {
        font-size: 16px;
        line-height: 24px;
    }
    .title-type001.arr01 + .list-type312 {
        margin-top: 12px;
    }
}

/* ---- [뉴스플러스].box-type001.box-major02>list-type312 오피니언 서미숙의 집수다 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-major02 {
        padding: 40px 0 0;
        border-bottom: 0;
    }
    .box-major02:first-of-type {
        padding-top: 0 !important;
    }
    .box-major02 ~ [class*="aside-box"] {
        margin-top: 40px !important;
        padding-bottom: 0;
        border: none !important;
    }
}

/* ---- ##[뉴스플러스] list-type313 이슈 서브 포토,그래픽 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type313 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type313 > .list01 li.ads-item01 .aside-box100 {
        margin-top: 0;
    }
    .list-type313 > .list01 {
        gap: 40px 20px;
    }
    .list-type313 > .list01 li {
        width: calc(50% - 10px);
    }
    .list-type313 > .list01 li .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type313 > .list01 li .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[뉴스플러스] list-type314 오피니언 홈 논&설 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type314 {
        padding: 0 16px;
    }
    .list-type314 > .list01 {
        gap: 0;
        flex-direction: column;
    }
    .list-type314 > .list01 li {
        box-sizing: border-box;
        width: 100%;
        padding: 12px 0;
    }
    .list-type314 > .list01 li:first-of-type {
        padding-top: 0;
    }
    .list-type314 > .list01 li + li {
        border-top: 1px solid var(--ui-tag005);
    }
    .list-type314 > .list01 li .item-box01 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        gap: 16px;
    }
    .list-type314 > .list01 li .item-box01 .img-con01 {
        flex-shrink: 0;
        width: 120px;
        height: 80px;
    }
    .list-type314 > .list01 li .news-con {
        margin-top: 0;
    }
    .list-type314 > .list01 li .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type314 > .list01 li .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[뉴스플러스] list-type315 : 이슈 서브 영상 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type315 > .list01 {
        gap: 40px 20px;
    }
    .list-type315 > .list01 li {
        width: calc(50% - 10px);
    }
    .list-type315 > .list01 li .news-con .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type315 > .list01 li .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[뉴스플러스] list-type315 : 기자홈 기자리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type316 {
        padding: 0 16px;
    }
    .list-type316 > .list01 {
        gap: 40px 20px;
    }
    .list-type316 > .list01 > li {
        box-sizing: border-box;
        width: calc(50% - 10px);
        height: 226px;
    }
    .list-type316 > .list01 > li .info-txt {
        padding: 0 70px 0 92px;
    }
    .list-type316 > .list01 > li .info-txt .name {
        font-size: 18px;
    }
    .list-type316 > .list01 > li .info-txt .mail {
        font-size: 13px;
    }
    .list-type316 > .list01 > li .info-txt .txt-type012 {
        font-size: 13px;
    }
    .list-type316 > .list01 > li .txt-con {
        font-size: 14px;
    }
    .list-type316 > .list01 > li .list-text240 {
        margin-top: 16px;
        padding-top: 16px;
    }
    .list-text240 > li {
        font-size: 15px;
    }
}

/* ---- ##[비주얼뉴스] list-type317 : 비주얼뉴스 많이본 포토, 그래픽 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type317 {
        margin: 0 auto;
        padding: 0 24px;
    }
    .list-type317 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type317 .item-box01 .news-con {
        padding: 12px 0 0 0;
    }
    .list-type317 .news-con .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[비주얼뉴스] list-type318 : 비주얼뉴스 많이 본 영상 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type318 {
        overflow: hidden;
        box-sizing: border-box;
        padding: 0 24px;
    }
    .list-type318 .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type318 .item-box01 .news-con {
        padding: 12px 0 0 0;
    }
    .list-type318.number01 .list01 li .item-box01 .news-con .tit-news:before {
        position: relative;
        top: -3px;
    }
    .list-type318 .news-con .txt-time {
        display: none;
        font-size: 13px;
    }
    .list-type318 [class*="img-con"] .label-box01 {
        width: 24px;
        height: 24px;
    }
}

/* ---- ##[비주얼뉴스] list-type319 : 비주얼뉴스 #D ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type319 {
        margin: 0 8px;
    }
    .list-type319 .swiper-area {
        padding: 46px 16px 0 !important;
    }
    .list-type319 .swiper-area:not(.swiper-initialized) li {
        max-width: 50%;
    }
    .list-type319 .news-con {
        padding: 0 16px 12px;
    }
    .list-type319 .tit-news {
        height: 48px;
        max-height: 48px;
        min-height: 24px;
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
    .list-type319 .list01 li .btns-wrap01 {
        bottom: 11px;
    }
    .list-type319 .txt-type003 {
        height: 20px;
    }
    .list-type319 .txt-type003 > .txt01 {
        font-size: 13px;
    }
    .list-type319 .btns-wrap11 {
        right: 22px !important;
    }
}

/* list-type320 : 비주얼뉴스홈 - 주요포토  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type320 .layer-txt:before {
        right: -35px;
        bottom: -70px;
        transform: scale(0.8);
    }
    .list-type320 {
        overflow: hidden;
        margin: 0 24px;
    }
    .list-type320 .swiper-area {
        position: static !important;
        height: auto;
        padding-top: 0 !important;
    }
    .list-type320 .swiper-area .list01 .swiper-slide {
        width: 100%;
    }
    .list-type320 .swiper-area:not(.swiper-initialized) li {
        max-width: 450px;
    }
    .list-type320 .swiper-notification {
        display: none;
    }
    .list-type320 .swiper-area .item-box01 [class*="img-con"] {
        opacity: 1;
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }
    /*.list-type320 .btns-wrap11{position:absolute;right:50% !important;bottom:40px!important;z-index:20;width:auto;margin-right:-560px;}*/
    .list-type320 .layer-txt {
        position: initial;
        width: 100%;
        padding: 32px 32px 94px 32px;
    }
    .list-type320 .layer-txt .list01 li .txt01:hover {
        background: transparent;
    }
    .list-type320 .title01 {
        height: auto;
        max-height: 68px;
        font-size: 26px;
        line-height: 33.8px;
    }
    .list-type320 .date {
        font-size: 13px;
    }
    .list-type320 .btns-wrap11 {
        right: 32px !important;
        bottom: 32px !important;
        margin-right: 0;
    }
    .list-type320 .btns-wrap11 .btn-dir001-next {
        margin-left: 16px;
    }
}

/* list-type321 : 우분투 특집코너  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type321 {
        padding: 0 16px 33px;
        margin-bottom: 32px;
    }
    .list-type321:after {
        left: 16px;
        width: calc(100% - 32px);
    }
    .list-type321 .list01 li [class*="img-con"] {
        width: 120px;
        margin-right: 16px;
    }
    .list-type321 .list01 li .tit-news {
        font-size: 16px;
    }
}

/* ---- ##[테마] list-type440 :테마별뉴스 핫뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type440 > .list01 {
        gap: 60px 16px;
    }
    .list-type440 > .list01 li {
        box-sizing: border-box;
        width: calc(50% - 8px);
    }
    .list-type440 > .list01 .item-box01 .tit-news {
        height: 48px;
        font-size: 16px;
    }
    .list-type440 .news-con .txt-time {
        font-size: 13px;
    }
    .list-type440 [class*="tooltip-type0"] .tlp-content {
        right: 50px;
    }
}

/* ---- ##[테마] list-type441 > .item-box01 , item-box02 :테마별뉴스 톱뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type441 {
        box-sizing: border-box;
        margin-top: 12px;
        padding: 0 24px;
    }
    .list-type441 [class*="item-box"] {
        min-height: 136px;
        padding: 0 0 0 24px;
    }
    .list-type441 [class*="item-box"]::after {
        top: 10px;
    }
    .list-type441 [class*="item-box"] .tit-news {
        font-size: 20px;
        line-height: 1.5;
        font-weight: 700;
    }
    .list-type441 [class*="item-box"] [class*="img-con"] {
        width: 204px;
    }
    .list-type441 .list01 li + li {
        margin-top: 40px;
    }
    .list-type441 .list01 .item-box02::after {
        top: 5px;
    }
    .list-type441 .item-box02 .news-con .txt-time {
        padding-bottom: 8px;
        font-size: 16px;
    }
    /* 좋아요,북마크 버튼 */
    .list-type441 .list01 li .btns-wrap02 {
        margin-top: 16px;
    }
}

/* ---- ##[테마] list-type442 > .item-box01 :이 시각 많이 본 뉴스/날짜별 많이 본 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type442 {
        box-sizing: border-box;
    }
    .list-type442 > .list01 .item-box01 .tit-news {
        display: -webkit-box;
        height: 50px;
        font-size: 18px;
        line-height: 25px;
        font-weight: 700;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .list-type442 > .list01 {
        gap: 60px 16px;
    }
    .list-type442 > .list01 li {
        box-sizing: border-box;
        width: calc(50% - 8px);
    }
    .list-type442 > .list01 li.ads-item01 {
        display: block;
        width: 100%;
    }
    .list-type442 > .list01 .item-box02 [class*="img-con"] {
        flex-shrink: 0;
        width: 360px;
        height: 240px;
    }
    .list-type442 > .list01 .item-box02 .news-con {
        padding: 24px 24px 48px 24px;
    }
    .list-type442 > .list01 .item-box02 .tit-news {
        height: auto;
        max-height: 75px;
        font-size: 26px;
        line-height: 34px;
    }
    .list-type442 > .list01 .item-box02 .lead {
        display: none;
    }
    .list-type442 > .list01 .item-box02 .news-con::before {
        top: 24px;
        left: 24px;
        height: auto;
        font-size: 26px;
        line-height: 26px;
        font-weight: 700;
        color: var(--font-color021);
    }
    .list-type442 > .list01 .item-box02 .btns-wrap01 {
        top: 24px;
        margin-top: 0;
    }
    .list-type442 > .list01 .item-box02 .tit-wrap {
        margin-top: 58px;
    }
    /* 노이미지 */
    .list-type442 > .list01 .item-box02 [class*="img-con"].img-none01 {
        display: none;
    }
}

/* ---- ##[통합검색] list-type500 :보도자료 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="list-type50"] {
        padding: 0 16px;
    }
    [class*="list-type50"] + .btn-type300 {
        display: flex;
        width: calc(100% - 32px);
        margin: 20px auto 0;
    }
}

/* ---- ##[통합검색] list-type500 :보도자료 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type500 {
        padding: 0 16px;
    }
    .list-type500 [class*="item-box0"] .news-con {
        justify-content: center;
        flex-direction: column;
    }
    .list-type500 [class*="item-box0"] .tit-wrap {
        width: 100%;
    }
    .list-type500 .txt-time {
        width: 100%;
        margin-top: 4px;
        font-size: 13px;
    }
}

/* ---- ##[통합검색] list-type501 :통합검색 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type501 {
        padding: 0 16px;
    }
    .list-type501 [class*="item-box0"] {
        padding: 12px 0;
    }
    .list-type501 [class*="list0"] .item-box01 [class*="img-con"] {
        width: 107px;
        height: 70px;
    }
    .list-type501 [class*="item-box0"] .tit-news {
        min-height: 24px;
        font-size: 16px;
        line-height: 24px;
    }
    .list-type501 .txt-time {
        margin-top: 4px;
        font-size: 13px;
    }
}

/* ---- ##[통합검색] .list-type502 :통합검색 포토 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type502 {
        padding: 0 16px;
    }
    .list-type502 .list01 {
        gap: 20px 16px;
        width: calc(100% + 16px);
        flex-wrap: wrap;
    }
    /*.list-type502 li{width:calc((100% - 16px) / 2);}*/
    .list-type502 li {
        width: calc(50% - 16px);
        margin-bottom: 0;
        padding-right: 0;
    }
    .list-type502 .txt-time {
        font-size: 13px;
    }
}

/* ---- ##[기타] list-type530 > .item-box01 : 보도자료 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type530 .list01 li + li {
        margin-top: 16px;
        padding-top: 17px;
    }
    .list-type530 .list01 li [class*="item-box0"] {
        gap: 16px;
    }
    .list-type530 .list01 li [class*="item-box0"] [class*="img-con"] {
        width: 120px;
        height: 80px;
    }
    .list-type530 .list01 li [class*="item-box0"] .tit-news {
        font-size: 16px;
        line-height: 24px;
    }
    .list-type530 .list01 li [class*="item-box0"] .txt-time {
        margin-top: 8px;
        font-size: 13px;
    }
}

/* ---- ##[연합 라운지] list-type570 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type570 .item-box01 {
        width: 100vw;
        height: 100vh;
        padding: 0;
    }
    .list-type570 .item-box01 .img-con01 {
        position: relative;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100vw;
        height: 100vh;
        margin-right: 0;
    }
    .list-type570 .item-box01 .img-con01:before {
        background: var(--ui-tag083);
    }
    .list-type570 .item-box01 .img-con01 .img {
        padding-top: 100vh;
    }
    .list-type570 .item-box01 .news-con {
        position: absolute;
        left: 0;
        bottom: 150px;
        z-index: 1;
        width: 100%;
        padding: 0 88px 0 24px;
    }
    .list-type570 .item-box01 .tit-wrap {
        padding: 4px 0 12px;
        font-size: 28px;
        line-height: 1.3;
    }
    .list-type570 .item-box01 > .btns-wrap05 {
        right: 16px;
        bottom: 150px;
    }
    .list-type570 .swiper-area > .btn-wrap05:before {
        content: "";
        display: block;
        position: absolute;
        left: 16px;
        bottom: 0;
        width: calc(100% - 16px);
        height: 100%;
        background-color: var(--ui-tag031);
    }
    .list-type570 .swiper-area > .btn-wrap05 > .txt01 {
        font-size: 14px;
    }
    .list-type570 .swiper-area > .btn-wrap05 > i {
        display: block;
        position: absolute;
        top: 16px;
        left: 0;
        width: 17px;
        height: 74px;
        background-color: var(--ui-tag031);
    }
    .list-type570 .swiper-area > .btn-wrap05 > i:before {
        content: "";
        display: block;
        position: absolute;
        top: -16px;
        left: 0;
        z-index: 2;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-left: 17px solid var(--ui-tag031);
        transform: rotate(-90deg);
    }
}

/* ##list-type600 : 타임라인 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .list-type600 {
    }
    .list-type600 .tit-news {
        font-size: 16px !important;
    }
    .list-type600 .list01 {
        max-height: 400px;
        padding-bottom: 40px;
    }
}

/* =============== ####news-type (Single News) ======================== */
/* (클래스범위) : news-type000 ~ news-type299
 * 메인톱기사 : news-type0$$
 * 메인톱통단 : news-type1$$ */

/* ---- ## news-type$$ > item-box$$ : 공통 ---- */
/* 위로 이동 */

/* ---- ##news-type001 : 톱기사 ---- */
/* 위로 이동 */

/* ---- ##news-type002 : 주요기사01(톱기사 옆 위치) ---- */
/* 위로 이동 */

/* ---- ##news-type011(큰썸네일), news-type012(작은썸네일) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-sub-news001 {
        overflow: hidden;
    }
    .top-sub-news001 [class*="news-type01"] {
        width: calc(50% - 16px) !important;
    }
    .news-type011 .list01 [class*="item-box0"] .img {
        padding-top: 66.67% !important;
    }
    .news-type011 .list01 [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 8px;
    }
    .news-type011 .list01 .tit-news {
        font-size: 26px !important;
    }
    .news-type011 .list01 [class*="txt-tag2"]:before {
        top: 8px;
        padding: 4px 6px;
        font-size: 15px;
    }
    .news-type011 .list01 .tit-sub {
        display: none;
    }
    .news-type011 .list01 .tit-sub + .lead {
        margin-top: 8px;
    }
    .news-type012 .list01 [class*="img-con"] .label-box04 {
        left: 4px;
        bottom: 4px;
    }
    .news-type012 .list01 [class*="img-con"] {
        width: 100px;
        margin-left: 12px;
    }
    .news-type012 .list01 [class*="img-con"] .img {
        padding-top: 67px;
    }
    .news-type012 .list01 .tit-news {
        margin-top: 0;
        font-size: 16px;
    }
    .news-type012 .list01 .lead {
        font-size: 14px !important;
    }
    .news-type012 [class*="txt-tag2"] {
        line-height: 1.6;
    }
    .news-type012 .tit-news [class*="txt-tag2"]:before {
        font-size: 11px;
    }
    .news-type012 .list-related01 {
        clear: both;
    }
}

/*  ##news-type004 : 섹션홈>정치,세계,문화,전국 list-type602*/
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type004 {
        display: block;
        border-bottom: none;
    }
    .news-type004 [class*="list0"] {
        width: 100%;
    }
    .news-type004 .tit-sub {
        display: none;
    }
    /* 큰썸네일 */
    .news-type004 .list01 .news-con {
        margin-top: 0;
    }
    .news-type004 .list01 .item-box01 {
        display: flex;
    }
    .news-type004 .list01 [class*="img-con"] .img,
    .news-type004 .list01 .vid-con {
        flex-shrink: 0;
        width: 345px;
        margin-right: 32px;
        padding-top: 197px;
    }
    .news-type004 .list01 [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 8px;
    }
    .news-type004 .list01 [class*="item-box0"] .tit-news {
        font-size: 26px;
    }
    .news-type004 .list01 [class*="tit-wrap"] + .lead {
        margin-top: 8px;
    }
    .news-type004 .list01 [class*="txt-tag2"] {
        line-height: 2.4;
    }
    .news-type004 .list01 [class*="txt-tag2"]:before {
        top: 8px;
        font-size: 15px;
    }
    /* 작은썸네일 */
    .news-type004 .list02 {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 33px);
        margin-top: 32px;
    }
    .news-type004 .list02 > li {
        flex-shrink: 0;
        position: relative;
        box-sizing: border-box;
        width: 50%;
        padding-right: 33px;
    }
    .news-type004 .list02 > li + li {
        margin-top: 0;
        padding-top: 0;
    }
    .news-type004 .list02 > li + li:after {
        display: none;
    }
    .news-type004 .list02 .news-con {
        clear: both;
    }
    .news-type004 .list02 [class*="tit-wrap"] {
        float: left;
        width: calc(100% - 132px);
    }
    .news-type004 .list02 [class*="img-con"] {
        margin-left: 12px;
    }
    .news-type004 .list02 [class*="img-con"] .label-box04 {
        left: 4px;
        bottom: 4px;
    }
    .news-type004 .list02 [class*="img-con"] {
        margin-bottom: 8px;
    }
    .news-type004 .list02 [class*="img-con"] .img {
        width: 120px;
        padding-top: 80px;
    }
    .news-type004 .list02 .tit-news .title01 {
        font-size: 18px;
        font-weight: 600 !important;
    }
    .news-type004 .list02 [class*="txt-tag2"] {
        line-height: 1.9;
    }
    .news-type004 .list02 .lead {
        font-size: 14px !important;
    }
    /* 유튜브 */
    .news-type004 .vid-con {
        padding-top: 194px !important;
    }
}

/*  ##news-type005 : [서브 톱기사] 섹션홈 > 이슈돋보기   list-type604 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type005 {
        width: 100%;
    }
    .news-type005 .list01 {
        display: flex;
        width: 100%;
    }
    .news-type005 .list01 > li {
        width: 100%;
    }
    .news-type005 .list01 .item-box01 {
        display: flex;
        column-gap: 32px;
        width: 100%;
    }
    .news-type005 .list01 [class*="img-con"] {
        flex-shrink: 0;
        width: 50% !important;
        margin-right: 0 !important;
        padding-bottom: 56px;
    }
    .news-type005 .list01 [class*="img-con"] .img {
        padding-top: 66.74%;
    }
    .news-type005 .list01 [class*="item-box0"] .news-con {
        width: 100%;
        padding-left: 0;
    }
    .news-type005 .list01 .info-list01 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 50%;
        height: 56px;
        justify-content: flex-start;
    }
    .news-type005 .list01 .info-list01 > li {
        text-align: center;
    }
    .news-type005 .list01 .info-list01 > li:first-of-type {
        padding-left: 16px;
    }
    .news-type005 .list01 .info-list01 > li a .txt {
        font-size: 16px;
    }
    .news-type005 .list01 .info-list01 > li a .txt .num {
        font-size: 16px;
    }
    .news-type005 .list01 .list-related02 {
        margin-top: 0;
    }
    .news-type005 .list02 {
        column-gap: 20px;
    }
    .news-type005 .list02 li {
        width: calc(33.3% - 10px);
    }
    /* 유튜브 */
    .news-type005 .vid-con {
        padding-top: 56.25% !important;
    }
}

/*  ##news-type006 : [서브 톱기사] 섹션홈 > 건강 list-type606*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type006 {
        display: block;
        padding: 0 24px;
    }
    .news-type006 [class*="item-box0"] .tit-news {
        font-size: 18px;
        line-height: 1.5;
    }
    .news-type006 .list01 {
        column-gap: 20px;
    }
    .news-type006 .list01 > li {
        width: 50%;
        padding-right: 0;
    }
    .news-type006 .list01 [class*="img-con"] .label-box04 {
        left: 12px;
        bottom: 12px;
    }
    .news-type006 .list01 [class*="item-box0"] .img {
        padding-top: 66.59%;
    }
    .news-type006 .list02 {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 20px 0;
        padding: 20px 0;
        border: 1px solid var(--ui-tag005);
        border-width: 1px 0;
    }
    .news-type006 .list02 > li:first-of-type,
    .news-type006 .list02 > li {
        flex-shrink: 0;
        box-sizing: border-box;
        width: calc(50% - 10px);
        margin-top: 0;
        padding-top: 0;
        border: none;
    }
    .news-type006 .list02 [class*="img-con"] {
        width: 120px;
        margin-left: 12px;
    }
    .news-type006 .list02 [class*="img-con"] .img {
        padding-top: 80px;
    }
    .news-type006 .list02 [class*="img-con"] .label-box04 {
        left: 4px;
        bottom: 4px;
    }
    .news-type006 .list02 .tit-news {
        line-height: 1.4;
    }
}

/* ---- ##news-type100 : 톱기사 통단 타입01(기본) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type100 .item-box01 {
        column-gap: 32px;
    }
    .news-type100 [class*="item-box0"] [class*="img-con"],
    .news-type100 [class*="item-box0"] .news-con,
    .news-type100 [class*="item-box0"] .vid-con {
        width: calc(50% - 16px);
        margin-right: 32px;
    }
    .news-type100 [class*="item-box0"] .vid-con {
        padding-top: 26.85%;
    }
    .news-type100 [class*="item-box0"] .news-con {
        padding-left: 0;
    }
    .news-type100 [class*="tit-wrap"] {
        margin-bottom: 32px;
    }
    .news-type100 [class*="tit-wrap"] .tit-news {
        font-size: 32px;
        -webkit-line-clamp: 2;
    }
    .news-type100 [class*="item-box0"] .lead {
        font-size: 14px;
    }
    .news-type100 .txt-tag01,
    .news-type100 a[class*="txt-tag"] {
        font-size: 16px;
    }
    .news-type100 [class*="tit-wrap"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    .news-type100 .item-box01 {
        display: block;
    }
    /* 기사내용 */
    .news-type100 .news-con .tit-sub {
        font-size: 20px;
    }
    /* 광고 */
    .news-type100 + .aside-box101 {
        margin-top: 32px !important;
    }
}

/* ---- ##news-type101 : 톱기사 통단 타입02(썸네일강조) ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type101 .item-box01 {
        overflow: hidden;
    }
    .news-type101 [class*="tit-wrap"] {
        display: block !important;
        flex-shrink: 0;
        width: 100%;
        margin-bottom: 32px;
    }
    .news-type101 [class*="item-box0"] .lead {
        -webkit-line-clamp: 5;
        margin-top: 0;
        font-size: 14px;
    }
    .news-type101 [class*="img-con"],
    .news-type101 [class*="item-box0"] .news-con,
    .news-type101 [class*="item-box0"] .vid-con {
        float: left;
        box-sizing: border-box;
        width: calc(50% - 15px);
    }
    .news-type101 [class*="item-box0"] .news-con {
        float: right;
        padding-left: 2px;
    }
    .news-type101 [class*="tit-wrap"] + [class*="img-con"] {
        margin-top: 0;
    }
    .news-type101 .list-related01 {
        display: block;
        padding-top: 8px;
    }
    .news-type101 .list-related01 li,
    .news-type101 .list-related01 li:nth-of-type(2) {
        width: 100%;
        margin-top: 4px;
    }
    .news-type101 .list-related01 li:nth-of-type(1) {
        margin-top: 0;
    }
    .news-type101 .list-related01 a .tit01 {
        -webkit-line-clamp: 1;
    }
    .news-type101 [class*="tit-wrap"] .tit-news {
        font-size: 32px;
        -webkit-line-clamp: 2;
        line-height: 1.3;
    }
    .news-type101 .txt-tag01,
    .news-type101 a[class*="txt-tag"] {
        font-size: 16px;
    }
    .news-type101 [class*="tit-wrap"] [class*="txt-tag2"]:before {
        font-size: 15px;
    }
    /* 유튜브 */
    .news-type101 .vid-con {
        padding-top: 27.18%;
    }
    /* 광고 */
    .news-type101 + .aside-box101 {
        margin-top: 32px !important;
    }
}

/*  ##news-type103 : 통단(주말픽) 변경전 list-type601*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .news-type103 {
        display: block;
        padding-bottom: 0;
        border-bottom: none;
    }
    .news-type103 [class*="list0"] {
        width: 100%;
    }
    .news-type103 .tit-sub {
        font-size: 16px !important;
    }
    .news-type103 .list01 .tit-news [class^="txt-tag"]:before {
        top: 7px;
        font-size: 15px;
    }
    .news-type103 .list01 [class*="txt-tag2"] {
        line-height: 2.6;
    }
    .news-type103 .list01 [class*="txt-tag2"]:before {
        top: 1px;
    }
    .news-type103 .list01 [class*="img-con"],
    .news-type103 .list01 .vid-con {
        flex-shrink: 0;
        float: left;
        width: 345px;
        margin-right: 32px;
    }
    .news-type103 .list01 .vid-con {
        padding-top: 194px;
    }
    .news-type103 .list01 .news-con {
        margin-top: 0;
    }
    .news-type103 .list01 .tit-news {
        font-size: 26px !important;
    }
    .news-type103 .list01 .item-box01 {
        display: flex;
    }
    .news-type103 .list01 [class*="item-box0"] [class*="txt-tag"] + .tit-news {
        margin-top: 8px;
    }
    .news-type103 .list01 [class*="item-box0"] [class*="img-con"] {
        flex-shrink: 0;
        width: 345px;
    }
    .news-type103 .list01 [class*="item-box0"] .tit-sub {
        margin-top: 8px;
    }
    .news-type103 .list01 [class*="item-box0"] .lead {
        margin-top: 8px;
    }
    .news-type103 .list02 {
        display: flex;
        flex-wrap: wrap;
        column-gap: 32px;
        margin-top: 32px;
    }
    .news-type103 .list02 > li {
        position: relative;
        box-sizing: border-box;
        width: calc(50% - 17px);
        margin-top: 16px !important;
        padding-top: 17px;
    }
    .news-type103 .list02 > li:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--ui-tag005);
    }
    .news-type103 .list02 > li:nth-of-type(1),
    .news-type103 .list02 > li:nth-of-type(2) {
        margin: 0 !important;
        padding-top: 0;
    }
    .news-type103 .list02 > li:nth-of-type(1):before,
    .news-type103 .list02 > li:nth-of-type(2):before {
        display: none;
    }
    .news-type103 .list02 .item-box01 {
        display: block;
    }
    .news-type103 .list02 .item-box01:after {
        content: "";
        display: block;
        clear: both;
    }
    .news-type103 .list02 [class*="img-con"] {
        float: left;
        width: 120px;
    }
    .news-type103 .list02 .tit-news {
        font-size: 18px;
        line-height: 1.5;
    }
    .news-type103 .list02 .tit-news .title01 {
        line-height: 1.5;
    }
    .news-type103 .list02 .tit-news [class^="txt-tag"] {
        line-height: 1.4;
    }
    .news-type103 .list02 .tit-news [class^="txt-tag"]:before {
        top: -1px;
        padding: 3px 4px;
        font-size: 11px;
    }
    .news-type103 .list02 .lead {
        font-size: 14px !important;
    }
    .news-type103 .list02 .label-box04 {
        left: 6px;
        bottom: 6px;
    }
}

/*  ---- ##top-sub-news$$$ : 서브 톱기사  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-sub-news001 {
        max-width: 100%;
        padding: 0 24px;
    }
    .top-sub-news001 .news-type011 [class*="txt-tag2"] {
        line-height: 2.4;
    }
    .top-sub-news001 .news-type012 [class*="txt-tag2"] {
        line-height: 1.7;
    }
}

/* ---- ##top-wide001 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-wide001 {
        box-sizing: border-box;
        margin: 0px;
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* ---- ##top-wide011 : 통단 썸네일강조 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-wide011 {
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* ---- ##top-wide021,top-wide022 : 타임라인 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-wide021,
    .top-wide022 {
        padding-bottom: 0;
        border-bottom: none;
    }
}

/* ---- ##top-wide031 : 주말픽 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .top-wide031 .list01 + .aside-box101 {
        margin-top: 32px;
    }
}

/* =============== ####Box type ======================== */
/* [부모영역] box-type$$$ > title-con$$ + list-type$$$
-- box-type$$$에 클래스 추가로 디테일 제어함.
-- 박스타입 하위에 코너제목, 기사 리스트 위치함 */

/* (클래스범위)
 * box-type001 ~ 099
 * box-type001 : (기본) 박스타입
 * box-type090~99 : 에러메세지
 * box-type100 ~ 199 : 스와이퍼 박스
 * box-type200~229 : 검색
 * box-type230~249 : 기자
 * box-type250~269 : 테마별뉴스
 * box-type270~299 : 비주얼뉴스 */

/* ---- ##box-type$$$ : 공통 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="box-type"] > [class*="title-con"] {
        min-height: 42px;
        padding: 0 16px 12px 16px;
    }
    [class*="box-type"] + .btns-wrap03 {
        margin-top: 20px;
    }
}

/* ---- ##box-ynalounge01,02 : 연합라운지 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ynalounge-content01 .nav-type50 {
        max-width: 100%;
        margin: 20px auto 0;
    }
    .ynalounge-content01 .section03 {
        width: 100%;
        max-width: 100%;
        padding-top: 62px;
        padding-bottom: 40px !important;
    }
    .ynalounge-content01 .section03:before {
        height: 30px;
    }
    .ynalounge-content01 .box-ynalounge01 {
        padding: 8px 0 0;
    }
}

/* ---- [뉴스플러스].box-type001>list-type314 : 뉴스플러스 오피니언 홈 논&설 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type001 .title-type001.arr01 + .list-type314 {
        margin-top: 0px;
    }
}

/* ---- ##box-type011 : 최신기사 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type011 {
        box-sizing: border-box;
    }
}

/* ---- ##box-type021 : 탭 박스01 ---- */
/* [서브/본문] 우측 랭킹뉴스 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type021 .tab-type03 {
        padding: 0 16px;
    }
}

/* ---- ##box-type032 : [서브] 사람들 우측 ---- */
/* 사람들 > 인사, 부고, 동정/게시판 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type032[class*="object0"] {
        max-width: calc(100% - 32px);
        margin: 40px auto 0;
    }
    .box-type032[class*="object0"] .title-con01 {
        padding: 0;
    }
}

/* ---- ##box-type050 : [메인] 듣는연합뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type050 {
        width: 344px;
    }
    .box-type050 > [class*="title-con"] {
        padding-bottom: 14px;
    }
}

/* ---- ##box-type060 : [본문] PC 뉴스게임즈 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type060 {
        padding: 0 16px;
    }
}

/* ---- ##box-type090 : 에러 메세지---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type090 {
        padding: 80px 0;
    }
}

/* ---- ##box-type100~199 : 스와이퍼 박스 공통 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="box-type10"] .title-con01,
    [class*="box-type10"] .title-con02 {
        height: 42px;
        margin: 0 0 -42px 0;
    }
    [class*="box-type10"] .swiper-area {
        padding-top: 42px;
    }
    [class*="box-type10"] .swiper-area .btn-dir001-next {
        right: 0;
    }
    [class*="box-type10"] .swiper-area li {
        box-sizing: border-box;
    }
    [class*="box-type10"] .btns-wrap11 .pager01 {
        flex-shrink: 0;
        justify-content: center;
    }
}

/* ---- ## box-type100 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type100 .title-con01,
    .box-type100 .title-con02,
    .box-type103 .title-con01,
    .box-type103 .title-con02 {
        height: 39px;
        min-height: 39px;
        margin-bottom: -39px;
    }
}
/* 하위 리스트
 - list-type050, list-type021 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* 100 : 767이하 스크롤 변형 */
    .box-type100 {
        box-sizing: border-box;
        text-align: center;
    }
    .box-type100 .swiper-area {
        overflow: hidden;
        padding-top: 39px;
    }
    .box-type100 .swiper-area .btns-wrap11 {
        justify-content: flex-end;
        position: relative;
        box-sizing: border-box;
        margin: 12px auto 0;
        padding: 0 30px;
        font-size: 14px;
        font-weight: 500;
    }
    .box-type100 .swiper-area .btns-wrap11 .btn-type007-pause01 {
        display: none;
    }
    .box-type100 .swiper-area [class*="btn-dir001-"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .box-type100 .swiper-area .btn-dir001-prev {
        left: 0;
        margin-left: 0;
    }
    .box-type100 .btns-wrap11 .pager01 {
        width: 64px;
        padding-right: 0;
    }
}

/* ---- ## box-type102 : 비주얼뉴스 홈 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type102 {
        overflow: hidden;
        max-width: 100% !important;
        margin: 24px auto 0 !important;
    }
}

/* ---- ## box-type103 ---- */
/* 모든 해상도 버튼 노출
 * 하위 리스트
 - list-type041, list-type043, list-type306 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* 103 : 모든 해상도 버튼 노출(버튼위치 이동) */
    .box-type103 .swiper-area {
        overflow: hidden;
        padding-top: 39px;
    }
    .box-type103 .swiper-area .btns-wrap11 {
        justify-content: flex-end;
        position: relative;
        box-sizing: border-box;
        margin: 12px auto 0;
        padding: 0 30px;
        font-size: 14px;
        font-weight: 500;
    }
    .box-type103 .swiper-area .btns-wrap11 .btn-type007-pause01 {
        display: none;
    }
    .box-type103 .swiper-area [class*="btn-dir001-"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .box-type103 .swiper-area .btn-dir001-prev {
        left: 0;
        margin-left: 0;
    }
    .box-type103 .btns-wrap11 .pager01 {
        width: 64px;
        padding-right: 0;
    }
    .box-type103 [class*="list-type04"] {
        text-align: center;
    }
}

/* ---- ## box-type104 ---- */
/* [서브/본문] 핫뉴스, 에디터스 픽(영상,뉴스)
 * 하위 리스트
 - list-type200, list-type210, list-type211  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*	.box-type104{padding:0 16px;box-sizing:border-box;}*/
    /* 104 : 모든 해상도 버튼 노출(버튼위치 고정) */
    .box-type104 .btns-wrap11 {
        display: flex;
        margin-top: 0;
    }
    .box-type104 .swiper-area {
        overflow: hidden;
        padding-left: 0;
    }
    .box-type104 .swiper-area li {
        padding-right: 0;
    }
}

/* ---- ## box-type105 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* 105 : 버튼 노출 상단 고정  */
    .box-type105 .title-type001 .tit01 {
        padding-top: 1.5px;
    }
}

/* ---- ## box-type106 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type106 .title-con01 {
        padding: 0 24px;
    }
}

/* ---- ## box-type107 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* 105 : 버튼 노출 상단 고정  */
    .box-type107 {
        padding: 24px 0;
    }
    .box-type107 .title-con01 {
        max-width: 100% !important;
        padding: 0 24px;
    }
    /*.box-type107 .title-type001 .tit01{padding-top:1.5px;}*/
    .box-type107 .list-type220 {
        max-width: calc(100% - 48px);
        margin: 0 auto;
    }
    .box-type107 .list-type220 .list01 li {
        max-width: 100%;
    }
    .box-type107 .swiper-area {
        overflow: hidden;
        width: 100%;
    }
}

/* ---- ## box-type108 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* 105 : 버튼 노출 상단 고정  */
    .box-type108 .title-type001.arr01 a {
        padding-top: 1.5px;
    }
    .box-type108 .title-con01 {
        max-width: 100% !important;
    }
    .box-type108 .list-type221 {
        padding: 0 16px;
    }
    .box-type108 .list-type221 .list01 li {
        max-width: 100%;
    }
    .box-type108 .list-type221 .swiper-area:not(.swiper-initialized) li {
        width: 50%;
    }
    .box-type108 .swiper-area {
        overflow: hidden;
        width: 100%;
    }
}

/* ---- ## box-type109 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type109 {
        padding-bottom: 0;
    }
    .box-type109 [class*="title-con0"] {
        background-color: var(--ui-tag001);
    }
    .wrap-container .width100 .box-type109 [class*="title-con01"] {
        max-width: 100%;
    }
    .box-type109 .list-type222 .swiper-area {
        padding-top: 0;
    }
}

/* ---- ## box-type202 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type202.box-serp01-photo .list-type502 [class*="tit-wrap"] .tit-news {
        -webkit-line-clamp: 2;
    }
    .box-type202.box-serp01-video .list-type502 [class*="tit-wrap"] .tit-news {
        -webkit-line-clamp: 4;
    }
    .box-type202.box-serp01-graphic .list-type502 [class*="tit-wrap"] .tit-news {
        -webkit-line-clamp: 1;
    }
    .list-type502 + .paging-type01 {
        margin-top: 40px !important;
    }
}

/* ---- ##box-type211 ---- */
/* 통합검색 > 우측 인물 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*	.box-type211{padding:0 16px;}*/
}

/* ---- ## box-type230~249 ---- */
/* 230 ~ 249 : 기자
* box-type230 : 기자 기사 리스트
* box-type231 : 기자 전체 리스트
* box-type232 : 기자 리스트 없음 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="box-type23"] {
        padding: 0 8px;
    }
}

/* box-type230 : 기자 기사 리스트 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type230 {
        padding: 20px;
    }
    .box-type230 .list-type212 {
        padding: 0;
    }
    .box-type230 > [class*="title-con"] {
        padding: 0 0 12px 0;
    }
}

/* ---- ## box-type25$ ---- */
/* 251 ~ 269 : 테마별뉴스
* box-type251 : 핫뉴스
* box-type252 : 많이본뉴스(이시각,날짜별)
* box-type261 : 그 외 톱뉴스, 긴급뉴스 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="box-type25"] > .title-con01 {
        padding: 0 0 16px 0 !important;
    }
    .box-type261 {
        margin-top: 32px !important;
    }
}

/* ---- ## box-type270~299 ---- */
/* 270~299 : 비주얼뉴스*/
/* ---- ## box-type27$ : 비주얼뉴스 서브 : 공통 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="box-type27"] {
        padding: 0 24px;
    }
    [class*="box-type27"] .title-con01 {
        padding: 0 0 12px 0 !important;
    }
    [class*="box-type27"].box-health-video01 .title-con01 {
        padding: 0 24px 12px !important;
    }
}

/* ---- ## box-type273 : 비주얼뉴스 서브 : 그래픽 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type273 .list-type301 > .list01 .item-box01 .tit-news {
        height: 27px;
        -webkit-line-clamp: 1;
    }
}

/* ---- ## box-type274 : 비주얼뉴스 서브 : 화보 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .box-type274 {
        padding: 0 24px;
    }
}

/* ---- ## box-type29$ : 비주얼뉴스 서브 : 공통 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    [class*="box-type29"] {
        padding: 0 24px;
    }
    [class*="box-type29"] .title-con01 {
        padding: 0 0 12px 0 !important;
    }
}

/* ---- ## box-type291 : #D 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /*.box-type291 .list-type304>.list01 li:first-child{padding:32px 0}*/
}

/* =============== ####table-type ======================== */
/* ---- ##table-type61  ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .table-type61 {
        width: calc(100% - 48px);
        margin: 0 24px;
    }
    .table-type61 .tit01 {
        font-size: 18px;
    }
    .table-type61 table th {
        height: 88px;
    }
    .table-type61 table th [class*="tit-wrap"] .tit01 {
        font-size: 13px;
    }
    .table-type61 table td .txt01 {
        font-size: 13px;
    }
    .table-type61 table th [class*="tit-wrap"] .txt01 {
        font-size: 13px;
    }
}

/* ---- ##[사이트맵] link-zone01 : 링크 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .link-zone01 .tit01 {
        font-size: 20px;
    }
    .link-zone01 > li {
        margin-top: 28px;
    }
    .link-zone01 > li .list01 a {
        padding: 0 8px;
    }
    .link-zone01 > li .link-area01 .list01 {
        gap: 12px 4px;
    }
}

/* ---- ##[사이트맵]  site-field01 : 뉴스 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .site-field01 .link-zone01 {
        padding: 24px 0;
    }
    .site-field01 .link-zone01 .tit02 a {
        padding: 0 8px;
    }
    .site-field01 .link-zone01 > li {
        gap: 8px;
    }
    .site-field01 .link-zone01 > li .portal-area .list01 {
        width: 610px;
    }
    .site-field01 .link-zone01 > li .link-area01 {
        gap: 12px;
    }
}

/* ---- ##[사이트맵] link-zone02 : 월별 리스트 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .link-zone02 .list01 {
        margin-left: -8px;
    }
    .link-zone02 .list01 li {
        width: calc((100% - 120px) / 4);
    }
    .link-zone02 .list01 a {
        padding: 0 8px;
        font-size: 15px;
    }
}

/* ---- ##[사이트맵] visual-type05 : 기타 성금 ---- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .visual-type05 {
        height: 180px;
    }
    .visual-type05 .area .tit01 {
        font-size: 24px;
    }
}

/* =============== ####Y뷰어 ======================== */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrap-dock-menu {
        display: block;
    }
}