@charset "utf-8";
/* 홈페이지 제작 메인(v2) */
.mn_wrap_v2 .hp_hero {background:linear-gradient(120deg, #fdf3d7, #e9f7ec);}

/* 포트폴리오 */
.mn_wrap_v2 .hp_years {display:flex; flex-wrap:wrap; gap:6px; margin:0 0 14px;}
.mn_wrap_v2 .hp_years a {display:inline-block; padding:5px 14px; border:1px solid var(--mn-line); border-radius:999px; font-size:12.5px; font-weight:600; color:var(--mn-sub); background:#fff; font-variant-numeric:tabular-nums;}
.mn_wrap_v2 .hp_years a:hover {border-color:var(--mn-green); color:var(--mn-green-d);}
.mn_wrap_v2 .hp_years a.on {background:var(--mn-green); border-color:var(--mn-green); color:#fff;}
.mn_wrap_v2 .hp_pf {display:grid; grid-template-columns:200px minmax(0, 1fr); gap:20px; align-items:start;}
.mn_wrap_v2 .hp_pf .site_list {border:1px solid var(--mn-line); border-radius:8px; padding:6px; max-height:300px; overflow-y:auto;}
.mn_wrap_v2 .hp_pf .site_list li a {display:block; padding:7px 10px; border-radius:6px; font-size:13px; color:var(--mn-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mn_wrap_v2 .hp_pf .site_list li a:hover {background:var(--mn-green-l); color:var(--mn-green-d);}
.mn_wrap_v2 .hp_pf .site_list li a.on {background:var(--mn-green); color:#fff; font-weight:700;}
.mn_wrap_v2 .hp_pf .site_list li.empty {padding:14px 10px; color:var(--mn-mute); font-size:12.5px; text-align:center;}
.mn_wrap_v2 .hp_pf .introduce {display:flex; gap:18px; align-items:flex-start; min-height:200px;}
.mn_wrap_v2 .hp_pf .introduce > span {flex:none; width:245px; max-width:45%;}
.mn_wrap_v2 .hp_pf .introduce > span img {display:block; width:100%; height:auto; border:1px solid var(--mn-line); border-radius:8px;}
.mn_wrap_v2 .hp_pf .introduce_txt {flex:1; min-width:0;}
.mn_wrap_v2 .hp_pf .introduce_txt h4 {font-size:16px; font-weight:800; margin:0 0 10px; line-height:1.4;}
.mn_wrap_v2 .hp_pf .introduce_txt table {width:100%; border-collapse:collapse;}
.mn_wrap_v2 .hp_pf .introduce_txt th {width:76px; text-align:left; font-size:11.5px; font-weight:700; letter-spacing:.3px; color:var(--mn-green-d); padding:7px 8px 7px 0; border-bottom:1px solid var(--mn-line); vertical-align:top;}
.mn_wrap_v2 .hp_pf .introduce_txt td {padding:7px 0; border-bottom:1px solid var(--mn-line); font-size:13px; word-break:break-all;}
.mn_wrap_v2 .hp_pf .introduce_txt a:hover {color:var(--mn-green-d); text-decoration:underline;}

/* 제작 순서 */
.mn_wrap_v2 .hp_steps {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .hp_steps li {display:flex; flex-direction:column; gap:4px; padding:16px 14px; border-radius:8px; background:var(--mn-soft);}
.mn_wrap_v2 .hp_steps b {width:26px; height:26px; border-radius:50%; background:var(--mn-green); color:#fff; font-size:13px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:4px;}
.mn_wrap_v2 .hp_steps strong {font-size:14px; font-weight:800;}
.mn_wrap_v2 .hp_steps span {font-size:12px; color:var(--mn-sub); line-height:1.5;}

/* 빠른 상담신청 */
.mn_wrap_v2 .hp_speed {display:flex; flex-direction:column; gap:6px;}
.mn_wrap_v2 .hp_speed label {font-size:12px; font-weight:700; color:var(--mn-sub); margin-top:4px;}
.mn_wrap_v2 .hp_speed input[type=text], .mn_wrap_v2 .hp_speed select {height:36px; border:1px solid #d1d5db; border-radius:6px; padding:0 10px; font-family:inherit; font-size:13px; background:#fff; width:100%;}
.mn_wrap_v2 .hp_speed input:focus, .mn_wrap_v2 .hp_speed select:focus {border-color:var(--mn-green); outline:none;}
.mn_wrap_v2 .hp_tel {display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:6px;}
.mn_wrap_v2 .hp_speed .hp_submit {width:100%; height:40px; margin-top:10px; background:var(--mn-green); color:#fff; border-radius:6px; font-weight:700; font-size:14px; cursor:pointer;}
.mn_wrap_v2 .hp_speed .hp_submit:hover {background:var(--mn-green-d);}

@media (max-width:860px) {
	.mn_wrap_v2 .hp_pf {grid-template-columns:minmax(0, 1fr);}
	.mn_wrap_v2 .hp_steps {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:640px) {
	.mn_wrap_v2 .hp_pf .introduce {flex-direction:column;}
	.mn_wrap_v2 .hp_pf .introduce > span {width:100%; max-width:100%;}
}

/* ---- 프로그램개발 ---- */
.mn_wrap_v2 .pk .pk_hero {position:relative; overflow:hidden; border-radius:var(--mn-radius); background:linear-gradient(120deg, #e9f7ec, #eaf3fb); padding:34px 32px 30px; margin-bottom:8px;}
.mn_wrap_v2 .pk .pk_hero::after {content:''; position:absolute; right:-60px; top:-60px; width:240px; height:240px; border-radius:50%; background:rgba(45,178,74,.14);}
.mn_wrap_v2 .pk .pk_hero > * {position:relative; z-index:1;}
.mn_wrap_v2 .pk .pk_title {margin:14px 0 0; font-size:28px; font-weight:800; letter-spacing:-1px; line-height:1.3; color:var(--mn-green-d);}
.mn_wrap_v2 .pk .pk_desc {margin:10px 0 0; color:var(--mn-sub); max-width:560px;}
.mn_wrap_v2 .pk .pk_cta {display:flex; flex-wrap:wrap; gap:8px; margin-top:20px;}
.mn_wrap_v2 .pk .pk_cta a {padding:9px 18px; border-radius:8px; border:1px solid var(--mn-green); background:#fff; color:var(--mn-green-d); font-weight:700; font-size:13.5px;}
.mn_wrap_v2 .pk .pk_cta a.main {background:var(--mn-green); color:#fff;}
.mn_wrap_v2 .pk .pk_cta a:hover {background:var(--mn-green-l);}
.mn_wrap_v2 .pk .pk_cta a.main:hover {background:var(--mn-green-d);}
.mn_wrap_v2 .pk .pk_h {font-size:16px; font-weight:800; letter-spacing:-.3px; margin:28px 0 12px; padding-left:12px; border-left:4px solid var(--mn-green);}
.mn_wrap_v2 .pk .pk_grid {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .pk .pk_grid li {display:flex; flex-direction:column; gap:6px; padding:16px 16px 14px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .pk .pk_grid li:hover {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.12);}
.mn_wrap_v2 .pk .pk_grid strong {font-size:14.5px; font-weight:800;}
.mn_wrap_v2 .pk .pk_grid span {font-size:12.5px; color:var(--mn-sub); line-height:1.6;}
.mn_wrap_v2 .pk .pk_check {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px 16px;}
.mn_wrap_v2 .pk .pk_check li {position:relative; padding:10px 12px 10px 34px; border-radius:8px; background:var(--mn-soft); font-size:13px;}
.mn_wrap_v2 .pk .pk_check li::before {content:'✓'; position:absolute; left:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:50%; background:var(--mn-green); color:#fff; font-size:10px; line-height:16px; text-align:center; font-weight:800;}
.mn_wrap_v2 .pk .pk_steps {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .pk .pk_steps li {display:flex; flex-direction:column; gap:4px; padding:16px 14px; border-radius:8px; background:var(--mn-soft);}
.mn_wrap_v2 .pk .pk_steps b {width:26px; height:26px; border-radius:50%; background:var(--mn-green); color:#fff; font-size:13px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:4px;}
.mn_wrap_v2 .pk .pk_steps strong {font-size:14px; font-weight:800;}
.mn_wrap_v2 .pk .pk_steps span {font-size:12px; color:var(--mn-sub); line-height:1.5;}
.mn_wrap_v2 .pk .pk_note {margin-top:28px; padding:16px 18px; border-radius:8px; background:var(--mn-green-l);}
.mn_wrap_v2 .pk .pk_note strong {color:var(--mn-green-d);}
.mn_wrap_v2 .pk .pk_note p {margin:4px 0 0; font-size:13px; color:var(--mn-text); line-height:1.6;}
@media (max-width:860px) {
	.mn_wrap_v2 .pk .pk_grid {grid-template-columns:repeat(2, minmax(0, 1fr));}
	.mn_wrap_v2 .pk .pk_steps {grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width:640px) {
	.mn_wrap_v2 .pk .pk_title {font-size:22px;}
	.mn_wrap_v2 .pk .pk_grid, .mn_wrap_v2 .pk .pk_check {grid-template-columns:minmax(0, 1fr);}
}

/* ---- 이용안내 (service.use) ---- */
.mn_wrap_v2 .us .us_lead {display:flex; gap:16px; align-items:center; padding:22px 24px; border-radius:var(--mn-radius); background:linear-gradient(120deg, #e9f7ec, #eaf3fb);}
.mn_wrap_v2 .us .us_lead > i {flex:none; font-size:38px; line-height:1; color:var(--mn-green);}
.mn_wrap_v2 .us .us_lead p {margin:0; font-size:16px; line-height:1.7; font-weight:600; color:var(--mn-text);}
.mn_wrap_v2 .us .us_lead strong {color:var(--mn-green-d); background:linear-gradient(transparent 62%, rgba(45,178,74,.22) 62%);}
.mn_wrap_v2 .us .us_h {display:flex; align-items:center; gap:8px; margin:30px 0 14px; font-size:17px; font-weight:800; letter-spacing:-.3px;}
.mn_wrap_v2 .us .us_h i {color:var(--mn-green); font-size:20px;}
.mn_wrap_v2 .us .us_prep {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .us .us_prep li, .mn_wrap_v2 .us .us_attn li {display:flex; gap:14px; align-items:flex-start; padding:16px 18px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .us .us_prep li:hover, .mn_wrap_v2 .us .us_attn li:hover {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.1);}
.mn_wrap_v2 .us .us_ic {flex:none; width:44px; height:44px; border-radius:12px; background:var(--mn-green-l); color:var(--mn-green-d); display:inline-flex; align-items:center; justify-content:center; font-size:22px;}
.mn_wrap_v2 .us .us_ic.warn {background:#fff4e5; color:#ea580c;}
.mn_wrap_v2 .us h4 {margin:2px 0 6px; font-size:14.5px; font-weight:800; line-height:1.4; letter-spacing:-.2px;}
.mn_wrap_v2 .us h4 em {font-style:normal; display:inline-block; min-width:20px; height:20px; margin-right:8px; border-radius:50%; background:var(--mn-green); color:#fff; font-size:11px; line-height:20px; text-align:center; font-weight:800; vertical-align:1px;}
.mn_wrap_v2 .us li p {margin:0; font-size:13px; line-height:1.7; color:var(--mn-sub);}
.mn_wrap_v2 .us .us_attn {display:grid; grid-template-columns:minmax(0, 1fr); gap:10px;}
.mn_wrap_v2 .us .us_cta {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px 20px; margin-top:30px; padding:20px 24px; border-radius:var(--mn-radius); background:var(--mn-soft);}
.mn_wrap_v2 .us .us_cta strong {display:block; font-size:16px; font-weight:800;}
.mn_wrap_v2 .us .us_cta span {font-size:13px; color:var(--mn-sub);}
.mn_wrap_v2 .us .us_cta p {display:flex; gap:8px; flex-wrap:wrap; margin:0;}
.mn_wrap_v2 .us .us_cta a {display:inline-flex; align-items:center; gap:6px; padding:9px 18px; border-radius:8px; border:1px solid var(--mn-green); background:#fff; color:var(--mn-green-d); font-weight:700; font-size:13.5px;}
.mn_wrap_v2 .us .us_cta a.main {background:var(--mn-green); color:#fff;}
.mn_wrap_v2 .us .us_cta a:hover {background:var(--mn-green-l);}
.mn_wrap_v2 .us .us_cta a.main:hover {background:var(--mn-green-d);}
@media (max-width:860px) {.mn_wrap_v2 .us .us_prep {grid-template-columns:minmax(0, 1fr);}}
@media (max-width:640px) {
	.mn_wrap_v2 .us .us_lead {flex-direction:column; align-items:flex-start;}
	.mn_wrap_v2 .us .us_lead p {font-size:14.5px;}
	.mn_wrap_v2 .us .us_prep li, .mn_wrap_v2 .us .us_attn li {padding:14px;}
}

/* ---- 서비스안내 (service.info) ---- */
.mn_wrap_v2 .si .si_promise {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .si .si_promise li {position:relative; display:flex; flex-direction:column; gap:10px; padding:18px 18px 16px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; overflow:hidden; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .si .si_promise li:hover {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.1);}
.mn_wrap_v2 .si .si_promise b {font-size:30px; font-weight:800; letter-spacing:-1px; line-height:1; color:var(--mn-green); font-variant-numeric:tabular-nums;}
.mn_wrap_v2 .si .si_promise i {position:absolute; right:14px; top:12px; font-size:34px; color:var(--mn-green-l); line-height:1;}
.mn_wrap_v2 .si .si_promise p {margin:0; font-size:13.5px; line-height:1.65; color:var(--mn-text); font-weight:500;}
.mn_wrap_v2 .si .si_end {margin-top:30px;}
@media (max-width:860px) {.mn_wrap_v2 .si .si_promise {grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width:640px) {.mn_wrap_v2 .si .si_promise {grid-template-columns:minmax(0, 1fr);}}

/* ---- 제작과정 안내 (service.process) ---- */
.mn_wrap_v2 .pr .pr_list {position:relative; margin:26px 0 0; padding:0; counter-reset:none;}
.mn_wrap_v2 .pr .pr_list::before {content:''; position:absolute; left:51px; top:22px; bottom:22px; width:2px; background:var(--mn-line);}
.mn_wrap_v2 .pr .pr_list li {position:relative; display:flex; align-items:flex-start; gap:14px; padding:6px 0;}
.mn_wrap_v2 .pr .pr_no {flex:none; width:30px; font-size:13px; font-weight:800; color:var(--mn-green-d); font-variant-numeric:tabular-nums; letter-spacing:.3px; padding-top:20px; text-align:right;}
.mn_wrap_v2 .pr .pr_list .us_ic {position:relative; z-index:1; margin-top:12px; background:#fff; border:2px solid var(--mn-green); width:44px; height:44px; border-radius:50%;}
.mn_wrap_v2 .pr .pr_list li > div {flex:1; min-width:0; padding:14px 18px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .pr .pr_list li:hover > div {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.1);}
.mn_wrap_v2 .pr .pr_list h4 {margin:0 0 4px; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; font-size:15px;}
.mn_wrap_v2 .pr .pr_list h4 small {font-size:11px; font-weight:700; letter-spacing:.6px; color:var(--mn-mute);}
.mn_wrap_v2 .pr .pr_list p {font-size:13px;}
@media (max-width:640px) {
	.mn_wrap_v2 .pr .pr_list::before {left:21px;}
	.mn_wrap_v2 .pr .pr_no {display:none;}
	.mn_wrap_v2 .pr .pr_list li {gap:10px;}
}

/* ---- 웹표준/웹접근성 (service.standards) ---- */
.mn_wrap_v2 .sd .sd_box {padding:20px 22px; border-radius:var(--mn-radius); background:var(--mn-soft);}
.mn_wrap_v2 .sd .sd_box p {margin:0; font-size:13.5px; line-height:1.8; color:var(--mn-text);}
.mn_wrap_v2 .sd .sd_box p + p {margin-top:10px;}
.mn_wrap_v2 .sd .sd_box .sd_quote {display:flex; gap:8px; align-items:flex-start; margin-bottom:14px; font-size:16px; font-weight:800; line-height:1.55; letter-spacing:-.3px; color:var(--mn-green-d);}
.mn_wrap_v2 .sd .sd_quote i {flex:none; font-size:26px; line-height:1; margin-top:-3px; color:var(--mn-green);}
.mn_wrap_v2 .sd .sd_layers {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .sd .sd_layers li {display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:20px 14px 18px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .sd .sd_layers li:hover {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.1);}
.mn_wrap_v2 .sd .sd_layers .us_ic {width:54px; height:54px; border-radius:50%; font-size:26px; margin-bottom:6px;}
.mn_wrap_v2 .sd .sd_layers strong {font-size:16px; font-weight:800;}
.mn_wrap_v2 .sd .sd_layers em {font-style:normal; font-size:12px; font-weight:700; color:var(--mn-green-d);}
.mn_wrap_v2 .sd .sd_layers p {margin:2px 0 0; font-size:13px; color:var(--mn-sub);}
.mn_wrap_v2 .sd .sd_list li {position:relative; padding:9px 0 9px 16px; border-bottom:1px solid var(--mn-line); font-size:13px; line-height:1.7; color:var(--mn-sub);}
.mn_wrap_v2 .sd .sd_list li:last-child {border-bottom:0;}
.mn_wrap_v2 .sd .sd_list li::before {content:''; position:absolute; left:2px; top:1.15em; width:5px; height:5px; border-radius:50%; background:var(--mn-green);}
.mn_wrap_v2 .sd .sd_list b {color:var(--mn-text); font-weight:700; margin-right:8px;}
.mn_wrap_v2 .sd .sd_lang {display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); gap:12px; align-items:start;}
.mn_wrap_v2 .sd .sd_lang section {padding:16px 18px; border:1px solid var(--mn-line); border-radius:8px; background:#fff;}
.mn_wrap_v2 .sd .sd_lang h4 {display:flex; align-items:center; gap:8px; margin:0 0 10px; font-size:14.5px; font-weight:800;}
.mn_wrap_v2 .sd .sd_lang h4 i {color:var(--mn-green); font-size:18px;}
.mn_wrap_v2 .sd .sd_lang dl {margin:0;}
.mn_wrap_v2 .sd .sd_lang dt {margin-top:10px; font-size:13px; font-weight:800; color:var(--mn-green-d);}
.mn_wrap_v2 .sd .sd_lang dt:first-child {margin-top:0;}
.mn_wrap_v2 .sd .sd_lang dd {margin:2px 0 0; font-size:13px; line-height:1.7; color:var(--mn-sub);}
.mn_wrap_v2 .sd .sd_browsers {display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; padding:0;}
.mn_wrap_v2 .sd .sd_browsers li {display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border:1px solid var(--mn-line); border-radius:999px; background:#fff; font-size:13px; font-weight:600;}
.mn_wrap_v2 .sd .sd_browsers i {font-size:18px; color:var(--mn-green);}
@media (max-width:860px) {
	.mn_wrap_v2 .sd .sd_layers {grid-template-columns:minmax(0, 1fr);}
	.mn_wrap_v2 .sd .sd_lang {grid-template-columns:minmax(0, 1fr);}
}

/* ---- 유지보수 서비스안내 (keep.info) ---- */
.mn_wrap_v2 .ki .ki_hero {align-items:flex-start; padding:26px 28px;}
.mn_wrap_v2 .ki .ki_hero > i {font-size:44px;}
.mn_wrap_v2 .ki .ki_kicker {margin:0 0 6px; font-size:11px; font-weight:800; letter-spacing:1.2px; color:var(--mn-green-d);}
.mn_wrap_v2 .ki .ki_title {margin:0; font-size:23px; font-weight:800; letter-spacing:-.8px; line-height:1.4; color:var(--mn-text);}
.mn_wrap_v2 .ki .ki_desc {margin:10px 0 0; font-size:13.5px; font-weight:500; color:var(--mn-sub);}
.mn_wrap_v2 .ki .ki_types {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .ki .ki_types li {display:flex; flex-direction:column; align-items:center; gap:10px; padding:22px 14px 18px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; text-align:center; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .ki .ki_types li:hover {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.1);}
.mn_wrap_v2 .ki .ki_types .us_ic {width:54px; height:54px; border-radius:50%; font-size:26px;}
.mn_wrap_v2 .ki .ki_types strong {font-size:14.5px; font-weight:800;}
.mn_wrap_v2 .ki .ki_policy {display:flex; gap:14px; align-items:center; padding:18px 20px; border-radius:var(--mn-radius); background:var(--mn-soft);}
.mn_wrap_v2 .ki .ki_policy p {margin:0; font-size:13.5px; line-height:1.8;}
.mn_wrap_v2 .ki .ki_sub {margin:-4px 0 12px; font-size:13px; color:var(--mn-sub);}
.mn_wrap_v2 .ki .ki_need {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.mn_wrap_v2 .ki .ki_need li {display:flex; gap:12px; align-items:center; padding:13px 16px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; font-size:13px; line-height:1.55; transition:border-color .15s;}
.mn_wrap_v2 .ki .ki_need li:hover {border-color:var(--mn-green);}
.mn_wrap_v2 .ki .ki_need li i {flex:none; width:34px; height:34px; border-radius:50%; background:var(--mn-green-l); color:var(--mn-green-d); font-size:17px; display:inline-flex; align-items:center; justify-content:center;}
@media (max-width:860px) {
	.mn_wrap_v2 .ki .ki_types {grid-template-columns:minmax(0, 1fr);}
	.mn_wrap_v2 .ki .ki_need {grid-template-columns:minmax(0, 1fr);}
}
@media (max-width:640px) {.mn_wrap_v2 .ki .ki_title {font-size:19px;}}

/* ---- 유지보수 비용안내 (keep.price) ---- */
.mn_wrap_v2 .us_h small {margin-left:6px; font-size:12px; font-weight:500; color:var(--mn-mute);}
.mn_wrap_v2 .ks .ks_plans {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px;}
.mn_wrap_v2 .ks .ks_plans li {display:flex; flex-direction:column; padding:18px 16px 14px; border:1px solid var(--mn-line); border-radius:8px; background:#fff; transition:border-color .15s, box-shadow .15s;}
.mn_wrap_v2 .ks .ks_plans li:hover {border-color:var(--mn-green); box-shadow:0 6px 16px rgba(45,178,74,.1);}
.mn_wrap_v2 .ks .ks_plans h4 {margin:0; font-size:14px; font-weight:800; color:var(--mn-green-d);}
.mn_wrap_v2 .ks .ks_price {margin:6px 0 12px; padding-bottom:12px; border-bottom:1px solid var(--mn-line); font-size:24px; font-weight:800; letter-spacing:-.8px; font-variant-numeric:tabular-nums;}
.mn_wrap_v2 .ks .ks_price small {font-size:12px; font-weight:500; letter-spacing:0; color:var(--mn-mute);}
.mn_wrap_v2 .ks .ks_plans li.custom .ks_price {font-size:20px; color:var(--mn-sub);}
.mn_wrap_v2 .ks .ks_plans dl {margin:0; display:grid; grid-template-columns:1fr auto; gap:0;}
.mn_wrap_v2 .ks .ks_plans dt, .mn_wrap_v2 .ks .ks_plans dd {margin:0; padding:7px 0; border-bottom:1px dashed var(--mn-line); font-size:13px;}
.mn_wrap_v2 .ks .ks_plans dt {color:var(--mn-sub);}
.mn_wrap_v2 .ks .ks_plans dd {text-align:right; font-weight:700; color:var(--mn-text);}
.mn_wrap_v2 .ks .ks_plans dd.none {color:var(--mn-mute); font-weight:400;}
.mn_wrap_v2 .ks .ks_plans dt:nth-last-of-type(1), .mn_wrap_v2 .ks .ks_plans dd:nth-last-of-type(1) {border-bottom:0;}
.mn_wrap_v2 .ks .ks_notes {margin:12px 0 0; display:flex; flex-wrap:wrap; gap:6px 18px; font-size:12px; color:var(--mn-sub);}
.mn_wrap_v2 .ks .ks_notes i {color:var(--mn-green); margin-right:5px; vertical-align:-1px;}
.mn_wrap_v2 .ks .ks_notes b {margin-right:6px; color:var(--mn-text);}
.mn_wrap_v2 .ks .ks_groups {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; align-items:start;}
.mn_wrap_v2 .ks .ks_groups section {padding:16px 18px 8px; border:1px solid var(--mn-line); border-radius:8px; background:#fff;}
.mn_wrap_v2 .ks .ks_groups h4 {display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 6px; padding-bottom:10px; border-bottom:1px solid var(--mn-line); font-size:14.5px; font-weight:800;}
.mn_wrap_v2 .ks .ks_groups h4 i {width:30px; height:30px; border-radius:8px; background:var(--mn-green-l); color:var(--mn-green-d); font-size:16px; display:inline-flex; align-items:center; justify-content:center;}
.mn_wrap_v2 .ks .ks_groups h4 small {flex-basis:100%; margin:-2px 0 0 38px; font-size:11.5px; font-weight:500; color:var(--mn-mute);}
.mn_wrap_v2 .ks .ks_groups li {display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:9px 0; border-bottom:1px dashed var(--mn-line);}
.mn_wrap_v2 .ks .ks_groups li:last-child {border-bottom:0;}
.mn_wrap_v2 .ks .ks_groups .nm {font-size:13px; line-height:1.5;}
.mn_wrap_v2 .ks .ks_groups .nm em {display:block; font-style:normal; font-size:11.5px; color:var(--mn-mute);}
.mn_wrap_v2 .ks .ks_groups b {flex:none; font-size:13.5px; font-weight:800; color:var(--mn-green-d); font-variant-numeric:tabular-nums;}
@media (max-width:1000px) {.mn_wrap_v2 .ks .ks_plans {grid-template-columns:repeat(2, minmax(0, 1fr));}}
@media (max-width:760px) {.mn_wrap_v2 .ks .ks_groups {grid-template-columns:minmax(0, 1fr);}}
@media (max-width:480px) {.mn_wrap_v2 .ks .ks_plans {grid-template-columns:minmax(0, 1fr);}}

/* ---- 프로그램개발 아이콘 보강 ---- */
.mn_wrap_v2 .pk .pk_hero_ic {position:absolute; right:34px; top:50%; transform:translateY(-50%); font-size:92px; line-height:1; color:rgba(45,178,74,.22); z-index:0;}
.mn_wrap_v2 .pk .pk_cta a {display:inline-flex; align-items:center; gap:6px;}
.mn_wrap_v2 .pk .pk_h {display:flex; align-items:center; gap:8px; padding-left:0; border-left:0;}
.mn_wrap_v2 .pk .pk_h i {color:var(--mn-green); font-size:20px;}
.mn_wrap_v2 .pk .pk_grid li {align-items:flex-start;}
.mn_wrap_v2 .pk .pk_ic {width:42px; height:42px; border-radius:12px; background:var(--mn-green-l); color:var(--mn-green-d); font-size:21px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:4px;}
.mn_wrap_v2 .pk .pk_steps li {position:relative;}
.mn_wrap_v2 .pk .pk_step_ic {position:absolute; right:12px; top:10px; font-size:30px; color:var(--mn-green-l); line-height:1;}
.mn_wrap_v2 .pk .pk_note strong {display:flex; align-items:center; gap:6px;}
@media (max-width:640px) {.mn_wrap_v2 .pk .pk_hero_ic {font-size:64px; right:16px; top:24px; transform:none;}}

.mn_wrap_v2 .pk .pk_note p + p {margin-top:8px;}
.mn_wrap_v2 .pk .pk_note p a {display:inline-flex; align-items:center; gap:6px; font-weight:700; color:var(--mn-green-d);}
.mn_wrap_v2 .pk .pk_note p a:hover {text-decoration:underline;}

/* 홈페이지제작 메인 : 사이드(mn_side)를 좌측으로 */
.mn_wrap_v2 .mn_body_left {grid-template-columns:300px minmax(0, 1fr);}
.mn_wrap_v2 .mn_body_left > .mn_side {order:-1;}
@media (max-width:1024px) {.mn_wrap_v2 .mn_body_left {grid-template-columns:260px minmax(0, 1fr);}}
@media (max-width:860px) {.mn_wrap_v2 .mn_body_left {display:flex;}}

/* ---- 홈페이지제작 메인 아이콘 보강 ---- */
.hp_page .mn_card_title {display:flex; align-items:center; gap:8px;}
.hp_page .mn_card_title i {color:var(--mn-green); font-size:1.1em; line-height:1;}
.hp_page .hp_hero {position:relative;}
.hp_page .hp_hero_ic {position:absolute; right:48px; bottom:32px; font-size:96px; line-height:1; color:rgba(45,178,74,.2); z-index:1;}
.hp_page .mn_hero_cta a {display:inline-flex; align-items:center; gap:6px;}
.hp_page .hp_steps li {position:relative;}
.hp_page .hp_step_ic {position:absolute; right:12px; top:10px; font-size:30px; color:var(--mn-green-l); line-height:1;}
.hp_page .hp_svc a {display:flex; align-items:center; gap:14px;}
.hp_page .hp_svc a > div {min-width:0;}
.hp_page .hp_svc_ic {flex:none; width:40px; height:40px; border-radius:10px; background:#fff; color:var(--mn-green-d); font-size:20px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
.hp_page .hp_svc a:hover .hp_svc_ic {background:var(--mn-green); color:#fff;}
.hp_page .hp_quick a {display:flex; align-items:center; gap:12px;}
.hp_page .hp_quick a > i {flex:none; width:34px; height:34px; border-radius:50%; background:var(--mn-green-l); color:var(--mn-green-d); font-size:16px; display:inline-flex; align-items:center; justify-content:center;}
.hp_page .hp_quick a > span {min-width:0;}
.hp_page .hp_li_ic {flex:none; color:var(--mn-mute); font-size:15px;}
.hp_page .hp_wait {color:var(--mn-mute); font-size:13px;}
.hp_page .hp_wait i {color:var(--mn-mute);}
.hp_page .mn_tel {display:flex; align-items:center; gap:8px;}
.hp_page .mn_tel i {font-size:20px; color:var(--mn-green);}
.hp_page .mn_bank_btns a {display:flex; align-items:center; justify-content:center; gap:6px;}
.hp_page .hp_speed .hp_submit {display:flex; align-items:center; justify-content:center; gap:8px;}
@media (max-width:640px) {.hp_page .hp_hero_ic {font-size:64px; right:20px; bottom:20px;}}