@charset "euc-kr";

/* ==================================================
   COMMON (page scope)
================================================== */
.soc-wrap {width:100%;overflow:hidden;font-family:'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;color:#333;word-break:keep-all}
.soc-wrap * {box-sizing:border-box}
.soc-wrap h1, .soc-wrap h2, .soc-wrap p, .soc-wrap dl, .soc-wrap dt, .soc-wrap dd {margin:0;padding:0}
.soc-wrap ul, .soc-wrap li {margin:0}
.soc-wrap ul {list-style:none}
.soc-wrap a {text-decoration:none}
.soc-wrap .c-navy {color:#1a2dad}
.soc-wrap .br-mo, .soc-wrap .br-ta, .soc-wrap .br-tamo {display:none}
.soc-wrap .sec-title {font-size:28px;font-weight:700;line-height:38px;letter-spacing:-0.56px;color:#333;text-align:center}
.soc-wrap .dot-list li {padding-left:0.7em;text-indent:-0.7em}
.soc-wrap .dot-list li::before {content:"\2022\00a0"}

/* ==================================================
   TOP (visual + intro + info)
================================================== */
.soc-wrap .soc-top {position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:48px;padding:100px 0;background:linear-gradient(180deg, #eee 0%, #fff 53.226%)}
.soc-wrap .top-content {position:relative;display:flex;flex-direction:column;gap:48px;width:1200px}
.soc-wrap .top-title {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.soc-wrap .top-title-group {display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.soc-wrap .top-label {display:flex;align-items:center;gap:12px;padding:4px 0;border-top:2px solid #1a2dad;border-bottom:2px solid #1a2dad;font-size:24px;font-weight:400;line-height:32px;letter-spacing:-0.48px;color:#1a2dad;white-space:nowrap}
.soc-wrap .top-label strong {font-weight:700}
.soc-wrap .top-label-bar {display:block;width:1px;height:20px}
.soc-wrap .top-label-bar svg {display:block}
.soc-wrap .top-main {font-size:64px;font-weight:700;line-height:1.2;letter-spacing:-1.28px;color:#333}
.soc-wrap .top-sub {font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-0.72px;color:#333}
.soc-wrap .top-intro {display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#1b223a}
.soc-wrap .intro-body {display:flex;flex-direction:column;gap:20px;padding:48px}
.soc-wrap .intro-line {display:block;width:32px;height:2px;background:#fff}
.soc-wrap .intro-lead {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px;color:#fff}
.soc-wrap .intro-txt {font-size:16px;font-weight:400;line-height:24px;letter-spacing:-0.16px;color:#fff}
.soc-wrap .intro-txt.is-b {font-weight:700}
.soc-wrap .intro-last {display:flex;flex-direction:column;gap:2px}
.soc-wrap .hl {margin:0 -3px;padding:0 3px 2px;background:linear-gradient(rgba(44, 91, 246, 0.4), rgba(44, 91, 246, 0.4)) 0 100% / 100% 12px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.soc-wrap .top-profile {position:absolute;bottom:-48px;left:calc(50% + 387.5px);width:917px;height:922px;max-width:none;object-fit:contain;transform:translateX(-50%) scaleX(-1);pointer-events:none}
.soc-wrap .top-info {position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:12px;width:1200px}
.soc-wrap .top-info-box {display:flex;align-items:center;justify-content:space-between;width:100%;padding:32px 48px;border-radius:12px;background:#12197f}
.soc-wrap .top-info-list {display:flex;flex-direction:column;gap:12px;font-size:18px;line-height:26px;letter-spacing:-0.36px;color:#fff}
.soc-wrap .top-info-row {display:flex;gap:60px}
.soc-wrap .info-item {display:flex;gap:16px}
.soc-wrap .info-item dt {flex:none;font-weight:600}
.soc-wrap .info-item dd {font-weight:400}
.soc-wrap .top-cta {display:flex}
.soc-wrap .btn-fill {display:flex;align-items:center;justify-content:center;width:200px;height:42px;padding:0 24px;border-radius:999px;background:#fff;font-size:15px;font-weight:600;line-height:22px;letter-spacing:-0.15px;color:#333;white-space:nowrap}
.soc-wrap .top-note {font-size:13px;line-height:18px;color:#999;text-align:right}

/* DNA visual (top-intro »ó´Ü ¹è³Ê) : PC/TA´Â 1200px °íÁ¤ ·¹À̾ ÁÂÃø ±âÁØÀ¸·Î Ŭ¸³, MO´Â ¹Ú½º Æø ±âÁØ */
.soc-wrap .dna-visual {position:relative;height:190px;overflow:hidden;background:linear-gradient(90.43deg, #040a1a 33.599%, #1b223a 99.94%)}
.soc-wrap .dna-bg {position:absolute;left:0;top:0;width:1200px;height:190px;overflow:hidden}
.soc-wrap .dna-photo {position:absolute;left:282px;top:-12px;width:745.7px;height:230.4px;max-width:none;object-fit:cover;-webkit-mask-image:linear-gradient(90deg, #000 347px, rgba(0, 0, 0, 0) 571px);mask-image:linear-gradient(90deg, #000 347px, rgba(0, 0, 0, 0) 571px)}
.soc-wrap .dna-dim {position:absolute;pointer-events:none}
.soc-wrap .dna-dim-right {left:589px;top:0;width:354px;height:191px;background:linear-gradient(90deg, rgba(5, 10, 26, 0.78) 0%, rgba(5, 10, 26, 0.4) 30%, rgba(5, 10, 26, 0) 55%);-webkit-mask-image:linear-gradient(90deg, #000 40px, rgba(0, 0, 0, 0) 264px);mask-image:linear-gradient(90deg, #000 40px, rgba(0, 0, 0, 0) 264px);transform:scaleX(-1)}
.soc-wrap .dna-dim-left {left:282px;top:0;width:465px;height:190px;background:linear-gradient(90deg, #040a1a 1.782%, rgba(5, 10, 26, 0.4) 30%, rgba(5, 10, 26, 0) 55%)}
.soc-wrap .dna-dim-bottom, .soc-wrap .dna-dim-top {display:none}
.soc-wrap .dna-arrow svg {position:absolute;transform:rotate(3.54deg)}
.soc-wrap .dna-arrow-pc svg {left:479.26px;top:-0.66px}
.soc-wrap .dna-arrow-mo {display:none}
.soc-wrap .dna-pill {position:absolute;display:flex;align-items:center;height:40px;overflow:hidden;border:1px solid;border-radius:999px}
.soc-wrap .dna-pill-2004 {right:580px;top:123px;justify-content:flex-end;padding-left:10px;border-color:rgba(32, 68, 123, 0.8);background:linear-gradient(90deg, rgba(32, 68, 123, 0.5), rgba(0, 0, 0, 0.5))}
.soc-wrap .dna-pill-2028 {right:479px;top:24px;padding-left:10px;border-color:rgba(204, 70, 17, 0.7);background:linear-gradient(90deg, rgba(200, 85, 39, 0.42), rgba(61, 17, 0, 0.42))}
.soc-wrap .dna-pill-tit {display:flex;flex-direction:column;align-items:flex-end;flex:none;line-height:normal;color:#fff;text-align:right}
.soc-wrap .dna-pill-2004 .dna-pill-tit {gap:0.52px;text-shadow:0 0 6.237px rgba(0, 0, 0, 0.5)}
.soc-wrap .dna-pill-2028 .dna-pill-tit {margin-right:-6px;text-shadow:0 0 8.316px rgba(0, 0, 0, 0.4)}
.soc-wrap .dna-pill-yr {font-size:12px;font-weight:600;letter-spacing:0.5px}
.soc-wrap .dna-pill-name {font-family:'Gmarket Sans', 'GmarketSansBold', 'Pretendard', sans-serif;font-size:13px;font-weight:700;white-space:nowrap}
.soc-wrap .dna-pill-2004 .dna-pill-yr, .soc-wrap .dna-pill-2004 .dna-pill-name {opacity:0.9}
.soc-wrap .dna-circle {position:relative;flex:none;display:block}
.soc-wrap .dna-pill-2004 .dna-circle {width:26px;height:26px}
.soc-wrap .dna-pill-2028 .dna-circle {width:41px;height:41px}
.soc-wrap .dna-circ {position:absolute;left:-26.04%;top:-26.04%;display:block;width:152.08%;height:152.08%}
.soc-wrap .dna-title {position:absolute;left:42px;top:50%;margin-top:1.12px;transform:translateY(-50%);display:flex;flex-direction:column;gap:6.237px;width:197.511px}
.soc-wrap .dna-main {font-family:'Gmarket Sans', 'GmarketSansBold', 'Pretendard', sans-serif;font-size:28px;font-weight:700;line-height:normal;color:#fff}
.soc-wrap .dna-big {font-size:86px;font-weight:900;line-height:72px;letter-spacing:1px;white-space:nowrap;color:transparent;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 190 72' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='1'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(9.2 3.4971 -11.14 13.56 98 39.6)'%3E%3Cstop stop-color='rgba(255,255,255,1)' offset='0'/%3E%3Cstop stop-color='rgba(255,225,213,1)' offset='0.5'/%3E%3Cstop stop-color='rgba(255,194,172,1)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");background-size:100% 100%;-webkit-background-clip:text;background-clip:text}
.soc-wrap .dna-sub {position:absolute;left:248px;top:50%;margin-top:31px;transform:translateY(-50%);width:320px;font-size:18px;font-weight:600;line-height:24px;letter-spacing:0.54px;color:#fff}
.soc-wrap .dna-sub .c-blue {color:#679ff2}
.soc-wrap .dna-sub .c-orange {color:#ff7d56}

/* ==================================================
   AGENDA
================================================== */
.soc-wrap .soc-agenda {display:flex;flex-direction:column;align-items:center;gap:20px}
.soc-wrap .agenda-box {display:flex;flex-direction:column;gap:48px;width:1200px;padding:48px;border:1px solid #e5e5e5;border-radius:12px}
.soc-wrap .agenda-item {display:flex;flex-direction:column;gap:24px}
.soc-wrap .agenda-item + .agenda-item {padding-top:48px;border-top:1px solid #e5e5e5}
.soc-wrap .agenda-head {display:flex;align-items:flex-start;gap:12px}
.soc-wrap .agenda-num {flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#1a2dad;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;color:#fff}
.soc-wrap .agenda-tit {font-size:24px;font-weight:700;line-height:32px;letter-spacing:-0.48px;color:#333}
.soc-wrap .agenda-list {display:flex;padding:0;font-size:18px;line-height:26px;letter-spacing:-0.36px;color:#555}
.soc-wrap .agenda-list li {flex:1;min-width:0}

/* ==================================================
   BENEFIT
================================================== */
.soc-wrap .soc-benefit {display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 0}
.soc-wrap .benefit-wrap {display:flex;flex-direction:column;align-items:flex-end;gap:16px;width:1200px}
.soc-wrap .benefit-box {display:flex;gap:24px;width:100%;padding:32px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.soc-wrap .benefit-item {flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.soc-wrap .benefit-img {position:relative;width:100%;aspect-ratio:362 / 240;border-radius:8px;overflow:hidden}
.soc-wrap .bn-pic {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden}
.soc-wrap .bn-pic img {position:absolute;left:0;width:100%;max-width:none}
.soc-wrap .bn-mock {height:95.42%;aspect-ratio:2756 / 2457;margin-top:-3.5px}
.soc-wrap .bn-mock img {top:0;height:100%;object-fit:cover}
.soc-wrap .bn-guide {height:88.34%;aspect-ratio:158 / 212}
.soc-wrap .bn-guide img {top:-2.12%;height:104.62%}
.soc-wrap .bn-goods {height:88.34%;aspect-ratio:364 / 212}
.soc-wrap .bn-goods img {top:1.87%;height:95.09%}
.soc-wrap .benefit-cap {width:100%;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px;color:#333;text-align:center}
.soc-wrap .benefit-note {font-size:13px;line-height:18px;color:#999;text-align:right}

/* ==================================================
   RESERVE
================================================== */
.soc-wrap .soc-reserve {display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 0;background:#f8f8f8}
.soc-wrap .reserve-cont {display:flex;flex-direction:column;gap:32px;width:1200px}
.soc-wrap .branch-list {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;padding:0}
.soc-wrap .branch-card {display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
.soc-wrap .branch-card[hidden] {display:none}
.soc-wrap .card-head {display:flex;align-items:center;justify-content:space-between;gap:8px}
.soc-wrap .card-name {flex:1;min-width:0;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;color:#333}
/* .soc-wrap .card-note {flex:none;font-size:13px;line-height:18px;color:#999;text-align:right;white-space:nowrap} */
.soc-wrap .card-note {flex:none;font-size:13px;line-height:1.2;letter-spacing:-0.26px;color:#999;text-align:left;white-space:nowrap}
.soc-wrap .card-cont {display:flex;align-items:flex-end;gap:24px}
.soc-wrap .card-info {flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
.soc-wrap .card-info > div {display:flex;gap:12px}
.soc-wrap .card-info dt {flex:none;font-weight:600;color:#333}
.soc-wrap .card-info dd {flex:1;min-width:0;font-weight:400;color:#555}
.soc-wrap .card-body {flex:none;display:flex;align-items:center;gap:16px}
.soc-wrap .card-map {flex:none;display:flex;gap:8px}
.soc-wrap .btn-map {position:relative;display:block;width:40px;height:40px;border-radius:50%;background:#fff;overflow:hidden}
.soc-wrap .btn-reserve {display:flex;align-items:center;justify-content:center;width:144px;height:40px;padding:0 24px;border:1px solid #0376f0;border-radius:999px;background:#ebf3ff;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px;color:#0376f0;white-space:nowrap}
.soc-wrap .btn-reserve.is-closed {padding:0;border-color:#DBDEE5;background:#EDEDED;color:#777;cursor:default}

/* ==================================================
   NOTICE
================================================== */
.soc-wrap .soc-notice {padding:40px 0;border-top:1px solid #e5e5e5;background:#f8f8f8}
.soc-wrap .notice-inner {display:flex;flex-direction:column;gap:12px;width:1200px;margin:0 auto}
.soc-wrap .notice-tit {font-size:20px;font-weight:600;line-height:28px;letter-spacing:-0.4px;color:#333}
.soc-wrap .notice-list {display:flex;flex-direction:column;gap:4px;padding:0;font-size:15px;line-height:22px;letter-spacing:-0.15px;color:#777}

/* ==================================================
   TABLET (768 ~ 1199)
================================================== */
@media screen and (max-width: 1199px) {
	.soc-wrap .br-ta, .soc-wrap .br-tamo {display:inline}

	.soc-wrap .soc-top {padding:80px 0;background:linear-gradient(180deg, #eee 0%, #fff 45.029%)}
	.soc-wrap .top-content {width:100%;padding:0 24px}
	.soc-wrap .top-main {font-size:56px;letter-spacing:-1.12px}
	.soc-wrap .top-sub {font-size:28px;letter-spacing:-0.56px}
	.soc-wrap .intro-body {gap:24px}
	.soc-wrap .intro-line {margin-bottom:-4px}
	.soc-wrap .dna-photo {left:234px;-webkit-mask-image:linear-gradient(90deg, #000 347px, rgba(0, 0, 0, 0) 655px);mask-image:linear-gradient(90deg, #000 347px, rgba(0, 0, 0, 0) 655px)}
	.soc-wrap .dna-dim-right {display:none}
	.soc-wrap .dna-dim-left {left:234px}
	.soc-wrap .dna-arrow-pc svg {left:439.26px}
	.soc-wrap .dna-visual {background:linear-gradient(90deg, #040a1a calc(100% - 478px), #1b223a 100%)}
	.soc-wrap .dna-bg {left:auto;right:0;width:720px}
	.soc-wrap .dna-pill-2004 {right:140px}
	.soc-wrap .dna-pill-2028 {right:39px}
	.soc-wrap .top-profile {bottom:-129px;left:auto;right:-110px;width:579px;height:582px;transform:scaleX(-1)}
	.soc-wrap .top-info {width:100%}
	.soc-wrap .top-info-box {justify-content:flex-start;gap:60px;border-radius:0}
	.soc-wrap .top-cta {flex:1;min-width:0}
	.soc-wrap .btn-fill {flex:1;width:auto;min-width:0}
	.soc-wrap .top-note {padding:0 24px}

	.soc-wrap .soc-agenda {padding:0 24px}
	.soc-wrap .agenda-box {width:100%}
	.soc-wrap .agenda-item {gap:20px}
	.soc-wrap .agenda-list {flex-direction:column;gap:4px}

	.soc-wrap .soc-benefit {padding:60px 24px}
	.soc-wrap .benefit-wrap {width:100%}
	.soc-wrap .bn-mock {height:97.5%;margin-top:0}

	.soc-wrap .reserve-cont {width:100%}
	.soc-wrap .branch-list {padding:0 24px}
	.soc-wrap .branch-card {gap:4px}
	.soc-wrap .card-cont {flex-direction:column;align-items:stretch;gap:12px}
	.soc-wrap .card-info {gap:2px}
	.soc-wrap .card-note {font-size:12px;letter-spacing:-0.24px}
	.soc-wrap .card-body {width:100%}
	.soc-wrap .btn-reserve {order:-1;flex:1;width:auto;min-width:0}

	.soc-wrap .soc-notice {padding:40px 24px}
	.soc-wrap .notice-inner {width:100%}
}

/* ==================================================
   MOBILE (~ 767)
================================================== */
@media screen and (max-width: 767px) {
	.soc-wrap .br-mo {display:inline}
	.soc-wrap .br-ta {display:none}
	.soc-wrap .sec-title {font-size:24px;line-height:32px;letter-spacing:-0.48px}

	.soc-wrap .soc-top {gap:32px;padding:60px 0 40px;background:linear-gradient(180deg, #eee 0%, #fff 38.678%)}
	.soc-wrap .top-content {gap:32px;padding:0 16px}
	.soc-wrap .top-title, .soc-wrap .top-title-group {gap:16px}
	.soc-wrap .top-label {gap:8px;font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.soc-wrap .top-label strong {font-weight:600}
	.soc-wrap .top-main {font-size:40px;letter-spacing:-0.8px}
	.soc-wrap .top-sub {font-size:16px;letter-spacing:-0.32px}
	/* DNA visual MO */
	.soc-wrap .intro-body {gap:12px;padding:24px 20px}
	.soc-wrap .intro-line {width:24px;margin-bottom:0}
	.soc-wrap .dna-visual {background:linear-gradient(90deg, #040a1a calc(100% - 218px), #1b223a 100%)}
	.soc-wrap .dna-bg {width:328px}
	.soc-wrap .dna-photo {left:-17.07%;top:-17px;width:179.87%;height:auto;aspect-ratio:590 / 216;-webkit-mask-image:none;mask-image:none}
	.soc-wrap .dna-dim-right {display:block;left:127px;width:274px;-webkit-mask-image:none;mask-image:none}
	.soc-wrap .dna-dim-bottom {display:block;left:0;top:63px;width:100%;height:127px;background:linear-gradient(0deg, rgba(5, 10, 26, 0.78) 0%, rgba(5, 10, 26, 0.4) 30%, rgba(5, 10, 26, 0) 52.404%)}
	.soc-wrap .dna-dim-top {display:block;left:0;top:-17px;width:100%;height:100px;background:linear-gradient(180deg, rgba(5, 10, 26, 0.78) 0%, rgba(5, 10, 26, 0.4) 30%, rgba(5, 10, 26, 0) 52.404%)}
	.soc-wrap .dna-dim-left {left:0;width:100%;background:linear-gradient(90deg, #040a1a 15.396%, rgba(5, 10, 26, 0.4) 45.274%, rgba(5, 10, 26, 0) 63.72%)}
	.soc-wrap .dna-arrow-pc {display:none}
	.soc-wrap .dna-arrow-mo {display:block}
	.soc-wrap .dna-arrow-mo svg {left:101.49px;top:27.01px}
	.soc-wrap .dna-pill {height:30px;border-width:1.183px}
	.soc-wrap .dna-pill-2004 {right:123px;top:136px;width:110px;padding-left:0}
	.soc-wrap .dna-pill-2028 {right:26px;top:33px;height:32px;width:116px;padding-left:9px}
	.soc-wrap .dna-pill-2004 .dna-pill-tit {gap:0.615px;margin-right:-2px;font-size:9px;text-shadow:0 0 7.379px rgba(0, 0, 0, 0.5)}
	.soc-wrap .dna-pill-2028 .dna-pill-tit {gap:2px;margin-right:-7px;text-shadow:0 0 9.838px rgba(0, 0, 0, 0.4)}
	.soc-wrap .dna-pill-2004 .dna-pill-yr, .soc-wrap .dna-pill-2004 .dna-pill-name {font-size:9px}
	.soc-wrap .dna-pill-2028 .dna-pill-yr {font-size:10px}
	.soc-wrap .dna-pill-2028 .dna-pill-name {font-size:9px}
	.soc-wrap .dna-pill-2004 .dna-circle {width:30.758px;height:30.758px}
	.soc-wrap .dna-pill-2028 .dna-circle {width:48px;height:48px}
	.soc-wrap .dna-title {left:20px;margin-top:-44px;gap:6px}
	.soc-wrap .dna-main {font-size:16px}
	.soc-wrap .dna-big {font-size:48px;line-height:40px;background-image:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 107 40' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='1'/%3E%3Cdefs%3E%3CradialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(5.1811 1.9429 -6.2737 7.5335 55.189 22)'%3E%3Cstop stop-color='rgba(255,255,255,1)' offset='0'/%3E%3Cstop stop-color='rgba(255,225,213,1)' offset='0.5'/%3E%3Cstop stop-color='rgba(255,194,172,1)' offset='1'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")}
	.soc-wrap .dna-sub {left:20px;margin-top:13px;width:auto;font-size:12px;line-height:16px;letter-spacing:0.36px;white-space:nowrap}
	.soc-wrap .intro-lead {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.soc-wrap .intro-txt {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.soc-wrap .top-profile {bottom:-32px;left:auto;right:-64px;width:284px;height:277px}
	.soc-wrap .top-info-box {flex-direction:column;align-items:stretch;gap:16px;padding:24px 20px}
	.soc-wrap .top-info-list {gap:8px;font-size:16px;line-height:24px;letter-spacing:-0.32px}
	.soc-wrap .top-info-row {flex-direction:column;gap:8px}
	.soc-wrap .info-item dd {flex:1;min-width:0}
	.soc-wrap .top-cta {width:100%}
	.soc-wrap .top-note {padding:0 16px}

	.soc-wrap .soc-agenda {gap:16px;padding:0 16px}
	.soc-wrap .agenda-box {gap:24px;padding:24px 20px}
	.soc-wrap .agenda-item {gap:12px}
	.soc-wrap .agenda-item + .agenda-item {padding-top:24px}
	.soc-wrap .agenda-head {align-items:center;gap:8px}
	.soc-wrap .agenda-num {width:28px;height:28px;font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.soc-wrap .agenda-tit {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.soc-wrap .agenda-list {font-size:14px;line-height:20px;letter-spacing:-0.14px}

	.soc-wrap .soc-benefit {gap:16px;padding:40px 16px}
	.soc-wrap .benefit-box {flex-wrap:wrap;gap:16px;padding:20px}
	.soc-wrap .benefit-item {flex:none;width:calc((100% - 16px) / 2)}
	.soc-wrap .benefit-item.is-goods {width:100%}
	.soc-wrap .benefit-img {aspect-ratio:135 / 118}
	.soc-wrap .benefit-item.is-goods .benefit-img {aspect-ratio:286 / 123}
	.soc-wrap .bn-mock {height:99.15%}
	.soc-wrap .bn-guide {height:98.3%}
	.soc-wrap .bn-goods {height:100%}
	.soc-wrap .benefit-cap {font-size:14px;line-height:20px;letter-spacing:-0.14px;white-space:nowrap}

	.soc-wrap .soc-reserve {gap:16px;padding:40px 0}
	.soc-wrap .reserve-cont {gap:20px}
	.soc-wrap .branch-list {grid-template-columns:minmax(0, 1fr);padding:0 16px}
	.soc-wrap .branch-card {padding:20px}
	.soc-wrap .card-name {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.soc-wrap .card-info {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.soc-wrap .btn-reserve {font-size:14px;line-height:20px;letter-spacing:-0.14px}
	.soc-wrap .card-note {font-size:12px;line-height:18px;letter-spacing:-0.12px;margin-top: 2px;}

	.soc-wrap .soc-notice {padding:20px 16px}
	.soc-wrap .notice-tit {font-size:18px;line-height:26px;letter-spacing:-0.36px}
	.soc-wrap .notice-list {font-size:13px;line-height:18px;letter-spacing:0}

	/* MO fixed header (.gnb-inner 55px, rwd/css/layout.css) - anchor offset for 'reserve' */
	.soc-wrap #agenda, .soc-wrap #reserve {scroll-margin-top:55px}
}