@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"세일즈마스터코리아"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}
#main .subfoot {display: none !important;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.subsec-titbx {margin-bottom: var(--padding-80); text-align: center; letter-spacing: -0.5px; line-height: 1.2;}
.subsec-titbx .subcate {display: block; margin-bottom: var(--padding-20); font-size: var(--font-size-18); font-weight: bold;color: var(--color-secondary);}
.subsec-titbx .subtit {font-size:var(--font-size-40); font-weight: bold; }
.subsec-titbx .subdec {margin-top: var(--padding-30); font-size:var(--font-size-18); color: #878787; }
.subsec-titbx.white .subtit {color: #fff;}
.subsec-titbx.white .subdec {color: rgba(255, 255, 255, 0.5);}

.greet1_1 .image {border-radius: 16px; overflow: hidden;}
.greet1_1 .flxWrap {margin-top: var(--padding-80); gap:var(--padding-100); letter-spacing: -0.5px;}
.greet1_1 .titlebx {width: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px); font-size: var(--font-size-48); line-height: 1.4;}
.greet1_1 .textbx {flex: 1;}
.greet1_1 .decbx {display: flex;flex-direction: column;gap: var(--padding-30);}
.greet1_1 .dec {font-size: var(--font-size-20); color: var(--color-body); line-height: 1.6;}
.greet1_1 .namebx {margin-top: var(--padding-40); display: flex; align-items: center; gap:var(--padding-40);}
.greet1_1 .namebx .line {width: 100%; height: 1px; background: #000;}
.greet1_1 .namebx .name {font-size: var(--font-size-20); line-height: 1.4; font-weight: 600; white-space: nowrap;}
.greet1_2 {background: url(../images/sub/greet1_2bg.jpg) no-repeat center center / cover;}
.greet1_2-list {display:flex; align-items:center; width:100%; letter-spacing:-0.03em;}
.greet1_2-item {display:flex; flex:1; flex-direction:column; align-items:center; gap:var(--padding-40); min-width:0; text-align:center;}
.greet1_2-item .icnbx {width:clamp(35px, calc( 64 / var(--inner) * 100vw ), 64px); height:auto; aspect-ratio: 1/1;}
.greet1_2-item .icnbx img {display:block; width:100%; height:100%;}
.greet1_2-item .txtbx {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%;}
.greet1_2-item .tit {font-weight:700; color:#fff; line-height:1;}
.greet1_2-item .tit-sm {font-size:var(--font-size-24);}
.greet1_2-item .tit-lg {font-size:var(--font-size-56);}
.greet1_2-item .decbx {font-size:var(--font-size-18); font-weight:400; color:#fff; line-height:1.56; text-align:center;}
.greet1_3-list {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--padding-20); width:100%; letter-spacing:-0.03em;}
.greet1_3-item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); padding:clamp(30px, calc(50 / var(--inner) * 100vw), 50px) var(--padding-20); background:#fff; border:1px solid #ddd; border-radius:16px; text-align:center;}
.greet1_3-item .numbx {display:inline-flex; align-items:center; justify-content:center; width:clamp(32px, calc(48 / var(--inner) * 100vw), 48px); height:auto; aspect-ratio: 1/1; border-radius:99px; background:var(--color-primary); }
.greet1_3-item .numbx img {width: clamp(18px, calc(30 / var(--inner) * 100vw), 30px); height: auto; aspect-ratio: 1/1;}
.greet1_3-item .txtbx {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%;}
.greet1_3-item .tit {font-size:var(--font-size-24); font-weight:700; color:#121212; line-height:1;}
.greet1_3-item .decbx {font-size:var(--font-size-16); font-weight:400; color:var(--color-body); line-height:1.625; word-break:keep-all;}
.greet1_4 {background:#F6F8FB;}
.greet1_5-box {padding:40px var(--padding-40); background:#f9f9f9; border-radius:24px;}
.greet1_5-inner {display:flex; align-items:center; justify-content:center; gap:clamp(40px, calc(180 / var(--inner) * 100vw), 180px);}
.greet1_5-info {display:flex; flex-direction:column; width:100%; max-width:500px; letter-spacing:-0.03em;}
.greet1_5-office {display:flex; flex-direction:column; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9;}
.greet1_5-office-item .name {font-size:var(--font-size-24); font-weight:600; color:#121212; line-height:1;}
.greet1_5-office-item .detail {display:flex; flex-direction:column; gap:12px; margin-top:25px; font-size:var(--font-size-18); font-weight:400; color:var(--color-body); }
.greet1_5-map {flex-shrink:0; width:clamp(220px, calc(303 / var(--inner) * 100vw), 303px);}
.greet1_5-map img {display:block; width:100%; height:auto;}

.subfoot  {background: url(../images/sub/greet1_4bg.jpg) no-repeat center center / cover;}
.greetlinklist {display: flex; flex-wrap: wrap;gap:var(--padding-20);}
.greetlinkitem {flex: 2; display: flex;align-items: center;justify-content: center;gap: var(--padding-30); padding: 0 25px; height:clamp(44px, calc(64 / var(--inner) * 100vw), 64px); border-radius: 99px; color: #fff;}
.greetlinkitem.bg1 {background: #5BB;}
.greetlinkitem.bg2 {background: #5E6FDE;}
.greetlinkitem.bg3 {background: #9564EB;}

.history-contain .history-item:not(:last-child) {padding-bottom: var(--padding-120);}
.history-wrap { position:relative; color: #454545; }
.history-wrap:before {top:0; bottom:0; position:absolute; left:clamp(350px, calc( 700 / var(--inner) * 100vw ), 700px); width:1px; background-color:#ddd; content:"";}
.history-item {display:flex; align-items:initial;}
.history-item .history-year {position:relative; top:0; left:0; width:clamp(350px, calc( 700 / var(--inner) * 100vw ), 700px); }
.history-item .imgtxtbx {position: absolute; left: 0; top:0;margin-right: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.history-item .imgtxtbx .titlebx {margin-top: var(--padding-40); letter-spacing: -0.8px;}
.history-item .imgtxtbx .title { font-size:var(--font-size-32); font-weight: 600; line-height: 1; color: #121212;}
.history-item .imgtxtbx .tit {margin-top: var(--padding-20); font-size: var(--font-size-24); font-weight: 400; color: #121212; line-height: 1.5;}
.history-item .imgtxtbx .img img {border-radius:16px;}
.history-month-box {padding-left:clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); flex:1; position: relative;}
.history-detail .decbx {display:flex; flex-direction: column; gap: var(--padding-40); font-size:var(--font-size-22); letter-spacing:-.03em; line-height: 1.54; color: var(--color-body); letter-spacing: -0.5px;}
.history-detail .monthtext {display: flex; position: relative;font-size: var(--font-size-18);}
.history-detail .monthtext .month {width: clamp(55px, calc( 80 / var(--inner) * 100vw ), 80px); color: var(--color-primary); font-weight: 600; }
.history-detail .monthtext .dec {flex: 1;}
@media (max-width: 1024px) {
    .history-item .history-year {width: 300px;}
    .history-wrap:before {left: 300px;}
}
@media (max-width: 640px) {
    .history-item {display: block;}
    .history-item .history-year {width: 100%; }
    .history-item .imgtxtbx {position: inherit; margin-bottom: 30px; margin-right: 0;}
    .history-wrap:before {display: none;}
    .history-month-box {padding-left:0;}
}

.history-topcontain {display:flex; flex-direction:column; align-items:center; margin-bottom: var(--padding-120); width:100%; text-align:center; letter-spacing:-0.03em; word-break:keep-all;}
.history-topbg {width:100%; max-width:clamp(280px, calc(900 / var(--inner) * 100vw), 900px);}
.history-topbg img {display:block; width:100%; height:auto;}
.history-top-txt {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); width:100%; margin-top:-10%;}
.history-top-tit {margin:0; width:100%; font-size:var(--font-size-40); font-weight:400; line-height:1; color:#121212;}
.history-top-body {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%; font-size:var(--font-size-18);}
.history-top-lead {margin:0; width:100%; font-weight:600; line-height:1; color:var(--color-primary);}
.history-top-desc {display:flex; flex-direction:column; gap:0; width:100%; color:var(--color-body);}
.history-top-desc p {margin:0; font-weight:400; line-height:1.67;}

.biz1 {display:flex; flex-direction:column; gap:var(--padding-100); width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.biz1-visual {position:relative; overflow:hidden; border-radius:16px;background:url(../images/sub/business-banner.jpg) no-repeat center center / cover; height:clamp(200px, calc(320 / var(--inner) * 100vw), 320px);}
.biz1-visual__txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin:0; width:100%; max-width:900px; padding:var(--padding-20); font-size:var(--font-size-24); font-weight:600; line-height:1.5; color:#fff; text-align:center;}
.biz1-rows {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-40); align-items:start;}
.biz1-item {display:flex; flex-direction:column; gap:var(--padding-40); min-width:0;}
.biz1-item__head {display:flex; flex-direction:column; gap:var(--padding-20); width:100%;}
.biz1-item__tit {margin:0; font-size:var(--font-size-32); font-weight:600; line-height:1; color:#121212;}
.biz1-item__line {width:100%; height:2px; background:#121212;}
.biz1-item__body {display:flex; flex-direction:column; gap:var(--padding-30); width:100%;}
.biz1-checks {display:flex; flex-direction:column; gap:var(--padding-20); width:100%;}
.biz1-check {display:flex; align-items:center; gap:8px;}
.biz1-check__icn {flex-shrink:0; width:16px; height:16px; display:block;}
.biz1-check__icn img {display:block; width:100%; height:100%; object-fit:contain;}
.biz1-check__txt {font-size:var(--font-size-18); font-weight:400; line-height:1; color:#121212;}
.biz1-item__desc {margin:0; font-size:var(--font-size-16); font-weight:400; line-height:1.625; color:var(--color-body);}
.sub1_3 {width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.sub1_3-rows {display:flex; flex-direction:column; gap:var(--padding-120);}
.sub1_3-row {display:flex; align-items:center; justify-content:space-between; gap:var(--padding-40);}
.sub1_3-row--rev {flex-direction:row-reverse;}
.sub1_3-row__media {flex:1; min-width:0; max-width:clamp(280px, calc(700 / var(--inner) * 100vw), 700px);}
.sub1_3-row__figure {border-radius:16px; overflow:hidden; aspect-ratio:700 / 350;}
.sub1_3-row__figure img {display:block; width:100%; height:100%; object-fit:cover;}
.sub1_3-row__body {flex:1; min-width:0; max-width:clamp(280px, calc(700 / var(--inner) * 100vw), 700px); position:relative; text-align:center;}
.sub1_3-row__num {position:absolute; left:50%; top:0; transform:translateX(-50%); font-size:var(--font-size-100); font-weight:700; line-height:1; color:transparent; -webkit-text-stroke:1px #ddd; white-space:nowrap;}
.sub1_3-row__inner {position:relative; display:flex; flex-direction:column; align-items:center; gap:var(--padding-50); width:100%;margin-top:var(--padding-65) ;}
.sub1_3-row__tit {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:1.2; color:#121212;}
.sub1_3-row__desc {margin:0; font-size:var(--font-size-18); font-weight:400; line-height:1.67; color:var(--color-body);}

.client-list {display:flex; flex-direction:column; gap:var(--padding-120); width:100%;}
.client-group {display:flex; flex-direction:column; gap:var(--padding-30); width:100%;}
.client-head {display:flex; flex-direction:column; gap:15px; width:100%;}
.client-cate {color:var(--color-secondary); font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; line-height:1.5em;}
.client-tit {color:#121212; font-size:var(--font-size-32); font-weight:700; letter-spacing:-0.03em; line-height:1.3em;}
.client-grid {display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:20px; width:100%;}
.client-item {display:flex; align-items:center; justify-content:center; min-width:0; height:78px; overflow:hidden; background:#fff; position: relative; border-radius:8px;}
.client-item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-radius: 8px;}
.client-item img {display:block; max-width:100%; max-height:100%; object-fit:contain;}

.location-area {width:100%;}
.location-info {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--padding-80); width:100%; margin-bottom: var(--padding-60); padding-bottom: var(--padding-60); border-bottom: 1px solid #ddd;}
.location-title {flex:1; margin:0; color:#121212; font-size:var(--font-size-48); font-weight:400; letter-spacing:-0.03em; line-height:1.42em;}
.location-title strong {color:var(--color-primary); font-weight:700;}
.location-contact {display:flex; flex:1; flex-direction:column; gap:var(--padding-40); max-width:700px; padding-top:10px;}
.location-contact-head {display:flex; flex-direction:column; align-items:flex-start; gap:var(--padding-20);}
.location-line {display:block; width:40px; height:4px; background:#121212;}
.location-contact-title {margin:0; color:#121212; font-size:var(--font-size-32); font-weight:600; letter-spacing:-0.03em; line-height:1.3em;}
.location-address {color:#121212; font-size:var(--font-size-22); font-style:normal; letter-spacing:-0.03em; line-height:1.5em;}
.location-contact-list {display:flex; flex-wrap:wrap; align-items:center; gap:20px 50px;}
.location-contact-list li {display:flex; align-items:center; gap:10px; color:#121212; font-size:var(--font-size-20); letter-spacing:-0.03em; line-height:1.5em;}
.location-contact-list a {color:inherit;}
.location-icon {display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:40px; height:40px; color:#fff; background:#121212; border-radius:50%;}
.location-icon svg {display:block; width:24px; height:24px; fill:currentColor;}
.location-map {width:100%; overflow:hidden; border:1px solid #ddd; border-radius:16px;}


.shp-apply-guide {display:flex; flex-direction:column; gap:var(--padding-40); width:100%; padding:var(--padding-60); border-radius:16px; background:#f6f8fb; letter-spacing:-0.03em; word-break:keep-all;}
.shp-apply-guide__tit {margin:0; font-size:var(--font-size-28); font-weight:600; line-height:1; color:#121212;}
.shp-apply-guide__list {display:flex; flex-direction:column; gap:var(--padding-25); width:100%;}
.shp-apply-guide__item {display:flex; align-items:flex-start; gap:8px;}
.shp-apply-guide__icn {flex-shrink:0; width:16px; height:16px;margin-top:7px;}
.shp-apply-guide__icn img {display:block; width:100%; height:100%; object-fit:contain;}
.shp-apply-guide__txt {font-size:var(--font-size-18); font-weight:400; line-height:1.67; color:var(--color-body);}

.shp-apply-agree {width:100%; margin-top:var(--padding-100);}
.shp-apply-agree .agree-wrap {max-width:none; margin:0 0 var(--padding-50);}
.shp-apply-agree .agree-wrap .group {margin-top:var(--padding-45);}
.shp-apply-agree .agree-wrap .agree-tit {color:#121212; font-size:var(--font-size-20); font-weight:600; line-height:1.3;}
.shp-apply-agree .agree-wrap .agree-box {max-height:clamp(180px, calc( 265 / var(--inner) * 100vw ), 265px); margin-top:var(--padding-40); padding:var(--padding-30); border-radius:8px; background:#fff;}
.shp-apply-agree .agree-wrap .agree-box .terms-wrap {color:var(--color-body); font-size:var(--font-size-16); line-height:1.875;}

.shp-apply-form.join-form {max-width:none; margin-top:var(--padding-120);}
.shp-apply-form .join-form-txt {margin:0 0 var(--padding-20); color:#878787; font-size:var(--font-size-14); font-weight:400; line-height:1; text-align:right;}
.shp-apply-form .join-form-txt .required {color:var(--color-primary);}
.shp-apply-form table {border-top:1px solid var(--color-primary); font-size:var(--font-size-16);}
.shp-apply-form table th {padding:var(--padding-20) var(--padding-10) !important; background:#f4f4f4; border:1px solid #ddd; border-left:0; font-size:var(--font-size-16); font-weight:600; color:#121212; text-align:center; vertical-align:middle;}
.shp-apply-form table td {padding:10px 20px; border:1px solid #ddd; border-right:0; color:var(--color-body); vertical-align:middle;}
.shp-apply-form table tr th:first-child, .shp-apply-form table tr td:first-child {border-left:0;}
.shp-apply-form table tr th:last-child, .shp-apply-form table tr td:last-child {border-right:0;}
/* .shp-apply-form table tr:last-child th, 
.shp-apply-form table tr:last-child td {border-bottom:1px solid #ddd;} */
.shp-apply-form__th {display:block;}
.shp-apply-form__th-sub {display:block; margin-top:clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px); font-size:var(--font-size-12); font-weight:400; line-height:1.33; color:var(--color-body);}
.shp-apply-form__th-sub + .shp-apply-form__th-sub {margin-top: 0;}
.shp-apply-form .input {width:100%; max-width:100%; height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px); padding:0 var(--padding-20); border-radius:4px;}
.shp-apply-form .btn-pack {height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px) !important; line-height:clamp(42px, calc( 58 / var(--inner) * 100vw ), 58px) !important; border-radius: 4px;}
.shp-apply-form .input.datepicker {max-width:460px; padding-right:48px; background-color:#fff; background-image:url(/images/bbs/datepicker_icon.png); background-repeat:no-repeat; background-position:right 16px center; background-size:22px auto; cursor:pointer;}
.shp-apply-form .ui-datepicker-trigger {display:none !important;}
.shp-apply-form #user_name,
.shp-apply-form #user_pw, 
.shp-apply-form #user_pw2, 
.shp-apply-form #birth, 
.shp-apply-form #survey_cnt {max-width:460px; width: 100%;}
.shp-apply-form__row .input {flex:1; min-width:0; max-width:355px;}
.shp-apply-form #zip {width:200px; max-width:200px;}
.shp-apply-time__range .input {width:80px; max-width:80px; text-align:center;}
.shp-apply-form__row {display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.shp-apply-form .mgb5 {margin-bottom:10px;}
.shp-apply-files {display:flex; flex-direction:column; gap:10px; width:100%;}
.shp-apply-file {display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.shp-apply-file__box {position:relative; display:flex; align-items:center; gap:10px; width:289px; max-width:100%; height:60px; padding:14px 12px; border:1px solid #ddd; border-radius:4px; background:#fff;}
.shp-apply-file__label {display:flex; flex-shrink:0; align-items:center; justify-content:center; height:32px; padding:0 12px; border:1px solid #ddd; border-radius:4px; background:#f9f9f9; font-size:var(--font-size-14); color:var(--color-body); cursor:pointer;}
.shp-apply-file__name {flex:1; min-width:0; overflow:hidden; font-size:var(--font-size-14); line-height:1.3; color:#121212; text-overflow:ellipsis; white-space:nowrap;}
.shp-apply-file__input {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; border:0; clip:rect(0, 0, 0, 0); white-space:nowrap;}
.shp-apply-file__del {background:#f9f9f9; border-color:#ddd; color:var(--color-body);}
.shp-apply-grid {display:flex; gap:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); padding: 15px 0; width:100%;}
.shp-apply-grid__col {flex:1; min-width:0; display:flex; flex-direction:column; gap:10px;}
.shp-apply-grid__tit {margin:0; font-size:var(--font-size-16); font-weight:600; line-height:1; color:#121212; text-align:center;}
.shp-apply-rank {display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.shp-apply-rank:last-child {margin-bottom:0;}
.shp-apply-rank__num {flex-shrink:0; width:42px; font-size:var(--font-size-16); font-weight:600; color:#121212;}
.shp-apply-time {display:flex; align-items:center; gap:var(--padding-30); flex-wrap:wrap;}
.shp-apply-time__range {display:flex; align-items:center; gap:10px;}
.shp-apply-time__txt {font-size:var(--font-size-16); color:#121212;}
.shp-apply-buttons {margin-top:var(--padding-60);}
.shp-apply-submit {min-width:150px; height:64px; padding:0 30px; border-radius:99px; background:#fff !important; border:1px solid #121212; color:#121212; font-size:var(--font-size-18); font-weight:600; line-height:62px;}
.shp-apply-submit:hover {background: var(--color-primary) !important; border-color: var(--color-primary); color: #fff;}

.industry-select {display:flex; flex-direction:column; gap:15px; padding:5px 0; width:100%;}
.industry-select .group {display:flex; flex-direction:column; gap:5px;}
.industry-select .tit {font-size:var(--font-size-16); font-weight:600; line-height:1.3; color:#121212;}
.industry-select .items {display:flex; flex-wrap:wrap; gap:10px 15px;}
.industry-select .item {min-width:80px;}

.smk-top {display:flex; flex-direction:column; gap:var(--padding-60); width:100%;}
.smk-quote {position:relative; width:100%; background:url(../images/sub/smk-banner.jpg) no-repeat center center / cover;}
.smk-quote__inner {position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:center; gap:10px; width:100%;}
.smk-quote__mark {flex-shrink:0; width:30px; height:20px;}
.smk-quote__mark--end {transform:scaleY(-1) rotate(180deg);}
.smk-quote__txt {margin:0; font-size:var(--font-size-32); font-weight:400; line-height:1; color:#fff; letter-spacing:-0.03em; text-align:center;}
.smk-quote__txt strong {font-weight:700;}
.smk-intro {display:flex; flex-direction:column; gap:var(--padding-30); width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.smk-intro__p {margin:0; font-size:var(--font-size-20); font-weight:400; line-height:1.6; color:#505050;}
.smk-sectit {margin:0 0 var(--padding-80); font-size:var(--font-size-40); font-weight:700; line-height:1; color:#121212; letter-spacing:-0.03em; text-align:center;}
.smk-need-list {display:flex; flex-direction:column; gap:var(--padding-20); width:100%;}
.smk-need-row {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--padding-20); width:100%;}
.smk-need-row--sub {grid-template-columns:repeat(3, minmax(0, 1fr)); max-width:calc((100% / 4 * 3) + var(--padding-20) * 2 / 4 * 3); margin:0 auto;}
.smk-need-item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); min-width:0; padding:var(--padding-40); border-radius:16px; text-align:center;}
.smk-need-item.bg-blue {background:#e2ecff;}
.smk-need-item.bg-purple {background:#ece5ff;}
.smk-need-item__num {display:inline-flex; align-items:center; justify-content:center; width:clamp(70px, calc(100 / var(--inner) * 100vw), 100px); height:clamp(24px, calc(30 / var(--inner) * 100vw), 30px); border-radius:99px; font-size:var(--font-size-16); font-weight:700; line-height:1; color:#fff;}
.smk-need-item.bg-blue .smk-need-item__num {background:var(--color-secondary);}
.smk-need-item.bg-purple .smk-need-item__num {background:#9564eb;}
.smk-need-item__icn {display:flex; align-items:center; justify-content:center; width:clamp(60px, calc(100 / var(--inner) * 100vw), 100px); height:auto; aspect-ratio: 1/1; overflow:hidden;}
.smk-need-item__icn img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.smk-need-item__txt {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1.56; color:#121212; word-break:keep-all;}
.smk-biz-list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--padding-40); width:100%;}
.smk-biz-item {position:relative; display:flex; flex-direction:column; min-height:clamp(320px, calc(407 / var(--inner) * 100vw), 407px); border-radius:16px; overflow:hidden;}
.smk-biz-item--auto {min-height:clamp(380px, calc(500 / var(--inner) * 100vw), 500px);}
.smk-biz-item__bg {position:absolute; inset:0; z-index:0;}
.smk-biz-item__bg img {display:block; width:100%; height:100%; object-fit:cover;}
.smk-biz-item__body {position:relative; z-index:1; display:flex; flex:1; flex-direction:column; justify-content:space-between; gap:var(--padding-40); min-height:inherit; padding:var(--padding-40);}
.smk-biz-item__head {display:flex; flex-direction:column; gap:var(--padding-20); width:100%;}
.smk-biz-item__tit {margin:0; font-size:var(--font-size-28); font-weight:700; line-height:1; color:#fff; letter-spacing:-0.03em;}
.smk-biz-item__desc {margin:0; font-size:var(--font-size-20); font-weight:400; line-height:1; color:#fff; letter-spacing:-0.03em;}
.smk-biz-item__hash {display:flex; flex-wrap:wrap; gap:15px; margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1; color:#fff; letter-spacing:-0.03em;}
.smk-biz-item__survey {display:flex; flex-direction:column; gap:15px; width:100%;}
.smk-biz-item__label {display:inline-flex; align-items:center; align-self:flex-start; padding:6px 8px; border-radius:4px; background:var(--color-secondary); font-size:var(--font-size-16); font-weight:700; line-height:1; color:#fff; letter-spacing:-0.03em;}
.smk-biz-item__tags {display:flex; flex-direction:column; gap:10px; width:100%;}
.smk-biz-item__row {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.smk-biz-tag {display:inline-flex; align-items:center; padding:4px 6px; border-radius:4px; background:rgba(0, 0, 0, 0.5); font-size:var(--font-size-16); font-weight:400; line-height:1; color:#fff; letter-spacing:-0.03em; word-break:keep-all;}


.edge-heading {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); width:100%; margin-bottom:var(--padding-80); text-align:center; letter-spacing:-0.03em; word-break:keep-all;}
.edge-heading__tit {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:1; color:#121212;}
.edge-heading__desc {margin:0; font-size:var(--font-size-18); line-height:1.56; color:var(--color-body);}
.edge-heading--white .edge-heading__tit {color:#fff;}
.edge-heading--white .edge-heading__desc {color:rgba(255, 255, 255, 0.8);}
.edge-reason-list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--padding-60); width:100%;}
.edge-reason-item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); min-width:0; text-align:center;}
.edge-reason-item__image {width:100%; height:clamp(200px, calc(300 / var(--inner) * 100vw), 300px); overflow:hidden; border-radius:16px;}
.edge-reason-item__image img {display:block; width:100%; height:100%; object-fit:cover;}
.edge-reason-item__body {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20);}
.edge-reason-item__tit {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:1; color:#121212;}
.edge-reason-item__desc {margin:0; font-size:var(--font-size-18); line-height:1.56; color:var(--color-body);}
.edge-performance {position:relative; background:url(../images/sub/edge-performance-bg.jpg) no-repeat center center / cover;}
.edge-performance .contain {position:relative; z-index:1;}
.edge-performance-list {display:grid; grid-template-columns:repeat(3, 1fr); justify-content:center; gap:var(--padding-60); width:100%; max-width:1320px; margin:0 auto;}
.edge-performance-item {display:flex; flex-direction:column; align-items:center; min-width:0; color:#fff; text-align:center;}
.edge-performance-item__chart {position:relative; display:flex; align-items:center; justify-content:center; gap:6px; width:clamp(160px, calc(240 / var(--inner) * 100vw), 240px); height:auto; margin-bottom:var(--padding-30); aspect-ratio:1 / 1; line-height:1;}
.edge-performance-item__ring {position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible;}
.edge-performance-item__track {fill:none; stroke:rgba(255, 255, 255, 0.75); stroke-width:2; stroke-linecap:round; stroke-dasharray:0.3 1.4; transform:rotate(-90deg); transform-origin:center;}
.edge-performance-item__progress {fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; transform:rotate(-90deg); transform-origin:center;}
.edge-performance-item__chart--100 .edge-performance-item__progress {stroke-dasharray:100 100;}
.edge-performance-item__chart--80 .edge-performance-item__progress {stroke-dasharray:80 100;}
.edge-performance-item__chart--90 .edge-performance-item__progress {stroke-dasharray:90 100;}
.edge-performance-item__dot {fill:#fff;}
.edge-performance-item__chart strong {position:relative; z-index:1; font-size:var(--font-size-56); font-weight:700;}
.edge-performance-item__chart span {position:relative; z-index:1; align-self:center; margin-top:22px; font-size:var(--font-size-24); font-weight:700;}
.edge-performance-item__tit {margin:0 0 var(--padding-20); font-size:var(--font-size-24); font-weight:700; line-height:1.17;}
.edge-performance-item__desc {margin:0; font-size:var(--font-size-18); line-height:1.56;}
.edge-difference-visuals {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-20); width:100%;}
.edge-difference-visual {position:relative; display:flex; align-items:center; justify-content:center; height:clamp(200px, calc(300 / var(--inner) * 100vw), 300px); overflow:hidden; border-radius:16px;}
.edge-difference-visual img {display:block; width:100%; height:100%; object-fit:cover;}
.edge-difference-visual p {position:absolute; z-index:1; margin:0; font-size:var(--font-size-28); font-weight:700; line-height:1.5; color:#fff; text-align:center;}
.edge-difference-steps {position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--padding-40); width:100%; margin-top:var(--padding-60);}
.edge-difference-steps:before {content:""; position:absolute; top:32px; left:11.5%; right:11.5%; height:0; border-top:1px dashed #ddd;}
.edge-difference-step {position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; text-align:center;}
.edge-difference-step__num {position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:clamp(45px, calc(64 / var(--inner) * 100vw), 64px); height:auto; aspect-ratio: 1/1; margin-bottom:var(--padding-25); border-radius:50%; background:var(--color-primary); font-size:var(--font-size-20); font-weight:600; line-height:1; color:#fff;}
.edge-difference-step__tit {margin:0 0 var(--padding-20); font-size:var(--font-size-22); font-weight:700; line-height:1; color:#121212;}
.edge-difference-step__desc {margin:0; font-size:var(--font-size-18); line-height:1.4; color:var(--color-body);}
.edge-summary {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); margin-top:var(--padding-60); padding:var(--padding-60) var(--padding-80); border-radius:16px; background:rgba(226, 236, 255, 0.6); text-align:center;}
.edge-summary-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); width:100%;}
.edge-summary-item {display:flex; flex-direction:column; align-items:center; gap:clamp(25px, calc( 34 / var(--inner) * 100vw ), 34px); min-width:0;}
.edge-summary-item__circle {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:160px; height:160px; border-radius:50%; background:var(--color-secondary); color:#fff;}
.edge-summary-item__circle:after {content:""; position:absolute; left:50%; bottom:-12px; width:32px; height:24px; background:var(--color-secondary); clip-path:polygon(0 0, 100% 0, 50% 100%); transform:translateX(-50%);}
.edge-summary-item__circle span {font-size:var(--font-size-18); font-weight:700; line-height:1; opacity:0.5;}
.edge-summary-item__circle strong {font-size:var(--font-size-48); line-height:1;}
.edge-summary-item > p {margin:0; font-size:var(--font-size-32); font-weight:700; line-height:1; color:#121212; letter-spacing:-0.03em;}
.edge-summary-item > p strong {color:var(--color-secondary);}
.edge-summary__desc {font-size:var(--font-size-20); line-height:1.8; color:var(--color-body);}
.edge-summary__desc p {margin:0;}
.edge-summary__desc strong {color:var(--color-primary);}
.edge-summary__highlight {position:relative; z-index:1; margin:0; padding:0 10px; font-size:var(--font-size-56); line-height:1; color:var(--color-primary); font-family: var(--font-InkLipquid);}
.edge-summary__highlight:before {content:""; position:absolute; z-index:-1; left:0; right:0; bottom:0; height:54%; background:#f3eb14;}

.process-area {width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.process-flow {display:flex; flex-direction:column; gap:var(--padding-60); width:100%;}
.process-intro {position:relative; background:url(../images/sub/process-intro.jpg) no-repeat center center / cover;}
.process-intro .contain {position:relative; z-index:1;}
.process-intro__txt {margin:0; font-size:var(--font-size-32); line-height:1.44; color:#fff; text-align:center;}
.process-intro__strong {font-weight:700;}
.process-step-list {display:flex; flex-direction:column; align-items:center; gap:calc((var(--padding-30) * 2) + 34px);}
.process-step {position:relative; display:flex; align-items:center; gap:var(--padding-50); width:100%; min-height:162px; border:1px solid #ddd; border-radius:16px; background:#fff;}
.process-step:not(:last-child):after {content:""; position:absolute; left:50%; bottom:calc((var(--padding-30) + 34px) * -1); width:6px; height:34px; background:radial-gradient(circle at 50% 3px, #e2ecff 0 3px, transparent 3.5px), radial-gradient(circle at 50% 17px, #a9c7ef 0 3px, transparent 3.5px), radial-gradient(circle at 50% 31px, var(--color-secondary) 0 3px, transparent 3.5px); transform:translateX(-50%);}
.process-step__image {align-self:stretch; flex-shrink:0; width:200px; min-height:160px; overflow:hidden; border-radius:15px 0 0 15px;}
.process-step__img {display:block; width:100%; height:100%; object-fit:cover;}
.process-step__body {display:flex; flex:1; flex-direction:column; gap:var(--padding-20); min-width:0; padding:var(--padding-25) var(--padding-40) var(--padding-25) 0;}
.process-step__tit {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:1; color:#121212;}
.process-step__desc {margin:0; font-size:var(--font-size-18); line-height:1.67; color:var(--color-body);}
.process-title {margin:0 0 var(--padding-80); font-size:var(--font-size-40); font-weight:700; line-height:1; color:#121212; text-align:center;}
.process-title--white {color:#fff;}
.process-reliability {position:relative; background:url(../images/sub/process-reliability-bg.jpg) no-repeat center center / cover;}
.process-reliability .contain {position:relative; z-index:1;}
.process-reliability-list {display:flex; align-items:flex-start; justify-content:center; gap:var(--padding-100);}
.process-reliability-item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); width:300px; color:#fff; text-align:center;}
.process-reliability-item__icon {display:flex; align-items:center; justify-content:center; width:clamp(120px, calc(180 / var(--inner) * 100vw), 180px); height:auto; aspect-ratio: 1/1; border:var(--padding-10) solid rgba(255, 255, 255, 0.5); border-radius:50%; background:#fff; background-clip:padding-box;}
.process-reliability-item__img {display:block; width:clamp(55px, calc( 100 / var(--inner) * 100vw ), 100px); height:auto; aspect-ratio: 1/1; object-fit:contain;}
.process-reliability-item__txt {margin:0; font-size:var(--font-size-20); font-weight:700; line-height:1.5;}
.process-standard-list {display:flex; flex-direction:column; gap:var(--padding-60);}
.process-standard-item {display:flex; align-items:center; gap:var(--padding-60); width:100%;}
.process-standard-item__image {flex-shrink:0; width:clamp(400px, calc(620 / var(--inner) * 100vw), 620px); height:clamp(250px, calc(350 / var(--inner) * 100vw), 350px); overflow:hidden; border-radius:16px;}
.process-standard-item__img {display:block; width:100%; height:100%; object-fit:cover;}
.process-standard-item__body {display:flex; flex:1; flex-direction:column; gap:var(--padding-40); min-width:0;}
.process-standard-item__tit {margin:0; padding-bottom:var(--padding-40); border-bottom:1px solid #ddd; font-size:var(--font-size-24); font-weight:700; line-height:1; color:#121212;}
.process-standard-item__list {display:flex; flex-direction:column; gap:var(--padding-20); width:100%;}
.process-standard-item__list-item {position:relative; padding-left:12px; font-size:var(--font-size-18); line-height:1.4; color:rgba(80, 80, 80, 0.8);}
.process-standard-item__list-item:before {content:""; position:absolute; top:0.65em; left:0; width:4px; height:4px; border-radius:50%; background:var(--color-body);}
.process-map {position:relative; min-height:734px; overflow:hidden; background:url(../images/sub/process-map-bg.jpg) no-repeat center center / cover;}
.process-map__inner {position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; min-height:734px; padding:50px var(--container-space);}
.process-map__copy {display:flex; flex-direction:column; align-items:flex-start; gap:var(--padding-40); color:#fff;}
.process-map__script {margin:0 0 var(--padding-40); font-family:var(--font-InkLipquid); font-size:var(--font-size-100); line-height:1;}
.process-map__count {display:flex; align-items:flex-end; gap:10px; margin:0; line-height:1;}
.process-map__number {font-size:var(--font-size-100);}
.process-map__unit {font-size:var(--font-size-24); font-weight:700;}
.process-map__desc {margin:0; font-size:var(--font-size-20); line-height:1.6;}
.process-map__image {align-self:center; width:clamp(320px, calc(473 / var(--inner) * 100vw), 473px);}
.process-map__img {display:block; width:100%; height:auto;}
.process-operation-info {display:grid; grid-template-columns:minmax(0, 980px) minmax(300px, 1fr); align-items:center; gap:var(--padding-80);}
.process-region-table {display:flex; gap:20px; width:100%; overflow-x:auto;}
.process-region {flex:0 0 calc((100% - 20px) / 2); min-width:420px; border-top:1px solid var(--color-secondary); border-collapse:collapse;}
.process-region__head {padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#eef4ff; font-size:var(--font-size-16); font-weight:700; line-height:1; color:#121212; text-align:center;}
.process-region__cell {padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:var(--font-size-16); line-height:1; color:var(--color-body); text-align:center;}
.process-region__head:last-child, .process-region__cell:last-child {border-right:0;}
.process-region__head--total, .process-region__cell--total {background:var(--color-secondary); font-weight:700; color:#fff;}
.process-operation-features {display:flex; flex-direction:column; gap:var(--padding-30);}
.process-operation-feature {display:flex; flex-direction:column; align-items:center; gap:15px; text-align:center;}
.process-operation-feature__img {display:block; width:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); height:auto; aspect-ratio: 1/1; object-fit:contain; margin-bottom:5px;}
.process-operation-feature__tit {margin:0; font-size:var(--font-size-22); font-weight:600; line-height:1; color:#121212;}
.process-operation-feature__desc {margin:0; font-size:var(--font-size-16); line-height:1.63; color:var(--color-body);}

.result-area {display:flex; flex-direction:column; gap:var(--padding-150); width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.result-examples {display:flex; flex-direction:column; gap:var(--padding-150);}
.result-example-group {display:flex; flex-direction:column; align-items:center; gap:var(--padding-80); width:100%;}
.result-title {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:1; color:#121212; text-align:center;}
.result-example-grid {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:20px; width:100%;}
.result-example-item {height:clamp(220px, calc(350 / var(--inner) * 100vw), 350px); overflow:hidden; border:1px solid #ddd; border-radius:4px; background:#fff;}
.result-example-item__img {display:block; width:100%; height:100%; object-fit:cover; filter:blur(2px);}
.result-book {display:flex; flex-direction:column; gap:var(--padding-60);}
.result-heading {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); margin-bottom:var(--padding-20); text-align:center;}
.result-heading__desc {margin:0; font-size:var(--font-size-18); line-height:1.56; color:var(--color-body);}
.result-card-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-40); width:100%;}
.result-card {display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap:var(--padding-20); min-width:0; min-height:280px; padding:var(--padding-30); overflow:hidden; border-radius:16px;}
.result-card--blue {background:#e2ecff;}
.result-card--purple {background:#ece5ff;}
.result-card--mint {background:#add;}
.result-card__body {display:flex; flex-direction:column; align-items:flex-start; gap:var(--padding-20); width:100%;}
.result-card__tit {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; color:var(--color-secondary);}
.result-card--purple .result-card__tit {color:#9564eb;}
.result-card--mint .result-card__tit {color:#239e9e;}
.result-card__desc {margin:0; font-size:var(--font-size-16); line-height:1.63; color:var(--color-body);}
.result-card__icon {display:block; width:120px; height:120px; object-fit:contain;}
.result-report-items {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); padding:var(--padding-30); border:1px solid #ddd; border-radius:16px;}
.result-report-items__tit {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; color:#121212;}
.result-report-items__list {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--padding-30); width:100%;}
.result-report-items__item {position:relative; padding-left:24px; font-size:var(--font-size-18); font-weight:600; line-height:1.3; color:#121212;}
.result-report-items__item:before {content:"✓"; position:absolute; top:50%; left:0; display:flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; background:var(--color-secondary); font-size:10px; line-height:1; color:#fff; transform:translateY(-50%);}
.result-web {display:flex; flex-direction:column; gap:var(--padding-80);}


.about-guarantee {position:relative; width:100%; background:url(../images/sub/about-guarantee-bg.jpg) no-repeat center center / cover;}
.about-guarantee__inner {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); text-align:center;}
.about-guarantee__tit {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:1; color:#fff;}
.about-guarantee__desc {display:flex; flex-direction:column; gap:0; max-width:100%; font-size:var(--font-size-18); line-height:1.67; color:rgba(255, 255, 255, 0.8); letter-spacing: -0.6px;}
.about-guarantee__desc p {margin:0;}
.about-step-list {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; width:100%;}
.about-step {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); min-width:0; text-align:center;}
.about-step__visual {position:relative; display:flex; align-items:center; justify-content:center; width:clamp(100px, calc(203 / var(--inner) * 100vw), 203px); height:auto; aspect-ratio: 203/180;}
.about-step__union {display:block; width:clamp(100px, calc(203 / var(--inner) * 100vw), 203px); height:auto; aspect-ratio: 203/180;}
.about-step__body {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%;}
.about-step__badge {display:inline-flex; align-items:center; justify-content:center; padding:8px 10px; border-radius:5px; background:#121212; font-size:var(--font-size-16); font-weight:600; line-height:1; color:#fff;}
.about-step__tit {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; color:#121212;}
.about-step__desc {margin:0; font-size:var(--font-size-16); line-height:1.75; color:var(--color-body);}
.about-curriculum__group {display:flex; flex-direction:column; gap:var(--padding-60); width:100%;}
.about-card-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:25px; width:100%;}
.about-card {position:relative; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap:var(--padding-20); min-height:clamp(220px, calc(350 / var(--inner) * 100vw), 350px); padding:var(--padding-40); overflow:hidden; border-radius:16px; background:url(../images/sub/about-curriculum-bg.jpg) no-repeat center center / cover;}
.about-card__body {position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:var(--padding-20); width:100%;}
.about-card__num {font-size:var(--font-size-16); line-height:1; color:#fff;}
.about-card__copy {display:flex; flex-direction:column; align-items:flex-start; gap:var(--padding-30); width:100%;}
.about-card__tit {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; color:#fff;}
.about-card__list {display:flex; flex-direction:column; gap:15px; width:100%; opacity:0.8;}
.about-card__list li {position:relative; padding-left:12px; font-size:var(--font-size-16); line-height:1; color:#fff;}
.about-card__list li:before {content:""; position:absolute; top:0.45em; left:0; width:4px; height:4px; border-radius:50%; background:#fff;}
.about-card__icon {position:relative; z-index:1; display:block; width:clamp(45px, calc(80 / var(--inner) * 100vw), 80px); height:auto; aspect-ratio: 1/1; object-fit:contain;}
.about-schedule-wrap {width:100%; overflow-x:auto;}
.about-schedule {width:100%; min-width:980px; border-top:1px solid var(--color-primary); border-collapse:collapse; table-layout:fixed;}
.about-schedule__col--type {width:11%;}
.about-schedule__col--subject {width:27%;}
.about-schedule__col--content {width:34%;}
.about-schedule__col--time {width:11%;}
.about-schedule__col--form {width:17%;}
.about-schedule__head {padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4; font-size:var(--font-size-16); font-weight:700; line-height:1; color:#121212; text-align:center;}
.about-schedule__head--left {text-align:left;}
.about-schedule__head:last-child {border-right:0;}
.about-schedule__cell {height:87px; padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:var(--font-size-16); line-height:1; color:var(--color-body); text-align:center; vertical-align:middle;}
.about-schedule__cell--left {text-align:left; vertical-align:middle;}
.about-schedule__cell:last-child {border-right:0;}
.about-schedule__row--short .about-schedule__cell {height:56px;}
.about-schedule__list {display:flex; flex-direction:column; gap:15px;}
.about-schedule__list li {position:relative; padding-left:12px; line-height:1;}
.about-schedule__list li:before {content:""; position:absolute; top:0.45em; left:0; width:4px; height:4px; border-radius:50%; background:var(--color-body);}

.program-area {display:flex; flex-direction:column; gap:var(--padding-150); width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.program-course, .program-feature {display:flex; flex-direction:column; align-items:center; width:100%;}
.program-title {margin:0 0 var(--padding-80); font-size:var(--font-size-40); font-weight:700; line-height:1; color:#121212; text-align:center;}
.program-course-list {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; width:100%;}
.program-course-item {display:flex; flex-direction:column; align-items:center; gap:20px; min-width:0; padding:var(--padding-30) 15px; border-radius:8px; background:#e2ecff; text-align:center;}
.program-course-item__num {font-size:var(--font-size-16); line-height:1; color:var(--color-body);}
.program-course-item__icon {display:block; width:clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); height:auto; aspect-ratio: 1/1; object-fit:contain;}
.program-course-item__tit {margin:0; font-size:var(--font-size-22); font-weight:600; line-height:1; color:#121212;}
.program-feature-content {display:flex; flex-direction:column; gap:var(--padding-80); width:100%;}
.program-feature-summary {display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); align-items:center; gap:var(--padding-60); width:100%; min-height:760px; padding:var(--padding-60); border:1px solid #ddd; border-radius:16px; overflow:hidden;}
.program-feature-summary__visual {display:flex; align-items:center; justify-content:center; width:100%;}
.program-feature-summary__visual img {display:block; width:100%; max-width:602px; height:auto;}
.program-feature-summary__list {display:flex; flex-direction:column; gap:15px; width:100%;}
.program-feature-summary__list li {position:relative; display:flex; align-items:center; min-height:clamp(45px, calc( 84 / var(--inner) * 100vw ), 84px); padding:var(--padding-30) var(--padding-30) var(--padding-30) 64px; border-radius:16px; background:#e8edf5; font-size:var(--font-size-20); font-weight:600; line-height:1.2; color:#121212;}
.program-feature-summary__list li:before {content:"✓"; position:absolute; top:50%; left:var(--padding-30); display:flex; align-items:center; justify-content:center; width:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1; border-radius:50%; background:var(--color-secondary); font-size:14px; font-weight:700; line-height:1; color:#fff; transform:translateY(-50%);}
.program-detail-list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--padding-80) var(--padding-60); width:100%;}
.program-detail-item {display:grid; grid-template-columns:minmax(240px, 320px) minmax(0, 1fr); align-items:center; gap:var(--padding-40); min-width:0;}
.program-detail-item__image {width:100%; height:283px; overflow:hidden; border-radius:16px;}
.program-detail-item__image img {display:block; width:100%; height:100%; object-fit:cover;}
.program-detail-item__body {display:flex; flex-direction:column; align-items:flex-start; gap:var(--padding-30); min-width:0;}
.program-detail-item__tit {display:flex; gap:10px; width:100%; margin:0; padding-bottom:var(--padding-30); border-bottom:1px solid #ddd; font-size:var(--font-size-20); font-weight:600; line-height:1.2; color:#121212;}
.program-detail-item__tit span {flex-shrink:0;}
.program-detail-item__list {display:flex; flex-direction:column; gap:15px; width:100%;}
.program-detail-item__list li {position:relative; padding-left:12px; font-size:var(--font-size-16); line-height:1.3; color:var(--color-body);}
.program-detail-item__list li:before {content:""; position:absolute; top:0.55em; left:0; width:4px; height:4px; border-radius:50%; background:var(--color-body);}

.team-list {display:flex; flex-direction:column; gap:var(--padding-120); width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.team-card {position:relative; display:grid; grid-template-columns:300px minmax(0, 1fr); align-items:start; gap:var(--padding-80); min-height:442px; padding:40px 60px 0; border-radius:8px;}
.team-card:before {content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:145px; border-radius:8px; background:#f2f3f6;}
.team-card__image {position:relative; z-index:1; width:300px; height:auto; aspect-ratio:3/4; overflow:hidden; border-radius:8px; background:#fff; box-shadow:5px 10px 30px rgba(0, 0, 0, 0.2);}
.team-card__image img {display:block; width:100%; height:100%; object-fit:cover;}
.team-card__image--placeholder {display:flex; align-items:center; justify-content:center;}
.team-card__image--placeholder img {width:200px; height:auto; object-fit:contain;}
.team-card__body {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--padding-70); min-width:0; padding-top:10px;}
.team-card__head {display:flex; flex-direction:column; gap:15px;}
.team-card__name {margin:0; font-size:var(--font-size-32); font-weight:700; line-height:1; color:var(--color-primary);}
.team-card__role {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1; color:#121212;}
.team-card__career {display:flex; flex-direction:column; gap:var(--padding-30); width:100%;}
.team-card__career li {position:relative; padding-left:12px; font-size:var(--font-size-18); line-height:1.2; color:var(--color-body);}
.team-card__career li:before {content:""; position:absolute; top:0.5em; left:0; width:4px; height:4px; border-radius:50%; background:var(--color-body);}

.survey-area {width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.survey-intro {background:url(../images/sub/survey-intro-bg.jpg) no-repeat center center / cover;}
.survey-intro .subsec-titbx {margin-bottom:var(--padding-80);}
.survey-intro .greet1_2-item .tit {font-size:var(--font-size-24);}
.survey-intro .greet1_2-item .decbx {font-size:var(--font-size-16);}
.survey-heading {display:flex; flex-direction:column; align-items:center; gap:35px; width:100%; margin-bottom:var(--padding-80); text-align:center;}
.survey-heading__tit {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:1.2; color:#121212;}
.survey-heading__desc {margin:0; font-size:var(--font-size-20); font-weight:600; line-height:1.7; color:var(--color-body);}
.survey-compare-list {display:grid; grid-template-columns:minmax(0, 1fr) 24px minmax(0, 1fr); align-items:center; gap:var(--padding-40); width:100%;}
.survey-compare-card {display:flex; flex-direction:column; gap:var(--padding-50); min-width:0; padding:var(--padding-60) var(--padding-40); overflow:hidden; border:1px solid #ddd; border-radius:16px;}
.survey-compare-card--before {background:#f4f4f4;}
.survey-compare-card--after {position:relative; background: url(../images/sub/survey-compare-bg.jpg) no-repeat center bottom / cover;}
.survey-compare-card__tit {position:relative; z-index:1; margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; color:#121212;}
.survey-compare-card--after .survey-compare-card__tit {color:#fff;}
.survey-compare-card__list {position:relative; z-index:1; display:flex; flex-direction:column; gap:var(--padding-25); width:100%;}
.survey-compare-card__list li {display:grid; grid-template-columns:minmax(200px, 1fr) minmax(0, 1fr); align-items:center; gap:20px; padding-bottom:var(--padding-25); border-bottom:1px solid #ddd;}
.survey-compare-card--after .survey-compare-card__list li {border-color:rgba(221, 221, 221, 0.3);}
.survey-compare-card__key {display:flex; align-items:center; gap:10px; min-width:0;}
.survey-compare-card__key strong {font-size:var(--font-size-16); font-weight:700; line-height:1.2; color:#121212;}
.survey-compare-card__icon {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height:auto; aspect-ratio: 1/1; padding:8px; border-radius:50%; background:#878787;}
.survey-compare-card__icon img {display:block; width:100%; height:100%; object-fit:contain;}
.survey-compare-card__list p {margin:0; font-size:var(--font-size-16); line-height:1.3; color:var(--color-body);}
.survey-compare-card--after .survey-compare-card__key strong, 
.survey-compare-card--after .survey-compare-card__list p {color:#fff;}
.survey-compare-card--after .survey-compare-card__icon {background:#fff;}
.survey-compare-arrow {position:relative; width:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); height:auto; aspect-ratio: 1/1;}
.survey-compare-arrow:before {content:""; position:absolute; top:50%; left:50%; width:12px; height:12px; border-top:2px solid var(--color-secondary); border-right:2px solid var(--color-secondary); transform:translate(-70%, -50%) rotate(45deg);}
.survey-insight-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-40); width:100%;}
.survey-insight-item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-40); min-height:clamp(200px, calc( 310 / var(--inner) * 100vw ), 310px); padding:var(--padding-30); border-radius:16px; text-align:center;}
.survey-insight-item--blue {background:#e2ecff;}
.survey-insight-item--purple {background:#ece5ff;}
.survey-insight-item--mint {background:#add;}
.survey-insight-item__icon {display:block; width:clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); height:auto; aspect-ratio: 1/1; object-fit:contain;}
.survey-insight-item__body {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20); width:100%;}
.survey-insight-item__body h4 {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; color:var(--color-secondary);}
.survey-insight-item--purple .survey-insight-item__body h4 {color:#9564eb;}
.survey-insight-item--mint .survey-insight-item__body h4 {color:#239e9e;}
.survey-insight-item__body p {margin:0; font-size:var(--font-size-16); line-height:1.63; color:var(--color-body);}
.survey-process-box {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); width:100%; padding:var(--padding-80); border:1px solid #ddd; border-radius:16px;}
.survey-process-box__head {display:flex; flex-direction:column; align-items:center; gap:15px; width:min(100%, 1032px); padding:20px; border-radius:1000px; background:var(--color-primary); color:#fff;}
.survey-process-box__head img {display:block; width:68px; height:auto;}
.survey-process-box__head h4 {margin:0; font-size:var(--font-size-24); font-weight:700; line-height:1; text-align:center;}
.survey-process-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-75); width:min(100%, 1032px);}
.survey-process-item {position:relative; display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); text-align:center;}
.survey-process-item:not(:last-child):after {content:""; position:absolute; top:95px; right:calc((var(--padding-75) / 2) * -1 - 24px); width:48px; height:8px; background:radial-gradient(circle, #ddd 0 2px, transparent 2.5px) 0 50% / 12px 8px repeat-x;}
.survey-process-item__icon {display:flex; align-items:center; justify-content:center; width:clamp(120px, calc( 190 / var(--inner) * 100vw ), 190px); height:aut o; aspect-ratio: 1/1; padding:var(--padding-45); border-radius:50%; background:#f9f9f9;}
.survey-process-item__icon img {display:block; max-width:100%; max-height:100%; object-fit:contain;}
.survey-process-item__body {display:flex; flex-direction:column; align-items:center; gap:var(--padding-20);}
.survey-process-item__body span {display:inline-flex; padding:8px; border-radius:5px; background:var(--color-primary); font-size:var(--font-size-16); font-weight:600; line-height:1; color:#fff;}
.survey-process-item__body h5 {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:1.2; color:#121212;}

.survey-make {background:url(../images/sub/survey-make-bg.jpg) no-repeat center center / cover;}
.survey-make .subsec-titbx.white .subdec {color:rgba(255, 255, 255, 0.8);}
.survey-make .greet1_2-item .tit {font-size:var(--font-size-24);}
.survey-make .greet1_2-item .decbx {font-size:var(--font-size-16); line-height:1.75;}
.survey-make-flow {display:flex; flex-direction:column; gap:var(--padding-100); width:100%;}
.survey-make-steps {position:relative; display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:16px; width:100%; margin:0; padding:0; list-style:none;}
.survey-make-steps:before {content:""; position:absolute; top:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); left:calc(100% / 12); right:calc(100% / 12); z-index:0; border-top:1px dashed #ddd;}
.survey-make-step {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); min-width:0; text-align:center;}
.survey-make-step__icon {display:flex; align-items:center; justify-content:center; width:clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); height:auto; aspect-ratio:1/1; border-radius:50%; background:#e2ecff;}
.survey-make-step__icon img {display:block; width:clamp(40px, calc( 64 / var(--inner) * 100vw ), 64px); height:auto; aspect-ratio:1/1; object-fit:contain;}
.survey-make-step__body {display:flex; flex-direction:column; align-items:center; gap:15px; width:100%;}
.survey-make-step__num {font-size:var(--font-size-16); font-weight:400; line-height:1; color:var(--color-secondary);}
.survey-make-step__tit {margin:0; font-size:var(--font-size-20); font-weight:600; line-height:1.3; color:#121212; word-break:keep-all;}
.survey-make-check {display:flex; flex-wrap:wrap; gap:var(--padding-30); width:100%; margin:0; padding:var(--padding-30); list-style:none; border-radius:16px; background:#f4f4f4;}
.survey-make-check li {display:flex; align-items:center; gap:8px;}
.survey-make-check li img {flex-shrink:0; display:block; width:16px; height:16px;}
.survey-make-check li span {font-size:var(--font-size-16); font-weight:400; line-height:1.3; color:#505050; word-break:keep-all;}
.survey-case-area {width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.survey-case-point {padding:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 0; background:#f4f4f4;}
.survey-case-point__list {display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:var(--padding-20); width:100%; margin:0; padding:0; list-style:none;}
.survey-case-point__item {display:flex; flex-direction:column; align-items:center; gap:var(--padding-25); min-width:0; text-align:center;}
.survey-case-point__num {font-size:var(--font-size-16); font-weight:400; line-height:1; color:#505050;}
.survey-case-point__icon {display:flex; align-items:center; justify-content:center; width:clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); height:auto; aspect-ratio:1/1; border-radius:50%; background:var(--color-primary);}
.survey-case-point__icon img {display:block; width:clamp(38px, calc( 64 / var(--inner) * 100vw ), 64px); height:auto; aspect-ratio:1/1; object-fit:contain;}
.survey-case-point__tit {margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1.56; color:#121212;}
.survey-case-grid {display:grid; gap:var(--padding-20); width:100%;}
.survey-case-grid--pf {grid-template-columns:repeat(4, minmax(0, 1fr));}
.survey-case-gallery {display:flex; flex-direction:column; gap:var(--padding-20); width:100%;}
.survey-case-gallery__row {display:grid; gap:var(--padding-20); width:100%;}
.survey-case-gallery__row--3 {grid-template-columns:repeat(3, minmax(0, 1fr));}
.survey-case-gallery__row--4 {grid-template-columns:repeat(4, minmax(0, 1fr));}
.survey-case-gallery__row--6 {grid-template-columns:repeat(6, minmax(0, 1fr));}
.survey-case-card {position:relative; min-width:0; overflow:hidden; border:1px solid #ddd; border-radius:16px; background:#fff;}
.survey-case-grid--pf .survey-case-card {aspect-ratio:310/325;}
.survey-case-gallery__row--3 .survey-case-card {aspect-ratio:453/258;}
.survey-case-gallery__row--6 .survey-case-card {aspect-ratio:220/314;}
.survey-case-gallery__row--4:first-child .survey-case-card {aspect-ratio:335/208;}
.survey-case-gallery__row--4:last-child .survey-case-card {aspect-ratio:335/318;}
.survey-case-card img {display:block; width:100%; height:100%; object-fit:cover;}
.shp-about-area {width:100%; letter-spacing:-0.03em; word-break:keep-all;}
.shp-about-rows {display:flex; flex-direction:column; gap:var(--padding-120); width:100%;}
.shp-about-row {display:flex; align-items:flex-start; justify-content:space-between; gap:var(--padding-40); width:100%;}
.shp-about-row__tit {flex-shrink:0; width:clamp(220px, calc( 450 / var(--inner) * 100vw ), 450px); margin:0; font-size:var(--font-size-32); font-weight:600; line-height:1.38; color:#121212;}
.shp-about-row__body {display:flex; flex:1; flex-direction:column; gap:var(--padding-20); min-width:0; max-width:800px;}
.shp-about-row__lead {margin:0; font-size:var(--font-size-24); font-weight:600; line-height:1.58; color:var(--color-primary);}
.shp-about-row__desc {margin:0; font-size:var(--font-size-18); font-weight:400; line-height:1.67; color:#505050;}
.shp-about-vision {width:100%;}
.shp-about-vision__bg {padding:clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px) 0 clamp(120px, calc( 200 / var(--inner) * 100vw ), 200px); background: url(../images/sub/shopper-about-bg.jpg) no-repeat center center / cover;}
.shp-about-vision__head {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); width:100%; text-align:center; color:#fff;}
.shp-about-vision__tit {margin:0; font-size:var(--font-size-40); font-weight:700; line-height:1.3; color:#fff;}
.shp-about-vision__desc {margin:0; font-size:var(--font-size-20); font-weight:400; line-height:1.5; color:#fff;}
.shp-about-vision__cards {position:relative; z-index:1; margin-top:clamp(-100px, calc( -140 / var(--inner) * 100vw ), -80px); padding-bottom:clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.shp-about-role-list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--padding-40); width:100%;}
.shp-about-role {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); min-width:0; padding:var(--padding-60) var(--padding-40); border-radius:16px;}
.shp-about-role--blue {background:#e2ecff;}
.shp-about-role--purple {background:#ece5ff;}
.shp-about-role__icon {display:flex; align-items:center; justify-content:center; width:clamp(60px, calc( 100 / var(--inner) * 100vw ), 100px); height:auto; aspect-ratio:1/1;}
.shp-about-role__icon img {display:block; width:100%; height:100%; object-fit:contain;}
.shp-about-role__body {display:flex; flex-direction:column; gap:var(--padding-30); width:100%;}
.shp-about-role__tit {margin:0; font-size:var(--font-size-28); font-weight:400; line-height:1.3; color:#121212; text-align:center;}
.shp-about-role--blue .shp-about-role__tit strong {font-weight:700; color:var(--color-secondary);}
.shp-about-role--purple .shp-about-role__tit strong {font-weight:700; color:#9564eb;}
.shp-about-role__desc {margin:0; font-size:var(--font-size-16); font-weight:400; line-height:1.63; color:#505050;}
.request-area {display:flex; flex-direction:column; gap:var(--padding-80);}
.request-intro__head {display:flex; flex-direction:column; gap:0; text-align:center;}
.request-intro__lead {margin:0; font-size:var(--font-size-20); font-weight:700; line-height:1.7; color:var(--color-primary);}
.request-intro__desc {margin:0; font-size:var(--font-size-20); font-weight:400; line-height:1.7; color:#505050;}
.request-intro__list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--padding-20); width:100%; margin:var(--padding-34) 0 0; padding:0; list-style:none;}
.request-intro__list--edu {grid-template-columns:repeat(4, minmax(0, 1fr));}
.request-intro__list li {display:flex; align-items:center; gap:8px; padding:var(--padding-18) var(--padding-20); border-radius:8px; background:rgba(74,128,209,0.1);}
.request-intro__list li img {flex-shrink:0; display:block; width:16px; height:16px;}
.request-intro__list li span {font-size:var(--font-size-16); font-weight:400; line-height:1.3; color:#121212; word-break:keep-all;}