@charset "UTF-8";
/**********************************************
note : fonts set
## google fonts cdn이 변경됨. https://fonts.google.com/에 방문하여 폰트를 담아오면 됩니다.
## 예) @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
**********************************************/
@import url('//fonts.googleapis.com/css?family=Poppins:400,700');
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/**********************************************
note : main custom
**********************************************/
.index-wrap.type-5 .index-columns.grid-5 {padding-right:20px}
.index-wrap.type-5 .index-columns.grid-6 {padding-right:24px}

.auto-images.contain{background-position: center;background-repeat: no-repeat;background-size: contain}

/**********************************************
note : autobox
**********************************************/
/* dbr04 */
.auto-dbr04 {position:relative}
.auto-dbr04 .list {padding:.625em;border:1px solid rgba(0,0,0,.1);border-width:0 1px 1px}
.auto-dbr04 .number {float:left;margin-right:1rem;font-size:1rem;font-weight:700;line-height:1.4em;text-align:center}
.auto-dbr04 .number.default-point {color:#808080}
.auto-dbr04 .auto-info {overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:nowrap}
.auto-dbr04 .auto-info > a {display:inline-block;font-size:.75rem}
.auto-dbr04 .auto-info > a.user-point {margin-right:.25rem}
.auto-dbr04 .photo-btn {position:absolute;width:15px;height:15px;top:-29px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-dbr04 .photo-btn.auto-prev {right:24px;border-radius:2px 0 0 2px}
.auto-dbr04 .photo-btn.auto-next {right:10px;border-radius:0 2px 2px 0}

/* dl05-1 */
.auto-dl05-1 {position:relative}
.auto-dl05-1 .auto-section {position:absolute;left:0;top:0;z-index:10;padding:.938rem;font-size:1.063rem;line-height:1;letter-spacing:-.08em;color:#fefefe;background:rgba(0,0,0,.65);-moz-transition:all .25s;transition:all .25s}
.auto-dl05-1:hover .auto-section {background:#00aeef}

/* pa02-1(photo) */
.auto-pa02-1 .auto-images {height:0;padding-bottom:61%}
.auto-pa02-1 .auto-container::after,.auto-pa02-1 .auto-nav::after {content:'';display:table;clear:both}
.auto-pa02-1 .auto-nav .auto-images {cursor:pointer}
.auto-pa02-1 .auto-nav .slick-current .auto-images::before {border-width:2px;border-color:#00aeef}
.auto-pa02-1 .auto-section {position:absolute;left:0;top:0;z-index:10;padding:.938rem;font-size:1.063rem;line-height:1;letter-spacing:-.08em;color:#fefefe;background:rgba(0,0,0,.65);-moz-transition:all .25s;transition:all .25s}
.auto-pa02-1:hover .auto-section {background:#00aeef}
.auto-pa02-1 .photo-titbg {padding:.9rem .625rem}

/* hr14(head) */
.auto-hr14 {position:relative}
.auto-hr14 .slick-slide > div:not(:first-child) {margin-top:.8rem}
.auto-hr14 .auto-pager {position:absolute;top:-25px;right:10px;z-index:1}
.auto-hr14 .auto-pager li[id*="slick-"] button[data-role] {width:13px;height:13px}
.auto-hr14 .photo-btn {width:15px;height:15px;top:-25px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-hr14 .photo-btn.auto-prev {right:14px;border-radius:2px 0 0 2px}
.auto-hr14 .photo-btn.auto-next {right:0;border-radius:0 2px 2px 0}

/* hr15(head) */
.auto-hr15 {position:relative}
.auto-hr15 .auto-pager {position:absolute;right:.5rem;bottom:.3rem}
.auto-hr15 .auto-pager li[id*="slick-"] button[data-role] {width:.9rem;height:.9rem;background-color:transparent;border:1px solid rgba(255,255,255,.5)}
.auto-hr15 .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e73f72;border-color:transparent}
.auto-hr15 .photo-titbg.gradient {padding:1.563rem 1.875rem 3.563rem 1.875rem}

/* dr04(normal) */
.auto-dr04 {position:relative}
.auto-dr04 .auto-content {height:35px;padding:6px 40px 0;background:rgba(255,255,255,1);border:1px solid rgba(0,0,0,.12);border-top:none}
.auto-dr04 .photo-btn {width:30px;height:35px;top:200px;font-size:1.25rem;color:#808080;background-color:transparent;border:1px solid #ddd;border-top:0;text-align:center}
.auto-dr04 .photo-btn.auto-prev {left:0px}
.auto-dr04 .photo-btn.auto-next {right:0px}
.auto-dr04 .auto-pager {line-height:1;margin-top:.6rem}

/* mr03(import) */
.auto-mr03 .auto-pager {margin-top:10px}
.auto-mr03 .auto-images {height:260px}

/* pa03(photo) */
.auto-pa03 .auto-container {float:left;width:calc(100% - 211px)}
.auto-pa03 .auto-nav {float:right;max-width:210px}
.auto-pa03 .auto-nav .auto-cursor {display:block !important;width:50% !important;margin-bottom:1px;cursor:pointer}
.auto-pa03 .auto-nav .slick-current .auto-images::before {border-width:2px;border-color:#00aeef}
.auto-pa03 .auto-section {position:absolute;left:0;top:0;z-index:10;padding:.938rem;font-size:1.063rem;line-height:1;letter-spacing:-.08em;color:#fefefe;background:rgba(0,0,0,.65);-moz-transition:all .25s;transition:all .25s}
.auto-pa03:hover .auto-section {background:#00aeef}

/* dbr03-1(normal) */
.auto-dbr03-1 {position:relative}
.auto-dbr03-1 .number {float:left;min-height:65px;margin-right:1rem;font-size:1rem;font-weight:700;line-height:1.4em;text-align:center}
.auto-dbr03-1 .number.default-point {color:#808080}
.auto-dbr03-1 .auto-info {overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:nowrap}
.auto-dbr03-1 .auto-info > a {display:inline-block;font-size:.75rem}
.auto-dbr03-1 .auto-info > a.user-point {margin-right:.25rem}
.auto-dbr03-1 .auto-pager {line-height:1;text-align:right}
.auto-dbr03-1 .auto-pager li[id*="slick-"]:last-child button[data-role] {margin-right:0}
.auto-dbr03-1 .photo-btn {width:15px;height:15px;bottom:2px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-dbr03-1 .photo-btn.auto-prev {left:0;border-radius:2px 0 0 2px}
.auto-dbr03-1 .photo-btn.auto-next {left:14px;border-radius:0 2px 2px 0}
.auto-dbr03-1 .auto-images.movie::after {font-size:2.000rem}

/**********************************************
note : 기사박스모음(PC)
**********************************************/
/* 디자인박스8 */
.box-skin.header-bg.design-8 {border-bottom:2px solid rgba(255,255,255,1)}
.box-skin.header-bg.design-8 .header {padding:.9375rem;background-color:rgba(0,0,0,.05)}

/* 디자인박스9 */
.box-skin.design-9 {padding-bottom:.625rem;border-bottom:2px solid rgba(255,255,255,1)}

/* 디자인박스10 */
.box-skin.design-10 .header {margin-bottom:1rem;padding:.9rem 0;border-bottom:3px solid rgba(0,0,0,.08);text-align:center}
.box-skin.design-10 .header > a {font-size:1.25rem}
.box-skin .header .btn-more {padding-right:.313rem;float:right;font-weight:300}

/**********************************************
note : 모바일
**********************************************/
/* 기사박스(하단여백삭제) */
.index-wrap.mobile .box-skin .header > a, .index-wrap.mobile .box-skin .header > strong {margin-bottom:0}

/* 탭박스(모바일하단) */
.mobile-tabs .tabs-title {width:33.33333%}

/**********************************************
note : 신문사소개
**********************************************/
.com-about {overflow:hidden;width:100%;margin:1.250rem auto;font-size:1rem;letter-spacing:-0.08em;line-height:1.563rem;text-align:left;color:#666666}

/* 신문사소개 */
.com-about.com-1 .about-titles [class*="fa-"] {padding-bottom:1rem;font-size:2.5rem;color:rgba(0,0,0,.09)}
.com-about.com-1 .about-titles > h5 {letter-spacing:-.1em;font-size:1.6rem;font-weight:300}
.com-about.com-1 .about-contents {letter-spacing:-.12em;font-size:.95rem;text-align:justify}
@media screen and (max-width:39.9375em) {
	.com-about.com-1 .about-titles {text-align:center}
}

/* 오시는길 */
.com-about.com-3 {text-align:left}
.com-about.com-3 .map-titles {margin-bottom:1rem}
.com-about.com-3 .map-titles::before {content:'';display:block;padding-bottom:.625rem;width:50px;border-top:1px solid #00aeef}
.com-about.com-3 .map-titles > h5 {color:rgba(0,0,0,.8);font-weight:bold;font-size:1.4rem}
.com-about.com-3 .map-address {font-size:1.05rem;letter-spacing:-.1em}
.com-about.com-3 .map-view {margin:1.5rem 0 3rem;text-align:center}
.com-about.com-3 .map-view .root_daum_roughmap {width:100% !important}
@media screen and (max-width:39.9375em) {
    .com-about.com-3 .map-view .root_daum_roughmap .wrap_map {height:200px !important}
}

/* 제니스TV섹션 기사리스트썸네일 */
.article-list .article-list-content.type-sm .list-block .list-image.img-size {width:250px;height:135px}
.auto-mov-title {padding:.5rem .625rem;background-color:#000;text-align: left;}


.auto-db02-1 {position:relative}
.auto-db02-1 .number  {float:left; width:18px;margin-right:.625rem; font-size:1rem;font-weight:700;line-height:1.4em;text-align:center}
.auto-db02-1 .number.default-point {color:rgba(0,0,0,.45)}
.auto-db02-1 .auto-pager {line-height:1;text-align:center}
.auto-db02-1 .auto-pager li[id*="slick-"]:last-child button[data-role] {margin-right:0}
.auto-db02-1 .photo-btn {width:15px;height:15px;bottom:2px;font-size:0.6rem;color:#5b5d6c;background-color:#fefefe;border:1px solid #c3c3c3;text-align:center}
.auto-db02-1 .photo-btn.auto-prev {left:0;border-radius:2px 0 0 2px}
.auto-db02-1 .photo-btn.auto-next {left:14px;border-radius:0 2px 2px 0}


.article-view-header .info-text li a{ text-decoration:none; font-size: .9rem; color: #77787b; letter-spacing: -.08em;}


.tabs-wrap.type-G .tabs-navs {
    float: right;
    width: 70%;
    text-align: right;
}


/* p08 */
.m-auto-p08 .auto-pager {margin-top:10px}
.m-auto-p08 .auto-images {height:0;padding-bottom:140%}

/**********************************************
note : 190508 신경훈
**********************************************/
/* 모바일 타일형 */
.row .article-list .article-list-content.type-tm .list-block .list-image.contain{position:relative; padding-bottom:56%; height:0; background-size:contain}
.row .article-list .article-list-content.type-tm .list-titles{max-height:4.2em; -webkit-line-clamp:3}
/* 모바일 웹진형 */
.row .article-list .article-list-content.type-sm .list-block .list-image.img-vertical{height:180px}


.article-list .article-list-content.type-sm .list-block .list-image.contain {background-size: contain;background-position: center;}



#admin-wrap .edit-level1 {min-height:10px}