/*********************************************
note : 소개페이지
name : 강혜리
*********************************************/
/* 공통 */
.com-about {letter-spacing:-0.05em;color:rgba(0,0,0,.6)}
.com-about::after {content:'';display:table;clear:both}
.com-about .about-group:not(:first-child) {margin-top:2rem}
.com-about .about-group::after {content:'';display:table;clear:both}

/* 인사말 */
.com-about.com-1 {text-align:justify}
.com-about.com-1 .about-title {font-size:24px;font-weight:500;letter-spacing:-0.1em;line-height:1.5em}
.com-about.com-1 .about-line {width:93px;height:1px;background:#39B94B;margin:40px 0}
.com-about.com-1 .about-sign {float:right;margin-top:20px}
.com-about.com-1 .news-name {color:#39B94B}

/* 연혁 */
.com-about.com-2 p {font-weight:300;text-align:left;margin-bottom:0;}
.com-about.com-2 span {float:left;font-size:3.750rem;font-family: 'Josefin Sans', sans-serif;color:rgba(57,185,75,.7);line-height:1.2;letter-spacing:-.375rem}
.com-about.com-2 > .row {margin-bottom:2.500rem;padding-bottom:1.500rem;border-bottom:1px dashed #dfdfdf}
.com-about.com-2 > .row:last-child {margin-bottom:0;padding-bottom:0;border:0}
.com-about.com-2 > .row .row {margin-top:1.250rem;}
.com-about.com-2 > .row .row:first-child {margin-top:0;}
.com-about.com-2 .small-1.columns {padding:0 !important;}

/*********************************************
note : 관리자페이지
name : 강혜리
*********************************************/
/* 전체리스트 */
.atl-breadcrumb .table-breadcrumb-item.recog {background-color:#007aff;color:#fff}

/* 기사등록페이지 
.writing-side {position:relative;overflow:visible}
.writing-side .option-aside-btns {display:none;position:absolute;z-index:1000;right:100%;top:50px;width:28px;height:28px;font-size:.875rem;color:#fff;background-color:#596689;border-radius:3px 0 0 3px;text-align:center;cursor:pointer;opacity:.6;transition:opacity .25s ease}
.writing-side .option-aside-btns:hover, .writing-side .option-aside-btns:focus {opacity:1}
.writing-side .option-aside-btns > [class*="icon-"]::before {transition: transform .3s ease-in-out, -ms-transform .3s ease-in-out}
.writing-side.is-active .option-aside-btns > [class*="icon-"]::before {-ms-transform: rotate(180deg);transform: rotate(180deg)}
@media screen and (max-width: 99.9375em) {
    .writing-side, .writing-side .option-aside-btns {display:block}
	.writing-side.is-active {-ms-transform: translate(0);transform:translate(0)}
}
@media screen and (min-width: 64em) and (max-width: 89.9375em) {
    .writing-side {-ms-transform:translate(300px);transform: translate(300px)}
    .writing-side .option-aside-btns > [class*="icon-"]::before {-ms-transform: rotate(180deg);transform: rotate(180deg)}
    .writing-side.is-active .option-aside-btns > [class*="icon-"]::before {-ms-transform: rotate(0);transform: rotate(0)}
}

@media screen and (max-width: 63.9375em) {
    .writing-side:not(.only-pc) .writing-side {-ms-transform:translate(300px);transform: translate(300px)}
    .writing-side:not(.only-pc) .writing-side.is-active {-ms-transform: translate(0);transform: translate(0)}
}
*/

/*********************************************
note : 관리자페이지
memo : 특수문자로 인해 폰트스타일 변경
name : 김종화
*********************************************/
.table-link,
.wt-forms input, .wt-forms .input-group, .wt-forms select, .wt-forms textarea,
.tagit li.tagit-choice .tagit-close {font-family:var(--nd-system-font-family),sans-serif;letter-spacing:-.05em}
/* median outlink */
#median-outlink {
  margin: 3.125rem auto;
  padding: 1.375rem;
  background-color: var(--nd-light, #f8f9fa);
  border: 1px solid rgba(var(--nd-black-rgb, 0, 0, 0), 0.05);
}
#median-outlink .no-bullet {
  padding: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
#median-outlink .no-bullet li {
  font-size: 0.875rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.3;
  color: var(--nd-black, #000);
}
#median-outlink .no-bullet li + li {
  margin-top: 0.625rem;
}
#median-outlink .no-bullet li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: inherit;
  color: inherit;
}