@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}
a:link {color:#222}

.line-height-1-2x, .line-height-1-3x, .line-height-1-4x, .line-height-1-x, .line-height-10-2x, .line-height-10-3x, .line-height-10-4x, .line-height-10-x, .line-height-2-2x, .line-height-2-3x, .line-height-2-4x, .line-height-2-x, .line-height-3-2x, .line-height-3-3x, .line-height-3-4x, .line-height-3-x, .line-height-4-2x, .line-height-4-3x, .line-height-4-4x, .line-height-4-x, .line-height-5-2x, .line-height-5-3x, .line-height-5-4x, .line-height-5-x, .line-height-6-2x, .line-height-6-3x, .line-height-6-4x, .line-height-6-x, .line-height-7-2x, .line-height-7-3x, .line-height-7-4x, .line-height-7-x, .line-height-8-2x, .line-height-8-3x, .line-height-8-4x, .line-height-8-x, .line-height-9-2x, .line-height-9-3x, .line-height-9-4x, .line-height-9-x
{display:block !important}

/**********************************************
note : design custom style page
**********************************************/
/* 단수정 */
.index-wrap.custom-main .index-columns.grid-1 {padding-right:5px}
.index-wrap.custom-main .index-columns.grid-2 {padding-left:5px}
.index-wrap.custom-main .index-columns.grid-3 {padding-left:5px}
.index-wrap.custom-main .index-columns.grid-4 {padding-right:5px}

.index-wrap.custom-main .index-columns-flex {padding:1.5rem 0 2.2rem;background-color:#222}
.index-wrap.custom-main .index-columns-flex.index-flex-btm {padding-bottom:3.25rem}

.index-wrap.custom-main .index-columns-flex .box-skin .header > strong,.index-wrap.custom-main .index-columns-flex .box-skin .header > a {color:#fff}

/* 단수정-1 */
.index-wrap.custom-main-1 .index-columns.grid-1 {padding-right:10px}
.index-wrap.custom-main-1 .index-columns.grid-2 {padding-left:15px}
.index-wrap.custom-main-1 .index-columns.grid-3 {padding-left:10px}
.index-wrap.custom-main-1 .index-columns.grid-4 {padding:0 10px}
.index-wrap.custom-main-1 .index-columns.grid-5 {padding-right:10px}

.index-wrap.custom-main-1 .index-columns-flex {padding:1.5rem 0 2.2rem;background-color:#222}
.index-wrap.custom-main-1 .index-columns-flex.index-flex-btm {padding-bottom:3.25rem}

.index-wrap.custom-main-1 .index-columns-flex .box-skin .header > strong,.index-wrap.custom-main-1 .index-columns-flex .box-skin .header > a {color:#fff}

/* 단수정 */
.index-wrap .index-columns.grid-10{padding-right:20px}
.index-wrap .index-columns.grid-11{padding-right:15px}
.index-wrap .index-columns.grid-12{padding-left:15px; border-left:1px solid rgba(0,0,0,.1)}

/* 기사뷰 */
#article-control-1 {border-top: 1px solid rgba(0,0,0,.1);}
.user-snb { padding-left: 23px;padding-right: 23px;padding-top: 18px;border-right: 1px solid rgba(0,0,0,.1);}
.user-aside {width:323px;padding-left:23px;padding-top: 18px;}
.user-snb .user-snb-wrapper {padding-left:0;padding-right:0}
.user-snb .user-snb-wrapper.w850 {width:850px;}
.user-snb .user-snb-wrapper.w730 {width:730px;}

@media screen and (max-width: 63.9375em) {
	.user-snb {padding-left: 0;padding-right: 0;padding-top: 0;}
	
}

.user-custom-sns li {margin-right:.5rem}
.user-custom-sns li a {font-size:1.5rem}
.user-custom-sns li button {font-size:1.5rem; color:#A1A1A1; !important;cursor:pointer}

/* 기사뷰(HD포토) */
.custom-bottom {display:table;width:100%;table-layout:fixed}
.costom-autobox {display:table-cell;vertical-align:top}
.costom-autobox.black-bg {vertical-align:middle;background-color:#000}
.custom-bottom.user-line {border:1px solid rgba(0,0,0,.12);border-left:none}
.custom-bottom.user-line .costom-autobox {padding:.9375rem;border-left:1px solid rgba(0,0,0,.12)}

/* 기사리스트 상단(HD동영상) */
#user-wrap .list-top-bg {padding:1.5rem 0 3.25rem;background-color:#222}
#user-wrap .list-top-bg .header > a,#user-wrap .list-top-bg .header > strong {color:#fff}

/* 기사리스트 HD */
.article-custom-list {position:relative;-webkit-columns:3;columns:3;-webkit-column-gap:13px;column-gap:13px}
.article-custom-list .article-column .list-block {display:inline-block;position:relative;width:100%;min-height:1px;margin-bottom:13px}
.article-custom-list .article-column .list-block:hover .list-titles {text-decoration:underline}
.article-custom-list .article-column .list-image {border:1px solid rgba(0,0,0,.05)}
.article-custom-list .article-column .list-image img {width:100%}
.article-custom-list .article-column .list-block-content {position:absolute;z-index:10;width:100%;padding:.9375rem .625rem;background-color:rgba(0,0,0,.75);left:0;bottom:0;background:-webkit-linear-gradient(transparent, rgba(0,0,0,.75));background:-o-linear-gradient(transparent, rgba(0,0,0,.75));background:-moz-linear-gradient(transparent, rgba(0,0,0,.75));background:linear-gradient(transparent, rgba(0,0,0,.75))}
.article-custom-list .article-column .list-block-content::after {content:'';display:table;clear:both}
.article-custom-list .article-column .list-titles {color:#fff;font-size:14px;font-weight:bold;letter-spacing:-1px;text-shadow:1px 1px rgba(0,0,0,.75)}
@media screen and (max-width: 39.9375em) {
	#user-wrap.mobile .article-custom-list {position:relative;-webkit-columns:2;columns:2;-webkit-column-gap:13px;column-gap:13px}
	#user-wrap.mobile .article-custom-list .article-column {margin-bottom:13px}
	#user-wrap.mobile .article-custom-list .article-column .list-image {border:none;border:1px solid rgba(0,0,0,.05)}
	#user-wrap.mobile .article-custom-list.article-custom-list .article-column .list-block {margin-bottom:0}
	#user-wrap.mobile .article-custom-list .article-column .list-block-content {position:relative;padding:.875rem.625rem;background-color:transparent;background:transparent;border:1px solid rgba(0,0,0,.12);border-top:none}
	#user-wrap.mobile .article-custom-list .article-column .list-block-content::after {content:'';display:table;clear:both}
	#user-wrap.mobile .article-custom-list .article-column .list-titles {color:#222;font-size:14px;font-weight:normal;letter-spacing:-1px;text-shadow:none}
	#user-wrap.mobile .article-custom-list .article-column .list-titles[class*="line-height-"] {display:block !important}
}
/* 기사리스트 HD동영상 */
@media screen and (max-width: 39.9375em) {
	#user-wrap.mobile .article-custom-list.m-list {position:relative;-webkit-columns:1;columns:1;-webkit-column-gap:0;column-gap:0}
	#user-wrap.mobile .article-custom-list.m-list .article-column {margin-bottom:0;border:none}
	#user-wrap.mobile .article-custom-list.m-list .article-column::before {content:'';display:block;margin-top:20px;height:20px;border-top:1px solid rgba(0,0,0,.12)}
	#user-wrap.mobile .article-custom-list.m-list .article-column:first-child:before {margin-top:5px;height:13px}
	#user-wrap.mobile .article-custom-list.m-list .article-column .list-image {position:relative;border:1px solid rgba(0,0,0,.05)}
	#user-wrap.mobile .article-custom-list.m-list .article-column .list-image::before {content:'';display:block;position:absolute;z-index:10;top:calc(50% - 38px);left:calc(50% - 33px);width:66px;height:76px;background:url(/image/autobox/play-icon.png) no-repeat -200px 0}
	#user-wrap.mobile .article-custom-list.m-list .article-column .list-block-content {position:relative;padding:0;margin-bottom:10px;background-color:transparent;background:transparent;border:none}
	#user-wrap.mobile .article-custom-list.m-list .article-column .list-block-content::after {content:'';display:table;clear:both}
	#user-wrap.mobile .article-custom-list.m-list .article-column .list-titles {color:#222;font-size:1.12rem;font-weight:normal;letter-spacing:-1px;text-shadow:none}
}

/* 기사박스 */
.box-skin.pad-line {padding:.9375rem 0;border:1px solid rgba(0,0,0,.12)}
.box-skin.pad-line .header {padding:0 .9375rem}
.box-skin .header > strong, .box-skin .header > a {color:#222}

/* 검색화면 */
.search-etc {margin-top:9.563rem;width:100%;height:59px;border-bottom:1px solid #c9c9c9;background-color:#fff}
.search-etc ul li {float:left;list-style:none}
.search-etc ul li a {display:inline-block;position:relative;padding:1.07rem 1.25rem;color:#222;font-size:.9rem;text-decoration:none;-moz-transition:all .25s;transition:all .25s;border: 1px solid #c9c9c9;background: #fff;}
.search-etc .left-text ul li a::before {content:'';position:absolute;z-index:1;border-bottom:2px solid transparent;left:0;right:0;bottom:0;-moz-transition:all .15s;transition:all .15s}
.search-etc .left-text ul li a.se-click,#user-container .search-etc .right-text ul li a:hover {color:#e6336e;border-bottom: 1px solid #fff;}

.search-etc .left-text ul li:nth-child(1) a {border-right: 1px solid #c9c9c9;}
.search-etc .left-text ul li:nth-child(2) a {border-right: 1px solid #c9c9c9;border-left: 0px;}
.search-etc .left-text ul li:nth-child(3) a {border-left: 0px;border-right: 1px solid #c9c9c9;}

.search-etc .left-text ul li a.se-click::before {/*border-bottom-color:#e6336e*/}
.search-etc .right-text ul li:last-child a {padding-right:0}

.article-list-header .sch-right-pc {float:left;margin-right:1rem}
.article-list-header .sch-right-pc a {font-size:.9rem}
.article-list-header .sch-right-pc a::after {content:'|';padding:0 .5rem;color:rgba(0,0,0,.3)}
.article-list-header .sch-right-pc a:last-child:after {display:none}
.article-list-header .sch-right-pc a.click {color:#c00}

/* 사진확대 */
.hd-photo-wrap {background-color:#000}
.hd-photo-wrap .photo-close {width:100%;margin-bottom:.85rem;text-align:right;color:#fff;font-size:3rem}

/**********************************************
note : 모바일
**********************************************/
#user-wrap.mobile #user-container {padding-top:0 !important;padding-bottom:0 !important;background-color:#efefef}
#user-wrap.mobile .m-view .article-veiw-body .article-list {background-color:#fff}
#user-wrap.mobile .m-view .article-veiw-body .article-list .article-custom-list,#user-wrap.mobile .m-view .article-veiw-body .article-list .article-list-content {padding:1.25rem .9375rem}
#user-wrap.mobile .m-view .article-view-header {padding:.4rem 1.25rem;margin-bottom:0;background-color:#fff}
#user-wrap.mobile .m-view .m-margin {padding:0 1.25rem;background-color:#fff}
#user-wrap.mobile .m-view .user-snb-wrapper {padding:0 1.25rem .9375rem;background-color:#fff}
.m-view .user-aside {width:301px !important;padding-left:1px !important}
@media screen and (max-width: 39.9375em) {
	#user-wrap.mobile .m-view .article-veiw-body,#user-wrap.mobile .m-view .m-margin ,#user-wrap.mobile .m-view .article-view-header {margin-left:-1.25rem;margin-right:-1.25rem}
	#user-wrap.mobile .m-view .user-snb-wrapper {padding-left:2.5rem;padding-right:2.5rem;margin-left:-1.25rem;margin-right:-1.25rem}
	.row .m-view .user-aside {display:block !important;float:none !important;width:auto !important;margin-left:-1.25rem !important;margin-right:-1.25rem !important;padding-left:0rem !important}
	.m-view .article-view-header .article-header-wrap .article-head-title {font-size:1.5rem}
}
#user-wrap.mobile .m-view .article-veiw-body .article-list hr {margin-left:.9375rem;margin-right:.9375rem}
#user-wrap.mobile .m-view .article-veiw-body .article-list .article-custom-list {padding-top:0}

/* 기사뷰 */
#user-wrap.mobile .article-head-info {position:relative}
#user-wrap.mobile .info-text .facebook {color:#46639d}
#user-wrap.mobile .article-head-info .article-head-nav {float:left;line-height:1.75em}
#user-wrap.mobile .article-head-info .article-head-nav::before {content:'|';float:left;padding:0 12px;font-size:.8rem;color:rgba(0,0,0,.25);line-height:2.5em}
@media screen and (max-width: 39.9375em) {
	#user-wrap.mobile .m-view .article-view-header {padding-bottom:0}
	#user-wrap.mobile .article-head-info .info-options {margin-top:0}
	#user-wrap.mobile .article-head-info .user-custom-sns li a {font-size:1.35rem}
	#user-wrap.mobile .info-text .facebook::before {padding-right:20px}
	#user-wrap.mobile .article-head-info {text-align:left}
	#user-wrap.mobile .article-head-info .article-head-nav {float:inherit;padding:.5rem 0;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}
	#user-wrap.mobile .article-head-info .article-head-nav::before {display:none}
	#user-wrap.mobile .article-relation.user-view {margin-left:-1.55rem;margin-right:-1.55rem;padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}
	#user-wrap.mobile .user-snb-wrapper hr {display:none}
	#user-wrap.mobile .reply-wrap {margin-left:-2.1rem;margin-right:-2.1rem;padding-top:1.25rem}
}

/* 기사본문 상단정보(기자이름, 승인, 댓글) */
@media screen and (max-width: 39.9375em) {
	.row .article-view-header .info-text ul {display:inline-block; width:100%}
	.reply-width50{width:50%}
}

/* 메인구성 */
#user-wrap.mobile .index-wrap.custom-mobile {margin:-.9375rem -1.25rem 0;padding-top:.9375rem;padding-bottom:.9375rem}
.index-wrap.custom-mobile {background-color:#efefef}
.index-wrap.custom-mobile .grid-1 {padding-right:1px}
.index-wrap.custom-mobile .box-skin.line{border:none}
.box-margins.pad-bg-w {background-color:#fff}
.box-skin.line.none{border:none;padding:1.25rem .9375rem}
@media screen and (max-width: 39.9375em) {
	.row .index-wrap.custom-mobile .grid-1 {padding-right:0}
	.row .box-skin .header > strong, .row .box-skin .header > a {margin-bottom:.75rem}
}

/* 더보기박스 */
.box-skin.more-box {padding-bottom:.9375rem;background-color:#fff}
.box-skin.more-box .header {margin:0 .9375rem;padding:.75rem;text-align:center;border:1px solid rgba(0,0,0,.12)}
.box-skin.more-box .header > a {margin-bottom:0;font-weight:400 !important}
.box-skin.more-box .header > a img {margin-bottom:4px}
.box-skin.more-box .header > a i::before {content:'·';color:#aaa;padding-left:.25rem;padding-right:.65rem}

/* 검색화면 */
.m-sch-wrap {margin-top:61px;width:100%;background-color:#fff}
.m-sch-wrap ul {padding:0 .9375rem;margin-bottom:0}
.m-sch-wrap ul::after {content:'';display:block;clear:both;border-bottom:2px solid rgba(0,0,0,.12)}
.m-sch-wrap ul li {float:left;width:25%;text-align:center;list-style:none}
.m-sch-wrap ul li a {display:inline-block;position:relative;width:100%;padding-top:.51rem;padding-bottom:.51rem;color:#222;font-size:.75rem;text-decoration:none;-moz-transition:all .25s;transition:all .25s}
.m-sch-wrap ul li a::before {content:'';position:absolute;z-index:1;border-bottom:2px solid transparent;left:0;right:0;bottom:-2px;-moz-transition:all .15s;transition:all .15s}
.m-sch-wrap ul li a.se-click,#user-container .m-sch-wrap .right-text ul li a:hover {color:#c00}
.m-sch-wrap ul li a.se-click::before {border-bottom-color:#c00}

#user-wrap.mobile .article-list-header {padding:1rem .9375rem 0;background-color:#fff}
#user-wrap.mobile .article-list-header::after {content:'';display:table;clear:both}
#user-wrap.mobile .article-list-header .sch-right {float:right}
#user-wrap.mobile .article-list-header .sch-right a {margin-left:.5rem;font-size:.9rem}
#user-wrap.mobile .article-list-header .sch-right a.click {color:#c00;font-weight:bold}
@media screen and (max-width: 39.9375em) {
	#user-wrap.mobile .article-list-header .sch-right {display:block}
}


/* 광고 */
@media screen and (max-width: 39.9375em) {
	.view-ad td {padding:0}
}

/**********************************************
note : 하단디자인
**********************************************/
#user-footer.user-style-custom {padding:0;background-color:#000}

/* 하단-상단 */
#user-footer .footer-top {display:block;padding:1.125rem 0}
#user-footer .footer-top::after {content:'';display:table;clear:both}

#user-footer .footer-sns {float:left;margin:0;list-style:none}
#user-footer .footer-sns li {float:left;margin-left:.563rem}
#user-footer .footer-sns li:first-child {margin-left:0}
#user-footer .footer-sns a {display:inline-block;width:1.75rem;height:1.75rem;padding-top:.25rem;font-size:.85rem;color:#cfcfcf;text-align:center;border:1px solid #cfcfcf;border-radius:50%;-moz-transition:all .1s;transition:all .1s}
#user-footer .footer-sns a.youtube {padding-top:.15rem}
#user-footer .footer-sns a.naver {font-size:.8rem}
#user-footer .footer-sns a:hover {color:#fff}

#user-footer .footer-top-com {float:right;margin:0;padding-top:.25rem;color:#fff;list-style:none}
#user-footer .footer-top-com li {float:left;font-size:.8rem;margin-left:3rem}
#user-footer .footer-top-com li a {display:inline-block;color:#fff}
#user-footer .footer-top-com li::after {content:'';float:right;display:block;margin:.375rem 0 0 .188rem;width:5px;height:9px;background:url(/image/footer-icon.png) no-repeat -5px 0}
#user-footer .footer-top-com li.noicon::after {display:none}

/* 하단-중단 */
#user-footer .footer-content {position:relative;padding:1.75rem 0;border:1px solid #333;border-right:0;border-left:0}
#user-footer .footer-content::after {content:'';display:table;clear:both}
#user-footer .footer-content .footer-logo {margin-bottom:1.25rem}

#user-footer .user-address ul {width:55rem;float:left}
#user-footer .user-address ul::after {content:'';display:table;clear:both}
#user-footer .user-address ul li {font-size:.8rem;letter-spacing:-1px;color:#a5a5a5;line-height:2.1em}
#user-footer .user-address ul li.footfont-A {color:#c5c5c5}
#user-footer .user-address ul li.bars::before {content:'·';padding:0 .188rem;color:#a3a3a3}

#user-footer .user-nav {position:absolute;top:0;right:0;width:7.5rem}
#user-footer .user-nav a {display:block;font-size:.8rem;margin-bottom:.313rem;letter-spacing:-1px;color:#b5b5b5}
#user-footer .user-nav a::after {content:'';float:left;display:block;margin:.375rem 7px 0 0;width:3px;height:5px;background:url(/image/footer-icon.png) no-repeat 0 0}

/* 하단-하단 */
#user-footer .footer-btm {padding:1.6rem 0 2.5rem}
#user-footer .footer-btm,#user-footer .footer-btm a {font-size:.8rem;color:#c5c5c5}
#user-footer .footer-btm .footfont-B {letter-spacing:-1px}
#user-footer .foot-left {position:relative;float:left;padding-right:6rem}
#user-footer .foot-left .ndsoft {right:0.5rem;bottom:.188rem}
#user-footer .foot-center {position:relative;float:left;margin-top:-.458rem}
#user-footer .foot-center .inc {right:0rem;}
#user-footer .foot-right {position:relative;float:right;padding-right: 18.4rem;margin-top:.158rem}
#user-footer .foot-right .newsis {position:absolute;right: 8.8rem;bottom:0;}
#user-footer .foot-right .yon {position:absolute;right: 0;bottom: -0.3rem;}

/**********************************************
note : 자동박스
**********************************************/

/* slick 로딩시 이미지깨짐 처리*/
.slick-loaded {opacity:0; visibility:hidden; transition:opacity 1s ease}
.slick-loaded.slick-initialized {opacity:1; visibility:visible}

/* mr04 */
.auto-mr04{}
.auto-mr04 .slick-list{margin:0 -10px}
.auto-mr04 .slick-slide li.auto-columns > a,
.auto-mr04 .slick-slide li.auto-columns > .auto-content{margin:0 10px}
.auto-mr04 .slick-slide > div{margin-top:30px}
.auto-mr04 .slick-slide > div:nth-child(3n+1){margin-top:0}

/* mr03(import) */
.auto-mr03 {position:relative}
.auto-mr03 .auto-container {margin-top:.9rem}
.auto-mr03 .number {overflow:hidden;float:left;width:20px;height:20px;margin-top:3px;margin-right:.625rem;font-size:.7rem;line-height:1.7em;color:#000;background-color:#fff;text-align:center}

/* hr07 */
.auto-hr07 {position:relative}
.auto-hr07 .photo-titbg {padding:1.2rem 3.2rem 1.8rem;background-color:rgba(0,0,0,.4)}
.auto-hr07 .slick-dotted.slick-slider {margin-bottom:0}
.auto-hr07 .slick-dots {position:absolute;z-index:12;left:0;right:0;bottom:.75rem}
.auto-hr07 .slick-dots li {width:8px;height:8px}
.auto-hr07 .slick-dots li button {margin:;padding:0;width:8px;height:8px;border-radius:50%}
.auto-hr07 .slick-dots li button::before {content:'';width:8px;height:8px;background-color:rgba(0,0,0,.6);border-radius:50%}
.auto-hr07 .slick-dots li.slick-active button::before {background-color:#fff}
.auto-hr07 .slick-dots li[id*="slick-"].slick-active button[data-role] {background-color:#fff !important}
.auto-hr07 .head-icon {display:block;position:absolute;z-index:13;top:.75rem;left:1rem;width:120px;height:17px;background:url(/image/autobox/hd-icon.gif) no-repeat}
.auto-hr07 .twi-icon {display:block;position:absolute;z-index:14;top:2.125rem;left:1rem;padding:.125rem .625rem .313rem 1.75rem;width:76px;font-size:.875rem;color:#fff;text-align:center;background-color:#1b95e0;border-radius:3px}
.auto-hr07 .tweet-icon {display:block;position:absolute;z-index:14;top:2.125rem;left:.688rem;width:76px;font-size:.875rem;color:#fff;text-align:center;}
.auto-hr07 .twi-icon i {display:block;position:absolute;top:.313rem;left:.625rem;font-size:.875rem}
.auto-hr07 .hd-photo {display:block;position:absolute;z-index:15;top:.625rem;right:1rem;width:70px;height:67px;background:url(/image/autobox/hd-photo.png) no-repeat}
.auto-hr07 .photo-btn {top:0;bottom:0}
.auto-hr07 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#252525;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:hover .photo-btn .btn-inner {transform:scale3d(1, 1, 1);opacity:1}
.auto-hr07 .photo-btn i {color:#fff}
.auto-hr07 .photo-btn.auto-prev {left:-32px}
.auto-hr07 .photo-btn.auto-next {right:-32px}

/* pr08(photo) */
.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 {opacity:.5}
.auto-pr08 .photo-btn {top:calc(50% - 23px);width:25px;height:46px;background:url(/image/autobox/btn-next.png) no-repeat}
.auto-pr08 .photo-btn.auto-prev {left:10px;background-position:0 0}
.auto-pr08 .photo-btn.auto-next {right:10px;background-position:-27px 0}

/* pr09(photo) */
.auto-pr09 .slick-slide > div{margin:0 -.5%}
.auto-pr09 .auto-column{width:32.3333% !important; margin:0 .5%}
.auto-pr09 .auto-column .auto-images {transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.auto-pr09 .auto-column:hover .auto-images {opacity:.5}
.auto-pr09 .auto-column .photo-titbg.gradient{padding:1.2rem 1rem}
.auto-pr09 .photo-btn {top:calc(50% - 23px);width:25px;height:46px;background:url(/image/autobox/btn-next.png) no-repeat}
.auto-pr09 .photo-btn.auto-prev {left:10px;background-position:0 0}
.auto-pr09 .photo-btn.auto-next {right:10px;background-position:-27px 0}

/* va06 */
.auto-va06 .auto-content {float:left;position:relative;width:260px;height:213px;margin-left:20px;margin-top:14px}
.auto-va06 .auto-content:first-child,.auto-va06 .auto-content:nth-child(5n + 1) {/*width:640px;*/width:540px;height:440px;margin-left:0;clear:both}
.auto-va06 .auto-content:nth-child(1),.auto-va06 .auto-content:nth-child(2),.auto-va06 .auto-content:nth-child(3) {margin-top:0}
.auto-va06 .photo-titbg {padding:.5rem 1rem 1rem;background-color:rgba(0,0,0,.5)}
.auto-va06 .photo-titbg .auto-fontF {color:rgba(255,255,255,.65) !important}
.auto-va06 .auto-content a:hover .photo-titbg .auto-fontF {color:#fff !important;text-decoration:underline}
.auto-va06 .auto-content a::after {content:'';display:block;position:absolute;z-index:16;top:calc(50% - 50px);left:calc(50% - 33px);width:66px;height:76px;background:url(/image/autobox/play-icon.png) no-repeat -200px 0}
.auto-va06 .auto-content:first-child a::after,.auto-va06 .auto-content:nth-child(5n + 1) a::after {top:calc(50% - 111px);left:calc(50% - 88px);width:176px;height:202px;background-position:0 0}

/* va07 */
.auto-va07 .slick-slide > div{margin:0 -1%}
.auto-va07 .auto-column{width:48% !important; margin:0 1%}
.auto-va07 .photo-titbg {padding:.5rem 1rem 1rem;background-color:rgba(0,0,0,.5)}
.auto-va07 .photo-titbg .auto-fontF {color:rgba(255,255,255,.65) !important}
.auto-va07 .photo-btn {top:calc(50% - 23px);width:25px;height:46px;background:url(/image/autobox/btn-next.png) no-repeat}
.auto-va07 .photo-btn.auto-prev {left:10px;background-position:0 0}
.auto-va07 .photo-btn.auto-next {right:10px;background-position:-27px 0}
.auto-va07 .auto-column a::after {content:'';display:block;position:absolute;z-index:16;top:calc(50% - 50px);left:calc(50% - 33px);width:66px;height:76px;background:url(/image/autobox/play-icon.png) no-repeat -200px 0}



/* db05 */
.auto-db05 .number {font-size:20px;line-height:1}
.auto-db05 .number.user-point {color:#e73645 !important}
.auto-db05 .number.default-point {color:#222 !important}

/* mp04 */
.auto-mp04 .title {display:block;height:62px}

/* dl05 */
.auto-dl05 .auto-images::before {border-right:none;border-left:none}
.auto-dl05 .title {display:block;height:62px}
.auto-dl05 li:first-child .title,.auto-dl05 .auto-sol {margin-left:10px;margin-right:10px}

/* dl06/dl07 */
.auto-dl06.left .auto-images::before {border-left:none}
.auto-dl06.right .auto-images::before {border-right:none}
.auto-dl06 li .title,.auto-dl06 .auto-sol {margin-left:10px;margin-right:10px}
.auto-dl06 li.auto-sol .title {margin-left:0;margin-right:0}

/* mp01 */
.auto-mp01.tiles-5x .auto-columns {width:19%;margin-right:1.25%}
.auto-mp01-new.tiles-4x .auto-columns {margin-top:1.9rem}

/* mp01-5(head) */
.auto-mp01-5.tiles-3x .auto-columns {width:32.4%;margin-right:1.4%;margin-top:.5rem}
.auto-mp01-5 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:45px 20px;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);transition:transform 0.4s, opacity 0.1s 0.3s; 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%)}

/* mp01-6 */
.auto-mp01-6.tiles-3x .auto-columns {margin-top:2rem}

/* mp05 */
.auto-mp05.tiles-3x .auto-columns {margin-top:.35rem}
.auto-mp05 .auto-columns {overflow:hidden;position:relative}
.auto-mp05 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:32px 12px;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);transition:transform 0.4s, opacity 0.1s 0.3s; 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-mp05 a:hover .auto-content {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)}
.auto-mp05 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.75);left:0;top:0}
.auto-mp05 .auto-content .auto-fontF {position:relative;z-index:2}

/* mp06 */
.auto-mp06.tiles-5x .auto-columns {width:18.88%;margin-right:1.4%;margin-top:.5rem}
.auto-mp06 .auto-columns {overflow:hidden;position:relative}
.auto-mp06 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:55px 20px;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);transition:transform 0.4s, opacity 0.1s 0.3s; 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-mp06 a:hover .auto-content {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)}
.auto-mp06 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.75);left:0;top:0}
.auto-mp06 .auto-content .auto-fontF {position:relative;z-index:2}

/* mp07 */
.auto-mp07.tiles-4x .auto-columns {width:23.8%;margin-right:1.6%;margin-top:.563rem}
.auto-mp07 .auto-columns {overflow:hidden;position:relative}
.auto-mp07 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:55px 20px;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);transition:transform 0.4s, opacity 0.1s 0.3s; 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-mp07 a:hover .auto-content {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)}
.auto-mp07 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.75);left:0;top:0}
.auto-mp07 .auto-content .auto-fontF {position:relative;z-index:2}

/* m-n02 */
.m-auto-n02 {padding:.5rem .9375rem}

/* m-nr01 */
.m-auto-nr01 {position:relative}
.m-auto-nr01 .number {float:left;min-height:65px;margin-right:1rem;font-size:20px;line-height:1;text-align:center}
.m-auto-nr01 .number.user-point {color:#e73645 !important}
.m-auto-nr01 .number.default-point {color:#222 !important}
.m-auto-nr01 .auto-pager {margin-top:1rem;line-height:1;text-align:center}
.m-auto-nr01 .auto-pager li[id*="slick-"]:last-child button[data-role] {margin-right:0}

/* m-p07 */
.m-auto-p07 .auto-images {height:0;padding-bottom:100%}

/* m-p09 */
.m-auto-p09 .auto-pager {margin-top:10px}
.m-auto-p09 .art-play {position:relative}
.m-auto-p09 .art-play a::after {content:'';display:block;position:absolute;z-index:16;top:31px;left:calc(50% - 23px);width:45px;height:53px;background:url(/image/autobox/play-icon.png) no-repeat -300px 0}

/* m-i10 */
.m-auto-i10 #more-list li {display:none}
.m-auto-i10 .more-btn {margin-top:.9375rem;padding:.5rem;text-align:center;border:1px solid rgba(0,0,0,.12);cursor:pointer;font-weight:500}

/* m-p10 */
.m-auto-p10 {position:relative}
.m-auto-p10 .auto-images {height:0;padding-bottom:68%}
.m-auto-p10 .photo-titbg {padding-top:1rem;padding-bottom:1.05rem}
.m-auto-p10 .auto-pager {position:absolute;z-index:12;left:0;right:0;bottom:-.3rem}
.m-auto-p10 .photo-btn {top:0;bottom:0;outline: none;}
.m-auto-p10 .photo-btn .btn-inner {width:50px;height:50px;padding-top:.5rem;font-size:2.2rem;background:#252525;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);transition:all .35s;-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s}
.m-auto-p10 .photo-btn i {color:#fff}
.m-auto-p10 .photo-btn.auto-prev {left:0px}
.m-auto-p10 .photo-btn.auto-next {right:0px}


/**********************************************
note : 신문사소개
**********************************************/
/* 소개 */
.user-com-about{font-weight: 300;letter-spacing: -.05rem;font-size: 1.188rem}
.user-com-about .com1-1{text-align:center}
.user-com-about .com1-2{font-weight: 300;letter-spacing: -.05rem;font-size: 1rem;margin-top:3rem}
.user-com-about .com-titles{text-align:center;margin-bottom: 25px;font-size: 2.188rem;line-height: 1em;color: #000;letter-spacing: -0.01em;}
.user-com-about .com-sub-titles{background:rgba(0,0,0,.05);padding:1rem;margin-bottom:2rem}
.user-com-about .hd-ic p{text-align:left;position: relative;padding:.5rem 0 .5rem 1rem;margin-bottom:0;font-size: 1.063rem;}
.user-com-about .hd-ic p::before{content: '';display: block;position: absolute;z-index: 1;left: 0;top: 50%;width: 6px;height: 6px;background-color: rgba(0,0,0,.2);border-radius: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.user-com-about .network {text-align:center;border:1px solid rgba(0,0,0,.1);margin-top:3rem}
.user-com-about .network .title {background:rgba(0,0,0,.05);line-height:4rem;font-weight:500}
.user-com-about .network img {margin:3rem 0}
.user-com-about .info-1 {margin-top:5rem}
.user-com-about .info-1 .title {text-align:center;border-bottom:2px solid rgba(0,0,0,.1);padding-bottom:1rem}
.user-com-about .staff {padding:3rem 1rem;background:rgba(0,0,0,.05);margin-top:3rem}
.user-com-about .staff .name{line-height:1.5rem;padding-left:1rem;font-size:1.063rem;font-weight:600}
.user-com-about .staff .spec{border-top:1px solid rgba(0,0,0,.1);margin-top:2rem;padding:1rem 0 0 1rem}
.user-com-about .hd-ic-2 p{position: relative;padding:.5rem 0 .5rem 1rem;margin-bottom:0;font-size: 1.063rem;text-align:left}
.user-com-about .hd-ic-2 p::before{content: '-';color:rgba(0,0,0,.2);display: inline-block;margin-right: .75rem;}

/* 연혁 */
.user-com-about.history .dis-table {width:100%;margin-bottom:3rem;table-layout:fixed}
.user-com-about.history .dis-table:last-child {margin-bottom:0}
.user-com-about.history .dis-table-cell {width:100%;text-align:left;vertical-align:top}
.user-com-about.history .dis-table-cell.years {width:100px;font-size:2.25rem;line-height:1em;letter-spacing:-.05em;border-right:1px solid rgba(0,0,0,.05)}
.user-com-about.history .dis-table-cell.years > small {display:block;margin-top:.5rem;font-size:.6rem;line-height:1em;letter-spacing:-0.025em;color:rgba(0,0,0,.3)}
.user-com-about.history .dis-table-cell.days {padding-left:2rem}
.user-com-about.history .history-lists {margin:0;padding:0;list-style:none}
.user-com-about.history .history-lists li {position:relative;margin-bottom:.8rem;padding-left:95px;font-size:.9rem;line-height:1.625em;letter-spacing:-.05em;color:rgba(0,0,0,.6)}
.user-com-about.history .history-lists li:last-child {margin-bottom:0}
.user-com-about.history .history-lists li > strong {position:absolute;z-index:1;left:0;top:0;width:50%;max-width:95px;color:rgba(0,0,0,.8)}


/* 오시는길 */
.user-com-about.maps [id*="daum"] {width:100% !important;margin-bottom:2rem}
@media screen and (max-width: 39.9375em) {
	.user-com-about.maps [id*="daum"] .wrap_map {height:300px !important}
}

.user-com-about.maps .maps-content::after {content:'';display:table;clear:both}
.user-com-about.maps .maps-group {margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px dotted rgba(0,0,0,.1);text-align:left}
.user-com-about.maps .maps-group:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none}
.user-com-about.maps .maps-group .maps-group-titles {margin-bottom:1rem;font-size:1.063rem;font-weight:700;letter-spacing:-0.05em}
.user-com-about.maps .maps-group .maps-group-lists {margin:0;padding:0 0 0 .8rem;list-style:none}
.user-com-about.maps .maps-group .maps-group-lists li {margin-bottom:.5rem;font-size:.9rem;line-height:1.625em;letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.user-com-about.maps .maps-group .maps-group-lists .zip-title {display:inline-block;width:80px;letter-spacing:-0.075em;color:rgba(0,0,0,.8)}
.user-com-about.maps .maps-group .maps-group-lists .label-group {margin-top:.5rem;margin-bottom:1rem}
@media screen and (max-width: 39.9375em) {
	.user-com-about.maps .maps-group .maps-group-lists .zip-title {display:block;width:auto}
}

/* 광고안내 */
.user-com-about.com-4 {text-align:center}
.user-com-about.com-4 .cell {border-top:1px solid #e2e5e9;border-right:1px solid #e2e5e9}
.user-com-about.com-4 .cell:first-child,.user-com-about.com-4 .cell:nth-child(4n + 1) {border-left:1px solid #e2e5e9}
.user-com-about.com-4 .cell:nth-last-child(1),.user-com-about.com-4 .cell:nth-last-child(2),.user-com-about.com-4 .cell:nth-last-child(3),.user-com-about.com-4 .cell:nth-last-child(4),.user-com-about.com-4 .cell:nth-last-child(5) {border-bottom:1px solid #e2e5e9}
@media screen and (max-width: 63.9375em) {
	.user-com-about.com-4 .cell:nth-child(n) {border-left:none;border-bottom:none}
	.user-com-about.com-4 .cell:first-child,.user-com-about.com-4 .cell:nth-child(2n + 1) {border-left:1px solid #e2e5e9}
	.user-com-about.com-4 .cell:nth-last-child(1),.user-com-about.com-4 .cell:nth-last-child(2) {border-bottom:1px solid #e2e5e9}
}
@media screen and (max-width: 39.9375em) {
	.user-com-about.com-4 .cell:nth-child(n) {border:none;border-bottom:1px solid #e2e5e9}
	.user-com-about.com-4 .cell:last-child {border-bottom:none}
}

/* process blocks */
.user-com-about .process-block {}
.user-com-about .process-block.images {position:relative;height:100%;padding:0;background-repeat:no-repeat;background-position:center;background-size:cover}
.user-com-about .process-block.images::before {content:'';position:absolute;z-index:1;left:1px;right:1px;top:1px;bottom:1px;border:1px solid rgba(255,255,255,.7)}
.user-com-about .process-block .steps {display:inline-block;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.55rem 1.2rem;font-size:1.5rem;font-weight:700;line-height:1em;color:#fefefe}
.user-com-about .process-block .steps::before {content:'STEP';display:block;margin-bottom:.5rem;font-size:.7rem;line-height:1em;letter-spacing:-0.025em;font-weight:300}
.user-com-about .process-block .titles {margin-bottom:1.25rem;font-size:1.3rem;line-height:1.25em;letter-spacing:-.15em;color:#4d5370}
.user-com-about .process-block .contents::after {content:'';display:table;clear:both}
.user-com-about .process-block .contents .icons {display:inline-block;overflow:hidden;width:160px;height:80px;margin-left:auto;margin-right:auto;background:url('/image/company/proes-step.png') no-repeat;background-size:480px auto}
.user-com-about .process-block .contents .icons.image-1 {background-position:0 -320px}
.user-com-about .process-block .contents .icons.image-2 {background-position:0 -160px}
.user-com-about .process-block .contents .icons.image-3 {background-position:-160px -160px}
.user-com-about .process-block .contents .icons.image-4 {background-position:-320px -160px}
.user-com-about .process-block .contents .icons.image-5 {background-position:0 -240px}
.user-com-about .process-block .contents .icons.image-6 {background-position:-160px -240px}
.user-com-about .process-block .contents .icons.image-7 {background-position:-320px -240px}
.user-com-about .process-block .contents .summary {margin:0 0 1.25rem;padding:0;font-size:1.063rem;font-weight:300;line-height:1.625em;color:#727d92;text-align:left}
.user-com-about .process-block .contents .summary .point {color:#e73f72;text-decoration:underline}
.user-com-about .process-block .contents .button-group,.user-com-about .process-block .contents .button {margin-bottom:0}
@media screen and (max-width: 39.9375em) {
	.user-com-about .process-block {padding-left:0;padding-right:0}
	.user-com-about .process-block .steps {padding:.5rem 1rem;font-size:1.063rem}
	.user-com-about .process-block .steps::before {font-size:.6rem}
}


/* 기사본문 상단정보 */
.article-view-header .article-head-info {margin-top: 8px;}

/*모바일 하단 배너*/
#user-footer .f_banner{width: 6rem;padding: 0;}

/* inc하단로고 */
#user-wrap.user-com .com-footer {position:relative;}
#user-wrap.user-com .com-footer .com-footer-right {position:absolute;float:right;top:5%;left:77%;bottom:0;}

@media screen and (max-width: 39.9375em) {
	#user-wrap.user-com .com-footer .com-footer-right li {float:none;margin-left:auto;margin-right:auto;display:block}
	#user-wrap.user-com .com-footer .com-footer-info li::before {display:none}
}

/* inc소개상단 */
#user-wrap.user-com .com-header .inc-text {float:left;font-size:.875rem;color:#333;font-weight:600;letter-spacing:-.05rem;margin-top:.255rem}
#user-wrap.user-com .com-header .inc-logo {float:right;display:inline-block;margin-top:-.325rem}
@media screen and (max-width: 63.9375em) {
	#user-wrap.user-com .com-header .inc-text {float:left;padding-bottom:.985rem;margin-right:0}
	#user-wrap.user-com .com-header .inc-logo {float:right;}
}


/*auto-mp08*/
.auto-mp08.tiles-3x .auto-columns {margin-top:.35rem}
.auto-mp08 .auto-columns {overflow:hidden;position:relative}
.auto-mp08 .auto-content {position:absolute;z-index:44;width:100%;height:100%;padding:32px 12px;left:0;top:0;text-align:center;text-shadow:1px 1px rgba(0,0,0,.8);transition:transform 0.4s, opacity 0.1s 0.3s; 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-mp08 a:hover .auto-content {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)}
.auto-mp08 .auto-content::after {content:'';position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.75);left:0;top:0}
.auto-mp08 .auto-content .auto-fontF {position:relative;z-index:2}
.auto-mp08 .auto-images {height:0;padding-bottom:153%}


/*auto-db06-2*/
.auto-db05 .number2 {line-height:1}
.auto-db05 .number2.user-point {font-size:20px; color: rgba(0,0,0,.75) !important; font-weight:700;}
.auto-db05 .number2.default-point {font-size:18px; color: rgba(0,0,0,.45) !important;}

/**********************************************
note : 많이본뉴스 페이지
**********************************************/
/* 많이본 대표이미지 */
.most-popular{margin-bottom:10px; height:220px; background:url('/image/most_popular_background.png') no-repeat; background-position:0 bottom;background-size:100%}
.most-p-title{position:relative; display:table; width:100%; height:100%; text-align:center}
.most-p-title span{display:table-cell; vertical-align:middle; color:#fff}
.most-p-title span strong{position:relative; display:block; font-size:2.3rem; letter-spacing:-.06em; text-shadow:0px 1px 1px rgba(0,0,0,2)}
.most-p-title span strong::before,
.most-p-title span strong::after{content:''; position:absolute; left:0; right:0; text-align:center; width:100%; height:1px; background:linear-gradient(to right, rgba(255,255,255,0) 35%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 65%)}
.most-p-title span strong::before{top:-5px}
.most-p-title span strong::after{top:60px}
@media screen and (max-width: 63.9375em) {
	.most-popular{height:150px}
}

/* 많이본 상위컨텐츠 */
.most-p-rank{margin-bottom:30px}
/* mp01-6 */
.auto-mp01-6.auto-article.tiles-3x .auto-columns{width:33% !important}
.auto-mp01-6.auto-article.tiles-3x .auto-columns:nth-child(1),
.auto-mp01-6.auto-article.tiles-3x .auto-columns:nth-child(2){margin-right:.5% !important}
.auto-mp01-6 .auto-columns{position:relative; overflow:hidden}
.auto-mp01-6 .auto-columns .most-rank{position:absolute; top:0; left:0; z-index:9}
.auto-mp01-6 .auto-columns .most-rank span{padding:10px 17px; display:inline-block; font-size:1.8rem; color:#fff; background:#0f9adf; font-family:'Arial',sans-serif; line-height:100%}
.auto-mp01-6 .auto-columns:hover::before{opacity:0;}
.auto-mp01-6 .auto-columns:hover::after{opacity:1; transform:scale(1.42)}
.auto-mp01-6 .auto-columns::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1; transform:scale(1); background:rgba(0,0,0,.3); transition:opacity .4s; z-index:1}
.auto-mp01-6 .auto-columns::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; opacity:0; transform:scale(0); background:linear-gradient(135deg,rgba(65,12,128,.65) 30%,rgba(255,111,49,.65) 100%); transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s}
.auto-mp01-6 .auto-columns .photo-tit{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; padding:20px; z-index:9}
.auto-mp01-6 .auto-columns:hover .photo-tit .ptitle{top:45%;}
.auto-mp01-6 .auto-columns .photo-tit .ptitle{position:relative; top:50%; transform: translateY(-50%); transition:all .3s}
.auto-mp01-6 .auto-columns .photo-tit .ptitle a{text-shadow:0px 1px 2px rgba(0,0,0,.3); text-decoration:none}

@media screen and (max-width: 63.9375em) {
	.most-popular{height:150px}
	.auto-mp01-6 .auto-columns .height-310{height:170px}
	.auto-mp01-6 .auto-columns .photo-tit .size-21{font-size:1.1rem}
	.auto-mp01-6 .auto-columns .most-rank span{padding:5px 13px; font-size:1.5rem}
}
@media screen and (max-width: 39.9375em) {
	.auto-mp01-6 .auto-columns .height-310{height:120px}
	.auto-mp01-6 .auto-columns .photo-tit .size-21{font-size:.8rem}
	.auto-mp01-6 .auto-columns .most-rank span{padding:4px 10px; font-size:1.1rem}
}

/* 많이본 하위리스트 */
.most-p-list{width:100%}
.most-p-list .mp-date{position:relative; padding:20px 0; border-top:2px solid #333; border-bottom:1px solid #ddd}
.most-p-list .mp-date .set-date{text-align:center}
.most-p-list .mp-date .set-date strong{font-size:1.1rem; font-weight:200}
.most-p-list .mp-date .set-calendar{position:absolute; top:22px; right:0}
.most-p-list .mp-date .set-calendar > button{padding:5px; margin:0}
.most-p-list .mp-date .set-calendar > button.calendar-click{color:#fff; background:#0f9adf}
.most-p-list .mp-date .set-calendar > button.today-click{color:#777; background:#fff; border:1px solid #ddd}
.most-p-list .mp-category{background:#f9f9f9}
.most-p-list .mp-category ul.category-ul{width:100%; margin:0; display:table; text-align:center; list-style:none}
.most-p-list .mp-category li.category-li{display:table-cell}
.most-p-list .mp-category li.category-li:nth-last-of-type(1){width:80px}
.most-p-list .mp-category li.category-li:nth-last-of-type(2){width:100px}
.most-p-list .mp-category li.category-li a{display:block; padding:15px 0; font-size:.93rem; color:#000}
.most-p-list .mp-category li.category-li a.on{color:#000; font-weight:600}
.most-p-list .mp-category li.category-li a:hover{color:#000}
.most-p-list .mp-content-list li.mp-list-li:hover{background:#f9f9f9}
.most-p-list .mp-content-list li.mp-list-li{position:relative; padding:25px 0; border-top:1px solid #eee}
.most-p-list .mp-content-list li.mp-list-li .most-next-rank{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9}
.most-p-list .mp-content-list li.mp-list-li .most-next-rank span{display:inline-block; width:30px; font-size:2rem; font-weight:200; color:#0f9adf; text-align:center}
.most-p-list .mp-content-list li.mp-list-li > .clearfix{padding-left:50px; padding-right:20px}

@media screen and (max-width: 63.9375em) {
	.most-p-list .mp-content-list li.mp-list-li .width-180{width:120px}
	.most-p-list .mp-date .set-date strong{font-size:.9rem}
}

/* 이미지가운데정렬 */
.auto-images.contain {background-position:center;background-repeat:no-repeat;background-size:contain}
.auto-images.contain img {display:none}
.auto-images.contain.top {background-position:center top}
.auto-images.contain.bottom {background-position:center bottom}

/**********************************************
note : 갤러리(type1)
**********************************************/

.gallery-btn {position: relative; z-index: 999; overflow:hidden;width:80px;height:80px;font-size:2.5rem;background-color: rgba(0,0,0,.35); color: #fff; cursor:pointer; border-radius:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.gallery-btn.slick-disabled {opacity:.25}
.gallery-btn.prev-btn {right: 40%;}
.gallery-btn.next-btn {left: 40%;}

@media screen and (max-width: 63.9375em) {
	.row .gallery-content.view-page .gallery-thumb {margin-left:-.625rem;margin-right:-.625rem}
	.row .gallery-btn {width:50px;height:50px;font-size:1.8rem}
	.gallery-btn.prev-btn {right: 35%;}
.gallery-btn.next-btn {left: 35%;}

}
@media screen and (max-width: 39.9375em) {
	.row .gallery-content.view-page .gallery-for .gallery-caption {font-size:.8rem}
	.row .gallery-btn {width:50px;height:50px;font-size:1.8rem}
		.gallery-btn.prev-btn {right: 35%;}
.gallery-btn.next-btn {left: 35%;}

}

/* PC 기사본문 */
.article-view-page.w850 {width:850px;}
.article-view-page.w730 {width:730px;}


/* 관련기사 */
.auto-relation.left {padding-left:.8rem}
.auto-relation.left::before {left:0 !important}

.list-keyword {margin-top: .5rem; color: #167ac6 !important;}


.m-auto-p09-1 .auto-pager {margin-top:10px}
.m-auto-p09-1 .art-play {position:relative}
.m-auto-p09-1 .art-play a::after {content:'';display:block;position:absolute;z-index:16;top:31px;left:calc(50% - 23px);width:45px;height:53px;background:url(/image/autobox/play-icon.png) no-repeat -300px 0}


.m-auto-p09-2 .auto-pager {margin-top:10px}
.m-auto-p09-2 .art-play {position:relative}
.m-auto-p09-2 .art-play a::after {content:'';display:block;position:absolute;z-index:16;top:31px;left:calc(50% - 23px);width:45px;height:53px;background:url(/image/autobox/play-icon.png) no-repeat -300px 0}



.auto-sol2 {border-top:15px solid rgba(0,0,0,.12);}

/* 기사내 사진캡션을 입력하지 않았으면 공백제거 */
.article-veiw-body.view-page .photo-layout figcaption:empty {padding-top:0;padding-bottom:0}