@charset "utf-8";

/************************ 센터소개 ************************/
.center-intro {}
.center-intro .line {
  width: 218px;
  height: 4px;
  margin: 0 auto;
  background: rgb(0,80,128);
  background: linear-gradient(45deg, rgba(0,80,128,1) 0%, rgba(39,128,190,1) 50%, rgba(0,177,186,1) 100%);
}
.center-intro h2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 36px;
  font-weight: 700;
  margin-top: 36px;
  text-align: center;
}
.center-intro h2 hr {display: none;}
.center-intro  h2 p {
  font-size: 20px;
  font-weight: 400;
}
.center-intro .intro-box {
  margin-top: 45px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
.center-intro .intro-box .intro-unit {
  border:1px solid #ddd;
  border-radius:4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 45px 0 50px;
  width: 402px;
}
.center-intro .intro-box .intro-unit .img {
  height: 82px;
}
.center-intro .intro-box .intro-unit .img img {
  display: block;
  height: 100%;
}
.center-intro .intro-box .intro-unit h3 {
  font-size: 24px;
  margin: 30px 12px;
}
.center-intro .intro-box .intro-unit p {
  font-size: 16px;
}
.center-intro .intro-mission-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 109px;
  background: #f9f9f9;
  border:1px solid #ddd;
  border-radius:4px;
  padding: 70px 20px 100px;
}
.center-intro .intro-mission-box h3 {
  color: #666;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 90px;
}
.center-intro .intro-mission-box .intro-mission-unit {
  position: relative;
  width: 833px;
  margin: 0 auto;
}
.center-intro .intro-mission-box .intro-mission-unit + .intro-mission-unit {margin-top: 30px;}
.center-intro .intro-mission-box .intro-mission-unit .intro-mission-tit {
  position: absolute;
  left: 0; top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 158px;
  height: 158px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
.center-intro .intro-mission-box .intro-mission-unit:nth-of-type(1) .intro-mission-tit {
  border-color:#005080;
  background: #005080;
}
.center-intro .intro-mission-box .intro-mission-unit:nth-of-type(2) .intro-mission-tit {
  border-color:#00b1ba;
  background: #00b1ba;
}
.center-intro .intro-mission-box .intro-mission-unit .intro-mission-txt {
  font-size: 18px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 79px);
  height: 158px;
  margin-left: 79px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
  text-indent: 68px;
}
.center-intro .intro-mission-box .intro-mission-unit:nth-of-type(1) .intro-mission-txt {border-color:#005080;}
.center-intro .intro-mission-box .intro-mission-unit:nth-of-type(2) .intro-mission-txt {border-color:#00b1ba;}

.intro-current-box {
  margin-top: 109px;
}
.intro-current-box h3 {
  font-size: 22px;
  font-weight: 500;
  color: #666;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.intro-current-box .intro-current-wrap {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 2fr 1fr 2fr;
  /* grid-template-rows: repeat(3, 1fr); */
  margin-top: 10px;
  border-top:1px solid #555;
  border-bottom: 1px solid #ddd;
}
.intro-current-box .intro-current-wrap .intro-current-unit {
  border-right: 1px solid #ddd;
}
.intro-current-box .intro-current-wrap .intro-current-unit .title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  background-color: #bcbcbc;
  padding: 15px 5px;
}
.intro-current-box .intro-current-wrap .intro-current-unit .num-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.intro-current-box .intro-current-wrap .intro-current-unit .num-box.only-num {
  display: grid;
  grid-template-columns: 2fr;
}
.intro-current-box .intro-current-wrap .intro-current-unit .num-unit {
  /* display: flex;
  flex-direction: column; */
  display: grid;
  grid-template-rows: 1fr 1.5fr;
}
.intro-current-box .intro-current-wrap .intro-current-unit .num-unit:first-child {border-right: 1px solid #ddd;}
.intro-current-box .intro-current-wrap .intro-current-unit .num-box.only-num .num-unit {
  border-right: 0;
  grid-template-rows: 1fr;
  height: 137.5px;
}
.intro-current-box .intro-current-wrap .intro-current-unit .num-unit .stit {
  font-size: 18px;
  font-weight: 600;
  word-break: keep-all;
  text-align: center;
  padding: 5px 10px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  background-color: #efefef;
}
.intro-current-box .intro-current-wrap .intro-current-unit .num-unit .num {
  font-size: 18px;
  text-align: center;
  padding: 30px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}










/************************ 조직도 ************************/
.organization-wrap {}
.organization-wrap .orga-wrap {
  position: relative;
}
.organization-wrap .orga-wrap .orga01 {position: relative;}
.organization-wrap .orga-wrap .orga01::before {
  position: absolute;
  left: 50%;
  top: 0;
  content: '';
  display: block;
  width: 1px;
  height: 316px;
  background: #ddd;
  z-index: -1;
}
.organization-wrap .orga-wrap .orga01 .orga01-unit{
  width: 315px;
  height: 99px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  border-radius:4px;
  background: #005080;
  border:1px solid #005080;
}
.organization-wrap .orga-wrap .orga02 {}
.organization-wrap .orga-wrap .orga02 .orga02-unit{
  width: 271px;
  height: 85px;
  margin: 50px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 22px;
  color: #fff;
  border-radius: 4px;
  background: #00b1ba;
  border:1px solid #00b1ba;
}
.organization-wrap .orga-wrap .orga03 {
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
  position: relative;
}
.organization-wrap .orga-wrap .orga03::before {
  position: absolute;
  left: calc(50% - ((100% - 271px)/2));
  top: -38px;
  height: 1px;
  width: calc(100% - 271px);
  content: '';
  display: block;
  background: #ddd;
  z-index: -1;
}
.organization-wrap .orga-wrap .orga03 .orga03-unit{
  position: relative;
  width: 271px;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 22px;
  color: #fff;
  border-radius: 4px;
  background: #666;
  border:1px solid #666;
}
.organization-wrap .orga-wrap .orga03 .orga03-unit::before {
  position: absolute;
  left: 50%;
  top: -38px;
  content: '';
  display: block;
  width: 1px;
  height: 38px;
  background: #ddd;
  z-index: -1;
}
.organization-wrap .orga-detail-wrap {
  margin-top: 140px;
}
.organization-wrap .orga-detail-wrap .tit {
  font-size: 32px;
  font-weight: 700;
  position: relative;
  padding-left: 38px;
  margin-bottom: 35px;
}
.organization-wrap .orga-detail-wrap .tit::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 4px;
  content: '';
  display: block;
  background: rgb(0,80,128);
  background: linear-gradient(45deg, rgba(0,80,128,1) 0%, rgba(39,128,190,1) 50%, rgba(0,177,186,1) 100%);
}
.organization-wrap .orga-detail-wrap .tit::after {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 4px;
  content: '';
  display: block;
  background: #fff;
}
.organization-wrap .orga-detail-wrap .orga-table-wrap {}
.organization-wrap .orga-detail-wrap .orga-table {
  border-top:1px solid #555;
  width: 100%;
  border-spacing : 0;
  border-collapse : collapse;
}
.organization-wrap .orga-detail-wrap .orga-table caption {
  text-indent: -100000px;
  font-size: 0;
}
.organization-wrap .orga-detail-wrap .orga-table tr {
  border-bottom: 1px solid #ddd;
  border-left:1px solid #ddd;
}
.organization-wrap .orga-detail-wrap .orga-table tr th {
  padding: 15px 15px;
  background: #f9f9f9;
  border-right: 1px solid #ddd;
  font-size: 18px;
}
.organization-wrap .orga-detail-wrap .orga-table tr td {
  padding: 15px 15px;
  text-align: center;
  font-size: 18px;
  border-right: 1px solid #ddd;
}
.organization-wrap .orga-detail-wrap .orga-table tr td.left {text-align: left;}
.organization-wrap .orga-detail-wrap .orga-table tr td .bar {
  display: block;
  font-size: inherit;
  position: relative;
  padding-left: 12px;
}
.organization-wrap .orga-detail-wrap .orga-table tr td .bar:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '-';
  display: block;
}
.organization-wrap .orga-detail-wrap .orga-table tr td .bar + .bar {margin-top: 7px;}










