/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1746149102
Updated: 2025-05-02 01:25:02

*/
/* 메인 비주얼 */
.main-visual-controls .controls-area 
{text-align:center;}
.main-visual-controls-box 
{width:250px; display:inline-flex; justify-content: center; position:relative;;}
.main-visual-controls-box .prev-next-con
{display:flex; justify-content:space-between; width:100%; position:absolute;}
.main-visual-controls-box .prev-next-con i
{font-size:3rem; color:#fff;}
.main-visual-controls-box .paging-con 
{display:flex; align-items:center; margin:0 1rem 0 0;}
.main-visual-controls-box .paging-con span
{font-size:1.6rem; color:#fff; font-weight:300; margin:0 0.5rem;}
.main-visual-controls-box .paging-con .cur 
{font-size:2.2rem; font-weight:800;}
.main-visual-controls-box .play-pause-con
{position: relative; z-index:9;;}
.main-visual-controls-box .play-pause-btn button 
{width:3.5rem; height:3.5rem; background-position:center; background-repeat:no-repeat; background-color:#ffffff30; border-radius:50%; cursor:pointer;}
.main-visual-controls-box .play-pause-btn button:hover 
{background-color:var(--main-color);}
.main-visual-controls-box .play-pause-btn .main-visual-play-btn 
{display:none;}
/* 메인 타이틀 */
.main-title-con 
{margin-bottom:2rem; display:flex; justify-content:space-between; align-items:center;}
.main-title-con h2
{font-size:3rem; color:#fff; font-weight:800; line-height:1.5;}
.main-title-con a i
{font-size:3rem; color:#fff; transition:all 0.3s ease;}
.main-title-con a i:hover 
{transform:rotate(90deg)}
/* 퀵메뉴 */
#mainQuickMenu
{margin-top:-110px; position:relative; z-index:9998;}
.main-quick-menu 
{background:#fff; border-radius:15px; padding:40px 0; box-shadow:0px 0px 18px #7c7c7c2b;}
.main-quick-menu ul
{display:flex; flex-wrap:wrap; justify-content: space-between;;}
.main-quick-menu ul li
{flex-grow:1;}
.main-quick-menu .icon-box
{min-height:85px; display:flex; align-items:center; justify-content:center;}
.main-quick-menu .txt-box
{text-align:center; margin-top:1rem;}
.main-quick-menu .txt-box p
{font-size:1.8rem; color:#000; font-weight:600;}
.main-marquee-txt h1 
{font-size:8.77rem; font-weight:700; color:#b2d98182}

/* 메인 상단 1 */
#mainCompanyCon 
{position:relative; padding:8rem 0; }
#mainCompanyCon:before
{content:''; position:absolute; width:100%; height:50%; background:var(--main-color); left:0; top:0;}
.main-company-content 
{display:flex; flex-wrap:wrap;}
.main-board-content 
{width:76rem;}
.main-board-content .main-board-tab-con 
{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.main-board-content .main-board-tab-con a
{width:4rem; height:4rem; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--sub-color); font-size:3rem;}
.main-board-tab-con ul
{display:flex; flex-wrap:wrap;}
.main-board-tab-con span 
{font-size:3rem; color:#ffffff40; font-weight:700; margin-right:3rem; cursor:pointer;}
.main-board-tab-con .active span 
{color:#fff;}
.main-board-con 
{margin-top:2rem; background:#fff; border-radius:5px; box-shadow:3px 3px 13px #0000000d;}
.main-board-con .main-board-inner 
{padding:3rem;}
.main-video-content 
{display:flex; flex-direction:column; margin-left:4rem;width:calc(100% - 80rem); }
.main-video-content .main-video-con
{height:100%; border-radius:5px; overflow:hidden;}

/* 메인 배너 */
.main-banner-slide-con 
{position:relative;}
.main-banner-slide-con .slick-slide 
{margin:0 1rem;}
.main-banner-controls 
{position:absolute; width:100%; top:28%;}
.main-banner-controls .slick-arrow
{position:absolute; left:-5rem;}
.main-banner-controls .slick-arrow.next-btn 
{left:auto; right:-5rem;}
.main-banner-controls .slick-arrow i
{font-size:3.4rem; color:#413027}
.main-banner-controls .slick-arrow:hover,
.main-banner-controls .slick-arrow:focus
{background:transparent;}
.main-banner-slide-con a {display: flex; justify-content: center;}

/* FOOTER */
.footer 
{padding:40px 0;}
.f-top-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end;}
.f-top-con .f-logo
{background-image:url('/wp-content/uploads/2025/05/logo.png'); width:241px; height:55px;}
.f-police-con 
{display:flex; flex-wrap:wrap;}
.f-police-con a
{font-size:1.5rem; color:#000; font-weight:600; margin-left:4rem;}
.f-police-con a:hover
{text-decoration:underline;}
.f-bottom-con 
{ display:flex; justify-content:space-between; align-items:center; margin-top:4rem;}
.f-detail-con ul li
{margin:0.5rem 0;}
.f-detail-con ul li span
{font-size:1.5rem; color:#444; margin-right:3rem;}
.f-copy
{font-size:1.5rem; color:#888888;}

/* 서브페이지 */
#subContent 
{padding:10rem 0;}
.bg-box 
{background:#f4f4f4; border:1px solid #ddd; padding:5rem 3rem;}
/* 서브 타이틀 */
.sub-title-con 
{text-align:center; margin-bottom:6rem;}
.sub-title-con h2
{font-size:5rem; color:#222; font-weight:800}
/* 서브 카테고리 */
.sub-category-con
{margin-bottom:6rem;}
.sub-category-con ul 
{display:flex; flex-wrap:wrap; justify-content: center;;}
.sub-category-con ul li
{width:18%; text-align:center; margin:0 1rem; border:1px solid #ddd; cursor:pointer;}
.sub-category-con ul li span
{font-size:1.7rem; color:#000; padding:2rem; display:block;}
.sub-category-con ul li.active
{background:var(--main-color);}
.sub-category-con ul li.active span
{color:#fff;}

.intro-txt-con 
{text-align:center;}
.intro-txt-con h2
{font-size:2.6rem; color:#222; font-weight:700; line-height:1.5;}
.intro-txt-con p
{font-size:2.4rem; color:#4e4e4e;}
.sub-con-tit 
{margin-bottom:2rem;}
.sub-con-tit h4
{position:relative; font-size:2.4rem; color:#000; font-weight:600; padding-left:4rem;}
.sub-con-tit h4:before
{position:absolute; content:''; background:url('/wp-content/uploads/2025/05/sub-title-icon.png') no-repeat center; width:3rem; height:3rem; left:0; top:0;}

/* cm table */
.cm-table-con table
{min-width: 30rem;}
.cm-table-con table tr > th 
{background:#0065bf1c; vertical-align: middle; font-size:1.7rem; color:#000; border-color:#1e4f7a12; padding:2rem;}
.cm-table-con table tr > td
{background:#fff; font-size:1.6rem; color:#222; text-align:center; vertical-align:middle; border-color:#ddd; padding:2rem;;}
.cm-table-con table tbody tr td.left
{text-align:left;}
.cm-table-con.row-ver table tbody tr td
{text-align:left;}
/* cm flow */
.cm-flow-box-con ul
{display:flex; flex-wrap:wrap;}
.cm-flow-box-con .flow-box 
{border:1px solid #ddd; text-align:center; margin:0 -0.5px; background:#fff; flex-grow:1;width:20%; }
.cm-flow-box-con .flow-wrap
{padding:3rem;}
.cm-flow-box-con .flow-wrap .icon 
{width:6rem; height:6rem; background-position:center; background-repeat:no-repeat; display:inline-block; margin-bottom:2rem;}
.cm-flow-box-con .flow-wrap .tit
{font-size:1.8rem; color:#000;}
.cm-flow-box-con .flow-wrap .sub-tit
{font-size:1.7rem; color:#555;}
.cm-flow-box-con .flow-etc-txt 
{font-size:1.8rem; color:var(--main-color);}

.cm-flow-circle-list 
{display:flex; flex-wrap:wrap; margin: 0 -0.5rem}
.cm-flow-circle-list li
{width:calc(calc(100% / 6) - 1rem); height:22rem; border:5px solid var(--main-color); border-radius:50%; margin:0 0.5rem; }
.cm-flow-circle-list .circle-inner 
{padding:7rem 3rem; text-align:center;}
.cm-flow-circle-list .step
{font-size:1.8rem; color:#222; font-weight:700}
.cm-flow-circle-list .txt
{font-size:1.6rem; color:#222;}

.flow-etc-list
{margin-top:2rem;}
.flow-etc-list .etc-list li 
{font-size:1.6rem; color:#333;}
.flow-etc-list .etc-list li a
{text-decoration:underline;}
.flow-etc-list .etc-list li a:hover 
{color:var(--main-color);}

.cm-flex-con 
{display:flex; flex-wrap:wrap;}
.cm-flex-con .box-col 
{width:50%; border:1px solid #ddd;}
.cm-flex-con .box-col .tit 
{font-size:2rem;background:#f4f4f4; padding:2rem; color:#222;}
.cm-flex-con .box-col .list 
{padding:2rem;}
.cm-flex-con .box-col .list li
{font-size:1.7rem; color:#222; margin:1rem 0;}

.cm-list-con .description-list
{display:flex; flex-wrap:wrap; column-gap: 2rem;}
.cm-list-con .description-list dl 
{display:flex; flex-wrap:wrap; align-items: center; width:50%; margin:1rem 0;}
.cm-list-con .description-list dl dt
{width:10rem; color:#000; font-size:1.7rem; font-weight:700; text-align:center; background:#fff; padding:1rem;}
.cm-list-con .description-list dl dd
{width:calc(100% - 10rem); padding-left:2rem; color:#333; font-size:1.7rem;}

.cm-btn-con 
{text-align:center; margin-top:3rem;}
.cm-btn-con a
{width:20rem; background:var(--main-color); text-align:center; display:inline-block; color:#fff; padding:2rem; font-size:1.7rem;}

.cm-list-con .cm-list-col
{margin:2rem 0;}
.cm-list-con .cm-list-col .tit
{font-size:2.1rem; color:var(--main-color); margin-bottom:1rem; display:block;}
.cm-list-con ul
{display:flex; flex-wrap:wrap;}
.cm-list-con ul li
{font-size:1.7rem; color:#333; margin:1rem 0; padding-left:2rem; position:relative}
.cm-list-con ul li:before
{content:''; position:absolute; left:0; top:8px; width:5px; height:5px; background:var(--main-color); border-radius:50%;}
.cm-list-con ul li.w50
{width:50%;}
.cm-list-con ul li a:hover 
{color:#000; text-decoration:underline;}
.cm-list-con ul li a[href^="mailto"]
{color:var(--main-color);}
.cm-list-con ul li a[href^="tel"]
{color:#666; text-decoration:underline}

.cm-list-con .list-txt 
{font-size:1.9rem; color:#222; margin:2rem 0;}

.cm-box-list-con .box-list li 
{display:flex; align-items:center; border:1px solid var(--main-color); margin:2rem 0; padding:4rem;}
.cm-box-list-con .box-list .tit-con 
{width:25%; text-align:center;}
.cm-box-list-con .box-list .tit-con .icon
{width:7rem; height:7rem; display:inline-block; background-repeat:no-repeat; background-position:center;}
.cm-box-list-con .box-list .tit-con .tit 
{font-size:1.9rem; color:#000; font-weight:700;}
.cm-box-list-con .box-list .tit-con .txt
{font-size:1.7rem; color:#222; margin-top:2rem;}
.cm-box-list-con .box-list .txt-con
{width:75%; padding:0 4rem; border-left:1px solid var(--main-color);}
.cm-box-list-con .box-list .txt-con p
{font-size:1.7rem; margin:1rem 0;}


.cm-txt-con
{text-align:center;}
.cm-txt-con p 
{font-size:2rem; color:#222;}
.cm-txt-con em
{font-size:1.8rem; color:var(--main-color); display:block; margin-top:1rem;}

.police-box 
{margin-bottom:2rem;}
.police-txt p
{font-size:1.7rem; margin:0.5rem 0;}
.police-txt ul li
{font-size:1.7rem; color:#4e4e4e;}

.additional-box 
{margin-top:3rem;}
.additional-box .add-tit-con 
{text-align:center; margin-bottom:3rem;}
.additional-box .add-tit-con b 
{font-size:2.4rem; color:#000}
.additional-box .add-tit-con p
{font-size:1.7rem; color:#222;}
.additional-box .add-des-list
{display:flex; flex-wrap:wrap; background:#fff; padding:6rem;}
.additional-box .add-des-list dl
{display:flex; flex-wrap:wrap; width:50%; margin:1rem 0;}
.additional-box .add-des-list dl:last-child
{width:100%;}
.additional-box .add-des-list dl dt
{font-size:1.7rem; width:15rem; color:#000; font-weight:700;}
.additional-box .add-des-list dl dd
{font-size:1.6rem; color:#333; width:calc(100% - 15rem); padding-left:2rem; }

/* 부서별 */
.team-con 
{margin-bottom:3rem;}

/* Ebook */
.story-book-list 
{display:flex; flex-wrap:wrap; margin:0 -1%; }
.story-book-list .story-book
{width:18%; text-align:center; margin:0 1% 6%;}
.story-book-list .story-book p
{font-size:1.8rem; color:#000; font-size:1.8rem; margin-bottom:2rem;}
.story-book-list .thumbnail-img
{position:relative;}
.story-book-list .thumbnail-img .df-popup-thumb
{margin:0 !important; width:100%;;}
.story-book-list .thumbnail-img .df-popup-thumb .df-book-wrapper
{display:block;}


.story-book-btn 
{margin-top:3rem;}
.story-book-btn a 
{background:var(--main-color); font-size:1.7rem; color:#fff; padding:1.5rem 3rem; display:inline-block;}
/* 법인소개 */
.corp-greeting-con 
{display:flex; flex-wrap:wrap; align-items:end;}
.corp-greeting-con .corp-greeting-txt 
{width:70%;}
.corp-greeting-con .corp-greeting-txt b
{font-size:2rem; color:var(--main-color);}
.corp-greeting-con .corp-greeting-txt p
{font-size:1.8rem; color:#333; margin:3rem 0}
.corp-greeting-con .corp-ceo-img 
{width:30%; text-align:right;}
.corp-greeting-con .corp-ceo-img p
{font-size:1.7rem; color:#000;}

.overview-slogan-con 
{margin:10rem 0; text-align:center; background:#f4f4f4; padding:5rem; border-radius:5px;}
.overview-slogan-con p
{font-size:2.4rem; color:#000}
.overview-slogan-con p b
{color:var(--main-color);}

/* 인사말 */
.greeting-top-con 
{text-align:center;}
.greeting-top-con b
{font-size:2.4rem; color:var(--main-color);}
.greeting-top-con p
{font-size:2.1rem; color:#444}
.greeting-con
{margin-top:5rem; padding:5rem; border:2px solid var(--sub-color);}
.greeting-con p
{font-size:1.8rem; color:#444; margin:2rem 0;}

/* 지역 소개 */
.eunpyeong-txt-con p 
{font-size:1.7rem; color:#333; margin:2rem 0;}
.eunpyeong-txt-con p b
{color:var(--main-color)}
.eunpyeong-txt-con p span
{text-decoration: underline; display:inline-block;}

/* 오시는 길 */
.map-con .section_address 
{display:none;}
.location-con .info-con
{background:var(--main-color); padding:2rem;}
.location-con .info-con ul li
{font-size:1.6rem; color:#fff;}
.location-con .traffic-col 
{margin:3rem 0;}
.location-con .traffic-col h4
{font-size:2rem; color:#000; font-weight:600;}
.location-con .traffic-col dl
{display:flex; align-items:center; flex-wrap:wrap; margin:1rem 0;}
.location-con .traffic-col dl dt
{width:25rem; text-align:center; padding:1rem 0; font-size:1.6rem; background:var(--main-color); color:#fff;}
.location-con .traffic-col dl dd
{font-size:1.7rem; width:calc(100% - 25rem); padding-left:3rem; color:#1b1b1b}

/* 미션 비전 */
.decalr-tit 
{text-align:center; margin-bottom:3rem;}
.decalr-tit h4
{font-size:3.2rem; font-weight:800; color:#222;}
.decalr-des.deco-bg 
{background-repeat:no-repeat; background-position:center; max-width:1100px; margin:0 auto; padding:12rem 12rem; border:none; background-position:top;}
.decalr-txt-con p
{font-size:1.8rem; margin:0 0 2.5rem; display:flex; flex-wrap:wrap;}
.decalr-txt-con > b 
{display: inline-block; margin: 0 0 2.5rem; font-size:1.8rem;}
.decalr-txt-con p b
{width:10rem; font-size:2rem; text-align:center; display:inline-block; color:var(--main-color); margin-bottom:2rem;}
.decalr-txt-con p span
{width:calc(100% - 10rem); }
.decalr-txt-con .decalr-list-con 
{margin:5rem 0;}
.decalr-txt-con .decalr-list-con em
{font-size:1.8rem; margin-bottom:1rem; font-weight:700;}
.decalr-txt-con .decalr-list-con ul li
{font-size:1.7rem; margin:0.5rem 0;}
.decalr-name strong 
{display:block; font-size:2rem; text-align:right; margin-top:2rem;}

.decalr-des 
{max-width:1100px; margin:0 auto; border:5px solid #e8ae52; padding:10rem 5rem;}
.decalr-txt-tit 
{text-align:center; margin-bottom:8rem;}
.decalr-txt-tit h4
{font-size:3.2rem; font-weight:800; color:#222; display:inline-block;}

/* 방문자 통계 */
.visit-tbl table 
{table-layout:fixed;}
.visit-tbl table tr th 
{ font-size:1.6rem; color:#000; background:#f4f4f4;}
.visit-tbl table tr td
{font-size:1.6rem;}


#history_wrap{position: relative; word-break: keep-all;}
#history_wrap .history_line{position: absolute; left:0; top:18px; width: 1px; height: 100%; background: #9d9d9d;}
#history_wrap .year_wrap{margin-top: 40px; position: relative; word-break: keep-all;}
#history_wrap .year_wrap::after{content:""; position: absolute; left:-8px; top:18px; width: 16px; height: 16px; border-radius: 50%; background: #ffffff; border: 4px solid #0055ae; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#history_wrap .year_wrap.first{margin-top: 0px;}
#history_wrap h4{display: inline-block; vertical-align: middle; font-size: 20px; font-size: 2rem; font-weight: bold; color:#0055ae; padding: 10px 30px; border-radius: 0 15px 15px 0;}
#history_wrap dl{position: relative; margin-top: 10px; margin-bottom: 5px; margin-left: 20px; font-size: 14px; font-size: 1.4rem; line-height: 1.4;}
#history_wrap dl dt{position: absolute; left:0; top:0; color:#0055ae; margin-bottom: 10px;}
#history_wrap dl dd{margin-left: 30px; margin-bottom: 10px;}
#history_wrap .year_wrap .photo_wrap{margin: 20px 10px 10px; text-align: center;}
#history_wrap .year_wrap .photo_wrap img{width: 100%; max-width: 400px;}

.sp_title .spa_title {margin-bottom: 0; margin-top: 10px;}
@media all and (min-width:600px) {
  .sp_title .spa_title {margin-bottom: 0; margin-top: 20px;}

  #history_wrap h4{font-size: 24px; font-size: 2.4rem;}
  #history_wrap dl{margin-top: 20px; font-size: 16px; font-size: 1.6rem; line-height: 1.5;}
  #history_wrap .history_line{top:20px;}
  #history_wrap .year_wrap::after{left:-8px; top:20px; width: 18px; height: 18px;}
}
@media all and (min-width:768px) {
  #history_wrap .year_wrap{margin-left: 50%;}
  #history_wrap .history_line{left:50%; margin-left: -1px; top:20px;}
  #history_wrap .year_wrap::after{left:-10px; top:20px; width: 18px; height: 18px;}

  #history_wrap .year_wrap .photo_wrap{position: absolute; left:0; top:5px;  width: 300px; margin-left: -330px; text-align: right;}

  #history_wrap .year_wrap.y_1993 {min-height: 210px;}
  #history_wrap .year_wrap.y_1989 {min-height: 210px;}
}
@media all and (min-width:1000px) {
  .spa_title{margin-top: 70px;}
  #history_wrap h4{font-size: 30px; font-size: 3rem;}
  #history_wrap dl{font-size: 17px; font-size: 1.7rem; line-height: 1.6;}
  #history_wrap dl dd{margin-bottom: 15px;}

  #history_wrap .year_wrap::after{left:-11px; top:23px; width: 20px; height: 20px; border: 5px solid #0055ae;}
  #history_wrap .year_wrap .photo_wrap{width: 350px; margin-left: -390px;}
  #history_wrap .history_line{top:24px;}

  #history_wrap .year_wrap.y_1993 {min-height: 240px;}
  #history_wrap .year_wrap.y_1989 {min-height: 240px;}
}
@media all and (min-width:1200px) {
  #history_wrap h4{font-size: 34px; font-size: 3.4rem;}
  #history_wrap dl{font-size: 18px; font-size: 1.8rem; line-height: 1.7;}

  #history_wrap .year_wrap::after{left:-12px; top:25px; width: 22px; height: 22px;}
  #history_wrap .year_wrap .photo_wrap{width: 400px; margin-left: -450px;}
  #history_wrap .history_line{top:26px;}

  #history_wrap .year_wrap.y_1993 {min-height: 280px;}
  #history_wrap .year_wrap.y_1989 {min-height: 280px;}
}



/* 조직도 */
.organization-con
{margin:6rem 0;}
.organization-con .organ-tit 
{margin-bottom:2rem;}
.organization-con .organ-tit h5 
{font-size:2.1rem; font-weight:700; color:#222}

.staff_wrap{position: relative; margin: 10px}
.staff_wrap .line{position: absolute; display: inline-block; vertical-align: middle; background: #ccc; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.staff_wrap .line.lh{width: 1px;}
.staff_wrap .line.lw{height: 1px;}
.staff_wrap .obj{display: inline-block; vertical-align: middle; text-align: center; position: absolute; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.sw_top{display: inline-block; vertical-align: middle; width: 100%; position: relative; height: 260px;}
.sw_middle{display: inline-block; vertical-align: middle; width: 100%; position: relative; height: 100px;}
.sw_bottom{display: inline-block; vertical-align: middle; width: 100%; position: relative; margin-bottom: 20px;}
.staff_wrap .team_sel{margin-top: 20px; text-align: center;}
.staff_wrap .team_sel select {width: 100%; display: inline-block; vertical-align: middle; padding:6px 10px; font-size: 12px; background: url(/images/common/icon_select_arrow2.png) no-repeat right 15px center #ffffff; color:#393944; border: 1px solid #eeeef3; -moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */ appearance:none;}
.staff_wrap .team_sel select b{color:#9c9ca1;}
.staff_wrap .team_sel select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }

.staff_wrap .t1{width: 100px; height: 50px; line-height: 50px; background: #a5a5b5; color:#fff; font-weight: 500; font-size: 16px; font-size: 1.6rem;}
.staff_wrap .t2{width: 120px; color:#fff; background: #454545; border-bottom: 3px solid #0055ae; font-size: 14px; font-size: 1.4rem; letter-spacing: -1px; font-weight: 300; height: 50px; line-height: 47px;}
.staff_wrap .t2:hover, .staff_wrap .t2:focus{background: #0055ae;}
.staff_wrap .lh0{top:55px; left:50%; height: 140px;}
.staff_wrap .lh1{top:20px; left:50%; height: 70px; margin-left: 15px;}
.lw0{width: 65px; top:55px; left:50%; margin-left: -30px;}
.lw1{width: 30px; top:20px; left:50%; margin-left: 15px;}
.lw2{width: 30px; top:90px; left:50%; margin-left: 15px;}
.staff_wrap .line.lh1{display: none;}
.staff_wrap .line.lw1{display: none;}
.staff_wrap .line.lw2{display: none;}

.sw_top{height: 170px;}
.sw_top a{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
.staff_wrap .sw_top .o1{top:5px; left:50%; margin-left: -110px; background: #fff; border: 6px solid #0055ae; color:#3e3e3e; height: 100px; line-height: 88px; border-radius: 50%;}
.staff_wrap .sw_top .o1:hover, .staff_wrap .sw_top .o1:focus{background: #0055ae; color:#fff;}
.staff_wrap .sw_top .o2{top:125px; left:50%; margin-left: -50px; background: #0055ae;}
.staff_wrap .sw_top .o2:hover, .staff_wrap .sw_top .o2:focus{background: #000;}
.staff_wrap .sw_top .o3{top:0px; left:50%; margin-left: 30px;}
.staff_wrap .sw_top .o4{top:30px; left:50%; margin-left: 30px;}

.staff_wrap .sw_middle {display: none;}
.area1 .table.left{word-break:keep-all; line-height: 2;}
.area1 .table{font-size: 13px; font-size: 1.3rem;}
/*.area1 .table .w80{width: auto;}
.area1 .table .w110{width: auto;}*/
.area1 .table.t1 td{line-height: 1.6;}
.area1 .table.t1 caption.blind{display: none !important;}

@media all and (min-width:600px){
    .staff_wrap .t2{width: 150px; letter-spacing: 0;}
    .staff_wrap .lh0{top:90px; left:50%; height: 160px;}
    .staff_wrap .lh1{top:35px; left:50%; height: 71px; margin-left: 94px;}
    .lw0{width: 65px; top:70px; left:50%; margin-left: 60px;}
    .lw1{width: 30px; top:35px; left:50%; margin-left: 95px;}
    .lw2{width: 30px; top:105px; left:50%; margin-left: 95px;}

    .sw_top{height: 250px;}
    .staff_wrap .sw_top .o1{top:0; left:50%; margin-left: -70px; color:#3e3e3e; width: 140px; height: 140px; line-height: 120px; border-width: 10px; font-size: 18px; font-size: 1.8rem;}
    .staff_wrap .sw_top .o2{top:170px; margin-left: -70px; width: 140px;}
    .staff_wrap .sw_top .o3{top:15px; left:50%; margin-left: 120px;}
    .staff_wrap .sw_top .o4{top:45px; left:50%; margin-left: 120px;}
    .staff_wrap .sw_top a.obj.active{color:#fff; border-color: #333; background: #0055ae; font-weight: bold;}

    .staff_wrap .team_sel{display: none;}
    .team_link{border: 1px solid #cccccc; height: 162px; width: 100%;}

    .staff_wrap .sw_bottom a.obj:hover, .staff_wrap .sw_bottom a.obj:focus{color:#fff; border-color: #0055ae;}
    .staff_wrap .sw_bottom a.obj.active{color:#fff; border-color: #333; background: #0055ae; font-weight: bold;}
    .staff_wrap .sw_bottom .obj{left:50%;}
    /*.staff_wrap .sw_bottom .o1{top:20px; margin-left: -250px;}*/
    .staff_wrap .sw_bottom .o2{top:20px; margin-left: -250px;}
    .staff_wrap .sw_bottom .o3{top:20px; margin-left: -75px;}
    .staff_wrap .sw_bottom .o4{top:20px; margin-left: 105px;}
    .staff_wrap .sw_bottom .o5{top:90px; margin-left: -250px;}
    .staff_wrap .sw_bottom .o6{top:90px; margin-left: -75px;}

    .area1 .table{word-break:keep-all;}
    .area1 .table{font-size: 14px; font-size: 1.4rem;}
}
@media all and (min-width:768px) {
    .team_link{border: none; height: 80px; position: relative;}
    .staff_wrap .lh0{top:90px; left:50%; height: 160px;}
    .staff_wrap .lh1{top:35px; left:50%; height: 71px; margin-left: 114px;}
    .lw0{width: 100px; top:70px; left:50%; margin-left: 60px;}
    .lw1{width: 45px; top:35px; left:50%; margin-left: 115px;}
    .lw2{width: 45px; top:105px; left:50%; margin-left: 115px;}
    .lw3{width: 600px; top:250px; left:50%; margin-left: -300px;}

    .team_link .obj.t2::after{content:""; position: absolute; top:-30px; left:50%; height: 30px; width: 1px; background: #ccc;}

    .staff_wrap .sw_top .o3{margin-left: 160px; width: 180px;}
    .staff_wrap .sw_top .o4{margin-left: 160px; width: 180px;}

    .sw_top{height: 280px;}
    .staff_wrap .sw_top .t2{font-size: 16px; font-size: 1.6rem;}

    .staff_wrap .sw_middle{display: inline-block; width: 100%;}
    .staff_wrap .sw_middle div{width: 140px; height: 47px; line-height: 47px; font-size: 14px; font-size: 1.4rem; letter-spacing: -1px;
        color: #fff; background: #2d7fd5;  border-bottom: 3px solid #084f98;}
    .staff_wrap .sw_middle .o1{top:5px; left:50%; margin-left: -294px;}
    .staff_wrap .sw_middle .o2{top:5px; left:50%; margin-left: 6px;}


    .staff_wrap .sw_bottom .t2{width: 140px; height: 47px; line-height: 47px; font-size: 14px; font-size: 1.4rem; letter-spacing: -1px;}
    .staff_wrap .sw_bottom {text-align: center;}
    /*.staff_wrap .sw_bottom .o1{top:0; margin-left: -370px;}*/
    .staff_wrap .sw_bottom .o2{top:0; margin-left: -370px;}
    .staff_wrap .sw_bottom .o3{top:0; margin-left: -220px;}
    .staff_wrap .sw_bottom .o4{top:0; margin-left: -70px;}
    .staff_wrap .sw_bottom .o5{top:0; margin-left: 80px;}
    .staff_wrap .sw_bottom .o6{top:0; margin-left: 230px;}

    /*.lh3{left: 50%; top:250px; margin-left: -311px; height: 30px;}*/

    /*.area1 .table .w80{width: 80px;}
    .area1 .table .w110{width: 110px;}*/
    .area1 .table{font-size: 15px; font-size: 1.5rem;}
    .area1 .table.t1 td{line-height: 1.8;}
    .area1 .table.t1 td.rl2{height: 75px;}
}
@media all and (min-width: 1000px) {
    .team_link{height: 100px; margin-top: 20px;}
    .staff_wrap .lh0{top:90px; left:50%; height: 160px;}
    .staff_wrap .lh1{top:35px; left:50%; height: 71px; margin-left: 119px;}
    .lw0{width: 110px; top:70px; left:50%; margin-left: 60px;}
    .lw1{width: 40px; top:35px; left:50%; margin-left: 120px;}
    .lw2{width: 40px; top:105px; left:50%; margin-left: 120px;}
    .lw3{width: 760px; top:250px; left:50%; margin-left: -380px;}

    .team_link .obj.t2::after{top:-50px; height: 50px;}

    .sw_top{height: 280px;}
    .staff_wrap .sw_top .o1{font-size: 20px; font-size: 2rem;}
    .staff_wrap .sw_top .o2{font-size: 18px; font-size: 1.8rem;}
    .staff_wrap .sw_top .t2{font-size: 16px; font-size: 1.6rem;}

    .staff_wrap .sw_middle div{width: 180px; height: 47px; line-height: 47px; font-size: 16px; font-size: 1.6rem;}
    .staff_wrap .sw_middle .o1{margin-left: -374px;}
    .staff_wrap .sw_middle .o2{margin-left: 6px;}

    .staff_wrap .sw_bottom .t2{width: 180px; height: 47px; line-height: 47px; font-size: 16px; font-size: 1.6rem;}
    .staff_wrap .sw_bottom {text-align: center;}
    /*.staff_wrap .sw_bottom .o1{top:0; margin-left: -475px;}*/
    .staff_wrap .sw_bottom .o2{top:0; margin-left: -470px;}
    .staff_wrap .sw_bottom .o3{top:0; margin-left: -280px;}
    .staff_wrap .sw_bottom .o4{top:0; margin-left: -90px;}
    .staff_wrap .sw_bottom .o5{top:0; margin-left: 100px;}
    .staff_wrap .sw_bottom .o6{top:0; margin-left: 290px;}

    /*.lh3{left: 50%; top:250px; margin-left: -399px; height: 30px;}*/
    .lh4{left: 50%; top:355px; margin-left: -380px; height: 30px;}
    .lh5{left: 50%; top:355px; margin-left: -190px; height: 30px;}
    .lh6{left: 50%; top:355px; margin-left: 0; height: 30px;}
    .lh7{left: 50%; top:355px; margin-left: 190px; height: 30px;}
    .lh8{left: 50%; top:250px; margin-left: 380px; height: 130px;}
    .lh9{left: 50%; top:250px; margin-left: -285px; height: 104px;}
    .lh10{left: 50%; top:250px; margin-left: 95px; height: 104px;}

    .area1{margin-left: 10px; margin-right: 10px;}
    .area1 .table .w80{width: 100px;}
    .area1 .table .w110{width: 120px;}
    .area1 .table .w150{width: 150px;}
    .area1 .table{font-size: 16px; font-size: 1.6rem;}
}
@media all and (min-width:1200px) {
    .team_link{height: 100px;}
    .staff_wrap .lh0{top:90px; height: 160px;}
    .staff_wrap .lh1{top:35px; height: 71px; margin-left: 139px;}
    .lw0{width: 150px; top:70px; margin-left: 60px;}
    .lw1{width: 70px; top:35px; margin-left: 140px;}
    .lw2{width: 70px; top:105px; margin-left: 140px;}
    .lw3{width: 920px; top:250px; margin-left: -460px;}

    .sw_top{height: 280px;}
    .staff_wrap .sw_top .o1{font-size: 22px; font-size: 2.2rem;}
    .staff_wrap .sw_top .o2{font-size: 20px; font-size: 2rem;}
    .staff_wrap .sw_top .o3{margin-left: 210px;}
    .staff_wrap .sw_top .o4{margin-left: 210px;}

    .staff_wrap .sw_middle div{width: 200px; height: 47px; line-height: 47px; font-size: 16px; font-size: 1.6rem;}
    .staff_wrap .sw_middle .o1{margin-left: -440px;}
    .staff_wrap .sw_middle .o2{margin-left: 18px;}

    .staff_wrap .sw_bottom .t2{width: 200px; height: 47px; line-height: 47px; font-size: 16px; font-size: 1.6rem;}
    .staff_wrap .sw_bottom {text-align: center;}
    /*.staff_wrap .sw_bottom .o1{top:0; margin-left: -550px;}*/
    .staff_wrap .sw_bottom .o2{top:0; margin-left: -560px;}
    .staff_wrap .sw_bottom .o3{top:0; margin-left: -330px;}
    .staff_wrap .sw_bottom .o4{top:0; margin-left: -100px;}
    .staff_wrap .sw_bottom .o5{top:0; margin-left: 130px;}
    .staff_wrap .sw_bottom .o6{top:0; margin-left: 360px;}

    /*.lh3{left: 50%; top:250px; margin-left: -464px; height: 30px;}*/
    .lh4{left: 50%; top:355px; margin-left: -460px; height: 30px;}
    .lh5{left: 50%; top:355px; margin-left: -230px; height: 30px;}
    .lh6{left: 50%; top:355px; margin-left: 0; height: 30px;}
    .lh7{left: 50%; top:355px; margin-left: 230px; height: 30px;}
    .lh8{left: 50%; top:250px; margin-left: 460px; height: 130px;}
    .lh9{left: 50%; top:250px; margin-left: -345px; height: 104px;}
    .lh10{left: 50%; top:250px; margin-left: 115px; height: 104px;}
}

/* 검색 페이지 커스텀 */
#site-header
{display:none;}
.search-result-page
{margin:10rem 0;}
.search-page-top 
{padding:8rem; background:#f2faff;}
.search-page-top .top-title-con 
{text-align:center;}
.search-page-top .top-title-con h2
{font-family:'GmarketSans'; font-size:5rem; color:#222; font-weight:700}

.top-search-con 
{max-width:700px; margin:2rem auto 0;}
.top-search-con ul
{display:flex; position:relative;}
.top-search-con .cm-kboard-search-input 
{width:100%;}
.top-search-con .cm-kboard-search-input input
{background:#fff; border:none; height:55px; line-height:55px; border:1px solid #eee; font-size:1.8rem; color:#333; padding:1rem 2rem;}
.top-search-con .cm-kboard-search-btn 
{ position:absolute; right:0; width:55px;}
.top-search-con .cm-kboard-search-btn input[type="submit"]
{width:100%; height:55px; background:transparent; border:none; color:#fff; font-weight:600; font-size:0; border-radius:0; position: absolute;}
.search-result-page .cm-kboard-search-btn:before
{content:'\e97a'; position:absolute; font-size:2.1rem; font-family:'xeicon'; font-weight:900; right:17px; top:12px; color:#000;}

.search-result-page .cm-kboard-search-btn input:hover,
.search-result-page .cm-kboard-search-btn input:focus
{background:transparent; border:none;}

.search-result-con 
{padding:10rem 0;}

.top-search-con .search-word 
{text-align:center;}
.top-search-con .search-word h2
{font-family:'NanumSquare'; font-size:2.4rem; color:#333; font-weight:600; text-align:center; margin-top:2rem;}
.top-search-con .search-word h2 span
{font-family:'NanumSquare'; color:#e33838;}

.result-list 
{padding:2rem; border-bottom:1px solid #ddd; overflow:hidden;}
.result-list a
{display:flex;}
.result-list .thumbnail-con
{width:20rem; margin-right:2rem;}

.result-list .info-con .tit
{font-size:2.5rem; font-family:'NanumSquare'; color:#222; margin:0rem 0 0.5rem; font-weight:600;}
.result-list .info-con .des
{font-size:1.9rem; color:#424242; font-weight:300; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.result-list .info-con .des img 
{display:none;}
.result-list .info-con .date
{font-size:1.6rem; color:#8f8f8f; font-weight:400; margin-top:1rem; display:block;}

.search-result-list .not-result 
{text-align:center; background:#f7f7f7; border:1px solid #ddd; padding:8rem 2rem;}
.search-result-list .not-result p 
{font-size:2.4rem; color:#111; font-weight:700;}

.search-result-pagination 
{margin-top:2rem;}
.search-result-pagination .custom-page-numbers 
{display:flex; justify-content: center;;}
.search-result-pagination .custom-page-numbers li
{display:inline-block; background:none; padding:0 1px;}
.search-result-pagination .custom-page-numbers li a
{display:block; height:28px; line-height:28px; border:0; padding:0 11px; font-size:14px; color:#999; background-color:#f9f9f9; }
.search-result-pagination .custom-page-numbers li.current a
{background-color:var(--sub-color); border-radius:10px; color:#fff;}

.mobile-header {display: none; background-color: #fff; border-bottom: 1px solid #f4f4f4;}

@media screen and (max-width: 1300px) {
  .container {max-width: 100% !important; padding: 0 20px;}
  /* header */
  #header {padding: 0 2rem;}
  #headerTop {padding: 1rem 2rem !important;}
  #header #nav .elementor-nav-menu>.menu-item>a {padding: 2rem 8rem !important;}
  /* 비주얼 */
  #mainVisualCon{height: 45rem !important;}
  .main-visual-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .main-quick-menu .icon-box {min-height: auto;}
  .main-quick-menu {padding: 3rem 2rem;}
  .main-quick-menu ul {flex-flow: row wrap;}
  .main-quick-menu ul li {width: 16.6%;}
  .main-company-content {justify-content: space-between;}
  .main-board-content {width: 60%;}
  .main-video-content {width: 38%; margin-left: 0;}
  /* main */
  .main-marquee-txt {padding: 0 2rem; line-height: 1.2;}
  .main-marquee-txt h1 {font-size: 5.8rem;}
  .main-banner-controls {display: none;}
  .main-banner-slide .slick-dots {display: none !important;}
  /* sub-공지사항 */
  #subContent {padding: 8rem 0;}
  #default-style03-list .kboard-list table td.kboard-list-user {width: 15rem;}
  #subVisual>.e-con-inner {padding: 0 2rem !important;}

  .cm-list-con .description-list {justify-content: space-between;}
  .cm-list-con .description-list dl {width: auto;}

  .additional-box .add-des-list {padding: 4rem;}
  .additional-box .add-des-list dl {width: 100%;}

  #ask-one-style01-list .kboard-list table td.kboard-list-uid {width: 7rem;}
  #ask-one-style01-list .kboard-list table td.kboard-list-date {width: 12rem;}
  #ask-one-style01-list .kboard-list table td.kboard-list-user {width: 13rem;}
  /* sub-참여신청 */
  .sub-category-con ul {gap: 1rem;}
  .sub-category-con ul li {width: auto; margin: 0;}
  /* sub-아카이브 */
  .story-book-list .story-book {width: 23%;}
  /* sub-복지관안내 */
  .cm-box-list-con .box-list .tit-con {padding: 0 2rem;}
  .cm-box-list-con .box-list .txt-con {width: auto;}
  .cm-flow-circle-list {gap: 2rem; justify-content: center;}
  .cm-flow-circle-list li {width: calc(calc(100% / 3) - 3rem); margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 3rem;}
  .cm-flow-circle-list .circle-inner {padding: 1rem;}
}

@media screen and (max-width: 1240px) {
  /* header */
  #header #nav .elementor-nav-menu>.menu-item>a {padding: 2rem 6rem !important;}
  /* main */
  #mainCompanyCon,#mainGalleryCon {padding: 4rem 0;}
  /* sub-복지관안내 */
  .decalr-des {padding: 4rem;}
  .decalr-txt-tit {margin-bottom: 6rem;}
  .decalr-txt-con p,.decalr-txt-con>b {font-size: 1.7rem; margin-bottom: 1.5rem;}
  .decalr-des.deco-bg {padding: 4rem; max-width: 100%; background: none !important; border: 5px solid #e8ae52;}
  .decalr-txt-con p b {font-size: 1.8rem; width: 5rem;}
  .decalr-name strong {font-size: 1.8rem;}
}

@media screen and (max-width: 1024px) {
  * {word-break: keep-all;}.pc-br {display: none;}
  .sitemap-btn {display: none;}
  .elementor-menu-toggle .e-font-icon-svg {fill: white !important;}
    /* 모바일용 헤더 */
  #headerTop, #header {display: none;}
  .mobile-header {display: block; z-index: 9999; transition: all 0.3s ease;}
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {margin-top: 2rem; border-top: 1px solid #f4f4f4;}
  .sub-menu.elementor-nav-menu--dropdown .elementor-sub-item {font-size: 1.5rem !important; color: #878787 !important; font-weight: 500 !important; border-bottom: 1px solid #f4f4f4; border-inline-start:none;}
  /* visual */
  #mainVisualCon {height: 35rem !important;}
  .main-quick-menu ul li {width: 33.3%;}
  .main-quick-menu .txt-box p {font-size: 1.6rem;}
  .main-visual-controls-box {width: 20rem;}
  .main-visual-controls-box .paging-con .cur {font-size: 1.7rem;}
  /* main */
  .main-marquee-txt h1 {font-size: 4.8rem;}
  .main-board-tab-con span {font-size: 2.4rem; margin-right:2rem;}
  .main-board-con {margin-top: 1rem;}
  .main-board-content .main-board-tab-con a {zoom: 0.8;}
  .main-title-con {margin-bottom: 1rem;}
  .main-title-con h2 {font-size: 2.4rem;}
  #default-style03-latest ul li {margin-bottom: 2rem;}
  #default-style03-latest .latest-item .date {min-width: 10rem; font-size: 1.6rem; font-weight: 700;}
  #default-style03-latest .latest-item .tit {padding-left: 1rem;}
  #default-style03-latest .latest-item .tit h4 {font-size: 1.6rem;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-attr-con {margin: 0;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-attr-con span {font-size: 1.6rem; font-weight: 700;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-title .tit {font-size: 1.7rem;}
  /* footer */
  .footer {padding: 2rem 0;}
  .f-police-con a {margin-left: 2rem;}
  .f-bottom-con {margin-top: 2rem;}
  .f-detail-con ul li {margin: 0;}
  .f-detail-con ul li span {margin-right: 2rem;}
  .f-top-con .f-logo {zoom: 0.8;}
  /* sub */
  #subContent {padding: 6rem 0;}
  .sub-title-con h2 {font-size: 4rem;}
  #default-style03-list .kboard-category .kboard-category-list li a {font-size: 1.6rem;}
  #default-style03-list .kboard-list thead tr td {font-size: 1.5rem;}
  #default-style03-list .kboard-list table tbody td {font-size: 1.5rem;}
  #default-style03-list .kboard-list table td.kboard-list-uid.notice p {font-size: 1.4rem;}
  #default-style03-list .kboard-list table td.kboard-list-view,
  #default-style03-list .kboard-list table td.kboard-list-uid {width: 8rem;}
  #default-style03-list .kboard-search select {font-size: 1.4rem; margin: 0;}
  #default-style03-list .kboard-search button {font-size: 1.5rem;}

  .intro-txt-con h2,.intro-txt-con p {font-size: 2.4rem;}
  .sub-con-tit {margin-bottom: 1rem;}
  .sub-con-tit h4 {font-size: 2rem;}
  .sub-con-tit h4:before {zoom: 0.8;}
  .bg-box {padding: 3rem;}
  .cm-flow-box-con .flow-box {width: 30%;}
  .cm-flow-box-con .flow-wrap {padding: 2rem;}
  .cm-flow-box-con .flow-wrap .icon {margin-bottom: 1rem;}
  .cm-flow-box-con .flow-wrap .tit,.cm-flow-box-con .flow-wrap .sub-tit,.cm-flow-box-con .flow-etc-txt {font-size: 1.6rem;}
  .cm-table-con table tr>th {font-size: 1.6rem; padding: 1rem;}
  .cm-table-con table tr>td {font-size: 1.5rem; padding: 1rem;}
  .cm-list-con ul li {font-size: 1.6rem; margin: 0.5rem 0; padding-left: 1rem;}
  .cm-list-con ul li.w50 {width: 100%;}
  /* sub-사업소개 */
  .sub-category-con ul li span {font-size: 1.5rem; padding: 1rem 2rem;}
  /* sub-아카이브 */
  .story-book-list .story-book {width: 31%;}
  .story-book-list .story-book p {font-size: 1.6rem;}
  .story-book-btn a {font-size: 1.5rem;}
  /* sub-복지관소개 */
  .corp-greeting-con {flex-direction: column-reverse; gap: 2rem;}
  .corp-greeting-con .corp-greeting-txt b {font-size: 1.8rem;}
  .corp-greeting-con .corp-greeting-txt p {font-size: 1.6rem; margin: 1rem 0;}
  .corp-greeting-con .corp-greeting-txt {width: 100%;}
  .corp-greeting-con .corp-ceo-img {width: 100%; text-align: center;}
  .overview-slogan-con {margin: 6rem 0; padding: 4rem;}
  .overview-slogan-con p {font-size: 2rem;}
  .greeting-top-con b {font-size: 2rem;}
  .greeting-top-con p {font-size: 1.8rem;}
  .greeting-con {padding: 3rem; margin-top: 4rem;}
  .greeting-con p {font-size: 1.6rem;}

  .cm-txt-con p {font-size: 1.8rem;}
  .cm-flex-con .box-col .tit {font-size: 1.8rem;}
  .cm-box-list-con .box-list li {padding: 3rem;}
  .cm-box-list-con .box-list .tit-con .tit {font-size: 1.7rem;}
  .cm-box-list-con .box-list .tit-con .txt {font-size: 1.6rem; margin-top: 0.5rem;}
  .cm-list-con .list-txt {font-size: 1.6rem; margin: 1rem 0;}
}

@media screen and (max-width: 767px) {
  /* main */
  #mainGalleryCon {background-size: cover;}
  #mainGalleryCon .main-title-con h2 {color: #fff;}
  .main-board-content,.main-video-content {width: 100%;}
  .main-board-content {margin-bottom: 3rem;}
  .main-video-con iframe {height: 30rem;}
  .main-title-con h2 {color: #000;}
  #default-style03-latest .latest-item a {padding: 1rem 0;}
  #default-style03-latest ul li {margin: 0;}
  #default-style03-latest .latest-item .tit {margin: 1rem 0;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-item {width: 48%; margin: 0 1%;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-title {padding: 1rem 0;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-title .tit {font-size: 1.6rem;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-attr-con span {font-size: 1.4rem;}
  /* footer */
  .f-top-con {flex-direction: column; align-items: start; gap: 2rem;}
  .f-police-con a {margin: 0; margin-right: 1rem;}
  .f-bottom-con {flex-direction: column; align-items: start;}
  .f-detail-con ul li {display: flex; flex-flow: row wrap;}
  .f-detail-con ul li span {margin: 0;}
  /* sub-공지사항 */
  #default-style03-list .kboard-category .kboard-category-list li a {padding: 1.5rem 0;}
  #subContent {padding: 4rem 0;}
  .sub-title-con {margin-bottom: 4rem;}
  .sub-title-con h2 {font-size: 2.8rem;}

  .intro-txt-con h2,.intro-txt-con p {font-size: 2rem;}
  .sub-con-tit h4 {font-size: 1.8rem; padding-left: 2.5rem;}
  .sub-con-tit h4:before {zoom: 0.7;}
  .cm-table-con table tr>th {font-size: 1.5rem; padding: 0.5rem;}
  .cm-table-con table tr>td {font-size: 1.4rem; padding: 0.5rem;}
  .cm-flow-box-con .flow-wrap .icon {zoom: 0.8;}
  .cm-flow-box-con .flow-wrap .tit,.cm-flow-box-con .flow-etc-txt,
  .cm-flow-box-con .flow-wrap .sub-tit {font-size: 1.5rem;}
  .cm-flow-box-con .flow-box {width: 50%;}
  .bg-box {padding: 2rem;}
  .cm-list-con .description-list dl dt {font-size: 1.5rem;}
  .cm-list-con .description-list dl dd {font-size: 1.5rem; padding-left: 1.5rem;}
  .cm-btn-con a {width: 15rem; font-size: 1.5rem;}
  .cm-list-con ul li {font-size: 1.5rem;}

  .additional-box .add-tit-con {margin-bottom: 1rem;}
  .additional-box .add-tit-con b {font-size: 1.8rem;}
  .additional-box .add-tit-con p {font-size: 1.6rem;}
  .additional-box .add-des-list {padding: 2rem;}
  .additional-box .add-des-list dl dt {width: 10rem; font-size: 1.5rem;}
  .additional-box .add-des-list dl dd {font-size: 1.4rem;}
  .police-txt p,.police-txt ul li {font-size: 1.5rem;}
  #form-style-editor .kboard-attr-row .attr-name {font-size: 1.5rem; width: 19.5rem;}
  #form-style-editor .kboard-attr-row .attr-value {margin: 0; margin-left: 19.5rem;}
  .cm-btn-con {margin-top: 2rem;}
  .cm-list-con .cm-list-col .tit {font-size: 1.7rem; margin: 0;}

  .cm-txt-con p {font-size: 1.7rem;}
  .cm-txt-con em {font-size: 1.5rem;}

  /* sub-아카이브 */
  .story-book-list .story-book p {font-size: 1.4rem;}
  .story-book-btn a {font-size: 1.3rem; padding: 1.2rem 2rem;}

  /* sub-복지관소개 */
  .corp-greeting-con .corp-greeting-txt b {font-size: 1.6rem;}
  .corp-greeting-con .corp-greeting-txt p {font-size: 1.4rem;}
  .overview-slogan-con {margin: 4rem 0;}
  .overview-slogan-con p {font-size: 1.7rem;}

  .cm-flex-con .box-col {width: 100%;}
  .cm-box-list-con .box-list li {flex-direction: column;}
  .cm-box-list-con .box-list .tit-con {width: 100%; padding-bottom: 1rem;}
  .cm-box-list-con .box-list .txt-con {padding: 0; padding-top: 1rem; border: 0; border-top: 1px solid var(--main-color);}
  .cm-box-list-con .box-list .txt-con p {font-size: 1.6rem; margin: 0.5rem 0;}

  .decalr-txt-tit h4 {font-size: 2rem;}
  .decalr-des {padding: 2rem;}
  .decalr-txt-tit {margin-bottom: 2rem;}
  .decalr-txt-con p, .decalr-txt-con>b {font-size: 1.5rem; margin-bottom: 1rem;}
 
  .decalr-txt-con .decalr-list-con {margin: 3rem 0;}
  .decalr-txt-con .decalr-list-con em {font-size: 1.6rem;}
  .decalr-txt-con .decalr-list-con ul li {font-size: 1.5rem;}

  .decalr-des.deco-bg {padding: 2rem;}
  .decalr-txt-con p b {margin: 0; font-size: 1.6rem;}
  .decalr-txt-con p span {width: auto;}

  .eunpyeong-img {margin-bottom: 2rem;}
  .eunpyeong-txt-con p {font-size: 1.5rem; margin: 1rem 0;}

  .cm-flow-circle-list li {width: calc(calc(100% / 2) - 3rem); height: 15rem;}

  .cm-list-con .list-txt {font-size: 1.5rem; margin: 0.5rem 0;}
  .cm-flow-circle-list .step {font-size: 1.7rem;}
  .cm-flow-circle-list .txt {font-size: 1.4rem;}

  .map-con .wrap_map {height: 30rem !important;}
  .location-con .info-con {padding: 1.5rem;}
  .location-con .info-con ul li {font-size: 1.5rem;}
  .location-con .traffic-col dl dt {width: 100%;}
  .location-con .traffic-col dl dd {width: 100%; padding: 0; padding-top: 1rem; text-align: center; font-size: 1.5rem;}
}

@media screen and (max-width: 650px) {
  /* main */
  .main-visual-controls {bottom: 12rem !important;}
  #mainVisualCon {height: 30rem !important;}
  .main-quick-menu .icon-box img {zoom: 0.8;}
  .main-marquee-txt h1 {font-size: 3rem;}

  /* sub-아카이브 */
  .story-book-list .story-book {width: 48%;}
  .greeting-top-con b {font-size: 1.8rem;}
  .greeting-top-con p {font-size: 1.6rem;}
  .greeting-con {padding: 2rem;}
  .greeting-con p {font-size: 1.5rem; margin: 1rem 0;}

  /* sub-복지관안내 */
  .cm-txt-con p {font-size: 1.6rem;}
  .cm-flex-con .box-col .tit {font-size: 1.5rem; padding: 1rem;}
  .cm-flex-con .box-col .list {padding: 1rem;}
  .cm-flex-con .box-col .list li {font-size: 1.4rem; margin: 0.5rem 0;}
  .cm-box-list-con .box-list li {padding: 2rem;}
  .cm-box-list-con .box-list .tit-con .txt {font-size: 1.5rem;}
  .cm-box-list-con .box-list .txt-con p {font-size: 1.4rem;}

  /* 방문자통계 */
  .visit-tbl
  {overflow:scroll}
  .visit-tbl table
  {width:700px;}
}
@media screen and (max-width: 600px) {
  #default-style03-list .kboard-list tbody td.kboard-list-title .cat {font-size: 1.3rem; white-space: nowrap;}

  /* 조직도 */
  .team_link.hidden_i_1 {display: none;}
  .organization-con {display: block !important;}

}
@media screen and (max-width: 450px) {
  /* visual */
  .main-quick-menu ul li {width: 50%;}
  .main-visual-controls {bottom: 11rem !important;}
  /* main */
  .main-board-tab-con span {font-size: 2rem;}
  .main-board-con .main-board-inner {padding: 2rem;}
  #gallery-style02-list.cm-gallery-latest .gallery-style02-list .kboard-list-item {width: 100%; margin: 0;}
  .main-video-con iframe {height: 27rem;}
  /* footer */
  .f-police-con {flex-flow: row wrap; gap: 0.5rem;}
  .f-police-con a {margin: 0;}
  .f-bottom-con {margin-top: 1rem;}
  /* sub */
  .additional-box .add-des-list dl dt {width: 100%;}
  .additional-box .add-des-list dl dd {width: 100%; padding: 0;}
  .kboard-attr-row {display: flex; flex-direction: column;}
  #form-style-editor .kboard-attr-row .attr-name {width: 100%;}
  #form-style-editor .kboard-attr-row .attr-value {margin: 0; width: 100%;}
  #form-style-editor .kboard-row-postcode {margin-bottom: 0.5rem;}
  #form-style-editor .kboard-row-postcode input[type="text"] {width: 160px !important;}
  #form-style-editor .kboard-attr-row .attr-value .description {margin-top: 0.5rem;}
  .cm-table-con {overflow-x: scroll;}

  .cm-txt-con p {font-size: 1.6rem;}
  .cm-txt-con em {font-size: 1.4rem;}

  /* sub-아카이브 */
  .story-book-list .story-book {width: 100%;}
  .overview-slogan-con{margin: 3rem 0; padding: 3rem;}
  .overview-slogan-con p {font-size: 1.5rem;}
}

@media screen and (max-width: 360px) {
  /* header */
  .mobile-header .elementor-widget-container img {zoom: 0.8;}
  /* footer */
  .f-police-con a,.f-detail-con ul li span,.f-copy {font-size: 1.3rem;}
  /* sub */
  .cm-sub-con {margin: 3rem 0;}
  .sub-title-con h2 {font-size: 2.1rem;}
  .intro-txt-con h2,.intro-txt-con p {font-size: 1.7rem;}
  .sub-con-tit h4 {font-size: 1.6rem; padding-left: 2.2rem;}
  .sub-con-tit h4:before {zoom: 0.6;}
  .cm-table-con table tr>td, .cm-table-con table tr>th {font-size: 1.3rem;}
  .cm-flow-box-con .flow-wrap .icon {zoom: 0.7;}
  .cm-flow-box-con .flow-wrap .tit, .cm-flow-box-con .flow-wrap .sub-tit {font-size: 1.4rem;}
  .cm-flow-box-con .flow-box {width: 100%;}
  .cm-flow-box-con .flow-wrap {padding: 2rem 1rem;}
  .cm-list-con .description-list {gap: 1rem;}
  .cm-list-con .description-list dl {width: 100%; flex-direction: column; gap: 1rem; margin: 0;}
  .cm-list-con .description-list dl dt {width: 100%;}
  .cm-list-con .description-list dl dd {width: 100%; text-align: center;}
  .cm-list-con ul li {font-size: 1.4rem; padding-left: 1rem;}

  .police-txt p, .police-txt ul li {font-size: 1.4rem;}
  .additional-box .add-tit-con b {font-size: 1.7rem;}
  .additional-box .add-tit-con p {font-size: 1.5rem;}
  .cm-btn-con a {font-size: 1.3rem; padding: 1.5rem;}

  .greeting-con {padding: 1rem; margin-top: 3rem;}

  .cm-flow-circle-list {gap: 1rem;}
  .cm-flow-circle-list li {width: 100%; height: 10rem;}
}