/* ----------------------------------------------------------------
  Custom CSS
-----------------------------------------------------------------*/
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font-weight:400; font-size: 16px; letter-spacing: 0em;line-height: 1.7; color: #333; -webkit-font-smoothing: antialiased;}
.en-cont {font-size: 18px;}
p {margin:0}
.content-wrap {
    position: relative;
    padding: 60px 0 60px;
}

.fw-400 {font-weight:400 !important}
.fw-500 {font-weight:500 !important}
.fw-700 {font-weight:700 !important}
.line-box {border:1px solid #ddd;padding:30px;text-align:center}
.line-box.dotted {border:3px dotted #ccc;text-align:left;border-radius:0.5em;padding:30px 40px;}
.line-box.dotted2 {border:1px dotted #ccc;text-align:left;border-radius:0.5em;padding:30px 40px;}
.line-box2 {border:1px solid #ddd;padding:16px;}

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

.pc-enter {display:block}
.mo-enter {display:inline}
.btn {border-radius:0.1rem}
.reqitemnoti {}

@media (max-width: 767.98px) {
  .line-box.dotted2,
  .line-box.dotted,
  .line-box {padding:20px;}
  .pc-enter {display:inline}
  .mo-enter {display:block}
  .en-cont {font-size: 16px;}

}


@media (max-width: 575.98px) {
  h2 {font-size:26px;}
  h3 {font-size:22px;}
  h4 {font-size:18px;}
  h5 {font-size:16px;}

  body {font-size: 14px;line-height: 1.6; }
  .en-cont {font-size: 14px;}

  .container, #header.full-header .container, .container-fullwidth {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .content-wrap {
      padding: 20px 0 60px;
  }

}


/* 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}


/* Animated Setting
-----------------------------------------------------------------*/
.animated {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
}

@-webkit-keyframes fadeInUp {
  from {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  }

  to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
  }

  to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  }
}






/******* Mobile Menu **********/
.nav-tree.human-mmu li a {
  color:rgba(255,255,255,0.7) !important;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  letter-spacing:0px;padding:5px 0;
}


.nav-tree.human-mmu li a:hover {color:#82ccdd !important}
.nav-tree.human-mmu li a i { float:right; }

.nav-tree.human-mmu ul ul a {
  color:#82ccdd;
  font-size: 14px;
  padding-left:5px !important;
  letter-spacing: 0px;
  font-weight: 400;
}
.nav-tree.human-mmu ul ul ul a {
  color:#82ccdd;
  font-size: 13px;
  padding-left: 10px  !important;
  letter-spacing: -1px;
  font-weight: 300;
}

.nav-tree.human-mmu ul ul ul li{background: url('../images/site/li_arrow.png') left 5px no-repeat;margin-left:10px}
#side-panel .side-panel-wrap.side-human {
    padding: 20px 30px 50px 40px;
}
.side-lang {margin:0px 0 25px;position:relative;}
.side-lang a {border:1px solid #82ccdd;padding:4px 12px;text-align:center;margin:0 2px;font-size:13px;font-weight:700;color:#82ccdd;transition: all 0.3s ease-in-out;letter-spacing:0px}
.side-lang a.active,
.side-lang a:hover {border:1px solid #82ccdd;background-color:#82ccdd;color:#fff}

#side-panel.dark {
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top,  #000000 0%, #343434 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #000000 0%,#343434 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #000000 0%,#343434 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#343434',GradientType=0 ); /* IE6-9 */

}
.nav-tree.human-mmu li.active > a {  color:#82ccdd !important;font-weight:700 !important}

/******* Mobile Menu END **********/

/*-------------- footer ---------------------*/


#footer {
    padding:40px 0 40px;
    border-top: 0px solid #b2bec3;
    font-size:14px;font-weight:400
}
#footer .copy{font-size:12px;font-weight:300;margin-top:4px;}

#footer.dark, .dark #footer,
.dark #copyrights {background-color:#2d3436 !important;color: rgba(255,255,255,0.9);}


/*--------------// footer ---------------------*/



/******** SV ***************/
.sv-black:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000; /* Old browsers */
  opacity:0.3;border-radius:0 0 0px 0px;
}


.sv-wrap {max-width:1600px;margin:0px auto}
/**page-title**/
#page-title.page-title-dark span {color:#b2bec3}
#page-title.pa-page-tit {padding:100px 0  !important;background-size:cover !important;}
#page-title.page-title-parallax.pa-page-tit h1 {font-size: 42px;font-weight: 700;letter-spacing:1px;color:#fff !important;margin-bottom:16px;}
#page-title.page-title-parallax.pa-page-tit h2 {font-size: 16px;font-weight: 500;letter-spacing:0px;color:#c8e16c !important;margin-bottom:0px;}

#page-title.page-title-parallax.pa-page-tit span {font-size:16px;font-weight:400;}
#page-title.page-title-parallax .breadcrumb >li {font-size:15px;color:#fff;text-shadow:none;
padding:6px 10px;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);
/*border:1px solid rgba(255,255,255,0.2);
background:rgba(255,255,255,0.22);*/
}
#page-title.page-title-parallax .breadcrumb {border:0px solid rgba(255,255,255,0.2);}
#page-title.pa-page-tit .breadcrumb > li + li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right:20px;
    border-radius: 50%;
    vertical-align: 3px;
    background: #aaa;
}

