@charset "utf-8";
@import url('/css/hanmi.old.css');
@font-face { font-family: 'JoseonShinmyeongjo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff'); font-weight: normal; font-display: swap; }
.titleline { position: relative; border-bottom: 1px solid #E5E5E5; clear: both; height: 30px; margin-bottom: 10px; padding: 0; }
.titleline h3 { font-weight: bold; padding: 0; font-size: 1.1rem; color: #000; line-height: 30px; position: relative; display: inline-block; }
.titleline h3::after { content: ' '; border-bottom: 3px solid #000; width: 100%; position: absolute; bottom: -1px; left: 0; }
.titleline p { position: absolute; right: 0; color: #b9b8b4; bottom: 0; margin: 0; }
.titleline p a { color: #b9b8b4; font-size: 11px; }
.titleline0 { position: relative; border-bottom: 0px solid #ddd; border-top: 0px solid #ddd; clear: both; height: 30px; margin-bottom: 5px; padding: 0px 0; }
.titleline0 h3 { font-weight: 600; line-height: 30px; padding: 0; font-size: 1rem; font-family: 'NotoKrR',sans-serif; margin-bottom: 0; }
.titleline0 a { position: absolute; right: 1px; bottom: 0; font-size: 12px; line-height: 30px; height: 30px; display: inline-block; color: #888; letter-spacing: -1px; }
.titleline1 { position: relative; border-bottom: 2px solid #55ac55; clear: both; height: 35px; margin-bottom: 15px; padding: 0; }
.titleline1 h3 { display: inline-block; font-weight: 400; line-height: 35px; padding: 0 15px; font-size: 1.1rem; margin: 0; background-color: #55ac55; color: #FFF; border-radius: 0.25rem 0.25rem 0 0; }
.titleline1 p { position: absolute; right: 2px; bottom: 5px; font-size: 18px; line-height: 30px; display: inline-block; text-align: center; padding: 0; margin: 0; }
.titleline1 p a { background-color: #000; color: #FFF; font-size: 0.85rem; display: inline-block; padding: 0 10px; border-radius: 0.2rem; }
.reply_wrap_btn { border: 1px solid #DDD; text-align: center; padding: 2%; cursor: pointer; border-radius: .25rem; }
.reply_wrap { overflow: auto; padding: 2% 0; margin-bottom: 2rem; }
/* */
.title-hdline { position: relative; margin-bottom: 30px; }
.title-hdline h3 { position: relative; width: 100%; padding: 20px 0; border-bottom: 2px solid #ddd; font-size: 30px; font-weight: 700; line-height: 1; color: #000; }
.title-hdline h3::after { content: ''; display: block; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background: #ddd; }
.title-hdline h3 a { color: #000; }
/* 섹션 제목 : 큰 제목 + 우측 more +  */
.title-hdline1 { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block: 0 .875rem; padding-block: .725rem; border-top: 2px solid #333; border-bottom: 0px solid #ddd; }
.title-hdline1 h3 { margin: 0; font-size: clamp(1.45rem,2.2vw,1.45rem); font-weight: 700; line-height: 1; color: #000; }
.title-hdline1 h3 a { color: inherit; }
.title-hdline1 p { margin: 0; font-size: .85rem; line-height: 1; white-space: nowrap; }
.title-hdline1 p a { color: #777; text-decoration: none; transition: color .2s; }
.title-hdline1 p a:hover { color: #ca252b; }
.title4 { position: relative; clear: both; margin-bottom: 10px; }
.title4 h3 { font-weight: 600; display: inline-block; color: #000; line-height: 32px; padding: 0; font-size: 1rem; margin: 0; }
.titleline4 { position: relative; clear: both; margin-bottom: 10px; border-top: 4px solid #1b2b5a; padding-top: 5px; }
.titleline4 h3 { font-weight: 600; display: inline-block; color: #000; line-height: 32px; padding: 0; font-size: 1.1rem; border-radius: 0px; margin: 0; }
.titleline4 p { position: absolute; right: 5px; font-size: 12px; bottom: 6px; margin: 0; }
.titleline4 p a { color: #1b2b5a; display: block; }
.titleline4r { position: relative; clear: both; margin-bottom: 10px; border-top: 3px solid #000; padding-top: 5px; }
.titleline4r h3 { font-weight: 600; display: inline-block; color: #000; line-height: 32px; padding: 0; font-size: 1.1rem; border-radius: 0px; margin: 0; }
.titleline4r p { position: absolute; right: 5px; font-size: 12px; bottom: 6px; margin: 0; }
.titleline4r p a { color: #1b2b5a; display: block; }
.titleline3 { position: relative; clear: both; margin-bottom: 10px; border-top: 4px solid #444; padding-top: 5px; }
.titleline3 h3 { font-weight: 600; display: inline-block; color: #000; line-height: 32px; padding: 0; font-size: 1.1rem; border-radius: 0px; margin: 0; }
.titleline3 p { position: absolute; right: 5px; font-size: 12px; bottom: 0; margin: 0; line-height: 32px; }
.titleline3 p a { color: #444; text-indent: -9999px; }
.titleline3 a { display: inline-block; padding-right: 23px; background: url(img/tl_arrows.png) 100% 8px no-repeat; background-size: 16px 16px; }
.titleBold { position: relative; clear: both; height: 32px; margin-bottom: 10px; }
.titleBold h2 { font-weight: 600; display: inline-block; color: #000; line-height: 32px; padding: 0; font-size: 1.25rem; border-radius: 0px; margin: 0; }
.titleBold h3 { font-weight: 600; display: inline-block; color: #000; line-height: 32px; padding: 0; font-size: 1.25rem; border-radius: 0px; margin: 0; }
.titleBold .eng { display: inline-block; line-height: 32px; font-size: 20px; color: #111; margin-left: 0px; padding: 0px 3px; font-weight: 400; letter-spacing: -1px; border-radius: 3px; }
.titleBold p { position: absolute; right: 5px; font-size: 12px; bottom: 5px; margin: 0; }
.titleBold p a { color: #444; display: block; }
.titleBoldw { position: relative; clear: both; height: 32px; margin-bottom: 10px; }
.titleBoldw h3 { font-weight: 600; display: inline-block; color: #FFF; line-height: 32px; padding: 0; font-size: 1.4rem; border-radius: 0px; margin: 0; }
.titleBoldw p { position: absolute; right: 5px; font-size: 12px; bottom: 5px; margin: 0; }
.titleBoldw p a { color: #ddd; display: block; }
.blank_news_tag { display: inline-block; padding: 0 7px; color: #fff; font-weight: 600; line-height: 1.45; z-index: 99; text-transform: uppercase; border-radius: 0.15rem; text-shadow: none; margin-right: 3px; vertical-align: baseline; }
.blank_sbo { background-color: #cf0700; }
.blank_dddog { background-color: #a80e02; }
.blank_plan { background-color: #345995; }
.blank_explain { background-color: #4b5563; }
.blank_field { background-color: #137e78; }
.blank_interview { background-color: #7c3aed; }
.blank_invest { background-color: #0f172a; }
.blank_photo { background-color: #2563eb; }
.h { font-size: 12px; font-weight: bold; padding: 3px 0 3px 10px; }
.banner_g1 { position: relative; display: block; font-size: 0; list-style: none; padding: 0; margin: 0; }
.banner_g1:after { clear: both; content: ""; display: block; }
.banner_g1 ul { list-style: none; padding: 0; margin: 0; }
.banner_g1 a { border: 0; margin: 0; font-size: 0; display: block; text-align: center; vertical-align: middle; }
.banner_g1 img { max-width: 100%; }
.banner_flow { --count: 6; --gap: 10px; display: flex; width: 100%; overflow: hidden; position: relative; flex-wrap: nowrap; gap: var(--gap); }
.banner_flow > div { display: block; flex: 0 0 calc((100% - (var(--gap) * (var(--count) - 1))) / var(--count)); min-width: 0; box-sizing: border-box; border: 1px solid #ddd; }
.banner_flow > div > a { display: block; width: 100%; }
.banner_flow > div > a img { display: block; width: 100%; height: auto; max-width: 100%; }
.banner_g2 { position: relative; display: block; font-size: 0; list-style: none; padding: 0; margin: 0; overflow: hidden; }
.banner_g2:after { clear: both; content: ""; display: block; }
.banner_g2 ul { list-style: none; padding: 0; margin: 0; width: 200%; }
.banner_g2 ul li { float: left; padding: 0; margin: 0; width: 50%; }
.banner_g2 a { border: 0; margin: 0; font-size: 0; display: block; text-align: center; vertical-align: middle; }
.banner_g2 img { max-width: 100%; }
.banner_g3 { position: relative; display: block; font-size: 0; list-style: none; padding: 0; margin: 0; }
.banner_g3:after { clear: both; content: ""; display: block; }
.banner_g3 ul { list-style: none; padding: 0; margin: 0; }
.banner_g3 a { border: 0; margin: 0; font-size: 0; display: block; text-align: center; vertical-align: middle; }
.banner_g3 img { max-width: 100%; }
.adlink { position: relative; display: block; font-size: 0; text-align: center; }
.adlink:after { clear: both; content: ""; display: block; }
.adlink a { border: 0; margin: 0; font-size: 0; display: block; text-align: center; vertical-align: middle; box-sizing: border-box; }
.adlink::before, .adlink::after { box-sizing: border-box; }
.adlink img { max-width: 100%; }
ul.adlink { padding: 0; margin: 0; }
.adlink2 { min-height: 250px; text-align: center; padding: 0; width: 100%; }
.adlink2 a { display: block; vertical-align: middle; padding: 0; }
ul.tag { list-style: none; margin: 0; padding: 0; padding: 0; margin: 0; }
ul.tag li { float: left; height: 22px; padding: 0 6px; margin: 2px 0px; display: block; }
ul.tag li.t { padding: 2px 10px; margin: 2px 5px; border: 0px solid #ddd; background: none; background-color: #eafaff; font-weight: normal; }
ul.tag li a { display: block; line-height: 18px; font-size: 11pt; color: #3472e4; }
/* HDLINE3 : 메인 롤링 헤드라인 (이미지 위 제목 오버레이, slick) */
.HDLINE3 { position: relative; overflow: hidden; margin: 0; padding: 0; visibility: hidden; }
.HDLINE3.slick-initialized { visibility: visible; }
/* 슬라이드 : 이미지(전체 영역) 위에 분류·제목을 아래쪽에 겹쳐 배치 */
.HDLINE3 a.aimg { position: relative; display: grid; grid-template-columns: 100%; grid-template-rows: 1fr auto auto; overflow: hidden; color: #fff;}
.HDLINE3 .zimg { position: relative; aspect-ratio: 804 / 500; overflow: hidden; margin: 0; }   /* 예전 사이트 804 x 500 */
.HDLINE3 .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: transform .5s; }
.HDLINE3 a.aimg:hover .zimg img { transform: scale(1.05); }
/* 사진만 롤링 : 분류·요약은 숨기고, 제목은 화면에서만 숨긴다(링크 이름·검색엔진용으로 DOM 에는 유지) */
.HDLINE3 .cate, .HDLINE3 .conts { display: none; }
.HDLINE3 .subject { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.HDLINE3 a.aimg { display: block; }
/* 좌우 화살표 : 기존 홈페이지의 반투명 화살표 이미지(40x50) 사용 */
.HDLINE3 .hd3-arrow { position: absolute; top: 50%; z-index: 9; width: 40px; height: 50px; padding: 0; border: 0; font-size: 0; line-height: 0; color: transparent; background: transparent center / contain no-repeat; transform: translateY(-50%); cursor: pointer; opacity: .85; transition: opacity .2s; }
.HDLINE3 .hd3-arrow:is(:hover, :focus-visible) { opacity: 1; }
.HDLINE3 .hd3-arrow:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.HDLINE3 .hd3-prev { left: 5px; background-image: url('img/arrows_prev.png'); }
.HDLINE3 .hd3-next { right: 5px; background-image: url('img/arrows_next.png'); }
.HDLINE3 .hd3-prev:is(:hover, :focus-visible) { background-image: url('img/arrows_prev_ov.png'); }
.HDLINE3 .hd3-next:is(:hover, :focus-visible) { background-image: url('img/arrows_next_ov.png'); }
.HDLINE3 .hd3-arrow.slick-disabled { opacity: .25; cursor: default; }
/* ==== 메인 상단 2단 : 헤드라인(좌) + 주요 목록(우) — 예전 사이트 비율 804 : 396 (1200px 기준 67% : 33%) ==== */
.hm-top { display: grid; grid-template-columns: 804fr 396fr; align-items: start; width: 100%; background: #fff; }
.hm-top-main, .hm-top-side { min-width: 0; }
@media (max-width: 900px) { .hm-top { grid-template-columns: 1fr; } }
/* 모바일 전용 배너 : PC 에서는 숨기고 반응형(900px 이하)에서만 보인다 */
.is_mobile_banner { display: none; }
@media (max-width: 900px) { .is_mobile_banner { display: block; margin: 10px 0; } .is_mobile_banner img { max-width: 100%; height: auto; } }

/* 우측 목록(Dpbbs_dom) : 예전 .Dpbbs — 연한 회색 바탕, 첫 기사는 파란 카드(큰 썸네일), 나머지는 제목 + 우측 썸네일 */
.Dpbbs_dom { position: relative; margin: 0; overflow: hidden; background: #f8f8f8; }
.Dpbbs_dom > div { display: grid; grid-template-columns: minmax(0, 1fr) 90px; grid-template-areas: "title img"; align-items: center; column-gap: 10px; margin: 0; padding: 8px 30px; transition: background-color .15s; }
.Dpbbs_dom > div:hover { background: #bacff9; }
.Dpbbs_dom > div:nth-child(2) { padding-top: 16px; }
.Dpbbs_dom > div:last-child { padding-bottom: 10px; }
.Dpbbs_dom a.aimg { grid-area: img; display: block; width: 90px; height: 60px; overflow: hidden; }
.Dpbbs_dom .zimg { width: 100%; height: 100%; overflow: hidden; background: #e9ecef; }
.Dpbbs_dom .zimg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.Dpbbs_dom .subtitle { grid-area: title; min-width: 0; margin: 0; padding: 0; }
.Dpbbs_dom .subtitle a { display: block; color: #444; text-decoration: none; }
.Dpbbs_dom .subtitle a p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; margin: 0; overflow: hidden; font-size: 1rem; font-weight: 600; line-height: 1.4; letter-spacing: -.025rem; overflow-wrap: break-word; }
.Dpbbs_dom > div:hover .subtitle a { color: #000; }
/* 첫 기사 : 파란 카드 */
.Dpbbs_dom > div:first-child { grid-template-columns: minmax(0, 1fr) 120px; padding: 20px; background: #234481; }
.Dpbbs_dom > div:first-child:hover { background: #bacff9; }
.Dpbbs_dom > div:first-child a.aimg { width: 120px; height: 70px; }
.Dpbbs_dom > div:first-child .subtitle a { color: #fff; }
.Dpbbs_dom > div:first-child:hover .subtitle a { color: #000; }
/* HDLINE4 : 사이드바 롤링 슬라이더 */
.HDLINE4 { position: relative; container-type: inline-size; margin: 0; padding: 0; visibility: hidden; }
.HDLINE4.slick-initialized { visibility: visible; }
.HDLINE4 a.aimg { display: block; color: #111; }
.HDLINE4 .zimg { aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; background: #f1f3f5; }
.HDLINE4 .zimg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.HDLINE4 a.aimg:hover .zimg img { transform: scale(1.05); }
.HDLINE4 .cate { display: none; }
.HDLINE4 .subject { margin: 10px 0 0; padding: 0; }
.HDLINE4 .subject p.subj { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin: 0; font-size: 1.05rem; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; color: #111; overflow-wrap: anywhere; }
.HDLINE4 a.aimg:hover .subject p.subj { color: #000; }
.HDLINE4 .conts { margin: 6px 0 0; padding: 0; }
.HDLINE4 .conts p.txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin: 0; font-size: .85rem; line-height: 1.5; color: #777; overflow-wrap: anywhere; }
.HDLINE4 .hd4-arrow { position: absolute; top: 37.5cqw; z-index: 2; display: grid; place-items: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgb(0 0 0/.45); color: #fff; font-size: 1rem; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: background-color .2s; }
.HDLINE4 .hd4-arrow:hover, .HDLINE4 .hd4-arrow:focus-visible { background: rgb(0 0 0/.75); }
.HDLINE4 .hd4-prev { left: 8px; }
.HDLINE4 .hd4-next { right: 8px; }
/* 뉴스종합 : 카테고리별 탭 */
.cate_tabs { margin: 0 0 30px; }
.cate_tabs .cate_header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 3px solid #ddd; }
.cate_tabs .cate_header .title { margin: 0; font-size: 1.875rem; font-weight: 700; line-height: 1; color: #000; }
.cate_tabs .tab_btn { display: flex; flex-wrap: wrap; align-items: center; }
.cate_tabs .tab_btn a { position: relative; padding: 0 10px; font-size: .875rem; line-height: 1.2; color: #444; text-decoration: none; transition: color .15s; }
.cate_tabs .tab_btn a + a::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background: #e5e5e5; }
.cate_tabs .tab_btn a:hover { color: #ff583a; }
.cate_tabs .tab_btn a.active { font-weight: 700; color: #ff583a; }
.cate_tabs .tab_cont { display: none; }
.cate_tabs .tab_cont.on { display: block; }
.cate_tabs .tab_list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 25px; margin: 0; padding: 0; }
.cate_tabs .tab_list > div { display: grid; align-content: start; gap: 10px; min-width: 0; }
.cate_tabs .tab_list a.aimg { display: block; aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; background: #f1f3f5; }
.cate_tabs .tab_list .zimg { width: 100%; height: 100%; overflow: hidden; }
.cate_tabs .tab_list .zimg img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.cate_tabs .tab_list > div:hover .zimg img { transform: scale(1.05); }
.cate_tabs .tab_list .subtitle { min-width: 0; margin: 0; padding: 0; }
.cate_tabs .tab_list .subtitle a { display: block; color: #000; text-decoration: none; }
.cate_tabs .tab_list .subtitle p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; min-height: 2.8em; margin: 0; font-size: 1.1rem; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; overflow-wrap: anywhere; }
.cate_tabs .tab_list > div:hover .subtitle p { text-decoration: underline; }
.cate_tabs .tab_list .conts { min-width: 0; margin: 0; padding: 0; }
.cate_tabs .tab_list .conts a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: .85rem; font-weight: 400; line-height: 1.5; color: #777; text-decoration: none; overflow-wrap: anywhere; }
/* E-BOOK(신간) 목록/상세 */
.mag_wrap { padding: 30px 0 40px; }
.mag_head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin: 0 0 28px; padding-bottom: 16px; border-bottom: 3px solid #ddd; }
.mag_title { margin: 0; font-size: 1.75rem; font-weight: 700; line-height: 1; color: #000; }
.mag_title span { color: #e5680d; }
.mag_years { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.mag_years a { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid #d9dce1; border-radius: 20px; font-size: .9rem; color: #444; text-decoration: none; transition: border-color .15s,color .15s,background-color .15s; }
.mag_years a em { font-style: normal; font-size: .75rem; color: #999; }
.mag_years a:hover { border-color: #ff583a; color: #ff583a; }
.mag_years a.on { border-color: #ff583a; background: #ff583a; color: #fff; font-weight: 600; }
.mag_years a.on em { color: #ffe1d9; }
.mag_list { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: start; gap: 30px 20px; margin: 0; padding: 0; list-style: none; }
.mag_list a { display: block; overflow: hidden; border: 1px solid #c9cdd3; background: #fff; box-shadow: 0 2px 6px rgb(0 0 0/.08); color: #111; text-align: center; text-decoration: none; transition: transform .25s,box-shadow .25s; }
.mag_list .cover { display: block; }
.mag_list .cover img { display: block; width: 100%; height: auto; }
.mag_list a:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgb(0 0 0/.16); }
.mag_list strong { display: block; padding: 10px 0; border-top: 1px solid #c9cdd3; font-size: 1rem; font-weight: 700; color: #e5680d; }
.mag_empty { padding: 60px 0; text-align: center; font-size: 1.1rem; color: #888; }
.mag_detail { display: flex; gap: 40px; align-items: flex-start; }
.mag_detail_img { flex: 0 0 320px; }
.mag_detail_img img { display: block; width: 100%; height: auto; border: 1px solid #c9cdd3; box-shadow: 0 4px 12px rgb(0 0 0/.12); }
.mag_detail_info { flex: 1; min-width: 0; }
.mag_vol { margin: 0 0 6px; font-size: .9rem; font-weight: 700; color: #e5680d; }
.mag_detail_info h2 { margin: 0 0 16px; font-size: 1.75rem; font-weight: 700; color: #111; }
.mag_conts { margin: 0 0 20px; font-size: .95rem; line-height: 1.7; color: #555; }
.mag_btns { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.mag_arts { padding-top: 20px; border-top: 1px solid #eee; }
.mag_arts h4 { margin: 0 0 10px; font-size: 1rem; font-weight: 700; }
.mag_arts ul { margin: 0; padding: 0; list-style: none; }
.mag_arts li { padding: 6px 0; border-bottom: 1px dotted #ddd; }
@media (max-width:900px) {
	.mag_list { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.mag_detail { flex-direction: column; }
	.mag_detail_img { flex: none; width: 260px; }
}
/* HDLINE1 */
.HDLINE1 { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.HDLINE1 > div { position: relative; float: left; width: 100%; overflow: hidden; margin: 0; }
.HDLINE1 .subtitle { position: relative; width: 100%; display: block; overflow: hidden; margin: 0; padding: 0; }
.HDLINE1 .subtitle a { margin: 0; line-height: 1.3; font-weight: 600; font-size: 2.25rem; letter-spacing: -0.0055rem; overflow: hidden; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 0.2rem; }
.HDLINE1 .subtitle p { padding: 0; margin: 0; }
.HDLINE1 .subtitle2 { float: right; width: calc(100% - 53%); display: block; overflow: hidden; margin: 0; padding: 0; }
.HDLINE1 .subtitle2 a { margin: 0; line-height: 1.3; font-weight: 600; font-size: 2.25rem; letter-spacing: -0.0055rem; overflow: hidden; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 0.2rem; }
.HDLINE1 .aimg { float: left; width: 50%; display: block; overflow: hidden; padding: 0; margin: 0; border: 0; color: #000; }
.HDLINE1 .zimg { position: relative; width: 100%; height: 325px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #DDD; border-radius: 0.25rem; }
.HDLINE1 .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; transition: all .5s; }
.HDLINE1 .aimg:hover .zimg img { transform: scale(1.1); }
.HDLINE1 .stitle { float: right; width: calc(100% - 53%); display: block; overflow: hidden; padding: 0; margin: 0; border: 0; margin-bottom: 1rem; }
.HDLINE1 .stitle a { margin: 0; line-height: 1.5; font-weight: 600; font-size: 1rem; letter-spacing: -0.0055rem; overflow: hidden; color: #111; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; }
.HDLINE1 .conts { float: right; width: calc(100% - 53%); display: block; overflow: hidden; padding: 0; margin: 0; border: 0; }
.HDLINE1 .conts a { margin: 0; line-height: 1.5; font-weight: 500; font-size: .95rem; letter-spacing: -0.0055rem; overflow: hidden; color: #777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
.HDLINE1 a:hover dt { background: nonexx; }
.HDLINE1 a:hover dt p.subj { text-decoration: nonexx; }
/* dp SEL1 */
.dp_sel1 { position: relative; margin: 0; padding: 30px 34px; visibility: hidden; border-top: 5px solid #111; border-bottom: 5px solid #111; }
.dp_sel1.slick-initialized { visibility: visible; }
.dp_sel1 .ctitle { margin: 0; padding: 0; color: #ff583a; font-size: 12px; margin-bottom: .25rem; }
.dp_sel1 .subj { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin: 0; font-size: 1.05rem; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; color: #111; overflow-wrap: anywhere; }
.dp_sel1 .slick-list { clip-path: inset(0 1px 0 0); }
.dp_sel1 .slick-track { margin-left: -1px; }
.dp_sel1 .slick-slide { box-sizing: border-box; padding: 2px 16px; border-left: 1px solid #e5e7eb; }
.dp_sel1 .slick-slide a { display: block; color: #111; }
.dp_sel1 .slick-slide a:hover .subj { text-decoration: underline; }
.dp_sel1 .sel1-arrow { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #555; font-size: 2rem; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: color .2s,background-color .2s; }
.dp_sel1 .sel1-arrow:hover, .dp_sel1 .sel1-arrow:focus-visible { background: #f1f3f5; color: #111; }
.dp_sel1 .sel1-prev { left: 0; }
.dp_sel1 .sel1-next { right: 0; }
/* dp SEL1 t2 */
.dp_sel1t2 { position: relative; margin: 0; padding: 0px 0px; visibility: hidden; border-top: 1px solid #e5e7eb; padding-top: .5rem; }
.dp_sel1t2.slick-initialized { visibility: visible; }
.dp_sel1t2 .ctitle { margin: 0; padding: 0; color: #ff583a; font-size: 14px; margin-bottom: .25rem; font-weight: 500; }
.dp_sel1t2 .subj { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin: 0; font-size: 1.15rem; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; color: #111; overflow-wrap: anywhere; margin-bottom: .5rem; }
.dp_sel1t2 .conts { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; margin: 0; font-size: .95rem; font-weight: 400; line-height: 1.4; letter-spacing: -.02em; color: #111; overflow-wrap: anywhere; }
.dp_sel1t2 .tconts { border-bottom: 1px solid #e5e7eb; margin-bottom: 1rem; padding-bottom: 1rem; }
.dp_sel1t2 .slick-slide { box-sizing: border-box; padding: 0; }
.dp_sel1t2 .slick-slide a { display: block; color: #111; }
.dp_sel1t2 .slick-slide a:hover .subj { text-decoration: underline; }
.dp_sel1t2 .slick-slide .tconts:last-child { border-bottom: 0px solid #e5e7eb; margin-bottom: 1rem; padding-bottom: 1rem; }
.dp_sel1t2 .sel1-arrow { position: absolute; bottom: -2.5rem; z-index: 2; display: grid; place-items: center; width: 22px; height: 22px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #f5f5f5; color: #555; font-size: 1rem; line-height: 1; cursor: pointer; transform: translateY(-50%); transition: color .2s,background-color .2s; }
.dp_sel1t2 .sel1-arrow:hover, .dp_sel1t2 .sel1-arrow:focus-visible { background: #333; color: #fff; }
.dp_sel1t2 .sel1-prev { right: 25px; }
.dp_sel1t2 .sel1-next { right: 0; }
.latest_more { border-top: 2px solid #000; }
.latest_more a { color: #ff583a; font-size: .95rem; font-weight: 600; line-height: 30px; }
/*dp hd type2*/
/*dp*/
/*...*/
.dp_list5 { position: relative; margin: 0px; clear: both; padding: 0; }
.dp_list5 > div { position: relative; clear: both; display: block; margin-bottom: .75rem; padding-bottom: 0px; overflow: hidden; }
.dp_list5 > div:last-child { border-bottom: 0px solid #444; margin: 0; padding: 0; }
.dp_list5 a.aimg { float: left; width: 130px; height: 85px; margin: 0; overflow: hidden; display: block; margin-right: 20px; }
.dp_list5 .zimg { float: left; width: 130px; height: 85px; margin: 0; overflow: hidden; display: block; border: 1px solid #EEE; }
.dp_list5 .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.dp_list5 .subj { max-height: 85px; overflow: hidden; padding: 0; }
.dp_list5 .subj a { display: block; color: #000; overflow: hidden; }
.dp_list5 .subj p { font-size: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.025rem; margin: 0; padding: 0; overflow: hidden; outline: none; white-space: nowrap; text-overflow: ellipsis; }
.dp_list5 .e { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.2); }
.dp_list5 .f { margin-bottom: .75rem; }
.dp_img1 { position: relative; margin-bottom: 0px; clear: both; padding: 0; }
.dp_img1:after { clear: both; content: ""; display: block; }
.dp_img1 .newLf { display: block; overflow: hidden; margin: 0; }
.dp_img1 .Hatc { position: relative; float: left; width: 50%; display: block; overflow: hidden; margin: 0; padding-bottom: 1rem; border: 0px solid #ddd; border-radius: 0.25rem; }
.dp_img1 .Hatc .zimg { margin: 0; width: 100%; height: 245px; overflow: hidden; }
.dp_img1 .Hatc .zimg a { display: block; width: 100%; height: 100%; }
.dp_img1 .Hatc .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.dp_img1 .Hatc .subj { position: relative; padding: 0; margin: 0; }
.dp_img1 .Hatc .subj a { display: block; padding: 0; color: #000; margin: 0.5rem 0; }
.dp_img1 .Hatc .subj p.title { font-size: 1.55rem; line-height: 1.4; font-weight: 400; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img1 p.vinfo { display: inline-block; font-weight: 400; font-size: .85rem; letter-spacing: -0.0055rem; overflow: hidden; color: #444; padding: 0; margin: 0; }
.dp_img1 .Hatc .conts { overflow: hidden; padding: 0; margin: 0; }
.dp_img1 .Hatc .conts a { font-size: 0.85rem; color: #777; font-weight: 400; line-height: 1.6; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img1 .Satc { float: right; width: 47%; display: block; margin-bottom: 1.25rem; padding: 0; height: 90px; overflow: hidden; border: 0px solid #ddd; border-radius: 0.25rem; }
.dp_img1 .Satc:last-child { margin: 0; }
.dp_img1 .Satc .zimg { float: left; width: 130px; height: 100%; margin: 0; overflow: hidden; display: block; }
.dp_img1 .Satc .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.dp_img1 .Satc .subj { position: relative; overflow: hidden; padding: 5px 15px; margin: 0; }
.dp_img1 .Satc .subj a { display: block; color: #000; margin-bottom: 0.25rem; }
.dp_img1 .Satc .subj p.title { font-size: 1rem; line-height: 1.4; font-weight: 500; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img2 { position: relative; margin-bottom: 0px; clear: both; padding: 0; }
.dp_img2:after { clear: both; content: ""; display: block; }
.dp_img2 .newLf { display: block; overflow: hidden; margin: 0; }
.dp_img2 .Hatc { position: relative; display: block; overflow: hidden; margin: 0; margin-bottom: 1rem; padding-bottom: 1rem; border: 0px solid #ddd; border-radius: 0.25rem; }
.dp_img2 .Hatc .zimg { margin: 0; width: 100%; height: 245px; overflow: hidden; }
.dp_img2 .Hatc .zimg a { display: block; width: 100%; height: 100%; }
.dp_img2 .Hatc .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.dp_img2 .Hatc .subj { position: relative; padding: 0 0rem; margin: 0; }
.dp_img2 .Hatc .subj a { display: block; padding: 0; color: #000; margin: 0.5rem 0; }
.dp_img2 .Hatc .subj p.title { font-size: 1.55rem; line-height: 1.4; font-weight: 400; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img2 p.vinfo { display: inline-block; font-weight: 400; font-size: .85rem; letter-spacing: -0.0055rem; overflow: hidden; color: #444; padding: 0; margin: 0; }
.dp_img2 .Hatc .conts { overflow: hidden; padding: 0 0rem; margin: 0; }
.dp_img2 .Hatc .conts a { font-size: 0.85rem; color: #777; font-weight: 400; line-height: 1.6; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img2 .Satc { position: relative; display: block; margin-bottom: 1.25rem; padding: 0; height: 90px; overflow: hidden; border: 0px solid #ddd; border-radius: 0.25rem; }
.dp_img2 .Satc:last-child { margin: 0; }
.dp_img2 .Satc .zimg { float: left; width: 130px; height: 100%; margin: 0; overflow: hidden; display: block; }
.dp_img2 .Satc .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.dp_img2 .Satc .subj { position: relative; overflow: hidden; padding: 5px 15px; margin: 0; }
.dp_img2 .Satc .subj a { display: block; color: #000; margin-bottom: 0.25rem; }
.dp_img2 .Satc .subj p.title { font-size: 1rem; line-height: 1.4; font-weight: 500; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
/**/
/**/
/**/
.dp_sel31 { position: relative; clear: both; margin: 0; padding: 0; }
.dp_sel31 > div { position: relative; clear: both; display: block; margin-bottom: 1.5rem; padding-bottom: 1.5rem; overflow: hidden; border-bottom: 1px dotted rgba(0,0,0,.2); }
.dp_sel31 > div:last-child { margin: 0; padding: 0; border-bottom: 0; }
.dp_sel31 a.aimg { position: relative; display: block; width: 100%; height: 160px; overflow: hidden; margin: 0 0 .5rem; padding: 0; border: 0; }
.dp_sel31 .zimg { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; margin: 0; background: #fff; border-radius: .25rem; border: 1px solid #DDD; }
.dp_sel31 .zimg img { display: block; width: 100%; height: auto; flex-shrink: 0; transition: transform .5s; }
.dp_sel31 > div:hover .zimg img { transform: scale(1.05); }
.dp_sel31 .subtitle { position: relative; max-height: 80px; overflow: hidden; padding: 0; margin: 0; margin-bottom: 0rem; }
.dp_sel31 .subtitle a { display: block; color: #000; overflow: hidden; }
.dp_sel31 .subtitle a p { font-size: 1.2rem; font-weight: 600; line-height: 1.4; overflow: hidden; letter-spacing: -0.025rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin: 0; padding: 0; }
.dp_sel31 .subtitle p.cate { font-size: .9rem; font-weight: 500; margin: 0; padding: 0; color: #ca252b; }
.dp_sel31 .conts { position: relative; width: 100%; display: block; overflow: hidden; margin: 0; padding: 0; margin-top: .5rem; }
.dp_sel31 .conts a { margin: 0; line-height: 1.5; font-weight: 400; font-size: .85rem; text-align: center; letter-spacing: -0.0055rem; overflow: hidden; color: rgba(0,0,0,.6); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
/**/
/**/
.dp_sel3 { position: relative; margin: 0px; clear: both; padding: 0; }
.dp_sel3 > div { position: relative; clear: both; display: block; margin-bottom: 1rem; padding-bottom: 1rem; overflow: hidden; border-bottom: 1px dotted rgba(0,0,0,.2); }
.dp_sel3 > div:last-child { border-bottom: 0px solid #444; margin: 0; padding: 0; }
.dp_sel3 a.aimg { float: left; width: 180px; height: 102px; margin: 0; overflow: hidden; display: block; margin-right: 15px; }
.dp_sel3 .zimg { float: left; width: 100%; height: 100%; margin: 0; overflow: hidden; display: block; background-size: cover; position: relative; background-position: center; }
.dp_sel3 .zimg::before { content: ""; background: inherit; filter: blur(5px); backdrop-filter: blur(1px); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.dp_sel3 .zimg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; z-index: 1; }
.dp_sel3 .subtitle { position: relative; overflow: hidden; padding: 0; margin: 0; }
.dp_sel3 .subtitle a { display: block; color: #000; overflow: hidden; }
.dp_sel3 .subtitle a p { font-size: 1.1rem; font-weight: 500; line-height: 1.5; overflow: hidden; letter-spacing: -0.025rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; margin: 0; padding: 0; }
.dp_sel3 .subtitle p.cate { color: #ca252b; font-size: 0.9rem; margin-bottom: 0; }
.dp_sel3 .subtitle span.conts { font-size: .85rem; font-weight: 400; line-height: 1.5; overflow: hidden; letter-spacing: -0.025rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin: 0; padding: 0; margin-top: .5rem; }
/* 주요기사 */
.dp_sel3hm { position: relative; clear: both; margin: 0; padding: 0; }
.dp_sel3hm > div { display: grid; grid-template-columns: 180px minmax(0,1fr); grid-template-rows: auto 1fr; column-gap: 15px; row-gap: .4rem; align-items: start; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dotted rgb(0 0 0/.2); }
.dp_sel3hm > div:last-child { margin: 0; padding: 0; border-bottom: 0; }
.dp_sel3hm a.aimg { grid-column: 1; grid-row: 1/3; display: block; width: 180px; aspect-ratio: 180/130; margin: 0; overflow: hidden; }
.dp_sel3hm .zimg { position: relative; display: grid; place-items: center; width: 100%; height: 100%; overflow: hidden; background-position: center; background-size: cover; }
.dp_sel3hm .zimg::before { content: ""; position: absolute; inset: 0; background: inherit; filter: blur(5px); z-index: 0; }
.dp_sel3hm .zimg img { position: relative; z-index: 1; max-width: 100%; max-height: 100%; object-fit: contain; }
.dp_sel3hm .subtitle { grid-column: 2; grid-row: 1; min-width: 0; margin: 0; padding: 0; }
.dp_sel3hm .subtitle a { display: block; color: #000; }
.dp_sel3hm .subtitle a p { margin: 0; padding: 0; font-size: 1.55rem; font-weight: 500; line-height: 1.5; letter-spacing: -.025rem; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.dp_sel3hm .subtitle p.cate { margin-bottom: 0; font-size: .9rem; color: #ca252b; }
.dp_sel3hm .subtitle span.conts { margin: .5rem 0 0; padding: 0; font-size: .85rem; font-weight: 400; line-height: 1.5; letter-spacing: -.025rem; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.dp_sel3hm > div > .conts { grid-column: 2; grid-row: 2; min-width: 0; margin: 0; padding: 0 1rem 0 0; }
.dp_sel3hm .conts a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: .85rem; font-weight: 400; line-height: 1.6; color: #666; overflow-wrap: anywhere; }
.dp_sel3hm a:hover { text-decoration: underline; }
.dp_sel3hm > div:nth-child(3n), .dp_sel3hm > div:not(:has(a.aimg)) { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
.dp_sel3hm > div:nth-child(3n) a.aimg { display: none; }
.dp_sel3hm > div:nth-child(3n) .subtitle, .dp_sel3hm > div:not(:has(a.aimg)) .subtitle { grid-column: 1; grid-row: 1; }
.dp_sel3hm > div:nth-child(3n) > .conts, .dp_sel3hm > div:not(:has(a.aimg)) > .conts { grid-column: 1; grid-row: 2; padding: 0; }
.dp_sel3hm > div:nth-child(3n) > .conts a, .dp_sel3hm > div:not(:has(a.aimg)) > .conts a { -webkit-line-clamp: 2; line-clamp: 2; }
.dp_sel3hm > div:nth-child(5n), .dp_sel3hm > div:not(:has(a.aimg)) { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
.dp_sel3hm > div:nth-child(5n) a.aimg { display: none; }
.dp_sel3hm > div:nth-child(5n) .subtitle, .dp_sel3hm > div:not(:has(a.aimg)) .subtitle { grid-column: 1; grid-row: 1; }
.dp_sel3hm > div:nth-child(5n) > .conts, .dp_sel3hm > div:not(:has(a.aimg)) > .conts { grid-column: 1; grid-row: 2; padding: 0; }
.dp_sel3hm > div:nth-child(5n) > .conts a, .dp_sel3hm > div:not(:has(a.aimg)) > .conts a { -webkit-line-clamp: 2; line-clamp: 2; }
.dp_sel3op { position: relative; clear: both; margin: 0; padding: 0; }
.dp_sel3op > div { position: relative; clear: both; display: block; overflow: hidden; margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px dotted rgba(0,0,0,.2); }
.dp_sel3op > div:last-child { margin: 0; padding: 0; border-bottom: 0; }
.dp_sel3op a.aimg { float: right; display: block; width: 75px; height: 75px; margin: 0 0 0 15px; overflow: hidden; border-radius: 50%; }
.dp_sel3op .zimg { position: relative; display: block; width: 100%; height: 100%; margin: 0; overflow: hidden; border: 1px solid #ddd; border-radius: 50%; filter: grayscale(1); }
.dp_sel3op .zimg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .5s; }
.dp_sel3op > div:hover .zimg img { transform: scale(1.05); }
.dp_sel3op .subtitle { position: relative; overflow: hidden; margin: 0; padding: 0; }
.dp_sel3op .subtitle a { display: block; overflow: hidden; color: #333; }
.dp_sel3op .subtitle a p { display: -webkit-box; overflow: hidden; margin: 5px 0 0; padding: 0; font-size: 1.15rem; font-weight: 600; line-height: 1.4; letter-spacing: -.025rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; }
.dp_sel3op .subtitle p.cate { margin: 0; padding: 0; color: #ca252b; font-size: .9rem; font-weight: 400; line-height: 1.1; letter-spacing: -.095rem; font-family: 'JoseonShinmyeongjo',serif; color: #ff583a; }
/* 제목 앞 따옴표(Font Awesome quote-left) 아이콘 */
.dp_sel3op .subtitle a p { padding-left: 28px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23818181' d='M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64L0 216zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z'/%3E%3C/svg%3E") no-repeat 0 0em / 22px 22px; }
/**/
.a_header { float: left; width: 150px; overflow: hidden; border-top: 4px solid #1b2b5a; padding-top: 5px; }
.a_header h3 { font-size: 1.1rem; color: #444; font-weight: bold; line-height: 32px; }
.a_header .more { position: absolute; left: 70px; bottom: 0px; font-size: 12px; text-align: right; }
.a_header .more a { color: #888; display: block; }
.dp_img6 { position: relative; margin-bottom: 0px; clear: both; padding: 0; }
.dp_img6:after { clear: both; content: ""; display: block; }
.dp_img6 .newLf { display: block; overflow: hidden; margin: 0; }
.dp_img6 .Hatc { position: relative; display: block; overflow: hidden; margin: 0; margin-bottom: 1rem; padding: 0; }
.dp_img6 .Hatc .zimg { float: left; margin: 0; width: 180px; height: 110px; overflow: hidden; border-radius: 0.25rem; }
.dp_img6 .Hatc .zimg a { display: block; width: 100%; height: 100%; }
.dp_img6 .Hatc .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.dp_img6 .Hatc:hover .zimg img { transform: scale(1.1); }
.dp_img6 .Hatc .subj { float: right; width: calc(100% - 200px); padding: 0; margin: 0; }
.dp_img6 .Hatc .subj a { display: block; padding: 0; color: #000; margin: 0.25rem 0; }
.dp_img6 .Hatc .subj p.title { font-size: 1.2rem; line-height: 1.4; font-weight: 600; padding: 0; margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img6 .Hatc .subj p.conts { padding: 0; padding-top: .5rem; color: #777; margin: 0; font-size: .9rem; line-height: 1.4; font-weight: 400; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }
.dp_img6 .newRr { display: block; overflow: hidden; margin: 0; margin-top: 0; padding-top: 1rem; border-top: 1px solid #ddd; }
.dp_img6 .Latc { position: relative; display: block; margin: 0; padding: 0; overflow: hidden; }
.dp_img6 .Latc .subtitle { position: relative; overflow: hidden; padding: 0; margin: 0; }
.dp_img6 .Latc .subtitle a { display: block; color: #000; font-size: 1.1rem; line-height: 1.4; font-weight: 500; padding: 0; margin: 0; margin-bottom: 0.75rem; overflow: hidden; outline: none; white-space: nowrap; text-overflow: ellipsis; }
.ul4li_scroll { width: 100%; margin: 0; padding-left: 0px; list-style: none; }
.ul4li_scroll:after { clear: both; content: ""; display: block; }
.ul4li_scroll li { float: left; display: inline-block; margin: 0 5px; padding: 0; list-style: none; }
#news_SEL2_Sr1 { max-height: 310px; overflow: hidden; }
.SEL2_iScroll { position: relative; padding: 0; clear: both; margin-bottom: 1rem; border-radius: 0.25rem; overflow: hidden; box-shadow: 1px 1px 4px rgb(0,0,0,.2); }
.SEL2_iScroll:after { clear: both; content: ""; display: block; }
.SEL2_iScroll dd { background-color: #FFF; margin: 0; }
.SEL2_iScroll .subj { text-align: left; clear: both; overflow: hidden; padding: 4% 5%; margin: 0; }
.SEL2_iScroll .subj p { color: #000; display: block; font-size: 1rem; letter-spacing: -0.025rem; line-height: 1.4; height: 44px; font-weight: 500; padding: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.SEL2_iScroll .subj .ctitle2 { color: #0069b4; font-weight: bold; margin-bottom: 5px; font-size: 13px; }
.SEL2_iScroll .ctitle { position: absolute; left: 0px; top: 0px; padding: 0 15px; z-index: 8; color: #FFF; background-color: #045c8e; }
.SEL2_iScroll .ctitle p { overflow: hidden; padding: 0; height: 33px; line-height: 33px; font-size: 14px; font-weight: 600; margin: 0; }
.SEL2_iScroll .winfo { text-align: left; clear: both; overflow: hidden; padding: 0 20px 10px 20px; margin: 0; }
.SEL2_iScroll .winfo span { color: rgba(255,255,255,.4); display: inline-block; font-size: 0.8rem; }
.SEL2_iScroll .img { position: relative; float: left; margin: 0; z-index: 1; width: 100%; height: 145px; overflow: hidden; }
.SEL2_iScroll .img a { display: block; overflow: hidden; }
.SEL2_iScroll .img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; transition: all .5s; }
.SEL2_iScroll:hover .playon { left: 50%; bottom: 50%; margin-bottom: -16px; margin-left: -16px; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); }
.SEL2_iScroll .playon { position: absolute; padding: 0; left: 15px; bottom: 15px; width: 28px; height: 28px; line-height: 24px; font-size: 12px; text-align: center; color: #fff; pointer-events: none; border: 1px solid #fff; border-radius: 50%; background: rgba(0,0,0,.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .43s cubic-bezier(.47,.13,.16,.72) 0s; -moz-transition: .43s cubic-bezier(.47,.13,.16,.72) 0s; -o-transition: .43s cubic-bezier(.47,.13,.16,.72) 0s; transition: .43s cubic-bezier(.47,.13,.16,.72) 0s; }
.SEL2_iScroll .playon .bi { line-height: 26px; width: 100%; text-align: center; }
/* 박스라인 */
.boxLine2 { border: 1px solid #d6d6d6; overflow: hidden; padding: 10px; margin: 5px 0 5px 0; clear: both; background-color: #fff; }
.boxLine3 { border: 1px solid #d6d6d6; overflow: hidden; padding: 3px; margin: 0px 0 5px 0; clear: both; }
/*광고,제휴문의*/
/*카테고리 메뉴*/
.smenu_categorybox { position: relative; border-bottom: 1px solid #E5E5E5; clear: both; height: 42px; margin: 20px 0; padding: 0; }
.smenu_categorybox h1, .smenu_categorybox h3 { margin: 0; font-weight: 500; padding: 0; font-size: 1.35rem; color: #000; line-height: 42px; position: relative; display: inline-block; }
.smenu_categorybox h1::after, .smenu_categorybox h3::after { content: ' '; border-bottom: 3px solid #111; width: 100%; position: absolute; bottom: -1px; left: 0; }
.tnaviLink { position: absolute; bottom: 5px; right: 5px; padding-left: 12px; font-size: 0.9rem; line-height: 1.5; color: #ddd; text-align: left; }
.tnaviLink a { display: inline-block; font-size: 0.9rem; color: #444; }
.tnaviLink a:last-child { font-weight: bold; }
.mag { position: relative; clear: both; display: block; margin: 0 auto; padding: 0; }
.mag:after { clear: both; content: ""; display: block; }
.mag a { display: block; }
.mag img { vertical-align: top; width: 100%; }
div#HDf_list { position: relative; width: 100%; overflow: hidden; background-color: #444; }
div#HDf_list ul { list-style: none; padding: 0; margin: 0; list-style: none; }
ul#HDtabs { position: relative; }
ul#HDtabs li { float: left; cursor: hand; border-top: 0px solid #ddd; width: 33.33%; height: 65px; }
ul#HDtabs li .vtlimg { display: block; width: 100%; height: 100%; }
ul#HDtabs li img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
ul#HDtabs li a { width: 100%; height: 100%; color: #d0d0d0; text-decoration: none; display: block; padding: 3px; outline: none; text-align: center; }
ul#HDtabs li a:hover { text-decoration: none; }
ul#HDtabs li a.current { background-color: #ee2038; color: #FFF; }
ul#HDtabs li a.current img {  }
ul#HDtabs li a.current span { color: #FFF; }
ul#HDtabs li a.current:hover { text-decoration: none; cursor: default; }
ul#HDoutput { position: relative; width: 100%; height: 220px; }
ul#HDoutput li { position: absolute; width: 100%; height: 220px; }
ul#HDoutput li a { text-decoration: none; display: block; outline: none; }
ul#HDoutput li .tlimg { width: 100%; height: 220px; overflow: hidden; }
ul#HDoutput li .tlimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
ul#HDoutput li .textbox { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; padding: 2%; margin: 0; }
ul#HDoutput li ._ps { position: absolute; bottom: 0; left: 0; width: 100%; }
ul#HDoutput li ._ps:after { clear: both; content: ""; display: block; }
ul#HDoutput li .tltxt { position: relative; text-shadow: 1px 1px rgba(0,0,0,.75); background: rgba(0,0,0,0.3); padding: 10px; }
ul#HDoutput li .tltxt h3 { display: block; color: #FFF; font-size: 1rem; line-height: 1.4; font-weight: 500; letter-spacing: 0; overflow: hidden; padding: 0px; text-shadow: 1px 1px rgba(0,0,0,.75); margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
/* side tabs*/
div#sHDf_list { position: relative; width: 100%; overflow: hidden; background-color: #444; }
div#sHDf_list ul { list-style: none; padding: 0; margin: 0; list-style: none; }
ul#sHDtabs { position: relative; }
ul#sHDtabs li { float: left; cursor: hand; border-top: 0px solid #ddd; width: 33.33%; }
ul#sHDtabs li img { padding: 0px; border: 0; margin: 0; width: 100%; height: 60px; }
ul#sHDtabs li a { color: #d0d0d0; text-decoration: none; display: block; padding: 3px; height: 66px; outline: none; text-align: center; }
ul#sHDtabs li a:hover { text-decoration: none; }
ul#sHDtabs li a.current { background-color: #ee2038; color: #FFF; }
ul#sHDtabs li a.current img {  }
ul#sHDtabs li a.current span { color: #FFF; }
ul#sHDtabs li a.current:hover { text-decoration: none; cursor: default; }
ul#sHDoutput { position: relative; width: 100%; height: 220px; }
ul#sHDoutput li { position: absolute; width: 100%; height: 220px; }
ul#sHDoutput li a { text-decoration: none; display: block; outline: none; }
ul#sHDoutput li .tlimg { width: 100%; height: 220px; overflow: hidden; }
ul#sHDoutput li .tlimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
ul#sHDoutput li .textbox { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; padding: 2%; margin: 0; }
ul#sHDoutput li ._ps { position: absolute; bottom: 0; left: 0; width: 100%; }
ul#sHDoutput li ._ps:after { clear: both; content: ""; display: block; }
ul#sHDoutput li .tltxt { position: relative; text-shadow: 1px 1px rgba(0,0,0,.75); background: rgba(0,0,0,0.3); padding: 10px; }
ul#sHDoutput li .tltxt h3 { display: block; color: #FFF; font-size: 1rem; line-height: 1.4; font-weight: 500; letter-spacing: 0; overflow: hidden; padding: 0px; text-shadow: 1px 1px rgba(0,0,0,.75); margin: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.photo_slick1 { position: relative; clear: both; display: block; margin: 0; padding: 0; min-height: 250px; }
.photo_slick1 > div { position: relative; float: left; width: 100%; margin: 0; }
.photo_slick1 .zimg { margin: 0; width: 100%; height: auto; aspect-ratio: 16 / 9; overflow: hidden; }
.photo_slick1 .zimg a { display: block; width: 100%; height: 100%; }
.photo_slick1 .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .5s; }
.photo_slick1 .subtitle { position: relative; text-align: left; overflow: hidden; width: 100%; padding: 3% 0%; z-index: 8; }
.photo_slick1 .subtitle a { display: block; overflow: hidden; color: #000; max-height: 44px; }
.photo_slick1 .subtitle p { display: inline-block; color: #000; padding: 0; letter-spacing: -1px; overflow: hidden; font-weight: 600; line-height: 1.4; font-size: 1rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin: 0; }
/*섹션별 주요기사*/
/* 많이본*/
/* Most Popular (예전 .hitNews) : 원형 썸네일 + 청록 순위 배지 */
.hitNews { position: relative; clear: both; margin: 0; overflow: hidden; }
.hitNews dl { position: relative; display: grid; grid-template-columns: 70px minmax(0, 1fr); align-items: center; column-gap: 15px; margin: 0 0 5px; padding: 0 0 5px; }
.hitNews dl:last-child { margin: 0; padding: 0; }
.hitNews dl dt { position: absolute; top: 0; left: 3px; z-index: 2; width: 25px; height: 25px; margin: 0; padding: 0; overflow: hidden; border: 1px solid #fff; border-radius: 50%; background: #06c9c1; color: #fff; font-size: 14px; font-weight: 700; line-height: 25px; text-align: center; }
.hitNews dl dt .num { display: block; }
.hitNews dl dd { margin: 0; }
.hitNews dl dd.img { grid-column: 1; width: 70px; height: 70px; overflow: hidden; border-radius: 50%; background: #e9ecef; }
.hitNews dl dd.img a { display: block; width: 100%; height: 100%; }
.hitNews dl dd.img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
.hitNews dl dd.subj { grid-column: 2; min-width: 0; }
.hitNews dl dd.subj .cate { display: block; color: #06c9c1; font-size: .75rem; font-weight: 600; }
.hitNews dl dd.subj a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; padding-top: 3px; color: #000; font-size: .95rem; font-weight: 500; line-height: 1.35; letter-spacing: -.025rem; text-decoration: none; overflow-wrap: break-word; }
.hitNews dl dd.subj a:is(:hover, :focus-visible) { color: #4b4b4b; }
.hitNews1 { position: relative; clear: both; margin: 0; padding: 0; overflow: hidden; }
.hitNews1 dl { display: grid; grid-template-columns: 32px minmax(0,1fr) 93px; grid-template-areas: "num subj img"; align-items: center; gap: 10px; min-height: 78px; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #bfbfbf; }
.hitNews1 dl:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.hitNews1 dl dt { grid-area: num; margin: 0; padding: 0; color: #000; font-family: 'Bebas Neue',cursive; font-size: 1.5rem; font-weight: 700; line-height: 1; text-align: left; }
.hitNews1 dl dt .num { display: block; }
.hitNews1 dl .subj { grid-area: subj; min-width: 0; margin: 0; padding: 0; overflow: hidden; }
.hitNews1 dl .subj a { display: -webkit-box; overflow: hidden; margin: 0; padding: 0; color: #333; font-size: 1rem; font-weight: 600; line-height: 1.4; letter-spacing: -1px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: break-word; }
.hitNews1 dl .img { grid-area: img; display: block; width: 93px; height: 68px; margin: 0; padding: 0; overflow: hidden; background: #fff; border: 1px solid #eee; border-radius: .25rem; }
.hitNews1 dl .img a { display: flex; align-items: center; width: 100%; height: 100%; overflow: hidden; }
.hitNews1 dl .img img { display: block; width: 100%; height: auto; flex-shrink: 0; }
.hitab { text-align: center; cursor: pointer; }
.hitab h3 { font-size: 0.9rem; margin: 0; line-height: 38px; overflow: hidden; outline: none; white-space: nowrap; text-overflow: ellipsis; }
.hitNews2 { margin: 0; }
.hitNews2 > div { position: relative; margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px dotted #bfbfbf; min-height: 70px; }
.hitNews2 > div:last-child { margin-bottom: 0px; padding-bottom: 0px; border: 0; }
.hitNews2 dl dt { float: left; width: 8%; height: 44px; line-height: 25px; font-size: 1.5rem; font-weight: bold; text-align: left; overflow: hidden; padding-top: 8px; color: #2a64af; font-family: 'Bebas Neue',cursive; }
.hitNews2 dl .zimg { float: right; width: 93px; height: 60px; margin: 0; padding: 0; overflow: hidden; display: block; border: 1px solid #EEE; border-radius: 10% 2% 10% 2%; }
.hitNews2 dl .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; transition: all .3s; }
.hitNews2 > div:hover .zimg img { transform: scale(1.1); }
.hitNews2 dl .subj { float: left; width: 58%; margin: 0; padding-top: 7px; overflow: hidden; display: block; }
.hitNews2 dl .subj a { color: #4B4B4B; max-height: 44px; font-size: 1rem; font-weight: 600; letter-spacing: -1px; overflow: hidden; line-height: 1.4; display: block; padding: 0px; }
.hitNews2 dl .subj:hover a { color: #000; }
.hitNews2 dl .ximg { float: left; width: 90%; }
/* WEEKLY HOTISSUE */
.sel33HD2 { position: relative; clear: both; display: block; overflow: hidden; margin: 0px; border: 0px solid #ddd; background-color: #FFF; }
.sel33HD2 .subtitle { text-align: left; clear: both; overflow: hidden; padding-top: 5px; }
.sel33HD2 .subtitle a { color: #222; display: block; font-size: 1rem; line-height: 1.5; height: 46px; font-weight: 600; padding: 0px 0px 0 0; letter-spacing: -1px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.sel33HD2 .img { position: relative; float: left; width: 100%; margin: 0; overflow: hidden; border-radius: .25rem; z-index: 1; }
.sel33HD2 .img a { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; overflow: hidden; border: 0; }
.sel33HD2 .img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; transition: transform .4s ease; }
.sel33HD2 .img a:hover img { transform: scale(1.05); }
.sel33HD2 .play { position: absolute; left: 0; top: 0; width: 100%; padding-top: 50px; overflow: hidden; display: block; text-align: center; z-index: 99; }
.sel33HD2 .play img { width: 60px; border: 0pt none; display: inline; }
.sel33HD2 .play img.over { display: none; }
.sel33HD2:hover .play img { display: none; }
.sel33HD2:hover .play img.over { display: inline; }
/* 한줄기사 */
/* 한줄기사 */
/* 관련기사-본문 */
.renewsList2 { position: relative; padding: 0 0px; margin: 0; }
.renewsList2 .subject { background: url('/images/main/ico_link.png') no-repeat 5px 6px; padding-left: 23px; margin-bottom: 7px; font-size: 1rem; }
.renewsList2 .subject a { color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.renewsList2 .subtitle { background: url('/images/main/icon_led.gif') no-repeat 10px 4px; padding-left: 23px; }
.renewsList2 .subtitle a { color: #000; }
.renewsList2 .date { padding: 1px 0 0 15px; color: #999; font-size: 11px; letter-spacing: -1px; }
.listHDNav { position: relative; overflow: hidden; margin: 0; padding: 25px 0 0 0; }
.listHDNav > div { padding: 5px 0px; margin: 0; display: block; }
.listHDNav dt { margin: 0 0 10px; text-align: left; }
.listHDNav dt h3 { font-size: 30px; line-height: 1.5; color: #000; text-rendering: optimizeLegibility; word-break: keep-all; text-transform: uppercase; }
.listHDNav dd { font-size: 13px; color: #999; line-height: 15px; padding: 5px 0; text-align: left; }
.listHDNav dd a { color: #999; }
.listHDNav .navLink { padding: 0; font-size: 12px; line-height: 20px; color: #c3c3c3; text-align: left; }
.listHDNav .navLink a { display: inline-block; font-size: 12px; color: #c3c3c3; }
.listHDNav .navLink a:last-child { font-weight: bold; }
/* newsList default */
.sub_Hsection { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #111; }
/* loading tpl */
.listHDline1 { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 3rem; }
.listHDline1 > div { position: relative; float: left; width: 100%; overflow: hidden; margin: 0; }
.listHDline1 .subtitle { position: relative; float: left; width: 48%; display: block; overflow: hidden; margin: 0; padding: 0; }
.listHDline1 .subtitle .subj { margin: 0; line-height: 1.3; font-weight: 600; font-size: 2.25rem; letter-spacing: -0.0055rem; overflow: hidden; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 1.5rem; }
.listHDline1 dt .wdate { margin: 0; line-height: 1.5; font-weight: 400; font-size: .95rem; letter-spacing: -0.0055rem; overflow: hidden; color: #444; margin-bottom: 3rem; }
.listHDline1 .stitle { display: block; overflow: hidden; padding: 0; margin: 0; border: 0; margin-bottom: 1rem; }
.listHDline1 .stitle a { margin: 0; line-height: 1.5; font-weight: 600; font-size: 1rem; letter-spacing: -0.0055rem; overflow: hidden; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; }
.listHDline1 .conts { display: block; overflow: hidden; padding: 0; margin: 0; border: 0; }
.listHDline1 .conts a { margin: 0; line-height: 1.6; font-weight: 500; font-size: .95rem; letter-spacing: -0.0055rem; overflow: hidden; color: #777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; }
.listHDline1 .zimg { position: relative; float: right; width: 47.5%; overflow: hidden; margin: 0; padding: 0; }
.listHDline1 .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; transition: all .5s; }
.listHDline1 .zimg a { display: block; overflow: hidden; padding: 0; margin: 0; height: 338px; border: 1px solid #DDD; border-radius: 0.25rem; }
.listHDline2 { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 2rem; }
.listHDline2 > div { position: relative; float: left; width: 47.5%; overflow: hidden; margin: 0; margin-right: 5%; }
.listHDline2 > div:last-child { margin-right: 0; }
.listHDline2 .subtitle { position: relative; float: left; width: 58%; display: block; overflow: hidden; margin: 0; padding: 0; }
.listHDline2 .subtitle .subj { margin: 0; line-height: 1.3; font-weight: 600; font-size: 1.25rem; letter-spacing: -0.0055rem; overflow: hidden; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 1rem; }
.listHDline2 .conts { display: block; overflow: hidden; padding: 0; margin: 0; border: 0; }
.listHDline2 .conts a { margin: 0; line-height: 1.6; font-weight: 500; font-size: .95rem; letter-spacing: -0.0055rem; overflow: hidden; color: #777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.listHDline2 .zimg { position: relative; float: right; width: 35%; overflow: hidden; margin: 0; padding: 0; }
.listHDline2 .zimg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; transition: all .5s; }
.listHDline2 .zimg a { display: block; overflow: hidden; padding: 0; margin: 0; height: 130px; border: 1px solid #DDD; border-radius: 0.25rem; }
/* newsList opinion */
.listHDop { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; margin-bottom: 2rem; }
.listHDop > div { position: relative; float: left; width: 48.75%; overflow: hidden; margin: 0; margin-right: 2.5%; border: 1px solid #DDD; padding: 4% 5% 4% 10%; }
.listHDop > div:last-child { margin-right: 0; }
.listHDop > div::after { content: ""; position: absolute; left: 7%; top: 28%; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAABNNJREFUeF7tnAGO1DAMRbMnAU4CnAQ4CXAS4CTASYCTgD4ao1J14m/HcbIrV1rtSpuJ7ddvx03beWh1pBB4SLFSRlqBThJBgS7QSQSSzJSiC3QSgSQzpegCnUQgyUwpukAnEUgyU4ou0EkEksyUogt0EoEkM7so+nlr7c0t5lettddJ8VvMwEf8vGytmX1cCVrgfjhF+7O19sJCYOJY8RFg8XM8IIZvrO1s0Pfgnv01BcEGS44TH9/eFHzvYxDIR3LOtP1oOP++tQbnmcMUBDMhMYYVgUwFNdMlbrai4fyni7TT4jYFoU2m/N8KWKYzlbiZoKHgc/1lmZiCYCe9GIcMgxC8B13iZoCGQr4q9Y0JjA6Cmew0xptpZ1N0iYsGjZUZkEcPKPqdZVU3GATkH4bx94bCRyyGn5m5IkGPlAr4Csfh9Jfb34z/1jERQsD6AR8pwOJgFGjUObajuIJDp6CV7GH8KGQARpZBEOYjAvQI5CHnDdGOQA4pY6Ogvat2iPMk6BHIYZk2AtobQHaP7Fn4woUwAvo3qajjsEzIsIsO6LxHobk9pYf3gvYEkA3Z0wVNgYwz6wHtKRnZkL298rSLJA9o1DwEYjmw7elqiyxGDmM9GTcNskfRni4DvaepuXfClY95Mg7+wc9ph1XRVjVnlwzvAjg94yygPWqemo4X8vOoOaxX7qWDBbS17q1Qs+cq1cLAXVosRqx9c3ZtBgRraZtem+XMsKC9ZQN3jHH8uv1G50Hf0DTKx+MjygZ8ezbbRxa0VSk9RgL7e3A34ikb9/yEj/gxb4fem5AB7W3+GUHKHjR9N7kzaaQYjmZCfGRAe1KSgXwOBh2K96JmphjEz6GNJgZ0ZEpqJYW+NXSaKEMMMOlWNwN6VkpeQTfdhztMkCUGMWnuvRnQ1rbOWjbO4z0pmikGF2wNtOdKaxS0pKilZmeLQXyk79RroLNq39XJsVxMrAAtsKkHMncGjUCYvZKMjqOXpVS91kB77lJElA6Zg9kvWZl1tKo10Nmr+dVJ0lS9GjR8Vvd1HgNoLTV3AK1m3mMArQWxA2j1pq4G2roHHVmfj5e+vZV99ToifnZL3GMAjUB6t5qeBOgdFkOtzduhdMDH7lqiKXoX0D1F7wK623looHdJyx7oVdsE5/VoCPQuaumBXn1lKMCHQO+ill7m7QK6+2yIVjp2CILZXNqhDe2y1EAjLVYHoV7e3l7rGHmNbbT/V8XAgF5dPhgfV2eeth9DPbYb9U6eRzWqUhbezmKvXP+OY9SCcatUrSrlAHqVqikfWdArarW2a3eVIdl9v7bh9c9HC+ioV4+ZEkIHcJosu8zRj/taQGeVEHXLUTlTWYKgSob4agWNz828WvQ8anDFfTZsE2TLYngOZkYggGx5xEArQbN8pB8xODroUbR83vuFIleAPAufBhr/j/TRu26Y2rteUCMLEADP/DaDCFGElLMRRV+VE/Tb+Fq1e2+ryrPR8owdo8rIMRAFfJOvVLt6jU+ejZavi/A+4fqf35Ggr8BL+orzkdAi5hLQ+C1AQ8CenZsJOgLEk5mjQCedygJdoJMIJJkpRRfoJAJJZkrRBTqJQJKZUnSBTiKQZKYUXaCTCCSZKUUX6CQCSWZK0QU6iUCSmVJ0gU4ikGTmD40cBWqtCUVSAAAAAElFTkSuQmCC') no-repeat right bottom; background-size: contain; width: 50px; height: 50px; opacity: 0.1; }
.listHDop .subtitle { position: relative; float: left; width: 100%; display: block; overflow: hidden; margin: 0; padding: 0; }
.listHDop .subtitle .subj { height: 85px; margin: 0; line-height: 1.4; font-weight: 600; font-size: 1.75rem; letter-spacing: -0.0055rem; overflow: hidden; color: #000; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom: 1.5rem; }
.listHDop .conts { display: block; overflow: hidden; padding: 0; margin: 0; border: 0; margin-bottom: 1rem; }
.listHDop .conts a { margin: 0; line-height: 1.6; font-weight: 500; font-size: .95rem; letter-spacing: -0.0055rem; overflow: hidden; color: #777; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.listHDop .wdate { margin: 0; line-height: 1.5; font-weight: 400; font-size: .95rem; letter-spacing: -0.0055rem; overflow: hidden; color: #444; }
.listHDop .cate { display: inline-block; padding: 1% 3%; margin: 0; background-color: #000; color: #FFF; font-size: 1.1rem; margin-bottom: 1rem; border-radius: 0rem; }
/* newsList photo */
.listHDline3 { position: relative; margin-top: 0px; overflow: hidden; max-width: 1340px; width: 100%; max-height: 440px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.listHDline3 ul { display: block; overflow: hidden; list-style: none; padding: 0; margin: 0; }
.listHDline3 ul:after { clear: both; content: ""; display: block; }
.listHDline3 ul li { position: relative; float: left; padding: 0; margin: 0; list-style: none; }
.ch_100p.cateTopHD { height: 400px; }
.ch_100p.cateTopHD .tlimg { height: 400px; }
.ch_100p.cateTopHD .tlimg img { min-height: 400px; }
.ch_50p.cateTopHD { height: 200px; }
.ch_50p.cateTopHD .tlimg { height: 200px; }
.ch_50p.cateTopHD .tlimg img { min-height: 200px; }
.ct_20x.cateTopHD .tltxt h3 { font-weight: 600; font-size: 1.5rem; margin: 0; max-height: 68px; line-height: 1.4; letter-spacing: -.025rem; padding-bottom: 15px; }
.ct_20x.cateTopHD .tltxt p { margin: 0 0 12px 0; font-size: 0.85rem; line-height: 1.4; height: 38px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.ct_10x.cateTopHD .tltxt h3 { font-weight: 600; font-size: 1.25rem; margin: 0; line-height: 1.3; letter-spacing: -.025rem; padding-bottom: 15px; }
.ct_10x.cateTopHD .tltxt p { margin: 0 0 10px 0; font-size: 0.85rem; line-height: 1.4; min-height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.cateTopHD { width: 100%; position: relative; overflow: hidden; }
.cateTopHD a { text-decoration: none; display: block; outline: none; }
.cateTopHD .ctitle { position: absolute; left: 5%; top: 5%; font-size: 11px; height: 22px; line-height: 22px; padding: 0px 10px; background-color: #d12133; color: #FFF; font-weight: 600; z-index: 3; text-transform: uppercase; }
.cateTopHD .ctitle a { color: #FFF; }
.cateTopHD .tlimg { width: 100%; overflow: hidden; background-position: 50% 20%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.cateTopHD .tlimg img { width: 100%; vertical-align: top; display: none; }
.cateTopHD:hover .tlimg { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.cateTopHD .tlimg:after { content: ''; position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 0; transition: width .2s ease-in-out,background .2s ease-in-out; }
.cateTopHD a:hover .tlimg:after { width: 100%; }
.cateTopHD .textbox { left: 0; bottom: 0px; width: 100%; height: 100%; padding: 0 2%; margin: 0; position: absolute; background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%); }
.cateTopHD .textbox:hover { background: none; }
.cateTopHD ._ps { position: absolute; bottom: 0; left: 0; width: 100%; -ms-transform: translateY(48px); transform: translateY(48px); transition: transform .5s ease-in-out,-ms-transform .5s ease-in-out; }
.cateTopHD ._ps:after { content: ''; position: absolute; z-index: 0; left: 0; bottom: -20%; width: 100%; height: 100%; background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.9) 90%); }
.cateTopHD a:hover ._ps { -ms-transform: translateY(0); transform: translateY(0); }
.cateTopHD .tltxt { position: relative; width: 100%; padding: 0 5%; text-shadow: 1px 1px rgba(0,0,0,.75); z-index: 3; }
.cateTopHD .tltxt h3 { display: block; color: #FFF; overflow: hidden; padding: 0; letter-spacing: -1px; z-index: 3; }
.cateTopHD .tltxt p { color: #fff; overflow: hidden; z-index: 3; }
/* list blog img type*/
.article-vlist { display: flex; align-items: center; gap: 2px; list-style: none; padding: 0; margin: 0; }
.article-vlist li { flex: 0 0 32px; width: 32px; height: 32px; margin: 0; padding: 0; list-style: none; border: 1px solid #ddd; background: #fff; box-sizing: border-box; }
.article-vlist li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; color: #444; text-decoration: none; box-sizing: border-box; }
.article-vlist li a i { font-size: 1rem; line-height: 1; }
.article-vlist li:hover { border-color: #444; background: #f8f8f8; }
.article-vlist li:hover a { color: #111; }
.article-vlist li.sel { border-color: #d12133; background: #d12133; }
.article-vlist li.sel a { color: #fff; }
.article-vlist li.sel:hover { border-color: #b51b2b; background: #b51b2b; }
/* 리스트형기사 */
.listdtype { position: relative; width: 100%; overflow: hidden; padding: 10px 0; clear: both; margin: 0; }
.listdtype:after { clear: both; content: ""; display: block; }
.listdtype .subject { float: left; width: 65%; font-size: 15px; font-weight: bold; letter-spacing: -1px; line-height: 22px; margin: 0; }
.listdtype .subject a { color: #000; }
.listdtype .winfo { float: left; width: 20%; padding-left: 3%; }
.listdtype .date { float: right; width: 10%; }
.listdtype_line { border-bottom: 1px dashed #DDD; margin: 30px 0; clear: both; }
/* 텍스트기사 */
.listTxt { overflow: hidden; _height: 1%; padding: 4px 0; }
.listTxt:after { clear: both; content: ""; display: block; }
.listTxt > div { margin: 0; }
.listTxt .subject { font-size: 1.25rem; font-weight: 600; line-height: 1.4; margin: 3px 0 5px; }
.listTxt .subject a { color: #000; }
.listTxt .winfo { line-height: 18px; font-size: 12px; color: #8E8E8E; margin: 12px 0 0; }
.listTxt .winfo a { color: #8E8E8E; }
.listTxt .conts { line-height: 1.5; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin: 10px 0 0; }
.listTxt .date { padding: 1px 0 0 7px; color: #8E8E8E; font-size: 12px; }
/* 사진기사 */
.listPhoto { position: relative; overflow: hidden; padding: 4px 0; }
.listPhoto:after { clear: both; content: ""; display: block; }
.listPhoto div.ctitle { position: absolute; left: 0px; top: 0px; font-size: 12px; height: 22px; line-height: 22px; padding: 0px 10px; background-color: #d12133; color: #FFF; font-weight: 600; z-index: 99; text-transform: uppercase; }
.listPhoto div.ctitle a { color: #FFF; }
.listPhoto p.img { position: relative; float: left; width: 170px; max-height: 130px; overflow: hidden; display: block; margin: 0; border: 1px solid #ddd; }
.listPhoto p.img a { width: 100%; height: 130px; display: block; overflow: hidden; background-position: 50% 20%; background-repeat: no-repeat; background-size: contain; }
.listPhoto p.img img { display: none; width: 100%; max-height: 130px; }
.listPhoto > div { margin: 0; margin-left: 190px; }
.listPhoto .subject { font-size: 1.25rem; font-weight: 600; line-height: 1.4; margin: 5px 0; }
.listPhoto .subject a { color: #000; }
.listPhoto .winfo { line-height: 18px; font-size: 12px; color: #8E8E8E; margin: 12px 0 0; }
.listPhoto .winfo a { color: #8E8E8E; }
.listPhoto .conts { line-height: 1.5; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; margin: 10px 0 0; }
.listPhoto .date { padding: 0 0 0 10px; color: #8E8E8E; }
.naviLink { padding: 0; font-size: 0.9rem; line-height: 1.5; color: #ddd; text-align: left; }
.naviLink a { display: inline-block; font-size: 0.9rem; color: #444; }
.naviLink a:last-child { font-weight: bold; }
#listWrap .line { border-bottom: 1px dashed #DDD; margin: 15px 0; clear: both; }
/*포토뉴스*/
.Photo_newslist { clear: both; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 2%; width: 100%; list-style: none; margin: 0; padding: 0; }
.Photo_newslist li { min-width: 0; margin: 0; background-color: #FFF; }
.Photo_newslist li:hover { border: 0px solid #f46957; }
.Photo_newslist4 { clear: both; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 1%; width: 100%; list-style: none; margin: 0; padding: 0; }
.Photo_newslist4 li { min-width: 0; margin: 0; background-color: #FFF; }
.Photo_newslist4 li:hover { border: 0px solid #f46957; }
.Photo_newslist .Photo_newslist_box, .Photo_newslist4 .Photo_newslist_box { position: relative; display: block; height: auto; padding: 0; border: 0; margin: 0 auto; }
.Photo_newslist .Photo_newslist_box:hover, .Photo_newslist4 .Photo_newslist_box:hover {  }
.Photo_newslist .firstimg, .Photo_newslist4 .firstimg { background-color: #FFF; text-align: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; margin: 0px; border: 0px solid #DDD; padding: 0; border:1px solid #DDD;}   /* 이미지 비율 3:4 */
.Photo_newslist .firstimg a, .Photo_newslist4 .firstimg a { display: block; width: 100%; height: 100%; overflow: hidden; }
.Photo_newslist .firstimg img, .Photo_newslist4 .firstimg img { display: block; width: 100%; height: 100%; padding: 0; margin: 0; object-fit: cover; object-position: 50% 20%; }
.Photo_newslist .subject_noimg, .Photo_newslist4 .subject_noimg { text-align: center; padding: 30px 15px; line-height: 1.5; border: 1px solid #DDD; height: 195px; }
.Photo_newslist .subject_noimg a, .Photo_newslist4 .subject_noimg a { color: #444; font-size: 22px; display: block; overflow: hidden; font-weight: bold; }
.Photo_newslist .subject, .Photo_newslist4 .subject { text-align: left; padding: 10px 0 4px; line-height: 1.4; }
.Photo_newslist .subject a, .Photo_newslist4 .subject a { color: #222; font-size: 1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font-weight: 600; letter-spacing: -.02em; }
.Photo_newslist .subject a:hover, .Photo_newslist4 .subject a:hover { color: #000; text-decoration: underline; }
.Photo_newslist li.more-next, .Photo_newslist4 li.more-next { display: none; }
.Photo_newslist .conts, .Photo_newslist4 .conts { margin: 0 0 6px; padding: 0; line-height: 1.4; color: #888; font-size: .85rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }

.Photo_newslist .byline, .Photo_newslist4 .byline { color: #777; font-size: 12px; line-height: 20px; padding: 0; display: block; }
.viewSns { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 43px; margin: 0 0 20px; padding: 4px 0; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.viewSns .font { display: flex; align-items: center; gap: 5px; flex-shrink: 0; margin: 0; padding: 0; list-style: none; }
.viewSns .font li { display: block; width: 32px; height: 32px; margin: 0; padding: 0; list-style: none; }
.viewSns .font li > a, .viewSns .font li > button { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 1px solid #d7d7d7; border-radius: 4px; background: #fff; color: #444; text-decoration: none; cursor: pointer; box-sizing: border-box; }
.viewSns .font li > a:hover, .viewSns .font li > a:focus, .viewSns .font li > button:hover, .viewSns .font li > button:focus { border-color: #444; background: #f5f5f5; color: #111; text-decoration: none; }
.viewSns .font li i { display: block; font-size: 1rem; line-height: 1; }
.google-preferred-source { display: inline-flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; height: 34px; padding: 0 11px; border: 1px solid #dadce0; border-radius: 17px; background: #fff; color: #3c4043; text-decoration: none; box-sizing: border-box; font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap; }
.google-preferred-source:hover, .google-preferred-source:focus { background: #f8f9fa; border-color: #bdc1c6; color: #202124; text-decoration: none; }
.google-preferred-source .google-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; object-fit: contain; }
.google-preferred-source .txt { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width:480px) {
	.viewSns { gap: 6px; }
	.google-preferred-source { max-width: calc(100% - 116px); padding: 0 9px; }
	.google-preferred-source .txt { font-size: 11px; }
	.viewSns .font { gap: 3px; }
}
.leftSns { position: relative; overflow: hidden; margin: 0; padding: 0; padding-top: 20px; padding-bottom: 10px; }
.leftSns ul { display: table; margin: 0; list-style: none; padding: 0; width: 60px; }
.leftSns ul li { padding: 0; margin: 0; margin-bottom: 1rem; width: 100%; }
.leftSns ul li a { display: block; line-height: 30px; padding: 10px 0; width: 100%; text-align: center; border: 1px solid #DDD; border-radius: .25rem; color: #777; }
.leftSns ul li a:hover { border: 1px solid #111; color: #000; }
/* 기사타이틀 */
.viewTitle { position: relative; overflow: hidden; margin: 0; padding: 1.5rem 0 1rem 0; background-color: #fff; border: 0px solid #DDD; }
.viewTitle .menu { float: left; overflow: hidden; width: 15%; margin: 10px 0; padding: 1%; display: block; border-right: 1px solid #e5e5e5; }
.viewTitle .menu h3 { font-size: 16px; margin: 0 auto; display: block; padding: 1px 0 0px; text-align: center; color: #222; letter-spacing: -1px; }
.viewTitle .menu a { color: #222; }
.viewTitle .menu p { width: 100%; font-size: 12px; margin: 0 auto; display: block; padding: 5px 0; text-align: center; color: #222; }
.viewTitle .menu p a { background: url("/images/main/icon_try_oj.gif") no-repeat scroll left 6px transparent; height: 25px; line-height: 25px; padding-left: 5px; color: #333; }
.viewTitle .ulli0 { right: 5px; bottom: 5px; position: absolute; }
.viewTitle .ulli0 li { height: 18px; }
.viewTitle > div { padding: 0; margin: 0; display: block; }
.viewTitle .subject { margin: 0 0 20px; text-align: left; }
.viewTitle .subject h1 { font-size: 36px; line-height: 1.5; color: #000; word-break: keep-all; letter-spacing: -1px; margin: 0; padding: 0; font-weight: 600; }
.viewTitle .info { font-size: 13px; color: #555; line-height: 15px; padding: 5px 0; text-align: left; margin: 0; }
.viewTitle .info a { color: #555; }
.viewTitle .subtitle { font-size: 17px; color: #444; line-height: 25px; padding: 5px 0; }
.viewTitle .date { padding: 1px 0 0 7px; color: #555; font-size: 10px; letter-spacing: -1px; }
/* news view page */
#viewWrap .viewConts { position: relative; overflow: hidden; padding: 0 0 10px 0px; font-size: 13pt; line-height: 1.9; color: #000; }
#viewWrap .viewConts table { font-size: 13pt; line-height: 1.5; }
#viewWrap .viewConts td { line-height: 1.5; }
#viewWrap .viewConts ul li { list-style: disc inside; }
#viewWrap .viewConts ol li { list-style: decimal inside; }
#viewWrap .viewConts a { color: #0057cc; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
#viewWrap .viewConts a:is(:hover, :focus-visible) { color: #003d99; }
#viewWrap .viewConts a img { vertical-align: top; }
#viewWrap .viewConts img { max-width: 100%; }
#viewWrap .viewConts p { margin-bottom: 1.5rem; }
#viewWrap .viewConts table p { margin: 0; }
#viewWrap .viewConts figure { max-width: 100%; margin: 0 0 1.5rem; padding: 0; }
#viewWrap .viewConts figure img { max-width: 100%; height: auto; }
#viewWrap .viewConts figure figcaption { margin-top: 0; padding: 8px; text-align: left; color: #999; font-size: .85rem; line-height: normal; word-break: keep-all; }
#viewWrap .viewConts figure figcaption::before { content: "\25B2"; margin-right: .5em; }
#viewWrap .viewConts figure figcaption p { display: inline; margin-bottom: 0!important; }
#viewWrap .viewConts h1 { font-size: 2em; font-weight: bold; }
#viewWrap .viewConts h2 { font-size: 1.5em; font-weight: bold; }
#viewWrap .viewConts h3 { font-size: 1.17em; font-weight: bold; }
#viewWrap .viewConts h4 { font-size: 1em; font-weight: bold; }
#viewWrap .viewConts h5 { font-size: 0.83em; font-weight: bold; }
#viewWrap .viewConts h6 { font-size: 0.67em; font-weight: bold; }
figure { max-width: 100%; padding: 0; }
figure img { max-width: 100%; }
figure figcaption { text-align: left; padding: 8px; margin-top: 0; color: #999; font-size: 0.85rem; word-break: keep-all; line-height: normal; }
figure figcaption p { margin-bottom: 0!important; }
.image.align-center { display: table; margin: 0 auto; margin-bottom: 1.5rem; text-align: center; }
.image.align-left { float: left; margin-left: 0; margin-right: 1.5rem; text-align: center; }
.image.align-right { float: right; margin-left: 1.5rem; margin-right: 0; text-align: center; }
table.align-center { margin: 0 auto; margin-bottom: 1.5rem; text-align: center; }
table.align-left { float: left; margin-left: 0; margin-right: 1.5rem; text-align: center; }
table.align-right { float: right; margin-left: 1.5rem; margin-right: 0; text-align: center; }
.viewConts .summary_title { display: block; position: relative; padding-left: 20px; margin: -4px 0 27px; font-weight: 600; line-height: 1.5; color: #111; font-size: 1.35rem; text-align: justify; }
.viewConts .summary_title:before { position: absolute; top: 6px; left: 0; bottom: 2px; width: 5px; background-color: #111; content: ''; }
.__se_tbl td._c2 { margin: 0 auto; padding: 0; }
.__se_tbl td._c2 img { width: 60%!important; margin: 0 auto; padding: 0; vertical-align: bottom; }
.__se_tbl td._caption { padding: 5px 0; line-height: 1.2; font-size: 0.85rem!important; color: #8191af; }
.__se_mov { margin: 0 auto; margin-bottom: 1.5rem; text-align: center; }
#viewConts iframe[data-type-iframe] { width: 100%; aspect-ratio: 16 / 9; height: auto; display: block; }
/* new */
.down_nfile { border: 1px solid #DDD; display: inline-block; margin-bottom: 10px; padding: 3px 10px; }
.down_nfile:hover { border: 1px solid #002b6a; }
.down_nfile:hover a { color: #002b6a; }
.down_nfile a { display: block; color: #444; font-size: 0.75rem; }
.down_nfile .st { color: #999; font-size: 0.55rem; }
.jnlistbox { position: relative; overflow: hidden; margin: 0; padding: 0; border: 1px solid #DDD; border-radius: .25rem; }
.jnlistbox:after { content: ""; display: block; clear: both; }
.jnlistbox .wtinfo { position: relative; padding: 15px 20px; }
.jnlistbox .wtinfo:after { content: ""; display: block; clear: both; }
.jnlistbox .wtinfo .wtinfo_left { float: left; position: relative; }
.jnlistbox .wtinfo .wtinfo_right { float: left; position: relative; }
.jnlistbox .wtinfo .wimg { float: left; overflow: hidden; width: 60px; height: 60px; padding: 0; border: 1px solid #DDD; border-radius: 30px; -wekikit-border-radius: 30px; margin-right: 15px; }
.jnlistbox .wtinfo .wimg img { width: 100%; height: auto; padding: 0; }
.jnlistbox .wtinfo .wname { line-height: 26px; display: inline-block; margin: 0; font-size: 0.95rem; font-weight: 400; }
.jnlistbox .wtinfo .wmail { line-height: 26px; display: inline-block; margin: 0; }
.jnlistbox .wtinfo .wconts { line-height: 1.5; display: block; margin: 5px 0 0 0; font-size: 0.8rem; }
.jnlistbox .wtinfo .wpage { display: inline-block; margin-top: 8px; padding: 2px 10px; border: 1px solid #bbb; border-radius: 4px; background: #fff; color: #555; font-size: 13px; line-height: 18px; text-decoration: none; }
.jnlistbox .wtinfo .wpage:hover { border-color: #888; background: #f5f5f5; color: #222; }
.jnlistbox .wtconts { position: relative; padding: 15px 20px; border-top: 1px solid #DDD; }
.jnlistbox .wnview { position: relative; display: block; margin: 0px 0; clear: both; overflow: hidden; font-weight: bold; font-size: 1rem; }
.jnlistbox .wnview a { position: relative; color: #3c71bc; font-size: 1em; display: block; margin: 0; overflow: hidden; }
.jnlistbox .wnlist { position: relative; display: block; margin: 10px 0 0 0; list-style: none; padding: 0; }
.jnlistbox .wnlist:after { clear: both; content: ""; display: block; }
.jnlistbox .wnlist li { overflow: hidden; margin: 0; padding: 0 0 0 15px; background: url('img/ico_tl3.png') no-repeat 0px 6px; list-style: none; }
.jnlistbox .wnlist li a { color: #222; font-size: 1rem; font-weight: 500; overflow: hidden; display: block; padding: 0; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .25rem; }
.jnlistbox .wnlist li p { margin: 0; }
/*Profile css*/
.profilebox { position: relative; overflow: hidden; margin: 0; padding: 0px; border: 0px solid #DDD; }
.profilebox:after { content: ""; display: block; clear: both; }
.profilebox a { color: #444; }
.profilebox p { margin-bottom: 0.25rem; }
.profilebox span { margin-right: 0.25rem; }
/* PC : 사진 위, 이름/소개 아래 */
.profilebox .wtimg { width: 120px; height: 120px; margin: 0; overflow: hidden; display: block; border-radius: 50%; border: 1px solid #EEE; }   /* 동그란 프로필 사진 */
.profilebox .wtimg img { display: block; width: 100%; height: 100%; padding: 0; object-fit: cover; }
.profilebox .wtname { width: 100%; float: left; overflow: hidden; padding-left: 0px; margin-top: 10px; }
.profilebox .wtname p { overflow-wrap: anywhere; }
.profilebox .wtinfo { width: 100%; overflow: hidden; padding: 0; font-size: 0.9rem; overflow-wrap: anywhere; }
/* 반응형 : 사진 왼쪽, 이름/소개 오른쪽 */
@media (max-width: 900px) {
	.profilebox { display: grid; grid-template-columns: 90px minmax(0, 1fr); grid-template-areas: "img name" "img info"; column-gap: 14px; align-items: start; }
	.profilebox:after, .profilebox .clear { display: none; }
	.profilebox .wtimg { grid-area: img; width: 90px; height: 90px; }
	.profilebox .wtname { grid-area: name; float: none; width: auto; min-width: 0; margin-top: 0; }
	.profilebox .wtinfo { grid-area: info; width: auto; min-width: 0; }
}
/*주요프로그램*/
.prog_List { clear: both; float: left; width: 100%; display: block; list-style: none; margin: 0; padding: 0; }
.prog_List li { float: left; width: 32%; margin-right: 2%; background-color: #FFF; margin-bottom: 5%; }
.prog_List li.e { margin-right: 0px; }
.prog_List li:hover { border: 0px solid #f46957; }
.prog_List .pg_box { position: relative; padding-bottom: 10px; display: block; height: 200px; border: 1px solid transparent; margin: 0 auto; }
.prog_List .firstimg { background-color: #FFF; text-align: center; width: 100%; height: 145px; overflow: hidden; margin: 0px; border: 0px solid #DDD; padding: 0; }
.prog_List .firstimg a { display: block; vertical-align: middle; overflow: hidden; }
.prog_List .firstimg img { overflow: hidden; padding: 0; margin: 0 auto; width: 100%; min-height: 145px; }
.prog_List .subject_noimg { text-align: center; padding: 20px 10px; line-height: 1.5; border: 1px solid #DDD; height: 145px; }
.prog_List .subject_noimg a { color: #444; font-size: 22px; display: block; overflow: hidden; font-weight: bold; }
.prog_List .subject { text-align: left; padding: 5px; line-height: 1.4; }
.prog_List .subject a { color: #111; font-size: 1.15rem; display: block; max-height: 44px; overflow: hidden; font-weight: 600; }
/*v 오늘의 이슈*/
/* 반응(리액션) 및 공유 영역 */
.ftSns { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; width: 100%; margin: 0 auto; padding: 50px 0; box-sizing: border-box; }
.ftSns .ftSns-q { margin: 0; font-size: 1.15rem; font-weight: 600; color: #222; text-align: center; letter-spacing: -.02em; }
.ftSns .good-grp { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; }
.ftSns .good-grp { justify-content: center; flex-wrap: nowrap; gap: 12px; }
/* 반응 버튼 */
.good-btn { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-width: 0; width: 100px; height: auto; margin: 0; padding: 16px 8px 14px; border: 1px solid #d3d3d3; border-radius: 12px; background: #fff; color: #444; text-decoration: none; box-sizing: border-box; transition: border-color .2s,color .2s,background-color .2s; }
.good-btn:hover, .good-btn.sel { text-decoration: none; }
.good-btn .bi { display: block; padding: 0; font-size: 1.7rem; line-height: 1; }
.good-btn .label { display: block; font-size: .9rem; font-weight: 500; line-height: 1; white-space: nowrap; }
.good-btn .num { display: block; font-size: 1rem; font-weight: 700; line-height: 1; white-space: nowrap; }
.good-btn[data-rtype="recommend"]:hover, .good-btn[data-rtype="recommend"].sel { border-color: #2d8cf0; background: #f0f7ff; color: #2d8cf0!important; }
.good-btn[data-rtype="like"]:hover, .good-btn[data-rtype="like"].sel { border-color: #f25632; background: #fff8f6; color: #f25632!important; }
.good-btn[data-rtype="touched"]:hover, .good-btn[data-rtype="touched"].sel { border-color: #f5a623; background: #fff9f0; color: #f5a623!important; }
.good-btn[data-rtype="sad"]:hover, .good-btn[data-rtype="sad"].sel { border-color: #6c7a89; background: #f5f6f7; color: #6c7a89!important; }
.good-btn[data-rtype="angry"]:hover, .good-btn[data-rtype="angry"].sel { border-color: #d12133; background: #fff0f1; color: #d12133!important; }
/* SNS 공유 버튼 */
/* 공유하기 */
.layer_modal_wrap { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999999; }
.layer_modal_wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: alpha(opacity=60); }
.layer_modal_wrap .share-layer { display: block; }
.share-layer { display: none; position: absolute; top: 50%; left: 50%; width: 330px; min-height: 300px; overflow: auto; background-color: #fff; border: 1px solid #DDD; z-index: 10; border-radius: .5rem; }
.share-layer .share-pop-container { padding: 25px; margin: 0 auto; }
.modal_head { position: relative; display: block; padding: 0; height: 40px; }
.modal_head:after { display: block; content: ''; clear: both; }
.modal_head .pop-title { display: block; font-size: 20px; color: #000; text-align: center; font-weight: bold; padding: 0; line-height: 40px; color: #000; }
.modal_head .pop-close { position: absolute; right: -6px; top: 0; margin: 0; width: 32px; height: 32px; }
.modal_head .pop-close a { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; color: #444; text-decoration: none; transition: background-color .15s; }
.modal_head .pop-close a:hover { background: #f1f3f5; }
.modal_head .pop-close .bi { font-size: 18px; line-height: 1; color: #222; }
/* 공유하기 레이어 */
#share-pop .share_list { margin: 0; overflow: hidden; padding: 0; list-style: none; }
#share-pop .share_list li { float: left; margin: 0; width: 33.33%; }
#share-pop .share_list li a { display: block; text-align: center; margin-bottom: 10px; color: #111; }
#share-pop .share_list li a span { display: inline-block; text-align: center; width: 50px; height: 50px; font-size: 0; color: transparent; background: url("img/ico_share.png") no-repeat 0 0; background-size: 350px 50px; }
#share-pop .share_list li a .icon_facebook { background-position: 0 0; }
#share-pop .share_list li a .icon_twitter { background-position: -50px 0; }
#share-pop .share_list li a .icon_kakaotalk { background-position: -100px 0; }
#share-pop .share_list li a .icon_line { background-position: -150px 0; }
#share-pop .share_list li a .icon_band { background-position: -250px 0; }
#share-pop .share_list li a .icon_naver { background-position: -300px 0; }
#share-pop .share_list li.url { clear: both; position: relative; float: none; margin: 0; padding-top: 30px; width: 100%; }
#share-pop .share_list li.url .url_input { float: left; display: inline-block; width: 70%; height: 36px; padding: 0 2%; border: 1px solid #dee0e3; border-right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 36px; color: #4d4d4e; background: #fafafa; vertical-align: middle; }
#share-pop .share_list li.url .btn_copyurl { display: inline-block; width: 24%; height: 36px; border: 1px solid #d9dcdf; font-size: 13px; line-height: 36px; color: #363636; background: #e0e2e4; text-align: center; vertical-align: middle; }
#share-pop .share_list li.url .txt { position: absolute; display: none; top: 5px; left: 0; width: 227px; height: 20px; padding: 0 10px; }
/* 폰트사이즈*/
.layer_modal_wrap .font-layer { display: block; }
.font-layer { display: none; position: absolute; top: 50%; left: 50%; width: 330px; height: 200px; overflow: auto; background-color: #fff; border: 1px solid #DDD; z-index: 10; border-radius: .5rem; }
.font-layer .font-pop-container { padding: 20px; margin: 0 auto; }
#font-pop .fontsize_list { padding: 25px 0; overflow: hidden; margin: 0 auto; list-style: none; }
#font-pop .fontsize_list li { float: left; margin: 0; width: 20%; text-align: center; }
#font-pop .fontsize_list li button { overflow: hidden; display: block; width: 38px; height: 38px; margin: 0 auto; padding: 0; color: #000; background: #fff; border: 1px solid #e5e2e2; border-radius: 50%; text-align: center; line-height: 38px; }
#font-pop .fontsize_list li button.on { background-color: #000; color: #FFF; }
#font-pop .fontsize_list li button.fsz13 { font-size: 13px; }
#font-pop .fontsize_list li button.fsz15 { font-size: 15px; }
#font-pop .fontsize_list li button.fsz17 { font-size: 17px; }
#font-pop .fontsize_list li button.fsz20 { font-size: 20px; }
#font-pop .fontsize_list li button.fsz22 { font-size: 22px; }
#font-pop .fontsize_list li button.fsz24 { font-size: 24px; }
#font-pop .fontsize_list li button.fsz28 { font-size: 28px; }
#font-pop .fontsize_list li p { font-size: 12px; margin: 0; }
/* mrte inc ad*/
._admanager { position: relative; display: block; border: 1px solid red; min-height: 17px; }
._admanager:after { clear: both; content: ""; display: block; }
._admanager a.tl { position: absolute; left: 0; top: 0; font-size: 11px; background-color: red; color: #FFF; z-index: 9; padding: 0 10px; }
._admanager a.close { position: absolute; right: 0; top: 0; font-size: 11px; background-color: red; color: #FFF; z-index: 9; padding: 0 10px; }
/* APPLAD */
._admanager2 { position: relative; display: block; border: 0px solid blue; min-height: 19px; min-width: 100px; box-sizing: border-box; }
._admanager2:after { clear: both; content: ""; display: block; }
._admanager2 .tl { position: absolute; left: 0; top: 0; font-size: 11px; background-color: blue; color: #FFF; z-index: 9; padding: 0 5px; }
._admanager2 .tl a { font-size: 11px; color: #FFF; padding: 0; }
._admanager2 a.adm { position: absolute; right: 0; top: 0; font-size: 11px; background-color: blue; color: #FFF; z-index: 9; padding: 0 5px; }
._admanager2 .tlr { position: absolute; right: 0; top: 0; font-size: 11px; background-color: blue; z-index: 9; padding: 0 5px; }
._admanager2 .tlr a { font-size: 11px; color: #FFF; padding: 0; }
.banner_quick_btn { cursor: pointer; }
.banner_quick_btn:hover { text-decoration: underline; }
.banner_quick_file { display: none; }
._dpmanager { position: relative; display: block; min-height: 19px; min-width: 100px; box-sizing: border-box; }
._dpmanager:after { clear: both; content: ""; display: block; }
._dpmanager .tl { position: absolute; left: 0; top: 0; font-size: 11px; background-color: #38c293; z-index: 9; padding: 0 5px; }
._dpmanager .tl a { font-size: 11px; color: #FFF; padding: 0; }
._dpmanager a.adm { position: absolute; right: 0; top: 0; font-size: 11px; background-color: #38c293; color: #FFF; z-index: 9; padding: 0 5px; }
._dpmanager .tlr { position: absolute; right: 0; top: 0; font-size: 11px; background-color: #38c293; z-index: 9; padding: 0 5px; }
._dpmanager .tlr a { font-size: 11px; color: #FFF; padding: 0; }
/*우측스크롤*/
.scroll_layer_left { margin-right: 620px; position: absolute; right: 50%; top: 0; width: 50%; z-index: 88; }
.scroll_layer_right { margin-left: 620px; position: absolute; left: 50%; top: 0; width: 0%; z-index: 88; }
@media (max-width:1560px) {
	.scroll_layer_left, .scroll_layer_right { display: none; }
}
div[id^="dablewidget_"] { display: none!important; hieght: 0!important; }
[id^="lv-ad-"] { display: none!important; }
/* 사이드 이슈 */
.rit-box1:hover > div { background: rgba(229,104,94,0.8); }
.rit-box2:hover > div { background: rgba(247,156,59,0.8); }
.rit-box3:hover > div { background: rgba(80,163,158,0.8); }
.rit-box4:hover > div { background: rgba(81,112,164,0.8); }
/*우측 이슈투데이*/
.rit-box { width: 50%; height: 124px; float: left; }
.rit-box dl { margin: 0; padding: 21px 9px 19px 10px; height: 124px; }
.rit-box dt { display: block; }
.rit-box dt a { display: block; font-size: 15px; padding-left: 4px; text-align: left; font-weight: 500; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; }
.rit-box dd { position: relative; display: block; }
.rit-box dd:after { content: ""; position: absolute; width: 3px; height: 3px; background: #FFF; border-radius: 50%; top: 50%; }
.rit-box dd a { display: block; font-size: 12px; margin-top: 10px; text-align: left; font-weight: 400; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1; background: url(../images/ui/square003.png) left 6px no-repeat; background-size: 2px 2px; padding-left: 7px; }

/* ==== 메인 Latest News 티커 (구 .newsSB_wrap / #newsSB_scroll 의 현대화, JS: /script/news-ticker.js) ==== */
.newsSB_wrap { --sb-h: 40px; display: flex; align-items: center; height: var(--sb-h); margin: 0; }
.newsSB_wrap .latest_tl p { margin: 0; padding-inline: 15px; font-size: 1rem; font-weight: 600; line-height: var(--sb-h); color: #fff; white-space: nowrap; }
.newsSB_wrap .latest_tl i { font-size: .9em; opacity: .85; }
.newsSB_view { position: relative; flex: 1; min-width: 0; height: var(--sb-h); overflow: hidden; }
.newsSB_list { margin: 0; padding: 0; list-style: none; transform: translateY(calc(var(--sb-h) * var(--sb-i, 0) * -1)); transition: transform .5s ease; will-change: transform; }
.newsSB_list.is-instant { transition: none; }
.newsSB_list li { display: flex; align-items: center; gap: 14px; height: var(--sb-h); margin: 0; padding: 0 112px 0 0; }   /* 오른쪽은 버튼 3개 자리 */
.newsSB_list li a { flex: 1; min-width: 0; display: block; height: var(--sb-h); padding-inline-start: 20px; overflow: hidden; font-weight: 300; line-height: var(--sb-h); letter-spacing: -.025rem; color: rgba(255,255,255,.75); text-overflow: ellipsis; text-decoration: none; white-space: nowrap; transition: color .2s; }
.newsSB_list li a:is(:hover, :focus-visible) { color: #fff; }
.newsSB_list li a:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.newsSB_ctrl { position: absolute; inset-block: 0; inset-inline-end: 8px; display: flex; align-items: center; gap: 2px; }
.newsSB_ctrl button { display: grid; place-items: center; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: rgba(255,255,255,.7); font-size: .85rem; cursor: pointer; transition: background-color .2s, color .2s; }
.newsSB_ctrl button:is(:hover, :focus-visible), .newsSB_ctrl button.is-open { background: rgba(255,255,255,.18); color: #fff; }
/* 몇 시간/며칠 전 */
.newsSB_list .ago { flex: none; color: rgba(255,255,255,.55); font-size: .8rem; font-weight: 300; white-space: nowrap; }
/* 펼침 목록(tickerList) : 롤링 영역 아래로 펼쳐지는 흰 패널. JS(function.js)가 생성 */
.newsSB_wrap { position: relative; }
.newsSB_drop { position: absolute; top: 100%; left: var(--sb-drop-left, 0); right: 0; z-index: 60; max-height: 0; overflow: hidden; visibility: hidden; background: #fff; border-radius: 0 0 6px 6px; box-shadow: 0 14px 24px rgba(0,0,0,.18); transition: max-height .3s ease-in-out, visibility 0s .3s; }
.newsSB_drop.is-open { max-height: 480px; overflow-y: auto; visibility: visible; transition: max-height .3s ease-in-out, visibility 0s; }
.tickerList { margin: 0; padding: 0 24px; list-style: none; }
.tickerList li { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; border-bottom: 1px solid #eee; }
.tickerList li:last-child { border-bottom: 0; }
.tickerList li a { flex: 1; min-width: 0; padding: 12px 0; overflow: hidden; color: #222; font-size: .95rem; line-height: 1.4; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.tickerList li a:is(:hover, :focus-visible) { color: #06c9c1; }
.tickerList .ago { flex: none; color: #888; font-size: .8rem; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { .newsSB_drop, .newsSB_drop.is-open { transition: none; } }
@media (prefers-reduced-motion: reduce) { .newsSB_list { transition: none; } }

/* ==== K-Gallery 레일 (예전 K-Star Gallery) : 회색 패널 + 2.5장 슬라이드 + 우측 다음 버튼만 ==== */
.gallery-rail { padding: 16px 48px 16px 16px; background: #f8f8f8; }
.gallery-rail .titleBold h3 { color: #06c9c1; }
.gallery-slider .slick-slide { padding-inline-end: 11px; box-sizing: border-box; }
.gallery-slider .zimg { height: 180px; aspect-ratio: auto; border-radius: 0; }
.gallery-slider .zimg img { object-position: 50% 20%; }
.gallery-slider .subject { margin: 0; padding: 10px; background: #34455f; }
.gallery-slider .subject p.subj { display: block; height: 22px; color: #fff; font-size: 1rem; font-weight: 400; line-height: 22px; letter-spacing: -.025rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.gallery-slider a.aimg:hover .subject p.subj { color: #fff; }
/* 다음 버튼 : 예전 검정 화살표 이미지(40x50), 레일 오른쪽 여백에 걸친다 */
.gallery-slider .gal-arrow { position: absolute; top: 90px; z-index: 9; width: 40px; height: 50px; padding: 0; border: 0; font-size: 0; line-height: 0; color: transparent; background: transparent center / contain no-repeat; transform: translateY(-50%); cursor: pointer; opacity: .85; transition: opacity .2s; }
.gallery-slider .gal-arrow:is(:hover, :focus-visible) { opacity: 1; }
.gallery-slider .gal-arrow:focus-visible { outline: 2px solid #06c9c1; outline-offset: -2px; }
.gallery-slider .gal-next { right: -45px; background-image: url('img/arrows_next_black.png'); }
.gallery-slider .gal-prev { display: none; }   /* 이전 버튼은 사용하지 않음 (끌기·방향키로 이동) */
.gallery-slider .gal-next.slick-disabled { opacity: .25; cursor: default; }

/* ==== Issue Keyword (예전 .hashtag_wrap) : 테두리 박스 + 파란 알약 태그 ==== */
.hashtag_wrap { position: relative; padding: 30px 14px 10px; border: 1px solid #ddd; }
.hashtag_wrap .dp_quote { position: absolute; top: -15px; right: 10px; z-index: 2; padding: 0 3px; background: #fff; }
.hashtag_wrap .dp_quote i { display: block; color: #ddd; font-size: 3rem; line-height: 44px; text-align: center; }
.hashtag { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 9px; max-height: 120px; overflow: hidden; }
.hashtag a { display: inline-block; margin-bottom: 9px; padding: 4px 7px; border: 1px solid #0057cc; border-radius: 20px; background: #0057cc; color: #fff; font-size: 14px; text-decoration: none; text-transform: uppercase; transition: background-color .15s, color .15s; }
.hashtag a:is(.on, :hover, :focus-visible) { background: #fff; color: #0057cc; }

/* ==== Must-Read : 2열 x 2행. 열(.must-col) 안에 분류 제목 + 큰 기사(사진 위 흰 제목박스) + 관련 기사 목록 ==== */
.must-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; margin: 0; }
.must-row + .must-row { margin-top: 30px; }
.must-col { min-width: 0; }
/* 분류 제목 : 예전 .dpsubj (청록, 작은 굵은 글씨) + 더보기 */
.must-col .titleline4r { margin: 0 0 8px; padding: 0; border-top: 0; }
.must-col .titleline4r h3 { margin: 0; color: #06c9c1; font-size: .95rem; font-weight: 600; line-height: 30px; }
.must-col .titleline4r p { right: 0; bottom: 0; line-height: 30px; }
.must-col .titleline4r p a { color: #777; }
.must-col .titleline4r p a:hover { color: #06c9c1; }
/* 큰 기사 */
.must-col .Dp2rel { position: relative; }
.must-col .Hatc { position: relative; margin: 0; }
.must-col .Hatc .zimg { height: auto; aspect-ratio: 16 / 9; margin: 0; overflow: hidden; background: #e9ecef; }
.must-col .Hatc .zimg a { display: block; width: 100%; height: 100%; }
.must-col .Hatc .zimg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; transition: transform .5s; }
.must-col .Hatc:hover .zimg img { transform: scale(1.04); }
.must-col .Hatc .subj { position: absolute; inset-inline: 4%; bottom: 0; padding: 5% 4%; background: #fff; }
.must-col .Hatc .subj a { display: block; color: #000; text-decoration: none; }
.must-col .Hatc .subj p.title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; margin: 0; overflow: hidden; font-size: 1rem; font-weight: 600; line-height: 1.4; letter-spacing: -.025rem; overflow-wrap: break-word; }
/* 관련 기사(.Satc) : 점선 구분, 좌측 작은 썸네일(예전 .ddlist-img: 폭 25% x 높이 45px) + 2줄 제목 */
.must-col .Satc { display: grid; grid-template-columns: 25% minmax(0, 1fr); align-items: center; column-gap: 10px; margin: 0 5%; padding: 8px 0; border-top: 1px dotted #ddd; }
.must-col .Hatc + .Satc { margin-top: 14px; }
.must-col .Satc .zimg { height: auto; aspect-ratio: 16 / 9; overflow: hidden; background: #e9ecef; }
.must-col .Satc .zimg a { display: block; width: 100%; height: 100%; }
.must-col .Satc .zimg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; transition: transform .4s; }
.must-col .Satc:hover .zimg img { transform: scale(1.08); }
.must-col .Satc .subj { min-width: 0; margin: 0; }
.must-col .Satc .subj a { display: block; color: #000; text-decoration: none; }
.must-col .Satc .subj p.title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; margin: 0; overflow: hidden; font-size: .85rem; font-weight: 400; line-height: 1.4; overflow-wrap: break-word; }
.must-col .Satc:hover .subj a { color: #06c9c1; }
@media (max-width: 900px) { .must-row { grid-template-columns: 1fr; row-gap: 24px; } }

/* ==== 반응형 : 메인 페이지 (index.899.html) ==== */
@media (max-width: 900px) {
	.Dpbbs_dom > div { padding: 8px 16px; }
	.Dpbbs_dom > div:first-child { padding: 16px; }
	.gallery-rail { padding: 16px; }
	.gallery-slider .gal-next { right: 4px; }
	.newsSB_list li { padding-right: 104px; }
	.hm-left { padding-top: 28px; }   /* 상단 롤링/목록과 Issue Keyword 사이 간격 */
	/* Issue Keyword : 따옴표 아이콘을 줄여 테두리 위에 걸치고 태그를 가리지 않게 */
	.hashtag_wrap { padding-top: 36px; }
	.hashtag_wrap .dp_quote { top: -13px; }
	.hashtag_wrap .dp_quote i { font-size: 2.2rem; line-height: 26px; }
}
@media (max-width: 600px) {
	.newsSB_wrap { --sb-h: 38px; }
	.newsSB_wrap .latest_tl p { padding-inline: 10px; font-size: 0; }   /* 글자는 숨기고 시계 아이콘만 */
	.newsSB_wrap .latest_tl p { display: flex; align-items: center; height: var(--sb-h); line-height: 1; }
	.newsSB_wrap .latest_tl p i.bi-clock { font-size: 1rem; line-height: 1; }
	.newsSB_list .ago { display: none; }
	.newsSB_list li a { padding-inline-start: 10px; font-size: .9rem; }
	.tickerList { padding: 0 12px; }
	.HDLINE3 .hd3-arrow { width: 28px; height: 36px; }
	.titleBold h3 { font-size: 1.15rem; }
	.hashtag a { font-size: 13px; }
}

/* ==== 반응형 : 기사 목록 / 기사 보기 ==== */
@media (max-width: 900px) {
	.Photo_newslist, .Photo_newslist4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
	.Photo_newslist .conts, .Photo_newslist4 .conts { display: none; }   /* 반응형에서는 요약 숨김 */
	/* 2열에서 마지막 칸이 비면(항목 수 홀수) 그 칸에 Next > 표시 : "Next" 칸이 짝수 번째일 때만 보인다 */
	.Photo_newslist li.more-next:nth-child(even), .Photo_newslist4 li.more-next:nth-child(even) { display: flex; }
	.Photo_newslist li.more-next a, .Photo_newslist4 li.more-next a { display: flex; flex: 1; align-items: center; justify-content: center; min-height: 120px; border: 1px dashed #cfd3d9; border-radius: 4px; background: #f8f9fa; color: #444; font-size: 1rem; font-weight: 600; text-decoration: none; }
	.Photo_newslist li.more-next a:hover, .Photo_newslist4 li.more-next a:hover { border-color: #111; color: #111; }
	.title-hdline h3 { font-size: 22px; padding: 14px 0; }
	.cate_tabs .cate_header { flex-wrap: wrap; }
	.cate_tabs .cate_header .title { font-size: 1.5rem; }
	.cate_tabs .tab_list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; }
	.viewTitle { padding: 1rem 0 .75rem; }
	.viewTitle .subject h1 { font-size: 26px; }
	.viewTitle .subject { margin-bottom: 12px; }
	.viewSns .font li.print-btn { display: none; }   /* 인쇄 버튼은 반응형에서 숨김 */
	.leftSns { padding: 8px 0; }
	.leftSns ul { display: flex; gap: 8px; width: auto; }
	.leftSns ul li { flex: 1; width: auto; margin: 0; }
	.leftSns ul li a { padding: 6px 0; }
	.viewConts img, .viewConts iframe, .viewConts video, .viewConts table { max-width: 100%; }
	.viewConts img { height: auto; }
	.viewConts { overflow-wrap: anywhere; }
	.jnlistbox .wtinfo, .jnlistbox .wtconts { padding: 12px; }
	.ftSns { padding: 30px 0; gap: 16px; }
	/* 반응 버튼 5개를 한 줄 폭에 맞춰 균등 분할 */
	.ftSns .good-grp { width: 100%; gap: 6px; }
	.good-btn { flex: 1 1 0; width: auto; padding: 12px 2px 10px; gap: 6px; border-radius: 10px; }
	.good-btn .bi { font-size: 1.4rem; }
	.good-btn .label { font-size: .7rem; }
	.good-btn .num { font-size: .9rem; }
}
@media (max-width: 600px) {
	.viewTitle .subject h1 { font-size: 22px; line-height: 1.4; }
	.viewTitle .subtitle { font-size: 15px; line-height: 1.5; }
	.Photo_newslist .subject a, .Photo_newslist4 .subject a { font-size: .95rem; }
	.cate_tabs .tab_list .subtitle p { font-size: 1rem; }
	.mag_list { gap: 20px 12px; }
}

/* ==== 반응형 : 기사 목록 상단 헤드라인(listHDline3) — 큰 기사 1개 + 아래 2개 ==== */
@media (max-width: 900px) {
	.tnaviLink { display: none; }   /* 목록 페이지 경로(Home > 분류) 숨김 */
	.listHDline3 { max-height: none; overflow: visible; }
	.listHDline3 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: visible; }
	.listHDline3 ul li { float: none; width: auto !important; height: auto !important; padding: 0 !important; overflow: visible !important; }
	.listHDline3 ul li:first-child { grid-column: 1 / -1; }
	.listHDline3 ul li:last-child { display: contents; }   /* 오른쪽 묶음의 두 기사를 그리드 칸으로 */
	.listHDline3 .cateTopHD { margin: 0 !important; }
	/* 배경이미지(.tlimg)는 높이가 있어야 보인다 : 비율은 .tlimg 에 직접 준다 */
	.listHDline3 .cateTopHD, .listHDline3 .ch_100p.cateTopHD, .listHDline3 .ch_50p.cateTopHD { height: auto; }
	.listHDline3 .ch_100p.cateTopHD .tlimg { height: auto; aspect-ratio: 16 / 9; }
	.listHDline3 .ch_50p.cateTopHD .tlimg { height: auto; aspect-ratio: 4 / 3; }
	.listHDline3 .cateTopHD .tlimg img { min-height: 0; }
	.listHDline3 .cateTopHD ._ps { transform: none; }   /* 터치 화면에서는 항상 제목 표시 */
	.listHDline3 .ct_20x.cateTopHD .tltxt h3 { font-size: 1.2rem; max-height: none; padding-bottom: 8px; }
	.listHDline3 .ct_20x.cateTopHD .tltxt p { display: none; }
	.listHDline3 .ct_10x.cateTopHD .tltxt h3 { font-size: .95rem; padding-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.listHDline3 .ct_10x.cateTopHD .tltxt p { display: none; }
}

/* ==== 반응형 : 기사 목록(listPhoto) — 요약 숨김, 제목 크기 축소, 썸네일 축소 ==== */
@media (max-width: 900px) {
	.listPhoto .conts { display: none; }
	.listPhoto p.img { width: 120px; max-height: 80px;}
	.listPhoto p.img a { height: 80px; background-size: cover; }
	.listPhoto > div { margin-left: 136px; }
	.listPhoto .subject { font-size: 1.05rem; line-height: 1.35; margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.listPhoto .winfo { margin: 6px 0 0; }
}
@media (max-width: 600px) {
	.listPhoto p.img { width: 96px; max-height: 68px; }
	.listPhoto p.img a { height: 68px; }
	.listPhoto > div { margin-left: 108px; }
	.listPhoto .subject { font-size: .95rem; }
}