@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}

.p-wrap {width:90%;max-width:1600px;margin:150px auto;overflow:hidden;position:relative}

.p-wrap h2 {font-size:1.7rem;font-weight:700;display:block;margin-bottom:30px;height:50px}
.p-wrap h2 span {display:inline-block;font-size:1.5rem}
.p-wrap h2 span.smallspan {display:block;font-size:1rem}

.p-wrap th {padding:10px 25px;}
.p-wrap td {padding:10px 25px;font-weight:500;color:#000;font-size:14px}


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

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

.pointcolor {color:#fff3cd !important}
.redcolor {color:red !important}


.table-primary th {background-color:#007bff !important;color:#fff !important}
.table-ptd td {background-color:#c2dbff}
.table-ptd th {background-color:#a9ccff}

.table-primary,
.table01 {border-color:#fff !important}
.table02 {border-color:#fff !important}
.table02 th, .table02 td {border-color:#fff !important}
.table-warning {border:0px;background-color:#f9f9f9 !important;border-top:3px solid #007bff !important}

.text-muted {display:block}


.table-success th {background-color:#28a745 !important;color:#fff !important}
.table-success td {background-color:#b2dfbc}


.table-success02 th {background-color:#20c997 !important;color:#fff !important}
.table-success02 td {background-color:#afecda}


.table-success03 th {background-color:#ffdf7e !important;border-color:#fff !important}
.table-success03 td {background-color:#ffeebb !important;border-color:#fff !important}
.table-success03 td.first {background-color:#ffe7a0 !important;border-color:#fff !important}

.table-orange-head th {background-color:#17a2b8 !important;color:#fff !important}
.table-orange th {background-color:#a0dce5 !important;}
.table-orange td {background-color:#daeff1}

.p-wrap.d-flex .table-responsive {width:31%}

.memoline {border:1px solid #ddd;padding:40px;background-color:#f9f9f9;color:#000;font-weight:500;line-height:1.8}


.table-light th {background-color:#6f42c1;color:#fff !important}
.table-purple th {background-color:#e25563 !important;color:#fff !important}
.table-purple td {background-color:#f2b6bc !important;}
.table-purple td.first {background-color:#cab8e9 !important}
.table-light03 {background-color:#cbbbe9}