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

/**********************************************
note : 기사박스
name : 이경아
**********************************************/
/* 타이틀 */
.box-skin .header .skin-column > a, .box-skin .header .skin-column > strong, .box-skin .header > a, .box-skin .header > strong {font-family:'Noto Sans KR',sans-serif;font-weight:500}

/* 모바일 */
.index-wrap.mobile .box-skin .header > a, .index-wrap.mobile .box-skin .header > strong {margin-bottom:0}

/* 디자인박스7 */
.box-skin.design-7 .header {border-top:1px solid #333 !important}

/**********************************************
note : 자동박스
name : 이경아
**********************************************/
/* mr03(import) */
.auto-mr03 {position:relative;height:48px;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.1)}
.auto-mr03 .auto-titles {float:left;padding:.9rem 1rem 0;font-size:1rem;font-weight:700;line-height:1em;letter-spacing:-0.05em}
.auto-mr03 .auto-container {margin-top:.8rem;padding-right:1rem}
.auto-mr03 .photo-btn {width:40px;height:20px;font-size:1.25rem;color:rgba(0,0,0,.45);left:inherit;right:0;text-align:center}
.auto-mr03 .photo-btn:hover {color:rgba(0,0,0,.9)}
.auto-mr03 .photo-btn.auto-prev {top:-9px}
.auto-mr03 .photo-btn.auto-next {top:9px}

/**********************************************
note : footer
name : 이경아
**********************************************/
#user-footer .user-address .inc-banner {position:absolute;top:40px;right:0}

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

.article-list-header {margin-top:1.5rem}
.cn-list-box {display: block;padding: 0;margin:0 .125rem 2rem 0;list-style: none}
.cn-list-box .lists > li:nth-child(5n + 1) {clear: both}
.cn-list-box .lists > li {overflow: hidden;float: left;position: relative;width: 20%;background-color: #fff;text-align: center}
.cn-list-box  .lists > li:nth-child(-n + 5) > a {border-top-width: 1px}
.cn-list-box  .lists > li:nth-child(5n + 1) > a {border-left-width: 1px}
.cn-list-box  .lists > li > a {display: block;overflow: hidden;padding: 0 0.625rem;font-size: 1rem;line-height: 40px;border-width: 0 1px 1px 0;border-style: solid;border-color: #eee;white-space: nowrap;text-overflow: ellipsis;text-decoration: none;transition: background-color .25s ease-in-out}

@media screen and (max-width: 39.9375em) {
    .cn-list-box .lists > li {width:33%}
	.cn-list-box  .lists > li > a {font-size:.75rem}
	.cn-list-box  .lists > li:nth-child(4) {border-left:1px solid #eaeaea;border-top-width: 0px}
    .cn-list-box  .lists > li:nth-child(1) > a {border-left-width: 1px}
	.cn-list-box  .lists > li > a {border-top-width: 0px}
	.cn-list-box  .lists > li:nth-child(4) > a {border-top-width: 0px}
	.cn-list-box  .lists > li:nth-child(5) > a {border-top-width: 0px}
}