/* 연혁 */
.history { margin-top:35px; background:url('/common/images/content/history_line.png') repeat-y 112px top;}
.history .cell { position:relative; margin-bottom:30px; padding-left:135px;}
.history .cell h4 { position:absolute; left:0; top:6px; width:120px; color:#1831ac; font-size:26px; font-weight:600; line-height:25px; margin: 0; }
.history .cell h4::before{ content: "";position: absolute;border: 1px solid #1831ac; width: 24px; height: 24px; border-radius: 20px; right: -4px; top: 4px; }
.history .cell h4::after{
    content: "";
    position: absolute;right: 2px; top:10px;
    background:#1831ac;
    width: 12px;
    height: 12px;
    border-radius: 20px;
 }
.history .cell > ul { position:relative;  }
.history .cell > ul li { position:relative; padding:5px 0 5px 10px;  clear:both; font-size:15px;}
.history .cell > ul li::before { content: "";position: absolute; left: 0; top: 14px; background-color: #1831ac; width: 4px;height: 4px;}
.history .cell ul li ul {
  margin-top: 4px;
}
.history .cell ul li ul li { padding:0; font-weight: 300; }
.history .cell > ul li ul li::before { display: none; }
.history .cell ul li span.date { position:absolute; left:0; top:3px;  font-size:15px; font-weight:600; }
.history .cell .icon { position: absolute; background:#1831ac; width: 5px; height: 5px; right: -3px; top: 4px; }

.org-table-wrap {
   margin-top:20px;
}

.org-table-wrap .table thead tr th {
   border:1px solid #ddd;
   border-top:2px solid #333 !important;
   text-align: center;
   background-color:#f5f5f5;
   border-bottom:0;
}
.org-table-wrap .table tbody tr td {
   text-align: center;
   border:1px solid #ddd;
    vertical-align: middle;
}
.org-table-wrap .table tbody tr td[align="left"] {
   text-align: left;
}

@media screen and (max-width:640px) {
    .history { background-position:5px top !important;}
    .history .cell { padding-left:20px;}
    .history .cell h4 {  position:static; margin:0 0 10px -20px; padding-left:20px;  background-position:left 8px !important; }
    .history .cell.first h4 {  background-position:left -8px !important;}
	.history .cell .icon { right: auto; left:-5px; top: 4px; }

}

/*location*/

.location { font-family: 'nanum-square-r', sans-serif; }
.location h3 { margin: 10px 0 0; font-size: 24px; font-weight: bold;}
.location .txt01 {
	position: relative;
	background: #fafafa;
	padding:15px 0;
	border-top:solid 2px #ccc;
	border-bottom:solid 1px #ddd;
	font-size: 16px; line-height: 1.5;
}
.location .txt01 ul {  }
.location .txt01 ul li { margin: 5px 0 0; padding: 0 10px; color: #777; }
.location .txt01 ul li b { color: #444; }
.location .rightline {
	position: absolute;
	width: 1px;
	height: 85%;
	left: 50%;
	margin-left: -1px;
	border-right: dashed 1px #ccc;
}
.location .map { left:0; top:0!important; margin: 0; padding: 0; }
.location .root_daum_roughmap { width: 100%; }
.location .mapInfo { padding:8px; font-size: 18px; color: #333; text-align: left; font-weight: bold; font-family: 'nanum-square-r', sans-serif; }
.location .mapInfo p { position: relative; margin: 5px 0 0; font-size: 14px; color: #777; font-weight: normal; font-family: 'nanum-square-r', sans-serif; }


/* 비전, 7대 원칙 */
.society_warp { margin-top:30px; text-align:center; }
.society_warp img { margin-top:50px;}
.society_warp h4 { font-size:32px; color:#3c3c3c; padding-bottom:30px; background: url(../images/content/line.gif) no-repeat bottom center; }
.society_warp .society_box { background:#f6f6f6; border:1px solid #d0d0d0; margin-top:20px; padding:13px 20px; line-height:24px; }
.society_warp .society_box p { font-size:18px; line-height:28px; letter-spacing:-1px; }



.develop-info-area{ box-sizing:border-box; padding:30px 49px; font-size:12px; background:#f5f5f5; font-family:dotum, '돋움';}
.develop-info-area.info-box1{ background:#f7ea57;}
.develop-info-area.info-box1 strong,
.develop-info-area.info-box1 p{color:#333;}
.develop-info-area.info-box2{ background:#529716;}
.develop-info-area.info-box2 strong,
.develop-info-area.info-box2 p{color:#fff;}
.develop-info-area strong{display:inline-block; margin-top:18px; color:#555; font-size:20px;}
.develop-info-area p{margin-top:10px; line-height:24px; font-size:18px;}
.develop-info-area .ct-title{font-family:'titillium web'; font-size:24px; font-weight:400; color:#fff; line-height:50px; margin:0;}

.dje01 {position:relative;margin:0 0 10px 0;font-size:18px;color:#000;}
.dje02 {position:relative;margin:30px 0 20px 0;font-size:18px;color:#333;}
.dje03 {position:relative;margin:20px 0 20px 0;font-size:16px;color:#333; text-align:center;}

.sh403_list {}
.sh403_list li { float: left; }
.sh403_list li .sh403_con  {background-image:url(../images/user/Social_con.gif); background-repeat:no-repeat; padding:58px 41px; text-align:center; display:inline-block; font-size:20px;}

.djelist01 {}
.djelist01 li {padding-left:12px;margin-bottom:10px;line-height:18px;background:url('../images/common/dash01.gif') no-repeat 0 10px;}

.djelist02 {}
.djelist02 dt { font-size:15px;font-weight:bold;color:#019a91;line-height:20px;}
.djelist02 dt.first { margin:0 0 6px 0;}
.djelist02 dd.dd_dje_00 { padding-left:10px;}


.tableStyle02 {width:100%;border-top:solid 2px #b5b2b5;border-bottom:2px solid #b5b2b5;table-layout:fixed;border-spacing:0;empty-cells:show;border-collapse:collapse;margin-top:15px}
.tableStyle02 th {font-family: 'MalgunGothic';padding:8px 0 8px;border-bottom:solid 1px #d6d7d6; border-right:1px solid #d6d7d6;font-size:13px;color:#000;font-weight:bold;background:#fdfdfd;text-align: center;}
.tableStyle02 .bgNone {background: none!important;}
.tableStyle02 .liNone {border-right:none!important;}
.tableStyle02 td {padding:5px 8px 4px;border-bottom:1px solid #c0bdb5;border-right:1px solid #c0bdb5;text-align:left;line-height:18px;font-size:14px}
.tableStyle02 td.td_style02 {background-color:#eff7f7; color:#424542; font-weight:bold; text-align:center;}

.maping .tit01{ margin:0 0 20px; color:#222222; font-family:"notokr-medium"; font-size:20px; }
.maping .title { font-size: 24px; font-weight: bold;}
.maping .txt01 {
	position: relative;
	background: #fafafa;
	padding:15px 0;
	border-top:solid 2px #ccc;
	border-bottom:solid 1px #ddd;
	font-size: 18px; line-height: 1.5;
}
.maping .txt01 ul { }
.maping .txt01 ul li { margin: 8px 0 0; padding: 0 20px; color: #777; }
.maping .txt01 ul li b { color: #444; }
.maping .rightline {
	position: absolute;
	width: 1px;
	height: 85%;
	left: 50%;
	margin-left: -1px;
	border-right: dashed 1px #ccc;
}
.maping .map { left:0; top:0!important; margin: 0; padding: 0; }
.maping .root_daum_roughmap { width: 100%; margin-bottom: 20px; }
@media(max-width:991px){
	.location .txt01 ul.last { margin-top: 10px; padding-top: 10px; border-top: dashed 1px #ddd; }
	.location .rightline { display: none; }
}

/* 연구원소개 */
.page-cont {

}
.page-cont .cont {
  padding: 40px 0;
  border-bottom: 1px solid #ddd;
}
.page-cont .cont:first-child {
  padding-top:40px;
}
.page-cont .cont:last-child {
  border-bottom:0;
}
.cont .tit-box {
  margin-bottom:10px;
}
.cont .tit-box .tit{
  font-size: 28px;
  margin-bottom:10px;
}
.cont .tit-box .txt {
  display: block;
  font-size: 24px;
  color:#333;
  text-align: center;
}
.company-cont-img {
  display: block;
  width:100%;
  text-align: center;
  background-color:#f8f8f8;
  padding:80px 0;
  margin-top: 15px;
}
.company-cont-img img {
    width: 420px;
}
.intro-txt {
  font-size: 24px;
  color:#212121;
  font-weight: 500;
  text-align: center;
}
.vision-list {

}
.vision-list ul > li {
  margin-bottom:10px;
}
.vision-list ul > li .info {
  position:relative;
	display: table;
  width:100%;
  padding:15px;
  background-color:#fafafa;
  border:1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
}
.vision-list ul > li .info .num {
  display: table-cell;
  text-align: center;
  font-weight: 300;
  color:#212121;
  padding-right:20px;
}
.vision-list ul > li .info .txt {
  font-size: 16px;
  font-weight: 400;
}
.rule {

}
.rule img {

}
.rule-list {
  position:relative;
}
/* .rule-list::after {
  content: '';
  display: block;
  width:1px;
  height:100%;
  position:absolute;
  left:50%;
  top:0;
  border-right:1px dashed #ccc;
  z-index: -1;
} */
.rule-list li {
  background-color:#fafafa;
  border:1px solid #ddd;
  margin-bottom:10px;
  padding:15px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
}

.mission-list { margin-bottom: 30px; }
.mission-list ul { display: flex; flex-direction: row;  }
.mission-list li  { flex: 1 0 auto; padding: 0 10px; }
.mission-list li .info {
    background-color: rgba(218,85,68,0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;  align-items: center;
    padding:40px 15px;
    border-radius: 16px;
}
.mission-list li .info .tit{ background-color: #DA5544; }
.mission-list li .info .txt{ color: #DA5544; }
.mission-list li+li .info { background-color: rgba(139,188,68,0.1); }
.mission-list li+li .info .tit{ background-color: #8BBC44; }
.mission-list li+li .info .txt{ color: #8BBC44; }
.mission-list li+li+li .info { background-color: rgba(71,155,203,0.1); }
.mission-list li+li+li .info .tit{ background-color: #479BCB; }
.mission-list li+li+li .info .txt{ color: #479BCB; }
.mission-list li .tit {
    display: inline-block;
    padding: 5px 15px;
    background-color: #fff;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.mission-list li .txt {
    margin-top: 10px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    text-align: center;
}

@media (max-width:991px) {
  .rule {
    text-align: center;
  }
  .rule img {
    max-width:90%;
  }
  .rule-list {
    margin-top:20px;
  }
}

@media (max-width:767px) {
.mission-list ul { flex-direction: column;; }
.mission-list li { margin-bottom: 10px; }
.mission-list li br { display: none;; }
.mission-list li .info { padding:25px 15px;
}
  .intro-txt {
    font-size: 16px;
  }
  .intro-txt br { display: none; }
  .cont .tit-box {
    margin-bottom:20px;
  }
  .cont .tit-box .tit {
    font-size: 21px;
  }
  .cont .tit-box .txt {
    font-size: 14px;
  }
  .cont .tit-box .txt br {
    display: none;
  }
  .company-cont-img {
    padding:40px 20px;
  }
  .vision-list > li .info {
    display: block;
    text-align: center;
    padding: 10px 20px 15px 20px;
  }
  .vision-list > li .info .num {
    display: block;
    text-align: center;
    width:100%;
    font-size:14px;
  }
  .vision-list > li .info .txt {
    font-size: 14px;
  }
  .rule {
    text-align: center;
  }
  .rule img {
    max-width:90%;
  }
  .rule-list {
    margin-top:20px;
  }
  .rule-list li {
    font-size: 14px;
    padding: 10px;
    margin-bottom: 13px;
  }
}
/* 조직도 */
.org-img {
  padding:50px 0 20px;
  text-align: center;
}

/* 찾아오시는 길 */
.map-cont {
  padding:30px 0;
  border-bottom:1px dashed #ddd;
}
.map-cont:last-child {
  border-bottom:0;
}

.map-wrap {
  margin-bottom:20px;
  position: relative;
  background-color: #fff;
  border: 1px #e8e8e8 solid;
  background-color:#fafafa;
}
.map-wrap .info {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.map-wrap .info .tit {
  font-size: 20px;
  width: 20%;
  text-align: center;
  flex: 0 0 auto;
  padding: 0 15px;
}
.map-wrap .info .module {
  border-left: 1px solid #ddd;
  padding: 15px 20px 12px 38px;
}
.map-wrap .info .module .address {
  font-size: 16px;
  font-weight: 500;
}
.map-wrap .info .module .address strong {
  display: inline-block;
  margin-right:5px;
}
.map-wrap .info .module .tel-info {
  margin-top:2px;
}
.map-wrap .info .module .tel-info p {
  display: inline-block;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 300;
}
.map-wrap .info .module .tel-info p:first-child {
  padding:0;
}
.map-link-box {
  margin-top:10px;
}
.map-link-box a {
  display:inline-block;
  padding: 14px 25px 12px;
  margin-right: 10px;
  background: #f5f5f5;
}
.map-link-box a span {
  display:inline-block;
  width:26px;
  height:26px;
  vertical-align: middle;
  margin-right:5px;
  border-radius: 4px;
}
.map-link-box .kakao span {
  background: url(/assets/common/img/user/map-icon-group.png) no-repeat;
}
.map-link-box .naver span {
  background: url(/assets/common/img/user/map-icon-group.png) no-repeat -26px 0;
}
.map-link-box a:hover {
  color:#494949;
}

.map-container {
  display: flex;
  margin:0 -15px;
  flex-wrap: wrap;
}
.map-container > div {
  width: 50%;
  padding:0 15px
}
.map-container .map-tit {
  margin-bottom: 0px;
  font-size: 16px;
}
.map-container .map-info > div {
  margin-bottom: 15px;
}
.map-container .map-info > div:last-child {
  margin-bottom: 0;
}
.map-container .map-info ul > li {
  padding: 8px 0;
}

.bus-cont {

}
.bus-cont .bus-tit {

}
.bus-cont .bus-tit .bus-stop {
  position:relative;
  color:#2573f0;
  font-weight: 500;
}
.bus-cont .bus-tit .bus-stop::after {
  content: '';
  display: inline-block;
  margin-left:5px;
  width: 1px;
  height: 10px;
  background-color:#ddd;
}
.bus-cont .bus-number {
  color:#888;
}
.bus-cont .bus-number > span {
  position:relative;
  display: inline-block;

}
.bus-cont .bus-number > span::after {
  content: '';
  display: inline-block;
  margin-left:5px;
  width: 1px;
  height: 10px;
  background-color:#ddd;
}
.bus-cont .bus-number > span:last-child::after {
  display: none;
}
.bus-cont .type {
  background-color: #0bab79;
  color: #fff;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 10px;
  margin-top: 2px;
  margin-right: 4px;
  flex: 0 0 auto;
}
.bus-cont .type4 {
  background-color:#6672EF!important;
}
.bus-cont .type2 {
  background-color:#3CC344!important;
}
.bus-cont .type3 {
  background-color: #ff2929!important;
}
.bus-cont .bus-list {
  display: flex;
  align-items: flex-start;
}
.bus-cont .bus-list > div > span {

}
.bus-cont .bus-list > div > span::after {
  content: '';
  display: inline-block;
  margin-left:5px;
  width: 1px;
  height: 10px;
  background-color:#ddd;
}
.bus-cont .bus-list > div > span:last-child::after {
  display: none;
}
.subway-info {

}
.subway-info .station-num {
  color:#888;
}
.subway-info .distance {
  color:#fb3f3f;
}
  .os_mac .roughmap_maker_label .roughmap_lebel_text {
    font-size:18px;
    font-family: "Noto Sans KR";
    font-weight: 400;
    padding:10px 15px 12px;
  }
  @media (max-width: 767px) {
    .map-container > div {
      width: 100%;
      margin-bottom: 0;
      margin-top: 15px;
    }
    .os_mac .roughmap_maker_label .roughmap_lebel_text {
      font-size:14px;
      font-family: "Noto Sans KR";
      font-weight: 400;
      padding:10px 15px 12px;
    }
    .root_daum_roughmap {
      height:300px !important;
    }
  .map-wrap .info .tit {
    font-size: 16px;
  }
  .map-wrap .info .module .address {
    font-size:13px;
  }
  .map-wrap .info .module .tel-info {
    margin-top:2px;
  }
  .map-wrap .info .module .tel-info p {
    font-size:13px;
  }
  .map-link-box a {
    margin:0;
    width:100%;
    margin-bottom: 10px;
  }
    .map-link-box a:last-child {
      margin:0;
    }
    .map-wrap .info {
      padding: 15px 20px;
    }
    .map-wrap .info .tit {
      width: 100%;
      margin-bottom: 10px;
    }
    .map-wrap .info .module {
      width: 100%;
      padding: 0;
      text-align: center;
      border:0;
    }
  }


/* 연혁 */
.history-sub-list {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
.history-sub-list > li {
  position:relative;
  padding-left:10px !important;
  font-weight: 300;
}