#page-title.page-title-dark .breadcrumb a {color:#fff}
#page-title.page-title-dark .breadcrumb a:hover {color:#efe1b3}
#page-title.pa-page-tit .breadcrumb > li:first-child {padding-left:20px}
#page-title.pa-page-tit .breadcrumb > li:last-child {color:#efe1b3;font-weight:400;padding-right:20px}
#page-title.pa-page-tit .breadcrumb > li:last-child a {color:#efe1b3;font-weight:400;}
#header.transparent-header + #page-title.page-title-parallax .breadcrumb {margin-top: 15px !important;}

@media (max-width: 767.98px) {
  #page-title.page-title-parallax.pa-page-tit h1 {font-size: 30px;}
  #page-title.page-title-parallax.pa-page-tit h2 {font-size: 14px;}
}

@media (max-width: 575.98px) {
  #page-title.page-title-parallax.pa-page-tit h1 {font-size: 24px;margin-bottom:0px;}
  #page-title.page-title-parallax.pa-page-tit h2 {display:none}
  #page-title.pa-page-tit {padding:40px 0 !important;}
  #page-title.page-title-parallax.pa-page-tit span {display:none}
  #header.transparent-header + #page-title.pa-page-tit .breadcrumb {margin-top: 6px !important;margin-bottom: 8px !important;}
  #page-title.page-title-parallax .breadcrumb >li {font-size:12.5px;padding:6px 5px;border:none;background:rgba(0,0,0,0.15);}
  #page-title.pa-page-tit .breadcrumb > li + li:before {width: 3px;height: 3px;margin-right:10px;vertical-align: 2px;}
  #page-title.pa-page-tit .breadcrumb > li:first-child {padding-left:10px}
  #page-title.pa-page-tit .breadcrumb > li:last-child {padding-right:10px}
}


/*--------------// sv ---------------------*/


/*-------------- Contents ---------------------*/

