.pc-view { display: block; }
.mo-view { display: none; }

/* ============================================================
   소형 데스크탑 (1200px 이하)
   ============================================================ */
@media (max-width: 1200px) {
  /* layout */
  .header .nav-area a { font-size: 16px; }
  .header.is-scroll .logo { padding: 34px 0; }
  .header.is-scroll .nav-item { padding: 34px 0; }
  
  /* main */
  .sc-about .cont-wrap{ height: 520px; padding: 0 60px; }
  .sc-business .card-item{ padding: 50px; }
  .sc-project .head{ margin-bottom: 60px; }

  /* sub-philosophy */
  .sub-philosophy .sc-emphasis{ padding: 50px 0 100px; }

  /* sub-vision */
  .sub-vision .sc-card-list .card-list{ gap: 40px; }

  /* sub-consulting */
  .sub-consulting .sc-sub-cont .cont-wrap {padding-top: 120px;}
  .sub-consulting .text-area .headline { font-size: 18px; }
  .sub-consulting .sc-sub-cont .cont-wrap { position:unset; }
  .sub-consulting .sc-sub-cont .cont-wrap::before{ content: ''; position: absolute; inset:0; background: url("/assets/images/sub/m_consult_img1.png") no-repeat; background-size: cover; background-position-y:-500px; z-index: -1; }
  .sub-consulting .sc-sub-cont .bg { display:none; }
  .sub-consulting .sc-sub-cont .list-area { display:block; position:unset; width:100%; height:auto; padding:100px 0 80px; transform:unset; }
  .sub-consulting .sc-sub-cont .process-list { display:flex; flex-direction:column; align-items:center; gap:34px; text-align:center; }
	.sub-consulting .sc-sub-cont .process-item { position:unset }
  .sub-consulting .sc-sub-cont .process-item + .process-item::before { content:""; display:block; width:2px; height:34px; margin:0 auto 34px; background:repeating-linear-gradient(to bottom, #ffffff 0 4px, transparent 4px 14px); }
	.sub-consulting .sc-sub-cont .pointer { display:none; }

  /* sub-incubating */
  .sub-incubating .sc-sub-cont .cont-wrap {padding-top: 120px;}
  .sub-incubating .text-area .headline { font-size: 18px; }
  .sub-incubating .sc-sub-cont .bg { display:none; }
  .sub-incubating .sc-sub-cont .cont-wrap { position:unset; }
  .sub-incubating .sc-sub-cont .cont-wrap::before{ content: ''; position: absolute; inset:0; background: url("/assets/images/sub/m_incubat_img1.png") no-repeat; background-size: cover; background-position-y:-560px; z-index: -1; }
	.sub-incubating .sc-sub-cont .list-area { display:block; position:unset; width:100%; height:auto; padding:100px 0 80px; transform:unset; }
  .sub-incubating .sc-sub-cont .process-list { display:flex; flex-direction:column; align-items:center; gap:34px; text-align:center; }
  .sub-incubating .sc-sub-cont .process-item { gap:14px; position:unset; }
  .sub-incubating .sc-sub-cont .process-item + .process-item::before { content:""; display:block; width:2px; height:34px; margin:0 auto 34px; background:repeating-linear-gradient(to bottom, #ffffff 0 4px, transparent 4px 14px); }
  .sub-incubating .sc-sub-cont .process-item .num { width:46px; height:26px; font-size:14px; }
  .sub-incubating .sc-sub-cont .process-item .desc { max-width:280px; }
  .sub-incubating .sc-sub-cont .phase-ko { font-size:20px; }
	.sub-incubating .sc-sub-cont .pointer { display:none; }


  /* sub-project */
	.sub-project .sc-sub-cont .tab-menu ul { gap:10px; }
  .sub-project .sc-sub-cont .project-list{ gap: 60px 20px;}

  /* sub-founder */
  .sub-founder .sc-sub-cont .team-area { max-height:none;}
  .sub-founder .sc-sub-cont .team-area::before { width:100%; background-size:cover; background-position:center; }
  .sub-founder .sc-sub-cont .team-area .founder-list{ gap: 30px; }
  .sub-founder .sc-sub-cont .team-area .founder-item{ width: 440px; padding: 40px 36px; }

}


/* ============================================================
   태블릿 (1024px 이하)
   ============================================================ */
@media (max-width: 1024px) {

  /* header */
  .header-inner { align-items:center; padding: 0 30px; }
  .header .nav-area { display:none; }
  .header .nav-area .nav-list { gap:0; }
  .header .allmenu-btn { display:block; }
  .header .allmenu-wrap { display:block;}

  /* footer */
  .footer-inner {  padding: 0 30px;  }
  .footer-inner .footer-nav .nav-list{ gap: 20px; }

  /* main */
  .sc-hero{ min-height: 600px; }
  .sc-hero .headline{ margin-top: -2vw; }
	.sc-hero .scroll-area { font-size:14px; }

  .sc-about{ padding: 60px 0; }
  .sc-about .cont-wrap{
    flex-direction: column;
    align-items: flex-start;
    min-height: 480px;
    padding: 50px 30px;
  }

  .sc-business{ padding: 60px 0; }
  .sc-business .card-list{ flex-direction: column; gap: 30px; }
  .sc-business .card-item{
    width: 100%;
    max-width: none;
    aspect-ratio: auto;
    min-height: 520px;
    padding: 50px;
  }

  .sc-project{ padding: 60px 0; }
  .sc-project .head{ margin-bottom: 40px; }
  .sc-project .project-list{ gap: 24px; }
  .sc-project .link-project{ gap: 24px; }

  .sc-cta{ padding: 140px 0; min-height: 720px; }

  /* sub */
  .sc-sub-hero{ padding: 100px 0; }
  .sc-sub-hero .content-inner { padding: 0 30px; }
  .sc-sub-hero .breadcrumb{ margin-bottom: 20px; }
  .sc-sub-hero .breadcrumb-list { font-size: 12px; }
  .sc-sub-hero .breadcrumb-sub > ul { padding:10px 20px; }
  .sc-sub-hero .breadcrumb-sub > ul > li { font-size: 14px; }
  .sc-sub-hero .breadcrumb-sub > ul > li .link { padding: 12px 0; }

  .sc-sub-hero .img-area img { width: 100%; max-width: none; }
  .sc-sub-hero .divider { bottom: -60px; height: 100px; }

  .sc-sub-cont .content-inner { padding: 0 30px; }

  /* sub-belief */
  .sub-belief .sc-sub-cont .belief-list{ grid-template-columns: repeat(2, 1fr); }
  .sub-belief .sc-sub-cont .belief-item{ padding: 40px 24px; }
  .sub-belief .sc-sub-cont .belief-item:not(:nth-child(3n+1))::before{ display: none; }
  .sub-belief .sc-sub-cont .belief-item:not(:nth-child(2n+1))::before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: #d2d2d5;
    content: '';
    display: block;
  }
  .sub-belief .sc-sub-cont .belief-item .num{ margin-bottom: 40px; }

  /* sub-consulting */
  .sub-consulting .sc-sub-cont .cont-wrap::before{ background-position-y:-360px; }

  /* sub-incubating */
  .sub-incubating .sc-sub-cont .cont-wrap::before{ background-position-y:-360px; }

	/* sub-project */
	.sub-project .sc-sub-cont .tab-cont { padding-top: 60px; }
	.sub-project .sc-sub-cont .tab-menu ul { gap:0; }
	.sub-project .sc-sub-cont .tab-menu ul li { height: 50px; font-size:16px; }
  .sub-project .sc-sub-cont .project-list{ gap: 60px 20px;}
	.sub-project .sc-sub-cont .link-project { gap:16px; }
	.sub-project .sc-sub-cont .project-item .text-wrap .cate { font-size:15px; }
  .sub-project .sc-sub-cont .project-item .text-wrap .name { font-size:18px; }
}

/* ============================================================
   모바일 (768px 이하)
   ============================================================ */
@media (max-width: 768px) {
  .pc-view { display: none; }
  .mo-view { display: block; }

  /* common */
  .content-inner { max-width: none; padding: 0 40px; }
  .btn-more{ width: 134px; height: 46px; padding: 0 18px; font-size: 14px; font-weight:300; }
  .btn-more .arrow {
    width: 11px;
    height: 11px;
    -webkit-mask: url("/assets/images/common/m_ic_btn_arr.png") no-repeat center / contain;
    mask: url("/assets/images/common/m_ic_btn_arr.png") no-repeat center / contain;
  }
  .headline-sub, 
  .title, 
  .label,
  .desc { word-break: keep-all; }
  .headline-sub br,
  .title br,
  .headline br,
  .label br,
  .desc br { display: none; }

  /* layout */
  .header-inner{ padding: 28px 20px; }
  .header.is-scroll .logo { padding:28px 0; }
  .header.is-scroll .nav-item { padding:28px 0; }
  .header .logo{ width: 123px; margin: 0; padding:0; }

  /* footer */
  #footer{ padding: 50px 0; }
  .footer-inner{
    padding: 0 20px;
  }
  .footer-cont {
    align-items: flex-start;
    gap: 40px;
  }
  .footer-inner .footer-nav .nav-list{
    flex-direction: column;
    gap: 20px;
  }
  .footer-inner .footer-nav a {
    font-size: 15px;
  }
  .footer-inner .footer-address { 
    font-size: 13px;
    text-align: left; 
  }
  
  /* main */
  /* main — sc-hero */
  .sc-hero{ height: 100svh; min-height: 560px; }
  .sc-hero .headline{ font-size: 34px; line-height: 1.3; margin-top: 0; padding: 0 50px; }
  .sc-hero .scroll-down{ bottom: 60px; font-size: 13px; gap: 14px; }

  /* main — sc-about */
  .sc-about{ height: 100svh; }
  .sc-about::before{ 
    content:"";  
    position: absolute;
    inset: 0;
    background: url("/assets/images/main/m_about_bg.png") no-repeat;
    background-size: 100%;
    background-position-y: 50%;
  }
  .sc-about .cont-wrap{
    align-items: flex-start;
    min-height: 420px;
    gap: 26px;
  }

  /* main — sc-business */
  .sc-business{ padding: 50px 0; }
  .sc-business .card-list{ gap: 20px; }
  .sc-business .card-item{
    justify-content: center;
    align-items: center;
    gap: 36px;
    min-height: 420px;
    padding: 26px;
  }
  .sc-business .card-item .text-area{ 
    gap: 16px;
    text-align: center;
  }


  /* main — sc-project */
  .sc-project{ 
    padding: 50px 0 180px;
    background: linear-gradient(0deg, #537088 -11.47%, #3A5161 26.12%, #000 95.95%); 
  }
  .sc-project .head{
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 36px;
  }
  .sc-project .btn-more{
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
  }
  .sc-project .project-list{
    flex-direction: column;
    align-items: stretch;
    gap: 36px;

  }
  .sc-project .project-item{ max-width: none; }
  .sc-project .link-project{ gap: 18px; }
  .sc-project .link-project .name{ font-size: 16px; }

  /* main — sc-cta */
  .sc-cta{ padding: 100px 0; min-height: 520px; }
  .sc-cta .text-area { padding: 0 40px;}
  .sc-cta .label { font-size: 22px; }

  /* sub */
  .sc-sub-hero{ padding-top: 100px; }
  .sc-sub-hero .content-inner{ padding: 0 20px; }
  .sc-sub-hero .hero-banner{ height: 160px; }
  .sc-sub-hero .breadcrumb{ margin-bottom: 24px; }
  .sc-sub-hero .breadcrumb-list{ font-size: 13px; gap: 8px; }
  .sc-sub-hero .breadcrumb-item{ gap: 8px; }
  .sc-sub-hero .breadcrumb-sub::before { border-radius:12px; }

  .sc-sub-cont { padding-bottom:80px; }
  .sc-sub-cont .content-inner { padding: 0 20px; }

  /* sub-philosophy */
  .sub-philosophy .sc-sub-cont .text-area .desc { padding:24px 0; }
  .sub-philosophy .sc-sub-cont .emphasis{ gap:8px; padding-top: 6px; font-size: 15px; font-weight: 500; }
  .sub-philosophy .sc-sub-cont .emphasis::before,
  .sub-philosophy .sc-sub-cont .emphasis::after{ display:none; }

  /* sub-vision */
  .sub-vision .sc-sub-cont .card-list{ flex-direction:column; align-items:center; gap:50px; }
  .sub-vision .sc-sub-cont .card-item{ gap:50px; }
  .sub-vision .sc-sub-cont .card-item:nth-child(1){ order:2; }
  .sub-vision .sc-sub-cont .card-item:nth-child(2){ order:1; }
  .sub-vision .sc-sub-cont .card-item:nth-child(3){ order:3; }
  .sub-vision .sc-sub-cont .card-item .desc { max-width:220px; }

  /* sub-belief */
  .sub-belief .sc-sub-cont .belief-list{ display:flex; flex-direction:column; gap:0; padding-top:50px; }
  .sub-belief .sc-sub-cont .belief-item{ padding: 40px 0; }
  .sub-belief .sc-sub-cont .belief-item:not(:nth-child(2n+1))::before{ display: none; }
  .sub-belief .sc-sub-cont .belief-item .heading { padding-bottom:12px; font-size:18px; }
  .sub-belief .sc-sub-cont .belief-item .num{ margin-bottom: 26px; font-size: 18px; }
  .sub-belief .sc-sub-cont .belief-item.img-cont { order:5; padding:0; border:0; }

  /* sub-consulting */
  .sub-consulting .sc-sub-cont .cont-wrap::before{ background-position-y:-70px; }

  /* sub-incubating */
  .sub-incubating .text-area .headline { max-width:340px; }
  .sub-incubating .sc-sub-cont .cont-wrap::before{ background-position-y:-200px; }

  /* sub-project */
  .sub-project .sc-sub-cont .content-inner { display: contents; } 
  .sub-project .sc-sub-cont .text-area { gap:24px; padding:0 20px; } 
  .sub-project .sc-sub-cont .desc{ max-width:300px; }
	.sub-project .sc-sub-cont .tab-menu { padding:0 20px; }
	.sub-project .sc-sub-cont .tab-menu ul { gap:0; }
	.sub-project .sc-sub-cont .tab-menu ul li { flex:none; }
  .sub-project .sc-sub-cont .tab-cont { padding:0 20px; } 
  .sub-project .sc-sub-cont .project-list { display:flex; flex-direction:column; gap:60px; padding-top:60px; }
  .sub-project .sc-sub-cont .link-project { gap:24px; }

  /* sub-founder */
  .sub-founder .sc-sub-cont .desc-area { gap: 24px; }
  .sub-founder .sc-sub-cont .desc-area .shape-list { flex-direction:column; gap:12px; padding-top:40px; }
  .sub-founder .sc-sub-cont .team-area { margin-top:80px; padding: 60px 0; }
  .sub-founder .sc-sub-cont .team-area::before { background:url("/assets/images/sub/m_founder_bg.png") no-repeat; background-size:cover; }
  .sub-founder .sc-sub-cont .team-area .founder-list { align-items:center; flex-direction:column; gap:50px; }
  .sub-founder .sc-sub-cont .team-area .founder-item { gap:24px; width:100%; min-height:0; padding: 30px 26px;  }
  .sub-founder .sc-sub-cont .name { font-size:18px; }
  .sub-founder .sc-sub-cont .career-title { font-weight: 400; }
  .sub-founder .sc-sub-cont .career-list { font-size:15px; line-height: 1.5; }
  .sub-founder .sc-sub-cont .career-list li { padding-left:10px; }

  /* sub-contact */
  .sub-contact .sc-sub-cont .text-area { gap:24px; }
  .sub-contact .sc-sub-cont .inquiry-area { margin-top:50px; }
  .sub-contact .sc-sub-cont .inquiry-list{ flex-direction:column; gap:40px; padding: 40px 20px; }
  .sub-contact .inquiry-box { flex-direction:column; align-items: center; margin-top: 80px; }
  .sub-contact .inquiry-box .head { text-align:center; }

  .sub-contact .sc-sub-cont .inquiry-item{ gap: 12px; width:100%; }
  .sub-contact .sc-sub-cont .inquiry-item + .inquiry-item{ padding-top:40px; }
  .sub-contact .sc-sub-cont .inquiry-item + .inquiry-item::before{ top:0; left: 24px; right: 24px; width: auto; height: 1px; transform: none; }
  .sub-contact .sc-sub-cont .inquiry-item .title{ font-size: 16px; }
  .sub-contact .sc-sub-cont .form-title{ font-size: 24px; }
  .sub-contact .sc-sub-cont .form-desc{ max-width:none; padding:0 30px; font-size: 15px; }

  .sub-contact .inquiry-box .contact-form { width:100%; min-width:0; max-width:none; }
  .sub-contact .sc-sub-cont .field{ display:flex; flex-wrap:wrap; gap:10px 30px; }
  .sub-contact .sc-sub-cont .input-wrap { flex:1; min-width:320px; }
  .sub-contact .sc-sub-cont .label{ font-size: 18px; }
  .sub-contact .sc-sub-cont .input{ font-size: 16px; height: 60px; }
  .sub-contact .sc-sub-cont .input-textarea{ height: 140px; }
  .sub-contact .sc-sub-cont .form-actions{  margin-top: 50px; }
  .sub-contact .sc-sub-cont .btn-submit{ width: 100%; height: 50px; font-size: 15px; }

}


/* ============================================================
   모바일 (480px 이하)
   ============================================================ */
@media (max-width: 480px) {
  .sc-sub-hero::before{ background: url("/assets/images/common/m_header_bg.png") no-repeat; background-size:100%; }

  /* sub-consulting */
  .sub-consulting .sc-sub-cont .cont-wrap::before{ background-position-y:0; }

  /* sub-incubating */
  .sub-incubating .sc-sub-cont .cont-wrap::before{ background-position-y:0; }

}


/* ============================================================
   호버 스타일 
   ============================================================ */
@media (max-width: 1024px) and (hover: hover) {
  .btn-more:hover{ background-color: transparent; color: #fff; }
  .btn-more:hover .arrow{ transform: none; }
}
@media (min-width: 1025px) and (max-width: 1200px) and (hover: hover) {
  .header:has(.nav-item:hover) .logo { padding: 34px 0; }
  .header:has(.nav-item:hover) .nav-item { padding: 34px 0; }
}
@media (min-width: 1025px) and (hover: hover){
  .header .nav-area a:hover{
    opacity: 0.7;
  }
  .footer .footer-nav a:hover{ opacity: 0.7; }
  .header:has(.nav-item:hover) {
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(10px);
  }
  .page-main .header:has(.nav-item:hover) {
    background: rgba(0, 0, 0, 0.50);
  }
  .header:has(.nav-item:hover) .logo {
    padding:44px 0;
  }
  .header:has(.nav-item:hover) .nav-item {
    padding:44px 0;
  }
  .header:has(.nav-item:hover) .nav-area .sub-menu-box {
    display: block;
  }

}