@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; border-radius: .25rem; }
.HDLINE3 .zimg { position: relative; grid-area: 1/1/4/2; aspect-ratio: 4/3; overflow: hidden; margin: 0; }
.HDLINE3 .zimg::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 55%; background: linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0)); pointer-events: none; }
.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); }
.HDLINE3 a.aimg:hover .subj { text-decoration: underline; }
.HDLINE3 .cate { position: relative; z-index: 2; grid-area: 2/1; align-self: end; margin: 0 0 .5rem; padding: 0 1.5rem; }
.HDLINE3 .cate p.vcate { display: inline-block; margin: 0; padding: 0 10px; font-size: .85rem; font-weight: 600; line-height: 28px; color: #fff; background: #ca252b; border-radius: .25rem; }
.HDLINE3 .subject { position: relative; z-index: 2; grid-area: 3/1; margin: 0; padding: 0 1.5rem 3.5rem; }
.HDLINE3 .subject p.subj { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: 2.75rem; font-weight: 600; line-height: 1.3; color: #fff; letter-spacing: -.01em; text-shadow: 0 1px 4px rgba(0,0,0,.45); word-wrap: break-word; }
/* 요약문은 오버레이에서 사용하지 않음 */
.HDLINE3 .conts { display: none; }
/* 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: 170px; 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; }
/*섹션별 주요기사*/
/* 많이본*/
.hitNews { position: relative; margin: 0; clear: both; overflow: hidden; }
.hitNews dl { position: relative; margin: 0; padding: 10px 0; overflow: hidden; border-bottom: 1px solid #f1f1f1; }
.hitNews dl:hover { background-color: #f5f5f5; }
.hitNews dl:last-child {  }
.hitNews dl:first-child { background-color: #f5f5f5; border-top: 1px solid #f1f1f1; }
.hitNews dl dt { float: left; width: 15%; line-height: 24px; font-size: 1.1rem; font-weight: 400; text-align: center; overflow: hidden; padding: 0; color: #000; font-family: 'Bebas Neue',cursive; }
.hitNews dl dt .num { line-height: 22px; display: inline-block; min-width: 1.5em; padding: .1em .1em; border-radius: 4px; background: #f5f5f5; color: #111; text-align: center; border: 0px solid #DDD; }
.hitNews dl .img { float: right; width: 93px; height: 68px; margin: 0; padding: 0; overflow: hidden; display: block; border: 1px solid #EEE; background-position: 50% 10%; background-repeat: no-repeat; background-size: cover; }
.hitNews dl .img img { vertical-align: top; width: 100%; min-height: 60px; }
.hitNews dl .subj { float: left; width: calc(100% - 15%); margin: 0; padding-top: 0; overflow: hidden; display: block; }
.hitNews dl .subj a { color: #000; max-height: 45px; font-size: 1rem; font-weight: 500; letter-spacing: -1px; overflow: hidden; line-height: 1.5; display: block; padding: 0px; outline: none; white-space: nowrap; text-overflow: ellipsis; }
.hitNews dl:nth-child(-n+3) dt .num { background: #ff583a; color: #fff; border-color: #990000; }
.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: 143px; 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: 0px 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; float: left; width: 100%; display: block; list-style: none; margin: 0; padding: 0; }
.Photo_newslist li { float: left; width: 32%; margin-right: 2%; background-color: #FFF; margin-bottom: 3%; }
.Photo_newslist li.e { margin-right: 0px; }
.Photo_newslist li:hover { border: 0px solid #f46957; }
.Photo_newslist4 { clear: both; float: left; width: 100%; display: block; list-style: none; margin: 0; padding: 0; }
.Photo_newslist4 li { float: left; width: 24%; margin: 0 0.5% 3% 0.5%; background-color: #FFF; }
.Photo_newslist4 li:hover { border: 0px solid #f46957; }
.Photo_newslist .Photo_newslist_box, .Photo_newslist4 .Photo_newslist_box { position: relative; padding-bottom: 10px; display: block; height: 230px; border: 1px solid transparent; 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%; height: 145px; overflow: hidden; margin: 0px; border: 0px solid #DDD; padding: 0; }
.Photo_newslist .firstimg a, .Photo_newslist4 .firstimg a { display: block; vertical-align: middle; overflow: hidden; }
.Photo_newslist .firstimg img, .Photo_newslist4 .firstimg img { overflow: hidden; padding: 0; margin: 0 auto; width: 100%; min-height: 155px; object-fit: contain; }
.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: 5px; line-height: 1.4; }
.Photo_newslist .subject a, .Photo_newslist4 .subject a { color: #444; font-size: 1rem; display: block; max-height: 44px; overflow: hidden; font-weight: bold; }
.Photo_newslist .byline, .Photo_newslist4 .byline { position: absolute; left: 5px; bottom: 5px; color: #333; 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 {  }
#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 figure.image.align-center { display: table; margin-left: auto; margin-right: auto; }
/* 캡션이 이미지 폭을 넘지 않도록 : figure 폭은 이미지가 정하고 캡션은 그 폭 안에서 줄바꿈 */
#viewWrap .viewConts figure.image > figcaption { display: table-caption; caption-side: bottom; word-break: keep-all; overflow-wrap: anywhere; }
#viewWrap .viewConts figure.image.align-left { float: left; margin-right: 1.5rem; }
#viewWrap .viewConts figure.image.align-right { float: right; margin-left: 1.5rem; }
#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; }
.profilebox .wtimg { width: 120px; max-height: 120px; margin: 0; overflow: hidden; display: block; border-radius: 10px; -wekikit-border-radius: 10px; border: 1px solid #EEE; }
.profilebox .wtimg img { width: 100%; max-height: 100%; padding: 0; }
.profilebox .wtname { width: 100%; float: left; overflow: hidden; padding-left: 0px; margin-top: 10px; }
.profilebox .wtinfo { width: 100%; overflow: hidden; padding: 0; font-size: 0.9rem; }
/*주요프로그램*/
.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; }