/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/

/* detail-con */
.detail-con
{flex: 3;border-radius:2rem;overflow: hidden;}
.detail-con ul
{padding: 5rem;width: 100%;background-color: #fff;/*border: var(--border);border-radius:2rem;*/flex: 3;}
.detail-con p b
{font-size: 2rem;font-weight: 700;}
.detail-con p
{line-height: 1.6;font-weight: 500;word-break: keep-all;margin-bottom: 1.5rem;}
.detail-con p:last-child{margin-bottom: 0;}
/* detail-box */
.detail-box
{display: flex;  flex-wrap: wrap;  flex-direction: row;  justify-content: space-between;  align-items: stretch;    padding: 4rem 4rem 1rem;  border-radius: 2rem;  background: #f4f4f4;}
.detail-box.box-w100 dl{width: 100%;}
.detail-box dl
{border: var(--border); padding: 5rem;  border-radius: 2rem;  margin-bottom: 3rem;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2rem;width: calc(100% / 2 - 15px);background-color: #fff;}
.detail-box dl ul
{padding:8px }
.detail-box dl ul li
{line-height: 1.5;margin-bottom: 1rem;font-size: 1.7rem;border-bottom: 2px dotted #ddd;  padding-bottom: 1.5rem;}
.detail-box dl ul li:last-child
{border-bottom:none;;  padding-bottom: 0rem;margin-bottom:0rem;}
.detail-box dl ul li b
{line-height: 2;color: var(--sub-color2);}
.detail-box dl ul li:last-child{margin-bottom: 0;}
.detail-box dl dt
{ font-weight: 600;  font-size: 2.2rem;color: #121212;    line-height: 1.5;}
.detail-box dl dd
{line-height: 1.5;font-weight: 400; font-size: 1.7rem;}
.detail-box dl span
{font-weight: 700;  background: var(--sub-color2);  font-size: 2rem;  padding: 1rem 2rem;  color: #fff;  border-radius: 2rem;  font-size: 1.6rem;}
/* {font-weight: 700;  color: var(--sub-color2);  font-size: 2rem;}  */
/* detail-li */
.detail-li
{align-items: stretch; ;width: 100%;display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;border-radius: 2rem;border: var(--border2);padding:  3rem;;}
.detail-li dl
{width: 100%;  display: flex;  flex-direction: row;  align-items: center;padding: 2rem;border-bottom: var(--border);}
.detail-li dl:last-child{border-bottom: none;}
.detail-li dl dt
{display: flex;flex-direction: row;align-items: center;gap: 1rem;color: var(--sub-color2);font-weight: 700;flex: 1;}
.detail-li dl dd
{font-weight: 500;color: #333;flex: 16;line-height: 1.5;word-break: keep-all;}
/* detail-txt */
.detail-txt p
{line-height: 1.5;font-weight: 500;word-break: keep-all;margin-bottom: 1rem;padding:0 1rem 2rem;}
.detail-txt p:last-child{margin-bottom: 0;}
/* before */
ul.before li
{display: flex;flex-direction: row;align-items: baseline;}
ul.before li::before
{display: block;content: '⦁';margin-right: 5px;font-size: 1.8rem;}
.detail-li dd
{display: flex;flex-direction: row;align-items: baseline;}
.detail-li dd::before
{display: block;content: '⦁';margin-right: 5px;font-size: 1.8rem;}
/* sub img */
.sub-content .img
{padding: 12rem 5rem;  width: 100%;  background-color: #fff;  /*border: var(--border); border-radius: 2rem; */  height: 100%;   flex: 1; display: flex; background-repeat: no-repeat;background-position: center;border-right: 2px dashed #ddd}

/* sub01 */
/* 인사말 */
.greeting-con{}
.greeting-con .greeting-con-wrap
{display: flex;  flex-direction: row;align-items: top;}
.greeting-con .greeting-con-wrap .ceo-img
{width: 65%; }
.greeting-con .greeting-con-wrap .ceo-img h2
{margin-bottom: 3rem;  font-size: 3.5rem;  line-height: 1.3;  font-weight: 600;}
.greeting-con .greeting-con-wrap .ceo-img p.ceo-name
{ margin-top: 1rem;}
.greeting-con .greeting-con-wrap .ceo-txt
{width: 100%;background: url(http://wksunflower01.mycafe24.com/wp-content/uploads/2026/04/sunflower.png) no-repeat right bottom, var(--main-bg-color);  padding: 7rem;  border-radius: 3rem;  background-size: 70%;}
.greeting-con .greeting-con-wrap .ceo-txt p
{line-height: 1.5;margin-bottom: 3rem;word-break: keep-all;font-size: 2rem;}

.detail-con-wrap
{display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: space-between;}
.detail-con
{flex: 3.5;  display: flex;  flex-direction: row;  align-items: stretch; /* gap: 1rem;*/}
.sub-con-wrap .detail-con-wrap:nth-child(2) 
{ margin-top: 7rem;}

/* 법률 */
.law-con,
.law-con .sub-container
{position: relative;}
.law-con .detail-con
{flex: 1.5;flex-direction: column;}
.law-con .stitle
{position: sticky;  top: 1rem;}
.law-con .law-img
{width: 80%;height: 30rem;border-radius: 2rem;background: url(/wp-content/uploads/2026/04/law-img.jpg) no-repeat center;background-position: center;margin-top: 2rem;background-size: cover;position: sticky;top: 3rem;}
.law-con .detail-con dl
{border: var(--border);  background: var(--main-bg-color);  padding: 5rem;  border-radius: 2rem;  margin-bottom: 3rem;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 2rem;}
.law-con .detail-con dl dt
{ font-weight: 600;  font-size: 2.2rem;color: #121212;}
.law-con .detail-con dl dd
{line-height: 1.5;font-weight: 400;    word-break: keep-all;}
.law-con .detail-con dl span
{font-weight: 700;  color: var(--main-color);  font-size: 2rem;} 

/* 조직구성 */
.group-con{}
.group-con .chart-img
{background:var(--main-bg-color);  padding: 7rem 0;  border-radius: 2rem;}
.group-con .chart-img img
{display: block;text-align: center;margin: auto;}

/* 연혁 */
.history-con{}
.history-con .detail-con
{flex: 1.5;}
.history-con .history-con-wrap .history-txt
{display: flex;  flex-direction: row;  align-items: flex-start;  position: relative;  flex-wrap: nowrap;  justify-content: space-between;gap:10rem;}
.history-con .history-con-wrap .history-txt h2
{ font-size: 4.5rem;font-weight: 800;  position: sticky;  top: 15rem;}
.history-con .history-con-wrap .history-txt dl
{ flex: 1.5;margin-top: 1rem; border-bottom: var(--border2);  margin-bottom: 3rem; }
.history-con .history-con-wrap .history-txt dl dd
{display: flex;flex-direction: row;align-items: baseline;list-style: disc;margin-left: 1rem;margin-bottom: 4rem;}
/* .history-con .history-con-wrap .history-txt dl dd::before
{display: inline-block;vertical-align: middle; content: '⦁';color: #333;margin-right: 1rem;} */
.history-con .history-con-wrap .history-txt dl dd p
{min-width: 10rem;font-weight: 800; line-height: 1.5;}
.history-con .history-con-wrap .history-txt dl dd span
{color: #777;line-height: 1.5;font-weight: 400;font-size: 1.7rem;}

/* 센터둘러보기 */
.center-con{}
.center-con .detail-con
{flex: 4;display: flex;flex-direction: column;gap: 0;}
.center-con .video
{width: 100%;height: 50rem;}
.center-con .tab-wrap .tab-btn
{background-color: #fff;;}
.center-con .detail-con
{flex: 3; background: #fff; padding: 3rem 4rem;;  border-radius: 2rem}
.center-con .top-img
{text-align: center;margin-bottom: 2rem;}
.center-con .top-img img
{width: 100%;}
.center-con .bottom-img-wrap
{display: flex;  flex-direction: row;  flex-wrap: wrap;}
.center-con .bottom-img-wrap a
{width: calc(100% / 4 - 10px);display: flex;  flex-direction: column;  align-items: flex-start;margin: 5px  5px 1rem;}
.center-con .bottom-img-wrap a img
{width: 100%;}
.center-con .bottom-img-wrap a span
{color: var(--text-color);  font-weight: 500; padding: 1rem 1rem 0;}
.center-con .bottom-img-wrap a span::before
{display: inline-block;vertical-align: middle; content: '⦁';color:var(--text-color);margin-right: 5px;}

/* 오시는 길 */
.direction-con{}
.direction-con .detail-con
{flex-direction: column;}
.root_daum_roughmap .cont .section.lst ,
.root_daum_roughmap .map_border
{border-bottom: 0;  display: none;}
.load
{margin-bottom: 2rem;width: 100%;}
.load .map
{width: 100%;}
.load .wrap_map
{height: 40rem!important;overflow: hidden;}
.direction-con .detail-boxes .box
{align-items: stretch; ;width: 100%;display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;background-color: var(--main-bg-color);border-radius: 2rem;border: var(--border);padding:  3rem;;}
.direction-con .detail-boxes .box dl
{width: 100%;  display: flex;  flex-direction: row;  align-items: center;padding: 2rem;border-bottom: var(--border);}
.direction-con .detail-boxes .box dl:last-child{border-bottom: none;}
.direction-con .detail-boxes .box dl dt
{display: flex;flex-direction: row;align-items: center;gap: 1rem;color: var(--main-color);font-weight: 700;flex: 1;;}
.direction-con .detail-boxes .box dl dt i
{background-color: var(--main-color);width: 3rem;height: 3rem;border-radius: 100%;color: #fff;font-weight: 500;font-size: 1.4rem;display: flex;flex-direction: column;align-items: center;justify-content: center ;}
.direction-con .detail-boxes .box dl dd
{font-weight: 500;color: #333;    flex: 5;}
.direction-con .detail-boxes .box-w100 dl
{width: 100%!important;margin-bottom: 1.5rem;}

/* 성폭력 */
.support-con{}
.support-con .img.support-img
{background-image: url(/wp-content/uploads/2026/04/bg-img.png) ; background-size: 50%; }
.support-con .img.support-img2
{background-image: url(/wp-content/uploads/2026/04/bg-img02.png) ; background-size: 50%;padding: 20rem 5rem; }

/* 아동 */
.child-con{}
.child-con .detail-con ul
{border: var(--border);border-radius: 2rem;}
.child-con .detail-con ul li
{line-height: 1.5;margin-bottom: 1rem;display: flex;flex-direction: row;align-items: baseline;}
.child-con .detail-con ul li b
{margin-right: 5px;font-weight: 500;}
.child-con .detail-con ul li:last-child
{margin-bottom: 0;}
.child-con .detail-box dl
{background-color: #fff;}
.child-con .max-height
{max-height: 450px;}

/* 가정폭력 */
.home-con{}
.home-con .detail-li dd::before{display: none;}
.home-con .max-height
{max-height: 450px;}
.home-con .home-img
{background-image: url(/wp-content/uploads/2026/04/bg-img03.png) ; background-size: 74%; padding: 23rem 5rem; }

/* 성매매 */
.sup-con{}
/* .sup-con .detail-con ul{border: var(--border);} */
.sup-con .detail-con ul p
{font-weight: 600;  font-size: 2.2rem;}
.sup-con .detail-con ul li
{line-height: 1.5;margin-bottom: 1rem;}
.sup-con .detail-con ul li:last-child
{margin-bottom: 0;}
.sup-con .detail-con ul li b
{color: var(--sub-color2);}
.sup-con .sup-img
{background-image: url(/wp-content/uploads/2026/04/bg-img04.png) ; background-size: 74%; padding: 27rem 5rem; }

/* sub05 */
/* 지원프로그램 공통 */
.program-con{}
.program-con .detail-box dl span
{font-weight: 700;  background: var(--sub-color3);  font-size: 2rem;  padding: 1rem 2rem;  color: #fff;  border-radius: 2rem;  font-size: 1.6rem;}
/* {font-weight: 700;  color:#2c654b;  font-size: 2rem;}  */
.program-con .detail-li
{background-color: #fff;}
.program-con .table-common th
{width: 15%;}

/* sub06 */
/* 네트워크 공통 */
.area-con{}
.area-con .table-common td a
{ padding: 1rem;  }
.area-con .table-common td a i
{color: var(--sub-color4); transition: var(--transition1)}
.area-con .table-common td a:hover i
{color: var(--sub-color);}