@charset "UTF-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&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 : 편집판스킨(custom)
name : 이경아
**********************************************/
.index-wrap.default-line .index-columns.grid-5 {padding-right:1.25rem}
.index-wrap.default-line .index-columns.grid-6 {padding-right:1.313rem}
.index-wrap.default-line .index-columns.grid-7 {padding-right:2.5rem;border-right:1px solid rgba(0,0,0,.07)}
.index-wrap.default-line .index-columns.grid-8 {padding-left:2.438rem}

/**********************************************
note : 자동박스
name : 이경아
**********************************************/
/* hr14 */
.auto-hr14 {position:relative}
.auto-hr14 .photo-titbg {padding:.8rem;background-color:rgba(0,0,0,.7)}
.auto-hr14 .slick-dotted.slick-slider {margin-bottom:0}
.auto-hr14 .photo-btn {top:7.5rem;font-size:3rem;text-shadow:1px 1px rgba(0,0,0,.3)}
.auto-hr14 .photo-btn i {color:#fff}
.auto-hr14 .photo-btn.auto-prev {left:5px}
.auto-hr14 .photo-btn.auto-next {right:5px}
.auto-hr14 .auto-relation::before {left:.25rem;top:45%;width:8px;height:8px;border-left:2px solid #d2d2d2;border-bottom:2px solid #d2d2d2}

/* d05 */
.auto-d05 .auto-sol {border-color:rgba(0,0,0,.08)}
.auto-d05 ul {overflow:auto;height:182px;border-top:1px solid rgba(0,0,0,.12)}
.auto-d05 ul li {width:163px;margin-left:3.75rem}
.auto-d05 ul li::before {content:'';position:absolute;width:1px;height:100%;left:-55px;top:0;background:url(/image/autobox/auto-dot.gif) repeat-y 0 0}
.auto-d05 .clock {left:-60px;color:#222;font-weight:700;font-size:.875rem;font-family:'Josefin Sans', sans-serif}
.auto-d05 .clock i {display:block;float:left;margin-top:.25rem;margin-right:.313rem;font-size:.82rem;color:#9a9a9a}
.auto-d05 li a .title {padding:0 .313rem 0 .625rem}

/* db06 */
.auto-db06 .number {line-height:1.3}

/* dl07 */
.auto-dl07 li {overflow:hidden}
.auto-dl07.auto-boll [class*="size-"]::before {background-color:#ee5460}
.auto-dl07 .photo-titbg {padding:.7rem;background-color:rgba(0,0,0,.6);opacity:0;transform:translateY(100%);-o-transition:-o-transform .4s, opacity .1s .3s;-moz-transition:-moz-transform .4s, opacity .1s .3s;-webkit-transition:-webkit-transform .4s, opacity .1s .3s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}
.auto-dl07 a:hover .photo-titbg {transition:transform 0.4s, opacity 0.1s;opacity:1;transform: translateY(0px);-o-transition:-o-transform .4s, opacity .1s;-moz-transition:-moz-transform .4s, opacity .1s;-webkit-transition:-webkit-transform .4s, opacity .1s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform: translateY(0)}

/* vr04 */
.auto-vr04 .auto-images {height:0;padding-bottom:56.66666666%}
.auto-vr04 .auto-container::after,
.auto-vr04 .auto-nav::after {content:'';display:table;clear:both}
.auto-vr04 .auto-nav .auto-images {cursor:pointer}
.auto-vr04 .auto-nav .slick-current .auto-images::before {border-width:2px;border-color:#c00}
.auto-vr04 .slick-list{margin:0 -1px}
.auto-vr04 .slick-slide{margin:0 1px}
.auto-vr04 .responsive-embed.widescreen {padding-bottom:56% !important}

/* mp07 */
.auto-mp07 {position:relative}
.auto-mp07 .auto-columns::before {content:'';position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,.12)}
.auto-mp07 .auto-columns .auto-images {height:133px;-webkit-transition:all .25s;transition:all .25s}
.auto-mp07 .auto-columns .auto-images::before {content:'';position:absolute;z-index:1;border-color:transparent;border-top-color:rgba(0,0,0,.1);top:inherit;visibility:visible}
.auto-mp07 .auto-columns:hover .auto-images {transform:scale3d(1.125, 1.125, 1.125)}
.auto-mp07 .hover-img {overflow:hidden;position:relative;height:133px}
.auto-mp07 .auto-section {font-size:.8rem;text-align:left}
.auto-mp07 .auto-content {position:relative;padding:1.25rem;height:123px}
.auto-mp07 .auto-content::after {content:''display:table;clear:both}
.auto-mp07 .section {left:1.25rem;bottom:.625rem}
.auto-mp07 .sns {position:absolute;bottom:30px;z-index:4;left:calc(50% - 64px)}
.auto-mp07 .sns li {display:inline-block;width:39px;height:39px;padding-top:.28rem;border:1px solid #fff;border-radius:50%;text-align:center}
.auto-mp07 .sns li button {display:table;margin-left:auto;margin-right:auto;line-height:1.7;font-size:1.25rem;color:#fff !important;cursor:pointer}
.auto-mp07 .auto-columns .auto-sum {display:none;position:absolute;z-index:44;width:100%;height:100%;padding:20px;left:0;top:0;text-align:center;cursor:pointer}
.auto-mp07 .auto-columns:hover .auto-sum {display:block}
.auto-mp07 .auto-columns .auto-sum .summary {padding-top:50px;margin-bottom:50px}
.auto-mp07 .photo-btn {position:absolute;width:30px;height:30px;top:-40px;font-size:1rem;color:#b0b0b0;background-color:#fefefe;border:1px solid #e5e5e5;text-align:center}
.auto-mp07 .photo-btn.auto-prev {right:29px}
.auto-mp07 .photo-btn.auto-next {right:0}
.auto-mp07 .auto-pager {position:absolute;z-index:12;top:-32px;right:70px;line-height:1}
.auto-mp07 .auto-pager > li {display:none}
.auto-mp07 .auto-pager > li.slick-active {display:block;color:rgba(0,0,0,.64)}

/* pr08 */
.auto-pr08 {position:relative;overflow:hidden}
.auto-pr08 .auto-container::after,
.auto-pr08 .auto-nav::after {content:'';display:table;clear:both}
.auto-pr08 .auto-nav{margin-top:15px}
.auto-pr08 .auto-nav .auto-images {position:relative;cursor:pointer}
.auto-pr08 .auto-nav .slick-list{margin:0 -5px}
.auto-pr08 .auto-nav .slick-slide{margin:0 5px}
.auto-pr08 .auto-nav .photo-nav {position:relative}
.auto-pr08 .auto-nav .photo-nav.slick-current::after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:3px solid #c00; z-index:9; box-sizing:border-box}
.auto-pr08 .auto-nav .slick-current .auto-images::after {content:'';position:absolute;display:block;width:100%;height:4px;top:-8px;background-color:#e11a1a}
.auto-pr08 .photo-up-title{display:none}
.auto-pr08 .slick-current .photo-up-title{display:block; position:absolute; width:100%; bottom:0; left:0; z-index:9}
.auto-pr08 .slick-current .photo-up-title .backBg{position:relative; padding:20px 10px}
.auto-pr08 .slick-current .photo-up-title .backBg::after{display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0;  background:rgba(0,0,0,0.7); z-index:-1; transition:all .3s ease 0s}
.auto-pr08 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-pr08 .photo-main-btn {position:absolute;top:0;bottom:0;z-index:11;width:auto;display:inline-block;overflow:hidden;cursor:pointer}
.auto-pr08 .photo-main-btn .btn-inner {width:40px;height:60px;padding-top:.5rem;font-size:2.2rem;color:#fff;background-color:rgba(0,0,0,.5);}
.auto-pr08 .photo-main-btn.auto-prev {left:0}
.auto-pr08 .photo-main-btn.auto-next {right:0}
.auto-pr08 .photo-btn {position:absolute;top:0;bottom:0;z-index:11;width:auto;display:inline-block;overflow:hidden;cursor:pointer}
.auto-pr08 .photo-btn .btn-inner {width:25px;height:30px;padding-top:0;font-size:1.5rem;color:#fff;background-color:rgba(0,0,0,.5);}
.auto-pr08 .photo-btn.auto-prev {left:0}
.auto-pr08 .photo-btn.auto-next {right:0}

/* da07 */
.auto-da07 {position:relative;background-color:#f8f8f8}
.auto-da07 .auto-nav .auto-content {position:relative;padding:.625rem 25px .625rem 20px;border-top:1px solid rgba(0,0,0,.06)}
.auto-da07 .auto-nav .auto-content::after {content:'';display:table;clear:both}
.auto-da07 .auto-nav .auto-content:first-child {border-top:none}
.auto-da07 .auto-nav .auto-content:hover {background-color:#ddd}
.auto-da07 .auto-nav .auto-content:hover::before {content:'';display:block;top:1.281rem;right:10px;position:absolute;width:4px;height:70px;background-color:#202b7a}
.auto-da07 .auto-fontB {color:#888 !important}
.auto-da07 .auto-nav .auto-content .title strong {position:relative;padding-right:15px}
.auto-da07 .auto-nav .auto-content .title strong::after {content:'';display:block;position:absolute;top:.25rem;right:.313rem;width:1px;height:14px;background-color:#ddd}
.auto-da07 .auto-nav .auto-content:hover .title strong::after {background-color:#555}

/**********************************************
note : 기사박스
name : 이경아
**********************************************/
.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-weight:500}
.index-wrap.mobile .box-skin .header > a, .index-wrap.mobile .box-skin .header > strong {font-size:1.25rem;letter-spacing:-.12em}

/**********************************************
note : 기사뷰
name : 이경아
**********************************************/
.user-snb .user-snb-wrapper {padding-left:0;padding-right:0}

/**********************************************
note : 모바일스킨(bg)
name : 이경아
**********************************************/
/* default-border */
.index-wrap.mobile.bg {position:relative;padding-top:0;background-color:#f2f2f2}
.index-wrap.mobile.bg {margin-left:-1.25rem;margin-right:-1.25rem;padding:.75rem}
.index-wrap.mobile.bg .grid-1 {border-right:0}
.index-wrap.mobile.bg .box-skin {background-color:#fff;border:1px solid rgba(0,0,0,.12)}
@media screen and (min-width: 40em) {
    .index-wrap.mobile.bg::before {display:none}
    .index-wrap.mobile.bg .grid-1 {padding-right:.375rem}
    .index-wrap.mobile.bg .grid-2 {padding-left:.375rem}
    .edit-main-container .index-wrap.mobile.bg .grid-1 {padding-left:0}
    .edit-main-container .index-wrap.mobile.bg .grid-2 {padding-right:0}
}


/* 기사정송전체선택 */

@media screen and (max-width: 39.9375em) {
.forward-table thead{display:block}
.forward-table thead th:nth-child(1){display:block;text-align:center;width:auto;}
.forward-table thead th:nth-child(2), .forward-table thead th:nth-child(3), .forward-table thead th:nth-child(4), .forward-table thead th:nth-child(5), .forward-table thead th:nth-child(6){display:none}

}

#admin-wrap .edit-level1 {min-height:10px}
/**********************************************
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}


/* 홍경아 / 1324934 / 20231124 */
.inc { position: absolute; z-index: 1002; right: 0; bottom: 20px;}