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


html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size:16px;overflow: hidden;overflow-y: auto;  background: #fff;position:relative;letter-spacing: -0.02em;}
body {font-size:1rem;font-weight:400; color: #222; -webkit-font-smoothing: antialiased;overflow: hidden;}
#content p {line-height: 1.5;}
table {margin-bottom:0}
.conts {font-size:18px;}
.bdr20 {border-radius:18px !important;}

@media(max-width: 991.98px){
    html{ font-size:15.5px; }
    br.pc {display: none;}
}
@media(max-width: 767.98px){
    .conts {font-size:16px;}
    html{ font-size:15px; }
}

@media(max-width: 575.98px){
    .conts,
    html{ font-size:14px; }
}

#side-panel .side-panel-wrap { width:350px; padding:0 60px 50px 30px; }
#side-panel .widget { width:240px; }

.conts ul,
.conts ol {list-style:none;margin:0;padding:0}
.conts li {list-style:none}
.conts p {margin-bottom:0}

/*p {margin:0}*/
b, strong {font-weight:700 !important; }
.tooltip {display:none}

/*.content-wrap {padding:80px 0px;}*/
.content-wrap .header-stick {margin-top:0px !important;}


.fw-300 {font-weight:300}
.fw-400 {font-weight:400}
.fw-500 {font-weight:500}
.fw-700 {font-weight:700}
.fw-900 {font-weight:900}

.pc-enter {display:block !important;font-style:normal}
.mo-enter {display:inline !important;font-style:normal}
.mo-br {display:none !important;}

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

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

.color-g {color:#32936F}
.FCff {color:rgba(255,255,255,0.5) !important;}
.bbs_contents dt, .bbs_contents dd, .bbs_contents li,
.raview-cont dt, .raview-cont dd, .raview-cont li {
  margin-left: 15px;
}


/* TYPO
h1 {font-size:2.5rem}
h2 {font-size:2.125rem}
h3 {font-size:1.875rem}
h4 {font-size:1.625rem}
h5 {font-size:1.25rem}
h6 {font-size:1rem}
*/
h1,
h2,
h3,
h4,
h5,
h6 {color:#2d3436;line-height:1.2}

h1.con-tit {margin:40px 0 30px;letter-spacing:-0.5px;}
h1.con-tit.color {color:#222 !important}
h1.con-tit.center:after {
    content: '';
    display: block;
    margin:22px auto 0;
    width: 40px;
    border-top: 2px solid #e67e22;
}

h2.cnt-tit-ment {margin-bottom:30px;}
h2.con-tit {margin-bottom:20px}
h3.con-tit {margin-bottom:20px;position:relative;}
h3.con-tit.icon:before {
    content: "\e079";
    font-family: 'Simple-Line-Icons';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #888;
    padding-right:8px;
}
h4.con-tit {margin-bottom:20px}
h5.con-tit {margin-bottom:10px}


h2.con-tit.linetit,
h3.con-tit.linetit,
h4.con-tit.linetit {
    padding: 10px 22px;
    border: 2px solid #aaa;
    display: inline-block;
    margin-bottom: 20px;font-weight:500;
}

h2.con-tit.dash:before,
h3.con-tit.dash:before,
h4.con-tit.dash:before {
    content: '';
    display:inline-block;
    margin:0px  10px 0  0px;
    height:10px;width:10px;
    border-top: 6px solid #747d8c;
}

.af-line:after{
    content: '';
    display:inline-block;
    margin:0px  0px 0  6px;
    height:1px;width:34px;
    border-top:5px solid #7dcfd4;
}

.af-line2:after{
    content: '';
    display:inline-block;
    margin:0px  0px 0  6px;
    height:1px;width:34px;
    border-top:3px solid #7dcfd4;
}

h4.con-tit.bul {color:#286dc0}
h4.con-tit.bul:before {content:""; width:5px; height:16px;background-color:#95a6b9; display:inline-block; margin:0 8px 3px 0; vertical-align:middle;}

h5.con-tit.bul {margin-bottom:10px}
h5.con-tit.bul:before {content:""; width:5px; height:16px;background-color:#95a6b9; display:inline-block; margin:0 10px 3px 0; vertical-align:middle;}

h6.con-tit.bul {margin-bottom:4px;}
h6.con-tit.bul:before {content:""; width:4px; height:14px;background-color:#193889; display:inline-block; margin:0 7px 3px 0; vertical-align:middle;}

.g-cont {font-size:16px;position:relative;}

.dot-box {border:2px dotted #ced6e0;border-radius:10px;}
.v-pc {display:block}
.v-mo {display:none}



@media (max-width: 991.98px) {
  .v-pc {display:none}
  .v-mo {display:block}
}

@media (max-width: 575.98px) {
  .pc-enter {display:inline !important;font-style:normal}
  .mo-br,
  .mo-enter {display:block !important;font-style:normal}
  .mo-mb20 {margin-bottom:20px}
  .af-line2:after{
      margin:0px  0px 0  4px;
      height:1px;width:20px;
      border-top:2px solid #7dcfd4;
  }
}





body.noscroll { overflow:hidden; }
.noscroll {
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.noscroll::-webkit-scrollbar {
  display: none;  /* Safari and Chrome */
}


 pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 0px;
}

/********* common end ************************************/


.ee-wrap {
    position: relative;
    width: 100%;
    max-width: 1760px;
    margin: 0 auto 0px;
/*    padding-left: 30px;
    padding-right: 30px;*/
}

@media(max-width: 1759.98px) {
    .ee-wrap {
/*        padding-left:15px;
        padding-right: 15px;
*/
    }
}

/********* top ************************************/

@media (min-width: 992px) {
  .top-noti-wrap + #top-bar.transparent-topbar + #header.transparent-header + #slider,
  .top-noti-wrap +  #top-bar.transparent-topbar + #header.transparent-header + .page-title-parallax {
    margin-bottom: -227px;
    top: -227px;
  }
}
.top-noti-wrap {background:#0a314d;position:relative;z-index: 299;}
.top-noti-cont {display:block; width:80%;margin:0 auto;font-size:1.125rem;color:#c1a783 !important;text-align:center;padding:20px;font-weight:400}
.top-noti-cont:hover { color:#dacbb6 !important; }

.close-top-popup {display:block; 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) !important;
}
.close-top-popup:hover {  color:rgba(255,255,255,1) !important;}

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

a.side-panel-trigger.ec {font-size:1.75rem;color:#000}
a.side-panel-trigger.ec:hover {color:#001871;}

@media (max-width: 575.98px) {
  a.side-panel-trigger.ec {font-size:20px}
}


/** site map **/
.sitemap ul{list-style:none !important;margin:0; padding:0}
.sitemap ul li{margin-bottom:6px;}
.sitemap  ul.depth01 > li {float:left;width:25%;padding:0 10px;margin-bottom:20px;}

.sitemap  ul.depth02 {margin:10px 0 0 12px;}
.sitemap  ul.depth02 > li{background: url('../images/icons/li_arrow_dark.png') left 3px no-repeat;padding-left:10px;margin-bottom:12px}
.sitemap  ul.depth03 {margin:2px 0 16px;}

.sitemap  ul.depth01 > li > a {color:#fff;display:block;font-size:1.25rem;font-weight:700;padding:4px 14px;background-color:rgba(255,255,255,0.12)}
.sitemap  ul.depth02 > li > a {color:#e5f5f7;display:block;font-size:1rem;font-weight:500;}
.sitemap  ul.depth03 > li > a {color:#e5f5f7;display:block;font-size:0.825rem;font-weight:400;}

.sitemap  a:hover{color:#ffea00 !important}
.sitemap  ul.depth01 > li > a:hover {color:#ffea00 !important}

.sitemap-ov {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
/*  background-color: rgba(0,0,0,0.5); linear-gradient(200deg, #193889, #264b8e, #172e56), */
  background:linear-gradient(200deg, rgba(51,104,198,0.97), rgba(38,75,142,0.97), rgba(23,46,86,0.96) );
  overflow-y: auto;
  transition: 0.35s;
}

.sitemap-ov-content {
  position: relative;
  width: 100%;height:100%;padding:60px 30px;
  margin-top: 30px;  z-index: 19999;
}

.sitemap-ov-content .dark .fancy-title h4 {background:#2d3436}

.sitemap-ov a {
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sitemap-ov a:hover, .sitemap-ov a:focus {
  color: #ffea00;
}

.sitemap-ov .closebtn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 60px; line-height:60px;z-index: 29999;color:#c9d4e8
}

@media (max-width: 976.98px) {
  .sitemap  ul.depth01 > li {width:100%;padding:0 0px}
}
@media screen and (max-height: 450px) {
  .sitemap-ov {overflow-y: auto;}
  .sitemap-ov a {font-size: 20px}
  .sitemap-ov .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}







/********* top end ************************************/



/********* SV  ************************************/

.sv-black {
  border-radius: 20px 20px 0 0 !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: transparent url("/_skin/ko/images/logo-dark.png") repeat;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  background:#000;
}



.page-title.np-sv {position: relative;padding:100px 0 !important;background-position:center center;background-size:cover !important;background-repeat: no-repeat; border-radius:20px  !important}
.page-title.np-sv h1 {line-height:1 !important;font-size:2.4rem;letter-spacing:0px;margin-bottom:0;display:inline-block;background:rgba(0,57,126,0.0);padding:0px;text-shadow: 0px 0px 1px #000;font-weight:700}
.sec-tit {margin-top:12px;line-height:1;font-size:1.125rem;color:#dcdab2;display:inline-block;background:rgba(0,57,126,0);padding:0px;font-weight:500;letter-spacing:-0.5px;text-shadow: 0px 0px 1px #000;}

@media (max-width: 1139.98px) {
  .page-title.np-sv h1 {font-size:2.3rem;}
}

@media (max-width: 991.98px) {
  .page-title.np-sv {padding:80px 0 !important;}
  .page-title.np-sv h1 {font-size:2.2rem;}
}

@media (max-width: 767.98px) {
  .page-title.np-sv {padding:60px 0 !important;}
  .page-title.np-sv h1 {font-size:2rem;}
  .page-title .breadcrumb {margin:10px 0 0 !important;}
}

@media (max-width: 575.98px) {
  .page-title.np-sv {padding:40px 0 !important;}
  .page-title.np-sv h1 {font-size:1.75rem;}
 .page-title .breadcrumb {margin:8px 0 0 !important;}
  .sec-tit {margin-top:4px;font-size:13px;letter-spacing:-0.5px;}
}

@media (max-width: 375.98px) {
  .breadcrumb {display:none !important}
  .page-title.np-sv h1 {font-size:1.5rem;}
  .sec-tit {display:none}
}

/** SV page-menu
@media (min-width: 992px) {
  .page-menu-sub-menu  {width:200px}
  .page-menu-sub-menu .page-menu-item > a {background-color: rgba(255,255,255,1) !important;}
  .page-menu-item > a {
      margin: 10px 16px;
      padding-top:4px;
      padding-bottom:4px;
      border-radius:0px;
  }
}

#page-menu {text-shadow:none;}
.page-menu-row {}
#page-menu-wrap {background:#fff !important;border:1px solid #ddd}
.page-menu-item > a {color: #222;font-size: 1rem;font-weight:500}
.page-menu-sub-menu {background-color: rgba(255,255,255,1) !important;border:1px solid #ddd;border-top:0;}
.page-menu-sub-menu .page-menu-item > a {font-size:0.925rem}

.page-menu-item:hover > a,
.page-menu-item.current > a  { background-color: rgba(0,0,0,0) !important; }
.page-menu-sub-menu li:hover a,
.page-menu-sub-menu li.current a { background-color: rgba(0,0,0,0.04) !important;font-weight:700 }

.page-menu-container > li.page-menu-item {border-left:1px solid #ddd}
 **/
@media (max-width: 991.98px) {
  #page-menu {display:none}
}


/********* SV end ************************************/




/******* Mobile Menu ************************************/
#side-panel.bgc {
    background-color: #193889 !important;
}

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


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

.nav-tree.human-mmu ul ul a {
  color:#fff;
  font-size: 14px;
  padding-left:5px !important;
  letter-spacing: 0px;
  font-weight: 400;
}
.nav-tree.human-mmu ul ul ul a {
  color:#fff;
  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 #fff;padding:4px 12px;text-align:center;margin:0 2px;font-size:13px;font-weight:700;color:#fff;transition: all 0.3s ease-in-out;letter-spacing:0px}
.side-lang a.active,
.side-lang a:hover {border:1px solid #d3b269;color:#d3b269 !important}

#side-panel.dark {background: #193889 !important;}
.nav-tree.human-mmu li.active > a {  color:#fff !important;font-weight:700 !important}



@media (max-width: 767.98px) {
  #side-panel.bgc {width:300px;  right:-300px;}
}

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





/******* Contents ************************************/



.h-tit {font-size: 36px;line-height:46px;position: relative;font-weight:500;}
.ee-con {font-size:18px;line-height:1.6;}
.bg-section {background:#f6f7f9;padding:60px 0;border-radius:20px;}

@media(max-width: 991.98px){
  .h-tit {font-size: 30px;line-height:40px;}
  .bg-section {padding:30px 0;}
  .ee-con {font-size:16px;}
}
@media(max-width: 767.98px){
  .h-tit {font-size: 24px;line-height:34px;}
}

@media(max-width: 575.98px){
  .h-tit {font-size: 22px;line-height:32px;}
  .img-dean {max-width:300px}
}




/**연혁**/
.page-history .year {padding: 16px 36px;border:2px dashed #eee;background:#f9f9f9;float:right;width:100%;border-radius:20px;font-size:30px;font-weight:700;color:#a4b0be}
.history-table-wrap {position:relative;}
.history-table-wrap table {width:100%;}
.history-table-wrap table td {width:60%;position: relative;vertical-align: top;padding:0 16px 30px 30px;}
.history-table-wrap table th {width:40%;font-weight: 700;color:#000;vertical-align: top;text-align: right;padding: 0 36px 0 0;border-right:1px solid #ccc;font-size:20px;line-height:1.2}
.history-table {margin-bottom: 0px;}
.history-table th {position: relative;}
.history-table .pin {position: absolute;top:5px;right:-9.5px;width:18px;height:18px;border-radius:50%;border:4px solid #193889;background:#fff;}
.page-history .imgwrap img {max-height:220px;border:1px solid #ddd}

@media( max-width: 991.98px ) {
  .page-history .year {float:none;width:100%;}
  .page-history .photo {padding:0}
}

@media( max-width: 767.98px ) {
  .page-history .year {padding: 16px;font-size:22px;}
  .history-table-wrap table th {width:30%;padding: 0 22px 0 10px;font-size:17px;line-height:1.45}
  .history-table-wrap table td {width:70%;}
}

h4.bul:before {content:""; width:6px; height:1.625rem;background-color:#b4985a; display:inline-block; margin:0 6px 3px 0; vertical-align:middle;}
h5.bul:before {content:""; width:4px; height:1.25rem;background-color:#bbb; display:inline-block; margin:0 6px 3px 0; vertical-align:middle;}



/******* Contents END ************************************/



/******* app Program ************************************/

/* 로그인 */
.login-wrap {position:relative;border:6px solid #eee;border-radius:0rem;padding:60px }
.login-wrap.p40 {padding:40px }
.login-guide {margin:0px 0 30px;font-size:15px;font-weight:400;text-align:left;padding:20px 20px;background:#eee;border-radius:0.4rem;}
.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:700;}
.login-wrap label {font-size:16px;margin-bottom:5px;}
.login-wrap .btn {font-weight:700}

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

/**등록폼**/
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:#f0f0f0;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:#f0f0f0;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:#2c2f88;color:#fff;font-weight:500;font-size:14px;}
.table-sl.reg-sl td.stit2 {padding:12px;background:#1b3b86;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:14px;line-height:1.5}
  .table.reg-sl td,
  .table.reg-sl th {display:block !important}
  .table-sl.reg-sl td, .table-sl.reg-sl th {
    padding:8px 10px 12px;
    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:#f0f0f0;padding:4px 10px;
    font-weight:700;
  }
  table.table-sl colgroup {display:none}
}

/*예약달력*/.
#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: #2d3436;
}

#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: none;
  color: #3c6382 !important;
}
#re-calendar .booking a {color:#60a3bc}

#re-calendar .booking.no {background:none;color:#c0392b !important;}

#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;padding:2px;}
  .login-wrap {border:3px solid #eee;padding:24px 20px }
  .cal-tit {font-size:18px;margin-bottom:0px}
}

a.mypage {color:#636e72}
a.mypage:hover {color:#2d3436}



/*검색박스*/
.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;}


.training-st span {color:#fff;padding:0px 6px 1px;font-size:13px;line-height:13px;font-weight:500;border-radius:0.25em}
.training-st span.future {background:#17A2B8;}
.training-st span.current {background:#28A745;}
.training-st span.end {background:#b20000;}



@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:180px;}
}


/*공통*/
.pagecopy {font-size:28px;font-weight:700;margin-bottom:40px;color:#222;text-align:center}
.img-box {padding:40px;border:2px solid #eee;border-radius:20px;}
h4.ico-tit {font-size:18px;margin-bottom:10px;position:relative;}
h4.ico-tit .more {font-size:14px;position:absolute;right:6px;top:10px}
.line-box-of {border:2px solid #ddd;padding:14px 20px;border-radius:0.2rem;color:#000;overflow-y:auto;min-height:200px;max-height:260px;}
.line-box-of.max-auto {min-height:auto;max-height:auto;}
.line-box {border:2px solid #ddd;padding:14px 20px;border-radius:0.2rem;}
.box-bg {background:#f4f4f4;color:#222;}

.dropcap {font-weight:700;margin-right:8px;}
.c-intro {padding-top:80px !important;padding-bottom:80px !important}



.sports .modal-header {
    border-bottom: 1px solid #193889;
    background:#193889;color:#fff;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;padding:0.8rem 0.8rem;
}
.sports .modal-header h4 {color:#fff;font-size:18px;font-weight:500}
.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:#ecf0f1;color:#57606f;font-weight:500;font-size:15px;padding:14px 20px;margin-bottom:16px;}
.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}
/*.sports.modal-dialog {width:80%}*/

@media (max-width: 767.98px) {
  .c-intro {padding-top:50px !important;padding-bottom:50px !important}
}
@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}
  h4.ico-tit {font-size:16px;}
  h4.ico-tit .more {font-size:13px;right:6px;top:6px}
  .sports.modal-dialog {width:100%}
  .c-intro {padding-top:30px !important;padding-bottom:30px !important}
  .c-intro h1.contit.mb30 {font-size:22px;margin-bottom:8px !important}
  .img-box {padding:30px;}
  .dropcap {font-size:34px}
}



/* pdf viewer and download */
.pdf-viewer-wrap { position: relative; width: 100%;min-height:860px;overflow:hidden;border:1px solid #ddd}
.pdf-viewer-wrap iframe{width:100%;height:100%;}
.pdf-viewer-wrap .pdf-viewer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto !important; min-height:860px}
.pdf-download { display:none; }
@media (max-width: 768px) {
  .pdf-viewer-wrap {min-height:600px;}
  .pdf-viewer-wrap .pdf-viewer {min-height:600px}
}




/** 검색박스 **/
.search-wrap {border:1px dotted #bbb;background:#f9f9f9;padding:1.5rem 30px 0.5rem;}
.search-wrap form{margin-bottom:0}
.search-wrap .form-row{max-width:800px;margin:0 auto}
.search-wrap .input-group-text{font-weight:500;background-color: #193889;color:#fff}

@media (max-width: 575.98px) {
  .search-wrap {padding:1rem 10px 0rem;}
}

/** 프로그램 **/
.bookbox {width:calc(25% - 20px);margin:0 10px 20px 10px;border:1px solid #ddd  ;border-radius:3px;display:block;position:relative}
.bookbox:hover {border-color:#193889}
.bookbox .conts {padding:30px 20px}
.bookbox .thumb {margin-bottom:20px}
.bookbox .thumb img {border-radius:0;width:200px;max-height:240px;object-fit:cover;border:1px solid #ddd}
/*.bookbox .thumb img [data-sizes="auto"] {display: block;width: 100%;}*/

.bookbox .info {padding:0 20px;width: 100%;}
.bookbox .info .title {font-size:18px;letter-spacing:-0.05em;line-height:1.3;font-weight:500;margin-bottom:10px;color:#000}
.bookbox:hover .title{color:#193889}
.bookbox .info .year {font-size:14px;font-weight:400;margin-bottom:0px;color:#193889;}

@media (max-width: 991.98px) {
  .bookbox {width: calc(33.333%  - 10px);margin:0 5px 10px 5px;}
  .bookbox .info {padding:0 10px;}
}

@media (max-width: 767.98px) {
  .bookbox {width: calc(50%  - 10px);margin:0 5px 10px 5px;}
  .bookbox .conts {padding:20px}
  .bookbox .info .title {font-size:16px;}
  .bookbox .info .year {font-size:13px;}

}

@media (max-width: 567.98px) {
  .bookbox {width: calc(100%);margin:0 0px 10px 0px;}
  .bookbox .info .title {font-size:15px;}
}

/** 프로그램상세보기 **/
.pgm-tit {font-size:24px;line-height:1.3;font-weight:700;color:#000;letter-spacing:-0.5px;background:#f9f9f9;padding:20px;margin-bottom:10px}
.pgm-year {font-size:14px;line-height:1;font-weight:500;color:#193889;margin-left:6px;}
.pgm-cont {padding:20px;font-family:font-family:'Noto Sans KR', sans-serif !important; }
.pgm-cont p, .pgm-cont div, .pgm-cont span, .pgm-cont em  {font-family:font-family:'Noto Sans KR', sans-serif !important; }
.pgm-file {padding:20px;background:#eee;color:#000;}
.btn-wraps {border-top:1px solid #ddd;padding-top:30px;margin-top:20px;text-align:center}




/* 창업사례 */
.program-list .edu-wrap {position:relative;width:100%;border-bottom:1px dashed #bbb;padding:50px 6px 46px;font-size:18px;}
.program-list .edu-wrap:first-child { border-top:0px;padding-top:10px}

.edu-info {}
.edu-info h3 {margin-bottom:12px;font-size:1.5rem;line-height:32px;font-weight:700;}
.edu-info h3:after {
    content: " ";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #aaa;margin-left:8px;
}
.edu-info ul {margin:0px;padding:0;}
.edu-info li {list-style:none;padding:1px 0;font-size:1rem;}
.edu-info li strong {font-weight:500 !important}
.edu-info li.disc {font-size:1rem;margin-bottom:20px;/*border-left:6px solid #dfe4ea;padding:0px 16px;*/}
/*.edu-list  [class^='col-'] {padding: 2px 15px;font-weight:400}*/
.program-list .intro-box {border:0px dashed #ddd;padding:0px;}


@media (max-width: 991.98px) {
  .edu-info {margin-top:20px;}
}
@media (max-width: 575.98px) {
  .program-list .edu-wrap {padding:16px 6px;font-size:14px;margin-bottom:10px}
  .edu-info {margin-bottom:10px}
  .edu-info h3 {font-size:1.25rem;margin-bottom:2px}
  .edu-info h4 {margin-top:0px;margin-bottom:20px;font-size:0.875rem;}
  .edu-info li.disc,
  .edu-info li  {font-size:0.875rem;}
}



.btn {border-radius: 0.15rem;}

/*예약시설 목록*/
.facility {position:relative}
.facility .list-ro-sl {list-style:none;margin:0;padding:0;font-size:15px;font-weight:400;}
.facility .list-ro-sl li{ text-indent:-10px; margin-left:10px;margin-bottom:0px;color:#000}
.facility .list-ro-sl li:last-child {margin-bottom:0}
.facility .list-ro-sl li:before{ content:""; width:4px; height:4px; border-radius:50%;background-color:#aaa; display:inline-block; margin:0 6px 5px 0; vertical-align:middle;}

.sl-listbox {width: calc(33.33333333% - 2rem);margin:0 1rem 2rem 1rem;border:2px solid #ddd;display:block;background:#fff;border-radius:0.2rem;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;word-wrap: break-word;
}
.sl-listbox .eventcont {padding:0px 0px}
.sl-listbox .eventinfo {padding:20px 24px;}
.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:#193889;background:#fcfcfc}
.sl-listbox h2 {font-size:20px;line-height:1.3;font-weight:700;margin-bottom:18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.sl-listbox h2 span {color:#666 !important;font-weight:500}
.sl-listbox h2 a {color:#222}
.sl-listbox:hover h2,
.sl-listbox h2 a:hover {color:#193889}

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

@media (max-width: 767.98px) {
  .sl-listbox {width:100%;margin:0 0 16px 0}
  .facility .list-ro-sl {font-size:14px;}
  .sl-listbox h2 {font-size:18px;margin-bottom:14px;}
}

@media (max-width: 575.98px) {

}



/**FAQ**/
.faq .card {margin-bottom:10px;border-radius:0}

.faq .card-header {padding:18px 22px}
.faq .card-body {padding:22px 22px}
.faq .card-header .btn {font-size:1.125rem;font-weight:700;padding:0;margin:0;}


.faq .faq-question {font-weight:700;color:#193889}
.faq .faq-answer{font-weight:700;color:#c0392b}


@media (max-width: 767.98px) {
  .faq .card-header {padding:14px 15px}
  .faq .card-body {padding:16px 15px}
}

#nsmap {
    width: 100%;
    min-height: 600px;
    margin-bottom: 40px;
}























/*** Vision **/
.vi-top {width:800px;margin:0 auto;border:0px solid red;padding-left:40px;}
.vi-top .wrap {width:33.33333%;text-align:center;padding:20px 10px;border-radius:80px;color:#fff;font-weight:700;font-size:20px;letter-spacing:-1px}
.vi-top .card-bg01 {background:rgba(25, 56, 137, 0.6);}
.vi-top .card-bg02 {background:rgba(25, 56, 137, 0.75);margin:0 -20px}
.vi-top .card-bg03 {background:rgba(25, 56, 137, 0.9);}

div.tr-block {
  margin:22px auto;
  width:0px;height:0px;
  border-bottom: 44px solid rgba(25, 56, 137, 0.15);
  border-top: 0px solid transparent;
  border-left: 240px solid transparent;
  border-right: 240px solid transparent;
}

.vision .v-box{padding:14px 40px;background:rgba(25, 56, 137, 1);text-align:center;border-radius:12px 12px 0px 0px}
.vision .tit {font-size:20px;margin-bottom:0px;color:#f1c40f}
.vision .txt {font-size:24px;color:#fff;font-weight:700;}
.vision i.arrow {font-size:40px;color:#fff}
.vision i.ico {font-size:50px;color:#fff}

.vision .card {width:100%}

@media (max-width: 991.98px) {
  .vi-top {width:720px;padding-left:10px;}
}

@media (max-width: 767.98px) {
  .vi-top {width:100%;padding-left:0px;}
  .vi-top .wrap {width:100%;padding:6px;font-size:16px;}
  .card-bg02 {margin:0px}
  div.tr-block {
    margin:16px auto;
    border-bottom: 30px solid rgba(25, 56, 137, 0.15);
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
  }
  .vision .tit {font-size:18px;}
  .vision .txt {font-size:20px;line-height:1.3}
}

@media (max-width: 575.98px) {
  .vision .v-box{padding:14px 30px}
  .vision .tit {font-size:16px;}
  .vision .txt {font-size:18px;}
}



/** 학과 **/
.dept-wrap .box {width: calc(33.33333333%  - 10px);margin:0 5px 10px 5px;padding:30px 32px;border:1px solid #ddd;border-radius:6px;font-size:16px;text-align:center;position:relative;}
.dept-wrap .box:nth-of-type(odd) {background:#f9f9f9}
@media (max-width: 1199.98px) {
  .dept-wrap .box {width: calc(33.3333%  - 10px);padding:22px;}
}
@media (max-width: 991.98px) {
  .dept-wrap .box {width: calc(50%  - 10px);}
}
@media (max-width: 575.98px) {
  .dept-wrap .box {width: calc(100%  - 10px);padding:20px;font-size:14px}
}


/** Curriculum **/
.curri-step div{color:#fff;padding:20px;margin:0 10px;text-align:center;width:180px;font-weight:700}
.curri-step div.step-02 {background:#fff;color:#000;}
.curri-step div.step-00 {width:30px;background-color:transparent;color:#000;padding:0px;}
.vision .v-box.rounds {border-radius:8px}

.vi-top2 {width:100%;margin:0 auto;}
.vi-top2 .wrap {width:50%;text-align:center;padding:20px 10px;border-radius:80px;color:#fff;font-weight:700;font-size:20px;letter-spacing:-1px}
.vi-top2 .card-bg01 {border:1px solid #17a2b8;color:#17a2b8}
.vi-top2 .card-bg02 {border:1px solid #28a745;color:#28a745}

div.tr-block-dw {
  margin:22px auto;
  width:0px;height:0px;
  border-top: 44px solid rgba(25, 56, 137, 0.15);
  border-bottom: 0px solid transparent;
  border-left: 240px solid transparent;
  border-right: 240px solid transparent;
}
@media (max-width: 991.98px) {
  .curri-step div{padding:10px;margin:0 6px;width:130px;font-size:15px;}
}

@media (max-width: 767.98px) {
  .curri-step div{padding:10px;margin:0 6px;width:80%;font-size:15px;}
  .curri-step div.step-00 {display:none}
  .vi-top2 .wrap {width:100%;padding:6px;font-size:16px;margin:3px 0}
  div.tr-block-dw {
    margin:16px auto;
    width:0px;height:0px;
    border-top: 30px solid rgba(25, 56, 137, 0.15);
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
  }
}









/*** 교수 목록***/
.col-block {border:1px solid #ddd;padding:20px 26px;border-radius:20px;transition: box-shadow 0.3s ease-in-out;background:#fff;width:calc(50% - 30px);margin:0 15px 30px 15px;}
.col-block:hover{border-color:#eee;  box-shadow: rgba(0, 0, 0, 0.10) 0px 10px 20px, rgba(0, 0, 0, 0.05) 0px 5px 10px;background:#fff}
.prof-list {width:100%;position:relative;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;margin-bottom:50px;
}
.prof-wrap {
  width:100%;  position:relative;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-wrap: wrap!impotant;
  flex-wrap: wrap!important;
}
.prof-wrap .pto {width:180px;padding-right:38px}
.prof-wrap .pto img{border-radius:20px;margin:4px 0;border:1px solid #eee}
.prof-wrap .cont {width:calc(100% - 180px);}

.prof-wrap h3 {font-size:25px;margin-bottom:16px;letter-spacing:2px;color:#333;}
.prof-wrap h3 span{font-size:70%;margin-left:10px;font-weight:500;letter-spacing:0px}
.prof-wrap h3 em {font-style:normal !important}
.prof-wrap h3 a {color:#000;}
.prof-wrap h3 a:hover {color:var(--cnvs-themecolor);}

.prof-wrap .info {font-size:14px;padding:16px 2px 0;border-top:1px dashed #aaa;letter-spacing:-0.5px;color:#555}
.prof-wrap .info div {margin-top:2px}
.prof-wrap .info .research {font-size:15px;line-height:1.3;margin-bottom:15px;font-weight:500;color:#000}

.prof-wrap .info .dept span,
.prof-wrap .info .homepage a{color:#333}
.prof-wrap .info .homepage a:hover{color:var(--cnvs-themecolor);text-decoration:underline !important}


@media (max-width: 1300.98px) {
  .col-block {width:calc(100% - 0px);margin:0 0px 30px 0px;}
  .prof-wrap .pto {width:150px;padding:0 30px 0 0}
  .prof-wrap .cont {width:calc(100% - 150px);}
}

@media (max-width: 575.98px) {
  .col-block {margin:0 0px 20px 0px;}
  .prof-wrap .pto {width:100px;padding:0 20px 0 0}
  .prof-wrap .cont {width:calc(100% - 100px);}
  .prof-wrap h3 {font-size:20px;margin-bottom:14px;letter-spacing:2px}
  .prof-wrap .info{font-size:14px;}
  .prof-wrap .info .homepage a{font-size:12px;}
}

@media (max-width: 375.98px) {
  .col-block {margin:0 0px 16px 0px;}
  .prof-wrap .pto {width:80px;padding:0 18px 0 0}
  .prof-wrap .cont {width:calc(100% - 80px);}
  .prof-wrap h3 {font-size:18px;margin-bottom:12px;}
  .prof-wrap .info{font-size:13px;}
  .prof-wrap .info .homepage a{font-size:12px;}
}
/* 분류메뉴
-----------------------------------------------------------------*/
.cateboxs {padding:18px 10px;background:#f1f2f6;border:1px solid #eee;/*border-radius:20px;*/}
.cate-wrap{width:100%;max-width:1200px;margin:0 auto;text-align:center}
.cate-wrap a {padding:8px 14px;font-size:15px;line-height:1;letter-spacing:-1px;font-weight:500;color:#000;border:1px solid #000;background:#fff;border-radius:10px;margin:3px;}
.cate-wrap a.active,
.cate-wrap a:hover {color:#fff;background:#000}


/** 교수상세**/

#prof-cont .bgc{background:#dfe4ea;border-radius:20px;}
#prof-cont .fancy-title {margin-bottom:22px;letter-spacing:-0.05em}
.thumb1 {padding:70px 0 0px;text-align:center;}
.thumb1 img {max-width:80%;border-radius:20px;}
.thumb1.lab img {max-width:100%;border-radius:20px;}

.facultycontent {padding:5px 0 40px 40px;}
.facultycontent .info-box {padding:24px 30px;border:1px solid #ddd;margin-bottom:40px;background:#f9f9f9;border-radius:20px}

.prof-name-bm {margin-top:20px}
.prof-name-bm h1{color:#000;letter-spacing:2px;font-size:2rem;font-weight:700;margin-bottom:16px;}
.prof-name-bm h1 span{color:#333 !important;font-size:1.125rem;font-weight:500;letter-spacing:-0.03em;}
.prof-name-bm .ename{font-size:0.875rem;margin:0 0 40px 0px;color:#666;font-weight:500;letter-spacing:-0.03em;}

.prof-name-bm h2{color:#000;letter-spacing:-0.05em;font-size:1.625rem;font-weight:700;margin-bottom:10px;}

.info-wrap {max-width:88%;margin:0px auto 60px;color:#2d3436;border:1px dashed #aaa;padding:16px 20px;font-size:0.875rem;background:#f1f2f6;border-radius:20px;}
.info-wrap a.link {color:#2d3436 !important}
.info-wrap a.link:hover {color:#3368c6  !important;}
.info-wrap strong {font-weight:500;margin-right:6px;color:var(--cnvs-themecolor);}
.info-wrap .lab {font-size:18px;line-height:1.3;color:#22a6b3 !important;font-weight:700}

#prof-cont .prof-wrap {padding:0 0px 50px 0px;line-height:1.7}
#prof-cont .prof-wrap:last-child {padding-bottom:50px;}

#prof-cont .youtubemovie {
  max-width: 80%;
  margin: 20px auto 30px;
  color: #2d3436;
  border-radius: 20px;
}

#prof-cont .youtubemovie a { display:block; position:relative; }
#prof-cont .youtubemovie a .youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:20%;
}

.labmovielist .labmoviebox a.movie { display:block; position:relative; }
.labmovielist .labmoviebox a.movie .youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:20%;
}

.labmoviebox h2 {
  text-align:center;
  margin-top:10px;
  font-size: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
  line-height: 1.3;
}

.labmoviebox h2 span { font-size:0.7em; }


@media (min-width: 768px) and (max-width: 991.98px) {
  .sidebar-widgets-wrap.bio {display: block !important;margin: 0px;}
  .sidebar-widgets-wrap.bio .widget {max-width: 100%;}
}



@media (max-width: 991.98px) {
  .facultycontent {padding:5px 0 40px 40px;margin-top:30px;}

}

@media (max-width: 767.98px) {
  .prof-name-bm h1{letter-spacing:0px;font-size:1.5rem;}
  .prof-name-bm h2{font-size:1.25rem;}

}

@media (max-width: 575.98px) {
  .thumb1 {padding:30px 0 0px;}
  .prof-name-bm .ename{font-size:1rem;margin:0 0 20px 0px;}
  .info-wrap {max-width:96%;margin:0px auto 30px;font-size:1rem;}
  .info-wrap .lab {font-size:1.125rem;}
  .facultycontent {padding:0 0px;}
  #prof-cont .fancy-title {margin-bottom:16px}
  .facultycontent .info-box {padding:20px 16px;border:1px solid #ddd;margin-bottom:30px;background:#f9f9f9;border-radius:20px}
  #prof-cont .prof-wrap {padding:0 0px 30px 0px;}
  #prof-cont .prof-wrap:last-child {padding-bottom:20px;}
}


/*** 역대교수 **/
#emeritus .portfolio-desc.ece h3 {font-size: 1.25rem;font-weight: 700}
#emeritus .portfolio-desc.ece h3 em {
    font-size: 0.9rem;
    font-weight: 500;
    color: #444;
    font-style: normal
}

#emeritus .portfolio-desc.ece span {font-size: 0.9rem !important;}
#emeritus.past .portfolio-desc.ece span {
    font-size: 0.9rem !important;
    color: #888 !important;
    margin-top: 8px
}

 #emeritus .portfolio-image img {
  width:100%;
}

@media (max-width: 575.98px) {
    #emeritus .portfolio-image {
        text-align:center;
        /*display: inline-block;*/
    }

    #emeritus .portfolio-image img {
        /*max-width: 150px;*/
        text-align: center;
        display: inline-block;
    }

    #emeritus .portfolio-desc {
        text-align: center;
    }
}


/*** 연구실 목록 **/
.labgrouplist {padding:0 20px;}
.labgrouplist  .lines{
    clear: both;
    position: relative;
    width: 100%;
    margin:40px 0;
    border-top: 1.25px dashed #bbb;
}
.labgrouplist .thumbs {text-align:center;}
.labgrouplist .thumbs img {/* border-radius:20px; border:1px solid #ddd */}

.labgrouplist h4 {font-size:1.5rem;margin-bottom:16px;}
.labgrouplist h5 {font-size:1.125rem;margin-bottom:6px; font-weight:500;letter-spacing:-0.5px;}
.labgrouplist .introduction { margin-bottom:30px;}
.labgrouplist ul.lablist {list-style:none;margin:0;padding:0}
.labgrouplist ul.lablist li{text-indent:-12px; margin-left:12px;margin-bottom:6px;}
.labgrouplist ul.lablist li a{font-weight:500;font-size:1.125rem}
.labgrouplist ul.lablist li a:hover{text-decoration:underline !important}
.labgrouplist ul.lablist li:last-child {margin-bottom:0}
.labgrouplist ul.lablist li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#999; display:inline-block; margin:0 8px 5px 0; vertical-align:middle;}

.labgrouplist ul.lablist span.professor { display:inline-block; margin-left:20px; padding-left:10px; color:#666; position:relative; font-weight:400;font-size:1rem}
.labgrouplist ul.lablist span.professor:before { content:'|'; font-size:6px; position:absolute; top:5px; left:0; }





@media (max-width: 991.98px) {
  .labgrouplist .thumbs {margin-bottom:40px;}
  .labgrouplist .thumbs img { width:100%;}
}

@media (max-width: 567.98px) {
  .labgrouplist {padding:0 6px;}
  .labgrouplist .thumbs {margin-bottom:30px;}
  .labgrouplist .introduction { margin-bottom:15px;}
  .labgrouplist  .lines{margin:30px 0;}
  .labgrouplist ul.lablist li a{font-size:1rem}
  .labgrouplist ul.lablist span.professor {font-size:0.875rem}
  .labgrouplist ul.lablist span.professor:before { content:'|'; font-size:2px; position:absolute; top:2px; left:0; }
}


.lablist-wrap {padding:0 20px;}

.labcenter .info-bg{padding:20px;background:#f1f2f6;border-radius:20px;font-size:1rem}
.labcenter .tit {font-weight:500;color:var(--cnvs-themecolor);}
.labcenter .tit:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#999; display:inline-block; margin:0 8px 5px 0; vertical-align:middle;}

.title-wrap {width:100%}
.labcenter .prof {width:82px}
.labcenter .prof-txt {width:calc(100% - 82px);}

.cmt-box {background:#f1f2f6;padding:30px;border-radius:20px;}

@media (max-width: 567.98px){
  .labcenter .prof {width:74px}
  .labcenter .prof-txt {width:calc(100% - 74px);}
  .labcenter .tit:before{ margin:0 6px 5px 0;}
  .lablist-wrap {padding:0 6px;}
  .cmt-box {padding:18px 20px;}
}





/** curri **/

.undegraduate-curriculum-wrap li{padding:0px 0px;border-bottom:0px solid #ddd;margin:20px 0; list-style:none;}
.undegraduate-curriculum-wrap li:after{display:block;clear:both;content:""}
.undegraduate-curriculum-wrap li p {}
.undegraduate-curriculum-wrap li p.subject {background:#f9f9f9; margin-bottom:5px; padding:12px 10px;border:1px dashed #ccc;border-left:none;border-right:none;position:relative;font-size:1.125rem;font-weight:500}
.undegraduate-curriculum-wrap li p.subject a{color:#222}
.undegraduate-curriculum-wrap li p.subject span {color:#4581c9;font-size:0.9em;margin-left:6px;}
.undegraduate-curriculum-wrap li p.subject em a{font-style:normal !important; font-size:10px;color:#3b5998;position:absolute;top:20px;right:0;margin-right:10px;}
.undegraduate-curriculum-wrap li p.description {font-size:0.9rem;line-height:20px;padding:8px 5px}



.underrequirement div[class^="col-"] {margin-bottom:30px;}
.underrequirement .itembox { border:1px dashed #ccc; border-radius:20px; padding:30px; background-color:#fff;text-align:center }
.underrequirement .itembox:hover {background-color:#f1f2f6;}
.underrequirement .itembox a {color:#222}
.underrequirement .itembox a:hover {color:var(--cnvs-themecolor);}


.curriculum-wrap .subject { font-weight:700;font-size:1.125rem; }
.curriculum-wrap .subject span { font-weight:400; display:inline-block; margin-left:20px; padding-left:10px; color:#666; position:relative; font-size:0.875rem;}
.curriculum-wrap .subject span:before { content:'|'; font-size:10px; position:absolute; top:3px; left:0; }
.curriculum-wrap p.description {font-size:1rem; margin-top:10px; margin-bottom:0; }



.round-wrap {padding:60px 80px;border:6px solid #eee;border-radius:20px;}

@media (max-width: 991.98px) {
  .round-wrap {padding:40px}
}
@media (max-width: 767.98px) {
  .round-wrap {padding:30px}
}

@media (max-width: 575.98px) {
  .round-wrap {padding:20px 22px;border:4px solid #eee;}
}



.ee-con img,
.history-table img{border-radius:20px;}
.con-stit {font-size:22px;font-weight:700}

@media (max-width: 575.98px) {
  .con-stit {font-size:18px;}
}


.news-letter .portfolio-image img {border:1px solid #ddd}
.news-letter .portfolio-desc {text-align:center}
.news-letter .portfolio-desc h3 {font-size:18px;margin-bottom:3px;font-weight:500;}
.news-letter .portfolio-desc span {font-size:13px;color:var(--cnvs-themecolor);}





/* image animation effect*/
.sv-bg-img{overflow:hidden;}
.sv-bg-img.loaded:before{
  transform: scale(1.2) perspective(2000px);
}

.full-width-image {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.zoom-parallax {
  position: relative;
}
.zoom-parallax:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: transform 4.5s;
  -webkit-transition: -webkit-transform 4.5s;
  transition: -webkit-transform 4.5s;
  transition: transform 4.5s;
  transition: transform 4.5s,-webkit-transform 4.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-timing-function: cubic-bezier(0,.56,6,.68);

}
.zoom-parallax.transition:before {
  -webkit-transform: none;
  transform: none;
}
/* image animation effect*/


/* 개인정보처리방침 */
.privacy-policy div { margin-bottom:20px; }
.privacy-policy h6 { font-size:1.1em; margin-bottom:10px;}
.privacy-policy p { display:block; margin-left:15px; margin-bottom:5px;}

/* 이메일무단수집거부 */
.email-collection h6 {font-size:1em; margin-bottom:10px; }
.email-collection ul { padding:0; margin:0;}
.email-collection ul li { list-style:none;}


.gmap iframe { height:450px; }



/*------------- hwa ----------------*/

/* spinner */
.sending-spinner {
  position: relative;
  width:0px;
  visibility:hidden;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.sending-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 55%;
  left: 5px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}


.form-control { appearance: auto; }
.reqitem { color:#f00; }

/* tab */

.tab_wrap { margin-bottom:35px; }

/*
.tab-content { display:none; }
.tab-content.active { display:block; }
*/

  .tab_wrap .btn-toggle-tab { font-size: 16px; font-weight: 500; background-color:#fff;width: 100%; height: 50px; padding-left: 20px; padding-right: 50px; border: 1px solid #a9a9a9; text-align: left; position:relative;}
  .tab_wrap .btn-toggle-tab:focus { outline:1px dotted #a9a9a9; }
  .tab_wrap .btn-toggle-tab:before { content: ''; position: absolute; right:20px; top:22px; width: 15px; height: 1px; position: absolute; background-color: #000; transition: transform .2s ease-in-out; }
  .tab_wrap .btn-toggle-tab:after { content: ''; position: absolute; right:20px; top:27px; width: 15px; height: 1px; background-color: #000; transition: transform .2s ease-in-out; }
  .tab_wrap.active .btn-toggle-tab:before { transform: rotate(-45deg); }
  .tab_wrap.active .btn-toggle-tab:after { top:22px; transform: rotate(45deg); }

.mobile-menu-open .tab_wrap{ display: none; }

@media (min-width: 1200px) {
  .tab_wrap.tab_lg .btn-toggle-tab { display: none; }
  .tab_wrap.tab_lg .tab ul { margin:0; padding:0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .tab_wrap.tab_lg .tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
  .tab_wrap.tab_lg .tab li { margin:0; padding:0;list-style: none; position: relative; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
  .tab_wrap.tab_lg .tab.full-width li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
  .tab_wrap.tab_lg .tab.fix-width li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 20%;}
  .tab_wrap.tab_lg .tab li + li { border-left: 0; }
  .tab_wrap.tab_lg .tab li > a { display: block; padding: 12px 25px; text-align:center; text-decoration:none;}
  .tab_wrap.tab_lg .tab li > a:hover { text-decoration:none; color:#000;}
  .tab_wrap.tab_lg .tab li.active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 500; }
}

@media (max-width: 1199px) {
  .tab_wrap.tab_lg { position: relative; margin-bottom:20px; }
  .tab_wrap.tab_lg .btn-toggle-tab { display: block;}
  .tab_wrap.tab_lg .btn-toggle-tab:focus { outline:1px dotted #a9a9a9; }
  .tab_wrap.tab_lg .btn-toggle-tab:before { content: ''; position: absolute; right:20px; top:22px; width: 15px; height: 1px; position: absolute; background-color: #000; transition: transform .2s ease-in-out; }
  .tab_wrap.tab_lg .btn-toggle-tab:after { content: ''; position: absolute; right:20px; top:27px; width: 15px; height: 1px; background-color: #000; transition: transform .2s ease-in-out; }
  .tab_wrap.tab_lg.active .btn-toggle-tab:before { transform: rotate(-45deg); }
  .tab_wrap.tab_lg.active .btn-toggle-tab:after { top:22px; transform: rotate(45deg); }
  .tab_wrap.tab_lg .tab { display: none; overflow: hidden; position: absolute; top: 50px; left: 0; z-index: 100; width: 100%; padding: 0px 0px; background-color: #fff; border: 1px solid #a9a9a9; border-top: 0;}
  .tab_wrap.tab_lg .tab > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 500; font-size: 18px; border-bottom: 1px solid #000; }
  .tab_wrap.tab_lg .tab ul { margin:0; padding:0; overflow: auto; max-height: 205px; display:block;}
  .tab_wrap.tab_lg .tab li { margin:0; padding:0; list-style:none; border-bottom: 1px solid #d8d8d8;}
  .tab_wrap.tab_lg .tab li.active { background-color:#0d6efd; color:#fff;}
  .tab_wrap.tab_lg .tab li:not(.active):hover { background-color:#ddd;}
  .tab_wrap.tab_lg .tab li:last-child { border-bottom:none; }
  .tab_wrap.tab_lg .tab a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color:#000;}
  .tab_wrap.tab_lg .tab a:hover { text-decoration:none; }
  .tab_wrap.tab_lg .tab .active a { color: #fff; font-weight:500;}
  .tab_wrap.tab_lg.active .tab { display: block; }

}


@media (min-width: 992px) {
  .tab_wrap:not(.tab_lg) .btn-toggle-tab { display: none; }
  .tab_wrap:not(.tab_lg) .tab ul { margin:0; padding:0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .tab_wrap:not(.tab_lg) .tab ul:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000; }
  .tab_wrap:not(.tab_lg) .tab li { margin:0; padding:0;list-style: none; position: relative; border: 1px solid #ddd; border-bottom: 1px solid #000; background-color: #fff; }
  .tab_wrap:not(.tab_lg) .tab.full-width li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
  .tab_wrap:not(.tab_lg) .tab.fix-width li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 20%;}
  .tab_wrap:not(.tab_lg) .tab li + li { border-left: 0; }
  .tab_wrap:not(.tab_lg) .tab li > a { display: block; padding: 12px 25px; text-align:center; text-decoration:none;}
  .sif .tab_wrap:not(.tab_lg) .tab li > a { padding: 12px 15px;}
  .tab_wrap:not(.tab_lg) .tab li > a:hover { text-decoration:none; color:#000;}
  .tab_wrap:not(.tab_lg) .tab li.active { border-color: #000; border-bottom: 1px solid #fff; border-left: 1px solid #000; font-weight: 500; }
}

@media (max-width: 991px) {
  .tab_wrap:not(.tab_lg) { position: relative; margin-bottom:20px; }
  .tab_wrap:not(.tab_lg) .btn-toggle-tab { display: block; }
  .tab_wrap:not(.tab_lg) .tab { display: none; overflow: hidden; position: absolute; top: 50px; left: 0; z-index: 100; width: 100%; padding: 0px 0px; background-color: #fff; border: 1px solid #a9a9a9; border-top: 0;}
  .tab_wrap:not(.tab_lg) .tab > .tit { display: block; padding-bottom: 15px; line-height: 1; font-weight: 500; font-size: 18px; border-bottom: 1px solid #000; }
  .tab_wrap:not(.tab_lg) .tab ul { margin:0; padding:0; overflow: auto; max-height: 205px; display:block;}
  .tab_wrap:not(.tab_lg) .tab li { margin:0; padding:0; list-style:none; border-bottom: 1px solid #d8d8d8;}
  .tab_wrap:not(.tab_lg) .tab li.active { background-color:#0d6efd; color:#fff;}
  .tab_wrap:not(.tab_lg) .tab li:not(.active):hover { background-color:#ddd;}
  .tab_wrap:not(.tab_lg) .tab li:last-child { border-bottom:none; }
  .tab_wrap:not(.tab_lg) .tab a { display: block; height: 50px; line-height: 50px; padding: 0 20px; color:#000;}
  .tab_wrap:not(.tab_lg) .tab a:hover { text-decoration:none; }
  .tab_wrap:not(.tab_lg) .tab .active a { color: #fff; font-weight:500;}
  .tab_wrap:not(.tab_lg).active .tab { display: block; }
}