@charset "UTF-8";
/**********************************************
note : webfonts
**********************************************/
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 : design custom style page
**********************************************/
/* 하단 */
#user-footer .footer-menu .footer-columns.user-logo {width:95px}

/* 단 */
.index-wrap.custom .index-columns.grid-1 {padding-right:1.25rem}
.index-wrap.custom .index-columns.grid-2 {padding-left: 1.25rem;border-left:1px solid #e7e7e7}
.index-wrap.custom .index-columns.grid-3 {padding-left:1.25rem}
.index-wrap.custom .index-columns.grid-4 {padding-right:1.25rem;border-right:1px solid #e7e7e7}
.index-wrap.custom .index-columns-flex {background-color:#ecf0f1}

.index-wrap.default-111 .index-columns.grid-3{width:380px}

/* 기사박스 */
.box-skin .header > strong, .box-skin .header > a, .box-skin .header .skin-column > strong, .box-skin .header .skin-column > a {font-size:1.1rem;letter-spacing:-.02em}
.row .box-skin .header > strong, .row .box-skin .header > a, .row .box-skin .header .skin-column > strong, .row .box-skin .header .skin-column > a {font-size:1rem}
.box-skin .header > strong.size-big, .box-skin .header > a.size-big, .box-skin .header .skin-column > strong.size-big, .box-skin .header .skin-column > a.size-big {font-weight:normal;font-size:1.7rem;letter-spacing:-.05em}
.box-skin .header > strong.section-title, .box-skin .header > a.section-title, .box-skin .header .skin-column > strong.section-title, .box-skin .header .skin-column > a.section-title {font-size:1.25rem;text-shadow:1px 1px 3px rgba(0,0,0,.6)}

/* 하단롤링배너 */
.dnbanner {padding:.25rem .15rem .25rem 1rem;border:1px solid #e7e7e7}
#roll_dnbanner {margin:0}

/* 카피라이트 */
.article-veiw-body .view-copyright {text-align:right}

/* 캡션 */
.article-veiw-body.view-page .photo-layout figcaption {text-align:center}

.index-wrap.default-111 .index-columns.grid-5 {padding-left:1.25rem}

/**********************************************
note : 자동박스
**********************************************/
.auto-images.noimage {background-size:60% auto}

/* hr07(headline) */
.auto-hr07 {position:relative}
.auto-hr07 .photo-titbg {padding:.75rem .9375rem;background-color:rgba(0,0,0,.45)}
.auto-hr07 .photo-btn {z-index:1000;top:0;bottom:0}
.auto-hr07 .photo-btn .btn-inner {width:64px;height:64px;padding-top:.5rem;font-size:2.2rem;background:#fefefe;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.auto-prev {left:-32px}
.auto-hr07 .photo-btn.auto-next {right:-32px}
.auto-hr07 .slick-slide {cursor:pointer}
.auto-hr07 .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 .slick-slide.slick-current .auto-images::before {background:transparent}
.auto-hr07 .slick-list {padding:0 !important}

/* mp01 */
.auto-mp01.tiles-4x .auto-columns {width:23.275%;margin-right:2.3%}

/* va01 */
.auto-va01 .responsive-embed.widescreen {padding-bottom:200px}


/* hr08(photo) */
.auto-hr08 {position:relative;height:500px}
.auto-hr08 .auto-container {display:block;position:absolute;z-index:2;width:75%;height:calc(66.666667% - 1px); top:0 !important; left:0 !important;bottom:inherit !important}
.auto-hr08 .auto-container .auto-bigsize,.auto-hr08 .auto-images {position:relative;height:100%}
.auto-hr08 .auto-container .auto-bigsize {display:none}
.auto-hr08 .auto-container .auto-bigsize.on {display:block}
.auto-hr08 .auto-nav {display:block;position:relative;z-index:1;width:100%;height:100%}
.auto-hr08 .auto-nav .auto-cursor {position:absolute;z-index:1;width:calc(25% - 1px);height:33.333333%;cursor:pointer}
.auto-hr08 .auto-nav .auto-cursor.active .photo-titbg{background-color:#c5161d}
.auto-hr08 .auto-nav .auto-cursor.num0 {right:0px;top:0px; height:calc(33.333333% - 1px)}
.auto-hr08 .auto-nav .auto-cursor.num1 {right:0px;top:33.333333%; height:calc(33.333333% - 1px)}
.auto-hr08 .auto-nav .auto-cursor.num2 {right:0px;bottom:0px}
.auto-hr08 .auto-nav .auto-cursor.num3 {right:25%;bottom:0px}
.auto-hr08 .auto-nav .auto-cursor.num4 {right:50%;bottom:0px}
.auto-hr08 .auto-nav .auto-cursor.num5 {right:75%;bottom:0px}
.auto-hr08 .auto-nav .auto-cursor.num6 {display:none; left:0px;bottom:0px}
.auto-hr08 .auto-nav .auto-cursor.num7 {display:none; left:0px;top:33.333333%}

/* auto-vr04 */
.auto-vr04 .auto-content-movie{padding:5px; background:#000}
.auto-vr04 .auto-pager{margin-top:8px}

/* pa02(photo) */
.auto-pa02 .auto-container .auto-images {height:180px !important; padding-bottom:0 !important}
.auto-pa02 .auto-container::after,.auto-pa02 .auto-nav::after {content:'';display:table;clear:both}
.auto-pa02 .auto-nav .auto-images {cursor:pointer}
.auto-pa02 .auto-nav .slick-current .auto-images::before {border-width:2px;border-color:#c00}

.auto-article div[id*="roll"],
.auto-article ul[id*="roll"]{margin-bottom:0 !important}

/**********************************************
note : 신문사소개
**********************************************/
.com-about {overflow:hidden;width:100%;margin:1.250rem auto;font-size:1rem;letter-spacing:-0.05em;line-height:1.563rem;text-align:left;color:#666666}

/*신문사소개*/
.com-about.com-1 .about-header{text-align:center;margin-bottom: 2rem;margin-bottom: 2rem;}
.com-about.com-1 .header-titles {font-family: 'Nanum Myeongjo', serif;font-size:1.438rem;color:#555;text-align:center;letter-spacing: -0.05em;line-height:1.2;margin:10px 0;}
.com-about.com-1 span {font-size:2.188rem;letter-spacing: -0.05em;text-align:center;line-height:1.4;}
.com-about.com-1 .fa-quote-left {font-size: 2.5rem;color: rgba(0,0,0,.08);}
.com-about.com-1 .fa-quote-right {font-size: 2.5rem;color: rgba(0,0,0,.08);}
.com-about.com-1 .fa-fw {text-align:center;}
.com-about.com-1 p {margin-top:10px;font-size:0.938rem;color:#777;line-height:1.5;text-align:justify;}
.com-about.com-1 strong {display:block;margin-top:30px;font-size:1.250rem;font-weight:500;letter-spacing: -0.05em;}

/*ceo인사말*/
.com-about.com-2 span {display:block;font-family: 'Nanum Myeongjo', serif;font-size:1.125rem;color:#777;text-align:center;}
.com-about.com-2 strong {display:block;margin-top:20px;font-family: 'Nanum Myeongjo', serif;font-size:1.875rem;line-height:1.3;text-align:center;}
.com-about.com-2 .line {margin:30px 0;width:100%;height:2px;background:#c5161d}
.com-about.com-2 p {margin-top:10px;font-size:0.938rem;color:#777;line-height:1.5;text-align:justify;}
.com-about.com-2 .ceo-name p {margin-top:20px;text-align:right;}

/*찾아오시는길*/
.com-about.com-3 .maps {margin-bottom:2rem}
.com-about.com-3 .maps .root_daum_roughmap {width:100% !important}
.com-about.com-3 table tr {background:#fff;font-size:0.938rem}
@media screen and (max-width: 39.9375em) {
	.com-about.com-3 .maps .root_daum_roughmap .wrap_map {height:200px !important}
}

/*사업제안*/
.com-about.com-4 table tr {background:#fff;font-size:0.938rem}

/*광고안내*/
.com-about.com-5 strong {display:block;margin:10px 0;font-size:1.875rem;line-height:1.5;}
.com-about.com-5 .name-point {font-size:1.250rem}
.com-about.com-5 ul {margin:0;padding:0;margin-bottom:20px;}
.com-about.com-5 ul li {position:relative;padding-left:8px;list-style:none;font-size:1.250rem;color:#c5161d;}
.com-about.com-5 ul li::before {content:'';position:absolute;left:0;top:12px;width:3px;height:3px;margin-right:5px;background:rgba(0,0,0,.5);border-radius:50px}
.com-about.com-5 table tr {background:#fff;font-size:0.938rem}

/* 메인박스 */
.main-design01{}
.main-design01 .header{margin-bottom:1rem; font-size:1.1rem; color:#fff}
.main-design01 .header a{color:#fff; margin:0; font-size:inherit}
.main-design01 .header a:hover{text-decoration:none}
.main-design01 .header .bluebg{padding:8px 10px;  background:linear-gradient(to bottom, #022e8f 50%, #2346a0 50%)}
.main-design01 .header .greenbg{padding:8px 10px; background:linear-gradient(to bottom, #167d46 50%, #03612d 50%)}
.main-design01 .header .redbg{padding:8px 10px; background:linear-gradient(to bottom, #ba120d 50%, #db2317 50%)}


/* hr09(head) */
.auto-hr09 {position:relative;height:500px}
.auto-hr09 .auto-container {display:block;position:absolute;z-index:2;width:60%; height:calc(100% - 0px); top:0 !important; left:0 !important;bottom:inherit !important}
.auto-hr09 .auto-container .auto-bigsize,.auto-hr09 .auto-images {position:relative;height:100%}
.auto-hr09 .auto-container .auto-bigsize {display:none}
.auto-hr09 .auto-container .auto-bigsize.on {display:block}
.auto-hr09 .auto-nav {display:block;position:relative;z-index:1;width:100%;height:100%}
.auto-hr09 .auto-nav .auto-cursor {position:absolute;z-index:1;width:calc(20% - 1px);height:33.333333%;cursor:pointer}
.auto-hr09 .auto-nav .auto-cursor.active .photo-titbg{background-color:#c5161d}
.auto-hr09 .auto-nav .auto-cursor.num0 {right:0px;top:0px; height:calc(33.333333% - 1px)}
.auto-hr09 .auto-nav .auto-cursor.num1 {right:0px;top:33.333333%; height:calc(33.333333% - 1px)}
.auto-hr09 .auto-nav .auto-cursor.num2 {right:0px;bottom:0px}
.auto-hr09 .auto-nav .auto-cursor.num3 {right:20%;bottom:0px}
.auto-hr09 .auto-nav .auto-cursor.num4 {right:20%;top:33.333333%;}
.auto-hr09 .auto-nav .auto-cursor.num5 {right:20%;top:0px;}
.auto-hr09 .auto-nav .auto-cursor.num6 {display:none; left:0px;bottom:0px}
.auto-hr09 .auto-nav .auto-cursor.num7 {display:none; left:0px;top:33.333333%}

/* 모바일 기사박스 */
.index-wrap.mobile.template .box-skin .content.pd {padding-left: 1.256rem; padding-right: 1.256rem;}
.index-wrap.mobile.template .box-skin.bg {background-color: #000 !important; padding-top: 1rem;}

/**********************************************
note : 모바일웹 - 리스트,뷰페이지
name : 김종화
**********************************************/
/* 관리자모드 모바일웹 */
#admin-content .mobile.template.list .user-snb,
#admin-content .mobile.template.view .user-snb {width:60%!important}
#admin-content .mobile.template.list .user-aside,
#admin-content .mobile.template.view .user-aside {width:40%!important}

/* 그리드여백 */
@media screen and (max-width: 39.9375em) {
	.mobile.template.list .user-content {margin-left:-1.25rem;margin-right:-1.25rem}
	.mobile.template.list .user-snb {padding-left:1.25rem;padding-right:1.25rem;}
	.mobile.template .user-aside {margin-top:1.25rem;padding-top:2rem;border-top:10px solid #ddd}
	.mobile.template.view .user-aside {margin-top:0}
}

/* 기사제목-상단레이어(fix)-모바일웹 */
@media screen and (max-width: 63.9375em) {
	#article-header-title > button,
	#article-header-title .aht-columns.aht-title {display:none}
	#article-header-title .aht-wrapper .aht-columns {height:60px}
	#article-header-title .aht-wrapper,
	#article-header-title .aht-wrapper > .aht-logo {width:100%}
	#article-header-title .aht-wrapper {padding:0 1rem}
	#article-header-title .aht-wrapper > .aht-title {display:none}
	#article-header-title .aht-wrapper > .aht-options > .info-social {float:right;margin-top:0}
}

/* 리스트 썸네일버튼 */
@media screen and (max-width: 39.9375em) {
	.mobile.template.list .button-group {margin-bottom:0}
}

/* 상단(기사제목영역) */
.mobile.template.view .article-view-header,
.mobile.template.view .user-aside {margin-left:-1.25rem;margin-right:-1.25rem}
.mobile.template.view .article-view-header {padding:1.25rem;border-bottom:10px solid #ddd}

/* 기사이름,승인일,댓글수 */
.mobile.template.view .info-text ul {float:left;margin-left:-.625rem}

/* 모바일박스 */
.mobile .box-skin > .header > strong.mobile,
.mobile .box-skin > .header > a.mobile {margin-bottom:1rem;font-size:1.375rem;font-family:'Noto Sans KR',sans-serif!important;letter-spacing:-.1em}
@media screen and (min-width: 40em) {
	.mobile.template .box-skin.border-top-10,
	.mobile.template .box-skin.border-btm-10 {border-width:1px}
}

/* 기사콘텐츠 */
@media screen and (max-width: 39.9375em) {
	.mobile.template.view .user-snb {padding-top:1.25rem}
}