@charset "utf-8";

/* 상단 로고 및 탑메뉴 */
@media all and (min-width:1025px) {
  .wrap-top .head-logo {width: auto !important;}
  /*  .wrap-header .head-logo {width: auto !important;}	*/
}
@media all and (max-width:420px) {
  .wrap-header .head-logo-m strong {font-size: 17px !important;}
}

@media all and (max-width:767px) {
  .Mobile .slogan strong{font-size:25px;}
  .Mobile .slogan p{font-size:15px;}
}

@media all and (min-width:1025px) {
  .wrap-header .head-navi .a_1 {padding: 12px 50px !important; font-size:18px !important;}
}

/* 기본 추가 */
.align-c { text-align:center; }
.align-l { text-align:left; }
.align-r { text-align:right; }

/* ul 리스트 추가 */
ul.list_0 {}
ul.list_0 > li:not(:first-child) { margin-top:5px; }
ul.list_0 > li > ul { padding-left:23px; margin-top:5px; }
ul.list_0 > li > ul > li > ul { padding-left:23px; margin-top:5px; }

/* 교육목표 사이즈 조절 */
.edu-goal03.small > ul > li { margin-bottom:20px; }
.edu-goal03.small > ul > li > .num { width:70px; height:70px; padding-top:13px; background-size:contain !important; }
.edu-goal03.small > ul > li .num span { font-size:28px; }
.edu-goal03.small > ul > li > .conts { padding-top:20px; }

/* 메인 슬로건 */
.slogan span { font-size:22px; }
.slogan strong { font-size:45px; }
.slogan p { font-size:22px; }


/* 메인 하단 멀티플요소 추가 */
#multipleDiv_medical_53 { background-color:#edf0fd; padding:30px 0; }
#multipleDiv_medical_53 .multipleContentsDiv { max-width:1500px; margin:0 auto; }
.main-link-banner ul{overflow:hidden;}
.main-link-banner ul li{width:calc(100% / 7); float:left; text-align:center; position:relative;font-family: 'Noto DemiLight',sans-serif;}
.main-link-banner ul li + li:before{content:''; width:1px; height:90px; background-color:#ddd; position:absolute; left:0; top:50%; margin-top:-45px;}
.main-link-banner ul li span{display:block; padding-top:15px; border-radius:20px; width:88px; height:88px; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,.2); margin:0 auto; margin-bottom:10px; text-align:center;}
.main-link-banner ul li span img{margin:0 auto;}
.main-link-banner ul li strong{font-size:17px;}
@media all and (max-width:767px) {
  body .main-link-banner ul li{width: calc(100% / 3); margin:15px 0; height:150px}
  .main-link-banner ul li + li:before{display:none;}
}

/* 인물소개 */
.sub-skin03 .wrap-contents .con-list > li { background-position-y: 13px !important; }

/* 교실소개 - 임상의학교실 */
.btnWrap { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.btnWrap > div { margin-bottom:20px; }

.li-box-07.custom01 .inner { padding:20px 0 !important; }
.li-box-07.custom01 > ul > li:first-child > .inner { padding-top:0 !important; }

/* 탭메뉴
#menuUItab .tab_div .tab_k2wiz_GNB { flex-flow:row wrap; align-items:stretch; }
#menuUItab .tab_div .tab_k2wiz_GNB > li { flex-grow:1; flex-basis:19%; border:1px solid #cfcfcf; background-color:#f8f8f8; margin:2px 2px;  }
#menuUItab .tab_div .tab_k2wiz_GNB > li > a { background-color:unset; border:0; }
*/

#multipleContentsDiv_medical_239{height:auto;}

/* 메인 */
/*
.administration > ul li { width: calc(100% / 6 - 33px) !important; padding:0 0!important; }
*/

.administration > ul li + li { margin-left:unset !important; }
.administration > ul li strong:after { width:100% !important; margin:5px 0 !important; }
.administration strong span { font-size:20px !important;  }
.administration > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
.administration > ul > li { flex: 0 0 32%; margin-bottom:20px !important; height:unset !important; padding:20px 20px !important; }
.administration > ul > li:nth-child(3n-1) { margin-left:2% !important; margin-right:2% !important; }



.administration > ul li > div { height:100%; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; text-align:center;  }

@media all and (max-width:1200px) {
  .administration > ul li + li { margin-left:0 !important; }
  .administration > ul li:nth-child(3) { margin-top:0 !important; height:unset !important; }
  .administration > ul li:nth-child(3) strong:after { position:unset !important; right:unset !important; height:1px !important; }

  .administration > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
  .administration > ul > li { flex:0 0 32%; }
  .administration > ul > li:nth-child(2),.administration > ul > li:nth-child(5) { margin-left:2% !important; margin-right:2% !important; }
  .administration > ul > li:nth-child(n+4) { margin-top:10px; }
}

@media all and (max-width:500px) {
  .administration > ul > li { flex:0 0 48%; }  
  .administration > ul > li:nth-child(2),.administration > ul > li:nth-child(5) { margin-left:0 !important; margin-right:0 !important; }
  .administration > ul > li:nth-child(even) { margin-left:2% !important; }
  .administration > ul > li:nth-child(n+3) { margin-top:10px !important; }

}

/*
.administration > ul > li:not(:last-child) .imgModal { display:none; }
*/

.administration .imgModal { position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; display:none; }
.administration .imgModal::before { content:""; background-color:#000; opacity: 0.8; width:100%; height:100%; top:0; left:0; position:absolute;  }
.administration .imgModal > div { display:flex; justify-content:center; align-items:center; height:100%; }
.administration .imgModal > div > .contWrap { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center; height:70%; width:auto;  position:relative; }
.administration .imgModal > div > .contWrap > div:nth-child(1) { text-align:right; padding:10px 10px; width:100%; }
.administration .imgModal > div > .contWrap > div:nth-child(1) > a { color:#fff; font-weight:600; font-size:20px; }
.administration .imgModal > div > .contWrap > div:nth-child(2) { overflow-y:auto; }

/*교실안내 - 시신기증안내 - 시신기증 - 이미지박스*/

.imgBox {
    position: relative;
}
.imgBox p {
    position: absolute;
    top: 55px;
    right: 50px;
    color: #accdf2 !important;
    font-size: 19px !important;
    width: 325px;
    font-weight: bold;
}
.imgBox img{width:100% !important;}