/*공통*/
.reqitem {
    color: #c0392b;
    padding-left: 3px;
    display: inline-block;
}
.formcomment {font-size:13px;font-weight:400;color:#888}

.pagecopy {font-size:28px;font-weight:700;margin-bottom:40px;color:#222;text-align:center}
.img-box {padding:60px;border:3px dotted #ccc;border-radius:0.5em}

h4.ico-tit {font-size:20px;margin-bottom:10px}

.line-box-of {border:2px solid #ddd;padding:14px 20px;border-radius:0.2rem;color:#000;font-size:14px;overflow-y:auto;min-height:240px;max-height:260px;}
.line-box-of.max-auto {min-height:auto;max-height:auto;}

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

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

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




/********************* password strength checker ***********************/
.pwstrenth {margin-top: 4px;width: 150px; display:none;}
.pwstrenth .label { position:relative; font-size:13px;}

.pw-very-weak .label {color: #d00;}
.pw-very-weak .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:30px; background: #d00; }

.pw-weak .label {color: #d00; font-size:13px;}
.pw-weak .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:60px; background: #d00; }

.pw-mediocre .label {color: #c0bd00; font-size:13px;}
.pw-mediocre .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:90px; background: #c0bd00; }

.pw-strong .label {color: #f3b31a; font-size:13px;}
.pw-strong .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:120px; background: #f3b31a; }

.pw-very-strong .label {color: #00a500; font-size:13px;}
.pw-very-strong .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:150px; background: #00a500; }

/********************* //password strength checker ***********************/

/*** 로그인 박스 ***/
.process-steps li h5 {font-size:18px;margin-bottom:0px;}
.stit {font-size:16px;margin-bottom:4px;font-weight:500}


/*로그인*/
.login-wrap {position:relative;border:2px dotted #ddd;border-radius:0.2rem;padding:40px;max-width:1000px;margin:0 auto}
.login-wrap.w100 {max-width:1000%;}

.login-guide {margin:0px 0 26px;font-size:15px;font-weight:400;text-align:left;padding:16px 20px;background:#f1f2f6}
.log-msg-wrap {padding:0px 0 0px}
.btn-wrap {padding:30px 0 0px;text-align:center}
.btn-wrap a {display:inline-block;padding:0 22px;font-size:16px;font-weight:500;}
.login-wrap label {font-size:16px;margin-bottom:5px;}



.rule-box {
    padding: 20px 24px;
    border: 1px dotted #ccc;
    background: #f9f9f9;
    font-size: 15px;
}

.rule-box h5 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #1D3F7E;
}
.rule-box h6 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin-bottom: 6px;
}
.rule-box p {
    margin-bottom:20px;
}





/**교육일정**/

.edu-info {}
.edu-info a.tit{font-size:16px;font-weight:500;display:block;margin-bottom:4px;color:#222}
.edu-info a.tit:hover{color:#0055a2}
.edu-info span.fee {font-weight:500;color:#b20000}
.sc-pc {display:block}
.sc-mo {display:none}

.btn-ssm, .btn-group-ssm > .btn {
  padding: 0.1rem 0.25rem;
  font-size: 0.8rem;
  line-height: 1.5;
  border-radius: 0.1rem;
}
@media (max-width: 991.98px) {
  .sc-pc {display:none}
  .sc-mo {display:block}
  .edu-info a.tit{font-size:15px;}
}












/** 연혁**/
ul.historyline {list-style-type: none;position: relative;padding:0;margin:20px 0;}
ul.historyline:before {
    content: ' ';
    background: #ccc;
    display: inline-block;
    position: absolute;
    left: 10px;
    width: 1px;
    height: 100%;
    z-index: 100;
}
ul.historyline > li {margin:0 0 30px 0;padding-left: 40px;}
ul.historyline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #888;
    left: 0px;
    width: 20px;
    height: 20px;
    z-index: 100;
}

ul.historyline h4{font-size:26px;line-height:20px;margin-bottom:20px;color:#0055a2;font-weight:700}
ul.historyline > li > div{}
ul.historyline > li b {font-weight:500}

h2.vertical  {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  left: 0;
  top: 0;
  line-height:80px;
  color: #ccc;
  font-size: 80px;
  font-weight: 700;
  font-family:serif;background:#fcfcfc;padding:18px;letter-spacing:1px;
}
h2.vertical:first-letter {color:#aaa}

ul.tab-nav.t-history:not(.tab-nav-lg) li {height: 48px;}
ul.tab-nav.t-history:not(.tab-nav-lg) li:first-child {margin-left: 20px;}
ul.tab-nav.t-history:not(.tab-nav-lg) li a {
  padding: 0 20px;
  height: 47px;
  line-height: 47px;
  font-size: 18px;
  font-weight: bold;
}
.acctitle {line-height: 28px !important;font-size: 18px !important;border-bottom: 1px dotted #ccc;border-top:0}
.acctitle i {width: 18px !important;font-size: 18px !important;line-height: 50px !important;}

ul.historyline .ctxt {font-size:18px;font-weight:400;padding:20px;background:#f0f0f0}


@media (max-width: 575.98px) {
  ul.historyline > li {margin:0 0 14px 0;padding-left: 34px;}
  ul.historyline h4{font-size:16px;line-height:16px;}
  ul.historyline > li > div{font-size:14px;}
}






/*인사말*/
.c-greeting  [class^='col-'] {padding: 0px 35px;}

@media (max-width: 991.98px) {
  .c-greeting  [class^='col-'] {padding: 0px 15px;}
  .img-box {padding:40px;}
}

@media (max-width: 767.98px) {
  .pagecopy {font-size:22px;margin-bottom:20px;padding:0 15px}
}

@media (max-width: 578.98px) {
  .img-box {padding:20px;}
}

/*오시는길*/
#nsmap1, #nsmap2, #nsmap3 {width:100%;min-height: 440px;margin-bottom: 22px;}
.bg-lgray {background:#f9f9f9}
#nsmap1 {font-size:14px !important}
h5.con-tit {font-size:18px;margin-bottom:10px}
h5.con-tit.bul {color:#34495e}
h5.con-tit.bul:before {content:""; width:5px; height:16px;background-color:#95a6b9; display:inline-block; margin:0 8px 3px 0; vertical-align:middle;}
.mapcont {font-size:14px}

.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;}
  h5.con-tit {font-size:16px;margin-bottom:5px}
}





/*시설목록*/
.facility {position:relative}

/*검색박스*/
.fas-wrap{background-color:#ecf0f1 !important;border:1px solid #eee;padding:20px 20px;margin-bottom:20px;}
.fas-wrap form {margin:0}
.fas-wrap .btn {border-radius:0;}
.fas-wrap .categorywrap {padding:5px 0 5px;}
.fas-wrap .categorywrap a {padding:10px 12px;margin:8px 2px;border:1px solid #ccc;background:#fff;border-radius:0.03em;font-size:15px;line-height:15px;font-weight:500;display:inline-block;color:#000 }
.fas-wrap .categorywrap a.current,
.fas-wrap .categorywrap a:hover {background:#2d3436;color:#fff;border-color:#2d3436;font-weight:700;}


.sl-listbox {width: calc(33.33333333% - 2rem);margin:0 1rem 20px 1rem;border:2px solid #eee;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.w100 {width:100%;margin:0;border:none;border-top:2px solid #eee;padding:10px 0}
.sl-listbox .eventcont {padding:0px 0px}
.sl-listbox .eventinfo {padding:16px 20px;}
.sl-listbox .eventinfo .dis {font-size:15px;color:#666;font-weight:400;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4em;
    height: 2.8em;
}
.sl-listbox:hover {border-color:#1b3b86;}

.sl-listbox h2 {font-size:18px;line-height:24px;font-weight:700;margin-bottom:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.sl-listbox h2 span {background:#1b3b86;color:#fff !important;padding:2px 8px;font-size:14px;margin-right:8px;border-radius:0.2em}
.sl-listbox h2 span.future {background:#17A2B8;}
.sl-listbox h2 span.current {background:#28A745;}
.sl-listbox h2 span.end {background:#b20000;}
.sl-listbox h2 a {color:#222}
.sl-listbox:hover h2,
.sl-listbox h2 a:hover {color:#1b3b86}


.thumb-box {display:block;width:100%;height:160px;background-size:cover;background-position:center center;border:0px solid #fff;position:relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.thumb-box span {background:#1b3b86;color:#fff;padding:4px 12px;font-size:14px;font-weight:500;position:absolute;top:0;left:0}

.sl-history-list .list-ro-sl {list-style:none;margin:0;padding:0;font-size:14px;font-weight:400;}
.sl-history-list .list-ro-sl li{ text-indent:-10px; margin-left:10px;margin-bottom:0px;color:#000}
.sl-history-list .list-ro-sl li:last-child {margin-bottom:0}
.sl-history-list .list-ro-sl li:before{ content:""; width:4px; height:4px; border-radius:50%;background-color:#888; 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 12px 0}
  .thumb-box {height:180px;}
}

@media (max-width: 575.98px) {
  .fas-wrap{padding:4px 8px 4px;}
  .fas-wrap .form-group {margin-bottom:5px;text-align:center}
  .fas-wrap .form-group {width:100% !important;}
  .fas-wrap .form-group.mr5,
  .fas-wrap .form-group.mr10 {margin-right:0 !important}
  .fas-wrap .btn.w100 {width:100%;margin:0 0 5px 0 !important;padding: 0.375rem 0.75rem;}
  .fas-wrap .btn {padding: 0.2rem 0.75rem;font-size:0.9rem;}
  .fas-wrap .form-control {padding: 0.2rem 0.6rem;font-size: 0.9rem;}
  .fas-wrap .categorywrap {margin-top:0px}
  .fas-wrap .categorywrap a {padding:6px 8px;margin:3px 2px;font-size:14px;line-height:14px;}

  .thumb-box {height:100px;}
}


/**시설 상세**/
.ra-info  {background-color:#fff !important;border:1px solid #eee;padding:30px 40px;margin-bottom:20px; font-weight:400;}

.fa-infobox {background-color:#ecf0f1 !important;border:1px solid #eee;padding:40px;margin-bottom:20px; }
.fa-infobox img.photo {border:1px solid #eee;}
.fa-infobox .photowrap {text-align:right;}
.fa-infobox .contact {border-left:4px solid #bbb;padding-left:16px;margin:0 0 0px 0px;font-weight:400;line-height:1.8}
.fa-infobox .infowrap .name{font-size:26px;font-weight:700;margin-bottom:22px}
.fa-infobox .infowrap .name em {font-size:70%;color:#8a0109;;letter-spacing:0;font-weight:700;margin-left:0px;font-style:normal !important}
.fa-infobox .infowrap .name span {font-size:50%;color:#ab9162;;letter-spacing:0;font-weight:500;margin-left:8px;}

.facultycontent {padding:0px 60px;margin-bottom:20px;}
.facultycontent .prof-stit {color:#8a0109;font-size:19px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:14px}
.facultycontent1 .prof-stit:before {
    content: "";
    width: 6px;
    height: 18px;
    background-color: #ddd;
    display: inline-block;
    margin: 0 12px 5px 6px;
    vertical-align: middle;
}
.facultycontent .cont {padding:0 px;margin-bottom:30px;font-weight:400}
.facultycontent ul.education li{list-style:none;margin-bottom:10px;line-height:1.4 }
.facultycontent ul.education li span{font-weight:700;margin-right:12px;color:#8d98aa }

@media (max-width: 767.98px) {
  .fa-infobox {padding:30px;margin-bottom:20px;}
  .fa-infobox .infowrap .name{font-size:26px;font-weight:700;}
  .fa-infobox .contact {border-left:2px solid #bbb;padding-left:12px;margin-bottom:10px;}
  .facultycontent {padding:0px 10px;}
}
@media (max-width: 575.98px) {
  .fa-infobox {padding:18px;margin-bottom:16px;}
  .fa-infobox .infowrap .name{font-size:20px;margin-bottom:10px;}
  .fa-infobox .infowrap .name span {margin-left:0px;display:block}
  .fa-infobox .contact {border:0;padding-left:0px;}
  .fa-infobox .photowrap {text-align:center;}
  .facultycontent {padding:0px 5px;}
  .facultycontent .prof-stit {font-size:17px;}
}


/*예약달력*/.
#re-calendar {width: 100%;}
#re-calendar a {color: #8e352e;text-decoration: none;}
#re-calendar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#re-calendar li {
  display: block;
  float: left;
  width: 14.342%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin-right: -1px;
  margin-bottom: -1px;
}

#re-calendar ul.weekdays {
  height: 40px;
  background: #3c6382;
}

#re-calendar ul.weekdays li {
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  border: none !important;
  padding: 10px 6px;
  color: #fff;
  font-size: 13px;font-weight:500
}

#re-calendar .days li {position:relative;height: 180px;overflow:auto;}

#re-calendar .days li::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: #f5f5f5;
}

#re-calendar .days li::-webkit-scrollbar {width:3px;background-color: #f5f5f5;}

#re-calendar .days li::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  background-color: #ddd;
}
#re-calendar .days li:hover {background: #d3d3d3;}

#re-calendar .date {
  margin-bottom: 0px;padding: 10px;
  color: #222;line-height:20px;font-size:14px;font-weight:700;
}
#re-calendar .booking {
  clear: both;
  display: inline-block;
  font-size:12px;font-weight:400;
  border-radius: 4px;
  padding:1px 6px;
  margin:0 0 0px 10px;
  background: #079992;
  color: #fff !important;
}
#re-calendar .booking.no {background: #b71540;}
#re-calendar .booking a {color:#fff}

#re-calendar .event {
  clear: both;
  display: block;
  font-size: 12px;  line-height: 17px;font-weight:400;
  padding:0 10px;
  color: #444;
  text-decoration: none;
}
#re-calendar .event .time {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

#re-calendar .event h3 {font-size:14px;margin:4px 0;font-weight:700;color:#222;}
#re-calendar .other-month {
  background: #f5f5f5;
  color: #666;
}

.cal-tit {font-size:30px;text-align:center;font-weight:700;position:relative;margin-bottom:10px}
.cal-tit .prev {font-size:14px;font-weight:400;position:absolute;left:0;top:48%}
.cal-tit .next {font-size:14px;font-weight:400;position:absolute;right:0;top:48%}

@media (max-width: 768.98px) {
  #re-calendar .weekdays, #re-calendar .other-month {
    display: none;
  }

  #re-calendar li {
    height: auto !important;
    border: 1px solid #ededed;
    width: 100%;
    padding: 10px;
    margin-bottom: -1px;
  }

  #re-calendar .date {
    float: none;
  }
}








/** 등록폼 **/

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.bt-gray {border-top:2px solid #aaa}
.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:0px;}
.table-sl.reg-sl td.stit {padding:10px 12px;background:#636e72;color:#fff;font-weight:500;font-size:14px;}
.table-sl.reg-sl td.stit2 {padding:12px;background:#636e72;color:#fff;font-weight:700;font-size:16px;}
.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 {font-size:15px}
  .table.reg-sl td,
  .table.reg-sl th {display:block !important}
  .table-sl.reg-sl td, .table-sl.reg-sl th {
    padding: 14px 10px;
    border: 0px solid #ddd;
    display:block !important
    vertical-align: middle;
  }

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


  table.table-sl.reg-sl th {
    background:#f1f2f6;padding:2px 10px;
    font-weight:700;
  }
}


@media (max-width: 575.98px) {
  .table-sl.reg-sl td.stit,
  .table-sl.reg-sl td.stit2  {font-size:15px;padding:6px 10px}
}
/*--------------// Contents ---------------------*/


















 /*********common************/

.fc-red {color:#ff4757 !important}
.pc-enter {display:block;font-style:normal}
.mo-enter {display:inline;font-style:normal}
.nowrap {white-space:nowrap;}
.col-mb30 [class^=col-],
.col-bm30 [class^=col-] {margin-bottom: 30px;}
.col-mb20 [class^=col-] {margin-bottom: 20px;}
.noti-icon {font-size:80px;line-height:80px;margin-bottom:10px;text-align:center;color:#b20000}
@media (max-width: 767.98px) {
  .noti-icon {font-size:60px;line-height:60px;}
}
@media (max-width: 575.98px) {
  .pc-enter {display:inline;font-style:normal}
  .mo-enter {display:block;font-style:normal}
  .noti-icon {font-size:40px;line-height:40px;}
}

/** btn-color **/
.btn-primary {
  color: #fff;
  background-color: #00397f;
  border-color: #00397f;
}

.btn-primary:hover {
  color: #fff;
  background-color: #003474;
  border-color: #00306A;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 57, 127, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #00397f;
  border-color: #00397f;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #00306A;
  border-color: #002B5F;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 57, 127, 0.5);
}



.img-box {margin-bottom:40px}
.imgline-box {padding:60px;border:2px solid #ddd;text-align:center}
.imgline-box.pd20 {padding:20px 40px;}






@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
  .slider-arrow-left,
  .slider-arrow-right {display:none !improtant}

}




h2.orgtit {font-size:22px;font-weight:500;color:#666;margin-bottom:0}
h2.orgtit span{font-size:26px;font-weight:700;color:#0abde3 !important;display:block}
h2.orgtit span.c1 {color:#ff9f43 !important;}
h2.orgtit span.c2 {color:#ee5253 !important;}

#insa {padding:120px 0;margin:0;background:#f1f2f6}
#org {padding:120px 0;margin:0;background:#fff}
#pgm {padding:120px 0;margin:0;background:url('/_skin/kor/images/temp/svbg.jpg') no-repeat center center;background-size:cover}
#fac {padding:120px 0;margin:0;background:#333}


.ens-mtit.heading-block.center:after,
.ens-mtit.heading-block.title-center:after {margin: 20px auto 0;}
.ens-mtit.heading-block:after {border-top: 3px solid #999;}
.ens-mtit.heading-block h3 {font-weight:700;font-size:44px;}
.ens-mtit.heading-block h3 span {font-weight:900}
.ens-mtit.heading-block {margin-bottom:52px;}

.insaimg-wrap {text-align:right}
.insaimg-wrap img{max-height:580px;}
.tb-size {font-size:16px}

@media (max-width: 991.98px) {

  .ens-mtit.heading-block h3 {font-size:36px;}
}
@media (max-width: 767.98px) {
  .ens-mtit.heading-block {margin-bottom:40px;}
  .ens-mtit.heading-block h3 {font-size:30px;}
  .insaimg-wrap {text-align:left}
  .insaimg-wrap img{max-height:500px;}

  #insa, #org, #pgm, #fac {padding:60px 0;}

}
@media (max-width: 575.98px) {
  .ens-mtit.heading-block {margin-bottom:30px;}
  .ens-mtit.heading-block h3 {font-size:30px;}
  #insa, #org, #pgm, #fac {padding:40px 0;}
  .tb-size {font-size:14px}

  h2.orgtit {font-size:18px;}
  h2.orgtit span{font-size:22px}

}








/***main***/
.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: 600px !important;}

a.mvnews-link {color:#f1c40f;font-size:14px;padding:4px 16px;border:1px solid #f1c40f;font-weight:bold}
a.mvnews-link:hover {color:#fff;border:1px solid #fff;background:rgba(255,255,255,0.3);}


.dark .slider-caption, .dark .slider-caption h2 {color: #fff;text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);}

.en-news-tit {text-align:center;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;}
.en-news-tit h2 {font-size:40px;line-height:48px;margin-bottom:20px;font-weight:700;color:rgba(255,255,255,0.9);text-transform: capitalize;letter-spacing:-0.5px;}
.en-news-tit h3 {font-size:22px;margin-bottom:20px;line-height:36px;font-weight:700;color:#1b53b1;text-shadow: 1px 1px 1px rgb(0 0 0 / 0%);}
.en-news-tit a.mvnews-link {color:#82ccdd;font-size:14px;padding:4px 16px;border:1px solid #82ccdd;font-weight:bold}
.en-news-tit a.mvnews-link:hover {color:#fff;border:1px solid #fff;background:rgba(255,255,255,0.3);}

.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.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}

.portfolio-3.edun-news .portfolio-item {
    padding: 0 25px 25px 0;
}



.edun-news a.news-wrap {border:1px solid #ddd;display:block;border-radius:0 0 14px 2px;position:relative;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;

}
.edun-news a.news-wrap:hover {border:1px solid #415a93 !important;color:#415a93 !important}
.edun-news a.news-wrap:hover h3{color:#415a93 !important}

.edun-news a.news-wrap .portfolio-desc {padding:22px;font-size:14px;}
.edun-news a.news-wrap .portfolio-desc h3 {font-size:18px;line-height:24px;margin-bottom:12px;font-weight:500;letter-spacing:-0.03rem}

.edun-news a.news-wrap .portfolio-desc h3 span{font-size:18px;line-height:24px;margin-bottom:12px;font-weight:500;letter-spacing:-0.03rem}
.portfolio-image .cate {position:absolute;top:0;left:0;padding:4px 10px;;background:#415a93;color:#fff;font-size:13px;font-weight:500;}

.main-news {position: relative;padding: 60px 0;}
a.tit-block {display:block;padding:30px;background:#000;color:#fff;text-align:center}
.edun {border-radius:0 0 0px 0px;max-width:1680px;margin:0 auto}


a.m-boardbox {width:100%;border:1px solid #ccc;display:block;background:#fff;font-size:16px;position:relative;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
border-radius:0.2em;color:#666
}
a.m-boardbox:hover  {color:#222 !important;border-color: #0055a2;background:#fcfcfc}
a.m-boardbox .mcont {padding:32px;font-size:14px;font-weight:400;}
a.m-boardbox .tit {
  display: block;
  display: -webkit-box;
  max-width:100%;
  min-height:48px;
  max-height:48px;
  font-size: 18px;font-weight:500;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;margin-bottom:10px;
}
a.m-boardbox .mcont .date {margin-bottom:8px}
a.m-boardbox .mcont .date span {color:#fff;font-size:13px;background:#0055a2;padding:2px 6px;border-radius:0.3em}

h2.ms-tit {
    font-size: 26px;
    line-height: 26px;
    padding: 0px 10px 0px;
    margin-bottom:6px;
    border-bottom: 0px dotted #ccc;
    color: #333;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}
h2.ms-tit span {font-weight:700}
h2.ms-tit a {
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: bold;
}



@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;}
  .en-news-tit {max-width: 400px;}
  .en-news-tit h2 {font-size:34px;line-height:40px;margin-bottom:20px;}
  .en-news-tit h3 {font-size:20px;line-height:22px;margin-bottom:20px;}
  .edun {border-radius:0}
}

@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;}
  .en-news-tit {max-width: 380px;}
  .portfolio-3.edun-news .portfolio-item {padding: 0 6px 6px 0;}
  a.m-boardbox .mcont {padding:22px;}
}

@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;}
  a.mvnews-link {font-size:13px;padding:5px 14px;}

  .en-news-tit {max-width: 300px;}
  .en-news-tit h2 {font-size:22px;line-height:30px;margin-bottom:6px;}
  .en-news-tit h3 {font-size:16px;line-height:20px;margin-bottom:14px;}

  .portfolio-3.edun-news .portfolio-item {padding: 0 0 16px 0;}
  .edun-news a.news-wrap .portfolio-desc {padding:18px;font-size:13px;}
  .edun-news a.news-wrap .portfolio-desc h3 {font-size:16px;line-height:22px;margin-bottom:10px;}
  a.m-boardbox .mcont {padding:22px;}
}

@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;}

  .en-news-tit {max-width: 280px;}
  .en-news-tit h2 {font-size:20px;line-height:26px;margin-bottom:5px;}
  .en-news-tit h3 {font-size:13px;line-height:18px;margin-bottom:10px;}

  a.mvnews-link {font-size:12px;padding:5px 12px;}

}