@charset "utf-8";

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

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

/* 본문소재 */
.article-cont{width:730px; margin:0 auto;}
.article-wrap{width:730px; margin:0 auto;}
.article-cont .article-body{padding-top:0;}
.article-cont .article-body div[data-item]{display:none;}
.article-cont .headline{font-size: 36px; line-height: 54px; font-weight: 500; color: #000;}
.article-cont h3{margin:40px 0 20px 0; font-size:20px; color:#000; font-weight:600;}
.article-label{margin:20px 0 10px 0;}

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

/* 03 중간제목 */
.article-mtitle{padding: 12px 0 16px; border-top:3px solid #dd121a; border-bottom: 1px solid #CED4DA; max-width:760px; margin:0px auto 40px auto;}
.view-box-wrap .view-text .article-mtitle > p{padding: 0 6px; font-size: 18px; line-height: 32px; font-weight: 500 !important; color: #111;}
.view-box-wrap .view-text a{text-decoration:underline; color:rgb(0, 0, 255)}
/*.article-mtitle.type2{border-bottom:4px solid #002e6e;}*/
.article-mtitle.type02{border-top: 0; border-bottom: 0 none; border-left: 4px solid #dd121a; 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 .caption{line-height:22px; font-size:15px; margin:5px 0 0px 0; display:inline-block; color:#666; font-weight:300; float:left;}
.article-photo-wrap .title + .caption{margin-top:0;}
.article-photo-wrap{margin:0 auto 30px auto; max-width:730px;}
.article-img{width:100%;}
.article-img img{width:100%; height:auto;}
.article-cont .article-photo-wrap img{width:730px; margin-bottom:5px;}
.article-photo-wrap .title{ font-size: 16px; font-weight: 400 !important; letter-spacing: -0.04px; color: #000; text-align:left; margin-top:5px; line-height:22px;}
.table_LSize{max-width:730px; width:100%;}
.table_LSize img{max-width:730px; width:100%;}
.table_MSize{max-width:500px; width:100%;}
.table_MSize img{max-width:500px; width:100%;}
.table_SSize{max-width:250px; width:100%;}
.table_SSize img{max-width:250px; width:100%;}

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

/* 06 유튜브(영상) */
.article-video{margin-bottom:30px;}
.article-video .video-wrap{width:730px; margin:0 auto; padding-top:0; margin-bottom:30px;}
.video-wrap .video{width:730px; margin:0 auto;}
.video-wrap .video iframe{width:730px;}
.video-wrap .title{width:730px; font-size: 16px; font-weight: 400 !important; letter-spacing: -0.04px; color: #000; text-align:left; line-height:22px;}
.video-wrap .caption{width:730px; line-height:22px; font-size:15px; margin:0px 0 0px 0; display:inline-block; color:#666; font-weight:300;}
.video-wrap .title + .caption{margin-top:0;}

/* 07 지도 */
.article-map{max-width:730px; margin:0px auto 40px auto;}
.article-map iframe{width:730px;}
.article-map .caption{line-height:22px; font-size:15px; margin:5px 0 0px 0; display:inline-block; color:#666; font-weight:300;}

/* 08 GIF */
.gif-area{max-width:730px; margin:0px auto 40px 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{font-size: 16px; font-weight: 400 !important; letter-spacing: -0.04px; color: #000; text-align:left; margin-top:5px;}
.gif-area .caption{line-height:22px; font-size:15px; margin:5px 0 30px 0; display:inline-block; color:#666; font-weight:300; text-align:left; float:left;}
.gif-area .title + .caption{margin-top:0;}

.article-gif{width: 730px; 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; width:calc(100% - 32px); max-width: 698px; border: 1px solid #CED4DA; padding:15px; margin:0px auto 40px auto;}
.article-openlink-horizontal a{display:flex;}
.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 {height:100px;}
.article-openlink-horizontal .article-link-body .title{font-size: 18px; font-weight: 500; color: #000; margin-bottom: 10px;}
.article-openlink-horizontal .article-link-body .caption{font-size: 16px; font-weight: 300; color: #000;}
.article-openlink-horizontal .article-link-body .link{display: block; margin-top:6px; text-decoration: underline; color: #063BFF; font-size:15px;}

/* 오픈링크 세로형 */
.article-openlink-vertical{width:344px; height:335px; 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:#eee; 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 {height:100px;}
.article-openlink-vertical .article-link-body .title{font-size: 18px; font-weight: 500 !important; color: #000; line-height:24px; margin-bottom: 10px;}
.article-openlink-vertical .article-link-body .caption{font-size: 16px; font-weight: 300; color: #000; line-height:22px;}
.article-openlink-vertical .article-link-body .link{display: block; margin-top: 16px; text-decoration: underline; color: #063BFF; font-size:15px;}

/* 10 인용구_1 */
.article-quotation01{width:670px; 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{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:650px; border-left:3px solid #474747; padding:10px 0 10px 20px; margin:0px auto 40px auto;}
.article-quotation02 .content-quotation p{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:666px; 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{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:center;}
.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:730px; 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:730px; margin:0px auto 40px auto;}
.sns-share{max-width:500px; height:auto; overflow:hidden; margin:20px auto;}

/* 13 텍스트 박스*/
.text-box{margin:0 auto; width: 638px;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{width:730px; 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; font-size: 16px; font-weight: 500; letter-spacing: -0.04px; color: #333333; text-align:left;}
.group-slide .caption{width:600px; line-height:22px; font-size:15px; margin:5px auto 30px auto; display:inline-block; color:#666; font-weight:300;}

/* 13 사진그룹_바둑판형 */
.group-layout{width:730px; margin:0 auto 20px auto; overflow:hidden;}
.group-layout h4{margin-bottom:10px;}
.group-layout figure{width:730px; height:467px;}
.group-layout img{width:730px;}
.group-layout .caption{line-height:22px; font-size:15px; margin:5px 0 30px 0; display:inline-block; color:#666; font-weight:300;}

/* 1개 */
.group-layout .layout-1 figure{width:730px; 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:730px; max-height:467px;}


/* 2개 */
.group-layout .layout-2{width:730px; 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%; width:100%;}
.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;}
.group-layout .layout-2 figure img{width:100%;}

/* 3개 */
.group-layout .layout-3{width:730px; 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;}
.group-layout .layout-3 figure img{width:100%;}

/* 4개이상 */
.group-layout .layout-4{width:730px; 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;}
.group-layout .layout-4 figure img{width:100%;}

/* 표 */
.article-tbl{text-align:center; margin-bottom:30px; overflow:hidden;}
.article-tbl .title{font-size: 16px; font-weight: 400 !important; letter-spacing: -0.04px; color: #000; text-align:left; margin-top:5px;}
.article-tbl .caption{ line-height:22px; font-size:15px; margin:5px 0 0px 0; display:inline-block; color:#666; font-weight:300; text-align:left; float:left;}
.article-tbl .title + .caption{margin-top:0;}
.article-tbl img{width:100%; height:auto;}

/* 글머리 기호/번호 매기기 */
.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:760px; margin-bottom:30px; overflow:hidden;}
.article-chart img{width:100%; height:auto;}
.article-chart .title{font-size: 16px; font-weight: 400 !important; letter-spacing: -0.04px; color: #000; text-align:left; margin-top:5px;}
.article-chart .caption{ line-height:22px; font-size:15px; margin:5px 0 0px 0; display:inline-block; color:#666; font-weight:300; text-align:left;}