﻿@charset "utf-8";

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 100;
    src: local("SF-UI-Display-Thin"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Thin.woff") 
	format("woff"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Thin.otf") format("opentype")
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 200;
    src: local("SF-UI-Display-Light"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Light.woff") format("woff"),url("//ojsimg.ohmynews.com/css/fonts/SF-Pro-Display-Light.otf") format("opentype")
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 400;
    src: local("SF-UI-Display-Regular"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Regular.woff") format("woff"),url("//ojsimg.ohmynews.com/css/fonts/SF-Pro-Display-Regular.otf") format("opentype")
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    src: local("SF-UI-Display-Medium"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Medium.woff") format("woff"),url("//ojsimg.ohmynews.com/css/fonts/SF-Pro-Display-Medium.otf") format("opentype")
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    src: local("SF-UI-Display-Semibold"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Semibold.woff") format("woff"),url("//ojsimg.ohmynews.com/css/fonts/SF-Pro-Display-Semibold.otf") format("opentype")
}

@font-face {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 700;
    src: local("SF-UI-Display-Bold"),url("//ojsimg.ohmynews.com/css/fonts/SF-UI-Display-Bold.woff") format("woff"),url("//ojsimg.ohmynews.com/css/fonts/SF-Pro-Display-Bold.otf") format("opentype")
}


/* s:기사본문컨트롤*/
.article_view{width:602px; /*overflow:hidden;*/ font-size:17px; line-height:170%; font-family: 'SF Pro Display','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif!important; letter-spacing: -.3px!important; color:#000a19; }
.article_view p{font-size:17px; line-height:170%; font-family: 'SF Pro Display','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif!important; letter-spacing: -.3px!important;  color:#000a19; margin-top: 5px;}
.at_contents {font-size:17px; line-height:170%; font-family: 'SF Pro Display','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif!important; letter-spacing: -.3px!important; color:#000a19; FONT-VARIANT: normal; word-break: break-word;/*text-align:justify; overflow-wrap: break-word;*/ }
.at_contents > strong{font-weight: 700;}/* 굵게 */
.at_contents a span{font-size:17px; line-height:170%; font-family: 'SF Pro Display','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif!important; letter-spacing: -.3px!important;}
/*.editor_text {font-size:12px; color:#666666; line-height:120%; padding:10px;}
.editor_text p{font-size:12px; color:#666666; line-height:120%;}*/
.article_box {font-size:12px; color:#666666; line-height:120%; padding:10px;}
.article_box p{font-size:12px; color:#666666; line-height:120%;}

/* 본문사진 - 240919 */
.omn-photo{margin: 0px; padding-bottom: 20px; clear: both;}
.omn-photo > .pho-center {position: relative; width: fit-content; max-width: 100%; text-align: center; margin: 0 auto; display: block;}
.omn-photo > .pho-center img{width: 100%; height: auto; float: unset; /*object-fit: cover;*/}
.omn-photo > .pho-center .zoom-btn { position: absolute; right: 14px; top: 12px; display: block; font-size: 15px; color: transparent; overflow: hidden; width: 30px; height: 30px; opacity: 0.7; background-color: #000; background-image: url(https://ojsimg.ohmynews.com/images/star/2016/icon_zoom.svg); background-repeat: no-repeat; background-size: 18px 18px; background-position: 50% 50%; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;}
.omn-photo > .pho-caption{display: block; padding: 0; }
.omn-photo > .pho-caption .tjfaudrmf{text-align: left; padding: 10px 0 0; font-size: 13px !important; font-weight: 400 !important; color: #a0a0a0; line-height: 140%; margin: 0px auto; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif !important;}
.omn-photo > .pho-caption .tjfaudrmf strong {font-weight: 600; padding-right: 3px;}
.omn-photo > .pho-caption .tjfaudrmf span.copy {padding-left: 7px;}
.omn-photo > .pho-caption .tjfaudrmf span.copy:before {content: "ⓒ ";}
.omn-photo > .pho-caption .rhksfus{font-size: 12px; background: #949aaa; color: #f4f4f4; display: inline-block; padding: 0 8px 0 8px; border: 0; line-height:25px; text-decoration: none; float: right; margin-top: 7px; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif !important;}

/*웹,모바일 배너 130419*/
#bn_atc_box {width:100%;display:block;text-indent:-9999px; margin-bottom:20px; padding:0;}
#bn_atc_box .sipmanin_bn{width:602px; height:33px; background:url(https://ojsimg.ohmynews.com/images/mobile_2011/president/bn_10manin_atc.gif) no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#bn_atc_box .sipmanin_bn{width:300px; height:40px; background:url(https://ojsimg.ohmynews.com/images/mobile_2011/president/bn_10manin_atc_m.gif) no-repeat;-webkit-background-size:300px 40px;}}

.boxtitle{background-color:#f5f4f3; font-weight:bold;font-size:14px;line-height:140%;text-align:center; padding:7px 0 5px 0; }
.boxsubtitle{font-weight:bold;font-size:12px; color:#999999;}
.boxconts{line-height:16px;margin-top:20px;padding: 0 10px 0px 10px;text-align:justify; font-size:12px;}
.photoCenter{padding:0;margin:0 auto;border-spacing: 0;border-collapse: collapse}

.photoCenter img{display: block;text-align:center; max-width: 600px;width: 100%}/* 150114 이미지 넓이값 600이하로 설정 */
.photoCenter img.photo_boder{border:solid 1px #999;}
.photoCenter td{position: relative;padding:0;margin:0}
/*.photoCenter tr:first-child td{border:solid 1px #999}*/
.photoCenter td > .zoom-btn{position: absolute;right: 14px;top: 12px;display: block;font-size: 15px;color: transparent;overflow: hidden;width: 40px;height: 40px;opacity: 0.7;background-color: #2469bd;background-image: url(https://ojsimg.ohmynews.com/images/star/2016/icon_zoom.svg);background-repeat: no-repeat;background-size: 20px 20px;background-position: 50% 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);-ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}
.photoCenter td > .zoom-btn:hover{opacity: 1}
.box_man {font-size: 11px; color: #9ea2a7;  font-family: dotum, "돋움"; line-height:100%; }
.photoCenter tr:nth-child(2) .box_man {padding-top: 10px;}
.box_tag { font-size:11px; font-weight:normal; line-height:120%; color:#9ea2a7; text-align:right;}
.box_tag a:link{ font-size:11px; color:#9ea2a7; font-weight:normal; text-decoration:none;}
.box_tag a:hover{ font-size:11px; color:#9ea2a7; font-weight:normal; text-decoration:underline;}
.f11 {font-size:12px;color:#9ea2a7;padding-left:10px;}
.plus_con { margin-top: 30px; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important;}
.plus_con p {font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important; font-size: 13px!important; color: #999999!important; text-align:left; margin: 0; letter-spacing: 0;}
.plus_con p > a{vertical-align: initial !important; color: #99c8f4 !important;}
.plus_con span.plus_b {font-size: 13px!important; color: #222!important; font-weight: bold; text-align:left; margin-right: 7px; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif!important;}
.alliance{margin-top: 7px;}
/*.alliance a:link{color: #529c95;font-size: 13px;background-color: #e8f9f0;line-height: 140%;}*/
.alliance a:link, .alliance a:visited, .alliance a:active{color: #529c95;font-size: 13px;background-color: #e8f9f0;line-height: 140%;}

#news_tail { margin-top: 20px; font-size:12px; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important;}
#news_tail .real_new01 { font-weight:bold; background-color: #e3e3e3; text-align: center; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important;}
#news_tail .real_new02 { padding-top:5px; background-color: #f9f9f9;line-height:120%; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important;}
#news_tail .real_new02 a.file {text-decoration:underline;line-height:120%;}
#news_tail .real_new02 a:hover {color:#ff3333;line-height:120%; }
#news_tail .real_new03 { padding-top:5px; padding-bottom:5px;padding-left:5px; background-color: #f9f9f9;line-height:120%; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important;}
#news_tail .real_new03 a.file {text-decoration:underline;line-height:120%;}
#news_tail .real_new03 a:hover {color:#ff3333;line-height:120%;}

#news_tail .real_new04 { padding-left:5px; background-color: #f9f9f9; font-family: "SF Pro Display", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif !important;}
#news_tail .real_new04 a.file {color:#999999; text-decoration:underline;}
#news_tail .real_new04 a:hover {color:#999999; } 

#news_tail .real_new05 { font-weight:bold; background-color: #415c81; text-align: center; font-size:11px; color:#fff;text-decoration:none; } 
#news_tail .real_new06 { font-weight:normal; text-align: left; font-size:14px; color:#333333; line-height:140%; } 
#news_tail .real_new07 { font-weight:bold; text-align: left; font-size:14px; color:#333333;padding:5px;  background-color: #f2f2f2; width:100%;} 
#news_tail .real_new07 a,a:hover { text-decoration:underline;}

.atc_btn {text-align:right; margin:0;}
.btn_area01{font-size:11px; color:#999999;}
.btn_area01 a.btn_all{font-size:11px;background:#949aaa;color:#f4f4f4;display:inline-block;padding:0 8px 0 8px;text-decoration:none}
.btn_area01 a:hover.btn_all{font-size:11px;background:#7e8391;color:#FFF;display:inline-block;padding:0 8px 0 8px;text-decoration:none}

/* e:기사본문컨트롤*/


/* 최종면 기존 편집자의 말 : 디자인변경 240821 */
.editor_box{ padding: 16px 15px 12px 15px; border: solid 1px #e1e1e1; margin-bottom: 15px; position: relative; color: #666; font-size: 16px !important; line-height: 140% !important; width: 100%; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;}
.editor_text {color: #666!important; font-size: 16px !important; line-height: 140% !important; position: relative; padding:16px 20px!important;}
.editor_text .f11{background-color: #fff; color: #666; position: absolute; top: -11px; left: 15px; font-size: 12px; padding: 0 5px;}
/* 최종면 기존 이기사한눈에 : 디자인변경 240821 */
.news_highlight{padding: 16px 15px 12px 15px; border: solid 1px #e1e1e1; margin-bottom: 15px; position: relative; color: #222; font-size: 16px !important; line-height: 140% !important;font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;}
.news_highlight h3{position: absolute; top: -11px; left: 15px; font-size: 12px; padding: 0 5px; background-color: #fff; color: #666;}
.news_highlight h3 strong{font-weight: 400;}
.news_highlight li{margin-left: 15px; list-style: disc; font-size: 16px !important; line-height: 140% !important; color: #000;}
.news_highlight li .new{width:27px; height:16px; float:left; background: url(https://ojsimg.ohmynews.com/images/ohmynews/common/h_icon_new.png) 0 1px no-repeat;text-indent:-9999em; margin-right:4px; vertical-align: top;}


/*최종면개편:뉴스하이라이트_수정 131028
.news_highlight{ padding-bottom:20px; padding:10px 25px 10px 25px; border-top:2px solid #e2e2e2;border-bottom:2px solid #e2e2e2; margin-bottom:30px;background:#fff}
.news_highlight h3{ font-size:11px;}
.news_highlight h3 .cp{color:#db0000;font-size:11px;}
.news_highlight li{font-size:12px; line-height:16px; color:#666666; padding-left:10px;margin-top:5px;margin-bottom:10px;}
.news_highlight li.icon_on{background: url(https://ojsimg.ohmynews.com/images/ohmynews/common/h_icon_r.png) 0 5px no-repeat;}
.news_highlight li.icon{background: url(https://ojsimg.ohmynews.com/images/ohmynews/common/h_icon_g.png) 0 5px no-repeat;}
.news_highlight li .new{width:27px; height:16px; float:left; background: url(https://ojsimg.ohmynews.com/images/ohmynews/common/h_icon_new.png) 0 1px no-repeat;text-indent:-9999em; margin-right:4px;}*/


/*2019 책동네 */
.book-info-wrap{position: relative;display: block;height: 122px;border: 1px solid #d9d9d9;padding: 11px 11px 11px 100px;margin: 0 auto;letter-spacing: -0.025em;width: 450px;box-sizing: border-box;}
.book-info-wrap:hover{border-color: #000;text-decoration: none}
.book-info-wrap *{box-sizing: border-box}
.book-info-wrap > .book-cover{position: absolute;left: 11px;display: inline-block;width: 69px;height: 100px;background-repeat: no-repeat;background-position: center top;background-size: cover}
.book-info-wrap > .book-cover::after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid rgba(0,0,0,0.1)}
.book-info-wrap > .book-txt{position: relative;height: 100%;display: block}
.book-info-wrap > .book-txt > *{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.book-info-wrap > .book-txt > h1{font-size: 18px;font-weight: 600;height: 44px;line-height: 1.2em;margin-top: 10px;color: #000; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif;}
.book-info-wrap > .book-txt > p{position: absolute;bottom: 16px;font-size: 13px;font-weight: 400;color: #8f8f8f;line-height: 1.2em; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif!important;}
.book-rec-list{width: 450px;margin: 15px auto 50px;}
.book-rec-list > .title-wrap{position: relative;margin-bottom: 8px}
.book-rec-list > .title-wrap > h2{font-size: 13px;font-weight: 200; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif!important;color: #333;}
.book-rec-list > .title-wrap > .more{position: absolute;top:-5px;right: 0;display: inline-block;font-size: 12px;border: 1px solid #ccc;border-radius: 20px;padding: 0 13px;height: 24px;line-height: 24px;text-align: center;background: none; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif!important;}
.book-rec-link{position: relative;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;background-color: #f1f1f1;padding: 5px 15px 5px 20px; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif!important;}
.book-rec-link:hover{text-decoration:none;background-color: #e5e5e5;}
.book-rec-link::before{content: "";position: absolute;top: 14px;left: 12px;display: inline-block;width: 2px;height: 2px;border-radius: 50%;background-color: #333;}
/*2019 책동네 - 하단*/
.atc-bottom-book{margin-top: 50px;text-align: left;}
.atc-bottom-book *{box-sizing: border-box;font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;}
.atc-bottom-book > .title-wrap{margin-bottom: 12px;height: 25px}
.atc-bottom-book > .title-wrap > h2{display: inline-block;font-size: 18px;font-weight: 600;margin-left: 3px;color: #000}
.atc-bottom-book > .title-wrap > h2 > strong{font-size: 19px;color: #3e7dbf;font-weight: 700}
.atc-bottom-book > .title-wrap > .more{display: inline-block;font-size: 12px;border: 1px solid #ccc;border-radius: 20px;padding: 0 13px;margin-left: 13px;height: 24px;line-height: 24px;text-align: center;background:none}
.atc-bottom-book > .book-article{margin-top: 15px;padding-left: 20px}
.atc-bottom-book > .book-article > .atc-link{display: block;margin-bottom: 10px}
.atc-bottom-book > .book-article > .atc-link > *{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.atc-bottom-book > .book-article > .atc-link > h2{font-size: 16px;font-weight: 400;margin-bottom: 10px}
.atc-bottom-book > .book-article > .atc-link > h2::before{content: "·";margin-right: 4px}
.atc-bottom-book > .book-article > .atc-link > p{font-size: 13px;font-weight: 400;color: #ac8959;padding-left: 8px}
.atc-bottom-book > .book-article > .atc-link > p > strong {    color: #fff;display: inline-block;height: 18px;line-height: 18px;font-size: 12px;padding: 0 5px;background-color: #b5b5b5;border-radius: 3px;margin-right: 5px;font-weight: 400;}
/*2019 책동네 - 하단 - 책동네 추천기사*/
.book_thumb_list_wrap{margin: 50px 0 40px}
.book_thumb_list_wrap > h2{font-size: 18px;font-weight: 600;margin-bottom: 20px;color: #000}
.book_thumb_list_wrap > ul > li{float: left;width: 33.33%}
.book_thumb_list_wrap > ul > li > a{display: block;}
.book_thumb_list_wrap > ul > li > *{margin: 0 5px}
.book_thumb_list_wrap > ul > li:first-child > *{margin-left: 0}
.book_thumb_list_wrap > ul > li:last-child > *{margin-right: 0}
.book_thumb_list_wrap > ul > li > .thumb{background-repeat: no-repeat;background-size: cover;background-position: center;height: 200px;border: 1px solid #ccc;border-bottom: none}
.book_thumb_list_wrap > ul > li > .txt-box{border: 1px solid #d9d9d9;padding: 10px 12px}
.book_thumb_list_wrap .txt-box > .atc-tit{font-weight: 400;font-size: 16px;color: #000;margin-bottom: 20px;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2}
.book_thumb_list_wrap .txt-box > .book-tit{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #ac8959;font-size: 13px;}
.book_thumb_list_wrap .txt-box > .book-tit > strong{color: #fff;display: inline-block;height: 18px;line-height: 18px;font-size: 12px;padding: 0 5px;background-color: #b5b5b5;border-radius: 3px;margin-right: 5px;font-weight: 400}

/*2019 동영상변경*/
.cssThumb5{position: relative;background-color: #000;}
.cssThumb5 > .play{position: absolute;top: 40%;left: 45%;    z-index: 100; }
.bg-cover{display: block; background:#000;    width: 100%;height: 100%;position: absolute;opacity: .7;}
.cssThumb5 > .play > .mov-btn{background: url(https://ojsimg.ohmynews.com/images/mobile_2017/play.svg) 0 0px no-repeat;display: inline-block; width: 70px; height: 70px;}
.cssThumb5 > .play > .mov-btn:hover{opacity:.8;}
.cssEnd5{position: relative;background-color: #000;}
.cssEnd5 .act-box{position: absolute;width: 100%;text-align: center;top:37%; z-index: 100;}
.cssEnd5 .act-box > a{display: inline-block;padding: 0px 20px;}
.cssEnd5 .act-box > a .return-btn{background: url(https://ojsimg.ohmynews.com/images/mobile_2017/return-w.svg) 0 3px no-repeat;display: inline-block; width: 70px;height: 70px;background-size: 100%;}
.cssEnd5 .act-box > a .recommend-btn{background: url(https://ojsimg.ohmynews.com/images/mobile_2017/rec-w.svg) 5px 0px no-repeat;background-size: 90%;display: inline-block;width: 70px;height: 70px;}
.cssEnd5 .act-box > a > strong{display: block;color: #FFFFFF;font-size: 16px;font-family: 'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;padding: 5px;font-weight: 100;}
.cssEnd5 .act-box > a:hover{text-decoration: none;opacity:.8;}
.h-mov{max-height: 425px;margin: 0 auto;display: block;max-height: 400px;}
.cssEnd5 .list-link{width: 100%;}
.cssEnd5 .w{position: absolute;top:33%;}
.cssEnd5 .h{position: absolute;top: 18%;}
.cssEnd5 .list-link > .list {text-align: center;position: relative;}
.cssEnd5 .list-link > .list > li.w-view {display: inline-block;width: 124px;}
.cssEnd5 .list-link > .list > li.h-view {display: inline-block;width: 132px;margin: 0px 10px;}
.cssEnd5 .list-link > .list > li > a {display: block;color: #fff;}
.cssEnd5 .list-link > .list > li > a > h5 {color: #fff;line-height: 16px;text-align: left;font-weight: 400;padding: 5px;}
.cssEnd5 .list-link .list-img{}
.cssEnd5 .list-link .list-img:hover {transform: scale(1.03);}
.cssEnd5 .list-link > .list > button{position: absolute;top:0%; background: transparent;border: none;color: transparent;}
.banner-slider {margin: 0px 10px;}
.slick-track{overflow: hidden;height: 70px}
.slick-slide {transition: all ease-in-out .3s;margin: 0px 5px;width: 270px;height: 70px;}
.slick-slide a{display: block;background-size: cover; height: 100%; background-position: center;color: transparent;}
.slick-prev, .slick-next{height: 100%;margin: 0;width: 18px;background-image: none}
.slick-prev:before, 
.slick-next:before{content: "";display: block;height: 100%;top: 0;margin: 0;background-size: 20px;background-repeat: no-repeat;opacity: 0.5;background-position: center}
.slick-next{right: 5px;}
.slick-next:before{background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/arrow_rt_w.svg);}
.slick-prev{left: 5px;}
.slick-prev:before{background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/arrow_lt_w.svg);}


/* 2020 시리즈 개편 - 스티키 하단 이전다음 연재 */
.sticky_page_article {position: fixed;z-index: 1001;bottom: 0;width: 100%;height: 59px;border-top: 1px solid #666;background: rgba(55, 55, 55, .95);}
.sticky_page_article .btn-box{float: left;height: 100%;font-family: "Noto Sans Light","Malgun Gothic",sans-serif;}
.sticky_page_article .link_btn {display: inline-flex; height: 100%; font-size: 12px;color: #ddd; line-height: 50px; padding-right: 5px;}
.sticky_page_article .link_btn:hover {text-decoration: none;}
.sticky_page_article .link_btn.list{padding-left: 20px; background-image: url(https://ojsimg.ohmynews.com/css/series2020/images/ico-menu-small_w.svg); background-size: 14px; background-repeat: no-repeat; background-position: left 50%;}
.sticky_page_article .link_btn > em{color:#8493c7; padding-left: 4px;}
.sticky_page_article .link_page {float: left;height: 100%;padding: 0 15px; color: #333;}
.sticky_page_article .txt_page {float: left;margin-top: -1px;margin-right: 13px;font-size: 12px;line-height: 50px;font-family: "Noto Sans Light","Malgun Gothic",sans-serif;color: #fff;}
.sticky_page_article .txt_page::before {position: absolute;width: 16px;height: 50px;background: url(https://ojsimg.ohmynews.com/css/series2020/images/ico-chevron_w.svg) no-repeat 0px 36px; background-size: 16px 16px; transform: rotate(90deg);content: "";}
.sticky_page_article .tit_page {max-width: 250px;font-weight: 400;font-size: 14px; color: #fff; line-height: 50px;font-family: "Noto Sans Light","Malgun Gothic",sans-serif;display: inline-block;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.sticky_page_article .link_next {float: right;}
.sticky_page_article .txt_page.next_page {margin-right: 0;float: right;margin-left: 13px;}
.sticky_page_article .txt_page.next_page::before{display: none;}
.sticky_page_article .txt_page.next_page::after {position: absolute;width: 16px;height: 50px;background: url(https://ojsimg.ohmynews.com/css/series2020/images/ico-chevron_w.svg) no-repeat 1px 22px; background-size: 16px 16px;transform: rotate(-90deg);content: "";}
.sticky_page_article .content_box {margin: 0 auto;position: relative;margin-bottom: 10px;padding-left: 15px;padding-right: 15px;transition: all 0.5s;}
.sticky_page_article .content_box.type2 {max-width: 870px;}
@media (min-width: 1200px)
.sticky_page_article .content_box {width: 1100px;padding-left: 0;padding-right: 0;overflow: hidden;}
.sticky_page_article .left-flo {float: left;}
.sticky_page_article .right-flo {float: right;}
.icon-nom{font-size: 10px; padding: 2px 8px; color: #a5a5a5 ; border: solid #ccc 1px; border-radius: 10px; margin-right: 6px; vertical-align: top; font-weight: 400;}
.icon-prm{font-size: 10px; padding: 2px 8px; color: #28d3ff; border: solid #00cbff 1px; border-radius: 10px; margin-right: 6px; vertical-align: top; font-weight: 400;}
.icon-spt{font-size: 10px; padding: 2px 8px; color: #fffa7a; border: solid #32A5D8 1px; border-radius: 10px; margin-right: 6px; vertical-align: top; font-weight: 400; /* Old browsers */background: -moz-linear-gradient(left, #33d3d3 0%, #03A9F4 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #33d3d3 0%,#03A9F4 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #33d3d3 0%,#03A9F4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33d3d3', endColorstr='#03A9F4',GradientType=1 ); /* IE6-9 */}
.no .icon-prm {background-color: rgba(255, 255, 255, .25);color: #fff; border: solid rgba(255, 255, 255, 0.3) 1px;}
/*
.icon-prm{font-size: 10px; padding: 2px 8px; color: #28d3ff; border: solid #00cbff 1px; border-radius: 10px; margin-right: 6px; vertical-align: top; font-weight: 400;}
*/
/* 최종면 하단 그룹소개박스 */
.group-box-wrap {border-top:4px solid #329065;border-bottom:1px solid #329065;border-left:1px solid #329065;border-right:1px solid #329065;position: relative;color:#000;padding:5px 15px;background: #f9f9f9;margin-top:20px}
.group-box-wrap .group-box-top {font-size:16px;color:#000; padding:5px 0;}
.group-box-wrap .group-tit {font-size: 16px;font-weight:bold;color: transparent;font-family:serif;background-image: url(https://ojsimg.ohmynews.com/images/ohmynews/group/logo_group.png);background-size: contain;background-repeat: no-repeat;vertical-align: middle;padding-right: 5px;}
.group-box-wrap .group-name {font-size:14px;font-weight:bold;color:#333;margin-left: 8px;}
.group-box-wrap .group-URL {font-size: 12px;color:#231f20;letter-spacing: 0.007em;line-height: 14px;margin-left: 7px;}
.group-box-wrap .group-URL:before{/* content: ":"; */ margin-right: 5px}
.group-box-wrap .group-intro {font-size:14px;color:#333;padding:5px 0 10px 0;letter-spacing:-0.5px;line-height: 16px;}
.group-box-wrap .notice {font-size:12px;color:#666;padding: 10px 5px;letter-spacing:-0.5px;line-height: 16px;}
.group-box-wrap a, a:hover{text-decoration:none} 
.group-box-wrap .group-URL:hover{text-decoration:underline} 

/* 최종면 하단 지리정보박스 220728*/
.geoinfo-wrap {padding: 0 9px; margin-top: 20px;}
.geoinfo-wrap h2{font-size: 15px;margin-bottom: 15px;color: #333;letter-spacing: -0.038em}
.geoinfo-box {border:1px solid #cccccc;padding: 15px}
.geoinfo-wrap .map-image-api{display:inline-block;width: 100%; height: 140px;background: linear-gradient( to right, #d6dacf 20%, #9db9d1, #9db9d1); text-align: center; font-size: 18px;border: 1px #d0cec5 solid;margin-bottom: 10px}
.geoinfo-wrap .map-title{font-size: 14px;color: #333;line-height: 26px;font-family: HelveticaNeue,AppleSDGothicNeo-Regular,Arial,sans-serif,Nanum Gothic, dotum,"돋움"}
.geoinfo-wrap .map-title .list-no {font-size: 14px;color: #333;margin-right: 11px; display: none}
.geoinfo-wrap .map-list{padding: 5px 0 0 10px}
.geoinfo-wrap .map-list li{padding: 5px 0 5px 0}
.geoinfo-wrap .map-list li:before{font-size:14px;color: #333;text-align: center;display: inline-block;margin: 0 3px 0 2px;}
.geoinfo-wrap .map-list li:first-child:before{content:"①";}
.geoinfo-wrap .map-list li:nth-child(2):before{content:"②";}
.geoinfo-wrap .map-list li:nth-child(3):before{content:"③";}
.geoinfo-wrap .map-list li:nth-child(4):before{content:"④";}
.geoinfo-wrap .map-list li:nth-child(5):before{content:"⑤";}
.geoinfo-wrap .map-list li:nth-child(6):before{content:"⑥";}
.geoinfo-wrap .map-list li:nth-child(7):before{content:"⑦";}
.geoinfo-wrap .map-list li:nth-child(8):before{content:"⑧";}
.geoinfo-wrap .map-list li:nth-child(9):before{content:"⑨";}
.geoinfo-wrap .map-list li:nth-child(10):before{content:"⑩";}

.geoinfo-wrap .map-address{display:block;font-size: 12px;color: #888888;}
.geoinfo-wrap .map-address:before{content: "";background: url(https://ojsimg.ohmynews.com/special/bicycle/images/icon-location-b.svg);width:17px;height:17px;background-size: 100%;display: inline-block;margin-right: 4px;vertical-align:middle;}
.geoinfo-wrap .map-item{display:block;color: #4178bc;margin:3px 0 0 22px}
.geoinfo-wrap .map-item i{font-style: normal;margin-right: 5px}
.geoinfo-wrap .map-address.none{display: none}

.geoinfo-box.type-thumb-none{padding:0;}
.geoinfo-box.type-thumb-none .map-image-api{display: none}
.geoinfo-box.type-thumb-none .map-list{padding: 10px 0 10px 0}
.geoinfo-box.type-thumb-none .map-list li:before{content: "";background: url(https://ojsimg.ohmynews.com/special/bicycle/images/icon-location-b.svg);width:32px;height:32px;background-size: 100%;display: inline-block;margin-right:10px;margin-left: 25px;}
.geoinfo-box.type-thumb-none .map-title{font-size: 16px;}
.geoinfo-box.type-thumb-none .map-address:before {display: none}
.geoinfo-box.type-thumb-none .map-list li a{display: inline-block;}
.geoinfo-box.type-thumb-none .map-item{display:inline-block;color: #4178bc;margin:3px 0 0 12px}

.geoinfo-box.type-thumb-s .map-image-api{display:inline-block;width: 125px; height:80px;background: linear-gradient( to right, #d6dacf 20%, #9db9d1, #9db9d1); text-align: center; font-size: 18px;border: 1px #d0cec5 solid;vertical-align: top;margin-bottom: 0}
.geoinfo-box.type-thumb-s .map-list{display:inline-block;padding: 0;position: relative;}
.geoinfo-box.type-thumb-s .map-list li{padding: 0 0 5px 0;}
.geoinfo-box.type-thumb-s .map-list li:before{content: "";background: url(https://ojsimg.ohmynews.com/special/bicycle/images/icon-location-b.svg);width:22px;height:32px;background-size: 100%;display: inline-block;margin: 5px 5px 0 10px;background-repeat: no-repeat;}
.geoinfo-box.type-thumb-s .map-list li a{display: inline-block;position:relative}
.geoinfo-box.type-thumb-s .map-title{font-size: 16px;}
.geoinfo-box.type-thumb-s .map-address:before {display: none}
.geoinfo-box.type-thumb-s .map-item {margin:20px 0 0 35px;max-width: 380px;line-height:22px}
.geoinfo-box.type-thumb-s .map-item i{font-style: normal;margin-right: 5px;background: #2c3b4e;border-radius: 50px;color: #fff;padding: 3px 10px;}

.geoinfo-box.type-thumb-m {max-width: 450px;margin: 0 auto;}
.geoinfo-box.type-thumb-m .map-image-api{display:inline-block;width: 100%; height: 140px;background: linear-gradient( to right, #d6dacf 20%, #9db9d1, #9db9d1); text-align: center; font-size: 18px;border: 1px #d0cec5 solid;margin-bottom: 10px}
.geoinfo-box.type-thumb-m .map-list{display:block;padding: 0;}
.geoinfo-box.type-thumb-m .map-list li{padding: 0 0 15px 0;position: relative;}
.geoinfo-box.type-thumb-m .map-list li:before{content: "";background: url(https://ojsimg.ohmynews.com/special/bicycle/images/icon-location-b.svg);width:22px;height:22px;background-size: 100%;display: inline-block;margin: 5px 5px 0 10px;position: absolute;;}
.geoinfo-box.type-thumb-m .map-list li a{display: inline-block;padding-left: 40px;}
.geoinfo-box.type-thumb-m .map-title{font-size: 16px;}
.geoinfo-box.type-thumb-m .map-address:before {display: none}
.geoinfo-box.type-thumb-m .map-item {position: absolute;right: 0;top: 0;max-width: 240px;line-height: 22px;}
.geoinfo-box.type-thumb-m .map-item i{font-style: normal;margin-right: 5px;background: #2c3b4e;border-radius: 50px;color: #fff;padding: 3px 10px;}

/* 최종면 하단 제보박스 231127 */
.jebo-box-wrap {position:relative;border:1px solid #e0e0e0;color:#000;padding: 15px 20px;background: #fafafb;margin-top:20px;border-radius: 8px;}
.jebo-title p{font-size: 15px;font-weight: 600;color: #333;line-height: 20px;letter-spacing:-0.5px;}
.jebo-title p:before {content: "";background-image: url(https://ojsimg.ohmynews.com/images/mobile_2017/icon_write.png);background-size: 100%;width: 25px;height: 25px;display: inline-block;vertical-align: middle;margin: 0 10px 3px 0;}
.jebo-intro{display: block;font-size: 15px;color: #888888;padding: 3px 0 5px 38px;letter-spacing: -0.5px;line-height: 16px;}
.jebo-URL {font-size: 13px;display: inline-block;line-height: 18px;padding: 2px 0 0 36px;}
.jebo-URL:after {content: "";display: inline-block;background: url(https://ojsimg.ohmynews.com/images/member2021/ico_arrow_right.svg) no-repeat;width: 15px;height: 15px;background-size: 100%;line-height: 18px;vertical-align: middle;}

/* 최종면 하단 뉴스지도 링크 231218 */
.geoinfo-link {padding: 15px 9px 15px 9px;}
.geoinfo-link p{position: relative; font-size: 16px;color: #333;font-weight: 600;letter-spacing: -0.038em;padding-left: 25px;font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;}
.geoinfo-link p:before {content:"";background: url(https://ojsimg.ohmynews.com/css/newsMap/images/icon-marker-normal.svg) no-repeat 0 0;width: 20px;height: 25px;position: absolute;left: 0;top:0}
.geoinfo-link a {font-size: 16px;}
.geoinfo-link a:link {font-size: 16px;font-family: Helvetica-light,'AppleSDGothicNeo-Light','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;}
.geoinfo-link .text-link{font-size: 16px;color: #0073DE;font-weight: 600;text-decoration: none;margin: 0 3px 0 5px}
.geoinfo-link .text-link:hover { text-decoration:underline;}
.geoinfo-link a:after {content: "";display: inline-block;background: url(https://ojsimg.ohmynews.com/images/member2021/ico_arrow_right.svg) no-repeat;width: 15px;height: 15px;background-size: 100%;line-height: 18px;vertical-align: middle;margin-left: 2px;}

/* 최종면 에디터 신규 기능 240722 추가 */
/*.at_contents > p span{font-size:17px;}*/
.at_contents > p, .at_contents > p span, .at_contents > span{font-size: 17px; line-height: 170%; font-family: 'SF Pro Display', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif !important; letter-spacing: -.3px !important;}
/* 에디터 메뉴 - 박스기사 */
.normal-box {width: 100%; font-size: 16px!important; line-height: 140%!important; color: #666!important; border-collapse: collapse; border-spacing: 0; border: solid 1px #e1e1e1; margin-bottom: 15px;}
.normal-box-tr td {font-size: 16px!important; line-height: 140%!important; color: #000!important; padding: 10px 15px 10px 15px!important;}
.normal-box-tr td.article_box {font-size: 16px!important; line-height: 140%!important; color: #000!important; padding: 10px 15px 10px 15px!important;} 
.normal-box-tr td > p, .normal-box-tr td.article_box > p{height: 0!important; padding: 0;}
/* 에디터 메뉴 - 링크 */
.at_contents > a{color:#447EE0!important; text-decoration: underline!important; font-family: 'SF Pro Display','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif!important; }
.at_contents > a span{color:#447EE0!important; text-decoration: underline!important;font-family: 'SF Pro Display','Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif!important;}
/* 에디터 메뉴 - 구분선 */
.at_contents > hr {margin: 40px auto; height: 2px; text-align: center; position: relative; background-color: #dedede!important; border: 0!important; display: block!important;}
/* 에디터 메뉴 - 표 */
.at_contents > .article-box {width: 100%; border-collapse: collapse; border-spacing: 0; /*border: solid 1px #e1e1e1; */margin-bottom: 15px;display: table!important;}
.at_contents > .article-box tr {border: solid 1px #e1e1e1;}
.at_contents > .article-box td { font-size: 14px!important; line-height: 120%!important; padding: 10px 15px 10px 15px!important; border: solid 1px #e1e1e1!important;}
.at_contents > .article-box .article-box-tr { font-size: 14px!important; line-height: 120%!important; padding: 10px 15px 10px 15px!important;}
.at_contents > .article-box .article-box-tr > th { font-size: 14px!important; font-weight: bold!important; line-height: 120%!important; padding: 10px 15px 10px 15px!important; border: solid 1px #e1e1e1!important; background: rgba(0, 0, 0, .05)!important; text-align: center !important;}
/* 에디터 메뉴 - 인용 */
.at_contents > blockquote {font-size: 17px; line-height: 160% !important; color: #333999!important; border-left: 4px solid #dedede !important; width: 85%; padding: .5em 1em !important; margin: 15px auto 15px !important; }
.at_contents > blockquote p, .at_contents > blockquote span{ font-size: 17px!important;}
/* 에디터 메뉴 - 목록 */
.at_contents > ul { margin-bottom: 15px!important; padding-left: 15px!important;}
.at_contents > ul li { list-style: disc!important; font-size: 16px!important; line-height: 140%!important; color: #333; margin-top: 5px;}
/* 에디터 메뉴 - 기본박스*/
.at_contents > .box { padding: 16px 15px 12px 15px; border: solid 1px #e1e1e1; margin-bottom: 15px; position: relative; color: #222; font-size: 16px; line-height: 140%;}
.at_contents > .box:after { position: absolute; top: -11px; left: 15px; font-size: 12px; padding: 0 5px;}
.at_contents > .box.st01 { color: #666; font-size: 16px;}
/* 에디터 메뉴 - 박스 기자말*/
.at_contents > .box.st01:after { background-color: #fff; color: #666; content: "기자말";}
.at_contents > .box.st02 { color: #666; font-size: 16px;}
/* 에디터 메뉴 - 박스 편집자말*/
.at_contents > .box.st02:after { background-color: #fff; color: #666; content: "편집자말";}
.at_contents > .box.st03 { color: #000; font-size: 16px;}
/* 에디터 메뉴 - 박스 이기사한눈에*/
.at_contents > .box.st03:after { background-color: #fff; color: #666; content: "이 기사 한눈에";}
.at_contents > .box.st03 ul li { margin-left: 15px; list-style: disc; }
.at_contents > .box.st03 ul li.new {width: 27px; height: 16px; background: url(https://ojsimg.ohmynews.com/images/ohmynews/common/h_icon_new.png) 0 1px no-repeat; text-indent: -9999em; margin-right: 4px;}




