@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&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:'Malgun Gothic','돋움','dotum','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif}

/**********************************************
note : 자동박스 수정 (권오석)
**********************************************/
/* 공통 */
.auto-images {background-position:top !important}

/* hr14(headline) */
.auto-hr14 {position:relative}
.auto-hr14 .slick-dotted.slick-slider {margin-bottom:0}
.auto-hr14 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
/*.auto-hr14 .photo-titbg.gradient.cover {background:linear-gradient(transparent 30%,rgba(0,0,0,.9) 90%);text-shadow:none}*/
.auto-hr14 .photo-titbg.gradient.cover {background: linear-gradient(transparent 30%,rgba(0,0,0,.4) 90%);}
.auto-hr14 .photo-titbg .text-box {position:absolute;left:2.5rem;right:10rem;bottom:2.5rem;font-family:'Noto Sans KR',sans-serif}

.auto-hr14 .photo-btn {top:0;bottom:0}
.auto-hr14 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;color:#0c4da2;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.08);transform: scale3d(.7, .7, 1);opacity:0;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-hr14:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-hr14 .photo-btn.auto-prev {left:-32px}
.auto-hr14 .photo-btn.auto-next {right:-32px}
.auto-hr14 .slick-slide {cursor:pointer}
.auto-hr14 .slick-list {padding:0 !important}
.auto-hr14 .slick-dots {bottom:2rem;right:2.5rem;width:inherit !important}
.auto-hr14 .slick-dots li {width:15px;height:3px;margin:0 0 0 6px;}
.auto-hr14 .slick-dots li:first-child {margin-left:0}
.auto-hr14 .slick-dots li button {width:15px;height:15px;border-radius:50%;padding:0;}
.auto-hr14 .slick-dots li button::before {content:'';width:15px;height:15px;background-color:#0c4da2;opacity:1;border-radius:50%}
.auto-hr14 .slick-dots li.slick-active button::before {content:'';background-color:#fff;border-radius:50%}

/* hr11-1 */
.auto-hr11.small .auto-columns .photo-titbg [class*=size-] {bottom:1.5rem;right:3.5rem;font-family:'Noto Sans KR',sans-serif}
/*.auto-hr11 .photo-titbg.gradient.cover {background:linear-gradient(transparent 30%,rgba(0,0,0,.9) 90%);text-shadow:none}*/
.auto-hr11 .photo-titbg.gradient.cover {background:linear-gradient(transparent 30%,rgba(0,0,0,.4) 90%);}
/* pr06-2(photo) */
.auto-pr06-2 .auto-column {padding:.3rem .5rem 0}

/**********************************************
note : 메인판 수정 (권오석)
**********************************************/
.index-wrap .index-columns.grid-1 {padding-right:0}
.index-wrap .index-columns.grid-3 {padding-left:0}
.index-wrap .index-columns.grid-4 {padding-right:30px}
.index-wrap .index-columns.grid-2 {padding-left:30px}

/**********************************************
note : 기사박스 수정 (권오석)
**********************************************/
.box-skin .header > strong, .box-skin .header > a, .box-skin .header .skin-column > strong, .box-skin .header .skin-column > a {font-family:'Noto Sans KR',sans-serif;font-size:1.25rem}

/* 제목배경 레드 */
.box-skin.header-bg-red .header {height:34px;padding: .42rem 1rem 0;margin-bottom: 1rem;background-color:#d70109;color:#ffffff}
.box-skin.header-bg-red .header > strong, .box-skin.header-bg-gray .header > a {margin-bottom:0}
.box-skin.line.header-bg-red {padding:0}
.box-skin.line.header-bg-red .header {margin-bottom:0}
.box-skin.header-bg-red .header > a{color:#ffffff !important}
.box-skin.line.header-bg-red .content, .box-skin.line.header-bg-red .container {padding:.9375rem}
.box-skin.bg.header-bg-red .header {background-color:transparent}
.box-skin.header-line.header-bg-red .header {border-bottom-color:rgba(0,0,0,.07)}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.header-bg-red .header, .row .box-skin.line.header-bg-red .content, .row .box-skin.line.header-bg-red .container {padding:.625rem}
}

/* 제목배경 그레이2 */
.box-skin.header-bg-gray2 .header {height:34px;padding: .42rem 1rem 0;margin-bottom: 1rem;background-color: #999696;color:#ffffff;}
.box-skin.header-bg-gray2 .header > strong, .box-skin.header-bg-gray .header > a {margin-bottom:0}
.box-skin.line.header-bg-gray2 {padding:0}
.box-skin.line.header-bg-gray2 .header {margin-bottom:0}
.box-skin.header-bg-gray2 .header > a{color:#ffffff !important}
.box-skin.line.header-bg-gray2 .content, .box-skin.line.header-bg-gray2 .container {padding:.9375rem}
.box-skin.bg.header-bg-gray2 .header {background-color:transparent}
.box-skin.header-line.header-bg-gray2 .header {border-bottom-color:rgba(0,0,0,.07)}
@media screen and (max-width: 39.9375em) {
	.row .box-skin.header-bg-gray2 .header, .row .box-skin.line.header-bg-gray2 .content, .row .box-skin.line.header-bg-gray2 .container {padding:.625rem}
}

/**********************************************
note : 하단 수정 (권오석)
**********************************************/
#user-footer .footer-menu .footer-columns.user-logo {width:165px}

/**********************************************
note : 동영상 iframe 수정 (권오석)
**********************************************/
.article-veiw-body .simplebox .simplebox-content[data-type=video] embed, .article-veiw-body .simplebox .simplebox-content[data-type=video] iframe, .article-veiw-body .simplebox .simplebox-content[data-type=video] object, .article-veiw-body .simplebox .simplebox-content[data-type=video] video {width:100% !important;height:100% !important}



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