/************************ 오시는길  ************************/
.sub-location {}
.sub-location .map {
  width: 100%;
  height: 450px;
}
.sub-location .map .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.sub-location .map .root_daum_roughmap .wrap_map {height: 100%;}
.sub-location .map .root_daum_roughmap .wrap_controllers {display: none;}
.sub-location .info {
  background: #2780be;
  padding: 40px 55px;
  display: flex;
  justify-content: space-between;
}
.sub-location .info .left {}
.sub-location .info .left .info-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sub-location .info .left .info-unit {
  display: flex;
  align-items: center;
  gap: 25px;
}
.sub-location .info .left .info-unit .tit {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.sub-location .info .left .info-unit .txt {
  font-size: 18px;
  color: #fff;
}
.sub-location .info .right {}
.sub-location .info .right a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 180px;
  height: 60px;
  border:1px solid #fff;
  border-radius:4px;
  font-size: 18px;
  padding: 0 30px;
  color: #fff;
}
.sub-location .info .right a::after {
  content: '';
  display: block;
  width: 13px;
  height: 17px;
  background:url('/images/location-icon-white.png') center center no-repeat;
  background-size:contain;
}










/************************ 대관규정 ************************/
.rent-office-wrap {}
.rent-office-wrap .rent-office-box {}
.rent-office-wrap .rent-office-box + .rent-office-box {margin-top: 150px;}
.rent-office-wrap .rent-office-box .tit {
  font-size: 32px;
  font-weight: 700;
  position: relative;
  padding-left: 38px;
  margin-bottom: 35px;
}
.rent-office-wrap .rent-office-box .tit:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 4px;
  content: '';
  display: block;
  background: rgb(0,80,128);
  background: linear-gradient(45deg, rgba(0,80,128,1) 0%, rgba(39,128,190,1) 50%, rgba(0,177,186,1) 100%);
}
.rent-office-wrap .rent-office-box .tit::after {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 4px;
  content: '';
  display: block;
  background: #fff;
}
.rent-office-wrap .rent-office-box .content {}
.rent-office-wrap .rent-office-box .procedure-wrap {}
.rent-office-wrap .rent-office-box .procedure-wrap ul {  
  display: flex;
  justify-content: space-between;
}
.rent-office-wrap .rent-office-box .procedure-wrap li {
  width: 208px;
  height: 143px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  position: relative;
}
.rent-office-wrap .rent-office-box .procedure-wrap li::before {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: block;
  background:url('/images/rent-office-arrow-next.svg');
  width: 18px;
  height: 19px;
}
.rent-office-wrap .rent-office-box .procedure-wrap li:last-child:before {display: none;}
.rent-office-wrap .rent-office-box .procedure-wrap li:nth-child(1) {background-color: #081b50;}
.rent-office-wrap .rent-office-box .procedure-wrap li:nth-child(2) {background-color: #082168;}
.rent-office-wrap .rent-office-box .procedure-wrap li:nth-child(3) {background-color: #142e78;}
.rent-office-wrap .rent-office-box .procedure-wrap li:nth-child(4) {background-color: #1e3986;}
.rent-office-wrap .rent-office-box .procedure-wrap li:nth-child(5) {background-color: #2f4a97;}
.rent-office-wrap .rent-office-box .notice-content {}
.rent-office-wrap .rent-office-box .notice-content ul {
  padding: 30px 38px;
  background: #f9f9f9;
  border-radius: 4px;
  border:1px solid #ddd;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rent-office-wrap .rent-office-box .notice-content ul li {
  position: relative;
  padding-left: 12px;
  font-size: 18px;
}
.rent-office-wrap .rent-office-box .notice-content ul li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '-';
  display: block;
}
.rent-office-wrap .rent-office-box .notice-content ul li .underline {
  text-decoration: underline;
  font-size: inherit;
  font-weight: 500;
}
.rent-office-wrap .rent-office-box .notice-content ul li .point {
  font-weight: 500;
  font-size: inherit;
  color: #f50606;
}










/************************ 대관신청 ************************/
.application-office-wrap {}
.application-office-wrap .application-office-box {
  position: relative;
  border:1px solid #ddd;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 65px 82px 65px 40px;
}
.application-office-wrap .application-office-box::before {
  position: absolute;
  left: 0; top: 0;
  display: block;
  content: '';
  width: 100%;
  height: 5px;
  background: rgb(0,80,128);
  background: linear-gradient(45deg, rgba(0,80,128,1) 0%, rgba(39,128,190,1) 50%, rgba(0,177,186,1) 100%);
}
.application-office-wrap .application-office-box .img {height: 210px;}
.application-office-wrap .application-office-box .img img {
  display: block;
  height: 100%;
}
.application-office-wrap .application-office-box .textbox {}
.application-office-wrap .application-office-box .textbox p {
  font-size: 24px;
}
.application-office-wrap .application-office-box .call-list {
  margin-top: 45px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.application-office-wrap .application-office-box .call-unit {
  display: flex;
  align-items: center;
}
.application-office-wrap .application-office-box .call-unit .tit {
  font-size: 20px;
  width: 70px;
}
.application-office-wrap .application-office-box .call-unit .txt {
  font-size: 20px;
}
.application-office-wrap .application-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.application-office-wrap .application-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 65px;
  border:1px solid  #ddd;
  background-color: #f9f9f9;
  font-size: 16px;
}
.application-office-wrap .application-btn a.btn01 {}










/************************ 사이트맵 ************************/
.sub-sitemap {
  display: flex;
  gap: 20px;
}
.sub-sitemap .sitemap-unit {
  flex: 1;
}
.sub-sitemap .sitemap-unit .tit {
  height: 70px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 1px solid #555;
  border-bottom: 1px solid #ddd;
  background-color: #8c8c8c;
  font-weight: 700px;
  color: #fff;
}
.sub-sitemap .sitemap-unit .sitemap-list {}
.sub-sitemap .sitemap-unit .sitemap-list li {}
.sub-sitemap .sitemap-unit .sitemap-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}








/************************ hover ************************/
@media (hover: hover) and (pointer: fine) {

  .sub-location .info .right a:hover {background-color: #fff; color: #2780be; transition: 0.2s;}
  .sub-location .info .right a:hover::after {background-image:url('/images/location-icon-color.png'); }
  .sub-sitemap .sitemap-unit .sitemap-list li a:hover { background-color: #e9e9e9;}

}
/************************ hover ************************/



/* 반응형 중간기기 1500px 사이즈 이하*/
@media all and (max-width:1500px){	

	

}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

  /* 대관안내 */
  .rent-office-wrap .rent-office-box .procedure-wrap ul {
    flex-wrap: wrap;
    gap: 42px;
  }
  .rent-office-wrap .rent-office-box .procedure-wrap li {
    width: 100%;
    height: 120px;
  }
  .rent-office-wrap .rent-office-box .procedure-wrap li:before {
    background-image: url('/images/rent-office-arrow-down.svg');
    transform: translate(-50%, 0);
    bottom: -30px;
    top: auto;
    left: 50%;
    right: auto;
  }



}



/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){

  /* 센터소개 */
  .intro-current-box .intro-current-wrap {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #ddd;
  }
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(1) {width: 100%; }
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(1) .num-box.only-num .num-unit {height: auto;}
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(2) {width: 50%; }
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(3) {width: 50%; }
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(4) {width: 50%; }
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(5) {width: 50%; }
  /*
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(6) {width: 50%; }
  */

  /* 조직도 */
  .organization-wrap .orga-wrap .orga01::before {height: 300px;}
  .organization-wrap .orga-wrap .orga01 .orga01-unit {
    /* width: 240px; */
    height: 80px;
    font-size: 22px;
  }


}

/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	/* 센터소개 */
  .center-intro .intro-mission-box h3 {
    font-size: 32px;
    margin-bottom: 50px;
  }
  .center-intro .intro-mission-box .intro-mission-unit {max-width: 100%;}
  .center-intro .intro-mission-box .intro-mission-unit .intro-mission-tit {
    position: initial;
    height: 50px;
    width: 100%;
    border-radius: 4px 4px 0 0;
  }
  .center-intro .intro-mission-box .intro-mission-unit .intro-mission-txt {
    width: 100%;
    border-radius: 0 0 4px 4px;
    height: auto;
    margin-left: 0;
    padding: 0 20px;
    min-height: 65px;
    text-indent: 0;
    word-break: keep-all;
  }



  /* 조직도 */
  .organization-wrap .orga-wrap .orga01 .orga01-unit {
    width: 240px;
    height: 65px;
    font-size: 20px;
  }
  .organization-wrap .orga-wrap .orga01::before {height: 208px;}
  .organization-wrap .orga-wrap .orga02 .orga02-unit {
    position: initial;
    margin: 30px auto 0;
    height: 50px;
    font-size: 18px;
    width: 200px;
  }
  .organization-wrap .orga-wrap .orga02 .orga02-unit::before {display: none;}
  
  .organization-wrap .orga-wrap .orga03 {
    gap: 5px;
    margin-top: 100px;
  }
  .organization-wrap .orga-wrap .orga03::before {
    left: 50%;
    width: calc(65.6% + 10px);
    transform: translateX(-50%);
  }
  .organization-wrap .orga-wrap .orga03 .orga03-unit {
    width: calc((100% - 10px) / 3);
    height: 50px;
    font-size: 18px;
    padding: 0 10px;
  }





  /* 대관신청 */
  .application-office-wrap .application-office-box {padding: 45px;}
  .application-office-wrap .application-office-box .textbox p {
    font-size: 20px;
    word-break: keep-all;
  }
  .application-office-wrap .application-office-box .call-list {
    margin-top: 30px;
    gap: 5px;
  }
  .application-office-wrap .application-office-box .call-unit .tit {font-size: 18px;}
  .application-office-wrap .application-office-box .call-unit .txt {font-size: 18px;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {	



  /* 센터소개 */
  .center-intro .line {width: 186px;}
  .center-intro h2 {
    font-size: 32px;
    gap: 8px;
    margin-top: 24px;
    word-break: keep-all;
  }
  .center-intro h2 p {
    font-size: 16px;
    word-break: keep-all;
  }
  .center-intro .intro-box {
    margin-top: 30px;
    gap: 15px;
    flex-direction: column;
  }
  .center-intro .intro-box .intro-unit {
    width: 100%;
    padding: 30px 15px 35px;
  }
  .center-intro .intro-box .intro-unit .img {height: 65px;}
  .center-intro .intro-box .intro-unit h3 {
    font-size: 20px;
    margin: 16px 0 12px;
  }
  .intro-current-box h3 {
    justify-content: flex-start;
    text-align: left;
    font-size: 18px;
    word-break: keep-all;
  }
  .intro-current-box .intro-current-wrap .intro-current-unit .title {
    padding: 10px 5px;
    font-size: 18px;
  }
  .intro-current-box .intro-current-wrap .intro-current-unit .title {font-size: 18px;}
  .intro-current-box .intro-current-wrap .intro-current-unit .num-unit .stit {height: 50px; font-size: 16px;}
  .intro-current-box .intro-current-wrap .intro-current-unit .num-unit .num {font-size: 16px;}


  /* 조직도 */
  .organization-wrap .orga-detail-wrap .tit {
    font-size: 28px;
    margin-bottom: 20px;
    padding-left: 32px;
  }
  .organization-wrap .orga-detail-wrap .tit::before {
    height: 20px;
    width: 20px;
  }
  .organization-wrap .orga-detail-wrap .tit::after {
    width: 12px;
    height: 12px;
  }
  .organization-wrap .orga-detail-wrap .orga-table-wrap {
    position: relative;
    width: 100%; 
    overflow-x: scroll;
  }
  .organization-wrap .orga-detail-wrap .orga-table-wrap:after {
    display: block;
    content: '※ 가로로 스크롤하시면 내용을 더 보실 수 있습니다.';
    margin-top: 5px;
    color: #888;
    font-size: 16px;
  }
  .organization-wrap .orga-detail-wrap .orga-table {
    width: 768px;
  }
  .organization-wrap .orga-detail-wrap .orga-table tr th {font-size: 16px;}
  .organization-wrap .orga-detail-wrap .orga-table tr td {font-size: 16px;}



  /* 오시는길 */
  .sub-location .map {height: 320px;}
  .sub-location .info {
    padding: 20px 30px 30px;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
  }
  .sub-location .info .left .info-unit {flex-wrap: wrap;}
  .sub-location .info .right a {
    width: 100%;
    background: #fff;
    color: #1542c3;
    padding: 0 20px;
  }
  .sub-location .info .right a::after {background-image: url('/images/location-icon-color.png') ;}



  /* 대관안내 */
  .rent-office-wrap .rent-office-box .tit {
    font-size: 28px;
    margin-bottom: 20px;
    padding-left: 32px;
  }
  .rent-office-wrap .rent-office-box .tit::before {
    height: 20px;
    width: 20px;
  }
  .rent-office-wrap .rent-office-box .tit::after {
    width: 12px;
    height: 12px;
  }
  .rent-office-wrap .rent-office-box .procedure-wrap li {
    font-size: 18px;
    height: 80px;
  }
  .rent-office-wrap .rent-office-box .notice-content ul {padding: 20px 24px;  }
  .rent-office-wrap .rent-office-box .notice-content ul li {word-break: keep-all;}
  .rent-office-wrap .rent-office-box .notice-content ul li br {display: none;}



  /* 대관신청 */
  .application-office-wrap .application-office-box {
    flex-direction: column;
    gap: 30px;
  }
  .application-office-wrap .application-office-box .img {height: 150px;}
  .application-office-wrap .application-office-box .textbox > p {text-align: center;}
  .application-office-wrap .application-office-box .call-list {align-items: center;}



  /* 사이트맵 */
  .sub-sitemap {
    flex-wrap: wrap;
    gap: 0;
  }
  .sub-sitemap .sitemap-unit {
    flex: none;
    width: 100%;
  }
  .sub-sitemap .sitemap-unit .tit {font-size: 16px; height: 65px;}
  .sub-sitemap .sitemap-unit .sitemap-list li a {font-size: 16px; height: 50px;}


}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	


  /* 센터소개 */
  .center-intro .line {
    max-width: 100%;
    width: 80px;
  }
  .center-intro h2 {font-size: 28px;}
  .center-intro h2 hr {display: block;}
  .center-intro h2 p br {display: none;}
  .center-intro .intro-box .intro-unit p {word-break: keep-all;}
  .center-intro .intro-box .intro-unit p br {display: none;}
  .center-intro .intro-mission-box h3 {
    font-size: 28px;
    margin-bottom: 36px;
  }  
  .center-intro .intro-mission-box {
    padding: 50px 15px 70px;
  }
  .center-intro .intro-mission-box .intro-mission-unit + .intro-mission-unit {margin-top: 10px;}
  .center-intro .intro-mission-box .intro-mission-unit .intro-mission-tit {font-size: 20px;}
  .center-intro .intro-mission-box .intro-mission-unit .intro-mission-txt {
    padding: 20px 15px 20px;
    font-size: 16px;
  }
  .intro-current-box .intro-current-wrap .intro-current-unit:nth-child(n+1) {width: 100%;}
  .intro-current-box .intro-current-wrap .intro-current-unit .num-box.only-num .num-unit {height: auto;}
  .intro-current-box .intro-current-wrap .intro-current-unit .title {font-size: 16px;}
  .intro-current-box .intro-current-wrap .intro-current-unit .num-unit {grid-template-rows: repeat(2,1fr);}
  .intro-current-box .intro-current-wrap .intro-current-unit .num-unit .stit {height: auto;}
  .intro-current-box .intro-current-wrap .intro-current-unit .num-unit .num {padding: 10px 5px;}




  /* 조직도 */
  .organization-wrap .orga-wrap .orga01 .orga01-unit {max-width: 100%; font-size: 18px;}
  .organization-wrap .orga-wrap .orga02 .orga02-unit {max-width: 100%; font-size: 16px;}
  .organization-wrap .orga-wrap .orga03 {margin-top: 60px; flex-wrap: wrap;}
  .organization-wrap .orga-wrap .orga03::before {display: none;}
  .organization-wrap .orga-wrap .orga03 .orga03-unit {width: 100%; font-size: 16px;}
  .organization-wrap .orga-wrap .orga03 .orga03-unit:nth-child(1)::before {display: none;} 
  .organization-wrap .orga-detail-wrap .tit {
    font-size: 24px;
    padding-left: 28px;
  }
  .organization-wrap .orga-detail-wrap .tit::before {
    width: 16px;
    height: 16px;
    border-radius: 2px;
  }
  .organization-wrap .orga-detail-wrap .tit::after {
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
  }
  .organization-wrap .orga-detail-wrap .orga-table {width: 620px;}
  .organization-wrap .orga-detail-wrap .orga-table-wrap:after {font-size: 14px;}




  /* 오시는길 */
  .sub-location .info {padding: 15px 15px 20px;}
  .sub-location .info .left .info-unit {gap: 5px;}
  .sub-location .info .left .info-unit .tit {font-size: 16px;}
  .sub-location .info .left .info-unit .txt {font-size: 16px;}
  .sub-location .info .right a {height: 50px;}



  /* 대관안내 */
  .rent-office-wrap .rent-office-box .tit {
    font-size: 24px;
    padding-left: 28px;
  }
  .rent-office-wrap .rent-office-box .tit::before {
    width: 16px;
    height: 16px;
    border-radius: 2px;
  }
  .rent-office-wrap .rent-office-box .tit::after {
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
  }
  .rent-office-wrap .rent-office-box + .rent-office-box {margin-top: 100px;}
  .rent-office-wrap .rent-office-box .notice-content ul li {font-size: 16px;}




  /* 대관신청 */
  .application-office-wrap .application-office-box {gap: 15px;}
  .application-office-wrap .application-office-box .img {height: 120px;}
  .application-office-wrap .application-office-box .textbox > p {
    word-break: keep-all;
    font-size: 18px;
  }
  .application-office-wrap .application-office-box .textbox > p br {display: none;}
  .application-office-wrap .application-office-box .call-unit .tit,
  .application-office-wrap .application-office-box .call-unit .txt {font-size: 16px;}
  .application-office-wrap .application-btn a {width: 100%;}


}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	

}