/**********************************************
note : design custom style page
**********************************************/

/**********************************************
note : 신규(이전) 스타일 정의
name : 김지수
date : 2020-09-07 ~
**********************************************/

/**********************************************
note : 멀티기능성 배너
**********************************************/
#rollBanner-1.rolling-bn .slick-slide, #rollBanner-1.rolling-bn .slick-slide .columns {margin:0;padding:0;border:0}

/**********************************************
note : 기사뷰 폰트설정
**********************************************/
#articleViewCon.article-view-content {font-family:'Noto Sans KR', 'Apple Gothic', 'Apple SD Gothic Neo', 'Malgun Gothic', '돋움', 'dotum', 'Helvetica Neue', 'Helvetica', sans-serif;}

/**********************************************
note : PC 기사리스트
**********************************************/

/* 상단 섹션리스트 */
#user-section.skin-custom .sec-title {display:block;width:100%}
#user-section.skin-custom .sec-title ul {margin-left:0;margin-bottom:0;list-style:none}
#user-section.skin-custom .sec-title ul::after {content:'';display:table;clear:both}
#user-section.skin-custom .sec-title ul li {float:left;margin:0 5px 5px 0;color:#0c0c0c;font-size:13px}
#user-section.skin-custom .sec-title ul li:last-child::after {content:'';display:block;clear:both;margin-bottom:20px}
#user-section.skin-custom .sec-title ul li > a {display:block;width:100%;height:38px;line-height:38px;padding:0 8px 0 13px;border:1px solid #ccc;font-size:13px;color:rgba(0,0,0,.6)}
#user-section.skin-custom .sec-title ul li > a:hover, #user-section.skin-custom .sec-title ul li.active a {text-decoration:none;color:#fff;background:#ed1b2f;border:1px solid #ed1b2f}
#user-section.skin-custom .sec-title ul li a > i {display:inline-block;margin-left:10px}

/* 리스트 byline */
#user-section.skin-custom #section-list .type1 > li > .list-byline {display:block;width:100%;margin-top:5px}
#user-section.skin-custom #section-list .type1 > li > .list-byline > .info:not(.label) {font-size:.75rem;color:#737475;line-height:1.125}
#user-section.skin-custom #section-list .type1 > li > .list-byline > .info:first-child {margin-left:0}


/**********************************************
note : 모바일 기사리스트
**********************************************/

/* 상단 네비게이션 */
@media screen and (max-width: 39.9375em) {
	#sections .header > .titles {font-size:1.063rem}
}

/* 리스트 byline - 리스트형
#user-wrap.mobile .skin-custom #section-list .type1 > li > .info.name,
#user-wrap.mobile .skin-custom #section-list .type1 > li > .info.dated {display:block;margin-top:2px;margin-left:0;padding-left:0;border-left:0}
 */

/* 리스트 byline - 웹진형 */
#user-wrap.mobile #section-list .type2 .byline > :first-child {display:block;margin-bottom:5px}
#user-wrap.mobile #section-list .type2 .byline > :nth-child(2) {margin-left:0;padding-left:0;border-left:0}

/**********************************************
note : PC 기사뷰 (custom)
**********************************************/

/* 상단 스크롤 상태바 */
#article-view.skin-custom #sticky-header {display:none}
#article-view.skin-custom #sticky-header .user-border-top {border-top-color:#484848 !important}

/* 부제목 */
#article-view.skin-custom .subheading {line-height:1.45}

/* 하단 sns 공유 */
#article-view.skin-custom .sticky-article .article-sns {float:none;display:block;width:100%;margin-bottom:20px}
#article-view.skin-custom .sticky-article .article-sns .social-group {text-align:right}
#article-view.skin-custom .sticky-article .article-sns .social-group .sns {width:50px;height:50px;font-size:1.875rem;color:#3d3d3d;background-color:transparent}
#article-view.skin-custom .sticky-article .article-sns .social-group .sns.facebook:hover {color:#3a5795}
#article-view.skin-custom .sticky-article .article-sns .social-group .sns.twitter:hover {color:#0084b4}
#article-view.skin-custom .sticky-article .article-sns .social-group .sns.link:hover {color:#13c0cb}


/**********************************************
note : 모바일 기사뷰
**********************************************/
/* 상단 */
#article-view.skin-custom.mobile .infomation > li::after {margin:0 .5rem}
#article-view.skin-custom.mobile .quick-tool > :nth-last-child(2) {margin-left:0}
#article-view.skin-custom.mobile .quick-tool.for-font > .tool {width:26px;height:22px;font-size:.75rem}

/* 하단 byline */
#article-view.skin-custom.mobile .account,
#article-view.skin-custom.mobile .account > .name {white-space:initial}
#article-view.skin-custom.mobile .article-copy {padding:1.5rem 0 0;margin-bottom:15px}

/**********************************************
note : 모바일 기사리스트(요약형) 오류 수정
**********************************************/
@media screen and (max-width: 39.9375em) {
    .row #section-list .type2 .thumb + .view-cont {display:block;float:none;width:auto;padding-left:0}
}

/**********************************************
note : box skin
**********************************************/
/* title border */
.box-skin.title-border .header span {position:relative;display:inline-block;padding-left:60px;line-height:1.25;text-align:left}
.box-skin.title-border .header span::before {content:'';position:absolute;z-index:1;bottom:2px;left:0;width:50px;border-top:5px solid rgba(0,0,0,.12)}
.box-skin.title-border .header span.dark {color:#333 !important}
.box-skin.title-border .header span.dark::before {border-top-color:#333 !important}

/* design-7 border width */
.box-skin.design-7 .header {border-top-width:1px}


/* 윤미정 / 999548 / 20201103 */
@media screen and (max-width:1200px) {
	#article-view .wrapper {margin:0 30px;}
}

@media screen and (max-width: 39.9375em) {
#article-view .wrapper {margin:0}
}

/**********************************************
note : 미디어N 노컷뉴스 관련기사
**********************************************/
#median-outlink {margin:2.125rem auto;padding:1.375rem;background-color:#f8f8f8;border:1px solid rgba(0,0,0,.05);}
#median-outlink .no-bullet {margin:0;padding:0;list-style:none}
#median-outlink .no-bullet li {font:.875rem/1.3 normal normal;letter-spacing:-.05em;color:#000}
#median-outlink .no-bullet > :not(:first-child) {margin-top:.625rem}
#median-outlink .no-bullet li a {display:block;overflow:hidden;font:inherit;color:inherit;white-space:nowrap;text-overflow:ellipsis}