/********************************************
* SUB 01
* 인사말
********************************************/

.sub-about-img { margin-bottom: 5rem; } 
.sub-about-bottom { display: flex; gap: 5rem; } 
.sub-about-bottom-img { min-width: 13rem; } 
.sub-about-txt-wrap strong { display: block; margin-bottom: 2rem; } 
.sub-about-txt-wrap strong, .sub-about-txt-wrap strong b { font-family: 'NanumSquareNeo' !important; font-size: 3rem; } 
.sub-about-txt-wrap strong em, .sub-about-txt-wrap strong em b { font-family: 'NanumSquareNeo' !important; font-size: 4rem; font-weight: 700; } 
.sub-about-txt-wrap strong em b { color: var(--main-color); } 
.sub-about-txt-wrap p { font-size: 2rem; font-weight: 400; } 
.sub-about-txt-wrap p + p { margin-top: 1rem; } 

.sub-about-txt-wrap .sub-about-name, .sub-about-txt-wrap .sub-about-name em { font-size: 2.5rem; } 
.sub-about-txt-wrap .sub-about-name { margin-top: 3rem; } 
.sub-about-txt-wrap .sub-about-name em { font-family: 'Shilla_CultureB-Bold' !important; } 


/********************************************
* SUB 02
* 연혁
********************************************/

