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


@media (max-width: 575px)
{
	#captcha_audio {display:none !important;}

	.xs-100 { width: 100%; }
	.xs-full {
		width: 100vw;
		position: relative;
		/* margin-top: -36px; */
		margin-left: -50vw;
		left: 50%;
	}
	.xs-full td	{ padding: 8px 18px; }

	.list-icon { width: 18px; height: 18px; vertical-align: text-top; }
	.comm-icon { width: 24px; height: 24px; margin: 10px; position: absolute; }
	.comm-body { padding: 10px; }
	.comm-name { margin: 0 0 6px 30px; }
}