
/* 본문 */
.view{background:#fff; width:100%;}
.view-hd{padding:0px 15px 15px 15px;/* overflow:hidden; */border-bottom:1px solid #ddd;float: left;position: relative;width: calc(100% - 30px);}
.news-category{font-size:18px; color:#DD121A; font-weight:600; margin-bottom:15px;}
.view .news-title{font-size:26px; font-weight:600; line-height:32px; color:#000; margin-bottom:20px;}
.news-info{float:left; font-size:16px; color:#666; margin-top:3px;}
.reporter{position:relative; padding-right:10px; margin-right:6px;}
.reporter::after{content:""; display:inline-block; width:1px; height:15px; background:#999; position:absolute; right:0; top:4px;}
.news-option{float:right; position:relative; border-right:1px solid #ddd;}
.news-option li{float:left;width:30px; height:27px; border:1px solid #ddd; border-right:0 none; text-align:center; line-height:27px;}
.news-option li:nth-child(1){font-size:12px; color:#666;}
.news-option li:nth-child(2){font-size:16px; color:#666;}
.news-option li:nth-child(3){cursor:pointer;}
.ico-share::before{background: url(../images/m_sprites_img.png)no-repeat;content: "";background-position: -202px -56px;background-size: 250px;width: 18px;height: 18px;position: absolute;top: 5px;right:6px;}
.news-option li a{display:block;}

/* 관심기사 iframe z-index 1*/
.interest-news-list > * {z-index : 1 !important;}

.view-font-size01{font-size:1.4em !important; line-height:32px !important;}
.view-font-size02{font-size:1.5em !important; line-height:32px !important;}
.view-font-size03{font-size:1.6em !important; line-height:32px !important;}
.view-font-size04{font-size:1.8em !important;line-height:32px !important;}
.view-font-size05{font-size:2em !important;line-height:32px !important;}
.view-content .view-news .view-read table[align=left]{text-align:left;}
.view-content .view-news .view-read table[align=center]{text-align:center;}
.view-content .view-news .view-read table[align=right]{text-align:right;}
.view-content .view-news .view-read table tbody{display:inline;}

/*TOP버튼
.top-btn{font-weight:600; width:40px; height:40px; border-radius:30px; border:1px solid #666;  background-color:#fff; right: 30px; bottom:30px; position:fixed; z-index:998;}
.top-btn a{width:42px; height:42px; display:block;}
.btn-top{display:inline-block;width: 35px; margin:0 auto; font-size:15px; color:#000; margin-left:7px;}
.ico-top{display:inline-block;background-position: -201px -112px; width:40px;height: 38px;}*/

/*스크롤 막기 */
.hidden{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/*버튼 아이콘*/
.font-plus-btn{background-position:-4px -118px}
.font-minus-btn{background-position:-30px -118px}
.share-btn{background-position:-60px -118px}

/* 본문 스티키메뉴 */

/* 폰트크기 수정 */
.font-size-popup {width:225px; position: absolute; bottom:-62px; right: 45px; border: 1px solid #ccc; height: 30px; background: #fff; padding:15px; display: block;z-index: 2;}
.font-size-box li {float: left; width: 30px; height: 30px; border-radius: 30px; text-align: center; margin-right:10px; line-height: 33px; color:#333;}
.font-size-box li.on {background: #FF6167; border: 0 none; height: 32px;width: 32px;color: #fff; font-weight:500;}
.font-size-popup button{opacity:0.4;}
/*본문 콘텐츠*/
.view-content{width:100%; overflow:hidden; margin-bottom:10px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.25);}
.view-news{overflow:hidden;}
.view-news h3.sub-title{font-size: 18px;margin:10px 0 30px 0;line-height:32px;border-left:2px solid #DD121A;padding-left:10px;}
.view-read{padding:15px 15px 0 15px; color:#000; font-size:18px; line-height:24px; margin: 0 0 20px 0; position:relative; z-index:1;}
.view-read table{text-align:center;}
.news-img{width:100%; height:202px; overflow:hidden;}
.news-img img{width:100%;min-height: 202px;height: auto;}
.news-img-info{font-size:14px; color:#888888; margin:10px 0 0 0; line-height:18px;}
.reporter-more{padding:0 15px 0 15px; color:#777777; font-size:15px; margin:30px 0 15px 0;}
.sm-image-c{text-align:center;}
.sm-image-l{text-align:left;}
.sm-image-r{text-align:right;}
/* 본문 내 이미지 */
.table_SSize{/*width:180px !important;*/ width: 100% !important;margin: 0 20px 20px 0 !important;/* float:left; */}
.table_MSize{width:calc(100% + 30px) !important; margin: 0 0 20px -15px !important;}
.table_LSize{width:calc(100% + 30px) !important; margin: -15px -15px 20px -15px !important;}
.table_SSize td{position:relative;}
.table_MSize td{position:relative;}
.table_LSize td{position:relative;}
.view-read table{ margin-bottom:20px !important; }
.img_SSize{/* width:100%; */ width:250px;}
.img_MSize{width:100%;}
.img_LSize{max-width:100%;}
.table_LSize p, .table_MSize p, .table_SSize p{position:relative;}
.table_LSize span.img-expd,.table_MSize span.img-expd,.table_SSize span.img-expd{width: 35px;height: 35px;display:block;position:Absolute;bottom: 10px;right: 10px;background-position: -3px -149px !important;/* background-color: rgba(0,0,0,0.5); *//* border-radius: 50px; */}
.photocaption{font-size:16px;color:#888888;margin:10px 0 0 0;line-height:18px;padding: 5px 0px;text-align: left;}
.landscape {width:100% !important; height:auto !important;}
.portrait {width:auto !important; height:100% !important;}

/* 이미지 레이어 */
.photo-view{overflow:hidden; display:block; padding-top:0; min-height:100vh; position:fixed; width:100%; height:100%; top:0; z-index:999; background-color:black;}
.photo-view-hd{background:#000; height:49px; overflow:hidden; position:absolute; top:0; width:100%; left:0;  z-index:2; opacity:0.7;}
.photo-view-hd p{background-position:-4px -268px;margin-left:13px;width:15px;height:20px;background-size:300px;margin:10px;padding: 10px 5px;float:left;}
.photo-view-hd h3{color:#fff; font-size:1em; padding:15px 15px 15px 0px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}.photo-view-cont{height:100vh; margin-top:0 !important;}
.photo-view-hd p.ico-close{width: 20px;height: 21px;margin: 13px 3px 13px 13px;background-position: -90px -150px;background-size: 250px;float: right;}
.photo-view-date{float:right;}
.photo-view-pic{background:#000; height:100vh;}
.photo-view-pic .photo-view-img{height:100vh; text-align:center;}
.photo-view-cont{background:#252525;height:100vh;position:relative;}
.photo-view-img{width:100%; height:calc(100vh - 218px); vertical-align:middle; display:table-cell; position:relative; text-align:center;}
.photo-view-img img{width:100%;}
.photo-view-txt{height:80px; padding:15px; position:absolute; overflow-y:auto; bottom:49px; background:#000; width:calc(100% - 30px); border-top:10px solid #000;}
.photo-view-txt p{color:#fff; font-size:1em; line-height:1.5em;}
.photo-view-info{background:#000; height:49px; overflow:hidden; color:#fff; position:absolute; bottom:0; width:calc(100% - 30px); line-height:49px; padding:0 15px;}
.photo-view .weekly-btn {position:absolute;top:34%;z-index:1;top:46%;width: 100%;}
.photo-view .weekly-btn button.weekly-prev{z-index: 1;background: rgba(0,0,0,.6);width: 45px;height: 45px;}
.photo-view .weekly-btn button.weekly-next{z-index: 1;width: 45px;height: 45px;background: rgba(0,0,0,0.6);float: right;}
.pop-pictorial-layer{min-width:unset !important;}

.photo-view button.weekly-prev span{background-position: -58px -183px;margin-left:13px;width: 20px;height:20px;background-size:300px;display:block;}
.photo-view button.weekly-next span{background-position: -85px -183px;margin-left:18px;width: 20px;height:20px;background-size:300px;display:block;}

/* 기사 좋아요 */
.news-like{height:50px; margin-top:40px; text-align:center;}
.news-like p{width:60px; margin:0 auto;}
.news-like p span.view-like{display:inline-block; width:34px; height:34px; background:url(../images/m_sprites_img.png) no-repeat -7px -180px; background-size:250px; float:left; cursor:pointer;}
.news-like p span.view-like-count{display:inline-block; width:20px; height:34px; line-height:36px; font-size:16px;}
.news-like p span.view-like.like-on{display:inline-block; width:34px; height:34px; background:url(../images/m_sprites_img.png) no-repeat -51px -180px; background-size:250px; float:left; cursor:pointer;}

/*관련기사*/
.view-relnews-wrap{padding:0 15px 0 15px; background-color:#fff; margin-bottom:15px;}
.view-relnews-wrap > li, .view-relnews-wrap > p {font-size:20px; color:#DD121A; font-weight:bold; padding-top:30px; margin-bottom:20px;}
.view-relnews-wrap .relnews{padding-bottom:20px;}
.view-relnews-wrap .relnews li{position:relative; padding-left:10px;}
.view-relnews-wrap .relnews li::before{content:"";width:3px;height: 3px;display:inline-block;float:left; background:#DD121A; position:absolute; top:15px; left:2px;}
.view-relnews-wrap .relnews li a{display:inline-block;color:#333;font-size: 20px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:calc(100% - 20px);padding: 5px 0;}

/*키워드*/
.keyword-wrap{width:100%; overflow: hidden; background-color:#fff; margin-bottom:15px;    padding: 20px 0 28px 0;}
.keyword-wrap ul{/*width: 328px;*/ margin:0 auto; padding:0 15px 0 15px; overflow:hidden; text-align:center;}
.keyword-wrap ul li {  float: left;  border: 1px solid #be222b;  border-radius: 19px;  margin-right: 10px;  font-weight: bold;  padding: 6px 10px;  margin-top: 10px;  word-break: keep-all;  }
.keyword-wrap ul li a{font-size:15px; color:#26355c;}
.keyword-on{display:inline-block; border-radius:5px; background-color:#be222b;}
.keyword-on a{color:#fff !important;}

/*댓글*/
.comment-wrap{width:100%; height:375px; background-color:#fff; margin-bottom:15px;}

/* 기사공유 */
.share-wrap{display:none; position: fixed; width: 100%; background-color:rgba(0,0,0,0.7);z-index: 999; top:0; left:0; height:100%;}
.share-box{background-color:#ffffff; position:absolute; width: calc(100% - 60px); margin:0 30px; top:30%;}
.share-title{overflow:hidden; font-size:18px; border-bottom:1px solid #cacbcb; background-color:#e6e9ec; padding:15px;}
.share-title p:nth-child(1){float:left; color:#000000;}
.share-box .ico-close{top: 15px;}
.share-content{padding:24px 15px;}
.share-content ul{overflow:hidden; height:80px; padding-bottom:20px; width:100%; margin:0 auto;}
.share-content ul li{width:25%; height:61px; float:left;  text-align:center;}
.share-content ul li > a{display:inline-block; font-size:15px; color:#000; width:41px; height:41px;}
.share-content ul li a{display:block; width:41px; height:41px; background:url(../images/m_sprites_img.png); background-size:250px; margin:0 auto 10px auto;}
.share-content ul li.share-tw a{background-position: -122px -87px;}
.share-content ul li.share-fb a{background-position: -169px -87px;}
.share-content ul li.share-kakao a{background-position: -123px -134px;}
.share-content ul li.share-band a{background-position: -169px -134px;}
.share-content ul li span{font-size:15px;}

/*url-복사*/
.url-box{overflow:hidden; position:relative; margin:0 auto;}
.url{white-space:nowrap; float:left; width:calc(100% - 98px); padding:10px; border:1px solid #e6e9ec; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:24px; max-height:26px;overflow:hidden; text-overflow:ellipsis; color:#000; font-weight:500; }
.url-copy{float:left; width:76px; height:46px; background-color:#e6e9ec; font-size:14px; color:#000000;}

/*.view-read #test iframe{width:200px !important; height:200px !important; float:right; margin:0 15px;}*/
/* 본문 내 iframe(광고 제외) 미디어쿼리 */
/*
@media only screen and (max-width:320px){
    .view-read  iframe{/*width: calc(100% + 30px) !important;margin: 0 0 15px -15px;height: 200px !important;  width:100%; margin:0 15px 15px 0px; height:200px;}
}

@media only screen and (max-width:360px){
    .view-read iframe{/*width: calc(100% + 30px) !important;margin: 0 0 15px -15px;height: 203px !important;  width:100%; margin:0 15px 15px 0px; height:200px;}
}

@media only screen and (max-width:375px){
    .view-read iframe{/*width: calc(100% + 30px) !important;margin: 0 0 15px -15px;height: 212px !important;  width:100%; margin:0 15px 15px 0px; height:200px;}
}

@media only screen and (max-width:411px){
    .view-read iframe{/*width: calc(100% + 30px) !important;margin: 0 0 15px -15px;height: 232px !important;  width:100%; margin:0 15px 15px 0px; height:200px;}
}

@media only screen and (max-width:414px){
    .view-read iframe{/*width: calc(100% + 30px) !important;margin: 0 0 15px -15px;height: 234px !important;  width:100%; margin:0 15px 15px 0px; height:200px;}
}

@media only screen and (min-width:768px){
    .view-read iframe{/*width: calc(100% + 30px) !important;margin: 0 0 15px -15px;height: 320px !important;  width:100%; margin:0 15px 15px 0px; height:200px;}
} */

/* 유튜브 */
.ytb-area{margin-top: 20px; position: relative; width: 100%; padding-bottom: 56.25%;}
.ytb-area iframe{position: absolute; width: 100%; height: 100%;}


/* 본문소재 */
.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 #dd121a; padding:12px 0 12px 5px; width:calc(100% - 5px); max-width:860px; margin:0px auto 40px auto;}
.article-subtitle p{font-size:18px; line-height:32px; font-weight:600; padding-left:9px; letter-spacing:-0.35px; color:#000; margin-bottom: 0;}
.article-subtitle.type02{border-left:0;}
.article-subtitle.type02 p{padding-left:0; line-height:24px;}
.article-subtitle.type02 p + p{margin-top:15px;}

/* 03 중간제목 */
.article-mtitle{padding: 12px 0 16px; border-top: 3px solid #dd121a; border-bottom: 1px solid #CED4DA; max-width:860px; margin:0px auto 40px auto;}
.article-mtitle p{padding: 0 6px; font-size: 18px; line-height: 32px; font-weight: 600; color: #111;}
/*.article-mtitle.type02{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{max-width: 860px; margin: auto;display: table; width:calc(100% + 30px); margin:0 0 30px -15px;}/* 0920 이미지와 텍스트 정렬 수정 */
.article-photo-wrap figure{max-width: 860px; margin: auto;}
.article-photo-wrap img {max-width: 100%; width:100%; height:auto;}
.article-photo-wrap .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 600; letter-spacing: -0.04px; color: #333333; line-height:24px; text-align:left; margin:5px 10px 0;}
.article-photo-wrap .caption{width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #000; margin:0 10px; display:inline-block; color:#7a7a7a; line-height:22px; margin-top:5px;}
.article-photo-wrap .title + .caption{margin-top:0;}

.txc-image{width:540px; margin:0 auto;}

/* 06 유튜브(영상) */
.article-video{margin-bottom:30px;}
.article-video .video-wrap{width: calc(100% + 30px); margin:0 auto 0 -15px; padding-top:0; margin-bottom:40px;}
.video-wrap .video{width:auto; margin:0 auto; text-align: center;}
.video-wrap .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 600; letter-spacing: -0.04px; color: #333333; line-height:24px; text-align:left; margin:5px 10px 0;}
.video-wrap .caption{width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #000; margin:0 10px; display:inline-block; color:#7a7a7a; line-height:22px; margin-top:5px;}
.article-video .video{margin-top: 20px; position: relative; width: 100%; padding-bottom: 56.25%; text-align:unset;}
.article-video .video iframe{position: absolute; width: 100%; height: 100%;}

/* 07 지도 */
.article-map{width:calc(100% + 30px); margin:0px auto 40px -15px; display: table;/*text-align: center;*/}
.article-map iframe{width:100%; height:240px;}
.article-map .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 600; letter-spacing: -0.04px; color: #333333; line-height:24px; text-align:left; margin:5px 10px 0;}
.article-map .caption{width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #000; margin:0 10px; display:inline-block; color:#7a7a7a; line-height:22px; margin-top:5px;}
.article-map .title + .caption{margin-top:0;}


/* 08 GIF */
.article-gif{width:calc(100% + 30px); margin:0px auto 40px -15px; text-align:center; overflow:hidden;}
.article-gif.gif-left{float:left;}
.article-gif.gif-center{margin:0 auto;}
.article-gif.gif-right{float:right;}

.gif-area{max-width:100%; margin:0px auto 0px auto; text-align:center;}
.gif-area{width:100%; max-width:100%;}
.gif-area figure{max-width:100%; height:auto; margin:0 auto 6px auto;}
.gif-area figure img{max-width:100%; height:auto;}
.gif-area .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 600; letter-spacing: -0.04px; color: #333333; line-height:24px; text-align:left; margin:5px 10px 0;}
.gif-area .caption{width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #000; margin:0 10px; display:inline-block; color:#7a7a7a; line-height:22px; margin-top:5px;}
.gif-area .title + .caption{margin-top:0;}


/* 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{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: 600; color: #000; margin-bottom: 10px;}
.article-openlink-horizontal .article-link-body .caption{font-size: 16px; font-weight: 300; color: #000;line-height: 22px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.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{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:#ebebeb; line-height:160px; text-align:center; display:flex; justify-content:center; align-items: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: 600; color: #000; margin-bottom: 10px; line-height:24px; }
.article-openlink-vertical .article-link-body .caption{font-size: 16px; font-weight: 300; color: #000; line-height:22px;  display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.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{width:100%; 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:100%; 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:100%; 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;}

/* 12 sns_공유 */
.article-share{max-width:700px; margin:0px auto 40px auto;}
.sns-share{max-width:100%; height:auto; overflow:hidden; margin:20px auto;}
.sns-share iframe{width:100%;}

/* 13 텍스트 박스*/
.text-box{margin:0 auto; width: calc(100% - 90px);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:700px; 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{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{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{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{width:100%; text-align:center; margin: 0px auto 40px auto;}
.article-tbl img{width:100%; height:auto;}
.article-tbl .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 600; letter-spacing: -0.04px; color: #333333; text-align:left; margin-top:5px; line-height:24px;}
.article-tbl .caption{width: 100%; text-align: left; margin-top: 5px; font-size: 14px; font-weight: 300; color: #000; display:inline-block; color:#7a7a7a; line-height:22px;}

/* 글머리 기호/번호 매기기 */
.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:100%; margin-bottom:30px;}
.article-chart img{width:100%; height:auto;}
.article-chart .title{margin-bottom: 0 !important; line-height: normal !important; font-size: 16px !important; font-weight: 600; letter-spacing: -0.04px; color: #333333; text-align:left; margin-top:5px; line-height:24px;}
.article-chart .caption{width: 100%; text-align: left; margin-top: 5px; font-size: 14px; font-weight: 300; color: #000; display:inline-block; color:#7a7a7a; line-height:22px;}

.article-photo-wrap + p + br + iframe{margin:-40px 0 30px 0;}