@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700,900&subset=korean');
/**********************************************
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');
**********************************************/
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans KR', sans-serif;'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

.user-point2{color:#ff7518 !important}
/**********************************************
note : 단구성
**********************************************/
.index-wrap.default-line .index-columns.grid-4{padding-left:0;border-left:1px solid #e7e7e7;padding-right:0}
.index-wrap.default-line .index-columns.grid-5{border-right:1px solid #e7e7e7;padding-right:0}
.index-wrap.default-line .box-3dan .index-columns.grid-5:last-child{border-right:0}

/**********************************************
note : 자동박스
**********************************************/
.auto-ha04-3 .auto-relation::before,.auto-ha04-4 .auto-relation::before{border-left:2px solid #d3231a;border-bottom:2px solid #d3231a}

/* dp01-3 */
.auto-dp01-3 a{position:relative;display:block;padding:1.35rem 1.25rem;min-height:309px}
.auto-dp01-3 a::after{position:absolute;content:'';width:100%;height:100%;border:3px solid #1284b6;top:0;bottom:0;left:0;display:none;padding:1.25rem}
.auto-dp01-3 a::before{position:absolute;content:'';top:3px;left:3px;width:24px;height:24px;background:url('/image/autobox/icon-new.png') no-repeat;display:none}
.auto-dp01-3 a:hover::after,.auto-dp01-3 a:hover::before{display:block}
.auto-dp01-3 .auto-section{margin-bottom:.3rem;font-size:1rem}
.auto-dp01-3 .auto-name{margin-top:1rem;padding-left:1.2rem;background:url('/image/autobox/icon-name.png') no-repeat left top;}

/* dp01-3_1 */
.auto-dp01-3_1 a{position:relative;display:block;padding:1.35rem 1.25rem;min-height:309px}
.auto-dp01-3_1 a::after{position:absolute;content:'';width:100%;height:100%;border:3px solid #1284b6;top:0;bottom:0;left:0;display:none;padding:1.25rem}
.auto-dp01-3_1 a::before{position:absolute;content:'';top:3px;left:3px;width:24px;height:24px;background:url('/image/autobox/icon-new.png') no-repeat;display:none}
.auto-dp01-3_1 a:hover::after,.auto-dp01-3 a:hover::before{display:block}
.auto-dp01-3_1 .auto-section{margin-bottom:.3rem;font-size:1rem}
.auto-dp01-3_1 .auto-name{margin-top:1rem;padding-left:1.2rem;background:url('/image/autobox/icon-name.png') no-repeat left top;}

/* dp01-4 */
.auto-dp01-4{padding:.65rem}
.auto-dp01-4 .auto-section{background:url('/image/autobox/icon-plus.png') no-repeat right 3px;margin-bottom:.3rem;font-size:1rem}
.auto-dp01-4 .auto-title{background:url('/image/autobox/icon-new-gray.png') no-repeat left top;padding-left:25px}

/* pa02-1 */
.auto-pa02-1 .auto-content {position:relative;float:left;width:31.7%;text-align:center;margin-right:1.5%}
.auto-pa02-1 .auto-content:last-child {margin-right:0}
.auto-pa02-1 .auto-content:first-child,.auto-pa02-1 .auto-content:nth-child(4n + 1) {float:none;width:auto;clear:both}
.auto-pa02-1 .auto-content .auto-images.line::before {transition:all .15s}
.auto-pa02-1 .auto-content a:hover .auto-images.line::before {z-index:15;border-width:3px;border-color:#e6336d}
.auto-pa02-1 .photo-titbg {padding:.9375rem}

.auto-boll.auto-d02 [class*=size-]::before,.auto-da03 .auto-boll [class*=size-]::before{background-color:#1281b8 !important;width:4px;height:4px}

.auto-images.grayscale{-webkit-filter:grayscale(100%) !important}

/**********************************************
note : 타이틀
**********************************************/
.box-title{background:#ececec;padding:.55rem 0;text-align:center}
.box-title.user-bg{background:#1284b6;padding:.5rem 0}
.box-title span{display:inline-block;margin:0 auto;padding-left:32px;color:#595959;font-size:1.15rem;font-weight:bold}
.box-title span.icon-1{background:url('/image/icon-1.jpg') no-repeat left;width:100px}
.box-title span.icon-2{background:url('/image/icon-2.jpg') no-repeat left;width:125px}
.box-title span.icon-3{background:url('/image/icon-3.jpg') no-repeat left;width:135px}
.box-title span.icon-3 a{font-size:1rem;color:#fff;font-weight:400}

/**********************************************
note : 기사박스
**********************************************/
.box-skin.design-8 .header{margin-bottom:1rem}
.box-skin.design-8 .header>a.btm-Icon{background: url('/image/autobox/icon-plus.png') no-repeat right 3px;height:23px;line-height:1.5}
.box-skin.design-8 .header>a{font-size:1rem;color:rgba(0,0,0,.7)!important}

.box-skin.design-9{background:#ebebeb;margin-left:-.908rem;margin-right:-.908rem}
.index-wrap.mobile.template .box-skin.design-9{padding:.908rem 0}

/**********************************************
note : 시사오늘이만난사람들
**********************************************/
.sisa-mn{margin-bottom:.7rem}
.sisa-mn a{text-align:center}
.sisa-mn a > span{display:block;line-height:1;text-align:center;font-size:.813rem;margin-top:.5rem}

/**********************************************
note : 탭박스
**********************************************/
.tabs-wrap.type-I .tabs-navs .tabs-item a{padding:.5rem .2rem;letter-spacing:-.02rem}
.tabs-wrap.type-I .tabs-navs.expanded .tabs-item{width:27.3% !important}
.tabs-wrap.type-I .tabs-navs.expanded .tabs-item:nth-child(2){width:18% !important}
.tabs-wrap.type-I .tabs-panel{padding:0}

.tabs-wrap.type-I .tabs-navs.expanded .tabs-item:first-child a{padding-left:0}
.tabs-wrap.type-I .tabs-navs.expanded .tabs-item:last-child a{padding-right:0}

/**********************************************
note : 멀티기능성배너
**********************************************/
#rollBanner-1.rolling-bn.banner-multi-box{padding:1.2rem}
#rollBanner-1.rolling-bn.banner-multi-box .columns{padding-right:0;padding-left:0}
#rollBanner-1.rolling-bn .roll-btns{width:18px;height:19px;font-size:.5rem;border:1px solid #ccc}
#rollBanner-1.rolling-bn .roll-btns.btn-prev{right:98.2%}
#rollBanner-1.rolling-bn .roll-btns.btn-next{left:98.2%}

/**********************************************
note : footer
**********************************************/
#user-footer.user-style-default[class *= "user-"]{background-color:#f6f6f8;padding-top:0}
#user-footer.user-style-default[class *= "user-"] .footer-menu{border-bottom:1px solid rgba(0,0,0,.15);padding:.8rem 0}
#user-footer.user-style-default[class *= "user-"] .footer-menu .user-nav a{font-size:.813rem;color:rgba(0,0,0,.7);padding:0}
#user-footer.user-style-default[class *= "user-"] .footer-menu .user-nav a::before{content: '|';float: right;padding: 0 .625rem;font-size: .7rem;color: rgba(0,0,0,.35);}
#user-footer.user-style-default[class *= "user-"] .footer-menu .user-nav a:last-child::before{display:none}
#user-footer.user-style-default[class *= "user-"] .footer-contnet{display:table}
#user-footer.user-style-default[class *= "user-"] .footer-contnet .footer-columns{display:table-cell;vertical-align:middle;height:120px}
#user-footer.user-style-default[class *= "user-"] .footer-contnet .footer-columns.user-logo{width:235px;float:none;padding-right:35px}
#user-footer.user-style-default[class *= "user-"] .user-address ul li{line-height:1.3rem}

/**********************************************
note : mobile
**********************************************/
#user-wrap.mobile #user-container{padding-top:0 !important}
.index-wrap.mobile.default{padding-top:0}

@media screen and (max-width: 39.9375em) {
	.auto-article .auto-pager li[id*=slick-] button[data-role]{background:#9e9e9e !important}
	.auto-article .auto-pager li[id*=slick-].slick-active button[data-role]{background:#fe7314 !important}
	.auto-dp01-3 a{min-height:auto}
}

/* 자동박스 */
.m-auto-p02-1 {position:relative;padding-bottom:.7rem}
.m-auto-p02-1 .auto-images.cover{border-radius:5px}
.m-auto-p02-1 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:0;height:8px;margin-left:2.2rem}
.m-auto-p02-1 .auto-pager li[id*=slick-] button[data-role]{background:#9e9e9e !important}
.m-auto-p02-1 .auto-pager li[id*=slick-].slick-active button[data-role]{background:#fe7314 !important}
.m-auto-p02-1 .auto-fontA{color:#000 !important}

.auto-c02 .user-name{padding-left:.9rem;background: url(/image/autobox/icon-name.png) no-repeat left 3px;background-size:12px}
.auto-c02 .auto-pager{border-top:1px solid #e7e7e7;padding-top:.5rem}

.m-auto-p02-2 .photo-titbg {max-height:85px;padding-right:160px;background-color:rgba(0,0,0,.55)}
.m-auto-p02-2 .photo-btn {width:35px;height:35px;background:#313131;bottom:0;font-size:1rem;color:#fff;text-align:center}
.m-auto-p02-2 .photo-btn:hover,.m-auto-p02-2 .photo-btn:focus,.m-auto-p02-2 .photo-btn:active {color:#fefefe}
.m-auto-p02-2 .photo-btn.auto-prev {right:25px}
.m-auto-p02-2 .photo-btn.auto-next {right:0}

.m-auto-p06-1 .auto-images {height:0;padding-bottom:66.666667%}
.m-auto-p06-1 .auto-column{padding:.65rem}
.m-auto-p06-1 .auto-column:nth-child(2n + 1){border-right:1px solid #e7e7e7}
.m-auto-p06-1 .auto-pager{border-top:1px solid #e7e7e7;padding-top:.5rem}

/* n01-1 */
.m-auto-n01-1 .auto-num {width:22px;line-height:1.6em;letter-spacing:-0.05rem;text-align:center;border-right:1px solid #e7e7e7;line-height:3}
.m-auto-n01-1 .auto-title{line-height:2}

/**********************************************
note : 기사리스트
**********************************************/
.article-list .article-list-content.opinion .list-image{background-position:center center}

/**********************************************
note : 기사등록페이지 이미지 다운로드 버튼추가
**********************************************/
.edit-down-button {margin-bottom:.625rem;}
.edit-down-button a {padding:.125rem .313rem;font-size:.688rem;background-color:#e7316e;color:#ffffff}
.edit-down-button a:hover {background-color:#555555;text-decoration:none}



/**********************************************
note : 최근기사로그
**********************************************/
#admin-aside .admin-options.article-logs .article-logs-header {font-size:0}
#admin-aside .admin-options.article-logs .article-logs-header .badge, #admin-aside .admin-options.article-logs .article-logs-header strong, #admin-aside .admin-options.article-logs .article-logs-header .compare-label {display:inline-block;vertical-align:middle}
#admin-aside .admin-options.article-logs .article-logs-header .badge {float:none}
#admin-aside .admin-options.article-logs .article-logs-header .compare-label {margin-bottom:0;margin-left:.5rem;padding:.125rem .375rem;font-size:.688rem;line-height:1;letter-spacing:-0.075em;color:#808080;background-color:#fefefe;border:1px solid #d0d0d0;border-radius:2rem}
#admin-aside .compare_btn {display:block;text-decoration:none}

/* 본문비교 */
.article-compare::after {content:'';display:table;clear:both}
.article-compare .guide {margin-bottom:1.25rem;font-size:0;text-align:right}
.article-compare .guide > .text {display:inline-block;margin-right:5px;font-size:.9rem;line-height:1.125;letter-spacing:-0.05em;vertical-align:middle}
.article-compare .guide > :last-child {margin-right:0}
.article-compare .compare-content .subject {display:block;margin-bottom:1.25rem;font-size:2rem;line-height:1.25;letter-spacing:-0.1em;color:#101010}
.article-compare .compare-content .summary {font-size:1.063rem;line-height:1.625;letter-spacing:-0.05em;color:#333}
.article-compare del {color:#505050;background-color:#ffcdd2}
.article-compare ins {color:rgb(0,0,0);background-color:#b2dfdb;text-decoration:none}


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


/* 윤미정 / 973024 / 20200804 */
.article-list .article-list-content .list-image {background-size:contain;background-position:center center;}


/* 임희은 / 1028344 / 20210205 */
.article-list .article-list-content.type-tm .article-column {width: calc(24.7777% - 14px);margin-left: 21px;margin-right:0;}
.article-list .article-list-content.type-tm .article-column:nth-child(3n) {margin-right:0;}
.article-list .article-list-content.type-tm .article-column:nth-child(3n+1) {clear:inherit;}
.article-list .article-list-content.type-tm .article-column:nth-child(4n) {}
.article-list .article-list-content.type-tm .article-column:nth-child(4n+1) {clear:both;margin-left:0;}

/* 강수현 / 1126377 / 20220111 */
#article-header-title .aht-control {position:absolute;left:0;bottom:0;width:100%;height:0;text-align:left}
#article-header-title .aht-bar {display:block;overflow:hidden;width:0;height:0;border-top-width:3px;border-top-style:solid;border-top-color:transparent}