@charset "utf-8";

/* 2026-04-21: GNB/헤더 관련 스타일은 모두 layout.css 로 이관됨.
 *             이 파일에는 GNB 관련 룰을 두지 않음. */

/* ===================================================================
 * 2026-04-22 Phase 9 라운드 14 개정판 — 블루 편중 완화 (최소 변경)
 * 기존 .ckpa_* 룰 비파괴. 신규 토큰 3개만 추가 (plan.md Task 9-1).
 * --c-brand / --c-teal / --c-amber 등 기존 hex 는 토큰화 하지 않음.
 * --c-ink / --c-brand-dark / --c-teal-deep 별칭 추가 금지.
 * =================================================================== */
:root {
	--c-amber-warm:   #c17a2a;   /* 🆕 apply STEP 1 / hover·CTA */
	--c-teal-soft:    #d3eef1;   /* 🆕 기존 inline 값 토큰화 */
	--c-amber-soft:   #f3e4c4;   /* 🆕 기존 inline 값 토큰화 */
}
/* tabular-nums — 숫자 정렬 정돈 (시각 변화 없음) */
.ckpa_num,
.ckpa_year_num,
.ckpa_step_num {
	font-variant-numeric: tabular-nums;
}

/* 주 메뉴 */
#topmenu_ { position: absolute; top:65px; z-index:9999; height:45px; overflow:hidden; width:100%; margin:0 auto; border:solid 0px #000; }
#topmenu {z-index:3; position:relative; width:1000px; margin:0 auto; border:solid 0px #ccc !important;  }
/* #topmenu * { display: none; } */
#topmenu h2 { display: none; }
#topmenu ul { list-style: none; position: absolute; left:440px; margin: 0; padding: 0; width:700px;}
#topmenu li { margin: 0; padding: 0; }
#topmenu ul li { float: left; display: inline; margin: 0; padding: 0 2px 0 0px;}

#topmenu ul li a { text-decoration: none;  display: block; position: relative; color: #444; letter-spacing: -1px; font-size:15px; cursor: pointer; z-index: 1; /* 이미지요소로대체시 */ padding:0 35px 30px 35px;}
#topmenu ul li.last a  { /*text-decoration: none;  display: block; position: relative; color: #444; letter-spacing: -1px; font-size:15px; cursor: pointer; z-index: 1; /* 이미지요소로대체시 */ padding:0 0 30px 12px;}
#topmenu ul li.last ul li a { /*text-decoration: none;  display: block; position: relative; color: #444; letter-spacing: -1px; font-size:15px; cursor: pointer; z-index: 1; /* 이미지요소로대체시 */ padding:0;}

#topmenu ul li a.noimg {background:none;}
#topmenu ul li.on a { z-index: 3; }
#topmenu ul li.on ul { display: block; }
#topmenu ul li.on div { display: block; }
#topmenu ul ul { display: block; list-style: none; position: absolute; left: 0; width:160px; margin: 0; padding:18px 0;  z-index:4; /*background: url(/img/topmenu/subbarbg.png) no-repeat left bottom;*/}
#topmenu[id] ul ul { /*background: url(/img/inc/top2bg.png) no-repeat;*/ } /* [IE제외] */
#topmenu .iebg { display: none; list-style: none; position: absolute; width: 648px; height: 32px; margin: 0; padding: 3px 0 0 0;  z-index: 2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/kor/img/topmenu/top2bg.png"); }/* [IE용] */

#topmenu ul ul li { display:block; clear:both; position: relative; margin: 0 0 0 10px; padding:4px 0; }
#topmenu ul ul li.first { padding:0 0 4px 0; }
#topmenu ul ul li.last { padding:4px 0 0 0; }
#topmenu ul ul li a { display: block; padding: 0; color: #ffdbdb !important; font-weight: normal; text-decoration: none; white-space: nowrap; font-size: 1em; line-height: 1.25; text-indent: 0;/* 2차텍스트는원상복구 */ }
#topmenu ul ul li.first a { padding: 0; background:none;}
#topmenu ul ul li.last a { padding: 0; background:none;}
#topmenu ul ul li a span { display: block; padding: 0; }

* html #topmenu ul ul li a { width: 1%; }
#topmenu ul ul li a.on,
#topmenu ul ul li a:hover,
#topmenu ul ul li a:focus {  color: #fffc00 !important; padding: 0; font-weight:bold;}
#topmenu ul ul li a.on span,
#topmenu ul ul li a:hover span,
#topmenu ul ul li a:focus span { padding: 0; }

