@charset "utf-8";

/* 테이블 공통 */
.table th {text-align: center !important;}

/* sub01_01 연구소소개 */
.s0101 .infobox {padding: 40px 400px 40px 50px;}
.s0101 .infobox.type02 .pic {width: 312px; height: 260px; top: auto; right: 4%; bottom: 0; transform: translateY(0);}
.s0101 .infobox.type02 .pic img {position: static; left: auto; margin-top: 0; margin-left: 0;}
.s0101 .infobox.type02 .txt .title strong {font-family: 'gmarket';}
.s0101 .infobox.type02 .txt .title em {font-family: 'gmarket';}
.s0101 .imgbox3 {margin-top: 105px;}
@media (max-width:991px) {
  .s0101 .infobox {padding: 40px 40px 50px;}
  .s0101 .infobox.type02 .pic {display: none;}
}
/* sub01_01 연구소소개 End */

/* sub01_03 교수소개 */
.professor-info {display: flex; position: relative; margin-bottom: 80px;}
.professor-info:before {content: ""; display: block;position: absolute; right: 0; bottom: 0px; width: 462px; height: 124px; background: url(/images/myunggok/sub01/ky_bg.png) no-repeat; background-size: 100%;z-index: 1}
.professor-info strong {font-family: 'gmarket';}
.professor-info .info-img {position: relative;}
.professor-info .info-img:before {content: ""; display: block; position: absolute; right: -15px; bottom: -10px; width: 100%; height: 100%; background-color: #dce8e4;}
.professor-info .info-img img {position: relative;}
.professor-info .info-left {flex-basis: 67%; max-width: 67%; padding: 90px 30px; background-color: #016B3B; color: #fff;position: relative;z-index: 2}
.professor-info .info-left .left-inner {max-width: 720px; margin: 0 auto;}
.professor-info .info-left .info-img {display: none;}
.professor-info .info-left .name {display: block; padding-bottom: 30px; font-weight: bold; font-size: 40px;}
.professor-info .info-left .name em {display: block; font-weight: normal; font-size: 30px;}
.professor-info .info-left .point {font-size: 20px; padding: 13px 20px 13px; border-top: 2px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5); font-weight: bold;}
.professor-info .info-left .info-list {padding: 5px 20px 15px 10px;}
.professor-info .info-left .info-list:nth-of-last-type {border-bottom: 1px solid rgba(255,255,255,0.5);}
.professor-info .info-left .info-list li {color: #fff;}
.professor-info .info-left .info-list li:before {background-color: #fff;}
.professor-info .info-right {flex-basis: 33%; max-width: 33%; padding: 90px 20px; background-color: #eef3f1;}
.professor-info .info-right .right-inner {max-width: 220px; margin: 0 auto;}

.professor-list {display: flex; margin: 0 -19px;}
.professor-list .list-item {display: flex; flex-basis: calc(50% - 38px); max-width: calc(50% - 38px); margin: 0 19px; padding: 30px; border: 1px solid #ddd; border-top-color: #3b8571;}
.professor-list .list-item .list-img {flex-shrink: 0;}
.professor-list .list-item .list-img img {display: block;}
.professor-list .list-item .list-text {flex-grow: 1; padding-left: 30px;}
.professor-list .list-item .list-text .name {display: flex; padding-top: 8px; border-bottom: 1px dashed #ddd;}
.professor-list .list-item .list-text .name strong {padding-bottom: 15px; border-bottom: 3px solid #008574;}
.professor-list .list-item .list-text .name em {position: relative; margin-left: 20px; padding-left: 20px;}
.professor-list .list-item .list-text .name em:before {content: ""; display: block; position: absolute; top: 8px; left: 0; width: 1px; height: 13px; background-color: #ddd;}
.professor-list .list-item .list-text .desc {padding-top: 20px;}
.professor-list .list-item .list-text .desc li {font-size: 15px;}
.professor-list .list-item .list-text .desc li:not(:first-child) {padding-top: 5px;}
.professor-list .list-item .list-text .desc li span {display: inline-block; padding-right: 10px; font-weight: bold; color: #008574;}

@media (max-width:1024px) {
  .professor-info {display: block;}
  .professor-info:before {display: none; width: 120px; height: 113px; bottom: -30px; background: url(/images/myunggok/sub01/ky_bg_m.png) no-repeat;}
  .professor-info .info-right {display: none;}
  .professor-info .info-left {flex-basis: auto; max-width: 100%;}
  .professor-info .info-left .info-img {display: block; width: 220px; margin: 0 auto 30px;}
  .professor-info .info-left .info-img img {display: inline-block;}

  .professor-list {display: block; margin: 0;}
  .professor-list .list-item {flex-basis: auto; max-width: 100%; margin: 0;}
  .professor-list .list-item:not(:first-child) {margin-top: 30px;}
}
@media (max-width:767px) {
  .professor-info {margin-bottom: 40px;}
  .professor-info .info-left {padding: 90px 20px;}
  .professor-info .info-left .info-img {text-align: center;}
  .professor-info .info-left .name {font-size: 32px;}
  .professor-info .info-left .name em {font-size: 24px;}
}
@media (max-width:550px) {
  .professor-list .list-item {display: block;}
  .professor-list .list-item .list-img {text-align: center;}
  .professor-list .list-item .list-img img {margin: 0 auto; padding-bottom: 20px;}
  .professor-list .list-item .list-text {padding-left: 0;}
}
/* sub01_03 교수소개 End */

/* sub01_01 연혁 */
.history_wrap{overflow:hidden;position: relative;margin-top:80px;}
.history_wrap .histroy_left{position: absolute;left:0;top:0;width: 36.858%;height:100%;background: #f1f7f5 url(/images/myunggok/sub01/history_left_bg.png) center bottom no-repeat;;padding:195px 20px;text-align: center;border-radius: 0 80px 0 0;}
.history_wrap .histroy_left .title{position: relative;display: inline-block;text-align: left;}
/* .history_wrap .histroy_left .title::before{content: "";position: absolute;left:0;top:0;width:98px;height:56px;background: url(/images/myunggok/sub01/history_logo.png) no-repeat;} */
.history_wrap .histroy_left .title strong{color:#016b3b;font-size:39px;letter-spacing: 0;font-weight: bold;font-family: 'gmarket';line-height: 1.1;}
.history_wrap .histroy_left .title strong em{display: block;color:#006940;font-size:18px;letter-spacing: -0.1em;font-family: initial;}

.history_wrap .histroy_right{padding-left:44%;position: relative;}
/* .history_wrap .histroy_right::after{content: "";position: absolute;right:0;bottom:0;z-index: -1;width:283px;height:224px;background: url(/images/myunggok/sub01/history_bg.png) no-repeat;} */
.history_wrap .histroy_right .item_wrap{border-left:1px solid #008357;padding-top:30px;}
.history_wrap .histroy_right .item_wrap .item{padding:45px 0 50px 85px;position: relative;}
.history_wrap .histroy_right .item_wrap .item:last-child:before{content: "";position: absolute;left:-1px;top:65px;width:1px;height:200px;background: #fff;}
.history_wrap .histroy_right .item_wrap .item+.item{border-top:1px solid #dee9e4;}

.history_wrap .histroy_right .item_wrap .item .year{position: relative;;display: block;margin-bottom:20px;color:#008357;font-size:30px;letter-spacing: 0;font-weight:bold;font-family: 'gmarket';}
.history_wrap .histroy_right .item_wrap .item .year::before{content: "";position:absolute;left:-94px;top:10px;width:17px;height:17px;background: url(/images/myunggok/sub01/history_dot.png) no-repeat;}
.history_wrap .histroy_right .item_wrap .item .year::after{content: "";position: absolute;left:-70px;top:18px;width: 46px;height:1px;background: #cad7d1;}
.history_wrap .histroy_right .item_wrap .item > ul > li{position: relative;color:#555;font-size:17px;letter-spacing: -0.045em;padding-left:90px;}
.history_wrap .histroy_right .item_wrap .item > ul > li+li{margin-top:25px;}
.history_wrap .histroy_right .item_wrap .item > ul > li > em{position:absolute;left:0;top:0;display: block;color:#333;font-size:19px;letter-spacing: -0.045em;font-weight: bold;}
.history_wrap .histroy_right .item_wrap .item > ul > li > ul > li{position:relative;padding-left:30px;}
.history_wrap .histroy_right .item_wrap .item > ul > li > ul > li+li{margin-top:10px;}
.history_wrap .histroy_right .item_wrap .item > ul > li > ul > li.no_m{padding-left:0;}
.history_wrap .histroy_right .item_wrap .item > ul > li > ul > li > span{position: absolute;left:0;top:0;}

@media(max-width:1069px){
	.history_wrap .histroy_left{position: relative;left:auto;top:auto;width:100%;height:auto;background-image: none;padding:50px 20px;}

	.history_wrap .histroy_right{padding-left:10px;margin-top:50px;}
	.history_wrap .histroy_right .item_wrap{padding-top:0;}
}
@media(max-width:499px){
	.history_wrap .histroy_left .title::before{left:50%;margin-left:-49px;}

	.history_wrap .histroy_right .item_wrap .item{padding:45px 0 50px 45px}
	.history_wrap .histroy_right .item_wrap .item .year::before{left:-53px}
	.history_wrap .histroy_right .item_wrap .item .year::after{left:-32px;width:22px;}
	.history_wrap .histroy_right .item_wrap .item > ul > li{padding-left:0;}
	.history_wrap .histroy_right .item_wrap .item > ul > li > em{position:relative;left:auto;top:auto;margin-bottom:10px;}
}
/* sub01_01 연혁 End */

/* sub03_01 관리지침 및 신청절차 */
.s0301 .prc.type5 > li {min-height: auto;}
@media (max-width: 910px){
  .s0301 .prc.type5 > li {min-height: 122px;}
}
@media (max-width: 767px){
  .s0301 .prc.type5 > li {min-height: auto;}
}
/* sub03_01 관리지침 및 신청절차 End */

/* sub0405 관련사이트 */
.related_list{margin-left:-25px;}
.related_list::after{content: "";display: block;clear:both;visibility: visible;}
.related_list .item{position: relative;float:left;width:calc(25% - 25px);margin-left:25px;margin-bottom:15px;background: #006940;height:80px;}
.related_list .item a{position: absolute;left:0;top:0;width:100%;height:100%;display: table;table-layout: fixed;background: #fff;transition: 0.5s;border:1px solid #ddd;text-align: center;padding:0 8px;}
.related_list .item a:hover,
.related_list .item a:focus{left:-10px;top:-10px;border-color:#006940;border-radius: 10px;}
.related_list .item a span{display:table-cell;vertical-align: middle;font-weight:bold;}

@media(max-width:999px){
    .related_list .item{width:calc(33.33% - 25px);}
}
@media(max-width:650px){
    .related_list .item{width:calc(50% - 25px);}
}
@media(max-width:430px){
    .related_list{margin-left:0;}
    .related_list .item{float:none;width:100%;margin-left:0;}
}
/* sub0405 관련사이트 End */