/* subMenu - inline */
#subMenu ul {background-color: #fff; border: var(--border);}
#subMenu ul li{border-right: 1px solid #00000021;}
#subMenu ul li:last-child{border-right: none;}
#subMenu ul li a
{ font-size: 1.9rem;font-weight: bold;font-family: var(--font1);  transition: var(--transition1);  padding:2.5rem 5rem;color:var(--black-color);}
#subMenu ul li .elementor-item-active{color: #fff; background: var(--main-color);}
#subMenu ul li .elementor-item-active:hover{color: #fff;}
#subMenu ul li a:hover{color: var(--main-color)}

/* deatilMenu */
#detailMenu{margin-top: 4rem;justify-content: center;}
#detailMenu ul {background-color: #fff; border: var(--border);}
#detailMenu ul li{border-right: 1px solid #00000021;}
#detailMenu ul li:last-child{border-right: none;}
#detailMenu ul li a
{ font-size: 1.8rem;font-weight: bold;font-family: var(--font1);  transition: var(--transition1);  padding:2rem 5rem;color:var(--black-color);}
#detailMenu ul li .elementor-item-active{color: #fff; background: var(--main-color);}
#detailMenu ul li .elementor-item-active:hover{color: #fff;}
#detailMenu ul li a:hover{color: var(--main-color)}

/* subTopTitle */
/* #subTopTitle{margin: 5rem 0;}
#subTopTitle p{font-size: 1.8rem;color: #222;}
#subTopTitle h2{font-size: 5.5rem;color: #333;font-weight: 500;font-family: var(--font1);letter-spacing: 1px;color: var(--main-color);} */