#topmenu ul ul#top2m1 {left:26px;}
#topmenu ul ul#top2m2 {left :215px;}
#topmenu ul ul#top2m3 {left :347px;}
#topmenu ul ul#top2m4 {left :495px;}
.txt_p {color:#c40075; font-weight:bold;}

#sidebar h2{margin:0;padding:0;}

#sidemenu ul{margin-top:0;padding:0;}
#sidemenu ul li {border-bottom:1px solid #dddddd;line-height:18px;box-sizing:border-box;font-size:14px;}
/*#sidemenu ul li.active{background:url(/img/00_main_170112/bg_leftmenu.jpg) no-repeat;}*/
/*#sidemenu ul li.active a{color:#fff;}*/
#sidemenu ul li a{display:block;width:200px;height:42px;box-sizing:border-box;padding:13px 0 0 25px;}
#sidemenu ul li a:hover{background:url(/img/00_main_170112/bg_leftmenu.jpg) no-repeat; color:#fff;}
#sidemenu ul li a.on{background:url(/img/00_main_170112/bg_leftmenu.jpg) no-repeat; color:#fff;}


/* 2026-04-21: 구 #header / #headerOver / .headerOver / .headerOver .gnbXX 레거시 GNB 스타일 제거.
 * 헤더/GNB 관련은 모두 layout.css 단일 SSOT 로 이관. */
.bgWhite {background:#fff;}
.shadow {-moz-box-shadow:0 3px 2px #d4d4d4; -webkit-box-shadow:0 3px 2px #d4d4d4; box-shadow:0 3px 2px #d4d4d4;}

.txt_p {color:#b93d87;}
.txt_g {color:#2B2D96;}
.txt_gb {color:#3F42B3; font-weight:bold;}

#fix_footer_menu{margin-top:150px;}
#foot_wrap { position:relative; display:block; padding:0; }
#foot_box{position:relative; margin:auto; width:1000px; top: 25px; }
#clear_div { clear:both; height:0px} 

/*ul.footmenu li.ff { float: left; padding: 0 10px 0 0; background:none; }*/
.foot_logo { position:absolute; top:0px; left:0; }

.copyright { position:absolute; top:37px; left:170px; font-size:12px; color:#aaa; line-height:1.5em; }
.copyright2 { position:absolute; top:90px; left:170px; font-size:12px; color:#aaa; line-height:1.5em; }
.footmenu {
	position:absolute; top:7px; left: 170px;
}
.footmenu a {
	padding: 0 12px;
}
.footmenu .footbg {
	background: url(/img/common/bu_02.png) center right no-repeat;
}
.footmenu .footfirst {
	padding: 0 12px 0 0;
}
.log{ position: absolute; top:18px;right:150px;left:auto; }
.cklink { position: absolute; top:19px;right:0;left:auto; }
.co_b { color:#555;}
.wa { position:absolute; top:40px; left:860px;  }
.wi { position:absolute; top:15px; left:770px;  }
/* ===================================================================
 * 2026-04-15 — 리뉴얼 공통 스타일 (Task 1-5/1-6/1-7, Phase 2, Phase 4)
 * 인라인 스타일을 쓰지 않는 단일 소스. 수정은 이 섹션에서만.
 * =================================================================== */

/* ---------- 1-column 서브 레이아웃 (leftmenu 제거) ---------- */
#body_wrap_sub {width:100%; max-width:1200px; margin:0 auto; padding:0 20px;}
#body_content.one_column {width:100%; float:none; padding:0; margin:0;}
#body_content.one_column #content_head {border-bottom:1px solid #e5e5e5; margin-bottom:30px; padding-bottom:20px;}
#body_content.one_column #content_text {width:100%;}

/* 구 사이드바·이미지 제목 잔존 방어 */
#body_left, #sidebar {display:none !important;}
#content_head #subtitle {display:none !important;}
.location_wrap {display:none !important;}
#locationwrap2, #location2 {display:none !important;}

/* new 구조 서브 페이지 본문: 좌측 18% 빈 공간 제거 */
/* .content_wrap {float:none !important; width:100% !important; max-width:1200px; margin:0 auto !important; padding:0 20px !important;} */
.body_cont {margin-top:30px !important;}

/* ---------- 드롭다운 breadcrumb (시안 기반, 2026-04-21 재정비) ---------- */
.breadcrumb_wrap {padding:50px 0 0 0;}
.breadcrumb_wrap ul.breadcrumb {list-style:none !important; margin:0 !important; padding:0 !important; display:flex; flex-wrap:wrap; align-items:center; gap:18px; font-size:14px;}
.breadcrumb_wrap ul.breadcrumb > li {position:relative; padding:0; list-style:none !important; background:none !important; border:none !important; width:auto !important;}

/* 홈 아이콘 — 텍스트 없이 아이콘만 */
.breadcrumb_wrap .bc_home a,
.breadcrumb_wrap .bc_home a:link,
.breadcrumb_wrap .bc_home a:visited {color:#555; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; transition:color .15s;}
.breadcrumb_wrap .bc_home a:hover {color:#3886e6;}
.breadcrumb_wrap .bc_home .ic_home {width:18px; height:18px; display:block;}

/* 드롭다운 트리거 (1depth/2depth 공통) */
.breadcrumb_wrap .bc_dd {cursor:pointer;}
/* label 과 드롭다운 사이 8px 간격을 커버하는 투명 hover-bridge — 마우스가 아래로 내려갈 때 hover 가 끊기지 않도록 */
.breadcrumb_wrap .bc_dd::after {content:""; position:absolute; left:0; right:0; top:100%; height:10px;}
.breadcrumb_wrap .bc_dd .bc_label,
.breadcrumb_wrap .bc_dd .bc_label:link,
.breadcrumb_wrap .bc_dd .bc_label:visited {font-size: 15px; display:inline-flex; align-items:center; gap:8px; color:#222; font-weight:500; text-decoration:none; padding:4px 2px;}
.breadcrumb_wrap .bc_dd .bc_caret {width:10px; height:7px; color:#888; display:block; transition:transform .15s, color .15s;}
.breadcrumb_wrap .bc_dd:hover .bc_caret,
.breadcrumb_wrap .bc_dd:focus-within .bc_caret {transform:rotate(180deg); color:#3886e6;}
/* 2depth 는 현재 페이지 (활성) 이므로 블루 톤으로 강조 */
.breadcrumb_wrap .bc_depth2 .bc_label,
.breadcrumb_wrap .bc_depth2 .bc_label:link,
.breadcrumb_wrap .bc_depth2 .bc_label:visited {color:#1b5fb5; font-weight:600;}
.breadcrumb_wrap .bc_depth2 .bc_caret {color:#1b5fb5;}

/* 드롭다운 목록 박스 */
.breadcrumb_wrap .bc_dd ul.bc_sub {
	display:none; position:absolute; top:calc(100% + 8px); left:0; min-width:180px;
	background:#fff; border:1px solid #e5e8ee; border-radius:4px;
	box-shadow:0 4px 12px rgba(0,0,0,.06);
	list-style:none !important; margin:0 !important; z-index:1000;
}
.breadcrumb_wrap .bc_dd:hover ul.bc_sub,
.breadcrumb_wrap .bc_dd:focus-within ul.bc_sub {display:block;}
.breadcrumb_wrap .bc_dd ul.bc_sub li {padding:0 !important; list-style:none !important; background:none !important; border:none !important; width:auto !important;}
.breadcrumb_wrap .bc_dd ul.bc_sub li a,
.breadcrumb_wrap .bc_dd ul.bc_sub li a:link,
.breadcrumb_wrap .bc_dd ul.bc_sub li a:visited {display:block; padding:10px 20px; color:#444; text-decoration:none; font-size:14px; white-space:nowrap;}
.breadcrumb_wrap .bc_dd ul.bc_sub li a:hover {background:#f3f8ff; color:#3886e6;}
/* 현재 선택된 항목 — 파란 텍스트 + 연한 파란 배경 */
.breadcrumb_wrap .bc_dd ul.bc_sub li.on a {background:#f3f8ff; color:#3886e6; font-weight:600;}

/* 페이지 카테고리 (1depth 상위 메뉴명, h2 위) + 페이지 제목 (breadcrumb 하단) */
.breadcrumb_wrap .page_category {font-size:18px; font-weight:500; color:#054a9a; margin:70px 0 6px 0; padding:0; letter-spacing:-.2px; line-height:1.3;}
.breadcrumb_wrap .page_category + .page_title {margin-top:0;}
.breadcrumb_wrap .page_title {font-size:30px; font-weight:800; color:#222; margin:70px 0; padding:0; letter-spacing:-1px; line-height:1.2;}

/* ---------- 연간 일정 (year_schedule.php + 메인 하단 include) ---------- */
/* 필터 (연/월 드롭다운) */
.ys_filter {background:#f5f5f5; border:1px solid #ddd; border-radius:8px; padding:20px 24px; margin:0 0 30px 0; display:flex; gap:12px; align-items:center;}
.ys_filter select {
	appearance:none; -webkit-appearance:none;
	background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235a7389' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M1 1l5 5 5-5'/></svg>") no-repeat right 14px center;
	border:1px solid #d4d8e0; border-radius:6px; padding:11px 40px 11px 18px;
	font-size:15px; color:#222; min-width:180px; cursor:pointer; font-family:inherit;
}
.ys_filter select:focus {outline:none; border-color:#183152;}

/* 월 탭 (다크 네이비) */
.ys_months {background:#5a7389; border-radius:8px; /*padding:6px;*/ margin:0 0 20px 0; list-style:none; display:flex; /*gap:2px;*/}
.ys_months li {flex:1; list-style:none;}
.ys_months li a,
.ys_months li a:link,
.ys_months li a:visited {display:block; text-align:center; padding:15px 0; color:#a8b4c7; text-decoration:none; font-size:18px; font-weight:700; /*border-radius:6px;*/ transition:all .15s;}
.ys_months li a:hover {color:#fff; background:rgba(255,255,255,.06);}
.ys_months li.on a {background:#213152; color:#fff; font-weight:700; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}

/* 카드 리스트 */
.ys_list {list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; text-align:left;}
.ys_list li {list-style:none; text-align:left;}
.ys_card {display:flex; align-items:center; gap:20px; background:#fff; border:1px solid #e5e8ee; border-radius:10px; padding:30px; transition:all .15s; text-align:left;}
.ys_card:hover {border-color:#c5d2e5; box-shadow:0 3px 10px rgba(27,47,78,.06);}
.ys_card_body,
.ys_card_body:link,
.ys_card_body:visited {flex:1; display:flex; flex-direction:column; gap:8px; text-decoration:none; color:inherit; min-width:0; text-align:left;}
.ys_card_top {display:flex; align-items:center; gap:14px;}
.ys_status {display:inline-block; padding:5px 15px; font-size:14px; font-weight:700; color:#fff; border-radius:999px; letter-spacing:-.2px; white-space:nowrap;}
.ys_status.s_open {background:#3990df;}
.ys_status.s_training {background:#f5a623;}
.ys_status.s_full {background:#9aa5b8;}
.ys_status.s_end {background:#c9ced8;}
.ys_date {font-size:16px; color:#5a7389; font-weight:500; letter-spacing:-.2px;}
.ys_card_title {font-size:24px; font-weight:700; color:#222; margin:0; line-height:1.4; letter-spacing:-.5px; text-align:left;}
.ys_card_title .ys_duration {display:inline-block; margin-left:20px; color:#e74c3c; font-size:14px; font-weight:600; letter-spacing:-.2px;}

/* 신청하기 버튼 — base.css 의 a:link{color:#666} 보다 specificity 높게 */
a.ys_apply_btn,
a.ys_apply_btn:link,
a.ys_apply_btn:visited {flex-shrink:0; display:inline-flex; align-items:center; gap:15px; background:#5a7389; color:#fff; text-decoration:none; padding:15px 25px; border-radius:999px; font-size:15px; font-weight:800; letter-spacing:-.2px; transition:all .15s;}
a.ys_apply_btn:hover,
a.ys_apply_btn:active {background:#213152; color:#fff;}
a.ys_apply_btn .arr {display:inline-block; transition:transform .15s; color:#fff;}
a.ys_apply_btn:hover .arr {transform:translateX(4px);}

/* 모집중이 아닐 때 (훈련중/모집종료/과정종료) — 비활성 표시. 클릭은 상세 이동. */
a.ys_apply_btn.is_disabled,
a.ys_apply_btn.is_disabled:link,
a.ys_apply_btn.is_disabled:visited {background:#c9ced8; color:#fff;}
a.ys_apply_btn.is_disabled:hover,
a.ys_apply_btn.is_disabled:active {background:#b3b9c6; color:#fff;}

.ys_empty {padding:80px 20px; text-align:center; color:#999; font-size:15px; border:1px dashed #e5e8ee; border-radius:10px; background:#fafbfc;}

/* 메인 하단 year_schedule include 래퍼 */
.main_year_schedule {max-width:1200px; margin:60px auto 0; padding:0 20px;}

/* ---------- 반응형 ---------- */
@media (max-width:768px) {
	.ys_months {flex-wrap:wrap;}
	.ys_months li {flex:1 1 25%;}
	.ys_card {flex-direction:column; align-items:stretch; gap:14px; padding:18px 20px;}
	a.ys_apply_btn {justify-content:center;}
}

/* 2026-04-20 클라이언트 2차 수정: 도료교육센터 소개 페이지 (intro.php) */
/* ---------- 도료교육센터 소개 intro.php (2026-04-21 리디자인) ---------- */
.ckpa_intro {color:#333; font-size:16px; line-height:1.75; letter-spacing:-.2px;}
.ckpa_intro em {font-style:normal; color:#1b5fb5;}

/* Eyebrow (섹션 상단 라벨) */
.ckpa_intro_eyebrow {display:inline-block; font-size:16px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#5a7389; padding:0 0 6px; position:relative;}
.ckpa_intro_eyebrow::after {content:""; display:block; width:28px; height:2px; background:#5a7389; margin-top:10px;}

/* HERO */
.ckpa_intro_hero {margin:10px 0 90px; display:grid; grid-template-columns:1.05fr 1fr; gap:70px; align-items:center;}
.ckpa_intro_hero_text {min-width:0;}
.ckpa_intro_title {font-size:36px; font-weight:800; color:#1a2436; line-height:1.35; letter-spacing:-1.2px; margin:26px 0 28px; word-break:keep-all;}
.ckpa_intro_title em {color:#1b5fb5;}
.ckpa_intro_lead {font-size:18px; font-weight:600; color:#222; line-height:1.7; letter-spacing:-.2px; margin:0 0 22px; word-break:keep-all;}
.ckpa_intro_body {font-size:16px; color:#5a6472; line-height:1.9; letter-spacing:-.2px; margin:0; word-break:keep-all;}

/* 사진 — 뒤 배경 오브젝트 제거, 이미지 본체만 */
.ckpa_intro_hero_media {position:relative; min-width:0;}
.ckpa_intro_hero_media img {position:relative; z-index:1; width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 18px 40px rgba(27,47,78,.12);}
.ckpa_intro_hero_badge {position:absolute; right:-8px; bottom:-28px; z-index:2; background:#1b5fb5; color:#fff; border-radius:100px; padding:16px 26px; display:inline-flex; align-items:center; gap:14px; box-shadow:0 10px 24px rgba(27,95,181,.28);}
.ckpa_intro_hero_badge_num {font-size:28px; font-weight:800; letter-spacing:-.5px; line-height:1;}
.ckpa_intro_hero_badge_txt {font-size:16px; font-weight:500; line-height:1.35; letter-spacing:-.2px; opacity:.95; border-left:1px solid rgba(255,255,255,.35); padding-left:14px;}

/* GRID (카드 3개) — 각 카드 다른 액센트 컬러 */
/* 2026-04-23 롤백: Editorial Vertical / Editorial Split Card 전부 폐기, 라운드 13 원본 상태로 복귀. */
.ckpa_intro_grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; margin:0 0 90px;}
.ckpa_intro_card {position:relative; background:#fff; border:1px solid transparent; border-radius:14px; padding:36px 32px 34px; transition:box-shadow .2s ease, transform .2s ease;}
.ckpa_intro_card:hover {box-shadow:0 12px 28px rgba(27,47,78,.08); transform:translateY(-2px);}
.ckpa_intro_card_num {display:inline-block; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:16px; font-weight:700; letter-spacing:1px; padding:5px 12px; border-radius:99px; margin:0 0 18px;}
.ckpa_intro_card_title {font-size:21px; font-weight:800; color:#1a2436; letter-spacing:-.5px; margin:0 0 22px; padding:0 0 18px; border-bottom:1px solid #eef1f5; line-height:1.3;}
.ckpa_intro_card_list {list-style:none; padding:0; margin:0;}
.ckpa_intro_card_list > li {position:relative; padding:0 0 0 22px; margin:0 0 14px; font-size:16px; color:#3b4552; line-height:1.7; letter-spacing:-.2px; word-break:keep-all;}
.ckpa_intro_card_list > li::before {content:""; position:absolute; left:0; top:11px; width:6px; height:6px; border-radius:2px; transform:rotate(45deg);}
.ckpa_intro_card_list > li:last-child {margin-bottom:0;}
.ckpa_intro_card_sub {display:block; margin-top:6px; font-size:16px; color:#8892a0; letter-spacing:-.1px; line-height:1.6; font-weight:400;}
.ckpa_intro_card_kw {display:inline-block; min-width:68px; margin-right:8px; padding:2px 10px; font-size:16px; font-weight:700; border-radius:4px; letter-spacing:-.1px;}

/* 카드별 액센트 컬러 — 블루 메인 유지 + 티얼/앰버로 다변화 + 파스텔 배경 */
.ckpa_intro_card:nth-child(1) {background:#f3f7fe;}
.ckpa_intro_card:nth-child(1) .ckpa_intro_card_title {border-bottom-color:#dee8f8;}
.ckpa_intro_card:nth-child(1) .ckpa_intro_card_num,
.ckpa_intro_card:nth-child(1) .ckpa_intro_card_kw {color:#1b5fb5; background:#e4efff;}
.ckpa_intro_card:nth-child(1) .ckpa_intro_card_list > li::before {background:#1b5fb5;}

.ckpa_intro_card:nth-child(2) {background:#f0f9fa;}
.ckpa_intro_card:nth-child(2) .ckpa_intro_card_title {border-bottom-color:#d7ebee;}
.ckpa_intro_card:nth-child(2) .ckpa_intro_card_num,
.ckpa_intro_card:nth-child(2) .ckpa_intro_card_kw {color:#0e7c8a; background:#d3eef1;}
.ckpa_intro_card:nth-child(2) .ckpa_intro_card_list > li::before {background:#0e7c8a;}

.ckpa_intro_card:nth-child(3) {background:#fbf6ec;}
.ckpa_intro_card:nth-child(3) .ckpa_intro_card_title {border-bottom-color:#ebe0c9;}
.ckpa_intro_card:nth-child(3) .ckpa_intro_card_num,
.ckpa_intro_card:nth-child(3) .ckpa_intro_card_kw {color:#a6742b; background:#f3e4c4;}
.ckpa_intro_card:nth-child(3) .ckpa_intro_card_list > li::before {background:#a6742b;}

/* CONTACT — 밝은 뉴트럴 배경 + 네이비 텍스트 */
.ckpa_intro_contact {background:#f6f8fb; border:1px solid #e5e8ee; border-radius:16px; padding:48px 50px; color:#1a2436; margin:0 0 40px; display:grid; grid-template-columns:1fr 1.6fr; gap:48px; align-items:center;}
.ckpa_intro_contact_head {min-width:0;}
.ckpa_intro_contact_title {font-size:24px; font-weight:800; letter-spacing:-.5px; margin:22px 0 0; line-height:1.4; color:#1a2436; word-break:keep-all;}
.ckpa_intro_contact_body {display:flex; flex-direction:column; gap:20px; min-width:0;}
.ckpa_intro_contact_item {display:flex; align-items:center; gap:18px;}
.ckpa_intro_contact_icon {flex:0 0 48px; width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; background:#fff; border:1px solid #dbe1ea; border-radius:50%; color:#183152;}
.ckpa_intro_contact_icon svg {width:22px; height:22px;}
.ckpa_intro_contact_text {display:flex; flex-direction:column; gap:4px; min-width:0;}
.ckpa_intro_contact_label {font-size:16px; font-weight:600; letter-spacing:1px; color:#5a7389; text-transform:uppercase;}
.ckpa_intro_contact_value {font-size:18px; font-weight:600; color:#1a2436; letter-spacing:-.2px; word-break:keep-all;}
a.ckpa_intro_contact_tel,
a.ckpa_intro_contact_tel:link,
a.ckpa_intro_contact_tel:visited {color:#1a2436; text-decoration:none; letter-spacing:.2px; font-variant-numeric:tabular-nums;}
a.ckpa_intro_contact_tel:hover {text-decoration:underline; color:#1b5fb5;}

/* ---------- 주요연혁 04.php (2026-04-21 리디자인, 세로 타임라인) ---------- */
.ckpa_history {color:#333; font-size:16px; line-height:1.75; letter-spacing:-.2px;}
/* 구 배경 이미지 제거 — ra.css .bg_history 무효화 */
.ckpa_history .bg_history {background:none !important;}

/* 상단 인트로 */
.ckpa_hist_intro {text-align:center; margin:0 0 70px;}
.ckpa_hist_eyebrow {display:inline-block; font-size:16px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#5a7389; padding:0 0 6px; position:relative;}
.ckpa_hist_eyebrow::after {content:""; display:block; width:28px; height:2px; background:#5a7389; margin:10px auto 0;}
.ckpa_hist_title {font-size:34px; font-weight:800; color:#1a2436; line-height:1.35; letter-spacing:-1.2px; margin:22px 0 18px; word-break:keep-all;}
.ckpa_hist_lead {font-size:16px; color:#5a6472; line-height:1.8; margin:0; word-break:keep-all;}

/* 타임라인 — 좌측 세로선(130px) + 도트 + 우측 콘텐츠.
 * 수직정렬 기준선 y=22: year 번호 텍스트 시각 중심 + 도트 중심 + 이벤트 박스 첫 row 중심 모두 맞춤 */
.ckpa_hist_timeline {list-style:none; padding:0; margin:0 0 60px; position:relative;}
.ckpa_hist_timeline::before {content:""; position:absolute; left:130px; top:22px; bottom:22px; width:2px; background:linear-gradient(to bottom, #1b5fb5 0%, #0e7c8a 38%, #a6742b 70%, #183152 100%);}

/* 한 해(year) 블록 — year 110px + gap 60px + events 1fr */
.ckpa_hist_year {position:relative; display:grid; grid-template-columns:110px 1fr; column-gap:60px; padding:0 0 50px 0; align-items:start;}
.ckpa_hist_year:last-child {padding-bottom:0;}

/* 도트 — 세로선(x=131) 중심에 정확히 정렬, y=13(도트 center=22) */
.ckpa_hist_year::before {content:""; position:absolute; left:122px; top:13px; width:18px; height:18px; background:#fff; border:3px solid #1b5fb5; border-radius:50%; z-index:2; box-sizing:border-box; transition:transform .2s, box-shadow .2s;}
.ckpa_hist_year:hover::before {transform:scale(1.15);}

/* 연도 헤드 — 우측정렬, 도트 center=22 에 맞춰 year 번호 text center 조정 */
.ckpa_hist_year_head {text-align:right; padding-top:2px;}
.ckpa_hist_year_num {display:block; font-size:34px; font-weight:800; color:#1a2436; letter-spacing:-1px; line-height:1.2; font-variant-numeric:tabular-nums;}
.ckpa_hist_year_tag {display:inline-block; margin-top:10px; padding:3px 10px; font-size:12px; font-weight:700; letter-spacing:1.5px; color:#fff; background:#1b5fb5; border-radius:99px;}

/* 최신(is_latest) 강조 — 도트 채움 + 링 */
.ckpa_hist_year.is_latest::before {background:#1b5fb5; box-shadow:0 0 0 4px rgba(27,95,181,.18);}
.ckpa_hist_year.is_latest .ckpa_hist_year_num {color:#1b5fb5;}
/* 창립(is_origin) 강조 — 딥네이비 채움 */
.ckpa_hist_year.is_origin::before {background:#183152; border-color:#183152; box-shadow:0 0 0 4px rgba(24,49,82,.18);}
.ckpa_hist_year.is_origin .ckpa_hist_year_num {color:#183152;}
.ckpa_hist_year.is_origin .ckpa_hist_year_tag {background:#183152;}

/* ---------- 시대별 컬러 그룹 (역순: 2025=1, 2012=14) ----------
 * 2025   (1)       : 블루 primary  (is_latest)
 * 2024-2021 (2-5)  : 티얼  #0e7c8a
 * 2020-2016 (6-10) : 앰버  #a6742b
 * 2015-2013 (11-13): 딥네이비 #183152
 * 2012      (14)   : is_origin (별도 스타일) */
.ckpa_hist_year:nth-child(n+2):nth-child(-n+5)::before {border-color:#0e7c8a;}
.ckpa_hist_year:nth-child(n+2):nth-child(-n+5) .ckpa_hist_month {background:#def3f6; color:#0e7c8a;}

.ckpa_hist_year:nth-child(n+6):nth-child(-n+10)::before {border-color:#a6742b;}
.ckpa_hist_year:nth-child(n+6):nth-child(-n+10) .ckpa_hist_month {background:#f7ecd3; color:#a6742b;}

.ckpa_hist_year:nth-child(n+11)::before {border-color:#183152;}
.ckpa_hist_year:nth-child(n+11) .ckpa_hist_month {background:#e4e8f0; color:#183152;}

/* 이벤트 목록 — 우측 컬럼 (카드 느낌) */
.ckpa_hist_events {list-style:none; padding:0; margin:0; background:#fff; border:1px solid #eceff3; border-radius:12px; padding:8px 4px; transition:border-color .2s, box-shadow .2s;}
.ckpa_hist_year:hover .ckpa_hist_events {border-color:#d1dcef; box-shadow:0 8px 20px rgba(27,47,78,.05);}
.ckpa_hist_events > li {display:flex; align-items:flex-start; gap:18px; padding:14px 20px; border-bottom:1px dashed #eef1f5;}
.ckpa_hist_events > li:last-child {border-bottom:0;}
.ckpa_hist_month {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:46px; height:28px; margin-top:2px; padding:0 10px; background:#eef4fc; color:#1b5fb5; font-size:15px; font-weight:700; letter-spacing:.5px; border-radius:99px; font-variant-numeric:tabular-nums;}
.ckpa_hist_month::after {content:"월"; font-size:12px; font-weight:600; margin-left:1px; opacity:.8;}
.ckpa_hist_events > li p {margin:0; flex:1; font-size:16px; color:#3b4552; line-height:1.65; letter-spacing:-.2px; word-break:keep-all; padding-top:3px;}

/* ---------- 미션과비전 06_about/01.php (2026-04-21 리디자인) ---------- */
.ckpa_mission {color:#333; font-size:16px; line-height:1.75; letter-spacing:-.2px;}

/* 한 블록 = 좌 label 280px + 우 body, gap 60px */
.ckpa_mission_block {display:grid; grid-template-columns:280px 1fr; gap:60px; padding:80px 0; border-bottom:1px dashed #e3e7ee; align-items:center;}
.ckpa_mission_block:first-of-type {padding-top:20px;}
.ckpa_mission_block:last-of-type {border-bottom:0;}

/* 좌측 라벨 (번호 + 영문키 + 구분바 + 한글) */
.ckpa_mission_label {display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0;}
.ckpa_mission_num {display:inline-block; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:14px; font-weight:700; color:#5a7389; letter-spacing:1.5px; padding:4px 12px; border:1px solid #dbe1ea; border-radius:99px; background:#fff;}
.ckpa_mission_key {margin:0; font-size:46px; font-weight:800; color:#1a2436; line-height:1.05; letter-spacing:-1.2px; text-transform:uppercase;}
.ckpa_mission_key.ckpa_mission_key_split {display:flex; flex-direction:column;}
.ckpa_mission_key.ckpa_mission_key_split span {display:block;}
.ckpa_mission_rule {display:block; width:40px; height:3px; background:#1b5fb5; margin:4px 0;}
.ckpa_mission_label_ko {margin:0; font-size:16px; font-weight:500; color:#5a7389; letter-spacing:-.2px;}

/* 우측 본문 */
.ckpa_mission_body {min-width:0;}
.ckpa_mission_text {margin:0; font-size:22px; font-weight:500; color:#2b3544; line-height:1.65; letter-spacing:-.5px; word-break:keep-all;}
.ckpa_mission_text em {font-style:normal; font-weight:800; color:#1b5fb5; background:linear-gradient(transparent 65%, rgba(27,95,181,.12) 65%); padding:0 2px;}
.ckpa_mission_text strong {font-weight:800; color:#1a2436;}

/* 슬로건 이미지 */
.ckpa_mission_figure {margin:0; padding:0;}
.ckpa_mission_figure img {display:block; max-width:100%; height:auto;}

/* 핵심가치 4장 카드 그리드 */
.ckpa_mission_values {list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;}
.ckpa_mission_values li {list-style:none; margin:0; padding:0; background:#f6f8fb; border:1px solid #e5e8ee; border-radius:12px; overflow:hidden; transition:border-color .2s, box-shadow .2s, transform .2s;}
.ckpa_mission_values li:hover {border-color:#c5d2e5; box-shadow:0 8px 20px rgba(27,47,78,.06); transform:translateY(-2px);}
.ckpa_mission_values li img {display:block; width:100%; height:auto;}

/* ---------- 사업소개 03_business/01.php (2026-04-21 리디자인) ---------- */
.ckpa_consortium {color:#333; font-size:16px; line-height:1.75; letter-spacing:-.2px;}
.ckpa_consortium em {font-style:normal; color:#1b5fb5; font-weight:700;}

/* Eyebrow */
.ckpa_consortium_eyebrow {display:inline-block; font-size:16px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#5a7389; padding:0 0 6px; position:relative;}
.ckpa_consortium_eyebrow::after {content:""; display:block; width:28px; height:2px; background:#5a7389; margin-top:10px;}

/* HERO — 배너 이미지 + 좌측 overlay 텍스트 */
.ckpa_consortium_hero {position:relative; border-radius:16px; overflow:hidden; margin:0 0 80px; box-shadow:0 16px 38px rgba(27,47,78,.12);}
.ckpa_consortium_hero_media {position:relative;}
.ckpa_consortium_hero_media img {display:block; width:100%; height:auto;}
.ckpa_consortium_hero_media::after {content:""; position:absolute; inset:0; background:linear-gradient(100deg, rgba(10,30,60,.85) 0%, rgba(10,30,60,.45) 55%, rgba(10,30,60,0) 85%);}
.ckpa_consortium_hero_text {position:absolute; top:50%; left:50px; transform:translateY(-50%); color:#fff; max-width:55%; z-index:2;}
.ckpa_consortium_hero_text .ckpa_consortium_eyebrow {color:#9dc3ff;}
.ckpa_consortium_hero_text .ckpa_consortium_eyebrow::after {background:#9dc3ff;}
.ckpa_consortium_hero_title {font-size:38px; font-weight:800; line-height:1.3; letter-spacing:-1.2px; margin:10px 0 0; color:#fff; word-break:keep-all;}
.ckpa_consortium_hero_title em {color:#92c4ff;}
.ckpa_consortium_hero_lead {font-size:20px; font-weight:500; line-height:1.55; letter-spacing:-.3px; margin:22px 0 0; color:rgba(255,255,255,.95); word-break:keep-all;}

/* BLOCK — 좌 280px label + 우 body, gap 60px (intro/mission 패턴 일관) */
.ckpa_consortium_block {display:grid; grid-template-columns:280px 1fr; gap:60px; padding:60px 0; border-bottom:1px dashed #e3e7ee; align-items:flex-start;}
.ckpa_consortium_block:last-of-type {border-bottom:0;}

/* 좌측 라벨 */
.ckpa_consortium_label {display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0;}
.ckpa_consortium_num {display:inline-block; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:14px; font-weight:700; color:#5a7389; letter-spacing:1.5px; padding:4px 12px; border:1px solid #dbe1ea; border-radius:99px; background:#fff;}
.ckpa_consortium_key {margin:0; font-size:40px; font-weight:800; color:#1a2436; line-height:1.05; letter-spacing:-1.2px; text-transform:uppercase;}
.ckpa_consortium_rule {display:block; width:40px; height:3px; background:#1b5fb5; margin:4px 0;}
.ckpa_consortium_label_ko {margin:0; font-size:17px; font-weight:600; color:#1a2436; letter-spacing:-.3px;}

/* 우측 본문 */
.ckpa_consortium_body {min-width:0; padding-top:8px;}
.ckpa_consortium_desc {margin:0 0 14px; font-size:19px; font-weight:500; color:#2b3544; line-height:1.75; letter-spacing:-.3px; word-break:keep-all;}
.ckpa_consortium_desc_sub {margin:0; font-size:16px; color:#5a6472; line-height:1.8; letter-spacing:-.2px; word-break:keep-all;}

/* 사업목표 리스트 — 2-col grid 번호 카드 */
.ckpa_consortium_goals {list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, 1fr); gap:16px;}
.ckpa_consortium_goals li {list-style:none; display:flex; align-items:flex-start; gap:18px; background:#f6f8fb; border:1px solid #e5e8ee; border-radius:12px; padding:22px 24px; transition:border-color .2s, box-shadow .2s, transform .2s;}
.ckpa_consortium_goals li:hover {border-color:#c5d2e5; box-shadow:0 8px 20px rgba(27,47,78,.06); transform:translateY(-2px);}
.ckpa_consortium_goal_num {flex:0 0 auto; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:18px; font-weight:800; color:#1b5fb5; letter-spacing:.5px; min-width:32px; padding-top:1px; font-variant-numeric:tabular-nums;}
.ckpa_consortium_goal_text {margin:0; flex:1; font-size:16px; color:#2b3544; line-height:1.6; letter-spacing:-.2px; word-break:keep-all;}
.ckpa_consortium_goal_text strong {font-weight:700; color:#1a2436;}

/* 사업 구조도 */
.ckpa_consortium_chart {margin:60px 0 40px; text-align:center;}
.ckpa_consortium_chart_head {margin:0 0 28px;}
.ckpa_consortium_chart_head .ckpa_consortium_eyebrow::after {margin-left:auto; margin-right:auto;}
.ckpa_consortium_chart_title {font-size:28px; font-weight:800; color:#1a2436; letter-spacing:-.8px; margin:22px 0 0; line-height:1.3; word-break:keep-all;}
.ckpa_consortium_chart_img {background:#fff; border:1px solid #e5e8ee; border-radius:16px; padding:40px; overflow:hidden;}
.ckpa_consortium_chart_img img {display:block; max-width:100%; height:auto; margin:0 auto;}

/* ---------- OI 가이드 06_about/06.php (2026-04-21 리디자인) ---------- */
.ckpa_oi {color:#333; font-size:16px; line-height:1.75; letter-spacing:-.2px;}
.ckpa_oi em {font-style:normal; color:#1b5fb5; font-weight:700;}

/* 섹션 (SYMBOL/SIGNATURE/PROHIBITION) 공통 */
.ckpa_oi_section {padding:70px 0; border-bottom:1px dashed #e3e7ee;}
.ckpa_oi_section:first-of-type {padding-top:20px;}
.ckpa_oi_section:last-of-type {border-bottom:0; padding-bottom:40px;}

/* 섹션 헤더 (eyebrow + 영문 타이틀 + 설명문) */
.ckpa_oi_head {margin:0 0 50px;}
.ckpa_oi_eyebrow {display:inline-block; font-size:16px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#5a7389; padding:0 0 6px; position:relative;}
.ckpa_oi_eyebrow::after {content:""; display:block; width:28px; height:2px; background:#5a7389; margin-top:10px;}
.ckpa_oi_title {font-size:34px; font-weight:800; color:#1a2436; letter-spacing:-1.2px; line-height:1.25; margin:22px 0 20px; text-transform:uppercase;}
.ckpa_oi_desc {margin:0; font-size:17px; font-weight:400; color:#4a5566; line-height:1.9; letter-spacing:-.2px;}

/* 시안 카드 (레이블 좌 / 이미지 우) */
.ckpa_oi_specimen {display:grid; grid-template-columns:200px 1fr; gap:40px; padding:24px; background:#fff; border:1px solid #e5e8ee; border-radius:14px; margin:0 0 20px; align-items:center; transition:border-color .2s, box-shadow .2s;}
.ckpa_oi_specimen:hover {border-color:#c5d2e5; box-shadow:0 8px 20px rgba(27,47,78,.06);}
.ckpa_oi_specimen:last-child {margin-bottom:0;}

/* 레이블 (번호 + 한글 + 영문) */
.ckpa_oi_specimen_label {display:flex; flex-direction:column; align-items:flex-start; gap:10px;}
.ckpa_oi_specimen_num {display:inline-flex; align-items:center; justify-content:center; min-width:32px; height:32px; padding:0 10px; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:16px; font-weight:800; color:#1b5fb5; background:#eaf2fd; border-radius:99px; font-variant-numeric:tabular-nums;}
.ckpa_oi_specimen_key {margin:0; font-size:20px; font-weight:700; color:#1a2436; letter-spacing:-.3px; line-height:1.2;}
.ckpa_oi_specimen_en {margin:0; font-size:16px; font-weight:500; color:#5a7389; letter-spacing:.3px;}

/* 이미지 영역 — 이미지 원본 사이즈까지 허용 (max-height 제약 없음) */
.ckpa_oi_specimen_body {min-width:0; display:flex; align-items:center; justify-content:center; padding:30px 20px;}
.ckpa_oi_specimen_body img {display:block; max-width:100%; height:auto;}

/* 금지규정 섹션 — 경고 포인트 레드 계열로 강조 (카드 구조는 동일, 색상만 변경) */
.ckpa_oi_section.is_warning .ckpa_oi_eyebrow {color:#c54234;}
.ckpa_oi_section.is_warning .ckpa_oi_eyebrow::after {background:#c54234;}
.ckpa_oi_section.is_warning .ckpa_oi_specimen {background:#fdf6f5; border-color:#f0d8d5;}
.ckpa_oi_section.is_warning .ckpa_oi_specimen_num.is_danger {color:#fff; background:#c54234; font-size:20px; font-weight:800;}
.ckpa_oi_section.is_warning .ckpa_oi_specimen_num {color:#c54234; background:#fbe6e3;}

/* ---------- 교육과정 신청안내 02_training/apply_guide.php (2026-04-21 리디자인) ---------- */
.ckpa_apply {color:#333; font-size:16px; line-height:1.75; letter-spacing:-.2px;}
.ckpa_apply em {font-style:normal; color:#1b5fb5; font-weight:700;}

/* 상단 헤드 */
.ckpa_apply_head {margin:10px 0 50px;}
.ckpa_apply_eyebrow {display:inline-block; font-size:16px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#5a7389; padding:0 0 6px; position:relative;}
.ckpa_apply_eyebrow::after {content:""; display:block; width:28px; height:2px; background:#5a7389; margin-top:10px;}
.ckpa_apply_title {font-size:32px; font-weight:800; color:#1a2436; letter-spacing:-1.2px; line-height:1.25; margin:22px 0 18px;}
.ckpa_apply_lead {margin:0; font-size:18px; font-weight:500; color:#4a5566; line-height:1.75; letter-spacing:-.2px; word-break:keep-all;}

/* 4-STEP 카드 — 반응형 grid (PC 에서 4열, 좁아지면 자동 wrap) */
.ckpa_apply_steps {list-style:none; margin:0 0 60px; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; counter-reset:none;}
.ckpa_apply_step {position:relative; list-style:none; background:#fff; border:1px solid #e5e8ee; border-radius:14px; padding:32px 26px 28px; transition:border-color .2s, box-shadow .2s, transform .2s;}
.ckpa_apply_step:hover {border-color:#c5d2e5; box-shadow:0 10px 24px rgba(27,47,78,.08); transform:translateY(-2px);}

/* STEP 번호 pill — 카드 상단 좌측에 살짝 걸침 */
.ckpa_apply_step_num {position:absolute; top:-13px; left:22px; display:inline-block; padding:5px 14px; background:#1b5fb5; color:#fff; font-family:"Pretendard Variable", Pretendard, sans-serif; font-size:13px; font-weight:700; letter-spacing:1px; border-radius:99px; box-shadow:0 4px 10px rgba(27,95,181,.2); font-variant-numeric:tabular-nums;}
/* 2026-04-22 Phase 9 Task 9-2: STEP num 4색 분기 (블루 편중 완화) —
 * STEP 1 앰버웜 / STEP 2 티얼 / STEP 3 브랜드 블루(기본 유지) / STEP 4 네이비 */
.ckpa_apply_steps .ckpa_apply_step:nth-child(1) .ckpa_apply_step_num {background:var(--c-amber-warm);}
.ckpa_apply_steps .ckpa_apply_step:nth-child(2) .ckpa_apply_step_num {background:#0e7c8a;}
.ckpa_apply_steps .ckpa_apply_step:nth-child(4) .ckpa_apply_step_num {background:#1a2436;}
/* 2026-04-23 Phase 9 Task 9-2 확장: STEP별 아이콘 래퍼(bg+color) + 카드 자체 tint 3중 분기.
 * 카드 tint 는 명도 95+ (매우 연한 파스텔), 아이콘 tint 는 명도 85~92 (중간 연하기). */
/* STEP 1 🟧 앰버 */
.ckpa_apply_steps .ckpa_apply_step:nth-child(1) {background:#fefaf3;}
.ckpa_apply_steps .ckpa_apply_step:nth-child(1) .ckpa_apply_step_icon {background:#fdf3e3; color:var(--c-amber-warm);}
/* STEP 2 🟩 티얼 */
.ckpa_apply_steps .ckpa_apply_step:nth-child(2) {background:#f4fafb;}
.ckpa_apply_steps .ckpa_apply_step:nth-child(2) .ckpa_apply_step_icon {background:#e0f1f3; color:#0e7c8a;}
/* STEP 3 🟦 브랜드 블루 (아이콘 기본값 유지, 카드 tint 만 변경) */
.ckpa_apply_steps .ckpa_apply_step:nth-child(3) {background:#f7faff;}
/* STEP 4 ⬛ 네이비 */
.ckpa_apply_steps .ckpa_apply_step:nth-child(4) {background:#f5f7fa;}
.ckpa_apply_steps .ckpa_apply_step:nth-child(4) .ckpa_apply_step_icon {background:#e6e9ef; color:#1a2436;}

/* SVG 아이콘 — 네이비 원형 배경 */
.ckpa_apply_step_icon {width:56px; height:56px; display:inline-flex; align-items:center; justify-content:center; background:#eaf2fd; color:#1b5fb5; border-radius:14px; margin:14px 0 20px;}
.ckpa_apply_step_icon svg {width:28px; height:28px;}

.ckpa_apply_step_title {margin:0 0 10px; font-size:18px; font-weight:700; color:#1a2436; letter-spacing:-.3px; line-height:1.35;}
.ckpa_apply_step_desc {margin:0; font-size:15px; color:#5a6472; line-height:1.7; letter-spacing:-.2px; word-break:keep-all;}

/* NOTICE 박스 — 아이콘 좌 + 본문 우 */
.ckpa_apply_notice {display:grid; grid-template-columns:auto 1fr; gap:24px; align-items:flex-start; padding:28px 32px; background:#f3f7fe; border:1px solid #dbe5f5; border-radius:14px; margin:0 0 40px;}
.ckpa_apply_notice_icon {flex:0 0 48px; width:48px; height:48px; display:inline-flex; align-items:center; justify-content:center; background:#fff; border:1px solid #c5d2e5; border-radius:50%; color:#1b5fb5;}
.ckpa_apply_notice_icon svg {width:24px; height:24px;}
.ckpa_apply_notice_body {min-width:0;}
.ckpa_apply_notice_title {margin:0 0 10px; font-size:18px; font-weight:700; color:#1a2436; letter-spacing:-.3px;}
.ckpa_apply_notice_body p {margin:0 0 6px; font-size:16px; color:#3b4552; line-height:1.75; letter-spacing:-.2px; word-break:keep-all;}
.ckpa_apply_notice_body p:last-child {margin-bottom:0;}
a.ckpa_apply_notice_tel,
a.ckpa_apply_notice_tel:link,
a.ckpa_apply_notice_tel:visited {color:#1b5fb5; font-weight:700; text-decoration:none; letter-spacing:.2px; font-variant-numeric:tabular-nums;}
a.ckpa_apply_notice_tel:hover {text-decoration:underline;}