* 본문소재 */
.article-tool{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:#171717; font-weight:600;}

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

/* 02 부제목 */
.article-subtitle{border-left:3px solid #1D9BF0; padding:0 20px 0 10px; margin-bottom:27px}
.article-subtitle p{font-size:105%; font-weight:600; margin:0; word-break:keep-all}
.article-subtitle.type02{border-left:0;}

/* 03 중간제목 */
.article-mtitle{padding: 12px 0 16px; border-top: 4px solid #1D9BF0; border-bottom: 1px solid #CED4DA; max-width:860px; margin:30px auto}
.article-mtitle p{padding: 0 6px; font-size: 22px; line-height: 32px; font-weight: 500; color: #111; margin:0}
/*.article-mtitle.type02{border-bottom:4px solid #002e6e;}*/
.article-mtitle.type02{border-top:0; border-bottom:0 none; border-left:4px solid #1D9BF0; padding:0px 0 0px 5px; width:calc(100% - 5px); max-width:860px; margin:0px auto 40px auto;}
.article-mtitle.type03{border:0 none;}
.article-mtitle.type03 p{font-weight:700;}

/* 05 이미지 */
.article-photo-wrap{max-width: 860px; margin: auto;display: table;}/* 0920 이미지와 텍스트 정렬 수정 */
.article-photo-wrap figure{max-width: 860px; margin: auto; display:table; position:relative;}
.article-photo-wrap img {max-width: 100%; width:100%; min-width:150px; max-height:840px;}
.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{margin-top:10px; font-size:12px; color:rgba(23,23,23,.6); line-height:1.5; display:table-caption; caption-side:bottom}

.txc-image{width:540px; margin:0 auto;}

/* 06 유튜브(영상) */
.article-video{margin-bottom:30px;}
.article-video .video-wrap{margin:0 auto; padding-top:0; margin-bottom:40px;}
.video-wrap .video{width:auto; margin:0 auto; text-align: center;}
.video-wrap .title{width:100%; margin:2px 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; margin:0 auto; margin-top: 2px; font-size: 14px; font-weight: 300; letter-spacing: -0.04px; color: #7a7a7a;}

/* 07 지도 */
.article-map{max-width:100%; margin:0px auto 40px auto; display: table;/*text-align: center;*/}
.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;*/ width:100%; 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{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;}

/* 09 오픈링크 */
/* 오픈링크 가로형 */
.article-openlink-horizontal{padding: 15px; 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;}
.article-openlink-horizontal .article-link-img img{max-width:100px; max-height: 100px; 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: 18px !important; font-weight: 500; color: #171717; margin-bottom: 10px;}
.article-openlink-horizontal .article-link-body .caption{font-size: 16px; font-weight: 300; color: #171717;}
.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:174px; height:165px; margin:0 auto 16px auto; background:#fff; line-height:160px; text-align:center;}
.article-openlink-vertical .article-link-img img{max-width:174px; max-height: 165px; 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: #171717; margin-bottom: 10px;}
.article-openlink-vertical .article-link-body .caption{font-size: 16px; font-weight: 300; color: #171717;}
.article-openlink-vertical .article-link-body .link{word-break: break-all; display: block; margin-top: 16px; text-decoration: underline; color: #063BFF; font-size:15px;}

/* 10 인용구_1 */
.article-quotation01{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; 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{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; 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{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; 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;}

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

/* 13 텍스트 박스*/
.text-box{margin:0 auto; margin-bottom: 20px;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{margin:0 auto 20px 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{height:400px; background:#eee; margin:0 auto; position:relative;}
.slide-img img{max-width:545px; 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{font-size:14px !important; line-height:22px !important; margin: 10px auto; text-align: left; width: calc(100% - 100px);}
.group-slide  .swiper-pagination-bullet{margin:0 3px;}

/* 13 사진그룹_바둑판형 */
.group-layout{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;}

/* 글머리 기호/번호 매기기 */
.text-list li{font-size:18px; font-weight:400; line-height:32px; color:#171717;}
.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:760px;}
.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; color: #171717; 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;}

/* 첨부파일 0904 */
.article-attachment{overflow:hidden; position: relative; margin-bottom: 40px; background: #F9F9F9;}
.article-attachment .atc-attachment-head {margin-bottom: 60px;font-size: 16px;color: #171717;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: #1D9BF0;}
.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 #1D9BF0;}
.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='%231D9BF0' 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='%231D9BF0' 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='%231D9BF0' 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");}

/* 본문내 하이퍼링크 추가 */
.view-hyperlink{color:#1D9BF0 !important;}

/* 2XL Size 그룹사진 0923 */
.group-layout-2xl{
	width:1200px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	margin-bottom:40px;
}

.group-layout-2xl .caption{
	height:72px; max-height:100px;
}

.group-layout-2xl .group-layout-row{
	width:1200px;
	display:flex;
	clear:both;
	justify-content:space-between;
		gap:10px;
}

/* L Size 그룹사진 */
.group-layout-l{
	max-width: 700px !important;
    width: 700px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.group-layout-l .group-layout-row{
	width:700px;
	display:flex;
	clear:both;
	justify-content:space-between;
	gap:10px;
}

.group-layout-row .layout-2{
	width:50%
}
.group-layout-row .layout-3{
	width:33.3%
}
.group-layout-row .layout-4{
	width:25%
}

.group-layout-l .caption{
	height:150px; max-height:170px;
}

.group-layout .layout-num figure {
    float: left;
    width: 100%;
    max-height: 680px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom:5px;
    border:1px solid #ddd;
    min-height: 240px;
    height: 100%;
}

.group-layout .layout-num figure img{
	max-width:100%;
	width:auto;
	/* max-height:100%; */
	height:auto;
	/* min-height: 680px; */
	width: auto;
	min-width: 100%;
	max-width: fit-content;
	height: 100%;
	object-fit: cover;
}


.group-layout .layout-2 {
    overflow: hidden;
	display:flex;
	flex-direction:column;
}

.group-layout .layout-2 figure img {
    text-align: center;
    max-width:100%;
    width: auto;
    /* height: 100%; */
    /* object-fit: cover; */
}


/* 3개그룹 */
.group-layout .layout-3 {
	display:flex;
	flex-direction:column;
}

.group-layout .layout-3 figure img {
    text-align: center;
    /* max-width:100%; */
    width: 100%;
    /* height: auto; */
}


/* 4개그룹 */
.group-layout .layout-4 {
	display:flex;
	flex-direction:column;
}

.group-layout .layout-4 figure img {
    text-align: center;
    /* max-height: 467px; */
    max-width:100%;
    width: auto;
    /* height: auto; */
}

/* 오픈링크9_3 추가 */
.article-openlink-box{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px;}
.openlink-date{color: #6487cf;
    font-size: 14px !important;
    font-weight: 500;
    text-align: left;
	margin-bottom:10px;
	}

.openlink-title{
	font-size: 22px;
    font-weight: 500;
	line-height:28px;
	}
.openlink-view{
font-size: 15px !important;
    line-height: 150%;
	display:-webkit-box;
    word-wrap:break-word;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.openlink-name{align-items: center;
    color: #acacac;
    display: flex;
    font-size: 13px;
    text-align: left;
    vertical-align: middle;}

.openlink-source{
	align-items: center;
    color: #acacac;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: flex-end;
    padding-right: 10px;
    vertical-align: middle;

}

.btn-openlink{align-items: center;
    background-color: #0064c0;
    border-color: #dae0e5;
    border-radius: 30px;
    color: #fff !important;
    display: flex;
    font-size: 15px;
    height: 35px;
    justify-content: center;
    width: 155px !important;
	margin:0 auto 10px;}

.btn-openlink .ico-share{
width:17px; height:17px; margin-left:5px;display: inline-block;vertical-align: middle;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M9.33333 2H14V6.66667M14 9.82467V13C14 13.2652 13.8946 13.5196 13.7071 13.7071C13.5196 13.8946 13.2652 14 13 14H3C2.73478 14 2.48043 13.8946 2.29289 13.7071C2.10536 13.5196 2 13.2652 2 13V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H6M8.6 7.4L13.7 2.3' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.article-openlink-box + .article-openlink-box{border-top:0;}

/* embed tag */
.article-embedtag{}
.article-embedtag .title{margin:4px 0 5px !important;}

/* 13 사진그룹_바둑판형 *
/* 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;}


.article-openlink-box + .article-openlink-box{border-top:0;}

/* embed tag */
.article-embedtag{}
.article-embedtag .title{margin:4px 0 5px !important;}

/* 241030 서울측 전달코드 */
.size-l{max-width:550px !important;}
.size-m{max-width:400px !important;}
.size-s{max-width:300px !important;}

  .group-layout .caption{margin:3px 0; padding:0 !important; font-size: 13px; line-height: 19px; color: #888; text-align:left;}

/* 14 사진그룹_슬라이드 */
.group-slide{margin:0 auto 20px 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{height:400px; background:#eee; margin:0 auto; position:relative;}
.slide-img img{max-width:545px; 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{font-size:14px !important; line-height:22px !important; margin: 10px auto; text-align: left; width: calc(100% - 100px);}
.group-slide  .swiper-pagination-bullet{margin:0 3px;}



/* 14 사진그룹_슬라이드 */
  .group-slide{width:100%; margin:0 auto 20px; position:relative !important;}
  .swiper-pagination-bullet-active{background:#5670D1 !important;}
  .swiper-button-prev,.swiper-button-next{--swiper-theme-color:#ccc; top:34% !important;}
  .swiper-button-prev{left:0}
  .swiper-button-next{right:0}
  .slide-img{width:calc(100% - 70px); height:400px; background:#eee; margin:0 auto; position:relative;}
  .slide-img img{width:auto; height:auto; max-width:100%; 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:250px;}*/
  .group-slide .title{width:100%; margin:2px 0px 0 0px; font-size: 14px; font-weight: 500; letter-spacing: -0.04px; color: #333333; padding:0 !important;}
  .group-slide .caption{width:100%; margin-top: 2px; margin-bottom:5px; font-size: 13px; font-weight: 300; line-height:20px; letter-spacing: -0.04px; color: #888; text-align:left;}

  /* 13 사진그룹_바둑판형 */
  .group-layout{ margin:0 0px 20px 0px; overflow:hidden;}
  .group-layout h4{margin-bottom:10px;}
  .group-layout img{width:100%; height:auto;}
.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 0; padding:0 !important; font-size: 13px; line-height: 19px; color: #888; text-align:left;}