@charset "utf-8";

/* 게시판 쓰기 */
.widewrap {max-width:100%;margin:0 auto;width:100%;padding:0rem}
.aboutimg {position:relative;margin:100px 0}
.aboutimg img {border-radius:20px}
.aboutimg-caption {position:absolute;top:50%;left:5%;transform:translateY(-50%);color:#fff}
.aboutimg-caption h5 {font-size:5rem;letter-spacing:-1px}
.aboutimg-caption h6 {font-size:3rem;letter-spacing:-1px}
.aboutimg-caption p {display:block;margin-top:15px;font-size:15px;letter-spacing:-0.5px}


.about-center {position:relative;margin:0 auto 150px auto;text-align:center;width:90%;max-width:1600px}
.about-center .d-flex {}
.about-center img {width:100%;border-radius:20px;border:1px solid #dee2e6}

.about-center h2 {font-size: 38px;font-weight: 700;line-height: 130%;letter-spacing: 0;width:25%;text-align:left}
.about-center .p {width:100%;text-align:left;display:block;overflow:hidden;}
.about-center .p h3 {font-size:21px;font-weight:500}
.stepround {position:relative;flex-wrap: wrap}
.stepround li {border:1px solid #333;padding:35px;border-radius:100vh;width:23%;list-style:none;margin:20px 0}
.stepround li:last-child {margin-bottom:0px !important}
.steptitle {display:block;margin-top:55px;margin-bottom:10px;font-size:21px;font-weight:600;letter-spacing:-0.5px}

.youtube-embed {
  position: relative;
  padding-bottom: 56%;
  width: 100%;
  text-align: left;
  border-radius:20px;
  overflow:hidden;
}

.youtube-embed iframe {
  width: 100%;
  position: absolute;
  height: 100%;
  overflow: hidden;
}


.aboutnum {font-size:2rem;font-weight:600;width:30%}
.abouticon {width:70%;text-align:center;font-size:1.1rem;font-weight:600}
.aboutnum img {max-width:40px;display:inline-block;vertical-align:middle;margin-top:-10px;margin-right:10px}

.citywrap {margin-top:55px}
.citywrap .cardinner {width:23%}
.citywrap .card-img-overlay {border-radius:20px;padding:25px}
.citywrap .card-img {border-radius:20px}
.citywrap .card {border:0px}
.citywrap .card-title {font-weight:700;font-size:25px;letter-spacing:-0.5px}
.citywrap .card-text {font-size:14px;letter-spacing:-0.5px}

.about-center .cont {display:none !important}
.growwrap {margin-top:55px;overflow:hidden;border-radius:20px}
.growwrap .cardinner {width:31%;}
.growwrap .cardinner span {font-weight:800;font-size:40px}
.growwrap .cardinner .card {position:relative;background-color:#ededed;height:300px;border:0px;border-radius:20px;padding:45px}
.growwrap .card-title {font-weight:800;font-size:30px;letter-spacing:-0.5px}
.growwrap .card-text {font-size:14px;letter-spacing:-0.5px}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.address-wrap {width:90%;max-width:1600px;margin:150px auto;overflow:hidden;position:relative}
.address-left {width:26%}
.address-left img {width:100%;border-radius:15px}
.address-right {width:70%}
.address-right h2 {font-size:2.25rem;font-weight:700;display:block;margin-bottom:50px}
.address-right th {padding:15px 25px;background-color:#f7f7f7;width:23%}
.address-right td {padding:15px 25px}

  .table-rounded {
      border-collapse: separate;
      border-spacing: 0;
      border: 1px solid #ddd;
      border-radius: 1rem;
      overflow: hidden;
    }
    .table-rounded th,
    .table-rounded td {
      border: 0px solid #dee2e6;
	  border-bottom:1px solid #ddd;
    }

.table-rounded tr:last-child th,
.table-rounded tr:last-child td {border-bottom:0px !important}

.table-rounded th.yellow,
.table-rounded td.yellow {background-color:#fdf5db !important}

.yellowtd {background-color:#fffbee !important}

.pointcolor {color:#0d6efd !important}
.redcolor {color:red !important}