@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=Noto+Sans+KR:100,300,400,500,700,900');
body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans KR','Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : 자동박스(이경아)
**********************************************/
/* hp04 */
.auto-hp04 .auto-content {position:relative;float:left;width:calc(20% - 1px);margin-left:1px;margin-bottom:1px;text-align:center}
.auto-hp04 .auto-content:first-child,.auto-hp04 .auto-content:nth-child(10n + 1) {width:60%;margin-left:0;clear:both}
.auto-hp04 .auto-content:nth-child(6) {clear:both;width:20%;margin-left:0}
.auto-hp04 .photo-titbg {padding:.9375rem}

/* dl03-3 */
.auto-dl03-3 li{float:left;width:50%}
.auto-dl03-3 li:nth-child(3) .auto-sol,.auto-dl03-3 li:nth-child(4) .auto-sol {padding-top:0 !important;border-top:0}
.auto-dl03-3 li:nth-child(7),.auto-dl03-3 li:nth-child(8) {padding-bottom:2rem !important}
.auto-dl03-3 li.text-title {border-right:1px solid rgba(0,0,0,.12);padding:0 1rem}
.auto-dl03-3 li.text-title:nth-child(4),.auto-dl03-3 li.text-title:nth-child(6),.auto-dl03-3 li.text-title:nth-child(8){border-right:0}

