@charset "UTF-8";
/**********************************************
note : webfonts
**********************************************/
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean'); /* 본고딕 */

body,th,td,input,select,textarea,button,
h1,h2,h3,h4,h5,h6 {font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif}

/**********************************************
note : 리뉴얼(김민아)
**********************************************/

/* print */
@media print {
	a[href] {text-decoration:none}
	a[href]:after {content:none !important}
	.print-show {display:block !important}
	.print-hide {display:none !important}
}

/* flex */
.index-wrap .index-columns-flex {background-color:#32343c}

.box-point {color:#e50014 !important}
.box-point2 {position:relative;padding-left:10px}
.box-point2::after {content:"";position:absolute;width:4px;height:14px;top:2px;left:0;background-color:#e50014;}

/* .box-point {color:#305e90 !important}
.box-point2 {position:relative;padding-left:10px}
.box-point2::after {content:"";position:absolute;width:4px;height:14px;top:2px;left:0;background-color:#305e90;} */

/* pr08(photo) */
.auto-pr08 {position:relative}
.auto-pr08 .photo-titbg {padding:.9375rem}
.auto-pr08 .auto-roll {float:left;width:calc(100% - 250px)}
.auto-pr08 .auto-nav {float:left;width:250px}
.auto-pr08 .auto-nav .auto-content {overflow:hidden;height:65px;padding:0 0 0 5px;margin-top:5px;border-top:1px solid rgba(255,255,255,.1)}
.auto-pr08 .auto-nav .auto-content::after {content:'';display:table;clear:both}
.auto-pr08 .auto-nav .auto-content:first-child {margin-top:0}
.auto-pr08 .auto-nav .slick-track {width:100% !important}
.auto-pr08 .auto-nav .slick-slide {width:100% !important;cursor:pointer}
.auto-pr08 .auto-nav .slick-slide.slick-current .auto-fontA {font-weight:700;color:#1468a0 !important}


.article-veiw-body .view-copyright { margin: 3rem 0 1rem 0; /*font-size: .9rem;*/font-size: inherit;  text-align: left;  color: rgba(0,0,0,.75);letter-spacing: -0.05em;}

.auto-hr04 .photo-titbg {width: 70%; max-width: 100%;padding: 1.5rem;left: 0;top: 0; text-shadow: 1px 1px rgba(0,0,0,.85);background: #000;background: -webkit-linear-gradient(to right, rgba(0,0,0,.1) 15%, transparent); background: -o-linear-gradient(to right, rgba(0,0,0,.1) 15%, transparent); background: -moz-linear-gradient(to right, rgba(0,0,0,.1) 15%, transparent); background: linear-gradient(to right, rgba(0,0,0,.1) 15%, transparent)}

#user-footer .user-nav {margin-bottom:1rem}
#user-footer .user-nav a:first-child{padding-left:0}

#user-footer .user-logo {margin-top: 2rem;}
#user-footer {padding: 3rem 0;}

.auto-images.noimage {
    background: url(/image/logo/csslogo.png) center no-repeat #fff;background-size: 70%;}



/* pr06-2 */
.auto-pr06-2{position:relative}
.auto-pr06-2 .auto-column {margin:0 1px 0 0}
.auto-pr06-2 .auto-images::before{display:none}
.auto-pr06-2 .auto-column a:hover .auto-line {opacity:1}
.auto-pr06-2 .photo-titbg {padding:.3rem .9375rem .9375rem}
.auto-pr06-2 .auto-column .auto-images {;transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-pr06-2 .auto-column:hover .auto-images {transform:translateY(-5px)}
.auto-pr06-2 .photo-btn {top:50%;width:60px;height:60px;font-size:3rem;line-height:1em;color:rgba(255,255,255,1);text-shadow:1px 1px 0 rgba(0,0,0,.9);outline:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .25s;transition:all .25s;visibility:visible}
.auto-pr06-2 .photo-btn:hover {color:#fefefe}
.auto-pr06-2 .photo-btn.auto-prev {left:0}
.auto-pr06-2 .photo-btn.auto-next {right:0}
.auto-pr06-2 .fa-angle-left, .auto-pr06-2 .fa-angle-right::before {font-size: 60px;}
.auto-pr06-2 .fa-fw {width: 1em;text-align: center;}

/**********************************************
note : 갤러리(type1)
**********************************************/
#gallery-wrap.type-1 .gallery-content.view-page .gallery-for .gallery-caption {margin-top:2rem;padding:0 1.25rem;font-size:.9rem;line-height:1.625em;letter-spacing:-0.025em;color:rgba(0,0,0,.6)}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb {position:relative;padding:0 42px;margin-bottom:1.25rem}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .nav-content {margin:0 .2rem;background-repeat:no-repeat;background-position:50% 0;background-size:cover}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn {overflow:hidden;position:absolute;z-index:10;top:0;width:30px;height:80px;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.08);cursor:pointer}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn.slick-disabled {display:none !important}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn.prev-btn {left:0}
#gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb .thumb-btn.next-btn {right:0}
#gallery-wrap.type-1 .gallery-btn {overflow:hidden;width:90px;height:130px;font-size:3rem;background-color:#f8f8fa;border-radius:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#gallery-wrap.type-1 .gallery-btn.slick-disabled {opacity:.25}
#gallery-wrap.type-1 .gallery-article-viewer .viewer-titles {color:rgba(0,0,0,.9);text-align:center}
#gallery-wrap.type-1 .gallery-article-viewer .viewer-summary {color:rgba(0,0,0,.6)}
#gallery-wrap.type-1 .gallery-article #curation-wrap {background:transparent}
#gallery-wrap.type-1 .radio-group {text-align:center}
#gallery-wrap.type-1 .button-group {margin:0}
@media screen and (max-width: 63.9375em) {
	.row #gallery-wrap.type-1 .gallery-content.view-page .gallery-thumb {margin-left:-.625rem;margin-right:-.625rem}
	.row #gallery-wrap.type-1 .gallery-btn {width:75px;height:110px;font-size:2.25rem}
}
@media screen and (max-width: 39.9375em) {
	.row #gallery-wrap.type-1 .gallery-content.view-page .gallery-for .gallery-caption {font-size:.8rem}
	.row #gallery-wrap.type-1 .gallery-btn {display:none !important}
	.row #gallery-wrap.type-1 .gallery-article-viewer .viewer-titles {font-size:1.625rem}
}


/* hr07-2(headline) */
.auto-hr07-2 {position:relative}
.auto-hr07-2 .auto-fontJ{color:rgba(255,255,255,.6) !important}
.auto-hr07-2 .txt {bottom:50px;}
.auto-hr07-2 .h3{animation:fadeOutRight 1s both;}
.auto-hr07-2 .h5{animation:fadeOutLeft 1s both; text-align:left;}
.auto-hr07-2 .slick-dotted.slick-slider {margin-bottom:0;position:relative}
.auto-hr07-2 .slick-dotted.slick-slider .auto-pager {position:absolute;bottom:.5rem;right:1rem}
.auto-hr07-2 .slick-active .h3{animation:fadeInDown 1s both 0.5s;text-shadow:2px 2px rgba(0,0,0,.7)}
.auto-hr07-2 .slick-active .h5{animation:fadeInLeft 1s both 1s;text-shadow:1px 1px rgba(0,0,0,.7)}
.auto-hr07-2 .auto-pager li[id*="slick-"] button[data-role] {width:10px;height:10px;background:rgba(255,255,255,1)}
.auto-hr07-2 .auto-section {display:inline-block;padding:.35rem .625rem;margin-bottom:.2rem;font-size:.75rem;line-height:1;text-shadow:none}
.auto-hr07-2 .photo-titbg{left:0;top:0;width:50%}
.auto-hr07-2 .photo-titbg.gradient {background:linear-gradient(to right,rgba(0,0,0,1),transparent) !important;background:-webkit-linear-gradient(left, rgba(0,0,0,1), transparent);background:-o-linear-gradient(left, rgba(0,0,0,1), transparent);background:-moz-linear-gradient(left, rgba(0,0,0,1), transparent);padding:3rem 0 2rem 2rem}
.auto-hr07-2 .photo-titbg.gradient .user-bg{text-shadow:none}

.auto-hr07-2 .photo-btn {top:0;bottom:0}
.auto-hr07-2 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;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-hr07-2:hover .photo-btn .btn-inner {transform: scale3d(1, 1, 1);opacity:1}
.auto-hr07-2 .photo-btn.auto-prev {left:-32px}
.auto-hr07-2 .photo-btn.auto-next {right:-32px}
.auto-hr07-2 .slick-slide {cursor:pointer}
.auto-hr07-2 .slick-slide .auto-images::before {z-index:15;background:rgba(0,0,0,.7);transition:all .25s;-moz-transition:all .25s;-webkit-transition:all .25s;-o-transition:all .25s}
.auto-hr07-2 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-hr07-2 .slick-list {padding:0 !important}
.auto-hr07-2 .auto-pager li[id*="slick-"].slick-active button[data-role]{background-color:#e73f72;border-color:transparent}
.auto-hr07-2 li[id*="slick-"].slick-active button[data-role] {width:10px;height:10px;background-color:transparent;border:1px solid rgba(255,255,255,.5)}
.auto-hr07-2 .k-article{position:absolute;bottom:2rem;left:1rem;z-index:1004;width:60%}
.auto-hr07-2 .auto-relation.auto-fontF{color:rgba(255,255,255,.8) !important}
.auto-hr07-2 .auto-relation::before{border-left:1px solid #fff;border-bottom:1px solid #fff}


#gallery-wrap .gallery-content.view-page .gallery-for .gallery-btn .icon-left::before {content: "\f104";}


/*본문 카피라이트*/
.article-veiw-body .view-copyright {font-size: 1.063rem !important;}

#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}