@charset "utf-8";

/***greet***/
.greet_title {background: linear-gradient(135deg, #009452 1%, #136cd2 50%, #0060b0 100%);position: relative;padding: 66px;width:100%;float:left;margin:50px 0 40px 0;}
.greet_img {display: inline-block;position: absolute;right: 10px;top: -105px;}
.greet_title h2 {color: #fff;font-size: 45px;font-weight: 900;margin-bottom: 20px;}
.greet_title p {color: #fff;font-size: 25px;padding-right: 490px;}
.greet_con {clear:both;width:100%;float:left;}
.greet_con p {font-size: 18px;}
@media (max-width: 1300px) {

.greet_title p br {display:none;}
.greet_title p {word-break:keep-all;}
}
@media (max-width: 1000px) {
.greet_img {display: inline-block;position: absolute;right: 10px;bottom: 0;top:auto;width: 386px;}
.greet_title h2 {color: #fff;font-size: 34px;padding-right: 400px;word-break:keep-all;}
.greet_title p {color: #fff;font-size: 20px;padding-right: 400px;}
}

@media (max-width: 890px) {
.greet_img {bottom: -26px;width: 270px;}
.greet_title h2 {color: #fff;font-size: 34px;padding-right: 100px;word-break:keep-all;}
.greet_title p {color: #fff;font-size: 20px;padding-right:300px;}
}
@media (max-width: 890px) {
.greet_title {padding: 34px;margin: 0 0 40px 0;border-radius: 20px 0;}
.greet_title h2 {font-size: 27px;padding-right: 0;}
.greet_title p {color: #fff;font-size: 16px;padding-right: 286px;}
.greet_con p {font-size: 16px;}
}

@media (max-width: 600px) {
.greet_img {display: inline-block;position: relative;right: auto;bottom: auto;top: auto;width: 245px;float: right;margin-bottom: -71px;}
.greet_title p {padding-right: 0;}
.greet_title h2 {font-size: 25px;}

	}
/***history***/
/* 타임라인 레이아웃 */
.history-wrapper {margin: 0 auto;position: relative;}
/* 중앙 선 */
.history-wrapper::before {content: '';position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;background: #ddd;transform: translateX(-50%);}
/* 시대 구분 제목 */
.era-block {position: relative;margin-bottom: 100px;clear: both;}
.era-title {position: relative;text-align: center;margin-bottom: 60px;z-index: 2;}
.era-title span {background: #0055a5;color: #fff;padding: 12px 40px;border-radius: 50px;font-size: 24px;font-weight: 700;box-shadow: 0 5px 15px rgba(0, 85, 165, 0.3);display: inline-block;}
/* 연혁 개별 아이템 */
.history-item {position: relative;width: 50%;padding: 20px 50px;margin-bottom: 20px;clear: both;}
.history-item.left {float: left;text-align: right;}
.history-item.right {float: right;text-align: left;}
/* 타임라인 포인트 */
.history-item::after {content: '';position: absolute;top: 30px;width: 14px;height: 14px;background: #fff;border: 3px solid #0055a5;border-radius: 50%;z-index: 3;}
.history-item.left::after {right: -7px;}
.history-item.right::after {left: -7px;}
/* 연도 라벨 */
.year-text {font-size: 32px;font-weight: 800;color: #0055a5;margin-bottom: 12px;display: block;}
/* 상세 내용 리스트 */
.details-list {list-style: none;}
.details-list li {font-size: 18px;color: #444;margin-bottom: 10px;word-break: keep-all;}
.details-list li b {color: #111;margin-right: 6px;}

/* 가로 배치형 리스트 (종목 가맹 등) */
.tag-list {display: inline-block;font-size: 16px;color: #666;margin-top: 5px;}

/* 반응형 스타일 */
@media (max-width: 900px) {
.history-wrapper::before {left: 30px;}
.history-item {width: 100%;float: none;text-align: left !important;padding-left: 60px;padding-right: 0;}
.history-item::after {left: 23px !important;}
.era-title {text-align: left;padding-left: 10px;}
}
@media (max-width:680px) {
.era-title span {    font-size: 17px;}
.year-text {font-size: 25px;margin-bottom: 10px;}
.details-list li {font-size: 15px;margin-bottom: 5px;}
}
.clearfix::after {content: "";display: table;clear: both;}



/**업무분장**/

.business-table-wrap {background: #fff;border-radius: 15px;overflow: hidden;border: 1px solid #eee;}
.business-table-wrap table {width: 100%;border-collapse: collapse;table-layout: fixed;}
.business-table-wrap table th, .business-table-wrap table td {padding: 25px;border-bottom: 1px solid #eee;vertical-align: middle;}
.business-table-wrap table thead th {background-color: #f8f9fa;color: #111;font-weight: 700;font-size: 20px;text-align: center;border-bottom: 2px solid #0055a5;}
.col-pos { width: 240px; text-align: center; font-weight: 700; font-size: 18px; }
.col-task { padding-left: 40px; }





/* 담당자별 색상 구분 (이미지의 색상 반영) */
.row-sec { background-color: #ffffff; } /* 사무국장 */
.row-mgr { background-color: #fffdec; } /* 부장 - 노란색 계열 */
.row-asst { background-color: #fff4ea; } /* 대리 - 주황색 계열 */
.row-staff1 { background-color: #eff6ff; } /* 주임1 - 파란색 계열 */
.row-staff2 { background-color: #fdf2ff; } /* 주임2 - 보라색 계열 */
.row-intp { background-color: #f0fff4; } /* 수어통역사 - 초록색 계열 */

.pos-label {
display: inline-block;
padding: 6px 15px;
border-radius: 4px;
font-size: 16px;
}

/* 업무 리스트 스타일 */
.task-list {
list-style: none;
}

.task-group {
margin-bottom: 20px;
}

.task-group:last-child { margin-bottom: 0; }

.group-title {
display: inline-block;
font-weight: 700;
font-size: 18px;
color: #0055a5;
margin-bottom: 10px;
border-bottom: 1px solid #0055a5;
}

.task-list li {
position: relative;
padding-left: 20px;
margin-bottom: 8px;
font-size: 17px;
color: #444;
}

.task-list li::before {
content: '○';
position: absolute;
left: 0;
color: #888;
font-weight: bold;
}

/* 하단 업데이트 정보 */
.update-info {
text-align: right;
margin-top: 20px;
color: #888;
font-size: 15px;
}

/* 반응형 */
@media (max-width: 768px) {
.col-pos { width: 120px; font-size: 16px; padding: 15px 10px; }
.col-task { padding-left: 15px; }
.group-title { font-size: 16px; }
.task-list li { font-size: 15px; }
}
@media (max-width: 710px) {
.business-table-wrap table thead th {font-size: 17px;}
.business-table-wrap table th, .business-table-wrap table td {padding: 10px;}
.business-table-wrap {border-radius: 10px;}
}

/**************조직도*****************/
.memship > .wrap > section {clear: both;width: 100%;border: #e0e0e0 1px solid;padding: 40px;border-radius: 20px;margin-top:40px;}
.memship > .wrap > section:first-child {margin-top:0;}
.memship-title {position: relative;font-size: 1.5rem;font-weight: 700;margin-bottom:30px;/* padding-left: 25px; *//* display: flex; */align-items: center;border-bottom: #ddd 1px solid;overflow: hidden;padding: 0 0 10px 0;}

.member-grid {display: grid;gap: 40px;}
.profile-card {display: flex;flex-direction: column;align-items: flex-start;}
.profile-image {width: 200px;height: 260px;background-color: #f3f4f6;border: 1px solid #e5e7eb;margin-bottom: 15px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.profile-image img {width: 100%;height: 100%;object-fit: cover;}
.name {font-size: 1.15rem;font-weight: 700;margin-bottom: 4px;color: #111;}
.info {font-size: 0.9rem;color: #666;line-height: 1.4;}

/* Grid Variations */
.grid-1 { grid-template-columns: repeat(1, 1fr); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(5, 1fr); }


@media (max-width: 1300px) {
.grid-4 {grid-template-columns: repeat(4, 1fr);}

}
@media (max-width: 1090px) {
.grid-4 {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:830px) {
.grid-4 {grid-template-columns: repeat(2, 1fr);}
.grid-1 {grid-template-columns: repeat(2, 1fr);}
.profile-image {width: 100%;height: auto;aspect ratio:33 / 43;}
.memship > .wrap > section {padding: 25px;border-radius: 10px;}
.memship-title {font-size: 1.2rem;}
.member-grid {gap: 20px;}
}
/****************ci**********************/

.header-logo-section {border-bottom: 2px solid #f3f4f6;padding-bottom: 40px;margin-bottom: 60px;}
.logo-title {display: flex;align-items: center;gap: 20px;}
.logo-text-group h1 {font-size: 2.2rem;font-weight: 800;color: #111;letter-spacing: -0.05em;line-height: 1.2;}
.logo-text-group p {font-size: 1.2rem;color: #666;font-weight: 500;}
.symbol-container {display: flex;flex-direction: column;gap: 80px;align-items: center;margin-bottom: 100px;}
.symbol-item {display: flex;align-items: center;justify-content: center;gap: 60px;width: 100%;max-width: 800px;}
.symbol-visual {width: 280px;height: 280px;display: flex;align-items: center;justify-content: center;}
.symbol-label {position: relative;padding-left: 40px;font-size: 1.8rem;font-weight: 700;color: #222;display: flex;align-items: center;}

/* 괄호 디자인 */
.symbol-label::before {content: '';position: absolute;left: 0;top: -20px;bottom: -20px;width: 15px;border-top: 2px solid #ccc;border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;}
.brand-concept-section {margin-top: 80px;}
.concept-title {display: flex;align-items: center;gap: 12px;font-size: 1.4rem;font-weight: 700;color: #003399; /* 메인 블루 컬러 */margin-bottom: 25px;}
.concept-title::before {content: '';width: 10px;height: 10px;background-color: #003399;border-radius: 50%;}
.concept-text {font-size: 1.15rem;color: #444;word-break: keep-all;padding-left: 22px;max-width: 1100px;}

/* Responsive adjustments */
@media (max-width: 1480px) {
.container-custom { width: 100%; padding: 40px 20px; }
.symbol-item { flex-direction: column; text-align: center; gap: 30px; }
.symbol-label::before { display: none; }
.symbol-label { padding-left: 0; }
}


/****************location*********************/

.map-container {width: 100%;height: 450px;background-color: #e5e3df;border: 1px solid #ddd;border-radius: 12px;position: relative;overflow: hidden;margin-bottom: 40px;display: flex;align-items: center;justify-content: center;}
.map-placeholder {text-align: center;color: #666;}

/* 실제 맵 핀 이미지 대용 */
.map-pin {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -100%);width: 40px;height: 40px;background: #d32f2f;border-radius: 50% 50% 50% 0;transform: rotate(-45deg) translate(0, -20px);display: flex;align-items: center;justify-content: center;box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.map-pin::after {content: '';width: 15px;height: 15px;background: #fff;border-radius: 50%;transform: rotate(45deg);}
.map-info-window {position: absolute;top: 35%;left: 50%;transform: translateX(-50%);background: #fff;padding: 10px 15px;border-radius: 8px;box-shadow: 0 4px 10px rgba(0,0,0,0.15);font-weight: 700;font-size: 14px;border: 1px solid #ddd;z-index: 10;}

/* 정보 섹션 */
.info-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;margin-top: 20px;}
.info-item {background: #f9f9f9;padding: 30px;border-radius: 15px;border: 1px solid #eee;}
.info-item h3 {font-size: 20px;font-weight: 700;margin-bottom: 20px;display: flex;align-items: center;color: #2e7d32;}
.info-item h3 svg {margin-right: 10px;}
.info-list {list-style: none;}
.info-list li {margin-bottom: 12px;display: flex;font-size: 16px;}
.info-list .label {font-weight: 700;width: 100px;flex-shrink: 0;color: #555;}
.info-list .content {color: #333;}

/* 대중교통 안내 */
.transport-section {margin-top: 40px;}
.transport-card {border: 1px solid #eee;border-radius: 12px;padding: 25px;margin-bottom: 20px;display: flex;align-items: flex-start;}
.transport-icon {width: 50px;height: 50px;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 20px;flex-shrink: 0;}
.subway-icon { background-color: #e8f5e9; color: #2e7d32; }
.bus-icon { background-color: #e3f2fd; color: #1976d2; }
.transport-text h4 {font-size: 18px;font-weight: 700;margin-bottom: 8px;}
.transport-text p {font-size: 15px;color: #666;}

@media (max-width: 768px) {
.info-grid {grid-template-columns: 1fr;}
.map-container {height: 300px;}
}

/*********************life*************************/


.life-section {display: flex;flex-direction: column;gap: 80px;margin-bottom: 100px;}
.lifeinfo-card {display: flex;background: white;border-radius: 20px;overflow: hidden;border:#e0e0e0 1px solid;}

.lifeinfo-visual {flex: 0 0 450px;position: relative;background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;color: white;font-size: 5rem;}
.visual-overlay {position: absolute;top: 0; left: 0; right: 0; bottom: 0;background: rgba(0, 0, 0, 0.3);z-index: 1;}
.lifeinfo-visual i {position: relative;z-index: 2;}
.lifeinfo-body {flex: 1;padding: 50px;}
.category-tag {display: inline-block;padding: 6px 16px;background: #dbeafe;color: #1e40af;border-radius: 50px;font-weight: 600;font-size: 0.9rem;margin-bottom: 20px;}
.life-title {font-size: 2rem;font-weight: 700;margin-bottom: 25px;color: #1e293b;border-left: 6px solid #3b82f6;padding-left: 20px;}
.lifetext-group {margin-bottom: 30px;}
.lifetext-group h3 {font-size: 1.25rem;font-weight: 600;color: #1d4ed8;margin-bottom: 10px;}
.lifetext-group p {color: #64748b;text-align: left;}
/* Sport List Grid */.lifesport-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 15px;margin-top: 30px;}
.sport-item {background: #f1f5f9;padding: 10px;border-radius: 10px;text-align: center;font-size: 0.9rem;font-weight: 500;color: #475569;transition: all 0.2s;}
.sport-item:hover {background: #3b82f6;color: white;}
.lifebtn-link {display: inline-flex;align-items: center;margin-top: 20px;padding: 12px 24px;background: #1e293b;color: white !important;border-radius: 8px;text-decoration: none;font-weight: 500;transition: background 0.3s;}
.lifebtn-link:hover {background: #334155;}
.lifebtn-link i {margin-left: 10px;}

@media (max-width: 1024px) {
.lifeinfo-card {	flex-direction: column;}
.lifeinfo-visual {	flex: 0 0 250px;}
}

@media (max-width: 700px) {
.lifeinfo-body {
    flex: 1;
    padding: 30px;
}
.lifeinfo-card {border-radius:10px;}
}
/***************종목소개********************/
.sevent-container {clear: both;width: 100%;overflow: hidden;margin-top: 40px;}
.sevent-container:first-child {margin-top: 0;}
.sevent-title {display: flex;align-items: center;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 2px solid #ddd;}
.sevent-title h3 {font-size: 24px;font-weight: 700;}
.summer-title { color: #f39c12; border-bottom-color: #f39c12; }
.winter-title { color: #3498db; border-bottom-color: #3498db; }
.section-title .badge {margin-left: 15px;font-size: 14px;padding: 4px 12px;border-radius: 20px;color: #fff;}
.summer-badge { background-color: #f39c12; }
.winter-badge { background-color: #3498db; }
.sevents .badge {display: inline-block;padding: .25em .4em;font-size: 75%;color: #fff;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;margin-left: 15px;}
/* 종목 그리드 */
.sports-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 20px;}
.sport-card {background: #fff;border-radius: 12px;padding: 20px;text-align: center;transition: all 0.3s ease;border: 1px solid #eee;box-shadow: 0 2px 10px rgba(0,0,0,0.03);}
.sport-card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.icon-box {width: 80px;height: 80px;margin: 0 auto 15px;background-color: #f9f9f9;border-radius: 8px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
/* 업로드된 이미지의 아이콘 스타일 시뮬레이션 */
.icon-svg {width: 50px;height: 50px;}
.summer-icon { fill: #f3b112; }
.winter-icon { fill: #87ceeb; }
.sport-name-ko {font-size: 16px;font-weight: 700;color: #333;margin-bottom: 4px;}
.sport-name-en {font-size: 12px;color: #999;text-transform: uppercase;}
/* 하단 안내 */
.footer-info {background: #fff;padding: 30px;border-radius: 12px;text-align: center;border: 1px solid #eee;margin-top: 40px;}
.footer-info p {color: #666;font-size: 15px;}

@media (max-width: 768px) {
.sports-grid {Grid-template-columns: Repeat(3, 1fr);}
}

@media (max-width: 480px) {
.sports-grid {grid-template-columns: repeat(2, 1fr);}
}


/*********************시도지부현황*************************/

/* 중앙 본부 정보 */
.main-office-info {background: #f8f9fa;border: 1px solid #e0e0e0;border-radius: 10px;padding: 30px;margin-bottom: 60px;text-align: center;}
.main-office-info h3 {font-size: 24px;color: #0055a5;margin-bottom: 15px;font-weight: 700;}
.main-office-info p {font-size: 17px;color: #444;margin-bottom: 5px;}
/* 지부 레이아웃: 그리드 시스템 */
.branch-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));gap: 30px;}
/* 지부 카드 스타일 */
.branch-card {background: #fff;border: 1px solid #eee;border-radius: 12px;padding: 25px;box-shadow: 0 4px 15px rgba(0,0,0,0.03);transition: transform 0.3s ease, border-color 0.3s ease;position: relative;overflow: hidden;}
.branch-card:hover {transform: translateY(-5px);border-color: #0055a5;}
.branch-card::before {content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;}
/* 지역별 포인트 컬러 구분 */
.card-seoul::before { background-color: #e91e63; }
.card-gyeonggi::before { background-color: #2196f3; }
.card-incheon::before { background-color: #ff9800; }
.card-chungbuk::before { background-color: #4caf50; }
.card-daejeon::before { background-color: #ffc107; }
.card-chungnam::before { background-color: #795548; }
.card-gwangju::before { background-color: #f44336; }
.card-daegu::before { background-color: #9c27b0; }
.card-jeonnam::before { background-color: #607d8b; }
.card-busan::before { background-color: #00bcd4; }
.card-jeju::before { background-color: #8bc34a; }
.branch-name {font-size: 20px;font-weight: 700;color: #111;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px dashed #eee;}
.branch-info-list {list-style: none;}
.branch-info-list li {font-size: 15px;color: #555;margin-bottom: 8px;display: flex;}
.branch-info-list li span.label {font-weight: 700;color: #333;width: 80px;flex-shrink: 0;}
.branch-info-list li span.val {flex-grow: 1;word-break: keep-all;}
.branch-info-list li a {color: #0055a5;text-decoration: none;}
/* 하단 정보 */
.footer-note {margin-top: 50px;text-align: right;color: #888;font-size: 15px;}

/* 반응형 */
@media (max-width: 768px) {
.branch-grid {grid-template-columns: 1fr;}
.sub-title-area h2 { font-size: 32px; }
}




/*후원*/
.support_section {background: #fff;border-radius: 20px;padding: 40px;margin-bottom: 40px;border: #e0e0e0 1px solid;}
.support-title {font-size: 24px;font-weight: 700;margin-bottom: 25px;display: flex;align-items: center;color: #0055a5;}
.support-title span {background: #0055a5;color: #fff;width: 32px;height: 32px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 18px;margin-right: 12px;}

/* 1. 후원 계좌 */.account-box {background: #f0f7ff;border: 2px solid #0055a5;padding: 30px;border-radius: 15px;text-align: center;}
.account-info {font-size: 28px;font-weight: 800;color: #111;word-break: keep-all;}
.account-info em {font-style: normal;color: #0055a5;}

/* 2. 세제 혜택 테이블 */
.support-info-table {width: 100%;border-collapse: collapse;margin-top: 10px;}
.support-info-table th, .support-info-table td {border: 1px solid #e0e0e0;padding: 20px;text-align: center;}
.support-info-table th {background: #f4f6f8;font-weight: 700;color: #555;width: 20%;}
.support-info-table thead th {background: #e9ecef;color: #333;font-size: 18px;}
.highlight-text {color: #d32f2f;font-weight: 700;}

/* 3. 필요 정보 리스트 */
.support-info-card-wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.support-info-card {background: #f8f9fa;padding: 25px;border-radius: 12px;border-left: 5px solid #0055a5;}
.support-info-card h4 {font-size: 18px;margin-bottom: 15px;color: #333;}
.support-info-card ul {list-style: none;}
.support-info-card ul li {position: relative;padding-left: 15px;margin-bottom: 8px;font-size: 15px;color: #555;}
.support-info-card ul li::before {content: '•';position: absolute;left: 0;color: #0055a5;}

/* 기타 안내 */
.support-etc-notice {background: #fffbe6;border: 1px solid #ffe58f;padding: 20px;border-radius: 12px;margin-top: 30px;}

.support-etc-notice p {font-size: 15px;color: #856404;margin-bottom: 5px;}

/* 반응형 */
@media (max-width: 768px) {
.support-info-card-wrap {grid-template-columns: 1fr;}
.support-info-table th {width: 30%;}
.account-info {font-size: 20px;}
}

@media (max-width: 700px) {
.support_section {border:none;padding:0;}

}

/* 발급안내 */
.license_introduction {width: 100%;border: #e0e0e0 1px solid;border-radius: 12px;overflow: hidden;padding: 29px;margin-bottom: 40px;}
.license_introduction p {font-size: 20px;}
.license_info-box {
margin-bottom: 60px;
}

.license_section-label {
display: flex;
align-items: center;
font-size: 22px;
font-weight: 700;
margin-bottom: 25px;
color: #004a99;
}

.license_section-label::before {
content: '';
display: inline-block;
width: 5px;
height: 22px;
background-color: #0056b3;
margin-right: 15px;
border-radius: 10px;
    background: #0b63c7;
}

.license_info-list {
padding-left: 20px;
}

.license_info-list li {
margin-bottom: 14px;
line-height: 1.7;
list-style: none;
position: relative;
font-size: 17px;
}

.license_info-list li::before {
content: '•';
position: absolute;
left: -20px;
color: #0056b3;
font-weight: bold;
}

.license_sub-list {
margin-top: 15px;
margin-left: 10px;
background: #f0f4f8;
padding: 25px;
border-radius: 12px;
border-left: 4px solid #0056b3;
}

.license_sub-list li::before {
content: '-';
}

.license_alert-text {
color: #d32f2f;
font-weight: 500;
}

.license_highlight-box {
border: 1px solid #d0e1f3;
background-color: #f5f9ff;
padding: 30px;
border-radius: 12px;
margin: 40px 0;
box-shadow: inset 0 0 10px rgba(0, 86, 179, 0.05);
}

.license_table-info {
width: 100%;
border-collapse: collapse;
margin-top: 25px;
}

.license_table-info th, .license_table-info td {
border: 1px solid #e1e8ef;
padding: 18px 20px;
text-align: left;
font-size: 16px;
}

.license_table-info th {
background-color: #f8fafc;
width: 220px;
font-weight: 600;
color: #334e68;
}

@media (max-width: 600px) {
.license_introduction p {
    font-size: 18px;
}
.license_table-info th {width:20%;}
.license_table-info th, .license_table-info td {
    padding: 8px;
    font-size: 15px;
}
}

/**************국제교류***********/
.deafsports_org {  background: #ffffff;  color: #222;  word-break: keep-all;}
.deafsports_org * {  box-sizing: border-box;}
.deafsports_org .inner {  width: 100%;  max-width: 1400px;  margin: 0 auto;  padding: 0 20px;}
.deafsports_org .page_header {  margin-bottom: 60px;  padding: 0 0 32px;  border-bottom: 1px solid #e5e5e5;  text-align: center;}

.deafsports_org .page_header .eyebrow {  display: inline-block;  margin-bottom: 14px;  padding: 8px 16px;  border-radius: 999px;  background: #eef6ff;  color: #0b63c7;  font-size: 14px;  font-weight: 700;  line-height: 1.4;}

.deafsports_org .page_header h2 {  margin: 0 0 18px;  font-size: 40px;  font-weight: 800;  line-height: 1.3;  color: #111;}
.deafsports_org .page_header .intro {  margin: 0 auto;  font-size: 18px;  line-height: 1.5;  color: #555;  text-align:center;}

.deafsports_org .content_section {margin-bottom: 32px;padding: 40px;border: 1px solid #e9edf2;border-radius: 20px;background: #fff;}
.deafsports_org .content_section.bg_light {  background: linear-gradient(180deg, #f8fbff 0%, #f3f8fd 100%);  border-color: #dfeaf7;}
.deafsports_org .content_section.last_section {margin-bottom: 0;}
.deafsports_org .section_title {  margin-bottom: 24px;}
.deafsports_org .section_title h3 {  position: relative;  margin: 0 0 10px;  padding-left: 18px;  font-size: 28px;  font-weight: 800;  line-height: 1.4;  color: #111;}
.deafsports_org .section_title h3::before {  content: "";  position: absolute;  top: 8px;  left: 0;  width: 6px;  height: 24px;  border-radius: 10px;  background: #0b63c7;}
.deafsports_org .section_title p {  margin: 0;  font-size: 16px;  font-weight: 600;  color: #0b63c7;  line-height: 1.6;}
.deafsports_org .section_cont p {margin: 0 0 16px;font-size: 17px;line-height: 1.9;color: #444;}
.deafsports_org .section_cont p:last-child {margin-bottom: 0;}
.deafsports_org .list_dot {margin: 0;padding: 0;list-style: none;}
.deafsports_org .list_dot li {position: relative;margin-bottom: 14px;padding-left: 18px;font-size: 17px;line-height: 1.8;color: #444;}
.deafsports_org .list_dot li:last-child {margin-bottom: 0;}
.deafsports_org .list_dot li::before {content: "";position: absolute;top: 12px;left: 0;width: 7px;height: 7px;border-radius: 50%;background: #0b63c7;}

@media screen and (max-width: 1024px) {
.deafsports_org .page_header {margin-bottom: 44px;}
.deafsports_org .page_header h2 {font-size: 32px;}
.deafsports_org .page_header .intro {font-size: 17px;}
.deafsports_org .content_section {padding: 32px 28px;border-radius: 20px;}
.deafsports_org .section_title h3 {font-size: 24px;}
.deafsports_org .section_cont p,.deafsports_org .list_dot li {font-size: 16px;}
}

@media screen and (max-width: 768px) {
.deafsports_org .page_header {margin-bottom: 36px;padding-bottom: 24px;}
.deafsports_org .page_header .eyebrow {font-size: 13px;padding: 7px 14px;}
.deafsports_org .page_header h2 {font-size: 26px;}
.deafsports_org .page_header .intro {font-size: 16px;line-height: 1.7;}
.deafsports_org .content_section {margin-bottom: 20px;padding: 24px 20px;border-radius: 16px;}
.deafsports_org .section_title {margin-bottom: 18px;}
.deafsports_org .section_title h3 {padding-left: 14px;font-size: 21px;}
.deafsports_org .section_title h3::before {top: 6px;height: 20px;}
.deafsports_org .section_title p {font-size: 14px;}
.deafsports_org .section_cont p,.deafsports_org .list_dot li {font-size: 15px;line-height: 1.75;}
.deafsports_org .list_dot li {padding-left: 16px;}
.deafsports_org .list_dot li::before {top: 10px;}
}



.license_info-tb table{border-top:2px solid #1946ba; border-left:1px solid #d3d3d3;}
.license_info-tb th {padding:10px; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;background:#f6f6f6;color:#383838;font-size:1em;text-align:center;letter-spacing:-0.1em}

.license_info-tb td {padding:10px; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;line-height:1.5em;word-break:break-all}
.license_info-tb td.logo {text-align:center;}
.license_info-tb td.logo img {border:#ddd 1px solid;max-height:50px;}
.license_info-box > p {margin-bottom:10px;}



#allMenu{position: absolute; left: 0; top:166px; min-height: calc(100% - 166px); width: 100%; background: #fff; z-index: 151; padding: 80px 0; word-break:keep-all; display: none;}
.all-menu{border-top: 3px solid var(--navy);}
.all-menu > li{display: flex; padding: 40px 0;}
.all-menu > li > a{width: 23%; max-width:280px; flex-shrink:0; font-size: 1.875rem; font-weight: 700}
.all-menu > li > a span {color: #1946ba;font-size: 29px;font-weight: 900;}
.all-menu > li .depth2{display: flex; flex-wrap:wrap; flex:1; margin: 0 0 -50px 10px}
.all-menu > li .depth2 > li{width: calc(25% - 20px); margin: 0 0 50px 20px;}
.all-menu > li .depth2 > li > a{display: flex; line-height: 1; align-items:center; padding: 15px 20px; border:1px solid #dcdcdc; border-top: 2px solid #1946ba; font-size: 16px;font-weight: 700;}
.all-menu > li .depth3{margin: 20px 0 0 20px; color: var(--black5)}
.all-menu > li .depth3 > li{position: relative; padding-left: 13px;}
.all-menu > li .depth3 > li:before{position: absolute; left: 0; top:8px; width: 5px; height: 5px; background: #999; content: '';}
.all-menu > li .depth3 > li:not(:first-child){margin-top: 10px;}
.all-menu > li:not(:last-child){border-bottom: 1px solid #dcdcdc}

@media screen and (max-width: 1100px) {

.all-menu > li {
    display: block;
    padding: 40px 0;
	width:100%;
}
.all-menu > li > a {width:100%;}
.all-menu > li > a span {margin-bottom:20px;display: block;}
.all-menu > li .depth2 {
    margin: 0;
}
}
@media screen and (max-width: 1100px) {
.all-menu > li .depth2 > li {
    width: calc(49% - 16px);}
}

@media screen and (max-width: 400px) {

.all-menu > li .depth2 > li {
    width: 100%;}

.all-menu > li > a span {font-size: 20px;}
}