/* menu sitemap icon */
.sitemap-nav{font-family: var(--font1)!important;}
.dialog-message /* sitemap html 에서도 설정 필요*/
{border-radius: 5rem;overflow: auto;}
.dialog-message::-webkit-scrollbar
{ width: 10px;  /* 세로축 스크롤바 폭 너비 */  height: 20px;  /* 가로축 스크롤바 폭 너비 */}
#siteMapCon .sitemap
{width: 100%;  height:100%;  background-color: #fff;border-radius: 2rem;}
.sitemap .nav-wrap
{padding:8rem 10rem 5rem;display: flex;  flex-direction: column;gap:4rem;}
.sitemap .nav-wrap .nav
{display: flex;  flex-direction: row;  gap: 2rem;  border-bottom: 2px dotted #ddd;  padding-bottom: 4rem;  align-items: baseline;}
.sitemap .nav-wrap .nav:last-child{border-bottom: none;}
.sitemap .nav-wrap .nav h2
{ font-size: 2rem;  font-weight: 700;  color: #111;  min-width: 16rem;  position: relative;  margin: 0;}
.sitemap .nav-wrap .nav h2::before
{display:block;clear: both;content: '⦁';color: var(--main-color);position: absolute; top: -3rem;  left: -2rem;  font-size: 4rem;opacity: 0;transition: var(--transition1);}
.sitemap .nav-wrap .nav:hover h2::before{opacity: 1}
.sitemap .nav-wrap .nav .nav-detail ul
{ display: flex;flex-direction: row;align-items: center;gap: 1rem;font-weight: 500;flex-wrap: wrap;}
.sitemap .nav-wrap .nav .nav-detail ul li a
{ background: var(--main-bg-color);color: #333;  border-radius: 5px;  border: var(--border);  padding: 1.5rem;  font-size: 1.8rem; font-family: var(--font1); transition: var(--transition1); min-width: 25rem;  display: flex;  justify-content: center;  font-weight: 500;}
.sitemap .nav-wrap .nav .nav-detail ul li:last-child a::after{display: none}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover
{background: var(--main-color);  color: #111;  border: 1px solid var(--main-color);} 

/* header */
#header #nav .elementor-item 
{height: 100px;display: flex; justify-content: center;} 
#header #nav .elementor-item:hover 
{background-color: #fff!important;color: #111!important;;} 
#header.scrolled  #nav .elementor-item {height: 100px;} 
#header .sub-menu 
{overflow: hidden;text-align: center;line-height: 1.2;width: 20rem!important;} 
#header .sub-menu .current_page_parent .elementor-sub-item
{color: #fff!important;}
#header .sub-menu .elementor-sub-item
{ padding:1.6rem; font-size: 1.5rem!important; display: block;text-align: left;color: #222!important;width: 20rem!important;} 
#header .sub-menu a:hover,
#header .sub-menu .elementor-item-active
{background-color:var(--main-color)!important;;color: #fff !important;}
#header .sub-menu .current_page_parent
{background-color:var(--main-color);color: #fff!important;width: 20rem!important;}
#header .sub-arrow { display: none; } 

/* policy */
.policy-con table.table-common td
{border: 1px solid #ddd !important;}
.policy-con .sub-area
{min-height: 500px;}
.policy-con .detail-txt
{display: flex;flex-direction: column;gap: 3rem;}
.policy-con .detail-txt dl
{ display: flex;  flex-direction: column;  align-items: stretch;  gap: 1rem;}
.policy-con .detail-txt dl dt
{font-weight: 600;line-height: 1.5; margin: 1rem 0;}
.policy-con .detail-txt dd
{font-size: 1.6rem;margin-left: 1rem; line-height: 1.4;}
.policy-con .detail-txt dd p
{margin-bottom: 1rem;line-height: 1.5; font-weight: 500;color: #666;}
.policy-con .detail-txt li
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .detail-txt span
{line-height: 1.5; font-weight: 500;margin-bottom: 1rem;color: #666;}
.policy-con .detail-txt li::before{display: none;}
.policy-con .detail-txt dl a i.xi-link{transform: rotate(-45deg);}
.policy-con .detail-txt dl ol
{padding: 2rem;background-color: var(--sub-bg-color);margin-bottom: 1rem;}

/* subContent */
.sub-content
{min-height: 700px;background-color: #f8faf6;font-size: 1.8rem; color: var(--text-color);font-family: var(--font1);}
.sub-con-wrap{margin: 0 0 5rem;}
/* .sub-content .sub-bg{background-color: var(--main-bg-color); padding: 5rem 0;} */

/* stitle */
.stitle
{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom: 2rem;}
.stitle::before
{width: 6px;height: 6px;display: block;clear: both; content: ''; background-color: var(--main-color);}
.stitle h3
{font-size: 2.2rem;  font-weight: 600;display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;}

.stitle-02
{display: flex;}
.stitle-02 h3
{font-size: 1.9rem;  font-weight: 500;padding: .7rem 2rem;color: #fff;margin-bottom: 2rem;background-color: var(--main-color2);}

/* ul li */
.sub-con-wrap ul{display: flex;flex-direction: column;gap: 1rem;    align-items: flex-start;padding-left: 1rem;}
.sub-con-wrap ul li{display: flex;flex-wrap: wrap;align-items: baseline;gap: 1rem; line-height: 1.5;}
.sub-con-wrap ul li::before{display: block;clear: both; content: '-'/*'⦁'*/;color: #222;}

/* sub-title */
#subContent .sub-title
{display: flex; flex-direction: column;margin-bottom:5rem;  justify-content: space-between;  align-items: center;}
#subContent .sub-title h3
{font-size:3.5rem;font-weight: 600; font-family: var(--font3);display: flex;flex-direction: row;align-items: center;gap: 2rem;}
#subContent .sub-title h3::before{content: '';width: 8px;height: 8px;background-color: var(--main-color);}
#subContent .sub-title .title-right ol
{display: flex;flex-direction: row;gap: 2rem;}
#subContent .sub-title .title-right ol li,
#subContent .sub-title .title-right ol li a
{color: #777;}
#subContent .sub-title .title-right ol li i{font-size: 1.5rem;}

/* sub table-common */
.table-common
{ width: 100%; height: 100%; background-color: var(--main-bg-color);text-align: center; ;}
.table-common th,.table-common td
{ border: none !important;text-align: center; color: #000; padding: 2rem;font-size: 1.7rem; vertical-align: middle; }
.table-common th
{text-align: center;font-weight: 600;background-color: var(--main-bg-color)!important;border-bottom: 1px solid #fff!important;}
.table-common td
{border-bottom: 1px solid #ddd!important;}
table tbody>tr:nth-child(odd)>td
{background-color: #fff!important;}
table tbody tr:hover>td, table tbody tr:hover>th
{background-color: #fff;}
table tbody>tr:nth-child(even)
{background-color: #fff;}
table tbody>tr
{transition: var(--transition1);}
.culture-con .table-common.table-left th
{background-color: var(--main-color)!important;color: #fff;}
.culture-con .table-common.table-left td
{text-align: left;color: #555}

/* point */
.point{color: var(--sub-color2);text-decoration: underline 1px solid var(--sub-color2);text-underline-offset: 4px;}

/* tab */
.tab-content 
{display: none;}
.tab-content.active { display: block;}
.tab-buttons 
{ display: flex; gap: 1rem;  margin-bottom: 5rem;justify-content: center;}
.tab-btn 
{padding: 1.5rem 3rem; color: #111!important;border-radius: 0; font-family: var(--font1);font-size: 1.8rem; border:var(--border); cursor: pointer;font-weight: 500;}
.tab-btn:hover
{background-color:  var(--main-bg-color);}
.tab-btn.active,.tab-btn:focus
{background-color:  var(--main-color);color: #000!important;border: 1px solid transparent;border-radius: 0;}

/* 인사말 */
.greeting-con{}
.greeting-con .sub-area
{background: url(/wp-content/uploads/2026/02/greeting-bg.png) no-repeat bottom right, #fff; background-size: 50%;}
.greeting-con .greeting-con-wrap
{padding: 4rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: 8rem;;}
.greeting-con .greeting-con-wrap .greeting-img
{min-width: 50rem;height: 50rem;background: url(/wp-content/uploads/2026/02/greeting-img.jpg) center no-repeat;background-size: contain;position: relative; }
.greeting-con .greeting-con-wrap .greeting-img::before
{width: 30rem;height: 20rem; content: '';display: block;background-color: var(--main-color);position: absolute;z-index: -1;top: -5rem;}
.greeting-con .greeting-con-wrap .greeting-img::after
{width: 8rem;height: 8rem; background: url(/wp-content/uploads/2026/02/simbol-w.png) center no-repeat,var(--sub-color); background-size: 80%;  position: absolute;right: 0;bottom: 0;content: '';display: block;}
.greeting-con .greeting-con-wrap .greeting-txt
{display: flex;flex-direction: column;gap: 4rem;align-items: start;width: 100%;}
.greeting-con .greeting-con-wrap .greeting-txt dl{}
.greeting-con .greeting-con-wrap .greeting-txt dl dt
{font-family: var(--font2);font-size: 4rem;font-weight: 400;margin-bottom: 3rem;position: relative;}
.greeting-con .greeting-con-wrap .greeting-txt dl dd
{font-family: var(--font2);font-size: 3rem;font-weight: 500;position: relative;}
.greeting-con .greeting-con-wrap .greeting-txt dl dt::after
{display: block;content: '';background-color: #fff9cc;width: 235px;height: 18px;position: absolute;z-index: -1;bottom:-5px; left: 0%;}
.greeting-con .greeting-con-wrap .greeting-txt dl dd::after
{display: block;content: '';background-color: #fff9cc;width: 100%;height: 18px;position: absolute;z-index: -1;bottom:-5px; left: 0%;}
.greeting-con .greeting-con-wrap .greeting-txt dl p
{line-height: 2;margin-bottom: 3rem; margin-left: 2rem;}
.greeting-con .greeting-con-wrap .greeting-txt dl p.right
{text-align: right;letter-spacing: 2px;color: #666;}
.greeting-con .greeting-con-wrap .greeting-txt dl p.right b
{margin-left: 2rem;color: #111;font-weight: 800;font-size: 2rem;}

/* 연혁 */
.history-con{}
.history-con .history-con-wrap
{padding: 4rem 0;display: flex;flex-direction: row;align-items: start;gap: 11rem;}
.history-con .history-con-wrap .history-img
{min-width: 48rem;height: 50rem;background: url(/wp-content/uploads/2026/02/history-img.png) center no-repeat;background-size: contain;position: relative; }
.history-con .history-con-wrap .history-txt
{display: flex;flex-direction: column;gap: 4rem;align-items: start;width: 100%;position: relative;}
.history-con .history-con-wrap .history-txt dl{}
.history-con .history-con-wrap .history-txt dl dt
{font-family: var(--font1);color: #bf946a; font-size: 4.2rem;font-weight: 800;margin-bottom: 3rem;position: relative;}
.history-con .history-con-wrap .history-txt dl dd
{display: flex;flex-direction: row; flex-flow: row wrap; 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: var(--sub-color);margin-right: 1rem;}
.history-con .history-con-wrap .history-txt dl dd p
{min-width: 13rem;color: var(--sub-color);font-weight: 800;}
.history-con .history-con-wrap .history-txt dl dd span
{color: #666;line-height: 1.5;font-weight: 500;font-size: 1.7rem;}
/* circle line */
.history-con .history-con-wrap .history-txt dl dt::before
{display: inline-block;content: '⦁';color: #d7be87;font-size: 5rem;position: absolute;left: -5rem;top: -1rem;}
.history-con .history-con-wrap .history-txt::before
{position: absolute;left: -4rem;top: 2rem; width: 1px;height: 700px;background-color:#f5e2b9;content: '';}

/* 조직구성 */
.group-con{}
.group-con .chart{display: block;margin: auto;text-align: center;}

/* 센터 둘러보기 */
.center-con{}
.center-con .center-img
{text-align: center;display: block;margin: 5rem auto;}
.center-con .tab-content 
{padding:3rem;text-align: center;margin: 0 auto; background: #f4f4f4;}

/* 오시는 길 */
.root_daum_roughmap .cont .section.lst{display: none;}
.load{border-radius: 2rem 2rem ;overflow: hidden;}
.load .map{width: 100%;height: 50rem;}
.root_daum_roughmap .wrap_map{height: 100%!important}

.location-con .sub-con-inline .stitle{min-width: 33rem;}
.add-boxes
{display: flex;  flex-direction: row;  align-items: stretch;  justify-content: space-between;  width: 100%;gap: 3rem;}
.add-boxes{width: 100%;}
.add-boxes a
{transition: var(--transition1);font-weight: 600; display: flex;padding: 2rem 4rem; color: #111; width: 100%;  flex-direction: row;  align-items: center;  background-color: #f4f4f4;  border-radius: 1rem;  flex-wrap: nowrap;  justify-content: space-between;;}
.add-boxes a:hover{background-color:#dddddd;}
.add-boxes img{height: 4rem !important;}

/* sub02 */
/* 이용안내 */
.work-con{}
.work-con dl dd ul li{list-style: disc;}

.work-con .detail-con
{margin-bottom:5rem; display: flex; padding: 3rem 3rem 2rem; flex-direction: row;  align-items: center;gap: 5rem;}
.work-con .detail-con .img{}
.work-con .detail-con dl
{display: flex;  flex-direction: column;  align-items: start;  gap: 2rem;width: 100%;}
.work-con .detail-con dl dt
{border-bottom: 2px dotted #ccc;width: 100%;padding-bottom: 2rem;font-size: 2rem;font-weight: 600;}
.work-con .detail-con dl dd ul li
{font-weight: 600;color: #777;margin-bottom: 0.5rem;line-height: 1.5;list-style:circle;margin-left: 2rem;}

.work-con .detail-boxes
{display: flex;flex-direction: row; background-color: var(--main-bg-color);padding: 4rem 0;border-radius: 3rem; flex-wrap: wrap;  gap: 3rem; justify-content: center;}
.work-con .detail-boxes .box
{border: var(--border);outline: 2px solid transparent;transition: var(--transition1); width: 40%;padding: 5rem;border-radius: 2rem; background-color: #fff;}
.work-con .detail-boxes a.box:hover{outline: 2px solid var(--main-color);border: 1px solid var(--main-color);}
.work-con .detail-boxes .box dl
{display: flex;flex-direction: column;gap: 3rem;;justify-content: center;}
.work-con .detail-boxes .box dl .img{text-align: center;}
.work-con .detail-boxes .box dl dt
{border-bottom: 2px dotted #ccc;width: 100%;padding-bottom: 2.5rem;text-align: center;font-size: 2rem;font-weight: 600;}
.work-con .detail-boxes .box dl dd ul li
{font-weight: 600;color: #777;line-height: 1.5;list-style:circle;margin-left: 3rem;word-break: keep-all;margin-bottom: 0.5rem;}

.support-con .detail-con
{margin-bottom:5rem; display: flex; flex-direction: row;;gap: 5rem;}
.support-con .detail-con .img
{margin: 2rem;position: relative;width: 50%;}
.support-con .detail-con .img::before
{width: 30rem;height: 20rem; content: '';display: block;background-color: var(--main-color);position: absolute;z-index: -1; top: -3rem;left: -3rem;}
.support-con .detail-con .img::after
{width: 8rem;  height: 8rem;  background: url(/wp-content/uploads/2026/02/simbol.png) center no-repeat;background-size: 100%;  position: absolute;  right: -3rem;  bottom: -3rem;  content: '';  display: block; }
/* {width: 8rem;  height: 8rem;  background: url(/wp-content/uploads/2026/02/simbol.png) center no-repeat, #ffffff52;background-size: 80%;  position: absolute;  right: -3rem;  bottom: -2rem;  content: '';  display: block;  border-radius: 2rem;  backdrop-filter: blur(3px);} */

.support-con .detail-con dl
{display: flex;  flex-direction: column;  align-items: start;  gap: 3rem;width: 100%;margin-top: 3rem;}
.support-con .detail-con dl dt
{border-bottom: 2px dotted #ccc;display: flex;  flex-direction: row;  align-items: center;  gap:1rem;width: 100%;padding-bottom: 2rem;font-size: 2.1rem;font-weight: 700;}
.support-con .detail-con dl dt img{ max-height: 4rem;}
.support-con .detail-con dl dd ul li
{font-weight: 600;color: #777;line-height: 1.7;list-style:circle;margin-left: 2rem;margin-bottom: 2rem;}

.support-con .detail-con .call
{ max-width: 22rem;  padding: 1rem;   border-radius: 5rem;  font-weight: 600;  display: flex;  flex-direction: row;  gap: 1.5rem;  align-items: center;}
.support-con .detail-con .call i
{background-color: #fff;border-radius: 2rem;padding: 1rem;}
.support-con .detail-con .call.call01{background-color: #D0DEF7;}
.support-con .detail-con .call.call01,
.support-con .detail-con .call.call01 i{color:#6270F4;}
.support-con .detail-con .call.call02{background-color: #ebfcea; }
.support-con .detail-con .call.call02,
.support-con .detail-con .call.call02 i{color: #64c1b1;;}
.support-con .detail-con .call.call03{background-color: #F9EDBD}
.support-con .detail-con .call.call03,
.support-con .detail-con .call.call03 i{color: #fdad00;}

/* sub03 */
.num-con .num-con-wrap .num-txt
{display: flex;flex-direction: column;gap: 4rem;align-items: start;width: 100%;}
.num-con .num-con-wrap .num-txt dl dt
{font-family: var(--font3);font-size: 4.5rem;font-weight: 700;margin-bottom: 3rem;position: relative;}
.num-con .num-con-wrap .num-txt dl dd
{font-family: var(--font3);font-size: 4.5rem;font-weight: 700;position: relative;}
.num-con .num-con-wrap .num-txt dl dd span.color
{color: var(--main-color);font-family: var(--font3);font-size: 4.5rem;font-weight: 700;}
.num-con .num-con-wrap .num-txt dl dt::after
{display: block;content: '';background-color: #fff9cc;width: 65%;height: 18px;position: absolute;z-index: -1;bottom:-5px; left: 0%;}
.num-con .num-con-wrap .num-txt dl dd::after
{display: block;content: '';background-color: #fff9cc;width: 100%;height: 18px;position: absolute;z-index: -1;bottom:-5px; left: 0%;}

.num-con .num-con-wrap
{display: flex;flex-direction: row;align-items: center;gap: 7rem;padding: 5rem 0;}
.num-con .num-con-wrap .num-img
{width:65%;}
.num-con .num-con-wrap .num
{width: 80%;}
.num-con .num-con-wrap .num li::before
{content: '';display: block;width: 6px;height: 6px;display: inline-block;vertical-align: middle;background-color: #222;}
.num-con .num-con-wrap .num li
{display: flex;flex-direction: row; flex-flow: row wrap; gap: 1rem; align-items: center;border-bottom: 2px dotted #ccc;padding: 2rem;}
.num-con .num-con-wrap .num li:last-child
{border-bottom: none;}
.num-con .num-con-wrap .num li p
{min-width: 13rem;font-weight: 600;}
.num-con .num-con-wrap .num li span
{font-weight: 600;color: #666;}

/* sub04 */
.guide-con{}
.guide-con .sub-area{min-height: 500px;}
.guide-con table.table-common a
{color: #fff;background-color: var(--sub-color); transition: var(--transition1); padding: 0.7rem 1rem;border-radius: 1rem;}
.guide-con table.table-common a:hover{opacity: .9;}


@media screen and (max-width: 1400px) {
.greeting-con .greeting-con-wrap { gap: 6rem; }  
.greeting-con .greeting-con-wrap .greeting-img { min-width: 45rem; height: 45rem; } 

.history-con .history-con-wrap { gap: 8rem; }  
.history-con .history-con-wrap .history-img { min-width: 42rem; height: 44rem; } 

.tab-buttons { gap: 0.8rem;  margin-bottom: 4rem; }
.tab-btn { padding: 1.4rem 2.6rem; font-size: 1.7rem; }

}

@media screen and (max-width: 1300px) {
.greeting-con .greeting-con-wrap .greeting-img { min-width: 40rem; height: 40rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dt { font-size: 3.6rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dd { font-size: 2.8rem; } 

.history-con .history-con-wrap .history-img { min-width: 38rem; height: 40rem; }  
.history-con .history-con-wrap .history-txt dl dt { font-size: 3.8rem; } 

.tab-btn {padding: 1.3rem 2.2rem; font-size: 1.65rem;}

.work-con .detail-con { gap: 4rem; padding: 3rem 2rem; }  
.work-con .detail-boxes .box { width: 46%; padding: 4rem; }  
.support-con .detail-con { gap: 4rem; }  
.num-con .num-con-wrap { gap: 5rem; } 
#subMenu ul li a {padding: 2rem; font-size: 1.7rem; outline: 1px solid #eee;}

}

@media screen and (max-width: 1240px) {
.greeting-con .greeting-con-wrap { gap: 5rem; padding: 3rem 0; }  
.greeting-con .greeting-con-wrap .greeting-img { min-width: 36rem; height: 36rem; }  
.greeting-con .greeting-con-wrap .greeting-img::before { width: 24rem; height: 16rem; } 

.history-con .history-con-wrap { gap: 5rem; padding: 3rem 0; }  
.history-con .history-con-wrap .history-img { min-width: 34rem; height: 36rem; }  
.history-con .history-con-wrap .history-txt::before { height: calc(100% - 2rem); } 

.tab-buttons { flex-wrap: wrap; } 
.tab-btn { min-width: 180px; } 

.work-con .detail-con { gap: 3rem; }  
.support-con .detail-con { gap: 2rem; }  
.num-con .num-con-wrap { gap: 4rem; } 

}

@media screen and (max-width: 1024px) {
#header .sub-menu, #header .sub-menu .elementor-sub-item {width: 100% !important;}
#header .sub-menu .elementor-sub-item {background-color: #f5f5f5;}
#header .elementor-nav-menu--dropdown .elementor-nav-menu {max-height: calc( 100dvh - 7rem );}
#subContent .sub-title {margin-bottom: 0;}

.greeting-con .sub-area { background-size: 70%; }  
.greeting-con .greeting-con-wrap { flex-direction: column; gap: 4rem; text-align: center; }  
.greeting-con .greeting-con-wrap .greeting-img { min-width: 35rem; width: 35rem; height: 35rem; } 
.greeting-con .greeting-con-wrap .greeting-txt { align-items: center; }  
.greeting-con .greeting-con-wrap .greeting-txt dl p { margin-left: 0; margin-bottom: 2rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dt::after, 
.greeting-con .greeting-con-wrap .greeting-txt dl dd::after { left: 50%; transform: translateX(-50%); } 

.history-con .history-con-wrap { flex-direction: column;}  
.history-con .history-con-wrap .history-img { min-width: 100%; width: 100%; height: 35rem; }  
.history-con .history-con-wrap .history-txt { padding-left: 3rem; }  
.history-con .history-con-wrap .history-txt::before { left: .8rem; height: calc(100% - 2rem); }  
.history-con .history-con-wrap .history-txt dl dt::before { left: -3.2rem; } 

.tab-buttons { gap: 1rem; margin-bottom: 3rem; }  
.tab-btn { width: calc(50% - 0.5rem); min-width: auto; padding: 1.4rem 1rem; font-size: 1.6rem; text-align: center; }  
.center-con .center-img {margin: 3rem auto;}
.center-con .tab-content {padding:1.5rem;}

.add-boxes a {padding: 2rem 3rem;}
.load .map {height: 35rem;}
.stitle h3 {font-size: 1.8rem;}
table tr th {width: auto;}
.table-common th, .table-common td {padding: 1.5rem; font-size: 1.5rem;}

.table-scroll {overflow: scroll;}


.sub-con-wrap {margin: 0 0 4rem;}

.work-con .detail-con { flex-direction: column; padding: 3rem 2rem; gap: 3rem; }  
.work-con .detail-con .img { text-align: center; }  
.work-con .detail-con .img img { max-width: 100%; width: 80%;}  
.work-con .detail-con dl dt { font-size: 1.8rem; }  
.work-con .detail-boxes { padding: 3rem 2rem; }  
.work-con .detail-boxes .box { width: 100%; padding: 3rem; }  
.support-con .detail-con { flex-direction: column; }  
.support-con .detail-con .img { width: 100%; margin: 2rem 0; text-align: center; }  
.support-con .detail-con .img::before { width: 22rem; height: 15rem; top: -2rem; left: -2rem; }  
.support-con .detail-con .img::after { width: 6rem; height: 6rem; right: -1rem; bottom: -1rem; }  
.support-con .detail-con dl { margin-top: 0; gap: 2rem; }  
.support-con .detail-con dl dt { font-size: 2rem; }  
.support-con .detail-con .call { max-width: 100%; }  
.num-con .num-con-wrap { flex-direction: column; gap: 4rem; padding: 4rem 0; }  
.num-con .num-con-wrap .num-img, .num-con .num-con-wrap .num { width: 100%; }  

.num-con .num-con-wrap .num-txt dl dt, 
.num-con .num-con-wrap .num-txt dl dd, 
.num-con .num-con-wrap .num-txt dl dd span.color { font-size: 3.8rem; line-height: 1.2;} 

.num-con .num-con-wrap {padding: 2rem 0;}

.policy-con .sub-area { min-height: auto; }  
.policy-con .detail-txt { gap: 2.5rem; }  
.policy-con .detail-txt dl dt { font-size: 2rem; }  
.policy-con .detail-txt dd, .policy-con .detail-txt li, 
.policy-con .detail-txt span, .policy-con .detail-txt dd p { font-size: 1.6rem; }  .policy-con .detail-txt dl ol { padding: 1.8rem; } 

}

@media screen and (max-width: 767px) {
.greeting-con .greeting-con-wrap { padding: 2rem 0; }  
.greeting-con .greeting-con-wrap .greeting-img { min-width: 30rem; width: 30rem; height: 30rem; }  
.greeting-con .greeting-con-wrap .greeting-img::before { width: 18rem; height: 12rem; top: -3rem; }  
.greeting-con .greeting-con-wrap .greeting-img::after { width: 6rem; height: 6rem; }  
.greeting-con .greeting-con-wrap .greeting-txt { gap: 3rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dt { margin-bottom: 2rem; font-size: 3rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dd { font-size: 2.4rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl p { font-size: 1.7rem; line-height: 1.8; } 

.sub-content {min-height: 450px;}
.history-con .history-con-wrap { gap: 4rem; }  
.history-con .history-con-wrap .history-img { height: 28rem; }  
.history-con .history-con-wrap .history-txt { gap: 3rem; padding-left: 2.5rem; }  
.history-con .history-con-wrap .history-txt dl dt { margin-bottom: 2rem; font-size: 3.2rem; }  
.history-con .history-con-wrap .history-txt dl dt::before { left: -2.7rem; top: -.5rem; font-size: 4rem; } 
.history-con .history-con-wrap .history-txt::before { left: .5rem; } 
.history-con .history-con-wrap .history-txt dl dd {gap: .5rem; margin-bottom: 3rem; position: relative;} 
.history-con .history-con-wrap .history-txt dl dd::before {margin-right: 0; font-size: 0; width: 3px; height: 3px; background: var(--sub-color); border-radius: 50%; position: absolute; top: 6px; left: -8px;;}
.history-con .history-con-wrap .history-txt dl dd p { min-width: auto; }  
.history-con .history-con-wrap .history-txt dl dd span {width: 100%;}

.tab-buttons {flex-direction: column;gap: 0.8rem;}
.tab-btn {width: 100%;font-size: 1.5rem;padding: 1.3rem 1rem;}

.add-boxes {flex-flow: row wrap; gap: 2rem}
.add-boxes a {width: 100%; font-size: 1.7rem; line-height: 1.2;}

.work-con .detail-con { padding: 2.5rem 2rem; }  
.work-con .detail-boxes { padding: 2.5rem 1.5rem; }  
.work-con .detail-boxes .box { padding: 2.5rem; }  
.work-con .detail-boxes .box dl { gap: 2rem; }  
.work-con .detail-boxes .box dl dt { font-size: 1.7rem; padding-bottom: 2rem;}  
.support-con .detail-con dl dt { font-size: 1.8rem; flex-wrap: wrap; }  
.support-con .detail-con .call { font-size: 1.5rem; }  
.num-con .num-con-wrap .num-txt { gap: 3rem; }  

.num-con .num-con-wrap .num-txt dl dt, 
.num-con .num-con-wrap .num-txt dl dd, 
.num-con .num-con-wrap .num-txt dl dd span.color { font-size: 3.2rem; }  

.num-con .num-con-wrap .num li {  padding: 1.5rem 0; gap: .8rem; }  
.num-con .num-con-wrap .num li span {width: 100%;}
.num-con .num-con-wrap .num li p { min-width: auto; } 

.work-con .detail-boxes .box dl .img img {width: 15rem;}
.work-con .detail-boxes .box dl dd ul li {font-size: 1.6rem;}

.num-con .num-con-wrap .num-txt dl dd::after {display: none;}

#subMenu ul li a {padding: 1.5rem; font-size: 1.6rem;}

.policy-con .detail-txt { gap: 2rem; }  
.policy-con .detail-txt dl { gap: .8rem; }  
.policy-con .detail-txt dl dt { margin: .5rem 0; font-size: 1.8rem; }  
.policy-con .detail-txt dd { margin-left: 0; font-size: 1.5rem; }  
.policy-con .detail-txt dd p, .policy-con .detail-txt li, 
.policy-con .detail-txt span { font-size: 1.5rem; margin-bottom: .8rem; }  
.policy-con .detail-txt dl ol { padding: 1.5rem; }  

}

@media screen and (max-width: 650px) {
.greeting-con .sub-area { background-size: 90%; }  
.greeting-con .greeting-con-wrap .greeting-img { min-width: 26rem; width: 26rem; height: 26rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dt { font-size: 2.6rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dd { font-size: 2.2rem; } 

.history-con .history-con-wrap .history-img { height: 24rem; }  
.history-con .history-con-wrap .history-txt dl dt { font-size: 2.8rem; }  
.history-con .history-con-wrap .history-txt dl dd span { font-size: 1.6rem; }  

.tab-buttons {margin-bottom: 2.5rem;}
.tab-btn {font-size: 1.45rem;padding: 1.2rem 1rem;}

.work-con .detail-con { padding: 2rem 1.5rem; }  
.work-con .detail-con dl dt { font-size: 1.8rem; }  
.work-con .detail-boxes .box { padding: 2rem; }  
.support-con .detail-con .img::before { width: 18rem; height: 12rem; top: -1.2rem; left: -1rem;}  
.support-con .detail-con dl dd ul li { font-size: 1.5rem; margin-bottom: 1rem;}

.num-con .num-con-wrap .num-txt dl dt,
.num-con .num-con-wrap .num-txt dl dd,
.num-con .num-con-wrap .num-txt dl dd span.color {font-size: 2.8rem;}

.policy-con .detail-txt { gap: 1.8rem; }  
.policy-con .detail-txt dl dt { font-size: 1.7rem; }  
.policy-con .detail-txt dd, .policy-con .detail-txt dd p, 
.policy-con .detail-txt li, .policy-con .detail-txt span { font-size: 1.4rem; line-height: 1.7; }  .policy-con .detail-txt dl ol { padding: 1.3rem; } 

.greeting-con .greeting-con-wrap .greeting-txt {position: relative;}
.greeting-con .greeting-con-wrap .greeting-txt::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow:0 20px 15px 15px #ffffff; background: #fff; z-index: -1; opacity: 0.6;}

}

@media screen and (max-width: 450px) {
.greeting-con .greeting-con-wrap { padding: 1.5rem 0; gap: 3rem; }  
.greeting-con .greeting-con-wrap .greeting-img { min-width: 22rem; width: 22rem; height: 22rem; }  
.greeting-con .greeting-con-wrap .greeting-img::before { width: 14rem; height: 10rem; top: -2rem; }  
.greeting-con .greeting-con-wrap .greeting-img::after { width: 5rem; height: 5rem; }  
.greeting-con .greeting-con-wrap .greeting-txt { gap: 2rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dt { font-size: 2.4rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dd { font-size: 2rem; line-height: 1.4;}  
.greeting-con .greeting-con-wrap .greeting-txt dl p { font-size: 1.6rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl p.right b { display: block; margin: 1rem 0 0; font-size: 1.8rem; }

.history-con .history-con-wrap { padding: 2rem 0; gap: 3rem; }  
.history-con .history-con-wrap .history-img { height: 20rem; }  
.history-con .history-con-wrap .history-txt { padding-left: 2rem; }  
.history-con .history-con-wrap .history-txt::before { left: .4rem; }  
.history-con .history-con-wrap .history-txt dl dt { margin-bottom: 1.5rem; font-size: 2.4rem; }  
.history-con .history-con-wrap .history-txt dl dt::before { left: -2.2rem; font-size: 3rem; }  
.history-con .history-con-wrap .history-txt dl dd { margin-bottom: 2rem; }  
.history-con .history-con-wrap .history-txt dl dd p, 
.history-con .history-con-wrap .history-txt dl dd span { font-size: 1.5rem; } 

.tab-btn {font-size: 1.4rem; padding: 1.1rem 1rem; }

.work-con .detail-con { padding: 2rem 0; }  
.work-con .detail-boxes { padding: 2rem 1rem; }  
.work-con .detail-boxes .box { padding: 2rem 1.5rem; }  
.work-con .detail-boxes .box dl dt { font-size: 1.7rem; }  
.support-con .detail-con .call { width: 100%; font-size: 1.4rem; margin-top: 2rem;}  
.num-con .num-con-wrap { gap: 3rem; }  

.num-con .num-con-wrap .num-txt dl dt, 
.num-con .num-con-wrap .num-txt dl dd, 
.num-con .num-con-wrap .num-txt dl dd span.color { font-size: 2.4rem; }   
.num-con .num-con-wrap .num-txt dl dd span.color {line-height: 1.4;}

.num-con .num-con-wrap .num-txt dl dt {margin-bottom: 2rem;}
.num-con .num-con-wrap .num-txt dl dt::after {width: 75%;}

.work-con .detail-con dl dd ul li, 
.work-con .detail-boxes .box dl dd ul li, 
.support-con .detail-con dl dd ul li { font-size: 1.5rem; word-break: break-all;} 
.num-con .num-con-wrap .num li span {font-size: 1.6rem;}
.work-con .detail-boxes .box dl dd ul li {margin-left: 2rem;}

.policy-con .detail-txt { gap: 1.5rem; }  
.policy-con .detail-txt dl dt { font-size: 1.6rem; }  
.policy-con .detail-txt dd, .policy-con .detail-txt dd p, 
.policy-con .detail-txt li, .policy-con .detail-txt span { font-size: 1.35rem; }  .policy-con .detail-txt dl ol { padding: 1.2rem; }  

.add-boxes {gap: 1rem;}
.add-boxes a {padding: 1rem 2rem; font-size: 1.5rem;}
.greeting-con .greeting-con-wrap .greeting-txt dl dt::after,
.greeting-con .greeting-con-wrap .greeting-txt dl dd::after {display: none;}
}

@media screen and (max-width: 360px) {
.greeting-con .greeting-con-wrap .greeting-img { min-width: 20rem; width: 20rem; height: 20rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dt { font-size: 2rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl dd { font-size: 1.8rem; }  
.greeting-con .greeting-con-wrap .greeting-txt dl p { font-size: 1.5rem;} 

.history-con .history-con-wrap .history-img { height: 18rem; }  
.history-con .history-con-wrap .history-txt { padding-left: 1.5rem; }  
.history-con .history-con-wrap .history-txt dl dt { font-size: 2.1rem; }  
.history-con .history-con-wrap .history-txt dl dd p, 
.history-con .history-con-wrap .history-txt dl dd span { font-size: 1.4rem; }  


.tab-buttons {gap: 0.6rem;}
.tab-btn {font-size: 1.3rem;padding: 1rem 0.8rem;}

.work-con .detail-con dl dt, 
.work-con .detail-boxes .box dl dt, 
.support-con .detail-con dl dt { font-size: 1.6rem; }  

.num-con .num-con-wrap .num-txt dl dt, 
.num-con .num-con-wrap .num-txt dl dd, 
.num-con .num-con-wrap .num-txt dl dd span.color { font-size: 2.1rem; }  
.num-con .num-con-wrap .num li { padding: 1.5rem 0; } 

.policy-con .detail-txt dl dt { font-size: 1.5rem; }  
.policy-con .detail-txt dd, .policy-con .detail-txt dd p, 
.policy-con .detail-txt li, .policy-con .detail-txt span { font-size: 1.3rem; } 

}