/* dl07 */
.auto-dl07 .auto-column {position:relative;padding-left:30px;margin-left:4.5rem}
.auto-dl07 .auto-column::before,.auto-dl07 .auto-column::after {content:'';position:absolute}
.auto-dl07 .auto-column::before {z-index:1;border-left:1px solid #ccc;left:10px;top:0;bottom:0}
.auto-dl07 .auto-column::after {z-index:2;width:11px;height:11px;background:#fff;left:5px;top:15px;border:1px solid #bdc3c7;border-radius:50%;box-sizing:content-box}
.auto-dl07 .auto-column:last-child::before{bottom:15px}
.auto-dl07 .auto-column:nth-child(2)::after{top:5px;}
.auto-dl07 .auto-column:nth-child(2)::before{top:15px}

/* mp01-6, mp01-7 */
.auto-article.tiles-2x.auto-mp01-6 .auto-columns {width:calc(50% - 1px);margin:0 1px 0 0}
.auto-article.tiles-5x.auto-mp01-7 .auto-columns {width:calc(20% - 1px);margin:0 0 1px 1px}
.auto-article.tiles-2x.auto-mp01-6 .auto-columns strong,
.auto-article.tiles-5x.auto-mp01-7 .auto-columns strong {font-weight:500}

/* hr14 */
.auto-hr14 {position:relative}
.auto-hr14:not(.small) {overflow:hidden;position:relative}
.auto-hr14:not(.small) .auto-images.cover {overflow:hidden;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
.auto-hr14:not(.small) a:hover .auto-images.cover {transform:scale(1.1, 1.1)}
.auto-hr14:not(.small) .photo-titbg {text-align:center}
.auto-hr14:not(.small) .photo-btn {top:50%;width:45px;height:80px;font-size:2.2rem;color:#fefefe;background-color:rgba(0,0,0,.5);-webkit-transition:all .3s;transition:all .3s}
.auto-hr14:not(.small) .photo-btn.auto-prev {left:0;-webkit-transform:translateY(-50%) translateX(-100%);transform:translateY(-50%) translateX(-100%)}
.auto-hr14:not(.small) .photo-btn.auto-next {right:0;-webkit-transform:translateY(-50%) translateX(100%);transform:translateY(-50%) translateX(100%)}
.auto-hr14:not(.small):hover .photo-btn.auto-prev,.auto-hr14:hover .photo-btn.auto-next {-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
.auto-hr14:not(.small) .auto-pager {position:absolute;z-index:10;right:1rem;top:1rem}
.auto-hr14:not(.small) .auto-pager li[id*="slick-"] button[data-role] {width:.8rem;height:.8rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.15)}
.auto-hr14:not(.small) .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color:#e73f72;border-color:transparent}
.auto-hr14.small .auto-columns {position:relative}
.auto-hr14.small .auto-columns .photo-titbg [class*="size-"] {bottom:1.25rem}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.auto-hr14:not(.small) .auto-images.cover {transition:inherit}
}

/* pr08 */
.auto-pr08 .auto-column {padding:.3rem .9375rem 0}
.auto-pr08 .auto-column .auto-images {transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-pr08 .auto-column:hover .auto-images {transform:translateY(-5px);box-shadow: 0 8px 10px 0 rgba(0, 19, 60, .12), 0 4px 4px 0 rgba(0, 20, 61, .08), 0 16px 16px 0 rgba(0, 20, 61, .08), 0 32px 32px 0 rgba(0, 20, 61, .08), 0 0 0 1px rgba(0, 20, 61, .08);}

/**********************************************
note : 기사박스(이경아)
**********************************************/
.box-skin.box-headline .container .skin-column:first-child {padding-right:1px;width:769px !important}
.box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-weight:500 !important}

/**********************************************
note : 메인편집판-type5(이경아)
**********************************************/
.index-wrap.type-5 .index-columns.line-custom {padding:1.25rem;background:#f9f9f9;border:1px solid #ddd}
.index-wrap.type-5 .index-columns .banner-line {padding:1.25rem;border:1px solid #ddd}

/**********************************************
note : 기사뷰(이경아)
**********************************************/
/* 뷰상단 */
.article-head-nav > i:not(:last-child),.article-head-nav > a:not(:last-child) {display:none}
.article-head-nav > a:last-child {font-size:1rem;color:#e73f72}
.article-head-sub {padding-left:0;margin-top:.625rem;margin-bottom:.625rem}
.article-head-sub::before {border:none}
.article-view-header .article-head-info {margin-top:0;margin-bottom:1.25rem}
@media screen and (max-width: 39.9375em) {
	.article-head-title {font-size:1.75rem}
}

/* 기사공유 */
.article-head-share.about-type {overflow:hidden;width:100%;height:auto;padding:.625rem 0;border-top:1px solid #dfdfdf;border-bottom:2px solid #000}
.article-head-share.about-type .info-options {float:left}
.article-head-share.about-type .info-options .options-btn {border-color:transparent}
.article-head-share.about-type .info-options.for-sns {float:right}
.article-head-share.about-type .info-options.for-sns .options-btn {display:block;width:32px;height:32px;padding-top:4px;font-size:1rem;background-color:#fefefe;color:rgba(0,0,0,.65);border:1px solid rgba(0,0,0,.65);border-radius:50%;text-align:center;cursor:pointer}
.article-head-share.about-type .info-options.for-sns .options-btn.fb {color:#3a5795;border-color:#3a5795}
.article-head-share.about-type .info-options.for-sns .options-btn.fb:hover {color:#fefefe;background-color:#3a5795}
.article-head-share.about-type .info-options.for-sns .options-btn.tw {color:#10aae2;border-color:#10aae2}
.article-head-share.about-type .info-options.for-sns .options-btn.tw:hover {color:#fefefe;background-color:#10aae2}
.article-head-share.about-type .info-options.for-sns .options-btn.ks {color:#fccb00;border-color:#fccb00}
.article-head-share.about-type .info-options.for-sns .options-btn.ks:hover {color:#fefefe;background-color:#fccb00}
.article-head-share.about-type .info-options.for-sns .options-btn.ka {color:#3d3037;border-color:#fee600}
.article-head-share.about-type .info-options.for-sns .options-btn.ka:hover {background-color:#fee600}

/* 기사사진 테두리 */
#article-view-content-div img {border:1px solid #ccc}

/**********************************************
note : footer(이경아)
**********************************************/
#user-footer.user-style-black .user-nav strong {font-weight:500}


/*기사면 박스 배너*/
.banner-line2 {  padding: 1.25rem;    border: 1px solid #ddd;}

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



/*후원*/
.user-com-about.com-4 {font-size: 1rem;    color: rgba(0,0,0,.78);    letter-spacing: -.1rem;}
.user-com-about.com-4 .titles {position: relative;padding-left: 1rem;  font-weight: 700;font-size: 1.2rem; margin-bottom: 1.5rem;}
.user-com-about.com-4 .titles::before {content: ''; position: absolute; z-index: 1; left: 0;top: 50%;width: .6rem; border: 1px solid #000000; transform: rotate(-45deg) translateY(-50%);}

.user-com-about.com-4 .box-line{border:2px solid rgba(0,0,0,.1);padding:1rem;margin-bottom:2rem}
.user-com-about.com-4 .box-line strong,.auto-boll span{position:relative;padding-left:.8rem;font-size:.9rem; }
.user-com-about.com-4 .box-line strong::before,.auto-boll span::before{content: '';position: absolute;width: 3px;height: 3px;background-color: rgba(0,0,0,.35);border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%)}
.user-com-about.com-4 .box-line span{display:block}
.user-com-about.com-4 .box-line p { letter-spacing: -.05rem;   margin-bottom: 0;}

@media screen and (max-width: 39.9375em) {
	.user-com-about.com-4 .box-line strong{line-height:1.5;margin-bottom:.7rem}
}