@charset "euc-kr";

/* =====================================================================
   2028 첫 수능 학부모 입시교실 (TRS 14373)
   - Figma 시안(공통 2028 첫 수능 학부모 입시교실) 기준
   - 브레이크포인트: PC 1024+ / TA 768~1023 / MO ~767 (시안은 PC/TA 1개 프레임 + MO)
===================================================================== */

/* ── 공통 ───────────────────────────────────────────────────────── */
.parents-class {display:block;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word;color:#333}
.pcl-badge,.pcl-tit,.pcl-sub,.pcl-lead,.pcl-desc,.pcl-btns,.pcl-h,.pcl-txt,.pcl-warn,.pcl-note,.pcl-cards,.pcl-cards p,.pcl-steps,.pcl-step-q,.pcl-list,.pcl-gifts,.pcl-camps,.pcl-camps dl,.pcl-camps dd,.pcl-close p {margin:0;padding:0}
.pcl-cards,.pcl-steps,.pcl-list,.pcl-gifts,.pcl-camps {list-style:none}
.pcl-in {width:100%;max-width:1024px;margin:0 auto}

/* ── 상단 비주얼 ─────────────────────────────────────────────────── */
.pcl-top {position:relative;overflow:hidden;padding:60px 24px;background:#fff;text-align:center}
.pcl-top:before {content:"";position:absolute;left:50%;top:0;width:1920px;height:1248px;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg width='1920' height='1248' viewBox='0 0 1920 1248' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_4)'%3E%3Cg opacity='0.7' filter='url(%23filter0_f_0_4)'%3E%3Cellipse cx='1145' cy='381.5' rx='304' ry='303.5' fill='url(%23paint0_linear_0_4)'/%3E%3Cellipse cx='1145' cy='381.5' rx='304' ry='303.5' fill='url(%23paint1_linear_0_4)'/%3E%3C/g%3E%3Cg opacity='0.6' filter='url(%23filter1_f_0_4)'%3E%3Ccircle cx='728' cy='33' r='307' fill='url(%23paint2_linear_0_4)'/%3E%3Ccircle cx='728' cy='33' r='307' fill='url(%23paint3_linear_0_4)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_0_4' x='573' y='-190' width='1144' height='1143' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='134' result='effect1_foregroundBlur_0_4'/%3E%3C/filter%3E%3Cfilter id='filter1_f_0_4' x='153' y='-542' width='1150' height='1150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='134' result='effect1_foregroundBlur_0_4'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_0_4' x1='1088.56' y1='291.537' x2='1565.12' y2='736.201' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A7BBEB' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23A7BBEB' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_0_4' x1='1336' y1='464' x2='851' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DAF4FF'/%3E%3Cstop offset='1' stop-color='%23DAFFF2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_0_4' x1='920.885' y1='116.451' x2='430.4' y2='-311.638' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DAF4FF'/%3E%3Cstop offset='1' stop-color='%23DAF4FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_0_4' x1='671' y1='-58' x2='1153' y2='391' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A7BBEB' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23A7BBEB' stop-opacity='0.6'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_0_4'%3E%3Crect width='1920' height='1248' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center top;pointer-events:none}
.pcl-top .pcl-in {position:relative;z-index:1}
.pcl-badge {display:inline-block;padding:4px 20px;border:1px solid #2c5bf6;border-radius:999px;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px}
.pcl-badge span {color:#2c5bf6;background:linear-gradient(123deg, #2c85fa 2.7%, #111cb8 100.9%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pcl-tit {margin-top:24px;font-size:72px;font-weight:800;line-height:84px;letter-spacing:-1.44px}
.pcl-tit span {display:block}
.pcl-tit .pcl-tit-2 {display:inline-block;color:#2c5bf6;background:linear-gradient(149deg, #34c4d3 1.5%, #111cb8 80.1%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pcl-sub {margin-top:24px;font-size:18px;line-height:26px;letter-spacing:-0.36px;color:#333}
.pcl-lead {margin-top:32px;font-size:24px;font-weight:600;line-height:32px;letter-spacing:-0.48px;color:#333}
.pcl-lead u {text-decoration:underline;text-decoration-skip-ink:none;text-decoration-thickness:2px;text-underline-offset:4px}
.pcl-desc {margin-top:12px;font-size:16px;line-height:24px;letter-spacing:-0.16px;color:#555}
.pcl-btns {display:flex;justify-content:center;width:780px;max-width:100%;margin:32px auto 0}
.pcl-btn {display:flex;flex:1 1 0%;align-items:center;justify-content:center;min-width:0;padding:18px 12px;border-radius:8px;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-0.18px;text-decoration:none;box-sizing:border-box;cursor:pointer}
.pcl-btn-line {padding-top:17px;padding-bottom:17px;border:1px solid #e5e5e5;background:#fff;color:#333}
.pcl-btn + .pcl-btn {margin-left:12px}
.pcl-btn-fill {border:0;background:#2c5bf6;color:#fff}

/* 줄바꿈 전용: PC(1024+)·TA(768~1023)를 이 페이지 브레이크포인트에 맞춰 구분 */
.pcl-br-pc,.pcl-br-ta {display:none}
@media (min-width:1024px) {
	.pcl-br-pc {display:inline}
}
@media (min-width:768px) and (max-width:1023px) {
	.pcl-br-ta {display:inline}
}

/* ── 섹션 공통 ───────────────────────────────────────────────────── */
.pcl-sec {padding:60px 24px;text-align:center}
.pcl-gray {background:#f1f3f8}
#pclSchedule {scroll-margin-top:0}
.pcl-flag {display:inline-block;padding:2px 12px;border:1px solid #333;border-radius:999px;font-size:15px;line-height:22px;letter-spacing:-0.15px;color:#333}
.pcl-h {margin-top:12px;font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;color:#333}
.pcl-txt {margin-top:8px;font-size:15px;line-height:22px;letter-spacing:-0.15px;color:#555}
.pcl-warn {margin-top:8px;font-size:13px;line-height:18px;color:#999}
.pcl-note {margin-top:8px;font-size:13px;line-height:18px;color:#999}
.pcl-cards,.pcl-steps,.pcl-gifts,.pcl-camps {margin-top:20px}

/* WHY NOW */
.pcl-cards {display:flex}
.pcl-cards li {flex:1 1 0%;min-width:0;padding:24px 12px 18px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:center;box-sizing:border-box}
.pcl-cards li + li {margin-left:16px}
.pcl-no {display:block;width:28px;height:28px;margin:0 auto;border-radius:50%;background:#2c5bf6;font-size:15px;font-weight:600;line-height:28px;letter-spacing:-0.15px;color:#fff;text-align:center}
.pcl-cards strong {display:block;margin-top:8px;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;color:#333}
.pcl-cards p {margin-top:8px;font-size:15px;line-height:22px;letter-spacing:-0.15px;color:#555}

/* CURRICULUM */
.pcl-steps {display:flex}
.pcl-steps > li {flex:1 1 0%;min-width:0;overflow:hidden;border:1px solid #e5e5e5;border-radius:12px;background:#fff;box-sizing:border-box}
.pcl-steps > li + li {margin-left:16px}
.pcl-step-head {padding:24px;background:#f1f8f8}
.pcl-step-label {display:inline-block;height:28px;padding:0 12px;border-radius:999px;background:#2992cb;font-size:16px;font-style:normal;font-weight:600;line-height:28px;letter-spacing:-0.16px;color:#fff}
.pcl-step-tit {display:block;margin-top:12px;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;color:#333}
.pcl-step-body {padding:24px}
.pcl-step-q {min-height:52px;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;color:#333}
.pcl-list {margin-top:8px;text-align:left}
.pcl-list li {position:relative;margin-top:4px;padding-left:12px;font-size:15px;line-height:22px;letter-spacing:-0.15px;color:#555}
.pcl-list li:first-child {margin-top:0}
.pcl-list li:before {content:"\2022";position:absolute;left:0;top:0}

/* BENEFIT */
.pcl-gifts {display:flex}
.pcl-gifts > li {display:flex;flex:1 1 0%;align-items:center;justify-content:center;min-width:0;padding:31px 23px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;text-align:left;box-sizing:border-box}
.pcl-gifts > li + li {margin-left:16px}
.pcl-gift-tag {display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;font-size:16px;font-weight:600;line-height:20px;letter-spacing:-0.16px}
.pcl-gift-tag span {display:block}
.pcl-tag-green {background:#f3fadb;color:#447200}
.pcl-tag-pink {background:#fdf2f5;color:#7d1d40}
.pcl-gift-txt {margin-left:20px}
.pcl-gift-txt strong {display:block;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;color:#333}

/* SCHEDULE */
.pcl-camps li {display:flex;align-items:center;padding:31px 47px;border:1px solid #e2e2e2;border-radius:10px;background:#fff;text-align:left;box-sizing:border-box}
.pcl-camps li + li {margin-top:16px}
.pcl-camp-main {display:flex;flex:1 1 0%;align-items:center;min-width:0}
.pcl-camp-name {flex:none;width:108px;margin-right:60px;white-space:nowrap;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px;color:#333}
.pcl-camp-meta {flex:1 1 0%;min-width:0}
.pcl-camp-meta > div {display:flex;align-items:flex-start}
.pcl-camp-meta > div + div {margin-top:12px}
.pcl-camp-meta dt {flex:none;width:74px;margin-right:24px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px;color:#333}
.pcl-camp-meta dd {flex:1 1 0%;min-width:0;margin:0;font-size:16px;line-height:24px;letter-spacing:-0.16px;color:#333}
.pcl-camp-meta dd span {display:block}
.pcl-camp-btns {display:flex;flex:none;margin-left:32px}
.pcl-map-btn {display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.pcl-map-tmap {margin-left:8px}
.pcl-map-mo {display:none}
.pcl-map-btn img {display:block;width:40px;height:40px}

/* 마무리 */
.pcl-close {padding:30px 24px;background:#2c5bf6;text-align:center}
.pcl-close p {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px;color:#fff}

/* popup: common css(popup_common.css, component.css) is used as-is, only page-specific parts are defined */
.pop-type-pcl .pcl-round {display:flex;flex-direction:column;width:100%}
.pop-type-pcl .pcl-round-btn {display:flex;align-items:center;justify-content:center;width:100%;height:42px;padding:0 8px;border:1px solid #dbdee5;border-radius:6px;background:#fff;font-size:15px;font-weight:500;line-height:21px;letter-spacing:-0.15px;color:#333;cursor:pointer;box-sizing:border-box}
.pop-type-pcl .pcl-round-btn.is-on {border-color:#2c5bf6;background:#fff;font-weight:500;color:#2c5bf6}
.pop-type-pcl .pcl-round-btn:focus-visible {outline:2px solid #2c85fa;outline-offset:2px}
.pop-type-pcl .pcl-round-row {display:flex;margin-top:8px}
.pop-type-pcl .pcl-round-row .pcl-round-btn {flex:1 1 0%;min-width:0}
.pop-type-pcl .pcl-round-row .pcl-round-btn + .pcl-round-btn {margin-left:8px}
.pop-type-pcl .pcl-round-head {display:flex;align-items:center;margin-bottom:8px}
.pop-type-pcl .pcl-round-head .pop-write-label {margin-bottom:0}
.pop-type-pcl .pcl-round-head .pop-field-message {margin:0 0 0 8px;font-size:12px}
.pop-type-pcl .pop-consent-label em {color:#ed2024;font-style:normal}
.pop-type-pcl .pop-privacy-content strong {display:inline;margin:0}
.pop-type-pcl .pop-privacy-content p + p {margin-top:18px}
.pop-type-pcl:not(.is-write-mo) .pop-form-submit {margin-top:8px}
#pclApplyModifyLayer:not(.is-write-mo) .pop-form-submit {margin-top:32px}
.pop-type-pcl .pop-custom-select .select-list {z-index:50}
#pclApplyViewLayer .pop-view-list {display:flex;flex-direction:column;width:100%;margin:0;padding:0;list-style:none}
#pclApplyViewLayer .pop-view-item {display:flex;align-items:flex-start;width:100%;box-sizing:border-box}
#pclApplyViewLayer .pop-view-item + .pop-view-item {margin-top:12px}
#pclApplyViewLayer .pop-view-tit {position:relative;width:120px;flex:none;margin:0;padding:0 0 0 16px;color:#777;font-size:15px;font-weight:400;line-height:22px;letter-spacing:-.15px}
#pclApplyViewLayer .pop-view-tit:before {content:"\2022";position:absolute;left:0;top:0}
#pclApplyViewLayer .pop-view-val {flex:1 1 0%;min-width:0;margin:0;color:#333;font-size:15px;font-weight:400;line-height:22px;letter-spacing:-.15px}
#pclApplyViewLayer.is-write-mo .pop-view-tit {width:100px;padding-left:12px;font-size:14px;line-height:20px;letter-spacing:-.14px}
#pclApplyViewLayer.is-write-mo .pop-view-val {font-size:14px;line-height:20px;letter-spacing:-.14px}

/* ── Tablet ──────────────────────────────────────────────────────── */
@media (max-width:1023px) {
	.pcl-steps > li + li {margin-left:12px}
	.pcl-map-pc {display:none}
	.pcl-map-mo {display:flex}
	.pcl-step-body {padding:24px 16px}
	.pcl-step-tit {white-space:nowrap}
	.pcl-gifts {display:block}
	.pcl-gifts > li + li {margin:16px 0 0}
	.pcl-cards li {min-height:260px;padding:24px 8px}
	.pcl-cards li + li {margin-left:12px}
}

/* ── Mobile ──────────────────────────────────────────────────────── */
@media (max-width:767px) {
	.pcl-top {padding:40px 16px}
	.pcl-top:before {width:834px;height:520px;background-image:url("data:image/svg+xml,%3Csvg width='834.002' height='520' viewBox='0 0 834.002 520' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_0_4)'%3E%3Cg opacity='0.6' filter='url(%23filter0_f_0_4)'%3E%3Cellipse cx='504.154' cy='255.83' rx='126.768' ry='126.56' fill='url(%23paint0_linear_0_4)'/%3E%3C/g%3E%3Cg opacity='0.55' filter='url(%23filter1_f_0_4)'%3E%3Ccircle cx='330.265' cy='110.505' r='128.019' fill='url(%23paint1_linear_0_4)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_0_4' x='265.629' y='17.514' width='477.049' height='476.632' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55.8781' result='effect1_foregroundBlur_0_4'/%3E%3C/filter%3E%3Cfilter id='filter1_f_0_4' x='90.4892' y='-129.27' width='479.551' height='479.551' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='55.8781' result='effect1_foregroundBlur_0_4'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_0_4' x1='583.801' y1='290.233' x2='381.556' y2='113.424' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23DAF4FF'/%3E%3Cstop offset='1' stop-color='%23DAFFF2'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_0_4' x1='306.496' y1='72.5581' x2='507.49' y2='259.791' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A7BBEB' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23A7BBEB' stop-opacity='0.6'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_0_4'%3E%3Crect width='834.002' height='520' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}
	.pcl-badge {padding:4px 20px;font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.pcl-tit {margin-top:16px;font-size:40px;line-height:38px;letter-spacing:-0.8px}
	.pcl-tit .pcl-tit-1 {font-weight:700;line-height:38px}
	.pcl-tit .pcl-tit-2 {font-weight:800;line-height:56px;background-image:linear-gradient(145deg, #34c4d3 1.5%, #111cb8 80.1%)}
	.pcl-sub {margin-top:12px;font-size:16px;line-height:24px;letter-spacing:-0.16px}
	.pcl-lead {margin-top:24px;font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.pcl-lead u {text-decoration-thickness:1px;text-underline-offset:3px}
	.pcl-desc {margin-top:8px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.pcl-btns {margin-top:24px}
	.pcl-btn {padding:16px 8px;border-radius:6px;font-size:16px;letter-spacing:-0.16px}
	.pcl-btn-line {padding-top:15px;padding-bottom:15px}
	.pcl-btn + .pcl-btn {margin-left:8px}
	.pcl-sec {padding:40px 16px}
	#pclSchedule {scroll-margin-top:54px}
	.pcl-flag {padding:0 8px;font-size:12px;font-weight:500;line-height:20px;letter-spacing:-0.12px}
	.pcl-h {font-size:24px;line-height:32px;letter-spacing:-0.48px}
	.pcl-txt {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.pcl-warn {font-size:12px;line-height:18px;letter-spacing:-0.12px}
	.pcl-note {font-size:12px;line-height:18px;letter-spacing:-0.12px}
	.pcl-cards,.pcl-steps,.pcl-gifts,.pcl-camps {margin-top:16px}
	.pcl-cards {display:block}
	.pcl-cards li {min-height:0;padding:16px}
	.pcl-cards li + li {margin:12px 0 0}
	.pcl-cards li:nth-child(n+3) {margin-top:12px}
	.pcl-no {width:20px;height:20px;font-size:12px;font-weight:700;line-height:20px;letter-spacing:-0.12px}
	.pcl-cards strong {margin-top:4px;font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.pcl-cards p {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.pcl-steps {display:block}
	.pcl-steps > li + li {margin:12px 0 0}
	.pcl-step-head {padding:16px}
	.pcl-step-label {height:24px;padding:2px 12px;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-0.14px}
	.pcl-step-tit {margin-top:8px;font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.pcl-step-body {padding:16px 24px}
	.pcl-step-tit {white-space:normal}
	.pcl-step-q {min-height:0;font-size:16px;line-height:24px;letter-spacing:-0.16px}
	.pcl-list li {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.pcl-gifts > li {display:block;padding:20px 16px;text-align:center}
	.pcl-gifts > li + li {margin-top:12px}
	.pcl-gift-tag {display:inline-block;width:auto;height:24px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:500;line-height:24px;letter-spacing:-0.12px}
	.pcl-tag-pink {background:#fef4f2;color:#4c0112}
	.pcl-gift-tag span {display:inline}
	.pcl-gift-txt {margin:8px 0 0}
	.pcl-gift-txt strong {font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.pcl-camps li {position:relative;display:block;padding:20px 16px;border-color:#e5e5e5}
	.pcl-camps li + li {margin-top:12px}
	.pcl-camp-main {display:block}
	.pcl-camp-name {display:block;width:auto;margin:0 0 10px;padding:6px 88px 6px 0;font-size:20px;line-height:28px;letter-spacing:-0.4px}
	.pcl-camp-meta > div + div {margin-top:8px}
	.pcl-camp-meta dt {width:64px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.pcl-camp-meta dd {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.pcl-camp-btns {position:absolute;right:16px;top:20px;margin:0}
	.pcl-close {padding:20px 16px}
	.pcl-close p {font-size:18px;font-weight:700;line-height:26px;letter-spacing:-0.36px}
	.pop-type-pcl .pcl-round-btn {height:38px;border-radius:4px;font-size:14px}
}
