/*
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.4.4.1749714948
Updated: 2025-06-12 07:55:48

*/

/* 메인 타이틀 */
.main-title-con 
{display:flex; align-items:center; justify-content:space-between; margin-bottom:3rem;}
.main-title-con .tit-con .eng 
{font-size:1.6rem; font-weight:600; color:var(--main-color); margin-bottom:0.5rem;}
.main-title-con .tit-con h2
{font-size:3.6rem; font-weight:700; color:#1a1a1a;}
.main-title-con a 
{width:6rem; height:6rem; background:#666666; border-radius:50%; display:inline-flex; align-items:center; justify-content: center; font-size:2.6rem; color:#fff; transition:all 0.3s ease;;}
.main-title-con a:hover 
{background:var(--main-color);}

/* 메인 타이틀 반응형 */
@media screen and (max-width : 1024px) {
  .main-title-con .tit-con h2{font-size:3rem;}
}
@media screen and (max-width : 860px) {
}
@media screen and (max-width : 550px) {
  .main-title-con .tit-con h2{font-size:2.5rem;}

  .main-title-con a{width: 4rem;  height: 4rem;}
}
@media screen and (max-width : 380px) {
  .main-title-con .tit-con h2{font-size:1.8rem;}
  .main-title-con .tit-con .eng{font-size: 1.4rem;}
}

/* 팝업존 공지사항 */
.main-notice-con 
{display:flex; flex-wrap:wrap;}
.main-popup-box 
{width:37.342%; margin-right:10rem;}
.main-popup-box .popup-controls 
{display:flex; flex-wrap:wrap;}
.main-popup-box .popup-controls button
{color:#666; border:none; background:transparent; width:5rem; height:5rem; border:1px solid #ddd; border-radius:50%; margin:0 0.5rem; cursor:pointer;}
.main-popup-box .popup-controls .play-pause-btn 
{display:flex;}
.main-popup-box .popup-controls .play-pause-btn .play-btn 
{display:none;}
.main-popup-box .popup-controls .play-pause-btn .play-btn.active
{background:var(--sub-color);}
.main-popup-box .popup-controls .play-pause-btn .play-btn.active i
{color:#fff;}
.main-popup-box .popup-controls button i
{font-size:1.9rem;}
.main-popup-box .popup-controls button:hover 
{background:var(--sub-color);}
.main-popup-box .popup-controls button:hover i
{color:#fff;}

.main-notice-con .notice-box 
{width:calc(calc(100% - 37.342%) - 10rem); }

/* 팝업존 공지사항 반응형 */
@media screen and (max-width : 1024px) {
  .main-popup-box {  width: 43%; margin-right: 4rem;}
}
@media screen and (max-width : 860px) {
  .main-notice-con{flex-direction: column;}
  .main-popup-box {  width: 100%; margin-right: 0rem;}
  .main-notice-con .notice-box{width: 100%}
}
/* 메인 갤러리 */
#mainGalleryCon .main-title-con 
{justify-content: center; text-align:center; margin-bottom:3rem;;}
#mainGalleryCon .main-title-con h2
{color:#fff;}
#mainGalleryCon .container 
{position:relative;}
.main-gallery-con .gallery-slide-controls 
{position:absolute; right:0; top:0;}
.main-gallery-con .gallery-slide-controls a
{width:6rem; height:6rem; background:#666666; border-radius:50%; display:inline-flex; align-items:center; justify-content: center; font-size:2.6rem; color:#fff; margin-left:2rem;; transition:all 0.3s ease;;}
.main-gallery-con .gallery-slide-controls a:hover 
{background:var(--main-color);}

/* 메인 갤러리 반응형 */
@media screen and (max-width : 1600px) {
  .main-gallery-con .gallery-slide-controls{right: 2%}

}
@media screen and (max-width : 860px) {
  #mainGalleryCon .main-title-con{justify-content: left; text-align: left;}
}
@media screen and (max-width : 550px) {
  .main-gallery-con .gallery-slide-controls a{width: 4rem;  height: 4rem;font-size: 2rem;}
}

/* 메인 캘린더 */
.main-calendar-con .main-calendar-output-con
{display:flex; flex-wrap:wrap;}

.main-list-calendar-box 
{width:93rem; margin-right:10rem;}
.main-calendar-box
{width:calc(calc(100% - 93rem) - 10rem); }

.main-list-calendar-box .list-calendar-row 
{display:flex; width:100%; align-items:center;}
.main-list-calendar-box .list-calendar-row .date-box 
{width:9rem; display:flex; flex-direction:column; align-items: center;;}
.main-list-calendar-box .list-calendar-row .date-box b
{font-size:3.6rem; color:var(--sub-color); transition:all 0.3s ease;}
.main-list-calendar-box .list-calendar-row .date-box span
{font-size:1.5rem; font-weight:500; color:#666;}
.main-list-calendar-box .list-calendar-row .list-calendar-tit 
{font-size:1.8rem; color:#000; font-weight:500; padding-left:3rem;}

.main-list-calendar-box #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list a
{height:auto; border:none; border-bottom:1px solid #666}
.main-list-calendar-box #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list a:hover
{background:transparent;}
.main-list-calendar-box #kboard-mobile-calendar-list .kboard-mobile-calendar-event-list a:hover .list-calendar-row .date-box b
{color:var(--main-color)}
.main-list-calendar-box .kboard-mobile-calendar-event-list a:hover .list-calendar-row .list-calendar-tit
{font-weight:600}

/* 메인 캘린더 반응형 */
@media screen and (max-width : 1600px) { 
  .main-calendar-con .main-calendar-output-con{ justify-content: space-between;}
  .main-list-calendar-box { width: 55%; margin-right: 0rem;}
  .main-calendar-box{width: 40%;}
}
@media screen and (max-width : 1280px) { 
  .main-list-calendar-box { width: 45%;}
  .main-calendar-box{width: 50%;}
}
@media screen and (max-width : 860px) { 
  .main-calendar-con .main-calendar-output-con{ flex-direction: column;}
  .main-list-calendar-box { width: 100%;margin-bottom: 9rem;}
  .main-calendar-box{width: 100%;}
}
@media screen and (max-width : 550px) { 
.main-list-calendar-box .list-calendar-row .date-box b{font-size: 2.6rem;}
.main-list-calendar-box .list-calendar-row .date-box{width: 6rem;}
.main-list-calendar-box .list-calendar-row .list-calendar-tit{padding-left:2rem;}
}

/* 서브페이지 */
#subContent
{padding:10rem 0;}
.sub-title-con 
{text-align:center; margin-bottom:8rem;}
.sub-title-con h2
{font-weight:700; font-size:4.2rem; color:#222;}

@media screen and (max-width : 1440px) {
  /* #subContent{padding:10rem 20px;} */
}
@media screen and (max-width : 1024px) {
  .sub-title-con h2  {font-size:3rem;}
}
@media screen and (max-width : 860px) {
  .sub-title-con h2  {font-size:2.5rem;}
  #subContent .pc-br{display: contents;}
}
@media screen and (max-width : 550px) {
  .sub-title-con h2  {font-size:2.2rem;}
}
@media screen and (max-width : 380px) {
  .sub-title-con h2  {font-size:2rem;}
}

/* footer */
.footer-top-con
{border-bottom:1px solid #cecece}
.footer-top-con .f-relation-site
{display:flex; flex-wrap:wrap;}
.footer-top-con .f-relation-site .site-drop-down 
{width:25%; text-align:center; position:relative; border-left:1px solid #cecece; }
.footer-top-con .f-relation-site .site-drop-down:last-child 
{border-right:1px solid #cecece;}
.footer-top-con .f-relation-site .site-drop-down i
{position:absolute; font-size:2rem; color:#fff; right:50px; top:50%; transform:translateY(-50%);}
.footer-top-con .f-relation-site .site-drop-down select 
{background:transparent; color:#fff; font-size:2rem; font-weight:600; appearance: none; position:relative; padding:2rem 5rem; border:none;}
.footer-top-con .f-relation-site .site-drop-down select option
{color:#000;}
.footer-top-con .f-relation-site .site-drop-down select:focus
{border:none;}

.footer-bottom-con
{padding:5rem 0;}
.footer-bottom-con .f-visit-con 
{display:inline-flex; flex-wrap:wrap; background:rgba(0,0,0,0.4); border-radius:5px; padding:1rem 3rem; margin-bottom:2rem;}
.footer-bottom-con .f-visit-con dl 
{margin:0 2rem 0 0; padding:0 2rem 0 0; display:flex; flex-wrap:wrap; position:relative;}
.footer-bottom-con .f-visit-con dl:before 
{content:''; position:absolute; width:1px; height:60%; top:20%; background:#ffffff50; right:0;}
.footer-bottom-con .f-visit-con dl:last-child 
{margin:0; padding:0 }
.footer-bottom-con .f-visit-con dl:last-child:before 
{display:none;}
.footer-bottom-con .f-visit-con dt 
{font-size:1.7rem; color:#ffffffa6; margin-right:1rem;}
.footer-bottom-con .f-visit-con dd 
{font-size:1.7rem; color:#fff;}
.footer-bottom-con .f-bot-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.footer-bottom-con .f-bot-con .f-left-con .f-logo 
{background-image:url('/wp-content/uploads/2025/06/logo.png'); width:205px; height:48px; display:inline-block;}
.footer-bottom-con .f-bot-con .f-left-con .f-detail-con
{margin-top:2rem;}
.footer-bottom-con .f-bot-con .f-left-con .f-detail-con ul li span 
{font-size:1.6rem; color:#fff; font-weight:500; text-transform:uppercase;}
.footer-bottom-con .f-bot-con .f-left-con .f-detail-con ul li:last-child span:nth-child(1){margin-right: 3rem;}
.footer-bottom-con .f-bot-con .f-right-con
{text-align:right;}
.footer-bottom-con .f-bot-con .f-right-con .f-police-con a
{font-size:1.6rem; color:#fff; display:block; font-weight:500; margin:1rem 0;  transition:all 0.3s ease;}
.footer-bottom-con .f-bot-con .f-right-con .copy 
{font-size:1.5rem; color:#999; font-weight:500; text-transform:uppercase; margin-top:2rem;}

/* footer 반응형 */
@media screen and (max-width : 1280px) {
  .footer-top-con .f-relation-site .site-drop-down i{right: 25px;}
}
@media screen and (max-width : 1024px) {
  .footer-top-con .f-relation-site .site-drop-down select{font-size: 1.6rem;}
}
@media screen and (max-width : 860px) {
  .footer-top-con .f-relation-site .site-drop-down{width: 50%;}
  .footer-top-con .f-relation-site .site-drop-down:nth-child(1){border-bottom: 1px solid #cecece;}
  .footer-top-con .f-relation-site .site-drop-down:nth-child(2){border-bottom: 1px solid #cecece;border-right:1px solid #cecece;}

  .footer-bottom-con .f-bot-con{flex-direction: column;}
  .f-left-con{width: 100%;text-align: center;margin-bottom: 1rem;}
  .footer-bottom-con .f-bot-con .f-right-con{width: 100%;text-align: center;}

}
@media screen and (max-width : 550px) {
  .footer-top-con .f-relation-site .site-drop-down select{padding: 2rem;font-size: 1.4rem;}
  .footer-bottom-con .f-bot-con .f-left-con .f-detail-con ul li span{font-size: 1.4rem;}
  .footer-bottom-con .f-bot-con .f-right-con .f-police-con a{font-size: 1.4rem;}

  .footer-top-con .f-relation-site .site-drop-down i{right: 12px;}
}
@media screen and (max-width : 400px) {
  .footer-top-con .f-relation-site .site-drop-down{width: 100%;}
  .footer-top-con .f-relation-site .site-drop-down:nth-child(1){border-right: 1px solid #cecece;}
  .footer-top-con .f-relation-site .site-drop-down:nth-child(3){border-bottom: 1px solid #cecece;border-right:1px solid #cecece;}

  .footer-bottom-con .f-bot-con .f-left-con .f-detail-con ul li span{display: block;}
  .footer-bottom-con .f-bot-con .f-left-con .f-detail-con ul li:last-child span:nth-child(1){margin-right: 0rem;}
}

/* 서브 카테고리 */
.sub-category-con ul 
{display:flex; justify-content: center;;}
.sub-category-con ul li
{width:25rem; text-align:center; border:1px solid #ddd; border-radius:10px; margin:0 1rem;cursor: pointer;}
.sub-category-con ul li span
{font-family:'Pretendard'; font-size:1.9rem; padding:2rem; display:block}
.sub-category-con ul li.active 
{background:var(--sub-color);}
.sub-category-con ul li.active span
{color:#fff;}

@media screen and (max-width : 860px) {
  .sub-category-con ul li span{font-size: 1.7rem;padding: 1.5rem;}
}
@media screen and (max-width : 550px) {
  .sub-category-con ul li span{font-size: 1.5rem;}
}

/* 설립목적 및 구성 */
.des-tit-con h4 
{font-size:3rem; font-weight:600; color:#222;}

.found-basis
{text-align:center;}
.found-basis h4 
{font-size:3rem; font-weight:500; color:#555; padding-bottom:2rem; margin-bottom:2rem; text-align:Center;}
.found-basis h4 b
{color:var(--main-color);}
.found-basis p
{font-size:2rem; font-weight:300; color:#000; background:#f4f4f4; padding:3rem; border:1px solid #ddd; border-radius:5px; box-shadow:13px 13px 33px #0000000a}

/* 설립목적 및 구성 반응형 */
@media screen and (max-width : 860px) {
  .found-basis h4{font-size: 2.2rem;}
  .found-basis p{font-size: 1.8rem;}
}
@media screen and (max-width : 550px) {
  .found-basis h4{font-size: 2rem;}
  .found-basis p{font-size: 1.6rem;padding: 2rem 3rem;}
}
@media screen and (max-width : 425px) {
  .found-basis p{font-size: 1.4rem;}
}

/* greeting  */
.greeting-con 
{display:flex; flex-wrap:wrap; align-items:start;}
.greeting-con .left-con
{width:20%;  text-align:center;}
.greeting-con .ceo-img-con 
{background:#f4f4f4; padding:2rem;}
.greeting-con .ceo-img-con .name 
{font-size:1.8rem; font-weight:300; color:#444; margin-top:1rem;}
.greeting-con .ceo-img-con .name strong 
{color:#000;}
.greeting-con .ceo-profile 
{margin-top:1rem; text-align:left;}
.greeting-con .ceo-profile strong 
{font-size:1.7rem; color:#000;}
.greeting-con .ceo-profile ul 
{text-align:left;}
.greeting-con .ceo-profile ul li 
{font-size:1.5rem; color:#333; font-weight:300; position:relative; padding-left:1rem;}
.greeting-con .ceo-profile ul li:before 
{content:''; position:absolute; width:0.3rem; height:0.3rem; background:#000; border-radius:50%; left:0; top:8px;}

.greeting-con .right-con 
{width:calc(100% - 20%); padding-left:3rem;}
.greeting-con .right-con .txt-con .tit h2 
{font-size:3rem; font-weight:700; color:#000;}
.greeting-con .right-con .txt-con .txt 
{margin-top:3rem;}
.greeting-con .right-con .txt-con .txt p
{font-family:'Pretendard'; font-size:1.9rem; font-weight:400; color:rgb(53 53 53); letter-spacing:-0.055em; padding-top:1.6rem; line-height:1.8;;}
.greeting-con .right-con .txt-con .txt p strong 
{color:#000; font-family:'Pretendard'; color:#000;}

/* greeting 반응형 */
@media screen and (max-width : 1024px) { 
  .greeting-con .left-con{width: 30%;}
  .greeting-con .right-con{width: 70%;}
}
@media screen and (max-width : 860px) { 
  .greeting-con .right-con .txt-con .tit h2{font-size: 2.2rem;  line-height: 3rem;}
  .greeting-con .right-con .txt-con .txt p{font-size: 1.7rem;}

  .greeting-con{flex-direction: column;}
  .greeting-con .ceo-profile{ margin-left: 1rem;}
  .greeting-con .left-con{width: 100%;margin-bottom:5rem ;}
  .greeting-con .right-con{width: 100%;padding-left: 0;}
  .greeting-con .right-con .txt-con .txt{margin-top: 0;}
}
@media screen and (max-width : 550px) { 
  .greeting-con .right-con .txt-con .tit h2{font-size: 2rem;}
}
@media screen and (max-width : 380px) { 
  .greeting-con .right-con .txt-con .tit h2{font-size: 1.8rem;}
}

#kboard-cross-calendar-latest .kboard-header 
{margin-bottom:3rem;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form
{text-align:center;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button
{border:none; color:#000;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button:focus,
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button:hover
{border:none; background:transparent;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button i
{font-size:3rem; color:var(--sub-color);}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button.arrow-left i
{transform:rotate(270deg)}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form button.arrow-right i
{transform:rotate(90deg)}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .kboard-search-year { display: inline !important; margin: 0 !important; padding: 0 !important; width: auto !important;background: none !important; border: 0 !important; font-size: 26px; font-weight: 600; color: #1a1a1a !important; cursor: pointer; appearance: none;}
#kboard-cross-calendar-latest .kboard-header .kboard-search-day-form .kboard-search-month { display: inline !important; margin: 0 !important; padding: 0 !important; width: auto !important; background: none !important; border: 0 !important; font-size: 26px; font-weight: 600; color: #111111 !important; cursor: pointer; appearance: none; }


#kboard-cross-calendar-latest .calendar-box-con 
{background:#efefef; padding:5rem; border-radius:25px;}
#kboard-cross-calendar-latest .kboard-calendar-table
{table-layout:fixed;}
#kboard-cross-calendar-latest .kboard-calendar-table tr th,
#kboard-cross-calendar-latest .kboard-calendar-table tr td 
{padding:0; border:none; background:transparent; text-align:center;}
#kboard-cross-calendar-latest .calendar-box-con table tr.kboard-week-title th span 
{font-size:1.6rem; font-weight:500; color:#1a1a1a; padding:1rem 0;}
#kboard-cross-calendar-latest .kboard-calendar-table tr td .calendar-icon-day 
{display:inline-block; position:relative; padding:1.6rem 2rem; width:100%; height:100%;}
#kboard-cross-calendar-latest .kboard-calendar-table tr td a 
{position:relative; font-size:1.6rem; font-weight:500}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-pre-next-day a 
{color:#999;;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-day a 
{color:#1a1a1a; }
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-saturday a 
{color:var(--sub-color)}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-column-sunday a
{color:#ff0000;}
#kboard-cross-calendar-latest .kboard-calendar-table .calendar-event
{display:none;}
#kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before 
{position:absolute; content:''; width:3.5rem; height:3.5rem; background:var(--main-color); border-radius:50%; left:50%; top:50%; transform:translate(-45%, -50%); }
#kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today a
{color:#fff;}

#kboard-cross-calendar-latest .kboard-calendar-table tr td.test .calendar-icon-day:after
{content:''; position:absolute; width:0.5rem; height:0.5rem; background:#ff0000; border-radius:50%; right:10px; top:7px;}

/* .main-service-con 안내 */
.main-service-con 
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-service-con .service-item 
{width:77rem; height:38rem; background-color:#efefef; padding:3.5rem; border-radius:25px; position:relative; background-image:url('/wp-content/uploads/2025/06/main_service_item01.png'); background-repeat:no-repeat; background-position:right bottom; transition:all 0.3s ease;}
.main-service-con .service-item:nth-child(2)
{ background-image:url('/wp-content/uploads/2025/06/main_service_item02.png'); box-shadow:1px 1px 2px #dddddd40;;}
.main-service-con .service-item a
{display:flex; flex-direction:column; justify-content:center; width:100%; height:100%;}
.main-service-con .service-item h4
{font-size:3.6rem; color:#000; font-weight:700; margin-bottom:2rem;}
.main-service-con .service-item p
{font-size:2rem; font-weight:300; color:#000;}
.main-service-con .service-item span
{position:absolute; left:0; bottom:0; background:#666; padding:2rem 5rem; font-size:1.8rem; color:#fff; font-weight:500; border-radius:0 25px 0 0; transition:all 0.3s ease}
.main-service-con .service-item span:before 
{position:absolute; content:''; width:2rem; height:100%; background:#666666; left:-2rem; bottom:0; transition:all 0.3s ease}
.main-service-con .service-item span::after
{position:absolute; content:''; left:-20px; bottom:67px; border-width:0 0 40px  20px ;border-color:transparent transparent #b0b0b0 transparent; border-style:solid}

.main-service-con .service-item:hover span:before 
{background:var(--main-color);}
.main-service-con .service-item:hover span
{background:var(--main-color);}
.main-service-con .service-item:hover 
{background-color:#fff;}
.main-service-con .service-item:nth-child(2):hover 
{background-color:#cfc9c9;}

/* .main-service-con 안내 반응형 */
@media screen and (max-width : 1600px) { 
  .main-service-con .service-item{width: 49%;}
}
@media screen and (max-width : 1440px) { 
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before{transform: translate(-46%, -50%);}
}
@media screen and (max-width : 1024px) {
  .main-service-con .service-item h4{font-size:3rem;}
  .main-service-con .service-item{width: 48%;}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.test .calendar-icon-day:after{right: 6px}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before{transform: translate(-42%, -50%);}
}
@media screen and (max-width : 860px) {
  .main-service-con{flex-direction: column;gap: 3rem;}
  .main-service-con .service-item{width: 100%;}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before{    transform: translate(-47%, -50%);}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.test .calendar-icon-day:after{right: 24px}
}
@media screen and (max-width : 550px) {
  .main-service-con .service-item h4{font-size:2.5rem;}
  .main-service-con .service-item p{font-size: 1.8rem;}

  #kboard-cross-calendar-latest .calendar-box-con{padding:2rem;}

}
@media screen and (max-width : 425px) {
  .main-service-con .service-item h4{color: #ED6D00;}
  .main-service-con .service-item p{color: #ED6D00;font-weight: 500;}
  /* .main-service-con .service-item p.color-c{color: #fff;} */

  #kboard-cross-calendar-latest .kboard-calendar-table tr td.test .calendar-icon-day:after{right: 4px;}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before{transform:translate(-46%, -50%);}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td .calendar-icon-day{padding: 1.6rem 1rem;}
}
@media screen and (max-width : 380px) {
  .main-service-con .service-item h4{font-size:1.8rem;}
  .main-service-con .service-item p{font-size: 1.6rem;}

  #kboard-cross-calendar-latest .calendar-box-con{padding: 2rem 1rem;}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td .calendar-icon-day{padding: 1.2rem;}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.test .calendar-icon-day:after{right: 3px;top: 4px;}
  #kboard-cross-calendar-latest .kboard-calendar-table tr td.calendar-column-today .calendar-icon-day:before{transform: translate(-48%, -50%);}
}

.organ-cat-con
{width:100%; overflow:hidden; position:sticky; top:100px; margin-bottom:7rem; display:flex; justify-content: center; z-index:9;}
.organ-menu-list 
{display:flex; border-radius:25px; overflow:hidden;}
.organ-menu-list li 
{padding:2rem 3rem; font-size:1.9rem; border-bottom:1px solid #ffffff30; color:#000; width:20rem; text-align:center; background:#eee; cursor:pointer; transition:all 0.3s ease; }
.organ-menu-list li:hover 
{text-decoration:underline;}
.organ-menu-list li.active 
{background:var(--sub-color); color:#fff; text-decoration:none;}



.organ-con 
{display:flex; flex-wrap:wrap; align-items:start; }


/* 조직도 */
.organization-chart-con
{width:100%; text-align:center; margin-bottom:5rem; background:#f4f4f4; padding:10rem 8rem; border-radius:15px; border:1px solid #eee;}
.organization-chart-con .info-box 
{ margin-bottom:3rem;}
.organization-chart-con .info-box span
{background:var(--sub-color); padding:1rem 5rem; font-size:1.8rem; color:#fff; display:inline-block;}
.organization-chart-con .detail-txt 
{margin-bottom:2rem; font-size:2rem; font-weight:500; color:#000; text-decoration:underline;}
.organization-chart
{position:relative; }
.organization-chart .depth1 a
{width:20rem; text-align:center; background:var(--main-color); display:inline-block; padding:2rem 0; font-size:2rem; color:#fff; position:relative;}
.organization-chart .depth1 a:after
{content:''; position:absolute; width:1px; height:100%; bottom:-100%; background:#ddd; left:50%;}


.organization-chart .depth1-5
{position:absolute; width:50%; right:0; z-index:0;}
.organization-chart .half-organ-con 
{display:flex; flex-direction:column; position:relative; padding-left:30rem; margin-top:-3rem;}
.organization-chart .half-organ-con:before 
{content:''; position:absolute; width:30rem; height:1px; background:#ddd; left:0; top:50%;}
.organization-chart .half-organ-con:after 
{content:''; width:1px; height:100%; background:#ddd; position:absolute; left:30rem;}
.organization-chart .half-organ-con span 
{padding-left:10rem; position:relative; text-align:left; top:-28px;}
.organization-chart .half-organ-con span:before
{content:''; position:absolute; left:0; width:10rem; background:#ddd; height:1px; top:50%;}
.organization-chart .half-organ-con span a 
{font-size:1.5rem; background:var(--sub-color); padding:2rem 5rem; display:inline-block; color:#fff;}
.organization-chart .half-organ-con span a:hover 
{color:#fff;}
.organization-chart .half-organ-con span:nth-child(2)
{top:28px;}


.organization-chart .depth2
{padding-top:60px; display:flex; justify-content:space-around; padding-bottom:3rem; position:relative;}
.organization-chart .depth2 a
{position:relative; width:18rem; display:inline-block; padding:2rem; text-align:center; border:2px solid var(--main-color); font-size:1.8rem; color:#000; font-weight:500; border-radius:50px; background:#fff;}
.organization-chart .depth2 a:after
{content:''; position:absolute; width:1px; height:3rem; background:#ddd; left:50%; bottom:-3.2rem;}
/* .organization-chart .depth2 a:last-child:before
{display:none;} */
.organization-chart .depth3 
{position:relative; padding-top:8rem; display:flex; justify-content:space-between; text-align:center;}
.organization-chart .depth3::before 
{content:''; position:absolute; width:82%; left:9%; height:1px; top:0; background:#ddd;}
.organization-chart .depth3 a
{display:inline-block; background:#333; width:18%; color:#fff; font-size:1.7rem; padding:2rem 0; position:relative;}
.organization-chart .depth3 a:before 
{content:''; position:absolute; width:1px; height:8rem; background:#ddd; top:-8rem; left:50%;}

.organization-chart-con.chart2 .organization-chart .depth2
{margin-top:7rem;}
.organization-chart-con.chart2 .organization-chart .depth2:before 
{content:''; position:absolute; width:50%; height:1px; background:#ddd; top:0; left:25%;}
.organization-chart-con.chart2 .organization-chart .depth2 a:before 
{content:''; position:absolute; height:90%; width:1px; background:#ddd; top:-92%; left:50%;}
.organization-chart-con.chart2 .organization-chart .depth2 a:after 
{display:none;}

/* 조직도 반응형 */
@media screen and (max-width : 1280px) { 
  .organization-chart .half-organ-con:before{width: 16rem;}
  .organization-chart .half-organ-con:after{left: 16rem;}
  .organization-chart .half-organ-con{padding-left: 16rem;}
  .organization-chart .half-organ-con span{padding-left: 4rem;}
  .organization-chart .half-organ-con span:before{width: 4rem;}
}
@media screen and (max-width : 1024px) { 
  .organ-menu-list li{padding: 1.5rem 3rem; font-size: 1.7rem;}
  .organization-chart-con .detail-txt{font-size: 1.8rem;}
  .organization-chart .depth1 a{padding: 1.5rem 0;font-size: 1.8rem;}
  .organization-chart .depth2 a{padding: 1.5rem;font-size: 1.7rem;}
  
  .organization-chart-con.chart2 .organization-chart .depth2{    margin-top: 6rem;}
  .organization-chart .depth2{padding-top: 50px;}
}
@media screen and (max-width : 860px) { 
  .organ-menu-list li{font-size: 1.6rem;width: 17rem;}
  .organization-chart-con .detail-txt{font-size: 1.6rem;}
  .organization-chart .depth1 a{font-size: 1.6rem;width: 15rem;padding: 1.2rem 0;}
  .organization-chart .depth2 a{padding: 1rem;width: 14rem; font-size: 1.5rem;}
  .organization-chart .half-organ-con span a{font-size: 1.4rem; padding: 1.2rem 0;    width: 12rem;    text-align: center;}
  .organization-chart .depth3 a{font-size: 1.4rem;  padding: 1.2rem 0;}
  .organization-chart-con .info-box span{font-size: 1.6rem;}

  .organization-chart-con{padding: 7rem 7rem 5rem;}
  .organization-chart-con.chart2 .organization-chart .depth2{ margin-top: 5rem;}
  .organization-chart .depth2{padding-top: 40px;}
  .organization-chart .depth1-5{width: 100%;position: relative;}
  .organization-chart .half-organ-con{padding-left: 0;flex-direction: row;  justify-content: center;  align-items: center;gap: 50%;  left: 50%;  transform: translateX(-50%);margin-top: 0rem;}
  .organization-chart .half-organ-con span{top: -23px;top: 28px;padding-left: 0;}
  .organization-chart .half-organ-con:before{width: 80%;left: 50%;transform: translateX(-50%);top: 111%;}
  .organization-chart .half-organ-con:after{height: 0;}
  .organization-chart .half-organ-con span:before{width: 0;}
  .chart-01 .depth1 a:after{height: 200%; bottom: -200%;}
}
@media screen and (max-width : 725px) { 
}
@media screen and (max-width : 550px) { 
  .organization-chart-con .info-box span{font-size: 1.4rem;border-radius: 5rem;}
  .organ-menu-list li{font-size: 1.4rem;padding: 1.2rem;}
  .organization-chart .depth1 a{font-size: 1.4rem; width: 14rem;}
  .organization-chart .half-organ-con span a{font-size: 1.2rem;}
  .organization-chart .depth2 a{font-size: 1.4rem;}
  .organization-chart .depth3 a{font-size: 1.2rem;}
  .organization-chart-con .detail-txt{font-size: 1.4rem;}

  .organization-chart-con{padding: 5rem 2rem 3rem;}
  .organization-chart .half-organ-con{gap: 40%; }
  .organization-chart-con.chart2 .organization-chart .depth2{margin-top: 4.5rem;}
  .organization-chart .depth2{padding-top: 35px;}
  .chart-01 .depth2{padding-top: 47px;}
  .organization-chart-con.chart2 .organization-chart .depth2 a:before{ height: 85%; top: -90%;}
  .organization-chart .depth3::before{width: 78%; left: 11%;}
  .organization-chart .depth3 a:before{height: 5rem;top: -5rem;}
  .organization-chart .depth3{  padding-top: 5rem;}
}
@media screen and (max-width : 425px) { 
  .organization-chart-con .detail-txt{font-size: 1.2rem;}
  .organization-chart .half-organ-con{gap: 30%;}
  .organization-chart .half-organ-con:before{top: 129%;}
}
@media screen and (max-width : 380px) { 
  .organization-chart .half-organ-con span a{min-width: 11rem;}
  .organization-chart .half-organ-con{gap: 25%;}
}

/* 기구 */
.organization-list-con
{margin-left:5rem;}
.organization-list-con .list-con 
{padding-bottom:5rem; margin-bottom:5rem; border-bottom:1px solid #dfdfdf;}
.organization-list-con .list-con:last-child 
{margin:0; padding:0;}
.organization-list-con .list-con .tit-con
{text-align:center; margin-bottom:5rem;}
.organization-list-con .list-con .tit-con h4
{font-size:3.6rem; color:#000; font-weight:700;}
.organization-list-con .list-con .list
{display:flex; flex-wrap:wrap; }
.organization-list-con .list-con .list li
{width:calc(100% / 7); font-size:1.7rem; display:flex; flex-direction:column; margin:1%; text-align:center; }
.organization-list-con .list-con .list li b
{display:inline-block; background:#303e61; padding:1rem 2rem; color:#fff; font-weight:400; text-align:center; border-radius:5px 5px 0 0;;}
.organization-list-con .list-con .list li span
{display:inline-block; padding:1rem 0; text-align:center; background:#fff;}
.chart-detail
{margin-bottom:3rem;}
.chart-detail-con 
{border:1px solid #ddd; background:#f9f9f9; border-radius:15px;}
.chart-detail-con .box-tit
{text-align:center;}
.chart-detail-con .box-tit b
{min-width:20rem; display:inline-block; padding:1rem; background:var(--sub-color); padding:1rem 3rem; font-size:1.6rem; color:#fff; font-weight:400; border-radius: 0 0 10px 10px;}
.organ-detail-list 
{display:flex; flex-wrap:wrap; padding:5rem; margin:0 -1%;}
.organ-detail-list li 
{display:flex; flex-wrap: wrap; width:31.333%; margin:0 1% 3%; align-items:center; background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; box-shadow:3px 3px 13px #00000008}
.organ-detail-list .img-con 
{width:30%; }
.organ-detail-list .txt-con 
{width:70%; padding:2rem;}
#org1 .organ-detail-list .txt-con,#org2 .organ-detail-list .txt-con,#org3 .organ-detail-list .txt-con,
#org4 .organ-detail-list .txt-con,#org5 .organ-detail-list .txt-con,#org6 .organ-detail-list .txt-con
{margin-bottom: 2rem;}


.organ-detail-list .txt-con .tit h4
{font-size:2.6rem; color:#000; font-weight:700;}
.organ-detail-list .txt-con .txt
{margin-top:2rem;}
.organ-detail-list .txt-con .txt dl
{display:flex; flex-wrap:wrap;}
.organ-detail-list .txt-con .txt dt
{width:10rem; padding:0 1rem; font-size:1.6rem; color:#222; font-weight:600;}
.organ-detail-list .txt-con .txt dd
{ width:calc(100% - 10rem); font-size:1.6rem; color:#444;}

.organ-detail-list .txt-con:only-child 
{width:100%;}
.organ-detail-list .txt-con:only-child .tit
{text-align:center;}

/* 기구 반응형 */
@media screen and (max-width : 1280px) {
  .organ-detail-list li{width: 48%;}
  .organ-detail-list .img-con{width: 37%;}
  .organ-detail-list .txt-con{width: 63%;}
}
@media screen and (max-width : 1024px) {
  .organ-detail-list .txt-con .tit h4{font-size: 2.2rem;}
  .organ-detail-list .txt-con .txt dt{width: 8rem;}
  .organ-detail-list .txt-con .tit h4{font-size: 2rem;}
  .organ-detail-list .txt-con .txt dt{ padding: 0;}
  /* .organ-detail-list .txt-con .txt dt{width: 100%;}
  .organ-detail-list .txt-con .txt dd{width: 100%; padding-left: 2px;} */
}
@media screen and (max-width : 860px) {
  .organ-detail-list .txt-con .txt dl{display: flex ;flex-direction: column;}
  .organ-detail-list .txt-con .txt dt{width: 100%;}
  .organ-detail-list .txt-con .txt dd{width: 100%;}

  .organ-detail-list .txt-con{padding: 0 2rem;}
}
@media screen and (max-width : 768px) {
  .organ-detail-list .txt-con .tit h4{font-size: 1.8rem;}
  .organ-detail-list .txt-con .txt dt{font-size: 1.4rem;padding: 0;}
  .organ-detail-list .txt-con .txt dd{font-size: 1.4rem;padding-left: 0;}

  .organ-detail-list .txt-con .txt dl{display: flex ;flex-direction: row;}
  .organ-detail-list li{width: 100%;}
  .organization-chart .depth3 a{width: 22%;}
  .organ-detail-list .txt-con{padding: 2rem;}
  .organ-detail-list{padding: 2rem;}
  .organ-detail-list .img-con{width: auto}
  .organ-detail-list .txt-con{width: 65%;}
  .organ-detail-list .txt-con .txt dt{width: 25%;}
  .organ-detail-list .txt-con .txt dd{width: 60%;}
}
@media screen and (max-width : 550px) {
  .organ-detail-list .img-con{width: 35%}
  .organ-detail-list .txt-con .txt dt{width: 40%;}
}
@media screen and (max-width : 380px) {
  .organ-detail-list .txt-con .tit h4{font-size: 1.4rem;}
  .organ-detail-list .txt-con .txt dt{font-size: 1.2rem;}
  .organ-detail-list .txt-con .txt dd{font-size: 1.2rem;}

  .organ-detail-list .txt-con .txt dt{width: 45%;}
  .organ-detail-list .txt-con .txt dd{width: 55%;}
}

/* 오시는 길 */
.location-map-con .section_address {display:none;}
.location-detail-con
{margin-top:5rem;}
.location-detail-con .tit
{font-size:3rem; font-weight:300; color:#000}
.location-detail-con .detail-list 
{margin-top:2rem;}
.location-detail-con .detail-list ul
{display:flex;}
.location-detail-con .detail-list ul li
{font-size:1.9rem; color:#000; font-weight:300; margin-right:3rem;}
.location-detail-con .detail-list ul li b
{color:#000; font-weight:600; margin-right:1rem;}
.location-detail-con .detail-list ul li span{}

.traffic-con 
{margin-top:10rem; padding-top:10rem; border-top:1px solid #ddd; display:flex; flex-wrap:wrap;}
.traffic-con .left-con 
{width:20%;}
.traffic-con .left-con h4
{font-size:3rem; color:#000; font-weight:700;}
.traffic-con .left-con p
{font-size:2rem; margin-top:1rem; font-weight:500; color:#797979}
.traffic-con .right-con 
{width:80%;}
.traffic-con .right-con dl 
{display:flex; align-items:  baseline;; margin-bottom:1rem; background:#f4f4f4; padding:4rem; border:1px solid #ddd;;}
.traffic-con .right-con dl dt 
{font-size:2rem; color:#000; min-width:12rem; text-align:center;}
.traffic-con .right-con dl dd span 
{display:inline-block; background:#50a332; font-size:1.7rem; color:#fff; font-weight:400; padding:0.5rem 2rem; border-radius:5px; margin-right:1rem;  font-family:'Pretendard';}
.traffic-con .right-con dl dd span.blue
{background:#3556a7}

/* 오시는 길 반응형 */
@media screen and (max-width : 1280px) { 
  .location-detail-con .tit{font-size: 2.8rem;}
  .traffic-con .left-con h4{font-size: 2.8rem;}
  .traffic-con .right-con dl dd span{margin-bottom: 1rem;}
  .traffic-con .right-con dl dd span.blue{margin-bottom: 0;}
}
@media screen and (max-width : 1024px) { 
  .location-detail-con .detail-list ul li{font-size: 1.7rem;}

  .traffic-con .right-con dl{padding: 3rem;}
  .traffic-con .left-con{width: 25%;}
  .traffic-con .right-con{width: 75%;}
}
@media screen and (max-width : 860px) { 
  .location-detail-con .tit{font-size: 2.2rem;}
  .location-detail-con .detail-list ul li{font-size: 1.6rem;}
  .traffic-con .left-con h4{font-size: 2.2rem;  text-align: center;}
  .traffic-con .left-con p{font-size: 1.6rem;margin-bottom: 2rem;   text-align: center;}
  .traffic-con .right-con dl dt{font-size: 1.6rem;}
  .traffic-con .right-con dl dd span{font-size: 1.5rem;}

  .root_daum_roughmap .wrap_map{height: 300px !important;}
  .location-detail-con{margin-top: 3rem;}
  .location-detail-con .detail-list{margin-top: 1rem;}
  .traffic-con{margin-top: 7rem; padding-top: 7rem;flex-direction: column;}
  .traffic-con .left-con,.traffic-con .right-con{width: 100%;}
  .traffic-con .right-con dl{padding: 2rem;}
}
@media screen and (max-width : 550px) { 
  .location-detail-con .tit{font-size: 1.8rem;}
  .location-detail-con .detail-list ul li{font-size: 1.4rem;margin-right: 0;}
  .traffic-con .left-con h4{font-size: 1.8rem;}
  .traffic-con .left-con p{  margin-top: 0.5rem; font-size: 1.4rem;}
  .traffic-con .right-con dl dt{font-size: 1.4rem;  min-width: 8rem;}
  .traffic-con .right-con dl dd span{font-size: 1.4rem;padding: 0.3rem 1.5rem;}

  .location-detail-con .detail-list ul{flex-direction: column;}
  .traffic-con{margin-top: 5rem; padding-top: 5rem;}
}
@media screen and (max-width : 380px) {
  .location-detail-con .tit{font-size: 1.4rem;}
  .location-detail-con .detail-list ul li{font-size: 1.2rem;}
  .traffic-con .left-con h4{font-size: 1.4rem;}
  .traffic-con .left-con p{font-size: 1.2rem;}
  .traffic-con .right-con dl dt{font-size: 1.2rem;}
  .traffic-con .right-con dl dd span{font-size: 1.2rem;margin-right: 0.5rem;margin-bottom: 0.5rem;}

  .traffic-con .right-con dl{padding: 1rem;}
}

/* 종목 소개 */
.asso-list-con
{background:#f3f8ff; padding:5rem 0; }
.asso-menu-list .menu 
{display:flex; flex-wrap:wrap; border-radius:10px; }
.asso-menu-list .menu .menu-item 
{width:16rem; border:1px solid #ddd; border-radius:50px; margin:0 0.5rem 1rem; background:#fff;}
.asso-menu-list .menu .menu-item a
{display:inline-block; padding:1.5rem 2rem; font-size:1.5rem; font-weight:500; color:#222; text-align:center; width:100%;}
.asso-menu-list .menu .menu-item.current-menu-item 
{background:var(--main-color); }
.asso-menu-list .menu .menu-item.current-menu-item a 
{color:#fff;}
.asso-notice-txt 
{position:relative; text-align:center; margin-top:3rem;;}
.asso-notice-txt p
{font-size:1.6rem; color:#222; font-weight:500;}

.sports-info-box-top 
{display:flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:4rem;}
.sports-info-box-top .tit h4
{font-size:4rem; color:#000; font-weight:600; padding-left:3rem; position:relative;}
.sports-info-box-top .tit h4:before 
{content:''; position:absolute; width:2rem; height:2rem; border:5px solid var(--main-color); border-radius:50%; left:0; top:16px;;}
 .sports-info-box-top .assoc-info 
{display:flex; flex-wrap:wrap; align-items:center;}
.sports-info-box-top .assoc-info dl
{display:flex; align-items:center; margin-left:3rem;}
.sports-info-box-top .assoc-info dt 
{font-size:1.8rem; color:#000; font-weight:500; margin-right:1rem;}
.sports-info-box-top .assoc-info dd
{font-size:1.7rem; background:var(--sub-color); border:2px solid var(--sub-color); padding:0.5rem 1rem; border-radius:50px; min-width:8rem; text-align:center; color:#fff; font-weight:500;} 
.sports-info-box 
{background:#f4f4f4; padding:5rem; display:flex; flex-wrap:wrap;flex-direction: row;justify-content: space-around;}
.sports-info-box .sports-img-con 
{overflow:hidden; border-radius:25px;}
.sports-info-box .sports-img-con img
{vertical-align: middle; height: 100%;}
.sports-info-box .sports-assoc-detail-con 
{width: 100%;}
.sports-info-box .sports-assoc-detail-con .assoc-detail 
{display:flex; flex-wrap:wrap; border-radius:25px; border:1px solid #ddd; overflow:hidden;}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl 
{display:flex; flex-wrap:wrap; width:50%; align-items:center; flex-grow:1; background:#fff;}
.sports-info-box .sports-assoc-detail-con .assoc-detail-border dl
{ border-bottom:none}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl:nth-child(3)
{border:none; width:100%;}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl dt
{width:15rem; text-align:center; font-size:2rem; font-weight:500; color:#000; background:#fff7e6;display: flex;height: 100%;flex-direction: column;flex-wrap: nowrap;justify-content: center;}
.sports-info-box .sports-assoc-detail-con .assoc-detail dl dd
{font-size:1.9rem; color:#222; font-weight:300; padding:3rem 4rem; width:calc(100% - 15rem);}
.sports-assoc-txt-con 
{margin-top:3rem; padding:5rem;}
.sports-assoc-txt-con p
{font-family:'Pretendard'; font-size:2.1rem; color:#484848; line-height:1.8; margin-bottom:2rem;}
.sports-info-box
{display: flex;justify-content: space-between;}
.sports-info-box-txt 
{display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;width:51.6%;}
.sports-info-box .assoc-info-title 
{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-end;border-bottom: 1px solid #ddd;width: 100%;margin-bottom: 2rem;padding: 0 0 1rem 1rem;justify-content: space-between;}
.sports-info-box .assoc-info-title h2
{font-size: 3.5rem;font-weight: 500;color: #000;margin-right: 5rem;}
.sports-info-box .assoc-info-title h2 i
{color: var(--main-color);margin-right: 1rem;}
.sports-info-box .assoc-info-title ul
{display: inline-block;vertical-align: middle;}
.sports-info-box .assoc-info-title ul:first-child{margin-right: 1.5rem;}
.sports-info-box .assoc-info-title ul li
{display: inline-block;vertical-align: middle;color: var(--sub-color);font-size: 1.8rem;font-weight: 500;margin-right: 1rem;}
.sports-info-box .assoc-info-title ul li:last-child{margin-right: 0;}
.sports-info-box .assoc-info-title ul li strong{color: #fff;padding: .5rem 2rem; background-color: var(--sub-color);border-radius: 3rem;font-size: 1.7rem;display: inline-block;vertical-align: middle;font-weight: 500;}

/* 종목 소개 반응형 */
@media screen and (max-width : 1580px) { 
  .asso-menu-list .menu{justify-content: center;}
  .asso-menu-list .menu .menu-item{width: 13%;}
}
@media screen and (max-width : 1540px) { 
  .sports-info-box-top .tit h4{font-size: 3.5rem;}

  .sports-info-box{gap: 2rem;    padding: 4rem;}
  .sports-info-box-txt{width: 50%;}
  .sports-info-box .sports-img-con{width: 48%;}
}
@media screen and (max-width : 1440px) { 
  .asso-menu-list .menu .menu-item{width: 18%;}
}
@media screen and (max-width : 1280px) { 
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dd{padding: 2rem;font-size: 1.8rem;}

  .sports-info-box-txt{width: 48%;}
  .sports-info-box .sports-img-con{width: 50%;}
  .executive-list .item .txt-con .name{flex-direction: column;}
  .executive-list .item .txt-con .name strong{margin-bottom: 1rem;}
  .sports-info-box{padding: 3rem 2rem;}
  .executive-list .item{padding: 1.5rem;}
}
@media screen and (max-width : 1080px) { 
  .sports-info-box-top .tit h4{font-size: 3rem;}
  .sports-info-box .assoc-info-title h2{font-size: 3rem;margin-right: 0rem;}

  .sports-info-box-top .tit h4:before{top: 9px;}
  .sports-info-box{padding: 4rem;}
  .sports-info-box .sports-img-con{width: 100%;}
  .sports-info-box-txt{width: 100%;}
  .sports-info-box .sports-img-con img{width: 100%;}
  .asso-menu-list .menu .menu-item{width: 23%;}
  .sports-info-box .assoc-info-title{padding: 0; padding-bottom: 2rem;}
}
@media screen and (max-width : 860px) { 
  .sports-info-box-top .tit h4{font-size: 2.5rem;}
  .sports-info-box .assoc-info-title h2{font-size: 2.5rem;}
  .sports-info-box .assoc-info-title ul li strong{font-size: 1.6rem;}
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dt{font-size: 1.8rem;}
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dd{font-size: 1.7rem;}
  .sports-assoc-txt-con p{font-size: 1.8rem;}

  .sports-info-box-top .tit h4:before{top: 5px;}
  .sports-info-box-top{margin-bottom: 2rem;}
  .sports-info-box{padding: 2rem;}
  .sports-assoc-txt-con{margin-top: 5rem; padding: 2rem;}
}
@media screen and (max-width : 550px) { 
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dt{font-size: 1.4rem; width: 25%;;}
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dd{font-size: 1.4rem;padding: 1rem;width: 75%;}
  .sports-info-box-top .tit h4{font-size: 2.2rem;}
  .sports-info-box .assoc-info-title h2{font-size: 2.2rem;}
  .sports-info-box .assoc-info-title ul li{font-size: 1.6rem;}
  .sports-info-box .assoc-info-title ul li strong{font-size: 1.4rem;padding: .3rem 1.5rem;}

  .sports-info-box .assoc-info-title{flex-direction: column;gap: 1rem;align-items: flex-start;}
  .asso-menu-list .menu .menu-item{width: 45%;}
  .asso-notice-txt p{padding: 0px 20px;}
  .sports-info-box-top .tit h4:before{top: 4px;}
}
@media screen and (max-width : 380px) { 
  .asso-notice-txt p{padding: 0px 12px;}
}

/* 임원현황 */
.assoc-executive-con 
{padding:5rem; background:#f4f4f4;}
.executive-list 
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.executive-list .item 
{ margin:0 1% 2%; display: flex;align-items: center; background:#fff; padding:2rem;border-radius: 2rem;flex-direction: row; border:1px solid #ddd;width: 48%;justify-content: space-around;}
.executive-list .item.item-alone { margin:0 0% 0% 2%  }
.executive-list .item .img-con 
{ /*width:15rem;*/ text-align:center;}
.executive-list .item .txt-con 
{ padding:1.5rem;}
.executive-list .item .txt-con .name 
{font-size:2rem; color:#000; font-weight:500;display: flex ; align-items: center;}
.executive-list .item .txt-con .name strong
{background-color: #fff3db;padding: .5rem 1.2rem;border-radius: 3rem;font-size: 1.6rem;font-weight: 400;    margin-right: 1rem;}
.executive-list .item .txt-con .info
{margin-top:2rem;}
.executive-list .item .txt-con .info dl
{display:flex; margin:1rem 0;}
.executive-list .item .txt-con .info dl dt
{position:relative; font-size:1.6rem; color:#222; font-weight:500; min-width:7rem;}
.executive-list .item .txt-con .info dl dt:before 
{content:''; position:absolute; width:2px; height:70%; background:#ddd; top:15%; right:0;}
.executive-list .item .txt-con .info dl dd
{font-size:1.6rem; color:#4e4e4e; min-width:calc(100% - 7rem); padding-left:1rem;}

/* 임원현황 반응형 */
@media screen and (max-width : 1280px) { 
  .executive-list .item .img-con img{max-width: 12rem;}
}
@media screen and (max-width : 1080px) { 
  .executive-list .item{justify-content: flex-start;}
  .executive-list .item .img-con img{max-width: 13rem ;}
}
@media screen and (max-width : 550px) { 
  .executive-list .item .img-con img{max-width: 12rem ;font-size: 1.4rem;}
  .executive-list .item .txt-con .name{font-size: 1.6rem;}
  .sports-assoc-txt-con p{font-size: 1.6rem;}

  .executive-list .item .txt-con .name strong{margin-right: 0rem;}
  .executive-list .item{flex-direction: column;padding: 1rem;}
  .sports-info-box .assoc-info-title{padding-bottom: 1rem;margin-bottom: 1rem;}
  .executive-list .item .txt-con{padding: 0rem; padding-top: 1rem;}
  .sports-assoc-txt-con{padding: 0 1rem;}
}
@media screen and (max-width :380px) { 
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dt{font-size: 1.4rem;}
  .sports-info-box .sports-assoc-detail-con .assoc-detail dl dd{font-size: 1.4rem;}
  .sports-assoc-txt-con p{font-size: 1.4rem;}

  .executive-list .item .img-con img{max-width: 11rem;}
}

/* 사진 갤러리 */
.sports-assoc-sub-con .assoc-sub-tit 
{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:5rem;}
.sports-assoc-sub-con .assoc-sub-tit h2
{font-size:4rem; font-weight:700; color:#000;}
.sports-assoc-gallery-con .assoc-sub-tit h2
{color:#fff;}
.sports-assoc-gallery-con .assoc-gallery-controls 
{display:flex; flex-wrap:wrap;}
.sports-assoc-gallery-con .assoc-gallery-controls a 
{width:6rem; height:6rem; background:#fff; margin-left:1rem; font-weight:400; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.3s ease;}
.sports-assoc-gallery-con .assoc-gallery-controls a i
{font-size:3rem; color:#454545; }
.sports-assoc-gallery-con .assoc-gallery-controls a.play-btn 
{display:none;}
.sports-assoc-gallery-con .assoc-gallery-controls a:hover 
{background:var(--sub-color);}
.sports-assoc-gallery-con .assoc-gallery-controls a:hover i
{color:#fff;}
.sports-assoc-gallery-con #gallery-style02-list .kboard-list-item .kboard-list-title
{padding:2rem;}

/* 사진 갤러리 반응형 */
@media screen and (max-width : 1080px) { 
  .sports-assoc-sub-con .assoc-sub-tit h2{font-size: 3rem;}

  .sports-assoc-gallery-con .assoc-gallery-controls a{width: 5rem; height: 5rem;}
}
@media screen and (max-width : 860px) { 
  .sports-assoc-sub-con .assoc-sub-tit h2{font-size: 2.5rem;}

  .sports-assoc-gallery-con .assoc-gallery-controls a{width: 4rem; height: 4rem;}
  .sports-assoc-sub-con .assoc-sub-tit{margin-bottom: 2rem;}
}
@media screen and (max-width : 550px) { 
  .sports-assoc-sub-con .assoc-sub-tit h2{font-size: 2.2rem;}
  .sports-assoc-gallery-con .assoc-gallery-controls a i{font-size: 2rem;}
  #assoc-gallery-list.cm-gallery-latest .assoc-gallery-list .kboard-list-title .tit{font-size: 1.8rem;}

  /* .sports-assoc-gallery-con .assoc-gallery-controls a{width: 3rem; height: 3rem;} */

}

/* 설립목적 및 구성 */
.purpose-con 
{max-width:1200px; margin:0 auto; position:relative;}
.purpose-con .purpose-wrap 
{display:flex; flex-wrap:wrap;}
.purpose-con .purpose-item 
{width:calc(calc(100% / 2) - 4rem); background:#b4d3ff; position:relative; margin:2rem; border-radius:25px;}

.purpose-con .purpose-item .num
{position:absolute; width:6rem; height:6rem; background:var(--main-color); border-radius:10px; left:1rem; top:1rem; display:flex; justify-content:center; align-items:center;}
.purpose-con .purpose-item .num b
{margin:1rem 2rem; font-family:'Pretendard'; font-size:2rem; color:#fff; font-weight:500;}
.purpose-con .purpose-item .des-con 
{text-align:center; padding:7rem; }
.purpose-con .purpose-item .des-con .icon i 
{width:10rem; height:10rem; display:inline-block; background-repeat:no-repeat; background-position:center; }
.purpose-con .purpose-item .des-con .txt p 
{font-size:2rem; color:#000; font-weight:500;}
.purpose-con .purpose-item:nth-child(2)
{background:#d3e2ff;}
.purpose-con .purpose-item:nth-child(3)
{background:#aadffb}
.purpose-con .purpose-item:nth-child(4)
{background:#e1e0ff}
.purpose-con .purpose-item:nth-child(2) .num
{right:1rem; left:auto}
.purpose-con .purpose-item:nth-child(3) .num
{top:auto; bottom:0;}
.purpose-con .purpose-item:nth-child(4) .num 
{right:1rem; left:auto; top:auto; bottom:1rem;}

.purpose-circle
{position:absolute; width:25rem; height:25rem; top:50%; left:0; background:#ffffff36; border-radius:50%; left:calc(50% - 12.5rem); top:calc(50% - 12.5rem); padding:2rem;}
.purpose-circle .circle-inner 
{background:#fff; width:100%; height:100%; border-radius:50%; position:relative; display:flex ;flex-direction:column; justify-content:center; align-items:center;}
.purpose-circle .circle-inner:before
{content:''; position:absolute; width:115%; height:115%; border:2px dashed #fff; left:-7.5%; top:-7.5%; border-radius:50%;}
.purpose-circle .circle-inner h5
{font-size:1.6rem; color:var(--sub-color); font-weight:500;}
.purpose-circle .circle-inner h4
{font-size:2.4rem; color:#000; font-weight:700;}

/* 설립목적 및 구성 반응형 */
@media screen and (max-width : 860px) {
  .purpose-con .purpose-item .des-con .txt p{font-size: 1.6rem;}
  
  .purpose-con .purpose-item .des-con{padding: 6rem 2rem;}

}
@media screen and (max-width : 550px) {
  .purpose-circle .circle-inner h4{font-size: 2.2rem;}
  .purpose-con .purpose-item .des-con .txt p{font-size: 1.4rem;}
  
  .purpose-con .purpose-item .des-con{padding: 4rem 2rem;}
  .purpose-con .purpose-item .num{width: 4rem;  height: 4rem;}
  .purpose-circle{width: 18rem;  height: 18rem;left: calc(50% - 9.5rem); top: calc(50% - 10.5rem);}
}
@media screen and (max-width : 425px) {
  .purpose-con .purpose-wrap{flex-direction: column;}
  .purpose-con .purpose-item{width: 100%;margin: 1rem 0;}
  .purpose-con .purpose-item .des-con{padding: 4rem 1rem;}
  .purpose-con .purpose-item .des-con .icon i{margin-bottom: 1rem;}
  .purpose-circle{display: none;}
  .purpose-con .purpose-item:nth-child(2) .num
  { left:1rem; top:1rem;}
  .purpose-con .purpose-item:nth-child(3) .num
  { left:1rem; top:1rem;}
  .purpose-con .purpose-item:nth-child(4) .num 
  { left:1rem; top:1rem;}
}
@media screen and (max-width : 380px) {
  .purpose-con .purpose-item .des-con{padding: 4rem 7rem;}
}

/* 연혁 */
.history-top-con h2 
{font-size:4rem; color:#000; font-weight:600;}
.history-tab-menu-con 
{margin:3rem 0 10rem; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.history-tab-menu-con ul 
{display:flex; justify-content: center;}
.history-tab-menu-con ul li
{width:100%; text-align:center; border-right:1px solid #ddd; padding:2.5rem 1rem; font-size:1.8rem; cursor:pointer; flex-grow:1;}
.history-tab-menu-con ul li:last-child 
{border:none;}
.history-tab-menu-con ul li:hover
{background:#f4f4f4;}
.history-tab-menu-con ul li.active
{background:var(--sub-color); color:#fff; font-weight:500;}

#cm_history_style_01 
{ margin:50px auto 0}
#cm_history_style_01 .history-wrap-con 
{display:flex; flex-wrap:wrap;}
#cm_history_style_01 .history-wrap-con .history-years-dep 
{width:30%;}
#cm_history_style_01 .history-wrap-con .history-years-dep h2
{font-family:'Poppins'; font-size:4.8rem; font-weight:700; color:#000;}
#cm_history_style_01 .history-row-con
{width:70%; margin-top:2rem;}
#cm_history_style_01 .history-row 
{display:flex}
#cm_history_style_01 .history-row .history-year
{width:25%;}
#cm_history_style_01 .history-row .history-year strong 
{font-size:36px; font-weight:700; color:#1b1b1b; line-height:1.3; margin-top:-10px; display:inline-block; font-family:'Poppins'}
#cm_history_style_01 .history-row .history-detail 
{width:75%; position:relative; padding-bottom:90px;}
#cm_history_style_01 .history-row .history-detail:before 
{content:''; position:absolute; width:1px; height:100%; background:#ddd; left:0; top:6px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row 
{display:flex; padding-left:8%; position:relative; line-height:1.3; margin-bottom:10px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row:before 
{content:''; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--main-color); left:-5px; top:7px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row:after 
{background:var(--main-color); opacity:0.4; width:25px; height:25px; border-radius:50%; position:absolute; content:''; left:-12px; top:0px;}
#cm_history_style_01 .history-row .history-detail .history-month
{position:absolute; line-height:1.3; top:-3px;}
#cm_history_style_01 .history-row .history-detail .history-month span 
{font-size:21px; font-weight:700; color:#c5c5c5; font-family:'poppins'; line-height:1.3;}
#cm_history_style_01 .history-row .history-detail .history-txt
{margin-left:10%; width:100%; line-height:1.3;}
#cm_history_style_01 .history-row .history-detail .history-txt p 
{font-size:18px; font-weight:400; color:#4c4c4c; line-height:1.3; margin-bottom:15px; display:flex; align-items:center; position:relative; }
#cm_history_style_01 .history-row .history-detail .history-txt p b
{font-family:'Pretendard'; font-size:19px; font-weight: 600; line-height:1.3;  position:absolute; left:0; color:#bbb;}

/* 연혁 반응형*/
@media screen and (max-width : 1024px) {
  #cm_history_style_01 .history-wrap-con .history-years-dep h2{font-size: 4rem;}
  
  .history-tab-menu-con ul li{padding: 2rem 1rem;}
}
@media screen and (max-width : 860px) {
  #cm_history_style_01 .history-wrap-con .history-years-dep h2{font-size: 3rem;}
  .history-tab-menu-con ul li{padding: 1.5rem 1rem; font-size: 1.6rem;}
  #cm_history_style_01 .history-row .history-year strong{font-size: 22px;margin-top: 0px;}
  #cm_history_style_01 .history-row .history-detail .history-month span{font-size: 19px;}
      
  #cm_history_style_01 .history-row .history-detail .history-txt p{font-size: 16px;margin-top: 1px;}
  #cm_history_style_01 .history-row .history-detail .history-month{top: 0px;}

  #cm_history_style_01{margin: 0 10px;}
  .history-tab-menu-con{margin: 3rem 0 7rem;}
  #cm_history_style_01 .history-wrap-con .history-years-dep{width: 25%;}
  #cm_history_style_01 .history-row-con{width: 75%;}
}
@media screen and (max-width : 550px) {
  .history-tab-menu-con ul li{font-size: 1.4rem;}
  #cm_history_style_01 .history-wrap-con .history-years-dep h2{font-size: 2.2rem;}
  #cm_history_style_01 .history-row .history-year strong{font-size: 18px;}
  #cm_history_style_01 .history-row .history-detail .history-month span{font-size: 17px;}
  #cm_history_style_01 .history-row .history-detail .history-txt p{font-size: 14px;margin-top: 4px;margin-left: 6px;}

  #cm_history_style_01 .history-wrap-con{flex-direction: column;}
  #cm_history_style_01 .history-wrap-con .history-years-dep{width: 100%;}
  #cm_history_style_01 .history-row-con{width: 100%;padding-left: 2rem;}
  #cm_history_style_01 .history-row .history-detail{padding-bottom: 35px;}
  #cm_history_style_01 .history-row .history-detail .history-month{top: 2px;}
  #cm_history_style_01 .history-row .history-detail .history-detail-row:before{left: -4.5px;}
}

/* 검색페이지 */

/* 검색 페이지 커스텀 */
#site-header
{display:none;}
.search-result-page
{margin:5rem 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%; padding:0;}
.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'; 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:'GmarketSans'; font-size:2.4rem; color:#333; font-weight:600; text-align:center; margin-top:2rem;}
.top-search-con .search-word h2 span
{font-family:'Gmarketsans'; 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
{width:calc(100% - 22rem);}
.result-list .info-con .tit
{font-size:2.5rem; font-family:'GmarketSans'; 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;}
.result-list.description-list .info-con 
{width:100%;}

.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-color2); border-radius:10px; color:#fff;}



/* 방문자 통계 */
.visit-table-con 
{margin:5rem 0;}

.visit-table-con table 
{table-layout:fixed;}
.visit-table-con table tr th 
{background:#f4f4f4; font-size:1.6rem; color:#222;}
.visit-table-con table tr td
{font-size:1.6rem; color:#222;}