/* ----------------------------------------------------------------
  Custom CSS
-----------------------------------------------------------------*/
html {-ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: keep-all;}
body {font-weight:300; font-size: 16px; letter-spacing: 0em;line-height: 1.7; color: #212121; -webkit-font-smoothing: antialiased;}

.fright {
  float: right !important;
}

.content-wrap.cpd0401 {padding:0 0 60px 0 !important;}

#wrapper.mwrapper--- {max-width:88%;margin:0 auto;
    box-shadow:5px 5px 40px 5px rgba(0,0,0,0.06);
    -moz-box-shadow: 5px 5px 40px 5px rgba(0,0,0,0.06);
    -webkit-box-shadow:5px 5px 40px 5px rgba(0,0,0,0.06);
}
b, strong{font-weight:700}

.line-box {position:relative;border:1px solid #ddd;padding:30px;text-align:center;border-radius:20px;}
.line-box.bg {background:#f1f2f6}

.bg-box {position:relative;padding:30px 24px;background:#dfe4ea;border-radius:20px;}
.line-box2 {border:1px solid #ccc;padding:20px 20px 18px;border-radius:20px;}

h2 {font-size:30px;}
h3 {font-size:26px;}
h4 {font-size:22px;}
h5 {font-size:18px;}

.pc-enter {display:block}
@media (max-width: 767.98px) {
  .line-box {padding:20px;}
  .bg-box {padding:20px}
  .pc-enter {display:inline}
}


@media (max-width: 575.98px) {
  h2 {font-size:26px;}
  h3 {font-size:22px;}
  h4 {font-size:18px;}
  h5 {font-size:16px;}
  .bg-box {padding:20px 10px}
  body {font-size: 14px;line-height: 1.6;}
}

/* google cse */
.gsc-control-cse .gsc-table-result {
    font-family : inherit;
}

.gsc-control-cse .gsc-input-box {
    height : 35px;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button, input.gsc-search-button-v2 {
    box-sizing  : content-box;
    line-height : normal;
    margin-top  : 0px;

}

input.gsc-input {height:25px !important}











/** contents common **/



/*설립목적*/
.side-tit {font-size:26px;line-height:40px;font-weight:700;padding-right:40px;color:#0a314d;letter-spacing:-0.05em}
.side-tit:after {
  content: '';
  position: absolute;
  display:block;
  top:auto;
  left: 44%;
  margin-top:30px;
  width:3px;
  height: 200px;
  background:#60a3bc;
}


/* history */
.history-table-wrap {position:relative;background:#fff;padding:0px 0 0px}
.history-table-wrap table {width:100%;}
.history-table-wrap table td {width:85%;position: relative;vertical-align: top;margin:0;padding:0 80px 30px 30px;line-height:1.7}
.history-table-wrap table th {width:15%;font-weight:700;color:#0a3d62;vertical-align: top;text-align: right;padding: 0 34px 0 0;border-right:1px solid #ddd;font-size:18px;}
.history-table {margin-bottom: 0px;}
.history-table th {position: relative;}
.history-table .pin {position: absolute;top:8px;right:-6px;width:12px;height:12px;line-height:12px;border-radius:50%;background:#82ccdd;}

@media (max-width: 767.98px) {
  .content-wrap {padding: 40px 0;}
  .side-tit {font-size:24px;line-height:34px;padding-right:0px;margin-bottom:30px;}
  .side-tit:after {display:none}

  .history-table-wrap table th {padding: 0 16px 0 20px;font-size:16px;}
  .history-table-wrap table td {padding:0 20px 20px 20px;}
  .imgline-box, .imgline-box.pd20 {padding:0px;border:0}

}

@media (max-width: 575.98px) {
  .content-wrap {padding: 30px 0;}
}

a.boxmu {
  width: calc(25% - .5rem);margin:0 .25rem 20px .25rem;border:1px solid #ddd;color:#101010;
  display:block;text-align:center;padding:20px 10px;font-size:20px;line-height:20px;font-weight:500;letter-spacing:-0.03em;
  }
a.boxmu:hover,
a.boxmu.active {border:1px solid #0a3d62;color:#0a3d62;font-weight:700}
a.boxmu.col-33 {width: calc(33.333% - .5rem);margin:0 .25rem 20px .25rem;}
a.boxmu.col-50 {width: calc(50% - .5rem);margin:0 .25rem 10px .25rem;}

@media (max-width: 991.98px) {
  a.boxmu {width: calc(50% - .3rem);margin:0 .15rem .3rem .15rem;padding:10px;font-size:15px;}
  a.boxmu span {display:block}
}

/** 역대학장 **/
.dean-box {width: calc(25% - 1rem);margin:0 .5rem 20px .5rem;border:1px solid #eee;font-size:15px;border-radius:0.4rem;background:#fafafa;}
.dean-box:hover {border-color:#0a3d62;}
.dean-box .info {width: 100%;padding:30px 30px}
.dean-box h2 {font-size:22px;line-height:24px;font-weight:500;margin-bottom:10px;}
.dean-box h2 span {color:#555 !important;font-size:16px;margin-left:5px}
.dean-box h3 {font-size:14px;line-height:18px;font-weight:500;margin-bottom:4px;color:#0a3d62;}

@media (max-width: 1198.98px) {
  .dean-box {width: calc(33.333% - 1rem);margin:0 .5rem 20px .5rem;}
  .dean-box .info {padding:20px 18px}
}

@media (max-width: 767.98px) {
  .dean-box {width: calc(50% - 1rem);margin:0 .5rem 20px .5rem;}
  .dean-box .info {padding:20px 18px}
  .dean-box h2 {font-size:20px;}
}

@media (max-width: 575.98px) {
  .dean-box {width:100%;margin:0 0 10px 0;}
  .dean-box .info {padding:20px}

}


/*오시는길*/
#nsmap1{width: 100%;min-height: 440px;margin-bottom: 22px;}
.map-box {border: 1px solid #ddd;padding: 30px 30px}
.map-link {text-align:center;width:100%;margin-bottom:10px}
.map-link a {padding:22px 0;display:block;font-size:18px;letter-spacing:-1px;font-weight:500;border-radius:8px;background-color:rgba(255,255,255,0.9);color:#00397f}
.map-link.bg-gray a {background:#f0f0f0;}
.map-link a:hover {color:#fff !important;background-color:#00397f;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.map-link a i {font-size:50px;line-height:86px;}

.map-width {width:100% !important;margin-bottom:20px  !important}
.img-app1 {width:130px;float:left;padding:0 26px 0 0px}
.img-app2 {width:120px}

@media (max-width: 575.98px) {
  #nsmap1 {min-height:300px;}
  .map-link a {padding:15px 0;font-size:16px;}
  .map-link a i {font-size:40px;line-height:66px;}
  .map-box {padding: 30px 20px 10px;}
}

.imgline-box {
    padding: 24px;
    border: 2px solid #ddd;
    text-align: center;
}

/*산하연구실*/
.ari-list {border:1px solid #ddd;padding:20px;}
.ari-list a {display:inline-block;padding:6px 12px;background:#f1f2f6;color:#2f3542;margin:8px;font-weight:400;border-radius:0.3rem}
.ari-list a:hover {background:#2f3542;color:#f1f2f6}

.c_researchfacility .info-block {background:#f1f2f6;margin:0 0 0px 0;padding:20px 0}
.c_researchfacility .info-block .btn{position:absolute;right:2%;bottom:0px}

.c_researchfacility .info-wrap {padding:6px 16px 0;position:relative}
.c_researchfacility .tit_bar-left span {font-size:18px;font-weight:400;margin-left:5px;}
.c_researchfacility .list {margin-bottom:30px}
.c_researchfacility .info-box {border:1px solid #ced6e0;border-top:0;padding:30px 40px;font-size:15px;line-height:22px}
.c_researchfacility ul.arrow-list li strong {min-width:70px;display:inline-block}
.c_researchfacility h3 {font-size:22px}
.c_researchfacility .tit_bar-left:after {content:"  "; display:block; width:60px; height:2px; background-color:#21419D; margin:14px 0 40px;}

@media (max-width: 991.98px) {
.c_researchfacility .tit_bar-left span {display:block;margin-left:0px;font-size:16px;}
.c_researchfacility .list {margin-bottom:20px}
.c_researchfacility h3 {font-size:20px}
.c_researchfacility .tit_bar-left:after {margin:14px 0 26px;}
}
@media (max-width: 767.98px) {
.c_researchfacility .info-wrap {padding:26px 16px 0;position:relative}

}
@media (max-width: 575.98px) {
.c_researchfacility .tit_bar-left span {font-size:14px;}
.c_researchfacility h3 {font-size:20px}
.c_researchfacility .tit_bar-left:after {margin:10px 0 20px;}
.info-block .thum-wrap {text-align:center;}
.info-block .thum-wrap img {max-height:200px}
.c_researchfacility .info-block .btn{position:absolute;right:2%;top:0px;bottom:auto}
}

.skills li {margin-bottom:80px}

/*검색박스*/
.search-st{background-color:#dfe4ea;padding:12px;margin-bottom:10px;}
.search-st form {margin:0}
.search-st .btn {border-radius:0;}

@media (max-width: 575.98px) {
  .search-st{padding:8px;}
  .search-st .form-group {margin-bottom:5px}
  .search-st .form-group {width:100% !important;}
  .search-st .form-group.mr5,
  .search-st .form-group.mr10 {margin-right:0 !important}
  .search-st .btn {display: block;width: 100%;}
}







.pub-tit  { font-size: 16px;line-height:20px;font-weight:500;color:#222;margin-bottom:10px;}
.pub-auth  {font-size:14px;line-height:18px;font-weight:400;color:#555;margin-bottom:2px;}
.pub-info { font-size:13px;color:#888}



/*지원*/
.side-mu {border:1px solid #f1f2f6;border-top:10px solid #bdc3c7; border-bottom:5px solid #bdc3c7;padding:12px 26px;width:90%;border-radius:0;}
.side-mu ul {list-style: none;margin: 0;padding:0}
.side-mu li:first-child {margin-top:8px}
.side-mu li:last-child {margin-bottom:8px}
.side-mu li {margin-bottom:0px}
.side-mu li a{
    color: #2f3542;font-weight:400;
    font-size: 15px;line-height:20px;
    display: inline-block;
    background: url('/_skin/kor/images/icons/widget-link.png') left top  no-repeat;    padding:0px 3px 0px 12px;
}
.side-mu li a:hover{color:#8d98aa}
.side-mu li a.active{color:#0a314d;font-weight:500}

@media (max-width: 991.98px) {
  .side-mu {margin-bottom:30px;padding:10px 5px;width:100%}
  .side-mu ul {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
  .side-mu li {width:50%;margin:0px;padding:5px 10px}
  .side-mu li:first-child {margin-top:0px}
}


    .list-num.support > li{margin-bottom:15px;font-weight:400}
    .list-num.support  > li > ul > li{font-weight:300}
    .list-num.support > li > b {font-weight:700}


/**산하연구소**/
.portfolio-filter.lab-filter {float: none !important;margin:0;background:#f9f9f9;padding:10px 0;border:1px solid #ddd}
.portfolio-filter.lab-style {border-radius: 0;border-top:0}
.portfolio-filter.lab-style li { margin-bottom: 2px; }
.portfolio-filter.lab-style li:not(:first-child) { margin-left: 2px; }
.portfolio-filter.lab-style li a {
  padding-top:6px;
  padding-bottom:6px;
  font-size: 14px;font-weight:400;
  line-height: 16px;
  border-radius: 22px;
  border: none;}
.portfolio-filter.lab-style li a { border: 1px solid transparent; }
.portfolio-filter.lab-style li.activeFilter a {color: #fff !important;border-color: #0a3d62;  background-color:#0a3d62;margin: 0;padding:6px 20px;font-weight:700}
.portfolio-filter.lab-style.center li {display: inline-block;  float: none;}

#sub-laboratory {margin-top:20px}
#sub-laboratory a .portfolio-image {border:2px solid #eee}
#sub-laboratory a .portfolio-desc h3 {font-size:16px;line-height:22px;margin-bottom:5px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#sub-laboratory a .portfolio-desc h4 {font-size:13px;line-height:19px;margin-bottom:0px;color:#888;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#sub-laboratory a:hover .portfolio-image {border:2px solid #60a3bc}
#sub-laboratory a:hover .portfolio-desc h3 {color:#0a314d;}

@media (max-width: 991.98px) {
  .portfolio-filter.lab-filter {display:none}
}


/**연구원현황**/
.g-tit{ position:relative; border: 1px solid #0a3d62; color: #0a3d62; font-weight: 700; text-align: center; padding: 20px; font-size:18px; line-height: 20px;margin-bottom:40px}
.g-tit span {float:right;font-size:14px;color:#555;font-weight:400}
.counter.stat { font-size:24px;margin-bottom:18px;font-weight:500;}
.counter.stat span{ font-size:170%;font-weight: 700;color:#b71540 !important;margin-left:2px}
.stat-icon i {font-size:80px;line-height:80px;color:#aaa}

.cont-box {padding:20px;margin-bottom:30px;}

@media (max-width: 767.98px) {
  .g-tit span {float:none;font-size:13px;margin-left:4px;}
}
@media (max-width: 575.98px) {
  .stat-icon i {font-size:60px;line-height:60px;color:}
  .counter.stat { font-size:20px;}
  .g-tit{padding:12px 4px; font-size:16px;margin-bottom:20px}
  .g-tit span {display:block;margin:5px 0 0  0px;}

}


a.link-icon:after {
  display: inline-block;
  font-family: 'lined-icons';
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  position: relative;
  content: "\e128";margin-left:5px;font-size:70%;
}


.stat-box{border:2px solid #eee;padding:15px 22px;margin-bottom:20px}
.stat-box .r-chart{width:100%;min-height:300px;}

/*논문*/
.pub-box {border-top:2px solid #0a314d;border-bottom:1px solid #ddd;margin-bottom:10px;font-weight:400}
.pub-wrap h4 {font-size:17px;margin-bottom:0px;padding:10px  0 10px 16px;border:1px solid #eee;background:#f6f6f6}
.pub-wrap .pub-list {padding:20px 20px;border-bottom:1px dotted #ddd;position:relative;background: url('../images/icons/li_arrow.png') 5px 20px no-repeat;}
.pub-wrap .pub-list:last-child {border-bottom:0px dotted #ddd;}
.pub-list .title {margin-bottom:15px}
.pub-list a {color:#666}
.pub-list a:hover {color:#666}
.pub-list  .pub-lab {display:inline-block;color:#fff;background:#666;font-size:14px;line-height:20px;padding:1px 6px;margin-bottom:4px;border-radius:2px}
.pub-list .pub-tit {font-weight:500;font-size:16px;line-height:22px;color:#34495e;margin-bottom:10px}
.pub-list .pub-name {font-size:14px;line-height:20px;color:#777;margin-bottom:3px}
.pub-list .pub-jour {font-size:14px;line-height:20px;color:#777;margin-bottom:0px}

.pub-list .jour span.link {margin-left:4px;font-size:11px;line-height:11px;}
.pub-list .jour span.link a{background:#34495e;color:#ecf0f1;padding:1px 8px;border-radius:8px}
.pub-list .jour span.link a:hover{background:#3498db;color:#fff}
.pub-list .jour span.sci {background:#16a085;color:#ecf0f1;padding:1px 8px;border-radius:8px}



/*온라인신청*/
.online-app-wrap {margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #ddd}
.online-app-list {position:relative;padding:10px 10px 0px; }
.online-app-list ul {list-style:none;margin:0;padding:0}
.online-app-list li a {font-weight:400;color:#555}
.online-app-list li a.title span {padding-left:0px; display:block;font-size:18px;font-weight:700;color:#222;margin:6px 0 10px 0;}
.online-app-list li a.title span:hover {color:#3b5998;text-decoration:underline !important}
.online-app-list li span{font-weight:500;color:#222;margin-bottom:20px}
.online-app-wrap .btn-wrap2 {padding-top:20px;text-align:center}
.online-app-wrap .btn-wrap2 .btn {display: block;width: 100%;}

.online-app-cont {position:relative;padding:20px}

@media (max-width: 768px) {
  .online-app-wrap .btn-wrap2 {padding:20px 10px 10px;}
  .online-app-list li a.title {font-size:16px;line-height:20px;}
  .online-app-wrap .btn-wrap2 .btn {display:inline;width:auto;margin:0 3px}
}

.online-app-list .badge {color:#fff;margin:0 4px 0 0}



/**등록폼**/
.reg-table {background:#fff}
.reg-table {border-top:2px solid #212121}
.reg-table td, .reg-table th {padding:16px 14px;border: 0px solid #ccc;}
.reg-table.side-no td, .reg-table.side-no th {border-left:0px;border-right:0px}
.reg-table th {background:#fff;font-weight:500;color:#303030;}
.reg-table.thcolor th {background:#f1f2f6 !important;color:#303030;}

.reg-table.FS-act {font-size:18px !important;}
.reg-table.FS-act  th {font-size:22px !important;font-weight:700;text-align:center}

.reg-table.FS-act2 {font-size:16px !important;}
.reg-table.FS-act2  th {font-size:18px !important;font-weight:700;text-align:center}

.reg-table .form-group{margin-bottom:6px;}
.table.reg-table .btn-sm, .table.reg-table .btn-group-sm > .btn {border-radius: 0rem;}
.table.reg-table .custom-file-label::after {content: "파일찾기";}
.custom-file-input {border-radius: 0rem !important;}

.reg-table .fbold {font-weight:500 !important}
.reg-table .form-control {font-size: 15px;}
.table.in-block {text-align:center}
.table.in-block .eq-name {font-size:18px;font-weight:500;margin-bottom:0px;}
.table.in-block .eq-time {font-size:14px; font-weight:400;}
.table.in-block a .eq-name {color:#303030;}
.table.in-block a:hover .eq-name {color:#27ae60;text-decoration:underline !important}
/*
.reg-table .form-control {
    height: calc(2rem + 2px);
    padding: 0.2rem 0.4rem;
    font-size: 14px;
}
}
*/

@media (max-width: 991px){
  .reg-table {font-size:15px}
  .reg-table.FS-act2,
  .reg-table.FS-act {font-size:15px !important;}
  .reg-table.FS-act2  th,
  .reg-table.FS-act  th {font-size:16px !important;text-align:left;margin-bottom:6px;}

  .table.reg-table td,
  .table.reg-table th {display:block !important}
  .reg-table td, .reg-table th {
    border: 0px solid #ddd;
    display:block !important
    vertical-align: middle;
  }
  .table.reg-table th {padding:10px 12px 0px;}
  .reg-table.thcolor th {padding:8px 12px;margin-bottom:8px;}
  .table.reg-table td {padding:0px 12px 10px;}

  .table.reg-table thead {display:none}
  .table.in-table td,
  .table.in-table th {display:inline !important;padding:0}

  .table.in-block {text-align:left}
  .table.in-block td,
  .table.in-block th {display:inline-block !important;padding:10px 8px}
  .table.reg-table td.m-none {padding:20px}

}

@media (max-width: 399.98px) {

  .table.reg-table td.m-none {display:none !important;padding:0}
}
.cur-def {cursor:default !important}
.reqitem { color:#c0392b; padding-left:3px; display:inline-block;}
.ment {font-size:13px;color:#c0392b}
h4.eq {font-size:18px;margin:0 0 4px 6px;}

/** event **/
.eventbox {width:100%;margin:0 .5rem 20px .5rem;border:2px solid #ddd;display:block;background:#fff;border-radius:16px;}
.eventbox.col2 {width: calc(50% - 1rem);margin:0 .5rem 20px .5rem;}
.eventbox .eventcont {padding:24px 20px}
.eventbox .r-date {height: 5.5em;min-width: 5.5em;width: 5.5em;color:#2c2f88;  -moz-border-radius: 50%; -webkit-border-radius: 50%;  border-radius: 50%;text-align:center;border:1px solid #2c2f88;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .125em 0;
    text-transform: uppercase;
}
.eventbox, .eventbox .r-date{
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.eventbox:hover {border-color:#2c2f88;box-shadow: 0 .125rem .25rem rgba(0,0,0,0.0);}
.eventbox:hover .r-date {color:#fff;background:#2c2f88}

.eventbox .r-date .circle {line-height:22px}
.eventbox .r-date .circle strong {font-size: 30px;font-weight:700}
.eventbox .r-date .circle em {display:block;font-style:normal;font-size: 13px;font-weight:400}

.eventbox .event-info {padding:0 20px;width:80%;font-size:14px;line-height:18px;color:#222;}


.eventbox .event-info.pd-1 {padding-left:1em;}
.eventbox .event-info.pd-0 {padding-left:0;}

.eventbox .event-info ul {margin-bottom:0}
.eventbox .event-info li {margin-bottom:6px}
.eventbox .event-info li:last-child {margin-bottom:0px}
.eventbox .event-info li i{color:#555;}
.eventbox .event-info li.online,
.eventbox .event-info li.online i {color:#d63031;font-weight:500}

.eventbox .event-info .abs {width:100%;height:60px;overflow:hidden;font-size:13px;line-height:20px;}

.eventbox h2 {font-size:18px;line-height:24px;font-weight:700;margin-bottom:20px;color:#333}
.eventbox h2 a {color:#222}
.eventbox h2 a:hover {color:#2c2f88}
.eventbox .iconlist li.link {word-wrap:break-word}

.eventbox.confer .poster {height:8em;width:20%;min-width:20%;background-size:cover;background-position:center center;border-radius:0.5em}
.eventbox.confer .poster img {border-radius:0.12rem;height: 100%;object-fit: cover;}
.eventbox.confer .poster img [data-sizes="auto"] {display: block;width: 100%;}
.eventbox.confer h2{margin-bottom:20px;}
.eventbox.confer h3{font-size:14px;line-height:18px;font-weight:400;margin-bottom:5px;color:#777}

.eventbox h2.j-tit {font-size:18px}
.eventbox h4.vol {font-size:16px;font-weight:500;margin-bottom:0px;color:#666}

.eventbox.view {margin:0;border:none;border-top:2px solid #444;border-bottom:1px dotted #ccc;box-shadow:none;}
.eventbox.view:hover {border-top-color:#444;border-bottom-color:#ccc;box-shadow:none}
.eventbox.view .eventcont {padding:30px 20px}

.eventbox.view .event-info {padding:0px;width:80%;}


.eventbox-cview {padding:30px 20px 40px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.eventbox-cview img {padding:20px 0}
.eventbox-cview h4 {font-size:16px;margin-bottom:16px;}
.eventbox-cview h4:before {
    content: "";
    width: 5px;
    height: 16px;
    background-color: #2c2f88;
    display: inline-block;
    margin: 0 8px 3px 0;
    vertical-align: middle;
}
.eventbox-cview h4.box {background:#f9f9f9;border:1px solid #eee;padding:10px 20px;}
.eventbox-cview .box-wrap {padding:0 30px}
.bookcover img{width:90%}
.eventbox-cview .iconlist a {color:#444;font-weight:400;padding:2px;}
.eventbox-cview .iconlist a span {color:#2c2f88}
.eventbox-cview .iconlist a:hover,
.eventbox-cview .iconlist a:hover span {background-color:#2c2f88;color:#fff;padding:2px;border-radius:.2rem}
.eventbox-cview .iconlist a span:before {
    content: "-";
    margin:0 6px 0px 6px ;
    vertical-align: middle;
}


.reg-view {position:relative}
.reg-view .btn-box {margin:20px 0;text-align:center}
.reg-view .regbtn-box {margin-top:20px;}

@media (max-width: 991.98px) {
  .eventbox.col2 {width:100%;margin:0 0 20px 0;}
  .eventbox .eventcont {padding:24px 20px}
  .eventbox.confer .poster {height:8em;width:7em;}
  .eventbox-cview .box-wrap {padding:0 20px}
}

@media (max-width: 767.98px) {
  .bookcover {text-align:center;padding:20px;background:#f9f9f9;border:1px dotted #ccc;margin-bottom:10px;}
  .bookcover img{width:50%}
  .eventbox.view .event-info {width:100% !important;}
  .reg-view .regbtn-box {width:100%}
}

@media (max-width: 575.98px) {
  .eventbox {margin:0 0 12px 0;}
  .eventbox .eventcont {padding:16px 12px}
  .eventbox .r-date {height: 4.5em;min-width: 4.5em;width: 4.5em;}
  .eventbox .r-date .circle {line-height:18px;}
  .eventbox .r-date .circle strong {font-size: 20px;}
  .eventbox .r-date .circle em {font-size:11px}
  .eventbox .event-info {padding-left: 1.5em;font-size:14px;}
  .eventbox .event-info li {margin-bottom:3px}

  .eventbox h2 {font-size:16px;line-height:18px;margin-bottom:12px;}
  .eventbox.view .eventcont {padding:20px 10px}
  .eventbox-cview {padding:20px 10px 30px;}

  .eventbox.confer .event-info {padding:10px;width:100%;}
  .eventbox.confer .poster {height:100%;width:100%;min-height:100px;border-radius:0.1em;margin-bottom:10px}
  .eventbox.confer .eventcont {-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
  .eventbox.confer h3{font-size:13px;line-height:16px;}

  .eventbox h2.j-tit {font-size:16px;}
  .eventbox h4.vol {font-size:14px}
  .bookcover {padding:15px;}
  .bookcover img{width:60%}
  .eventbox-cview .box-wrap {padding:0 10px}
}

h4.eq {font-size:18px;margin:0 0 4px 6px;}
.line-box-of {border:2px solid #ddd;padding:14px 20px;border-radius:0.2rem;color:#000;font-size:13px;overflow-y:auto;min-height:300px;max-height:320px;}
.info-box {border:1px solid #eee;padding:14px 20px;border-radius:0.2rem;color:#000;margin-bottom:10px;background:#f1f2f6}
.info-box h2{font-size:16px;line-height:22px;font-weight:700;margin-bottom:0px;}
.info-box h3{font-size:14px;line-height:18px;font-weight:400;margin-bottom:4px;color:#666}


/* 산하연구소*/
.sub-lab h3 {font-size:16px;line-height:20px;margin-bottom:1px;font-weight:500;}
.sub-lab h4 {font-size:13px;line-height:20px;margin-bottom:0px;font-weight:300;color:#666}
.sub-lab a {color:#333}
.sub-lab a:hover {color:#2c2f88}
.part-keyword span{padding:2px 4px}
.table.sub-lab > thead > tr > th, .table.sub-lab > tbody > tr > th, .table.sub-lab > tfoot > tr > th, .table.sub-lab > thead > tr > td, .table.sub-lab > tbody > tr > td, .table.sub-lab > tfoot > tr > td {padding:12px 10px;}













/** 교수 **/
.profbox {width: calc(33.33333% - 1rem);margin:0 .5rem 20px .5rem;border:1px solid #eee;}
.profbox:hover {/*border-color:#27ae60;cursor: pointer*/}
.profbox .profcont {padding:20px 10px 20px}

.profbox .prof-photo {height: 7.8em;min-width: 6.5em;width: 7em;}
.profbox .prof-photo img {border:0px solid #ddd;border-radius:0.05em;height: 100%;object-fit: cover;margin-left:10px;}
.profbox .prof-photo img [data-sizes="auto"] {display: block;width: 100%;}
.profbox .prof-info {padding-left: 1.4em;width: 100%;}
.profbox.researcher .prof-info {padding-left:0;width: 100%;}

.profbox h2 {font-size:20px;font-weight:700;margin-bottom:25px;letter-spacing:0.05em}
.profbox h2 a {color:#333}
.profbox h2 a:hover {color:#27ae60}
.profbox h2 em{font-style:normal;font-size:16px;font-weight:500;margin-left:6px;letter-spacing:0em}
.profbox h2 span{display:block;font-size:16px;font-weight:400;color:#ab9162 !important;letter-spacing:0em}

.profbox .prof-info .part {background:#555;color:#fff;padding:1px 5px;font-size:13px;margin-bottom:10px;display:inline-block}

.profbox h3 {font-size:14px;line-height:18px;font-weight:500;margin-bottom:3px;color:#666;}
.profbox h4 {font-size:14px;line-height:18px;font-weight:400;margin-bottom:0px;color:#666;}


.profbox .prof-info .contact {margin-top:16px;}
.profbox .prof-info .contact a {padding:4px 6px;border:1px solid #eee;color:#aaa;font-size:12px;font-weight:500;border-radius:0.3rem;margin-right:6px;}
.profbox .prof-info .contact a:hover {background:#27ae60;color:#fff;border-color:#27ae60}


@media (max-width: 1199.98px) {
  .profbox {width: calc(50% - 1rem);margin:0 .5rem 20px .5rem;}
}
@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
  .profbox {width:100%;margin:0 0 .5rem 0;}
  .profbox h2 {font-size:16px}
  .profbox h2 span{font-size:14px}
  .profbox .profcont {padding:10px 15px 15px}
  .profbox .prof-photo {width: 8em;height: 8em;min-width: 8em;}

}

@media (max-width: 575.98px) {
  .profbox .profcont {padding:10px 10px }

}
@media (max-width: 390px) {
  .profbox .prof-photo {width: 3.5em;height: 4em;min-width: 3.5em;display:none}
  .profbox .prof-info {padding-left:0em;width: 100%;}
  .profbox .prof-info .contact {margin-top:10px;text-align:center}
  .profbox .prof-info .contact a {display:block;margin:0 0px 5px;}
}

/** 연구원 **/
.researcher-box {width: calc(25% - 1rem);margin:0 .5rem 20px .5rem;border:1px solid #ddd;}
.researcher-box:hover {border-color:#27ae60;}
.researcher-box .prof-info {width: 100%;padding:20px 30px}
.researcher-box h2 {font-size:20px;line-height:24px;font-weight:700;margin-bottom:24px;letter-spacing:-0.05em}
.researcher-box h3 {font-size:16px;line-height:18px;font-weight:500;margin-bottom:0px;color:#27ae60;}
.researcher-box a.maillink{font-size:14px;line-height:18px;font-weight:400;margin-bottom:0px;color:#666;}
.researcher-box a.maillink:hover{color:#27ae60;text-decoration:underline !important}

@media (max-width: 991.98px) {
  .researcher-box {width: calc(33.333% - 1rem);margin:0 .5rem 20px .5rem;}
  .researcher-box .prof-info {padding:20px 18px}
}

@media (max-width: 767.98px) {
 .researcher-box {width: calc(50% - 1rem);margin:0 .5rem 20px .5rem;}
  .researcher-box .prof-info {padding:20px 18px}
}

@media (max-width: 575.98px) {
  .researcher-box {width:100%;margin:0 0 10px 0;}
  .researcher-box .prof-info {padding:20px}
  .researcher-box h2 {margin-bottom:18px;}
}




.space-wrapper {max-width:1980px;margin:0 auto !important}
.cont-wrap {max-width:1000px;margin:0 auto !important}


h2.cont-copy {font-size:1.6em;}





.hcont-box {position: relative;}
.hcont-box .pto {float:left ;box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.1);width:97%;}
.hcont-box .t-box {
  position: absolute;color: #fff; bottom:-10%; right: 0; width:auto; min-height: auto; height: auto; padding: 46px 50px 38px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1abc9c+0,0a314d+65 */
background: #1abc9c; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1abc9c 0%, #0a314d 65%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1abc9c 0%,#0a314d 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1abc9c 0%,#0a314d 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1abc9c', endColorstr='#0a314d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  box-shadow: 14px 14px 20px 0px rgba(0, 0, 0, 0.1);
}
.hcont-box .t-box span {display:block}

.hcont-box .t-box .copy {font-weight: 700; font-size: 26px;line-height:36px;}
.hcont-box .t-box .jtit {margin-top: 34px; font-size: 18px;}
.hcont-box .t-box .name {font-weight: 700; font-size:22px;display:block !important;}
.hcont-box .pto .v-mobile {display:none}
.hcont-box .pto .v-pc {display:inline}
.hcont-box-tsp {margin-top:80px}



@media (max-width: 991.98px) {
  .hcont {font-size:16px;line-height:1.6}

  .hcont-box .pto {float:none ;position: relative;;width:100%;z-index:1}
  .hcont-box .t-box {position: relative;padding:32px 16px 26px;z-index:2;margin:-50px auto;width:96%;text-align:center}
  .hcont-box .t-box span {display:inline-block}
  .hcont-box .t-box .copy {font-size:20px;line-height:26px;}
  .hcont-box .t-box .jtit {margin-top:10px; font-size:16px;}
  .hcont-box .t-box .name {font-size:17px; display:inline;margin-left:10px}
  .hcont-box .pto .v-mobile {display:block !important}
  .hcont-box .pto .v-pc {display:none}
  .hcont-box-tsp {margin-top:100px}

}

@media (max-width: 767.98px) {


}
@media (max-width: 575.98px) {

  .hcont-box .t-box {padding:20px 16px 20px;z-index:2;margin:-20px auto;}
  .hcont-box .t-box .copy {font-size:18px;line-height:26px;}
  .hcont-box .t-box .jtit {margin-top:10px; font-size:14px;}
  .hcont-box .t-box .name {font-size:16px; display:inline-block ;margin-left:0px}
  .hcont-box-tsp {margin-top:50px}
  .hcont-box .t-box span {display:block}

}

/** 컨텐츠 메뉴 **/
.submu {text-align:center;font-weight:400;justify-content: center;margin-bottom:32px;}
.submu .mubox{padding:8px 20px;border:1px solid #c1a783;margin:0 .3rem;font-weight:400;color:#ab9162;font-size:16px}
.submu .mubox.current,
.submu .mubox:hover {color:#fff;background:#0a314d;border:1px solid #0a314d;font-weight:700;}

@media (max-width: 767.98px) {
  .submu {margin-bottom:5px;}
  .submu  .mubox {padding:8px;-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
  .submu  .mubox{width: calc(50% - .5rem);margin:0 .25rem .5rem .25rem;}
  .submu  .mubox.w100 {width:100%;margin:0 .25rem .5rem .25rem;}
}
@media (max-width: 575.98px) {
  .submu  .mubox {padding:6px;}
}

.contline-box {border:1px solid #eee;padding:40px}

h3.cont-stit {font-size:28px;line-height:38px;margin-bottom:10px;color:#0a314d;font-weight:700}
h4.cont-stit {font-size:24px;line-height:34px;margin-bottom:10px;color:#0a314d;font-weight:700}
h5.cont-stit {font-size:20px;line-height:30px;margin-bottom:6px;color:#333;font-weight:500}

.cont-profile {}




/**교수**/
.proflist-wrap {position:relative;width:100%;border-top:2px solid #888;}
.proflist {display:table;padding:16px 10px 16px 10px;border-bottom:1px dashed #bbb;width:100%;}
.proflist .pto,
.proflist .info{display:table-cell;}

.proflist .pto {width:15%;vertical-align:middle}
.proflist .pto img {max-height:130px}
.proflist .info{width:85%;vertical-align:middle}
.proflist .info h3 {margin-bottom:12px;font-size:20px;line-height:24px;font-weight:700;color:#222}
.proflist .info h3 span{color:#0a314d;font-size:16px;margin-left:10px}
.proflist .info h3 em{color:#3b5998;font-size:14px;font-weight:600;font-style:normal}
.proflist .info h3 em:before {content: '/';color:#aaa;padding:0 10px;font-weight:300;}
.proflist .info ul {margin:0 0 0 0px;padding:0;border-left:0px solid #eee}
.proflist .info li {list-style:none;padding:0px 0px;font-size:15px;}
.proflist .info li span:after{
    content: "l";
    padding:0 10px 0 14px;color:#aaa;font-size:10px;line-height:10px;
}
.proflist .info li span:last-child:after{content: "";padding:0 0px 0 14px;}

.proflist .info li .mblock {margin-left:20px;}

.proflist a {color:#333}
.proflist a:hover {color:#8d98aa}

@media (max-width: 768px) {
  .proflist {padding:16px 12px}
  .proflist .info{display:block;width:100%;}
  .proflist .info{width:95%;vertical-align:middle}
  .proflist .info h3 {margin-bottom:10px;}
  .proflist .info ul {margin:0;padding:0;border-left:0}
  .proflist .info li {padding:0}
  .proflist .info li .mblock  {display:block;margin-left:0}
}

@media (max-width: 479px) {
.proflist {display:table;padding:10px 8px 6px}
.proflist .pto,
.proflist .info{display:block;}
.proflist .pto {width:100%;text-align:center;padding:10px}
.proflist .info{width:100%;vertical-align:middle}
.proflist .info h3 {font-size:18px;margin-bottom:2px}
.proflist .info li  {font-size:14px;}
.proflist .info li span:last-child {display:block}

}

/* 援먯닔�곸꽭�뺣낫 */
.prof-infobox {background:#F0F3F7;padding:30px;color:#222}
.prof-infobox img.photo {border:1px solid #ced6e0;}
.prof-infobox .photowrap {text-align:center;}

.prof-infobox .contact {border-left:8px solid #B1B7C0;padding:1px 16px;margin:0 0 0px 5px;line-height:26px;}

.prof-infobox .infowrap .name{font-size:28px;font-weight:500;letter-spacing:1px;margin-bottom:30px}
.prof-infobox .infowrap .name span {font-size:55%;color:#555;;letter-spacing:0;font-weight:400;}
.prof-infobox .infowrap .name em {font-style:normal;color:#3b5998;}

.facultycontent .prof-stit {margin:36px 0 0 0;padding:10px;background:#fff;color:#3b5998;font-size:17px;font-weight:700;border-bottom:0px solid #ddd;}
.facultycontent .prof-stit:before {
    content: "";
    width: 6px;
    height: 16px;
    background-color: #3b5998;
    display: inline-block;
    margin: 0 6px 5px 6px;
    vertical-align: middle;
}

.facultycontent .prof-wrap {padding:0 14px}
.facultycontent ul.list {list-style:none;margin:0;padding:0;}
.facultycontent ul.list li{ text-indent:-12px; margin:0 0 3px 14px;}
.facultycontent ul.list li:before{ content:"-"; display:inline-block; margin:-1px 0px 0px 14px; vertical-align:top !important;}

.facultycontent ul.education li{list-style:none;margin-bottom:4px; }
.facultycontent ul.education li.li-period,
.facultycontent ul.career li.li-period {padding-left:100px; }

.facultycontent ul.education li.li-period2,
.facultycontent ul.career li.li-period2 {padding-left:0px; }

.facultycontent ul.education li span.period,
.facultycontent ul.career li span.period { display:inline-block;width:100px; margin-left:-100px; }


.ra-wrap {position:relative}
.ra-wrap .r-img {margin-bottom:2px;border:0px solid #ddd}
.ra-wrap .r-info {padding:10px 20px;text-align:center;color:#000;font-size:14px;line-height:18px;font-weight:400;letter-spacing:-0.9px}
.researcharea.owl-carousel .owl-dots .owl-dot {margin-top:10px}
.ramem-img {border:1px solid #ddd;padding:20px;text-align:center;margin-bottom:10px}



/**학과 view**/
.dept-view {width:100%;margin:0;border-top:2px solid #c1a783;border-bottom:1px solid #c1a783;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.dept-view .cont-wrap {padding-left:60%}
.dept-view .cont-info {padding:24px 30px 30px 30px;width:100%;font-size:15px;line-height:20px;color:#efe1b3 !important;background:rgba(10,49,77,0.8);}
.dept-view .cont-info ul {margin-bottom:0}
.dept-view .cont-info li {margin-bottom:6px;color:#fff;}
.dept-view .cont-info li:last-child {margin-bottom:0px}
.dept-view .cont-info li i{color:#fff;}
.dept-view h2 {font-size:30px;line-height:44px;font-weight:700;margin-bottom:0px;color:#efe1b3;}
.dept-view h3{font-size:14px;line-height:18px;font-weight:400;margin-bottom:24px;color:#efe1b3;}
.dept-view .iconlist li.link {margin-top:20px;}

.dept-view .iconlist {margin-left: 1.3em;}
.dept-view .iconlist > li [class^="icon-"]:first-child, .dept-view .iconlist > li [class*=" icon-"]:first-child {left: -1.3em;}

.dept-cont {padding:20px 25px;}
.dept-cont h4 {font-size:20px;margin-bottom:8px;color:#0a314d}

.btn-outline-dept {color: #efe1b3;border-color: #efe1b3;border-radius:0 !important}
.btn-outline-dept:hover {color: #0a314d;background-color: #efe1b3;border-color: #efe1b3;font-weight:700}
.btn-outline-dept:focus, .btn-outline-dept.focus {box-shadow: 0 0 0 0.2rem rgba(239,225,179, 0.5);}

@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
  .dept-view .cont-wrap {padding:10px}
}

@media (max-width: 575.98px) {
  .dept-view h2 {font-size:24px;line-height:34px}
  .dept-view .cont-info {padding:20px;}
}

/*-------------- top ---------------------*/

.top-noti-wrap {background:#0a314d;position:relative;}
.top-noti-cont {width:80%;margin:0 auto;font-size:1.8rem;color:#c1a783;text-align:center;padding:20px;font-weight:400}
.tn-btn {color:#c1a783;text-align:center;;}
.close-top {position:absolute;top: 50%;right: 2%;
  -ms-transform: translate(-2%, -50%);
  transform: translate(-2%, -50%);
  cursor: pointer;font-size:30px;width:30px;height:30px;line-height:30px;
  color:rgba(255,255,255,0.5);
}
.close-top:hover {  color:rgba(255,255,255,1);}
#primary-menu {float:none !important}
/*
#header.sticky-header #header-wrap {max-width:1980px;margin:0 auto !important;
    left: 50%;
    transform: translateX(-50%);
}
*/

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a:hover {color: #efe1b3;}
.topbars {display:none}

@media (max-width: 991.98px) {
  .top-noti-wrap {background:#3c6382 !important}
  .top-noti-cont {font-size:80%;padding:10px}
  .close-top {font-size:20px;width:20px;height:20px;line-height:20px;}
}

@media (min-width: 992px) {
  #top-bar {
    z-index: 299;
    border: 0;
  }
  #top-bar.transparent-topbar { background: transparent !important; }
  #top-bar.transparent-topbar + #header.transparent-header + #slider,
  #top-bar.transparent-topbar + #header.transparent-header + .page-title-parallax {
    margin-bottom: -145px;
    top: -145px;
  }

  .top-links > ul > li { border: 0; }
  .top-links > ul > li > a {
    padding-left: 17px;
    padding-right: 17px;
    color: #EEE;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 13px;
  }

  .top-links > ul > li:hover { background-color: transparent; }
  .top-links > ul > li.top-bar-highlight > a {
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    margin-bottom: 7px;
    border: 1px solid #EEE;
    border-radius: 15px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .top-links > ul > li.top-bar-highlight:hover > a {
    background-color: #FFF;
    color: #222;
  }

  .top-links li a { font-family: 'Rubik'; }

}


@media (max-width: 768.98px) {
  .topbars {display:block;padding:10px 5px;text-align:center;background:#333;color:#fff;font-size:14px;font-weight:700;}
  .top-links ul li { border-left: 0 !important; }
  .top-links ul .top-bar-highlight div.top-link-section {
    left: 0 !important;
    right: auto !important;
  }
}

@media (max-width: 479px) {
  .top-links ul .top-bar-highlight { display: block; }
  .top-links ul div.top-link-section {
    width: 100%;
  }
}

  #primary-menu ul ul:not(.mega-menu-column) {
    border-radius: 0px 0 6px 6px;
    border: 0;
    background-color:#63656a
  }

  #primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert,
  #primary-menu ul ul:not(.mega-menu-column) ul {top: 0px !important;}
  #primary-menu ul ul li:not(:first-child) { border-top: 1px dotted rgba(255,255,255,0.15) !important; }
  #primary-menu ul ul li > a {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 700;
    padding: 12px 17px;
    color: #FFF;
  }
  #primary-menu ul ul li:hover > a { padding-left: 20px; }

  .dark #primary-menu:not(.not-dark) ul ul,
  .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
  #primary-menu.dark ul ul,
  #primary-menu.dark ul li .mega-menu-content { background-color: #2c2f88; }

  .dark #primary-menu:not(.not-dark) ul ul li > a,
  #primary-menu.dark ul ul li > a { color: #fff !important; }

  .dark #primary-menu:not(.not-dark) ul ul li:hover > a,
  #primary-menu.dark ul ul li:hover > a {
    background-color: rgba(255,255,255,0.025);
    color: #c1a783 !important;
    border-radius: 3px;
  }

}

#primary-menu ul ul li:hover > a {background-color: rgba(255,255,255,0.025);color:#fff;font-weight:500}




@media (max-width: 991.98px) {
  #header.dark.transparent-header.mrch .container {background-color:#0a314d;}
  #header.dark.transparent-header, #header.dark.semi-transparent {
    background-color: #0a314d;
    border-bottom: 0px solid rgba(0,0,0,0.1);}
/*
  #logo, #logo img  {height:80px}
  #primary-menu-trigger {top:15px }
*/
  #primary-menu ul li > a {
    font-weight: 700;
    font-size: 15px;
    letter-spacing:1px;
    text-transform: capitalize;
    }

  #primary-menu ul ul li > a {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;color:#fff !important
  }
  .dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {color: #fff !important;}

}

@media (max-width: 575.98px) {
  .container, #header.full-header .container, .container-fullwidth {
      width: 100% !important;
      padding-left: 15px !important;
      padding-right: 15px !important;
  }
  #primary-menu-trigger {left: 0px;}

}

#primary-menu ul ul > li.sub-menu > a, #primary-menu ul ul > li.sub-menu:hover > a {
    background-image: url(/_skin/kor/images/icons/submenu-snusr.png);
}

/*--------------// top ---------------------*/







/***main***/
/**메인슬라이드 네비*/
.slider-arrow-left.mains,
.slider-arrow-right.mains {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  top: 50%;
  left:auto;
  right: 160px;
  margin-top: 0px;
  background-color: rgba(0,0,0,0.0);
  width: 52px;
  height: 52px;
  border: 0px solid red;
  border-radius:0;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
.slider-arrow-left.mains {
  right: 260px;
  top: 50%;
  margin-top: -62px;
  border-radius:0px;
}

.slider-arrow-right.mains {
  right:  260px;
  top: 50%;
  margin-top: 0px;
  border-radius:0px;
}

.slider-arrow-left.mains i,
.slider-arrow-right.mains i {
  line-height: 50px;
  width: 34px;
  height: 52px;
  color: #DDD;
  color: rgba(255,255,255,0.7);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  font-size: 34px;
  text-align: center;
  margin-left: 10px;
}
.slider-arrow-right.mains i { margin-left: 10px; }
.slider-arrow-left.mains:hover,
.slider-arrow-right.mains:hover {color: #000;background-color: rgba(255,255,255,0.2) !important; }

.slider-arrow-left.mains i:hover,
.slider-arrow-right.mains i:hover {color: #fff;}


.mvnews-height{position: relative;}
.swiper_wrapper.mvnews-height:not(.force-full-screen), .swiper_wrapper.mvnews-height:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 680px !important;}
.mvnews-tit {position: absolute;top: 40%;right:0px;z-index: 20;max-width: 500px;color: #EEE;font-weight: 300;text-shadow:none;-webkit-transition: top .3s ease;-o-transition: top .3s ease;transition: top .3s ease;}
.mvnews-tit h2 {font-size:42px;line-height:50px;margin-bottom:20px;font-weight:700;color:rgba(255,255,255,0.9);}
.mvnews-tit h3 {font-size:16px;margin-bottom:30px;line-height:24px;font-weight:300;color:#fff}
a.mvnews-link {color:#f1c40f;font-size:14px;padding:8px 22px;border:1px solid #f1c40f;font-weight:bold}
a.mvnews-link:hover {color:#fff;border:1px solid #fff;background:rgba(255,255,255,0.3);}


@media (max-width: 1980px) and (min-width: 992px){
  .mvnews-tit {top: 35%;right:12%;}
  /**메인슬라이드 네비*/
  .slider-arrow-left.mains,
  .slider-arrow-right.mains {top: 50%;left:auto;right:8%;width:42px;height:42px;}
  .slider-arrow-left.mains {right:8%;top: 50%;margin-top: -62px;}
  .slider-arrow-right.mains {right:8%;top: 50%;margin-top: 0px;}

}

@media (max-width: 991.98px){
  .swiper_wrapper.mvnews-height:not(.force-full-screen), .swiper_wrapper.mvnews-height:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 500px !important;}

  .mvnews-tit {top: 35%;right:60px;max-width: 400px;}
  .mvnews-tit h2 {font-size:32px;line-height:40px;margin-bottom:20px;}
  .mvnews-tit h3 {font-size:16px;line-height:22px;margin-bottom:20px;}

  /**메인슬라이드 네비*/
  .slider-arrow-left.mains,
  .slider-arrow-right.mains {top: 50%;left:auto;right:20px;width:42px;height:42px;}
  .slider-arrow-left.mains {right: 20px;top: 50%;margin-top: -62px;}
  .slider-arrow-right.mains {right:20px;top: 50%;margin-top: 0px;}
  .slider-arrow-left.mains i,
  .slider-arrow-right.mains i {line-height: 40px;width: 24px;height: 44px;font-size: 30px;margin-left: 10px;}
  .slider-arrow-right.mains i { margin-left: 10px; }

}
@media (max-width: 767.98px) and (min-width: 576px) {
  .swiper_wrapper.mvnews-height:not(.force-full-screen), .swiper_wrapper.mvnews-height:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 420px !important;}
  .mvnews-tit {top: 30%;right:60px;max-width: 380px;}
  .mvnews-tit h2 {font-size:28px;line-height:38px;margin-bottom:10px;}
  .mvnews-tit h3 {font-size:15px;line-height:20px;margin-bottom:20px;}


}

@media (max-width: 575.98px) {
  .swiper_wrapper.mvnews-height:not(.force-full-screen), .swiper_wrapper.mvnews-height:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 360px !important;}
  .mvnews-tit {top: 30%;right:40px;max-width: 300px;}
  .mvnews-tit h2 {font-size:22px;line-height:30px;margin-bottom:6px;}
  .mvnews-tit h3 {font-size:14px;line-height:20px;margin-bottom:14px;}
  a.mvnews-link {font-size:13px;padding:5px 14px;}
  .slider-arrow-left.mains, .slider-arrow-right.mains {display:none}


}

@media (max-width:375.98px) {
  .swiper_wrapper.mvnews-height:not(.force-full-screen), .swiper_wrapper.mvnews-height:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {height: 320px !important;}
  .mvnews-tit {top: 30%;left:20px;max-width: 280px;}
  .mvnews-tit h2 {font-size:20px;line-height:26px;margin-bottom:5px;}
  .mvnews-tit h3 {font-size:13px;line-height:18px;margin-bottom:10px;}
  a.mvnews-link {font-size:12px;padding:5px 12px;}

}
.width-wrap {position: relative;max-width:1980px;margin:0 auto !important;}
.mv-black:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top,  #000000 0%, #343434 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #000000 0%,#343434 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #000000 0%,#343434 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
  opacity:0.35;
}


.photonews {position:relative;background:#ecf0f1 url('../images/temp/mc-bg2.jpg') center center ;background-size: cover; padding:60px 0;}
.photonews [class^='col-'] {padding: 0px 0;}
.mv-overlay11 {
  opacity: 0;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
body:not(.device-touch) .mv-overlay {
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.swiper-wrapper.mv-overlay {
  opacity: 1;
  padding: 40px 15px 15px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.99) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.99))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.99) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  backface-visibility: hidden;
}
.swiper-wrapper.text-overlay {padding:0}



.entry-title h4.ntit {font-size:18px !important;font-weight:500}
.entry-title .nstit {font-size:16px !important;font-weight:300}
.notice-block {position:relative;background: #fff url('../images/temp/m-phone3.png') 10px bottom  no-repeat;background-size:300px;padding:60px 0 50px;}
.spost .entry-image, .spost .entry-image a, .spost .entry-image img, .spost .entry-image i {width: 120px;height: 60px;}
.notice-block .tab-content {padding:20px;}
@media (max-width: 1400.98px){
  .notice-block {background-size:200px;padding:60px 0;}
}

@media (max-width: 967.98px){
  .notice-block {background:none !important;}
}

@media (max-width: 575.98px) {
  .notice-block {padding:30px 0;}
  .notice-block .tab-content {padding:0px;}
}

@media (max-width:375.98px) {

}



.hcont,
.sr-cont {font-size:1.125rem;line-height:1.5;}
.wide-wrap {max-width:1280px;margin:0 auto}

h2.contit {font-size:38px;font-weight:800;line-height:52px;margin-bottom:30px;color:#121212}
h3.contit {font-size:32px;font-weight:800;line-height:44px;margin-bottom:30px;color:#121212}
h4.contit {font-size:22px;font-weight:700;line-height:34px;margin-bottom:10px;color:#121212}
h5.contit {font-size:18px;font-weight:700;line-height:28px;margin-bottom:0px;color:#121212}

h2.contit > em {font-style:normal !important;display:block;}

.contit-wrap {padding:100px 0 20px;text-align:center}
.contit-wrap.pdt50 {padding-top:50px}
.contit-wrap h2:before {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 1px;
    height: 40px;
    margin-top: -15px;
    background-color: #000;
    content: '';
}

.contit-wrap h2{
    position: relative;
    font-size: 38px;line-height:42px;
    font-family: 'Nanum Myeongjo';font-weight:700;letter-spacing:10px;text-align:center;
    color: #111;margin-bottom:20px;
    }

@media (max-width: 991.98px) {
  .sr-cont {font-size:1rem;line-height:1.6}
  h2.contit > em {display:inline}
}

@media (max-width: 767.98px) {
  h2.contit {font-size:32px;line-height:44px;}
  h3.contit {font-size:28px;line-height:38px}
  h4.contit {font-size:18px;line-height:28px}
  h5.contit {font-size:16px;line-height:26px}
  .contit-wrap {padding:60px 0 10px;text-align:center}
  .contit-wrap.pdt50 {padding-top:30px}
  .contit-wrap h2{font-size:32px;line-height:32px;letter-spacing:0px;margin-bottom:10px;}

}

@media (max-width: 575.98px) {
  .sr-cont {font-size:1rem;line-height:1.6;}

  h2.contit {font-size:24px;line-height:34px;margin-bottom:20px;}
  h3.contit {font-size:22px;line-height:32px;margin-bottom:20px;}
  h4.contit {font-size:16px;line-height:26px}
  h5.contit {font-size:14px;line-height:24px}
  .contit-wrap h2{font-size:24px;line-height:30px;}
  .section {margin:30px 0;padding:30px 0; }

}




/** 컨텐츠 메뉴 **/
.pgmu {text-align:center;font-weight:400;justify-content: center;margin-bottom:0px;}
.pgmu .pmbox{width: calc(33.333% - 10px);padding:10px 16px;border:1px solid #ccc;margin:0 5px 10px 5px;font-weight:500;color:#7f7d89;font-size:20px;border-radius:20px;}
.pgmu.col4 .pmbox{width: calc(25% - 10px);}
.pgmu .pmbox.current,
.pgmu .pmbox:hover {color:#fff;background:#ef7911;border:1px solid #ef7911;font-weight:500;}


@media (max-width: 767.98px) {
  .pgmu  .pmbox {padding:8px;-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;font-size:18px}
  .pgmu.col4 .pmbox,
  .pgmu  .pmbox{width: calc(50% - .5rem);margin:0 .25rem .5rem .25rem;}
  .pgmu  .pmbox.w100 {width:100%;margin:0 .25rem .5rem .25rem;}
}
@media (max-width: 575.98px) {
  .pgmu  .pmbox {padding:4px 6px;font-size:16px}
}

/**소개**/
/*설립목적*/
.bg-vision{position:relative;background:url('../images/site/img-goal-05.jpg') center center no-repeat;background-size:cover;padding:2%;}
.bg-vision .copybox {padding:40px 120px;background:rgba(44,47,136,0.5);border-radius:0.5rem}
.bg-vision .tit {font-size:28px;line-height:38px;color:#ef7911;font-weight:700;margin-bottom:2px}
.bg-vision .text {font-size:18px;line-height:28px;color:#fff;font-weight:400;}
.cnt-goal .card-text {font-size:18px;line-height:24px;font-weight:500}

@media (max-width: 1200.98px) {
  .cnt-goal .card-text {min-height:48px}
}

@media (max-width: 991.98px) {
  .bg-vision .copybox {padding:40px;}
}

@media (max-width: 767.98px) {
  .bg-vision .copybox {padding:30px;}
  .bg-vision .tit {font-size:22px;line-height:32px;}
  .bg-vision .text {font-size:16px;line-height:26px;}
  .cnt-goal .card-text {min-height:auto}

}
@media (max-width: 575.98px) {
  .bg-vision .copybox {padding:20px;}
  .bg-vision .tit {font-size:20px;line-height:30px;}
  .bg-vision .text {font-size:15px;line-height:25px;}
  .cnt-goal .card-text {font-size:16px;line-height:22px;}
}

/**역사**/
.timeline {position: relative;margin: 0 auto;background: url('../images/site/img-history.jpg') no-repeat center center;background-size:auto;background-attachment: fixed;box-sizing: border-box;padding:40px 0}
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color:rgba(255,255,255,1);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.timeline-box {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.timeline-box::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color:#fff;
  border: 4px solid #ef7911;
  top: 17px;
  border-radius: 50%;
  z-index: 1;
}
.h-left {left: 0;}
.h-right {left: 50%;}
.h-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid rgba(255,255,255,0.9);
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent rgba(255,255,255,0.9);
}
.h-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid rgba(255,255,255,0.9);
  border-width: 10px 10px 10px 0;
  border-color: transparent rgba(255,255,255,0.9) transparent transparent;
}
.h-right::after {left: -12px;}
.timeline .content {
  padding: 20px 30px;
  background-color: rgba(255,255,255,0.9);
  position: relative;
  border-radius: 6px;font-size:16px;
}
.timeline .content h3{font-size:26px;margin-bottom:12px;color:#2c2f88}

@media screen and (max-width:768px) {
  .timeline::after {left: 28px;}
  .timeline-box {width: 100%;padding-left: 70px;padding-right: 25px;}
  .timeline-box::before {
  left: 60px;
  border: medium solid #fff;
  border-width: 10px 10px 10px 0;
  border-color: transparent rgba(255,255,255,0.9) transparent transparent;
  }
  .h-left::after, .h-right::after {left: 15px;}
  .h-right {left: 0%;}
  .timeline .content {padding:10px 20px;font-size:14px;}
  .timeline .content h3{font-size:20px;margin-bottom:4px}
}

.divider.snusr {color:#8395a7;}
.divider.snusr:after, .divider.snusr.divider-center:before, .divider.snusr.divider-center.divider-short:before {
    border-top: 1px solid #8395a7;
}
.zinx2 {z-index:2;position:relative}
.service-box {margin:-150px 0 50px 0;padding:200px 0px 50px;background:#f2f2f2;width:100%;position:relative;z-index:1}
.service-box .service-box-cont {max-width:1000px;margin:0 auto}

.work-copy {font-size:28px;font-weight:400;}
.work-copy2{font-size:18px;font-weight:400;}
.work-copy3{font-size:22px;font-weight:400;}

.br10 {border-radius:10px}
@media (max-width: 991.98px) {
  .service-box {margin-top:-100px;padding:150px 0px 50px;}
}

@media (max-width: 767.98px) {
  .service-box {margin-top:-80px;padding:130px 0px 50px;}
  .work-copy {font-size:20px;}
  .work-copy2 {font-size:16px;}
  .work-copy3{font-size:18px;font-weight:400;}

}

@media (max-width: 575.98px) {
  .service-box {margin-top:20px;padding:30px 0px;}
}
.card-img-top {
height: 100% !important; min-height: 1rem;
width: 100%;

}
/**활동내역**/
  .act-people div {font-size:14px;font-weight:400;padding:10px 20px;margin:7.2px ;border:1px solid #ddd;color:#212121;border-radius:10px;background:#fff}
  .act-people div:hover {background:#212121;color:#eee;border:1px solid #212121;cursor: pointer}
@media (max-width: 575.98px) {
  .line-box.mopd {padding:20px 10px;}
  .act-people div {font-size:13px;line-height:13px;padding:6px 10px;margin:4px ;border:1px solid #ddd;color:#212121;border-radius:3px;}
}



.nav-center {
  text-align: center;
}
.nav-center ul.nav {
  display: inline-block;
}
.nav-center ul.nav li {
  display: inline a;
  display-float: left;
}

/** 상징소개 **/
.ci-box {border:1px solid #ddd;padding:30px 20px;text-align:center;}


/** 리더스클럽 **/
.gold-level {width: calc(50% - 1rem);margin:0 .5rem 20px .5rem;border:1px solid #ccc;display:block;background:#fff;border-radius:20px;}
.gold-level .gcont {padding:24px 20px}
.gold-level .ginfo {padding:0 20px 0 40px ;width:80%;font-size:14px;line-height:18px;color:#222;}
.gold-level .ginfo ul {margin-bottom:0}
.gold-level .ginfo li {margin-bottom:8px;color:#000}
.gold-level .ginfo li:last-child {margin-bottom:0px}
.gold-level .ginfo li i{color:#555;}
.gold-level .comment {font-size:15px;line-height:25px;font-weight:500;color:#2c2f88;margin-top:20px;font-style:italic}
.gold-level .comment span{font-size:16px;font-weight:700;}
.gold-level h2 {font-size:22px;line-height:24px;font-weight:800;margin-bottom:20px;color:#333;letter-spacing:2px;}
.gold-level h2 span{display:block;margin-top:3px;font-size:15px;font-weight:500;letter-spacing:0px;color:#888 !important}

.gold-level .star {font-size:18px;color:#ef7911;margin:5px 0px 20px;}

.gold-level .pto {height:9em;width:25%;min-width:25%;}
.gold-level .pto img {border-radius:0.12rem;height: 100%;object-fit: cover;border-radius:20px;border:1px solid #ddd}

@media (max-width: 991.98px) {
  .gold-level {width:100%;margin:0 0 20px 0;}
  .gold-level .gcont {padding:24px 20px}
  .gold-level .pto {height:8em;width:7em;}
  .gold-level .ginfo {padding:0 20px;}
}

@media (max-width: 767.98px) {
  .gold-level h2 span{margin-top:2px;font-size:14px;}
}
@media (max-width: 575.98px) {
  .gold-level {margin:0 0 12px 0;}
  .gold-level .ginfo {padding:10px;width:100%;font-size:14px}
  .gold-level .ginfo li {margin-bottom:3px}
  .gold-level h2 {font-size:18px;line-height:18px;margin-bottom:4px;}

  .gold-level .pto {height:100%;width:100%;min-height:100px;border-radius:0.1em;margin-bottom:12px}
  .gold-level .gcont {padding:16px 12px;-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}
  .gold-level h3{font-size:13px;line-height:16px;}

}



.copybox {max-width:600px;position:relative;color:#fff !important;padding:20px;}
.copybox h4 {color:#fff;font-size:42px;line-height:42px;font-weight:700;margin-bottom:30px;}
.copybox h4 span{color:#fff !imporant;background:#2c2f88;padding:8px;}
.copybox h5 {color:#fff;font-size:20px;line-height:30px;font-weight:500;margin-bottom:0px;}
.copybox .slink a{color:#f6e58d;font-weight:700;font-size:18px;margin-top:20px;display:block}
.bg-item {padding:0.6rem 1rem;margin:0.20rem;background:#2c2f88;color:#dff9fb;font-size:16px;border-radius:20px}
.item-img {position: absolute;bottom:10%;right:-5%}

@media (max-width: 991.98px) {
  .copybox {max-width:80%}
  .copybox h4 {font-size:36px;line-height:36px;margin-bottom:28px;}
  .copybox h4 span{padding:6px;}
  .copybox h5 {font-size:18px;line-height:26px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
  .copybox .slink a{font-size:18px;margin-top:20px;}
  .item-img {bottom:20%;right:-30%}

}
@media (max-width: 767.98px) {
  .copybox {max-width:80%}
  .copybox h4 {font-size:26px;line-height:26px;margin-bottom:22px;}
  .copybox h5 {font-size:16px;line-height:24px;}
  .copybox .slink a{font-size:18px;margin-top:20px;}
}

@media (max-width: 578.98px) {
  .copybox {max-width:78%}
  .copybox h4 {font-size:24px;line-height:36px;margin-bottom:20px;}
  .copybox h5 {font-size:16px;line-height:24px;}
  .copybox .slink a{font-size:16px;margin-top:14px;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
  .bg-item {font-size:14px;}
  .item-img {bottom:30%;right:-70px}
}

.ls-box {position:relative;border:12px solid #000;}


.hisotry-list > ul{list-style:none;border-top:2px solid #ccc}
.hisotry-list > ul > li{padding:30px 18px;border-bottom:1px solid #ddd;
  display: -ms-flexbox !important;
  display: flex !important;
}
.hisotry-list .thumb {}
.hisotry-list .thumb img {max-height:160px;max-width:300px}
.hisotry-list .info {padding-left:30px;}
.hisotry-list .info h4 {font-size:22px;line-height:30px;font-weight:700;margin-bottom:20px;}



@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
  .hisotry-list > ul > li{
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  }

  .hisotry-list .thumb img {max-height:140px;max-width:100%;text-align:center !important;margin:0 auto}
  .hisotry-list .info {padding-left:0em;margin-top:20px}
  .hisotry-list .info h4 {font-size:18px;line-height:28px;margin-bottom:10px;}
}

@media (max-width: 578.98px) {
  .hisotry-list > ul > li{padding:18px 6px;}
  .hisotry-list .info h4 {font-size:16px;line-height:26px;margin-bottom:8px;}
  .hisotry-list .info {font-size:14px;line-height:22px;}

}



.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}


/*************뉴스레터****/

.out-line-01 {margin:0 auto;border:6px solid #facac1;}
.out-line-02 {margin:0 auto;border:6px solid #d1e1ef;}

.out-line-01-2019 {margin:0 auto;border:6px solid #fabe92;}
.out-line-02-2019 {margin:0 auto;border:6px solid #939ccb;}

.ns-wrap {margin:0 auto;padding:50px 0;width:700px;font-family:'malgun gothic','맑은 고딕'}
.ns-wrap a {text-decoration:none}
.ns-wrap span {display:block}
.ns-wrap em{font-size:12px;color:#b20000;font-style:normal;font-weight:bold}

.ns-wrap .comment {background-color:#f0f0f0;color:#555;line-height:18px;font-size:12px;padding:20px 26px 15px;margin-bottom:20px;}
.ns-wrap  .footer-box {background-color:#333;color:#999;font-size:11px;padding:20px;line-height:16px;}
.ns-wrap  .footer-box a {color:#fff}
.ns-tit-01 {font-size:15px;color:#333 !important;font-weight:bold;margin-bottom:5px;line-height:19px;letter-spacing: -1px;}
.ns-tit-01-1 {font-size:17px;color:#333 !important;font-weight:bold;margin-bottom:5px;line-height:19px;letter-spacing: -1px;}
.ns-tit-02 {font-size:12px;color:#777;line-height:17px;letter-spacing: -1px;}
.ns-title-box {border-top:3px solid #222;border-bottom:1px solid #333;padding:0px 10px;font-size:13px;line-height:46px;color:#444;margin-bottom:20px;}
.ns-title-box ul {list-style:none}
.ns-title-box li {float:left;width:50%}
.ns-title-box li a {color:#333;font-size:16px;font-weight:bold}
.ns-title-box ul:after { display:block; visibility:hidden; clear:both; height:0; content:'';}
.ns-title-box li.link {text-align:right}

.ns-line {padding-bottom:20px;border-bottom:1px dashed #ccc;margin-bottom:20px}

.newsletter-top {background:#fabe92;margin-bottom:0px;padding:20px 0 10px}
.newsletter-top .past {font-size:15px;font-weight:bold;margin-left:20px}
.newsletter-top .past select {padding:5px;font-size:14px;border:1px solid #eee;color:#2f7fc8;font-weight:bold;}
.newsletter-top .submit{text-align:right;margin-right:20px}


.view-pc {display:block;height:240px;}
.view-mobi {display:none}

.ns-2020 {font-family:'Noto Sans KR', sans-serif !important;font-weight:400;}
.ns-2020 .ns-tit-01 {font-size:15.5px;line-height:22px;font-weight:700}
.ns-2020 .ns-tit-02 {font-size:14px;color:#666;line-height:20px;letter-spacing: -1px;}
.ns-2020 .ns-title-box {border-top:3px solid #222;border-bottom:1px solid #333;padding:0px 10px;font-size:13px;line-height:46px;color:#444;margin-bottom:20px;}
.ns-2020 .ns-title-box ul {list-style:none}
.ns-2020 .ns-title-box li {float:left;width:50%}
.ns-2020 .ns-title-box li a {color:#333;font-size:16px;font-weight:bold}
.ns-2020 .ns-title-box ul:after { display:block; visibility:hidden; clear:both; height:0; content:'';}
.ns-2020 .ns-title-box li.link {text-align:right}
.ns-2020.footer-box {font-size:13px;padding:20px;line-height:18px;}




@media only screen and (min-width: 768px) and (max-width: 991.98px) {

.ns-wrap span {display:inline}

.view-pc {height:190px;}

.ns-tit-01 {font-size:14px;color:#333 !important;font-weight:bold;margin-bottom:5px;line-height:19px;letter-spacing: -1px;}
.ns-tit-01-1 {font-size:16px;color:#333 !important;font-weight:bold;margin-bottom:5px;line-height:19px;letter-spacing: -1px;}
.ns-tit-02 {font-size:12px;color:#777;line-height:17px;letter-spacing: -1px;}

.out-line-01,
.out-line-02,
.out-line-01-2019,
.out-line-02-2019 {margin:0 auto;border:none !important ;}

}

@media only screen and (max-width: 767px) {
  .footer-box-copy {margin-top: 20px;}
  .view-pc {display:none}
  .view-mobi {display:block}


.newsletter-top .past {margin-bottom:10px}
.newsletter-top .submit{text-align:left;margin:0 0 0 20px}

.out-line-01,
.out-line-02,
.out-line-01-2019,
.out-line-02-2019 {margin:0 auto;border:none !important ;}


.ns-wrap {width: 300px;}
.ns-wrap span {display:inline}


.ns-title-box li {width:100%}
.ns-title-box li.link {display:none}

.view-pc {display:none}
.view-mobi {display:block}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.newsletter-top .past {margin-bottom:10px}
.newsletter-top .submit{text-align:left;margin:0 0 0 20px}

.out-line-01 {margin:0 auto;border:0px solid #facac1;}
.out-line-02 {margin:0 auto;border:0px solid #d1e1ef;}
.ns-wrap {width: 420px;}
.ns-wrap span {display:inline}


.ns-title-box li {width:100%}
.ns-title-box li.link {display:none}

.view-pc {display:none}
.view-mobi {display:block}

}




/*자료검색박스*/
.data-search {background-color:#f1f2f6;padding:10px 12px;margin-bottom:30px;border-radius:20px;}
.data-search .row > * {
    margin: var(--bs-gutter-y) 0;
}


.data-search form {margin:0}
/*.data-search .btn {border-radius:0;}*/
.data-search .form-control {font-weight:500}
@media (max-width: 575.98px) {
  .data-search{padding:8px 12px 16px;}
  .data-search .btn {display: block;width: 100%;}
  .data-search .row > * {
      margin:10px 0 0;
  }


}



/*****사회공헌형교과목***/
.sl-search-togle a{background:#ddd;color:#222;font-size:15px;font-weight:500;padding:16px;text-align:center;display:block}
.sl-search {border:1px solid #ddd;padding:20px 20px 15px}
.sl-search form {margin:0;padding:0}
.sl-search label {
    font-size: 15px;
    font-weight:400;
    text-transform: capitalize;
    letter-spacing: 0px;
}
.sl-search .space {padding-bottom:10px;margin-bottom:16px;border-bottom:1px dotted #ccc}
.sl-search .k-title {width:20%;font-weight:700;padding-right:20px;}
.sl-search .s-word {width:80%}

.sl-check form {padding:0;margin:0}
.sl-check label {font-size:15px;font-weight:400}

[data-toggle="collapse"] .icon-:before {
  content: "\e911";
  font-family: 'font-icons';font-size:18px;
}

[data-toggle="collapse"].collapsed .icon-:before {
  content: "\e914";
  font-family: 'font-icons';font-size:18px;
}

#SL-list .entry-image {margin-bottom:16px;}
#SL-list.post-grid .entry-title h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0px;margin-bottom:6px;
}
#SL-list .entry:after {margin-top: 30px;}

.tag-sl a {
    margin: 6px 3px;
    font-weight: 400;
    padding:3px 8px 4px;
    border: 1px solid #ccc !important;
    font-size: 13px !important;
    color: #666 !important;
    border-radius: 0rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tag-sl a:hover {
  border-color: #ef7911 !important;
  color: #ef7911 !important;
}
.tag-sl a:first-child {margin-left:0}

.list-ro-sl {list-style:none;margin:0 0 10px 0;padding:0;font-size:14px;font-weight:400;}
.list-ro-sl li{ text-indent:-10px; margin-left:10px;margin-bottom:4px;}
.list-ro-sl li:last-child {margin-bottom:0}
.list-ro-sl li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#aaa; display:inline-block; margin:0 8px 5px 0; vertical-align:middle;}

@media (max-width: 991.98px) {
#SL-list.post-grid.grid-3 .entry{padding-right: 0px !important;}

.sl-search .k-title {width:25%;}
.sl-search .s-word {width:75%}

}



/**교과목보기**/
#SL-view .titbox {position:relative;width:100%;padding:20px 30px;background:#fcfcfc url('/_skin/kor/images/icons/climpek.png') repeat;color:#333;border:1px solid #eee;margin-bottom:10px; }
#SL-view .titbox ul{list-style:none;padding:0;margin:0 0 0px 0;font-size:18px;font-weight:500}
#SL-view .titbox h2{font-size:32px;margin:10px 0 30px;color:#222}
#SL-view .titbox .thumb-wrap {text-align:right;border-radius:0.3em;max-height:220px}
#SL-view .titbox .thumb-wrap img {}

.tag-sl.tblue {margin-top:20px;}
.tag-sl.tblue a {border-color:#2c2f88 !important;color: #2c2f88 !important; background:#fff;font-size:15px !important;}
.tag-sl.tblue a:hover {border-color: #ef7911 !important;color: #ef7911 !important;}

#SL-view .owl-carousel .owl-dots .owl-dot {margin-top:0px}
#SL-view .data-wrap {padding:10px}
#SL-view .data-wrap .filebox {background:#f4f4f4;border:1px dotted #ccc;padding:14px 22px;font-size:15px;font-weight:500;color:#000;margin-top:10px;}
#SL-view .data-wrap .filebox h4 {font-size:16px;margin-bottom:10px}

.team-wrap {margin-bottom:20px}
.team-tit {padding:12px 16px;background:#2c2f88;color:#fff;font-weight:700;font-size:18px;}

@media (max-width: 767.98px) {
  #SL-view .titbox {padding:20px;text-align:center}
  #SL-view .titbox ul{margin:0 0 15px 0;font-size:16px;}
  #SL-view .titbox h2{font-size:22px;margin:0px 0 30px 0}
  #SL-view .titbox .thumb-wrap {text-align:center;max-height:100% }
  .tag-sl.tblue a {font-size:14px !important}
  .tag-sl.tblue {margin-top:10px;-ms-flex-pack: center!important;justify-content: center!important;}
  #SL-view .data-wrap .filebox {padding:16px;font-size:14px;}
}







.team-tit a {color:#fff}
table.table-sl {width:100%;border:0;border-color:transparent;font-size:0.9rem;border-collapse: collapse;border-spacing: 0;background:#fff;position:relative;}
table.table-sl th{text-align:left;}
table.table-sl td, table.table-sl th{padding:7px 10px;border:1px solid #ddd;vertical-align:middle;}
table.table-sl th {background:#fbfbfb;font-weight:bold;}
table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;padding:0 !important}

/* table side border */
table.table-sl.noside th:first-child, table.table-sl.noside td:first-child { border-left:none; }
table.table-sl.noside th:last-child, table.table-sl.noside td:last-child { border-right:none; }

table.table-sl > tbody + tbody {border-top:0px solid #f00 !important;}
table.table-sl.tcenter th, table.table-sl.tcenter td { text-align:center ;}
table.table-sl.tright th, table.table-sl.tright td { text-align:right;}


.table-sl.reg-sl {border-top:0px solid #ccc}
.table-sl.reg-sl td, .table-sl.reg-sl th {
    padding:14px 12px;
    border: 0px solid #ccc;
}

.table-sl.reg-sl2 td, .table-sl.reg-sl2 th {
    padding:14px 12px;
    border: 1px solid #ddd;
}
.table-sl.reg-sl2 th {background:#f1f2f6;font-weight:500;}

.table-sl.reg-sl.thbg th {background:#f3f3f3 !important;}
.table-sl.reg-sl.thbg {border-top:2px solid #ccc }


.table-sl.reg-sl th {background:#f1f2f6;font-weight:500;}
.table-sl.reg-sl {font-size:15px}
.table-sl.reg-sl .form-group{margin-bottom:6px;}
.table-sl.reg-sl td.stit {padding:10px 12px;background:#2c2f88;color:#fff;font-weight:500;font-size:14px;}
.table-sl.reg-sl td.stit2 {padding:12px 16px;background:#2c2f88;color:#fff;font-weight:700;font-size:18px;}
.table.reg-sl .btn-sm, .table.reg-sl .btn-group-sm > .btn {border-radius: 0rem;}
.table.reg-sl .custom-file-label::after {content: "파일찾기";}
.custom-file-input {border-radius: 0rem !important;}

.table-sl.reg-sl .fbold {font-weight:500 !important}

.reg-sl .form-control {
    height: calc(2rem + 2px);
    padding: 0.2rem 0.4rem;
    font-size: 14px;
}
.reg-sl2 .form-control {
    height: calc(2rem + 2px);
    padding: 0.1rem 0.4rem;
    font-size: 14px;
}


@media (max-width: 991px){
  .table-sl.reg-sl colgroup {display:none  !important}

  .table-sl.reg-sl {font-size:15px;table-layout:fixed;width:100% !important}
  .table.reg-sl td,
  .table.reg-sl th {display:block !important;width:100% !important}
  .table-sl.reg-sl td,
  .table-sl.reg-sl th {
    padding: 14px 10px;
    border: 0px solid #ddd;
    display:block !important;
    vertical-align: middle;
    width:100% !important
  }

  .table.in-table td,
  .table.in-table th {display:inline !important}


  table.table-sl.reg-sl th {
    background:#ecf0f1;padding:2px 10px;
    font-weight:500;width:100% !important
  }
}


/*** 로그인 박스 ***/
.login-box {border:3px solid #ddd;padding:30px 40px;font-weight:400}
.login-box .login-wrap {padding:40px;padding-bottom:20px;border-top:1px dotted #ccc;}
.login-box .login-wrap label {font-size:16px;}
@media (max-width: 767.98px) {
  .login-box {padding:20px;}
  .login-box .login-wrap {padding:20px;padding-bottom:0px;}
  .login-box .login-wrap label {font-size:14px;}
}
@media (max-width: 575.98px) {
  /*.login-box {padding:25px 20px 0;} */
  .login-box .login-wrap {padding:0px;padding-top:20px;}
}



.past-work .card-body {color:#555;font-weight:400}
.past-work .card-body a h4 {font-size:20px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing:-1px;color:#222}
.past-work .card-body a:hover h4 {color:#e67e22}
.bgimg-box {width:100%;padding:80px 20px;background-size:cover;background-repeat:no;background-position:center center;position:relative;}
.bgimg-box h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:0;text-align:center;position:relative;}
.bgimg-box h4{font-size:16px;font-weight:500;color:#ffa502;margin-bottom:0;text-align:center;position:relative;}
.bgimg-box .overlay-past {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.no-br {border-radius:0 !important}
.snusr .modal-header {
    border-bottom: 1px solid #333;
    background:#333;color:#fff;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}
.snusr .modal-header h4 {color:#fff}
.snusr .modal-content {border:0;border-radius:0 !important}
.snusr .modal-header .close {color: #fff;text-shadow: none;opacity: .8;}

.snusr .modal-body .infobox {background:#f1f2f6;color:#57606f;font-weight:700;font-size:15px;padding:14px 20px;margin-bottom:20px;}
.snusr .modal-body .disc {font-size:14px;padding:0 20px}
.snusr .modal-body .disc h5 {font-size:15px;margin-bottom:2px;font-weight:500}
.snusr .modal-body .disc div{margin-bottom:15px}

@media (max-width: 575.98px) {
  .snusr .modal-body .infobox {font-size:16px;padding:10px;margin-bottom:15px;}
  .snusr .modal-body .disc {padding:0 10px}
  .snusr .modal-body .disc div{margin-bottom:10px}
  .bgimg-box {padding:50px 10px;}
  .bgimg-box h3{font-size:24px;}
}

.social-icon.si-small.ic-naver {
    width: 32px;
    height: 32px;
    font-size: 20px !important;
    line-height: 30px !important;
}


/***top***/
.mega-menu-content {padding:0 !important;margin:0 !important;width:100%;}
@media (min-width: 992px) {
  #logo img { margin:  0 auto; }
  #top-search {
    padding: 40px 0 40px 35px;
    border-left: 1px solid rgba(0,0,0,0.1);
    margin: 0 !important;
    transition: all .4s ease;
  }
  #header.sticky-header:not(.static-sticky) #top-search {
    margin: 0 !important;
    padding: 20px 0 20px 35px;
  }
  #header.dark #top-search{ border-left-color: rgba(255,255,255,0.2) !important; }

  #header.sticky-on-upscroll #header-wrap {
    -webkit-transition: height .4s ease, opacity .4s ease, top .4s ease;
    -o-transition: height .4s ease, opacity .4s ease, top .4s ease;
    transition: height .4s ease, opacity .4s ease, top .4s ease;
    -webkit-backface-visibility: hidden;
  }

  #header.sticky-on-upscroll.sticky-header #header-wrap { top: -60px; }

  #header.sticky-on-upscroll.show-sticky-onscroll.sticky-header #header-wrap { top: 0px; }
}


#primary-menu > ul > li > a {
  font-size: 17px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700 !important;
  text-transform: capitalize;
}



#primary-menu ul ul li > a {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 12px 20px;
  }

#primary-menu ul ul li:hover > a { padding-left: 25px; }








/***사회공헌형교과목  목록***/

.sl-listbox {width: calc(33.33333333% - 1rem);margin:0 0.5rem 20px 0.5rem;border-bottom:2px solid #000;display:block;background:#fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.sl-listbox .eventcont {padding:24px 0px}
.sl-listbox .eventinfo {padding:20px 10px 0;}
.sl-listbox:hover {border-color:#e67e22;box-shadow: 0 .125rem .25rem rgba(0,0,0,0.0);}

.sl-listbox h2 {font-size:18px;line-height:24px;font-weight:700;margin-bottom:12px;color:#333}
.sl-listbox h2 a {color:#222}
.sl-listbox h2 a:hover {color:#e67e22}

a.thumb-box {display:block;width:100%;height:160px;background-size:cover;background-position:center center;border:3px solid #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.thumb-box:hover {border:3px solid #e67e22}

.sl-history-list .list-ro-sl {list-style:none;margin:0 0 10px 0;padding:0;font-size:14px;font-weight:400;}
.sl-history-list .list-ro-sl li{ text-indent:-10px; margin-left:10px;margin-bottom:4px;}
.sl-history-list .list-ro-sl li:last-child {margin-bottom:0}
.sl-history-list .list-ro-sl li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#aaa; display:inline-block; margin:0 8px 5px 0; vertical-align:middle;}


.sl-history-list .tag-sl a {
    margin: 6px 3px;
    font-weight: 400;
    padding:3px 8px 4px;
    border: 1px solid #aaa !important;
    font-size: 13px !important;
    color: #666 !important;
    border-radius: 0rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.sl-history-list .tag-sl a:hover {
  border-color: #2c2f88 !important;
  color: #2c2f88 !important;
}
.sl-history-list .tag-sl a:first-child {margin-left:0}

@media (max-width: 991.98px) {
  .sl-listbox {width: calc(50% - 1rem);}
}

@media (max-width: 767.98px) {
  .sl-listbox {width:100%;margin:0 0 0px}
  a.thumb-box {height:200px;}
}


@media (max-width: 575.98px) {
  a.thumb-box {height:180px;}
}

/**경진대회 수상자 **/
.teamlist li { margin-bottom:10px;}
.teamlist li:nth-child( even ) { margin-bottom:20px; }
.teamlist li:last-child {margin-bottom:0}

/* 사회봉사교과목 */
.noresult { display:block; margin-top:20px; width:100%; border:2px solid #f5f5f5; padding:10px; text-align:center;}
.sl-history-main { background-color:rgba(0, 0, 0, 0.1); padding:10px; }
.sl-history-main .sl-listbox { margin-bottom:0px !important; border-bottom:none;}
.sl-history-main .sl-listbox .eventcont { padding:0 !important; }

/* 팀활동 관리 */
/* 활동영상 */
#movie-list { margin:0; padding:0; }
#movie-list li {list-style:none; padding:3px 0px; }
#movie-list li .handle { display:inline-block; padding-right:10px; }
#movie-list li input.form-control { width:80%; display:inline-block !important; }

/* multi file uploader (pluploader widget) */
.file-upload-box .file-size-info { margin:5px 0 0 0; text-align:right; }
.file-upload-box .file-drop-target { border: 5px dashed #999; text-align: center; color: #999; font-size: 1.8vw; width: 100%; padding:10px; cursor: pointer;}
.file-upload-box .file-drop-target > span { display:block; font-size: 1.5vw; color:#b50000}
.file-upload-box .file-drop-target.dragover { background: rgba(255, 255, 255, 0.4); border-color: green;}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .file-upload-box .file-drop-target {font-size: 12px;}
  .file-upload-box .file-drop-target > span {font-size:10px;}
}

@media screen and (min-width: 1200px) {
  .file-upload-box .file-drop-target {font-size: 20px;}
  .file-upload-box .file-drop-target > span {font-size:13px;}
}

.file-upload-box ul.file-queue-list { margin:5px 0 10px 0; padding:0; border:1px dotted #ddd; display:none;}
.file-upload-box ul.file-queue-list li { margin:0; padding:5px 5px; list-style:none; position:relative; font-size:0.9em;}
.file-upload-box ul.file-queue-list li a.upload-action-link { position:absolute; right:10px; top:2px; }
.file-upload-box ul.file-queue-list li div.upload_filename { padding-right:20px; } /* to prevent overlapped with cancel/remove link */
.file-upload-box ul.file-queue-list li:nth-child(odd) { background-color:#fbfbfb; }
.file-upload-box ul.file-queue-list li:nth-child(even) { background-color:#fff; }



.file-upload-box ul.file-queue-list.queue-thumbs li { display:inline-block !important; vertical-align:top !important; max-width:150px; min-height:180px; border:1px solid #eee; margin:5px;padding:0; }
.file-upload-box ul.file-queue-list.queue-thumbs li:hover { border:1px solid #f00; }
.file-upload-box ul.file-queue-list.queue-thumbs li div.upload_filename {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding:5px; border-top:1px solid #eee0;}
.file-upload-box ul.file-queue-list.queue-thumbs li div.upload_filesize { padding:0px 5px;}
.file-upload-box ul.file-queue-list.queue-thumbs li a.upload-action-link { position:absolute; right:10px; top:auto; bottom:2px !important; }
.file-upload-box ul.file-queue-list.queue-thumbs li a.view_uploaded_file { position:absolute; right:30px; top:auto; bottom:2px !important; }
.file-upload-box ul.file-queue-list.queue-thumbs li img { max-height:80px; }
.file-upload-box ul.file-queue-list.queue-thumbs li img:hover { cursor:move; }

.file-upload-box .upload_progress { height:1px;opacity:0;}
.file-upload-box .upload_progress_bar { height:100%; background-color:#55a7ff;}

.moxie-shim { width: auto !important; } /* plupload add a fixed width on div.moxie-shim, but it must not be fixed */

/****footer***/
.snusr-footer {background: url('../images/footer-bg.jpg') repeat; background-size: cover;}
.f-logo {margin-top: 8px; padding-right: 18px; border-right: 1px solid #444;text-align:left}

.w100 {width:100%}
#copyrights.dark {
    background-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}


.img-box {padding:10px 160px}
.rule-box {padding:30px 40px;border:2px dotted #bbb;background:#f9f9f9;color:#444}
.rule-box h5 {font-size:16px;margin-bottom:4px;font-weight:700;color:#666}

@media (max-width: 991.98px) {
  .img-box {padding:0px 40px}
}

@media (max-width: 767.98px) {
  #footer .footer-widgets-wrap {padding: 30px 0;text-align:center}
  .f-logo {margin:0px 0 10px; padding-right:0px; border-right:0px;text-align:left}
  .mo-mb10 {margin-bottom:20px}
  .img-box {padding:0px}
  .rule-box {padding:20px}
}



#primary-menu > ul > li > a.langs {font-size: 12px;color:#fff;letter-spacing:-0.5px;}
#primary-menu > ul > li > a.langs > em {border:1px solid #ddd;padding:6px 14px;font-style:normal;background:#2c2f88;border-radius:50px}
#primary-menu > ul > li > a.langs > em:hover {background:#e67e22;}





.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}