@charset "utf-8";
.view_txt > p{
	margin-bottom:30px !important;
}
.paper-article-view.view_txt > p{
	margin-bottom:0px !important;
}

.view-top-graph{height:auto !important;}
.view-top-graph iframe{width:1610px; margin:0 auto; display:block; height:944px; }
.view-top-graph iframe .tab-textRegion-content span > div > span{font-family:"Noto Sans KR Regular", "Noto Sans KR" !important;}

/* 본문소재 */
.article-tool{width:1200px; margin:0 auto;}
.article-wrap .article-body{padding-top:0; width:860px; margin:0 auto;}
.article-wrap .article-body div[data-item]{display:none;}
.article-wrap h3{margin:40px 0 20px 0; font-size:18px; color:#000; font-weight:600;}

/* 01 제목 */
.article-wrap .headline{font-size: 36px; line-height: 54px; font-weight: 500; color: #000; width:1200px;}

/* 02 부제목 */
.article-subtitle{border-left:4px solid #3a3a3a; padding:12px 0 12px 5px; width:calc(100% - 5px); max-width:860px; margin:0px auto 40px auto;}
.article-subtitle p{font-size:19px; line-height:32px; font-weight:600; padding-left:9px; letter-spacing:-0.35px; color:#000; margin-bottom: 0;}
.article-subtitle.type02{border-left:0;}

/* 03 중간제목 */
.article-mtitle.type01{padding: 12px 0 16px; border-top: 4px solid #000000; border-bottom: 1px solid #000000; max-width:860px; margin:0px auto 40px auto;}
.article-mtitle.type01 p{padding: 0 6px; font-size: 19px; line-height: 32px; font-weight: 500; color: #111;margin-bottom: 0;}

/* 03 중간제목 type02 */
.article-mtitle.type02{padding: 0; border-left:3px solid #3a3a3a; max-width:860px; margin:0px auto 40px auto;}
.article-mtitle.type02 p{padding: 0 10px; font-size: 19px; line-height: 32px; font-weight: 500; color: #111;margin-bottom: 0;}

/* 05 이미지 */
.article-photo-wrap{max-width: 700px; margin: auto;display: inline-table; padding-bottom:40px;}/* 0920 이미지와 텍스트 정렬 수정 */ /* 이미지 css 수정 1108 */
.article-photo-wrap figure{max-width: 700px; margin: auto; position:relative;}/* 이미지 css 수정 1108 */
.article-photo-wrap img {width: 100%; height:auto; }
.article-photo-wrap .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 500; letter-spacing: -0.04px; color: #333333; text-align:left; margin-top:5px;}
/*.article-photo-wrap .caption{width: 100%; text-align: left; margin-top: 5px; font-size: 14px; font-weight: 300; color: #000; display:inline-block; color:#7a7a7a; line-height:20px; caption-side:bottom;}/* 이미지 css 수정 1108 */
.article-photo-wrap .caption{color: #959494; font-weight: 300; font-size: 14px; letter-spacing: -0.5px; float: left; margin-top: 5px; text-align: left; line-height: 18px;}
.txc-image{width:540px; margin:0 auto;}

/* 06 유튜브(영상) */
.article-video{margin-bottom:40px;}
.article-video .video-wrap{width: 610px; margin:0 auto; padding-top:0;}
.video-wrap .video{width:auto; margin:0 auto; text-align: center;}
.video-wrap .title{width:610px; margin:5px auto 0 auto; font-size: 16px !important; line-height: normal !important; font-weight: 500; letter-spacing: -0.04px; color: #333333;}
.video-wrap .caption{width: 100%; text-align: left; width:780px; margin:0 auto; margin-top: 2px; font-size: 14px; font-weight: 300; letter-spacing: -0.04px; color: #7a7a7a; line-height:20px;}

/* 07 지도 */
.article-map{max-width:100%; width:100%; margin:0px auto 40px auto; display: table;/*text-align: center;*/}
.article-map iframe{width:100%;}
.article-map .caption{font-size:14px; text-align: left;color: #7a7a7a;font-weight: 300;}

/* 08 GIF */
.gif-area{max-width:800px; margin:0px auto 0px auto; text-align:center;}
.gif-area{width:100%; max-width:500px;}
.gif-area figure{max-width:500px; height:auto; margin:0 auto 6px auto;}
.gif-area figure img{max-width:500px; height:auto;}
.gif-area .title{margin-bottom: 0; font-size: 16px !important; line-height: normal !important; font-weight: 500; letter-spacing: -0.04px; color: #333333; text-align:left;}
.gif-area .caption{ margin-top: 2px; font-size: 14px; font-weight: 300; letter-spacing: -0.04px; color: #7a7a7a; text-align:left;}

.article-gif{width: 800px; margin:0px auto 40px auto; text-align:center; overflow:hidden;}
.article-gif.gif-left{float:left;}
.article-gif.gif-center{margin:0 auto;}
.article-gif.gif-right{float:right;}
.article-gif .title{text-align:left;margin:5px auto 0 auto; font-size: 16px !important; line-height: normal !important; font-weight: 500; letter-spacing: -0.04px; color: #333333;}
.article-gif .caption{width: 100%; text-align: left; width:780px; margin:0 auto; margin-top: 2px; font-size: 14px; font-weight: 300; letter-spacing: -0.04px; color: #7a7a7a; line-height:20px;}

/* 09 오픈링크 */
/* 오픈링크 가로형 */
.article-openlink-horizontal{padding: 15px; width:calc(100% - 30px); max-width: 670px; border: 1px solid #CED4DA; padding:15px; margin:0px auto 40px auto;}
.article-openlink-horizontal a{}
.article-openlink-horizontal .article-link-img {float:left; width:100px; height: 100px; margin-right:20px; background:#eee; line-height:96px; display:flex; align-items:center;}
.article-openlink-horizontal .article-link-img img{width:100%; height: 100%; object-fit: cover; text-align:center; vertical-align:middle; overflow: hidden; background-color: #eee;}
.article-openlink-horizontal .article-link-body {min-height:100px;}
.article-openlink-horizontal .article-link-body .title{font-size: 18px !important; line-height: 24px !important; font-weight: 500; color: #000; margin-bottom: 10px;}
.article-openlink-horizontal .article-link-body .caption{font-size: 13px; font-weight: 300; color: #000; line-height:18px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.article-openlink-horizontal .article-link-body .link{word-break: break-all; display: block; margin-top: 16px; text-decoration: underline; color: #063BFF; font-size:15px;}

/* 오픈링크 세로형 */
.article-openlink-vertical{width:344px; border: 1px solid #CED4DA; padding:20px; margin:0px auto 40px auto;}
.article-openlink-vertical .article-link-img {width:344px; height:165px; margin:0 auto 16px auto; background:#eee; line-height:160px; text-align:center; display:flex; align-items:center; overflow: hidden; justify-content: center;}
.article-openlink-vertical .article-link-img img{max-width:100%; max-height:fit-content; text-align:center; vertical-align:middle; overflow: hidden; background-color: #eee;}
.article-openlink-vertical .article-link-body .title{font-size: 18px; font-weight: 500; color: #000; margin-bottom: 10px; line-height:24px;}
.article-openlink-vertical .article-link-body .caption{font-size: 13px; line-height:18px; font-weight: 300; color: #000;  display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.article-openlink-vertical .article-link-body .link{word-break: break-all; display: block; margin-top: 16px; text-decoration: underline; color: #063BFF; font-size:15px; line-height:22px;}

/* 10 인용구_1 */
.article-quotation01{width:610px; margin:0px auto 40px auto;}
.article-quotation01:before{content:""; width:60px; height:60px; display:inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='60' height='60' fill='none'%3E%3Cpath fill='url(%23a)' d='M0 0h60v60H0z'/%3E%3Cdefs%3E%3Cpattern id='a' width='1' height='1' patternContentUnits='objectBoundingBox'%3E%3Cuse xlink:href='%23b' transform='scale(.01667)'/%3E%3C/pattern%3E%3Cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAADMklEQVRoge2YP0hCQRzHz572+ocZFgnhIkhBWOKiBmURhbkGkUM8iJKgoaH1LUaI6OAQjkLRHyha3iYtVi7SJAiCFBXUFJGLkmLxGgR56N0ldV4E99nu+7vf4/Med+fzqXp7e8F/o+2vBX4Ck0bT09Pzm3ae5zUaTW3YcmlBEJLJ5N3dndPp/EH72NjY0dHR4+NjKBSqharWbUSHwxEIBGw2W3WYyWSmp6c/Pz+bbNdqtbu7u8vLy+3t7QCASqWyuLh4fX0NAOA6OjpaYSyKYiQSMRqNtWRwcFCj0VxdXTXTPjMzc3Z25nK5OI6rJhzHWa3W/f19WZbJS/M8f3h4KAiCWq2uK1mt1ouLi5eXF/wV1tbWotFof39/XT4wMNDV1ZVIJAgvD57nz8/PJycnURNubm7m5+cxV9jc3NzZ2ak94DpKpZLH4yH8pI+Pj2dnZzEThoaGSqVSKpWCVr1ebzgcRhkDANRqtcViIXl6iKLodrvxc56fn0dGRqAli8USDAYxxgCAYrFYLpeJLY/x8fF4PN7Z2YmakE6nI5GIJEmoCfF43OFwoKpvb28HBwfRaPT19bV+r/wYv9+PMv74+Njb2/P7/Zj2lZUVjHEqlVpfX396eqoOyUhPTExMTU1BS+/v79vb2ycnJ/grbGxsoEqSJK2urioPeDLSPp+vrQ2yPWRZFkXxW+O5ubnR0VFoKZlMCoJQFxLYiBzHuVwuaCmRSMRisW+vsLS0BM0LhcLW1lZjTkDa7Xb39fU15rIsK18YMNjtdmguSdL9/X1jTkAatYFub29R57ESg8Gg/LVXcnp6Cs0JSJvNZmieTqebaXc6nSqVqjHP5/PV16NGCEgbDAZons1mm2k3mUzQ/OHhAdVC4PTQ6/XQ3G63Q9d0LpdT7k7UPet0OtSWICDd3d0NzRcWFqD55eWlUlqr1UKnmUwmn88HLRFYHpif7mZA3TMGAtLQbdTSdgLSv3y5/ZsnTR8mTQsmTQsmTQsmTQsmTYt/KU3gCxPmIwuUfD6fy+Vqw+HhYej/Ygwt/KjeOv7l8mDStGDStGDStGDStGDStGDStGDStGDStGDStGDStPgCsg7m/9AM43YAAAAASUVORK5CYII=' id='b' width='60' height='60'/%3E%3C/defs%3E%3C/svg%3E");}
.article-quotation01 .content-quotation{margin:-25px 30px 0 80px; }
.article-quotation01 .content-quotation p{margin-bottom: 0px; font-size:19px; font-weight:700; font-style:italic; letter-spacing:-0.025em; color:#111; font-family:'NanumMyeongjo Regular'; line-height:1.7em; text-shadow:0 0 1px rgb(0 0 0 / 30%);}
.article-quotation01 .content-quotation span.source{display:inline-block; margin-top:10px; color:#999; font-size:14px; font-weight:500;}

/* 10 인용구_2 */
.article-quotation02{width:590px; border-left:3px solid #474747; padding:10px 0 10px 20px; margin:0px auto 40px auto;}
.article-quotation02 .content-quotation p{margin-bottom: 0px; font-size:19px; font-weight:700; font-style:italic; letter-spacing:-0.025em; font-family:'NanumMyeongjo Regular'; line-height:1.7em; text-shadow:0 0 1px rgb(0 0 0 / 30%); color:#111;}
.article-quotation02 .content-quotation span.source{display:inline-block; margin-top:10px; color:#999; font-size:14px; font-weight:500;}

/* 10 인용구_3 */
.article-quotation03{width:606px; border:2px solid #CED4DA; border-radius:10px; padding:24px 0; text-align:center; position:relative; margin:0px auto 40px auto;}
.article-quotation03 .content-quotation{display:inline-block;}
.article-quotation03 .content-quotation p{margin-bottom: 0px; font-size:19px; font-weight:700; color:#111; font-style:italic; letter-spacing:-0.025em; font-family:'NanumMyeongjo Regular'; line-height:1.7em; text-shadow:0 0 1px rgb(0 0 0 / 30%); text-align:left;}
.article-quotation03::after{content:"";display:block;width:35px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='21' fill='none'%3E%3Cpath stroke='%23CED4DA' stroke-width='2' d='M1 19C11 19 13.167 9 13 4h21.5c0 13.6-22.333 15.667-33.5 15Z'/%3E%3Cpath fill='%23fff' d='M14 1h20v5H14z'/%3E%3C/svg%3E");position:absolute;bottom: -17px;left:0;right:0;margin:0 auto;}
.article-quotation03 .content-quotation span.source{display:inline-block; margin-top:10px; color:#999; font-size:14px; font-weight:500;}

/* 11 구분선 */
.article-line{ margin:28px auto 28px auto; max-width:700px; overflow:hidden;}
.article-line hr{ border:0 none;}
.article-line.type01 hr{background:#333; height:2px; margin:0; padding:0; width:100%; display:inline-block;}
.article-line.type02{border: 1px dashed #333;}
.article-line.type03{width:100%; border-top:2px dotted #333;}
.article-line.type04{border-top: 4px double #333;}

.article-line {margin: 28px 0px 28px 0px; width:100%; overflow: hidden;}
.article-line hr {border: 0 none;}
.article-line.type01 hr {background:  #333; height: 2px; margin: 0; padding: 0; width: 100%; display: inline-block;}
.article-line.type01 {margin-top: 0;}
.article-line.type02 {border: 1px dashed #333;}
.article-line.type03 {width: 100%; border-top: 2px dotted #333;}
.article-line.type04 {border-top: 4px double #333;}


/* 12 sns_공유 */
.article-share{max-width:610px; margin:0px auto 40px auto;}
.sns-share{max-width:500px; height:auto; overflow:hidden; margin:20px auto;}
.article-share .sns-share iframe {max-height: 100%;}

/* 13 텍스트 박스*/
.text-box{margin:0 auto; width: 518px;margin-bottom: 20px; clear:both; padding:20px 45px;border: solid 1px #ddd;font-size: 18px;line-height: 1.8;background-color: #f5f5f5;}
.text-box p{margin:10px 0;}
.text-box.type01{border: 1px solid #ddd; background-color: #f5f5f5;}
.text-box.type02{border: 1px solid #d3d9ff; background-color: #f3f4fd;}
.text-box.type03{border: 1px solid #d3ecc5; background-color: rgba(211,236,197,.3137254901960784);}
.text-box.type04{border: 1px solid #fcf0c5; background-color: rgba(252,240,197,.3137254901960784);}
.text-box.type05{border: 1px solid #f8dfd8; background-color: rgba(248,223,216,.3137254901960784);}

/* 14 사진그룹_슬라이드 */
.group-slide{width:700px; margin:0 auto; position:relative !important;}
.swiper-pagination-bullet-active{background:#5670D1 !important;}
.swiper-button-prev,.swiper-button-next{--swiper-theme-color:#ccc; top:43% !important;}
.slide-img{width:600px; height:400px; background:#eee; margin:0 auto; position:relative;}
.slide-img img{max-width:600px; max-height:400px; position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}
.group-slide .swiper-pagination{position:initial;}
.swiper-pointer-events{max-height:520px;}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{height:400px;}
.group-slide .title{width:600px; margin:6px auto 0 auto !important; font-size: 16px !important; line-height: normal !important; font-weight: 500; letter-spacing: -0.04px; color: #333333; text-align:left;}
.group-slide .caption{width:600px; margin:0 auto; margin-top: 2px; margin-bottom:5px; font-size: 14px; font-weight: 300; letter-spacing: -0.04px; color: #7a7a7a;}

/* 13 사진그룹_바둑판형 */
.group-layout{width:700px; margin:0 auto 20px auto; overflow:hidden;}
.group-layout h4{margin-bottom:10px;}
.group-layout figure{width:700px; height:467px;}
.group-layout .title{font-size: 16px !important; line-height: normal !important; font-weight: 500; letter-spacing: -0.04px; color: #333333; margin-bottom: 0; margin-top: 5px;}
.group-layout .caption{margin:3px auto 0 auto; left:0; right:0;font-size: 14px; font-weight: 300; letter-spacing: -0.04px; color: #7a7a7a; text-align:left;}

/* 1개 */
.group-layout .layout-1 figure{width:700px; height:467px; text-align:center; vertical-align:middle; display:table-cell; background:url(https://3.bp.blogspot.com/-x4gLW4b7sB4/XHE3SYQbIpI/AAAAAAAA4nM/SFGGsj7HgyELAWCFQfanqqQwwBJfg30YACLcBGAs/s1600/01.jpg); background-position-x:center; background-size:cover;}
.group-layout .layout-1 img{max-width:700px; max-height:467px;}


/* 2개 */
.group-layout .layout-2{width:700px; height:467px;}
.group-layout .layout-2 figure{float:left; width:350px; height:467px; text-align:center; overflow:hidden; position:relative;}
.group-layout .layout-2 figure img{text-align:center; min-height:467px; transform:translateX(-50%); position:absolute; left:50%;}
.group-layout .layout-2 figure:nth-child(1){background:url(https://3.bp.blogspot.com/-x4gLW4b7sB4/XHE3SYQbIpI/AAAAAAAA4nM/SFGGsj7HgyELAWCFQfanqqQwwBJfg30YACLcBGAs/s1600/01.jpg); background-position-x:center; background-size:cover;}
.group-layout .layout-2 figure:nth-child(2){background:url(https://png.pngtree.com/background/20210716/original/pngtree-sakura-vertical-version-of-romantic-cherry-blossom-spring-phone-wallpaper-picture-image_1342988.jpg); background-position-x:center; background-size:cover;}

/* 3개 */
.group-layout .layout-3{width:700px; height:467px;}
.group-layout .layout-3 figure:first-child{float:left; width:350px; height:467px; text-align:center; overflow:hidden; position:relative; background:url(https://images.khan.co.kr/article/2022/03/17/l_2022031702001002800191961.webp) no-repeat 0 0; background-position-x:center; background-size:cover;}
.group-layout .layout-3 figure:first-child img{text-align:center; min-height:467px; transform:translateX(-50%); position:absolute; left:50%;}
.group-layout .layout-3 figure:nth-child(2) img,.group-layout .layout-3 figure:nth-child(3) img{max-width:350px; min-height:233.5px; transform:translateX(-50%); position:absolute; left:50%;}
.group-layout .layout-3 figure:nth-child(2),.group-layout .layout-3 figure:nth-child(3){width:350px; height:233.5px; float:right; overflow:hidden; position:relative;}
.group-layout .layout-3 figure:nth-child(2){background:url(https://img.khan.co.kr/news/2022/03/15/l_2022031401001751400154221.webp) no-repeat 0 0; background-position-x:center; background-size:cover;}
.group-layout .layout-3 figure:nth-child(3){background:url(https://images.khan.co.kr/PhotoDB/P0015/2022/03/09/h_PYH2022030910740001300.jpg) no-repeat 0 0; background-position-x:center; background-size:cover;}


/* 4개이상 */
.group-layout .layout-4{width:700px; height:467px; position:relative;}
.group-layout .layout-4 figure{width:350px; height:233.5px; float:left; overflow:hidden; position:relative;}
.group-layout .layout-4 figure img{max-width:350px; min-height:233.5px; transform:translateX(-50%); position:absolute; left:50%;}
.group-layout .layout-4 figure:nth-child(1){background:url(https://img.khan.co.kr/news/2022/03/16/l_2022031601002024400179511.webp) no-repeat 0 0; background-position-x:center; background-size:cover;}
.group-layout .layout-4 figure:nth-child(2){background:url(	https://png.pngtree.com/background/20210716/original/pngtree-sakura-vertical-version-of-romantic-cherry-blossom-spring-phone-wallpaper-picture-image_1342988.jpg) no-repeat 0 0; background-position-x:center; background-size:cover;}
.group-layout .layout-4 figure:nth-child(3){background:url(https://3.bp.blogspot.com/-x4gLW4b7sB4/XHE3SYQbIpI/AAAAAAAA4nM/SFGGsj7HgyELAWCFQfanqqQwwBJfg30YACLcBGAs/s1600/01.jpg) no-repeat 0 0; background-position-x:center; background-size:cover;}
.group-layout .layout-4 figure:nth-child(4){background:url(https://img.khan.co.kr/ranking/khan/mobile/MHTopA/1_1647468788_GHc3dxId9DIfmoPZ.webp) no-repeat 0 0; background-position-x:center; background-size:cover;}

/* 표 */
.article-tbl{text-align:center; margin: 0px auto 40px auto;}
.article-tbl img {max-width:610px;}
.article-tbl p.title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 500; letter-spacing: -0.04px; color: #333333; text-align:left; margin-top:5px;}
.article-tbl p.caption{width: 100%; text-align: left; margin-top: 5px; font-size: 14px; font-weight: 300; display:inline-block; color:#7a7a7a; line-height:18px;}

/* 글머리 기호/번호 매기기 */
.text-list li{font-size:18px; font-weight:400; line-height:32px; color:#000;}
.text-list.type01 li{list-style-type:disc; margin-left:20px;/* position:relative; padding-left:15px;*/}
/*.text-list.type01 li::before{content:""; width:5px; height:5px; display:inline-block; border-radius:10px; position:absolute; top:14px; left:0; background:#333; margin-right:10px;}*/
.text-list.type02 li{list-style-type:decimal; margin-left:20px;}

.article-chart{width:100%; max-width:610px;}
.article-chart img{width:100%; max-width:610px;}
.article-chart .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 500; letter-spacing: -0.04px; color: #333333; text-align:left; margin-top:5px;}
.article-chart .caption{width: 100%; text-align: left; margin-top: 5px; font-size: 14px; font-weight: 300; display:inline-block; color:#7a7a7a;}


/* 230108 기사본문 sns메뉴 추가 사항 */
.group .sns-area-wrap .btn-font {font-size: 18px;font-weight: 500;color: #999; border:1px solid #999; border-radius:30px; line-height:20px;}
.group .sns-area-wrap .btn-font .ico-font{width: 17px; height: 19px; font-size:22px; color:#333; font-weight:600; /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='19' fill='none'%3E%3Cpath d='M.9 2.38v1.68h6.32C6.8 8.22 4.42 11.4 0 13.66l1.14 1.58c5.9-2.98 8.14-7.62 8.14-12.86H.9ZM16.74 7.6H14V.46h-2.06v18.06H14v-9.2h2.74V7.6Z' fill='%23AAA'/%3E%3C/svg%3E");*/}
.font-popup {position: absolute;z-index: 18;top: 40px;right: 0;width: 272px;padding: 16px;border: 1px solid #DDDDDD;background: #fff;}
.font-popup .popup-header {position: relative;display: flex;margin-bottom: 15px; justify-content: space-between;}
.font-popup .popup-header .title {font-size: 18px;font-weight: 500;color: #333;}
.font-popup .popup-header .btn-close {width: 13px;height: 13px;position: absolute;top: 0;right: 4px;}
.font-popup .popup-font p {font-size: 14px;font-weight: 300;color: #333;margin-bottom: 18px;}
.font-popup .popup-font ul {display: flex;align-items: center;justify-content: center;}
.font-popup .popup-font ul li {cursor: pointer;margin-right: 12px;position: relative;width: 32px;height: 32px;border-radius: 50%;border: 1px solid #DDDDDD;}
.font-popup .popup-font ul li.active {background: #DDDDDD;border: 1px solid #CCCCCC; color:#555; font-weight:600;}
.font-popup .popup-font ul li:nth-last-child(1) {margin-right: 0;}
.font-popup .popup-font ul li span {position: absolute;top: 49%;left: 48%;transform: translate(-50%,-50%);}

.font-popup .popup-font ul li:nth-of-type(1) span{font-size:12px;}
.font-popup .popup-font ul li:nth-of-type(2) span{font-size:14px;}
.font-popup .popup-font ul li:nth-of-type(3) span{font-size:16px;}
.font-popup .popup-font ul li:nth-of-type(4) span{font-size:18px;}
.font-popup .popup-font ul li:nth-of-type(5) span{font-size:20px;}

/* 본문 스티키 sns 공유 수정 */
.sticky-header .sticky-share{cursor:pointer;}
.sticky-header .popup-sns-wrap{display:none;}
.sticky-header .popup-sns-wrap.open{display:block; position:absolute; left:120px;}

/* 본문 스티키 폰트설정 추가 */
.sticky-header .btn-font{font-size: 18px;font-weight: 500; width:30px; height:30px; color: #999; border-radius:30px; line-height:20px; text-align:center; line-height:30px; cursor:pointer;}
.sticky-header .font-popup{display:none;}
.sticky-header .font-popup.open{display:block; position:absolute; top:51px; right:33px;}

/* 글자크기 */
.article-body.font-size01 > p{font-size:14px; line-height:26px;}
.article-body.font-size02 > p{font-size:16px; line-height:29px;}
.article-body.font-size03 > p{font-size:18px; line-height:32px;}
.article-body.font-size04 > p{font-size:20px; line-height:35px;}
.article-body.font-size05 > p{font-size:22px; line-height:38px;}

/* 첨부파일 0904 */
/* .article-attachment{overflow:hidden; position: relative; margin-bottom: 40px; background: #F9F9F9;}
.article-attachment .atc-attachment-head {margin-bottom: 60px;font-size: 16px;color: #000;line-height: 30px;font-weight: 500;padding-left: 20px;}
.article-attachment .atc-attachment-head::after {content: "";top: 2px;position: relative;left: -40px;width: 4px;height: 16px;display: inline-block;background: #AA1E50;}
.article-attachment .attachment-list{overflow: hidden; padding: 0px 15px 26px 15px;}
.article-attachment .attachment-list li{box-shadow: 0px 5px 10px 3px #ddd;overflow: hidden;position: relative; width: 100%;height: 60px; background: #fff;border-radius: 10px;padding: 10px 20px; margin-bottom:10px; border: 2px solid #fff;}
.article-attachment .attachment-list li:last-child{margin-bottom:0;}
.article-attachment .attachment-list li:hover{border:2px solid #AA1E50;}
.article-attachment .attachment-list li:hover .btn-attachment{display:block;}
.article-attachment .attachment-list li a{display: flex;}
.article-attachment .attachment-list li span{font-size:15px; color:#333; font-weight:500; line-height: 38px; width: 85%;}
.article-attachment .btn-attachment{padding: 8px 12px; border: 1px solid #D0D0D0;border-radius: 5px;font-weight: 600;letter-spacing: -2px; width: 80px; display:none;}
.attachment-list .btn-attach{position: relative; margin:0 10px; top: 2px;}
.btn-attach .ico-attachment{width:20px; height:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26' fill='none'%3E%3Cpath fill='%23AA1E50' d='M19.879 8.732a1.246 1.246 0 0 0-.245-.366l-7.5-7.5a1.245 1.245 0 0 0-.367-.245C11.73.604 11.69.594 11.65.58a1.24 1.24 0 0 0-.324-.064C11.3.514 11.276.5 11.25.5H2.5A2.503 2.503 0 0 0 0 3v20c0 1.379 1.121 2.5 2.5 2.5h15c1.379 0 2.5-1.121 2.5-2.5V9.25c0-.026-.014-.05-.016-.078a1.189 1.189 0 0 0-.064-.323c-.013-.04-.024-.079-.041-.117ZM15.732 8H12.5V4.768L15.732 8ZM2.5 23V3H10v6.25a1.25 1.25 0 0 0 1.25 1.25h6.25l.003 12.5H2.5Z'/%3E%3Cpath fill='%23AA1E50' d='M5 13h10v2.5H5V13Zm0 5h10v2.5H5V18ZM5 8h2.5v2.5H5V8Z'/%3E%3C/svg%3E");}
.article-attachment .attachment-list li:hover .btn-attach .ico-attachment{width:20px; height:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26' fill='none'%3E%3Cpath fill='%23AA1E50' d='M17.5 25.5A2.5 2.5 0 0 0 20 23V8L12.5.5h-10A2.5 2.5 0 0 0 0 3v20a2.5 2.5 0 0 0 2.5 2.5h15ZM11.25 3l6.25 6.25h-6.25V3Zm-7.5 5H7.5v2.5H3.75V8Zm0 5h12.5v2.5H3.75V13Zm0 5h12.5v2.5H3.75V18Z'/%3E%3C/svg%3E");} */

/* 본문이미지크기 */
.size-l{max-width:610px !important;}
.size-m{max-width:450px !important;}
.size-s{max-width:200px !important;}

/* 본문이미지정렬 */
.article-photo-wrap.align-c{text-align:center; margin:0 auto 0px auto !important; width: 100% !important; display:block; overflow:hidden;}
.article-photo-wrap.align-l{text-align:left; float:left; margin:0 20px 0px auto !important; overflow:hidden;}
.article-photo-wrap.align-r{text-align:right; float:right; margin:0 auto 0px 20px !important; overflow:hidden;}

.align-c{text-align:center;}
.align-l{text-align:left;}
.align-r{text-align:right;}

/* 본문 바이라인 */
.article_view_byline {display: inline-block; width: 100%}

/* 첨부파일 0307 */
.article-attachment{overflow:hidden; position: relative; margin: 40px 0;}
.article-attachment .related-title {margin-bottom:10px;font-size: 16px;color: #000;line-height: 30px;font-weight: 500;padding-left: 15px;}
.article-attachment .related-title::after {content: "";top: 2px;position: relative;left: -66px;width: 4px;height: 16px;display: inline-block;background: #009869;}
.article-attachment .attachment-list{overflow: hidden; padding:0px 5px 5px 5px;}
.article-attachment .attachment-list li{overflow: hidden;position: relative; background: #fff;border-radius: 10px;padding: 10px 15px; margin-bottom:10px; border: 2px solid #eeeeee;}
.article-attachment .attachment-list li:last-child{margin-bottom:0;}
.article-attachment .attachment-list li:hover{border:2px solid #009869;}
.article-attachment .attachment-list li:hover .btn-attachment{display:block;border: 1px solid #009869; color:#009869;}
.article-attachment .attachment-list li a{display: flex; align-items: baseline;}
.article-attachment .attachment-list li span{margin-left: 5px; font-size:15px; color:#333; font-weight:500; line-height: 38px; width:77%;}
.article-attachment .btn-attachment{height:36px; border: 1px solid #D0D0D0;border-radius: 5px;font-weight: 600;letter-spacing: -2px; width: 80px; display:none;right: 0;position: absolute; margin-right: 15px;}
.attachment-list li .el {overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box !important;}
.attachment-list .btn-attach{position: relative; margin:0 10px; top: 2px;}
.btn-attach .ico-attachment{overflow: hidden; text-indent: -310%;display: block;position: relative;background-repeat: no-repeat; top: 4px;width:20px; height:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25' fill='none'%3E%3Cpath fill='%23009869' d='M19.879 8.232a1.246 1.246 0 0 0-.245-.366l-7.5-7.5a1.245 1.245 0 0 0-.367-.245C11.73.104 11.69.094 11.65.08a1.239 1.239 0 0 0-.324-.064C11.3.014 11.276 0 11.25 0H2.5A2.503 2.503 0 0 0 0 2.5v20C0 23.879 1.121 25 2.5 25h15c1.379 0 2.5-1.121 2.5-2.5V8.75c0-.026-.014-.05-.016-.078a1.189 1.189 0 0 0-.064-.323c-.013-.04-.024-.079-.041-.117ZM15.732 7.5H12.5V4.268L15.732 7.5ZM2.5 22.5v-20H10v6.25A1.25 1.25 0 0 0 11.25 10h6.25l.003 12.5H2.5Z'/%3E%3Cpath fill='%23009869' d='M5 12.5h10V15H5v-2.5Zm0 5h10V20H5v-2.5Zm0-10h2.5V10H5V7.5Z'/%3E%3C/svg%3E");}
.article-attachment .attachment-list li:hover .btn-attach .ico-attachment{width:20px; height:25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26' fill='none'%3E%3Cpath fill='%23009869' d='M17.5 25.5A2.5 2.5 0 0 0 20 23V8L12.5.5h-10A2.5 2.5 0 0 0 0 3v20a2.5 2.5 0 0 0 2.5 2.5h15ZM11.25 3l6.25 6.25h-6.25V3Zm-7.5 5H7.5v2.5H3.75V8Zm0 5h12.5v2.5H3.75V13Zm0 5h12.5v2.5H3.75V18Z'/%3E%3C/svg%3E");}

/* 본문 이미지 줌 20240312 */
.btn-zoom {
    width: 34px;
    height: 34px;
    cursor: pointer;
    z-index: 99;
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: flex;
}

.ico-zoom {
	width: 34px;
	height: 34px;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.6' d='M0 0h34v34H0z'/%3E%3Cpath fill='%23fff' d='M7 13.25a1.21 1.21 0 0 1-.891-.36c-.24-.24-.36-.537-.359-.89V7c0-.354.12-.651.36-.891s.537-.36.89-.359h5c.354 0 .651.12.891.36s.36.537.359.89c0 .354-.12.651-.36.891s-.537.36-.89.359h-2l3.031 3.031c.23.23.344.51.344.844A1.2 1.2 0 0 1 13 13c-.23.23-.52.344-.875.344-.354 0-.646-.115-.875-.344l-3-3v2c0 .354-.12.651-.359.891s-.536.36-.891.359ZM21 13c-.23-.23-.344-.52-.344-.875 0-.354.115-.646.344-.875l3-3h-2c-.354 0-.651-.12-.891-.359s-.36-.536-.359-.891c0-.354.12-.651.36-.891s.537-.36.89-.359h5c.354 0 .651.12.891.36s.36.537.359.89v5c0 .354-.12.651-.36.891s-.537.36-.89.359a1.21 1.21 0 0 1-.891-.36c-.24-.24-.36-.537-.359-.89v-2l-3.031 3.031c-.23.23-.51.344-.844.344A1.2 1.2 0 0 1 21 13Zm1 15.25a1.21 1.21 0 0 1-.891-.36c-.24-.24-.36-.537-.359-.89 0-.354.12-.651.36-.891s.537-.36.89-.359h2l-3.031-3.031c-.23-.23-.344-.51-.344-.844A1.2 1.2 0 0 1 21 21c.23-.23.52-.344.875-.344.354 0 .646.115.875.344l3 3v-2c0-.354.12-.651.36-.891s.537-.36.89-.359c.354 0 .651.12.891.36s.36.537.359.89v5c0 .354-.12.651-.36.891s-.537.36-.89.359h-5Zm-15 0a1.21 1.21 0 0 1-.891-.36c-.24-.24-.36-.537-.359-.89v-5c0-.354.12-.651.36-.891s.537-.36.89-.359c.354 0 .651.12.891.36s.36.537.359.89v2l3.031-3.031c.23-.23.51-.344.844-.344A1.2 1.2 0 0 1 13 21c.23.23.344.52.344.875 0 .354-.115.646-.344.875l-3 3h2c.354 0 .651.12.891.36s.36.537.359.89c0 .354-.12.651-.36.891s-.537.36-.89.359H7Z'/%3E%3C/svg%3E");
}

.popup-zoom {
    display: none;
    width: 100%;
    height: 100%;
    background: #222;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.btn-zoom-close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 40px;
}

.btn-zoom-close .ico-z-close {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='m13.96 11.934 9.72-9.72A1.333 1.333 0 0 0 21.8.334l-9.72 9.72L2.36.32A1.333 1.333 0 0 0 .48 2.2l9.72 9.733-9.734 9.72a1.335 1.335 0 1 0 1.88 1.88l9.733-9.72 9.72 9.72a1.333 1.333 0 0 0 1.88-1.88l-9.72-9.72Z'/%3E%3C/svg%3E");
}
.zoom-area {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}