/**********************************************
note : design custom style page
**********************************************/
/**********************************************
note : 기사등록(관리자모드)
name : 김종화
date : 22.02.03
**********************************************/
/* 프레임 */
.new-writer .wt-forms-lable {width:140px}
.new-writer .wt-forms-lable~.wt-forms-content {width:calc(100% - 140px)}

/* 기자명 */
.journalist-name .callout {max-height:initial}

/* 체크박스(구분, 체크리스트) */
.new-writer .wt-forms-content .nd-checkbox {margin:0 0 .625rem}
.new-writer .wt-forms-content .nd-checked {position:relative;padding-left:20px;font-size:13px;line-height:1.4}
.new-writer .wt-forms-content .nd-checkbox .nd-checked::before {position:absolute;left:0;top:3px}
.new-writer .wt-forms-content textarea {margin-bottom:1rem}

/**********************************************
note : 메인
name : 최혜진
date : 22.02.03
**********************************************/
/* 폰트컬러 */
.user-color-1 {color:#00B9F2}
.user-color-2 {color:#007DC5}
.user-color-3 {color:#A6CE38}
.user-color-4 {color:#509B3F}
.user-color-5 {color:#F79433}
.user-color-6 {color:#F15A4E}
.user-color-7 {color:#6d6e71}

/* 영문타이틀 폰트 */
.box-skin .header .font-wold {font-size:25px;font-weight:500;letter-spacing:.25em}

.box-skin.text-center .header a, .box-skin.text-center .header strong {text-align:center}
.bortop-title {font-family:'Oswald', sans-serif;display:block;margin-bottom:1rem;font-size:1.7rem;letter-spacing:-.025em;font-weight:normal}

/**********************************************
note : 자동박스
**********************************************/
.box-skin.bg-dark {padding:20px;background-color:#2c2c2c}
.box-skin.user-bg-2 > .content {padding:0 !important}
.box-skin.user-bg-2.header-bg .header {padding:0.75rem;background:linear-gradient(#119ded,#397497)}
.box-skin.user-bg-2.header-bg .header strong, .box-skin.user-bg-2.header-bg .header a {color:#fff;font-size:26px;letter-spacing:0.25rem;text-align:center}

.box-skin.user-bg-3 > .content {padding:20px !important}
.box-skin.user-bg-3.header-bg .header {padding:0.75rem;background:linear-gradient(#acdd27,#96ad58)}
.box-skin.user-bg-3.header-bg .header strong, .box-skin.user-bg-3.header-bg .header a {position:relative;padding-right:70px;color:#fff;font-size:26px;letter-spacing:0.25rem;text-align:center}
.box-skin.user-bg-3 .header .sub-txt {padding:4px 7px;margin-right:10px;font-size:15px;font-weight:500;letter-spacing:-.05em;background-color:#ffa700}

.box-skin.tit-radius .header {padding:10px;margin:0;color:#fff;border-radius:1rem 1rem 0 0;text-align:center}
.box-skin.tit-radius .header > strong {margin-bottom:0}

.box-skin.bg-brown .header, .box-skin.bg-brown .content {background-color:#685a54}
.box-skin.bg-brown .content {padding:0 12px 24px}
.box-skin.header-gray .header {background-color:#8b90a6}
.box-skin.header-gray .header a {margin-bottom:3px}
.box-skin.header-gray .content {padding:0;background-color:#fff;border-width:0 1px 1px;border-style:solid;border-color:rgba(0,0,0,.12)}



.box-skin.column-header {display:flex;display:-ms-flexbox;flex-direction:row;-ms-flex-direction:row}
.box-skin.column-header .header > a, .box-skin.column-header .header > strong {padding:16px 8px}
.box-skin.column-header .header {flex:0 0 48px;max-width:48px}
.box-skin.column-header .content {padding:20px 16px;width:calc(100% - 48px);border:1px solid rgba(0,0,0,.12);border-left:0}
/* .box-skin.column-header.issuepick .header {background-image:linear-gradient(#f89432,#db7310)} */
.box-skin.column-header.opinion-box .header {background-image:linear-gradient(#6d6e72,#38393e)}

.box-skin.column-header.design-8 .header {position:relative;flex:0 0 110px;max-width:110px;text-align:center;background-color:#205187}
.box-skin.column-header.design-8 .header > a, .box-skin.column-header.design-8 .header > strong {padding:0}
.box-skin.column-header.design-8 .header a {content:'';position:absolute;top:50%;left:50%;width:100%;transform:translate3d(-50%,-50%,0)}
.box-skin.column-header.design-8 .header a::before {content: '';position: absolute;z-index: 1;left: 100%;top: 50%;border-width: 6px;border-style: solid;border-color: transparent transparent transparent #205187;
-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.box-skin.column-header.design-8 .content {padding:0.9375rem;width:calc(100% - 110px);border-top:1px solid rgba(0,0,0,.12)}

.box-skin.deep-gray {background-color:#e1e1e1}
.box-skin.bgimg7 {background:url("/image/box/bgimg7.jpg") no-repeat}
.box-skin.bgimg7.line {border:none;padding:0 .9375rem .9375rem}
.box-skin.bgimg7 .content {background-color:#fff;padding: 15px}
.box-skin.bgimg7 .skin-column {float:left;margin-right:2%;width:49%;display:inline-block}
.box-skin.bgimg7 .skin-column:last-child {margin-right:0}

/* banner */
.banner-4x {font-size:0}
.banner-4x .banner_box {display:inline-block;margin-right:4px}
.banner-4x .banner_box:last-child {margin-right:0}

/**********************************************
note : bbs
**********************************************/
/* bbs album-sort */
.bbs-skin.album-sort .album-tiles.tile-5x {margin-top:1.5rem}
.bbs-skin.album-sort .album-tiles.tile-5x .album-columns:first-child, 
.bbs-skin.album-sort .album-tiles.tile-5x .album-columns {width:18% !important;margin-right:25px}
.bbs-skin.album-sort .album-tiles.tile-5x .album-columns:nth-child(5n) {margin-right:0}
.bbs-skin.album-sort .album-tiles.tile-5x .album-columns .panel {min-height:250px}
.bbs-skin.album-sort .album-tiles .album-columns {float:left}
.bbs-skin.album-sort .album-panel-image {overflow:hidden;margin-bottom:10px;border:1px solid rgba(0,0,0,.12)}
.bbs-skin.album-sort .album-panel-title {margin-top:10px;padding:10px 15px}
.bbs-skin.album-sort .sort-image{margin-bottom:1rem; text-align:center}
.bbs-skin.album-sort .panel-image{height:0; padding-bottom:70%; background-repeat:no-repeat; background-size:cover; background-position:50% top}
.bbs-skin.album-sort .panel-image img{display:none}
.bbs-skin.album-sort .album-panel-title{padding:0 .938rem .938rem}
#user-wrap .bbs-skin.album-sort .bbs-list-footer{display:none}
.bbs-list-page{margin:2rem 0}
.bbs-skin.album .panel .album-panel-title{margin-top:10px;min-height:50px}

@media screen and (max-width: 39.9375em) {
	/* bbs album-sort */
	.row .bbs-skin.album-sort .album-tiles.tile-5x .album-columns:nth-child(n) {width:49% !important;margin-right:0;margin-left:3px}
	.row .bbs-skin.album-sort .album-tiles.tile-5x .album-columns .panel {min-height:220px}
	.row .bbs-skin.album-sort .album-panel-image {border:1px solid rgba(0,0,0,.12)}
	.row .bbs-skin.album-sort .album-panel-title {padding:0;}
	.bbs-skin.album-sort .pagination .pagination-start,.bbs-skin.album-sort .pagination .pagination-end {display:none}

	/* bbs */
	.row .bbs-navs .item {position:relative;padding-right:0.75em;padding:0;letter-spacing:-.05em}
	.row .bbs-navs .item {content:'';position:absolute;top:50%;right:0;width:1px;height:13px;background-color:#aaa;transform:translateY(-50%)}
	.row .bbs-skin.album .album-tiles:not([class*="tile-"]) > :nth-child(n) {float:left}
}


/**********************************************
note : 기사뷰 목록타입
**********************************************/
/* 기사뷰타입 pm */
#section-list.article-list-content.type-pm {overflow:hidden;position:relative;display:block;width:auto;margin-bottom:2rem}
#section-list.article-list-content.type-pm .type4 li {margin-bottom:30px}
#section-list.article-list-content.type-pm .thumb {overflow:hidden;display:block;float:none !important;margin:0;padding-bottom:55%;width:100%; height:0;border:1px solid rgba(0,0,0,.12);border-bottom:0}
#section-list.article-list-content.type-pm .thumb img {width:100%}
#section-list.article-list-content.type-pm .view-cont {overflow:hidden;padding:1rem 1.5rem;border:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.25)}
#section-list.article-list-content.type-pm .list-left {float:left;width:10%}
#section-list.article-list-content.type-pm .list-right {float:right;width:90%}
#section-list.article-list-content.type-pm .list-right .lead {margin-top:10px;font-size:.9rem;color:#333}
#section-list.article-list-content.type-pm .list-social-ul {display:inline-block; margin:0; list-style:none}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li{position:relative; margin-bottom:.9rem}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li a {display:inline-block;padding:10px;width:40px;height:40px;
font-size:21px;line-height:1;background:#ddd;border-radius:3px;transition:all .3s ease-in-out}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li a:hover {border-radius:100%}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li a i {color:#fff}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li .reply{background:#f78643}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li .facebook{background:#3b5998}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li .twitter{background:#1ab7ea}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li span{display:none;position:absolute;top:50%;transform:translateY(-50%);
left:calc(100% - 8px);padding:3px 7px 6px;font-size:.8rem;font-weight:600;line-height:1;color:#fff;background:#c00;border-radius:30px}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li span.on{display:block}
#section-list.article-list-content.type-pm .byline{margin-bottom:.5rem; width:100%; text-align:left}
#section-list.article-list-content.type-pm .byline em {display:inline-block;position:relative;padding:0 10px;font-size:14px;color:#777;font-style:normal}
#section-list.article-list-content.type-pm .byline em:first-child {padding-left:0;}
#section-list.article-list-content.type-pm .byline em::after {content:'';position:absolute;top:50%;right:0;width:1px;height:10px;background-color:#777;transform:translateY(-50%)}
#section-list.article-list-content.type-pm .byline em:last-child::after {display:none}

/* 기사뷰목록타입 - tm - 모바일일경우
@media screen and (max-width: 63.9375em) {
#section-list.article-list-content.view-cont{padding:1rem 1rem 1.5rem;}
#section-list.article-list-content.type-pm .list-left{float:none; width:100%}
#section-list.article-list-content.type-pm .list-right{float:none; width:100%}
#section-list.article-list-content.type-pm .list-social-ul{display:block; text-align:center}
#section-list.article-list-content.type-pm .list-social-ul .list-social-li{display:inline-block; margin-right:.7rem; margin-left:.7rem}
}
 */

/* 기사뷰 Editor's Picks 숏코드 */
.banner_box-list .editor {background:#304560}
.banner_box-list .editor .header {padding:15px}
.view-dn-box {background: #304560}
.view-dn-box .box_wrap {width: 100%; background: transparent}
.view-dn-box .dis-table {width:100%;table-layout:fixed;padding:0px 15px 5px}
.view-dn-box .auto-section {position:relative;display:table-cell !important;border: 1px dotted #fff;border-radius:6px;padding:0.5rem;height:auto;vertical-align:middle}
.view-dn-box .box_wrap .auto-section:hover {background:#f79433}
.view-dn-box .photo-btn {width:20px;height:20px;top:-36px;font-size:0.75rem;color:#fff;border:1px solid #fff;text-align:center}
.view-dn-box .photo-btn.auto-prev {right:38px}
.view-dn-box .photo-btn.auto-next {right:18px}
.view-dn-box .auto-pager {padding: 0 20px; position: absolute;left: 0px;bottom: -26px; }
.view-dn-box .auto-pager li[id*="slick-"] button[data-role] {display:none;background: rgba(255,255,255,.75);width: 6px;height: 6px}
.view-dn-box .auto-pager li[id*="slick-"].slick-active button[data-role] {background-color: #e7316e;}

.height-370 {min-height:370px}

/* 기사뷰 중앙정렬 - 고객요청 
.article-veiw-body.view-page p {text-align:justify}*/

/* 관리자 대시보드 - 최근등록기사 */
#admin-container .admin-dashboard .tabs-content .view-count {font-style:normal}

/* 관리자 대시보드 - 공지사항 */
#admin-content .admin-dashboard .cus-bbs12-header {height:50px}
#admin-content .admin-dashboard .cus-bbs12-header .panel-title {padding-left:0;line-height:25px}
#admin-content .admin-dashboard .cus-bbs12 {padding:1rem;margin-bottom:40px;background-color:#fff}
#admin-content .admin-dashboard .cus-bbs12 thead {border-top:0}
#admin-content .admin-dashboard .cus-bbs12 thead th {font-size:.9375rem;letter-spacing:-.0125em;color:#838383;text-align:center}
#admin-content .admin-dashboard .cus-bbs12 thead th:first-child {width:60%;text-align:left}
#admin-content .admin-dashboard .cus-bbs12 tbody td {color:#868686;text-align:center}
#admin-content .admin-dashboard .more-bbs12 {position:absolute;z-index:10;right:0;top:6px;font-size:.875rem;font-weight:400;line-height:1;color:#696969}
#admin-content .admin-dashboard .more-bbs12 i {color:#6f96ff}

/* 관리자 대시보드 - 휴지통 */
#admin-content.articleTrashList {width:100%}

/* 기사뷰하단 태그 */
#article-view .tag-group .tag {margin-bottom:5px}


/* 윤미정 / 1138018 / 20220224 */
.article-veiw-body.view-page p {text-align:justify;line-height: 1.6;}
/* 최은비 / 1138315 / 20220224 */
.article-veiw-body.view-page p{letter-spacing: -0.005rem !important;}



/* 김민희 / 1139108 / 20220228 */
.new-writer .wt-forms-content.cus-size input {font-size:1.185rem !important;}

/* 이승현 / 1147668 / 20220331 */
.box-skin .header>a.btm-Icon { background-image: url(/image/btn_more3.png);}


/* 윤미정 / 1155399 / 20220426 */
.box-skin.hoz--box > .header {float: left;width: 280px;}
.box-skin.hoz--box .header > strong, .box-skin.hoz--box .header > a, .box-skin.hoz--box .header .skin-column > strong, .box-skin.hoz--box .header .skin-column > a {font-size: 1.688rem;color: #fff;}
.box-skin.hoz--box #time-result {display: block;overflow: hidden;font-size: 1rem;font-weight: normal;line-height: 1.375;letter-spacing: 0;white-space: nowrap;text-overflow: ellipsis;}
.box-skin.hoz--box #time-result::after {content: '';display: block;overflow: hidden;width: 30px;height: 0;margin: 0.9375rem 0;border-top: 1px solid #fff;}
.box-skin.hoz--box > .content {float: left;width: calc(100% - 280px);}

.box-skin.profile-box {padding: 0.9375rem 0.9375rem 0;background-color: #fff;border: 1px solid rgba(0,0,0,.12);border-bottom:0}
.box-skin.profile-box .profile-img {display: inline-block;width: 89px;vertical-align: middle;}
.box-skin.profile-box .profile-text {display: inline-block;padding-left: 20px;width: calc(100% - 89px);}
.box-skin.profile-box .profile-text strong {display: block;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(0,0,0,.12);}
.box-skin.line2 {padding: 0.9375rem;background-color: #fff;border: 1px solid rgba(0,0,0,.12);border-top:0}


/* 신경훈 / 1158996 / 20220509 */
.box-skin.height-170{min-height:165px}


/* 윤미정 / 1169889 / 20220531 */
.box-skin.issue_pick .header {position: relative;margin-bottom: 35px;font-size: 0;text-align: center;}
.box-skin.issue_pick .header::before {content: '';overflow: hidden;position: absolute;z-index: 1;left: 0;right: 0;top: 50%;height: 0;border-top: 1px solid #000;}
.box-skin.issue_pick .header > a {display: inline-block;position: relative;z-index: 10;padding: 0 18px;margin: 0 auto;font-size: 32px;font-weight: bold;font-style: normal;letter-spacing: -.025em;color: #000;background-color: #fff;}


/* 홍경아 / 1170119 / 20220602 */
.box-skin.issue_pick .header strong {display: inline-block;position: relative;z-index: 10;padding: 0 18px;margin: 0 auto;font-size: 32px;font-weight: bold;font-style: normal;letter-spacing: -.025em;color: #000;background-color: #fff;}

/* 김민희 / 1170134 / 20220602 */
.box-skin.user-bg-4 > .content {padding:0 !important}
.box-skin.user-bg-4.header-bg .header {padding:0.75rem;/* background:linear-gradient(#f89432,#db7310) */background-color:#8b90a6}
.box-skin.user-bg-4.header-bg .header strong, .box-skin.user-bg-4.header-bg .header a {color:#fff;font-size:26px;letter-spacing:0.25rem;text-align:center}
.box-skin.column-header.issuepick .header {background:#8b90a6}


/* 이승현 / 1170138 / 20220602 */
.user-canvas .user-canvas-navs .m-menu-title {font-size:.75rem}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded=true]>a, .user-canvas .user-canvas-navs .menu li>a:hover {color: #000 !important;}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {font-weight:bolder}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after {content:'+';right:1.25rem;width:auto;height:auto;margin:0;font-size:inherit;font-weight:normal;line-height:1;border:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'-';margin-top: 0px;}
.user-canvas .user-canvas-navs .menu li>a { padding: 1rem 1.25rem;  font-size: 1em; font-weight: 400;  font-weight: var(--wgt400,400);  color: #1e1e1e; text-decoration: none;}
.user-canvas .user-canvas-navs .menu li>a:hover { font-weight: 500;  font-weight: var(--wgt500,500); }
.user-canvas .user-canvas-navs .menu.nested {margin: .8rem;background-color:#f8f8f8;padding: .5rem;margin-top: 0rem;}
.user-canvas .user-canvas-navs .menu.nested::after {content:'';display:table;clear:both}
.user-canvas .user-canvas-navs .menu.nested > li {float:left;width:50%}
.user-canvas .user-canvas-navs .menu.nested > :nth-child(2n + 1) {border-right:1px solid rgba(0,0,0,.05);clear:both}
.user-canvas .user-canvas-navs .menu.nested > li > a {overflow:hidden;padding:.625rem 1rem;font-size:.813rem;text-overflow:ellipsis;white-space:nowrap}
.position-left {width: 320px; transform: translateX(-320px);}
.user-canvas .user-canvas-navs .user-point2 {padding: 0 6px;color:#F15A4E}
.user-canvas .user-canvas-navs .menu li > a:hover, .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background: #fff !important;}





/* 윤미정 / 1170132 / 20220602 */
.box-skin.user-bg-5 {border:0}
.box-skin.user-bg-5 > .content {padding:20px !important;border: 1px solid rgba(0,0,0,.12);border-top: 0;}
.box-skin.user-bg-5.header-bg .header {background: linear-gradient(#8d8d8d,#505050);}
.box-skin.user-bg-5.header-bg .header strong, .box-skin.user-bg-3.header-bg .header a {position:relative;padding-right:70px;color:#fff;font-size:26px;letter-spacing:0.25rem;text-align:center}
.box-skin.user-bg-5 .header .sub-txt {padding:4px 7px;margin-right:10px;font-size:15px;font-weight:500;letter-spacing:-.05em;background-color:#ffa700}
.box-skin.header-gray2 .header {background-color:#8b90a6;padding: 10px;text-align: center;}
.box-skin.header-gray2 .header a {margin-bottom:3px;color: #fff;font-size: 25px;font-weight: 500;letter-spacing: .25em;}
.box-skin.header-gray2 .content {padding: 20px 10px;background: #faf8f8;}
.box-skin.header-gray2 .header .small {padding: 5px;font-size: 12px;color: #fff;background-color: #000;letter-spacing: -.03em;}

.box-skin.header-gray4 {border:0}
.box-skin.header-gray4 .header {background-color:#8b90a6;padding: 10px;text-align: center;}
.box-skin.header-gray4 .header a {margin-bottom:3px;color: #fff;font-size: 25px;font-weight: 500;letter-spacing: .25em;}
.box-skin.header-gray4 .content {padding: 20px 10px;border: 1px solid rgba(0,0,0,.12);border-top: 0;}
.box-skin.header-gray4 .header .small {padding: 5px;font-size: 12px;color: #fff;background-color: #000;letter-spacing: -.03em;}


/* 강수현 / 1170966 / 20220607 */
.box-skin.column-header.issuepick .header {border-radius:1rem 0 0 1rem}


/* 윤미정 / 1170976 / 20220607 */
.box-skin.opinion-title .header {margin-bottom: 10px !important;}

/* 배진희 / 1172651 / 20220613 */
.user-canvas .user-canvas-navs .user-point{color:#5da24f !important;}
.user-canvas .user-canvas-navs .user-point2{color:#add247 !important;}


/* 홍경아 / 1174793 / 20220620 */
.box-skin.column-header.design-8.green .header, .box-skin.design-5.green .header { background-color: #91b223;}
.box-skin.column-header.design-8.green .header a::before {border-color: transparent transparent transparent #91b223;}

/* 홍경아 / 1176357 / 20220627 */
.box-skin.design-5.green .header::before {    border-color: #91b223 transparent transparent transparent;}