.sub-contents .sub-history-wrap { margin: 0 auto; width: 60%; } 
.sub-history-con { position: relative; display: flex; gap: 15rem; padding-bottom: 7rem; } 
.sub-history-con:after { content: ""; position: absolute; left: 25rem; top: 2rem; display: block; width: 1px; height: 100%; background-color: #ddd; } 



.year { position: relative; } 

.year h2 { position: relative; min-width: 13.6rem; font-size: 3rem; line-height: 3.5rem; font-weight: 700; } 


.sub-history-box { position: relative; } 
.sub-history-box:before { content: ""; position: absolute; left: -4rem; top: 0.5rem; z-index: 10; width: 1rem; height: 1rem; border-radius: 100%; background-color: var(--main-color); } 
.sub-history-box:after { content: ""; position: absolute; left: -4.5rem; top: 0rem; z-index: 10; width: 2rem; height: 2rem; border-radius: 100%; background-color: #4f3f3f75; transform: scale(0); animation: scale 1.5s linear infinite; } 

@keyframes scale { 
 0% { transform: scale(0); opacity: 1; } 
 100% { transform: scale(2); opacity: 0; } 
 }

.month { display: flex; gap: 6rem; } 
.month + .month { margin-top: 4rem; } 
.month-txt p { display: flex; gap: 4rem; } 
.month-txt p em { display: block; min-width: 5.2rem; font-family: 'GmarketSans', 'Montserrat', 'sans-serif' !important; font-size: 1.8rem; font-weight: 600; color: #3b3b3b; } 
.month-txt span span { display: block; padding-left: 1rem; font-size: 1.6rem; font-weight: 400; color: #5b5b5b; } 
.month-txt span span + span { margin-top: 0.5rem; } 
.month-txt span span:before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 100%; background-color: var(--main-color); transform: translate(-5px, -4px); } 
.month-txt p + p { margin-top: 2rem; } 


.sub-organization-wrap { background-color: #f7f7f7; } 
.sub-organization-wrap h2 { padding: 10rem 0 7rem 0; margin: 0 auto 0 auto; text-align: center; font-size: 4.5rem; } 
.sub-oranization-table table { background-color: #fff; } 
.sub-oranization-table table th { color: #fff; background-color: var(--main-color); border: 1px solid #777; } 
.sub-oranization-table table th, .sub-oranization-table table td { text-align: center; font-size: 1.8rem; letter-spacing: 1px; } 
.sub-oranization-table table td { color: #3b3b3b; } 


/********************************************
* SUB 04
* 주요사업
********************************************/

.sub-default-con + .sub-default-con { margin-top: 7rem; } 

.default-tit-wrap { padding-left: 3rem; } 
.default-tit-wrap h4 { margin-bottom: 2rem; font-size: 3rem; font-weight: 900; font-family: 'NanumSquareNeo' !important; } 
.default-tit-wrap h4:before { content: ""; display: block; width: 1rem; height: 1rem; background-color: var(--main-color); transform: rotate(45deg) translate(-1px, 35px); } 
.default-tit-wrap p { font-size: 2rem; font-weight: 400; color: #1b1b1b; } 
.default-tit-wrap { margin-bottom: 4rem; } 

.default-box { padding: 5rem; background-color: #f2f2f2; } 
.default-box-tit { margin-bottom: 2.5rem; } 
.default-box-tit h5 { display: inline-block; margin-bottom: 1rem; padding: 1.5rem 3rem 1rem 3rem; font-size: 2rem; color: #fff; background-color: #4f3f3fa6; } 
.default-box-tit span { display: block; padding: 1.4rem 3rem; border: 1px solid #ddd; font-size: 1.8rem; font-weight: 400; line-height: 3rem; background-color: #fff; } 
.default-box-tit span + span { margin-top: 0.5rem; } 

.default-box-col { display: flex; flex-wrap: wrap; gap: 3rem 2rem; padding: 4rem 3rem; border: 1px solid #ddd; background-color: #fff; } 
.default-box-col dl { width: calc((100% - 2rem) / 2); } 
/* .default-box-col dl dt { margin-bottom: 1.5rem; }  */
.default-box-col dl dt p { display: inline-block; padding: 0.8rem 2rem; border-radius: 1rem; font-size: 1.6rem; font-weight: 600; background-color: #4f3f3f24; } 
.default-box-col dl dd span { display: block; font-weight: 400; } 
.default-box-col dl dd { margin-top: 1.5rem; padding: 2rem; border-radius: 1rem; background-color: #f8f8f8; } 



/********************************************
* SUB 06
* 찾아오시는길
********************************************/

.default-map-con { padding-bottom: 7rem; border-bottom: 1px solid #ddd; } 
.default-map { margin-bottom: 2rem; } 
.default-map #daumRoughmapContainer1755591027785,.default-map #daumRoughmapContainer1755591324861 {width: 100%; border-bottom: 1px solid #ddd;}
.default-map .cont {display: none;}
.default-addr dl dt { margin-bottom: 1rem; font-size: 3rem; font-weight: 400; } 
.default-addr dl dd { font-family: 'NanumSquareNeo' !important; font-size: 1.8rem; font-weight: 400; } 
.default-addr { display: flex; justify-content: space-between; align-items: center; } 
.default-btn-wrap { display: flex; gap: 2rem; } 
.default-btn-wrap a { display: flex; justify-content: center; align-items: center; gap: 1rem; height: 5rem; padding: 1rem 2rem; font-size: 2rem; background-color: #ddd; transition: all .3s; } 
.default-btn-wrap a span { font-weight: 400; } 
.default-btn-wrap a:hover { background-color: #4f3f3f89; } 
.info-box dl { display: flex; width: 100%; } 
.info-box dl { padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #ddd; } 
.info-box dl dt { display: flex; align-items: start; gap: 2rem; width: 25%; } 
.info-box dl dt p { font-weight: 700; font-size: 2rem; } 
.info-txt-wrap { display: flex; gap: 2rem; } 
.info-txt-wrap + .info-txt-wrap { margin-top: 1rem; } 
.info-txt-wrap p { min-width: 9rem; padding-left: 1rem; margin-bottom: 0.5rem; font-weight: 800; } 
.info-txt-wrap p:before { content: ""; display: inline-block; width: 3px; height: 1.4rem; background-color: var(--main-color); transform: translate(-10px, 2px); } 
.info-txt-wrap span,
.info-txt-wrap span em { font-weight: 400; } 
.info-txt-wrap span { display: inline-block; padding-left: 1rem; } 
.info-txt-wrap span:before { content: ""; display: inline-block; width: 1px; height: 1.4rem; background-color: #ccc; transform: translate(-10px, 2px); } 
.info-txt-wrap span em { font-size: 1.5rem; color: #5b5b5b; } 



/********************************************
* SUB 07
* 역사
********************************************/

.default-tit-wrap img { display: block; margin: 0 auto 5rem auto; } 
.default-box-col.default-box-row { flex-direction: column; } 
.default-box-col.default-box-row dl { width: 100%; } 
.default-box-col dl dd span + span { margin-top: 1.6rem; } 



/********************************************
* SUB 08
* 인물
********************************************/
.sub-culture-box + .sub-culture-box { margin-top: 7rem; } 
.sub-culture-profile { display: flex; align-items: center; gap: 5rem; margin-bottom: 3rem; } 
.sub-culture-profile-txt h4 { font-size: 3rem; margin-bottom: 2rem; } 
.sub-culture-profile-txt p {padding: 0.5rem 0; font-size: 2rem; font-weight: 400; color: #3b3b3b; } 
.sub-culture-desc { padding: 3rem; background-color: #f8f8f8; } 
.sub-culture-desc p { font-size: 1.8rem; font-weight: 400; } 
.sub-culture-info-box {margin-top:3rem;}
.sub-culture-info-box .culture-box-con {display:flex; flex-wrap:wrap; gap:20px 10px}
.sub-culture-info-box .culture-box-con .item {width:calc(calc(100% / 3) - 20px); text-align:center; flex-grow:1; border:1px solid #ddd; border-radius:10px; overflow:hidden}
.sub-culture-info-box .culture-box-con .item h4 {background:var(--main-color); padding:2rem 1rem; color:#fff; font-size:1.8rem; font-weight:300; border-radius:0;}
.sub-culture-info-box .culture-box-con .item p {padding:3rem; font-size:1.6rem; color:#000;}

/********************************************
* SUB 09
* 민속
********************************************/

.sub-culture-box~.default-box { margin-top: 5rem; } 
.default-box-col.default-box-row~.default-box-tit { margin-top: 5rem; } 


/********************************************
* SUB 10
* 관광지축제
********************************************/

.sub-festival-img-wrap { margin-bottom: 5rem; } 
.sub-culture-profile-col { display: flex; gap: 3rem; } 
.sub-culture-profile-col .sub-culture-profile { width: 50%; } 



/********************************************
* SUB 11
* BOARD
********************************************/

/********************************************
* SUB
* 문화학교
********************************************/
.cm-row-con
{margin-bottom:8rem;}
.cm-row-con .tit-con
{margin-bottom:3rem;}
.cm-row-con .tit-con h2 
{font-size:3rem; color:#222; font-weight:600; position:relative; padding-left:2.5rem; }
.cm-row-con .tit-con h2:before 
{content:''; position:absolute; width:1.5rem; height:1.5rem; background:var(--main-color); border-radius:50%; left:0; top:5px;}
.cm-row-con .tit-con-2 
{margin-bottom:3rem;}
.cm-row-con .tit-con-2 h2
{font-size:2.4rem; position:relative; padding-left:1rem; font-weight:700; color:#222;}
.cm-row-con .tit-con-2 h2:before 
{content:''; position:absolute; width:0.5rem; height:100%; background:var(--main-color); left:0; top:-2px;;}
.cm-row-con .tit-con-2 p 
{padding-left:1rem; font-size:1.8rem; }
.cm-row-con .tit-con-2 p a
{text-decoration:underline; display:inline-block; color:#0babcf; font-size:1.8rem; transition:all 0.3s ease;}
.cm-row-con .tit-con-2 p a:hover 
{color:#00576b;}
/* 박스 형태 리스트 */
.cm-box-list-con ul 
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.cm-box-list-con ul li
{width:31.3333%; margin:0 1%; border:1px solid #ddd; padding:3rem;}
.cm-box-list-con .tit 
{font-size:2.4rem; font-weight:600; color:#444; position:relative; padding-left:1rem; margin-bottom:2rem; line-height:1;}
.cm-box-list-con .tit:before 
{content:''; position:absolute; left:0; top:-2px; width:0.5rem; height:100%; background:var(--main-color);}
.cm-box-list-con .txt 
{font-size:1.6rem; color:#222; font-weight:600;}
.cm-box-list-con .txt span
{display:block; font-size:1.5rem; color:#676767; margin-top:0.5rem;}
/* 테이블 */
.cm-table-con table th 
{background:var(--main-color); color:#fff; font-weight:500; border-color:#ffffff1c}
.cm-table-con table td
{text-align:center; border-color:#ddd; font-size:1.7rem; color:#444;}
/* 아이콘 플로우 */
.cm-flow-con 
{ border:1px solid #ddd; padding:5rem;}
.cm-flow-con .step-flow 
{display:flex; flex-wrap:wrap; justify-content: center;}
.cm-flow-con .step-flow .item 
{width:25%;  text-align:center; position:relative;}
.cm-flow-con .step-flow .item i
{width:10rem; height:10rem; background-position:center; background-repeat:no-repeat; display:inline-block;}
.cm-flow-con .step-flow .item:after 
{content:'\e93e'; font-family:'xeicon'; font-size:3rem; color:#d9d9d9; position:absolute; right:0; top:50%; transform:translateY(-50%); }
.cm-flow-con .step-flow .item:last-child:after 
{display:none;}
.cm-flow-con .step-flow .item p 
{font-size:1.8rem; color:#222; }
.cm-flow-con .step-flow .item span
{color:#444; font-size:1.5rem; margin-top:1rem; display:inline-block; line-height:1.3;}
/* 배경 리스트 */
.cm-bg-list-con 
{background:#f4f4f4; padding:5rem; margin-top:2rem;}
.cm-bg-list-con li 
{font-size:1.7rem; color:#444; margin:0.5rem 0;}
.cm-bg-list-con li strong 
{font-weight:400; color:red;}
.cm-bg-list-con .cm-list-bg-box 
{background:#fff; padding:3rem; text-align:center; margin-top:3rem;}
.cm-bg-list-con .cm-list-bg-box .bank
{background:var(--main-color); padding:1rem 4rem; display:inline-block; border-radius:10px;}
.cm-bg-list-con .cm-list-bg-box .bank .tit
{color:#fff; margin-right:2rem; font-weight:800}
.cm-bg-list-con .cm-list-bg-box .bank .txt
{color:#fff; font-weight:300;}
/* 배경 텍스트 */
.cm-bg-txt-con 
{background:#f4f4f4; border:1px solid #ddd; padding:5rem; text-align:center; border-radius:5px;}
.cm-bg-txt-con.lng-txt
{text-align:left; padding:3rem 5rem; border:none;}
.cm-bg-txt-con .txt 
{font-size:1.7rem; margin:1.5rem 0; line-height:1.8;}
.cm-bg-txt-con h4 
{font-size:2rem; font-weight:500; color:#333;}
/* 게시판 */
.sub-board-con
{margin-top:3rem;}

/* 대관하기 - 대덕 */
.cm-sub-con
{margin:5rem 0;}

.sub-category
{padding:2rem 0rem; border-radius:5px;}
.sub-category .menu 
{display:flex; flex-wrap:wrap; justify-content:center;}
.sub-category .menu li 
{width:14.666%; border:1px solid #ddd; text-align:center; margin:0 -0.5px; background:#fff;;}
.sub-category .menu li a
{font-size:1.7rem; font-weight:500; color:#000; padding:2rem 1rem;  display:block; font-family:'GmarketSans'; line-height:1.5;}
.sub-category .menu li.current-menu-item a
{color:#fff; background:var(--main-color2);  /*#12b4c5;*/}

.cm-flex-con 
{display:flex; flex-wrap:wrap;}

.courses-des-row
{margin-bottom:7rem;}
.courses-des-tit-con 
{margin-bottom:2rem;}
.courses-des-tit-con h4 
{font-family:'GmarketSans'; font-size:2.6rem; font-weight:700; color:#222; padding-left:1rem; position:relative;}
.courses-des-tit-con h4:before
{position:absolute; content:''; width:0.5rem; height:2rem; top:3px; background:var(--main-color2); left:0;}
.courses-des-tit-con p
{font-size:1.9rem; color:#7d7d7d; margin-left:1rem;}
.courses-des-tit-con strong
{color:#ce001f;}
.courses-box-list
{margin:0 -1%;}
.courses-box-con 
{width:31.333%; margin:0 1%; border:1px solid #ddd; padding:3rem;}
.courses-box-con .courses-des-txt-con .txt
{font-size:1.8rem;}
.courses-box-con .courses-des-txt-con .txt span
{font-size:1.6rem; color:#666;}
.courses-txt-con 
{background:#f7f7f7; border:1px solid #eee; padding:5rem; border-radius:10px;}
.courses-txt-con p
{font-size:2rem; color:#222;}

.rent-flow-con 
{margin-top:8rem;}
.rent-flow-list 
{display:flex; justify-content:center; flex-wrap:wrap; margin:0 -2%;}
.rent-flow-list .item 
{width:21%; background:#fff; padding:8rem 3rem; margin:0 2% 5%; border-radius:10px; position:relative; box-shadow:17px 17px 73px #89898938; text-align:center;}
.rent-flow-list .item:after
{content:'\e93e'; font-family:'xeicon'; position:absolute; right:-42px; font-size:3rem; top:50%; transform:translateY(-50%); font-weight:700; color:#0000002e}
.rent-flow-list .item:nth-child(4n):after,
.rent-flow-list .item:last-child:after
{display:none;}
.rent-flow-list .item .num
{position:absolute; width:6rem; height:6rem; background:var(--main-color2); border-radius:50%; left:calc(50% - 3rem); top:-3rem; display:flex; align-items:center; justify-content:center; font-size:2.2rem; color:#fff; font-weight:700; font-family:'Poppins';}
.rent-flow-list .item .icon
{display:inline-block; width:7rem; height:7rem; background-position:center; background-repeat:no-repeat; margin:0rem 0 2rem;}
.rent-flow-list .item .txt
{font-family:'GmarketSans'; font-size:1.7rem; color:#000;}
.rent-flow-list .item .txt b
{font-family:'GmarketSans'; font-weight:400; color:red;}

.detail-box
{padding: 2rem 3rem; background: #f4f4f4; border: 1px solid #ddd;}
.detail-box p
{margin: 1rem 0; color: #222; font-weight: 700;}

.member-tit-con
{margin-bottom:3rem;}
.member-tit-con h2 
{font-family:'GmarketSans'; font-size:3rem; color:#111; font-weight:700; padding-left:4rem; position:relative; padding-bottom:2rem; border-bottom:1px solid #ddd;}
.member-tit-con h2:before
{content:''; width:2.5rem; height:2.5rem; position:absolute; left:0; top:0; border-radius:50%; background:var(--main-color);}
.member-tit-con h2:after
{content:''; width:2rem; height:2rem; position:absolute; left:1rem; top:1rem; border-radius:50%; background:var(--main-color2);}
.member-des-tit-con 
{margin-bottom:2rem;}
.member-des-tit-con h4 
{font-family:'GmarketSans'; font-size:2.6rem; font-weight:700; color:#222; padding-left:1rem; position:relative;}
.member-des-tit-con h4:before
{position:absolute; content:''; width:0.5rem; height:2rem; top:3px; background:var(--main-color); left:0;}
.member-des-tit-con p
{font-size:1.9rem; color:#7d7d7d; margin-left:1rem;}
.member-des-tit-con strong
{color:#ce001f; font-weight:500;}
.member-des-row
{margin-bottom:7rem;}

.member-data-row
{margin-bottom:3rem; }
.member-data-row:last-child 
{margin:0;}
.member-data-row h4
{font-size:2rem; color:#fff; background:var(--sub-color); font-weight:400; display:inline-block; padding:0.5rem 2rem; margin-bottom:1rem;}
.member-data-row .member-data-list
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.member-data-row .member-data-list li
{width:23%; margin:0 1%; border:1px solid #ddd;border-radius:5px; background:#f5feff;}
.member-data-row .member-data-list li a
{display:flex; flex-direction:column; justify-content: center; align-items:center; height:100%; padding:2rem;  text-align:center;}
.member-data-row .member-data-list li b
{font-family:'Poppins'; font-size:2rem; color:#9b9b9b; display:none;}
.member-data-row .member-data-list li p
{font-size:1.7rem; color:#3b3b3b;}

.member-tbl-con table tr > th
{background:var(--main-color2) !important; color:#fff; font-size:1.8rem; font-weight:500; border-color:#ffffff47; vertical-align:middle;}
.member-tbl-con table tr > td
{font-size:1.6rem; color:#444; text-align:center; border-color:#ddd; background:#fff !important; vertical-align: middle;}
.member-tbl-con table tr>td img
{display: inline-block; border-radius: 1rem;}
.member-tbl-con table tr td.etc p
{margin:1rem 0; color:#222;}
.member-tbl-con table tr td.etc b
{color:#ce001f;}
.member-tbl-con table .left
{text-align:left;}
.member-tbl-con table .bg
{background:#f4f4f4 !important; color:#000;}
.member-tbl-con table .bg-blue
{background:#f4feff !important; color:#000}
.member-tbl-con p.etc 
{font-size:1.6rem; color:#111; margin-top:1rem;}

.temporary {background-color: #ededed; padding: 6rem; text-align: center;}
.temporary p {font-size: 2rem;}