/* total-view : common */
.total-view-container{padding-top:50px;}
.total-section__title{font-size:24px; letter-spacing:-0.04em; color:#000; margin-bottom:40px; font-weight:600;}

/* total-view : header */
.total-view__header{margin-bottom:40px;}
.total-view__title{font-size:38px; font-weight:500; color:#000; letter-spacing:-0.04em; margin-bottom:18px;}
.total-view__desc{font-size:18px; color:#555; line-height:1.5; letter-spacing:-0.03em;}

/* total-view : finder */
.total-view__finder{margin-bottom:12px; border-radius:4px; background:linear-gradient(91deg, #2F2F2F 0%, #161616 100%); height:116px; display:flex; align-items:center; justify-content:space-between; gap:32px; padding:0 32px 0 198px; position:relative;}
.total-view__finder:before{content:""; position:absolute; left:0; top:0; width:208px; height:100%; background:url('/main_renewal/img/total/finder-bg.webp') no-repeat center center; background-size:contain;}
.total-view__finder .finder__title{font-size:20px; font-weight:500; color:#fff; letter-spacing:-0.02em; margin-bottom:6px;}
.total-view__finder .finder__desc{font-size:16px; color:#fff; font-weight:300;  letter-spacing:-0.06em; opacity:0.72; line-height:1.3;}
.total-view__finder .finder__control{display:flex; align-items:center; gap:10px;}
.total-view__finder .finder__selects{display:flex; align-items:center; gap:5px;}
.total-view__finder .finder__btn{width:84px; height:40px; padding:0 21px; border-radius:2px; background:#FE5E01; color:#fff; font-size:14px; font-weight:600; letter-spacing:-0.05em; display:flex; align-items:center; justify-content:center; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.56); transition: background-color 0.3s;}
.total-view__finder .finder__select{width:168px; height:40px;border-radius:2px; border: 1px solid rgba(255, 255, 255, 0.07); background: rgba(255, 255, 255, 0.12); box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.56);  color:#fff; font-size:13px;  letter-spacing:-0.05em; position:relative; transition: border-color 0.3s;}
.total-view__finder .finder__select:after{content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:3px solid #fff;}
.total-view__finder .finder__select.is-open::after{transform:translateY(-50%) rotate(180deg);}
.total-view__finder select{appearance:none; -webkit-appearance:none; -moz-appearance:none; background:transparent; color:inherit; font-size:inherit; letter-spacing:inherit; width:100%; height:100%; padding:0 10px; border:none; outline:none; cursor:pointer; padding:2px 16px; margin-top:-1px; text-overflow:ellipsis;}

/* total-view : category filter */
.filter-section{margin-bottom:16px; position:relative;}
.filter-section .cat-filter{padding:24px 0;}
.filter-section .cat-filter .swiper-slide{width:auto;}
.filter-section .swiper-button-prev,
.filter-section .swiper-button-next{width:26px; height:26px; margin-top:-13px; padding:0; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:contain; border:1px solid #ddd; border-radius:50%; box-shadow:0 4px 4px rgba(0,0,0,0.06); cursor:pointer; transition:opacity 0.2s;}
.filter-section .swiper-button-prev{left:-13px; background-image:url('/main_renewal/img/total/icon-prev.svg');}
.filter-section .swiper-button-next{right:-13px; background-image:url('/main_renewal/img/total/icon-next.svg');}
.filter-section .swiper-button-disabled{opacity:0; visibility:hidden; pointer-events:none;}
.filter-section .cat-btn{width:100px; height:100px; background:#f7f7f7; border-radius:6px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:4px; gap:6px; cursor:pointer; transition: border-color 0.2s, background 0.2s; border: 1px solid transparent; position:relative;}
.filter-section .cat-btn:after{content:""; position:absolute; right:10px; top:10px; width:14px; height:14px; border-radius:50px; background:url('/main_renewal/img/total/icon-check.svg') no-repeat center center; background-size:contain; opacity:0; transition: opacity 0.2s;}
.filter-section .cat-btn__icon{width:50px; height:50px; margin-top:-8px;}
.filter-section .cat-btn__icon img{width:100%; height:100%;}
.filter-section .cat-btn__name{font-size:12px; font-weight:500; color:#000; letter-spacing:-0.04em; line-height:1.2; text-align:center;}
.filter-section .cat-btn:has(input:checked){border-color:#FE5E01; box-shadow: 0 4px 16px 0 rgba(255, 94, 0, 0.08);}
.filter-section .cat-btn:has(input:checked) .cat-btn__name{color:#FE5E01; font-weight:600;}
.filter-section .cat-btn:has(input:checked):after{opacity:1;}

/* total-view : selected summary */
.cat-summary{display:flex; align-items:center; margin-bottom:26px;}
.cat-summary__label{font-size:18px; font-weight:600; color:#000; letter-spacing:-0.03em; position:relative; padding-right:16px; margin-right:16px; line-height:1;}
.cat-summary__count{color:#FE5E01; margin-left:4px; line-height:1;}
.cat-summary__label::after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd;}
.cat-summary__reset{display:inline-flex; align-items:center; gap:7px; padding:0; border:0; background:transparent; font-size:15px; color:#000; letter-spacing:-0.03em; cursor:pointer; line-height:1; font-weight:500;}
.cat-summary__reset::before{content:""; width:16px; height:16px; background:url('/main_renewal/img/total/icon-refresh.svg') no-repeat center center; background-size:contain; line-height:1; opacity:20%; transition: opacity 0.2s;}

/* total-view : category list */
.cat-section .cat-list{display:grid; align-items: stretch; grid-template-columns: repeat(3, 1fr); gap:24px; margin-bottom:60px;}
.cat-section .cat-card{height:100%; border-radius:10px; background:#fff; border:1px solid #eee; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04); padding:14px; cursor:pointer; transition: transform 0.2s, box-shadow 0.2s; position:relative;}
.cat-section .cat-card__img{aspect-ratio: 88/47; width:100%; margin-bottom:8px; overflow:hidden; border-radius:8px;}
.cat-section .cat-card__img img{width:100%; height:100%; object-fit:cover;}
.cat-section .cat-card__meta{padding:16px 12px;}
.cat-section .cat-card__eng{font-size:14px; font-weight:500; color:#FE5E01; letter-spacing:-0.02em; margin-bottom:8px;}
.cat-section .cat-card__title{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; position:relative;}
.cat-section .cat-card__name{font-size:20px; font-weight:600; color:#000; letter-spacing:-0.03em;}
.cat-section .cat-card__btn{width:24px; height:24px; background:#f7f7f7 url('/main_renewal/img/total/icon-arrow.svg') no-repeat center center; cursor:pointer; transition: background 0.2s, transform 0.2s; border-radius:50%;}
.cat-section .cat-card__desc{font-size:15px; color:#666; letter-spacing:-0.03em; line-height:1.4; padding-right:1.5em; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.cat-section .cat-card:has(.cat-submenu.is-open){z-index:10;}
.cat-section .cat-card:has(.cat-submenu.is-open) .cat-card__btn{transform: rotate(90deg); background-color:#FE5E01; background-image:url('/main_renewal/img/total/icon-arrow-w.svg');}
.cat-section .cat-submenu{position:absolute; left:0; right:auto; top:calc(100% + 4px); background:#f8f8f8; border:1px solid #eee; border-radius:8px; padding:22px 26px 26px; box-shadow: 0 13px 30px 0 rgba(0, 0, 0, 0.13); min-width:100%; z-index:9; display:none; cursor:default;}
.cat-section .cat-submenu.submenu--right{left:auto; right:0;}
.cat-section .cat-submenu__header{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px;}
.cat-section .cat-submenu__title{font-size:18px; font-weight:600; color:#000; letter-spacing:-0.05em;}
.cat-section .cat-submenu__btn{display:flex; align-items:center; gap:10px; padding:10px 15px; border-radius:9999px; background:rgba(254, 94, 1, 0.15); color:#FE5E01; font-size:14px; font-weight:500; letter-spacing:-0.05em; transition: background 0.2s; line-height:1; cursor:pointer; white-space:nowrap;}
.cat-section .cat-submenu__btn:after{content:""; width:5px; height:8px; background:url('/main_renewal/img/total/icon-sub.svg') no-repeat center center; background-size:contain;}
.cat-section .cat-submenu__list{display:flex; gap:4px;}
.cat-section .cat-submenu__list li{display:block !important;}
.cat-section .cat-submenu__list li + li{margin-top:4px;}
.cat-section .cat-submenu__list .depth3{flex:1; width:100%;}
.cat-section .cat-submenu__list .depth3_tit{display:flex; align-items:center; justify-content:space-between; line-height:1; color:#000; font-size:15px; font-weight:600; letter-spacing:-0.03em; background:#fff; width:265px; height:54px; padding:14px 18px; border-radius:4px; border:1px solid #eee; cursor:pointer;}
.cat-section .cat-submenu__list .depth3_tit:after{content:""; display:block; width:20px; height:20px; background:#f7f7f7 url('/main_renewal/img/total/icon-arrow.svg') no-repeat center center; cursor:pointer; transition: background 0.2s; border-radius:50%;}
.cat-section .cat-submenu__list .depth3_tit i{display:none;}

/* total-view : industry list */
.ind-section{background:#f7f7f7; padding:80px 0; margin-bottom:80px;}
.ind-section .ind-list{display:grid; align-items: stretch; grid-template-columns: repeat(4, 1fr); gap:4px;}
.ind-section .ind-card{display:flex; align-items:center; justify-content:space-between; line-height:1; color:#000; font-size:17px; font-weight:600; letter-spacing:-0.03em; background:#fff; height:68px; padding:14px 26px; border-radius:4px; border:1px solid #eee; cursor:pointer; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);}
.ind-section .ind-card:after{content:""; display:block; width:24px; height:24px; background:#f7f7f7 url('/main_renewal/img/total/icon-arrow.svg') no-repeat center center; cursor:pointer; transition: background 0.2s; border-radius:50%;}
.ind-section .ind-card span{line-height:1.2}

/* total-view : support list */
.support-section{margin-bottom:80px;}
.support-section .support-list{display:grid; align-items: stretch; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:10px;}
.support-section .support-list::after{display:none;}
.support-section .support-card{padding:36px 36px 32px 36px; background:#fff; border-radius:10px; border:1px solid #eee; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03); cursor:pointer; transition: transform 0.2s, box-shadow 0.2s; display:flex; flex-direction:column; align-items:flex-start; height:100%; text-decoration:none;}
.support-section .support-card .support-card__icon{height:46px; margin-bottom:24px;}
.support-section .support-card .support-card__icon img{width:auto; height:100%;}
.support-section .support-card .support-card__meta{flex:1; margin-bottom:32px;}
.support-section .support-card .support-card__name{font-size:18px; font-weight:600; color:#000; letter-spacing:-0.03em; margin-bottom:12px;}
.support-section .support-card .support-card__desc{font-size:14px; color:#666; letter-spacing:-0.03em; line-height:1.4;}
.support-section .support-card .support-card__btn{font-size:14px; font-weight:600; color:#FE5E01; letter-spacing:-0.03em; transition: color 0.2s;}

/* hover */
@media screen and (min-width: 1024px){
  .total-view__finder .finder__select:hover{border-color: rgba(255, 255, 255, 0.2);}
  .total-view__finder .finder__btn:hover{background:#FE4D01;}
  .filter-section .cat-btn:hover{background:#f0f0f0;}
  .cat-section .cat-card:hover{transform:translateY(-12px); box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.10), 0 4px 20px 0 rgba(0, 0, 0, 0.02); z-index:9;}
  .cat-summary__reset:hover::before{opacity:0.4;}
  .cat-section .cat-card:hover .cat-card__btn{background-color:#FE5E01; background-image:url('/main_renewal/img/total/icon-arrow-w.svg');}
  .cat-section .cat-submenu__list .depth3_tit:hover{border-color:#FE5E01}
  .cat-section .cat-submenu__list .depth3_tit:hover:after{background-color:#FE5E01; background-image:url('/main_renewal/img/total/icon-arrow-w.svg');}

  .ind-section .ind-card:hover{border-color:#FE5E01}
  .ind-section .ind-card:hover:after{background-color:#FE5E01; background-image:url('/main_renewal/img/total/icon-arrow-w.svg');}

  .support-section .support-card:hover{border-color:#FE5E01; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.10), 0 4px 20px 0 rgba(0, 0, 0, 0.01);}
}

/* ~1200 */
@media screen and (max-width:1200px){
  .total-view-container{padding-top:40px;}
  .total-view__title{font-size:34px;}
  .cat-section .cat-list{gap:20px;}
  .support-section .support-card{padding:30px 28px 28px;}
}

/* ~1024 */
@media screen and (max-width:1024px){
  .total-section__title{font-size:22px; margin-bottom:28px;}

  /* header */
  .total-view__header{margin-bottom:32px;}
  .total-view__title{font-size:30px; margin-bottom:14px;}
  .total-view__desc{font-size:16px;}

  /* finder */
  .total-view__finder{height:auto; min-height:104px; gap:20px; padding:20px 24px 20px 180px;}
  .total-view__finder:before{width:180px;}
  .total-view__finder .finder__title{font-size:18px;}
  .total-view__finder .finder__desc{font-size:15px;}
  .total-view__finder .finder__select{width:150px;}

  /* filter */
  .filter-section .cat-filter{padding:20px 0;}
  .filter-section .cat-btn{width:92px; height:92px;}
  .filter-section .cat-btn__icon{width:46px; height:46px;}

  /* category list : 2 column */
  .cat-section .cat-list{grid-template-columns:repeat(2,1fr); gap:20px; margin-bottom:48px;}

  /* industry list : 3 column */
  .ind-section{padding:60px 0; margin-bottom:60px;}
  .ind-section .ind-list{grid-template-columns:repeat(3,1fr);}

  /* support list : 2 column */
  .support-section{margin-bottom:60px;}
  .support-section .support-list{grid-template-columns:repeat(2,1fr);}
}

/* ~768 */
@media screen and (max-width:768px){
  .total-view-container{padding-top:32px;}
  .total-section__title{font-size:20px; margin-bottom:24px;}

  /* header */
  .total-view__header{margin-bottom:28px;}
  .total-view__title{font-size:26px; margin-bottom:12px;}
  .total-view__desc{font-size:15px;}
  .total-view__desc br{display:none;}

  /* finder */
  .total-view__finder{flex-direction:column; align-items:stretch; height:auto; gap:16px; padding:24px 20px;}
  .total-view__finder:before{display:none;}
  .total-view__finder .finder__title{font-size:17px; margin-bottom:4px;}
  .total-view__finder .finder__desc{font-size:14px;}
  .total-view__finder .finder__control{flex-direction:column; align-items:stretch; gap:10px;}
  .total-view__finder .finder__selects{gap:8px;}
  .total-view__finder .finder__select{flex:1; width:auto; height:40px;}
  .total-view__finder .finder__btn{width:100%; height:40px;}

  /* filter */
  .filter-section{margin-bottom:12px;}
  .filter-section .cat-filter{padding:16px 0;}
  .filter-section .cat-btn{width:80px; height:80px; gap:4px;}
  .filter-section .cat-btn__icon{width:40px; height:40px;}

  /* industry list */
  .ind-section{padding:48px 0; margin-bottom:48px;}
  .ind-section .ind-list{grid-template-columns:repeat(2,1fr);}
  
  /* submenu */
  .cat-section .cat-submenu{left:0; right:0; min-width:0; padding:20px;}
  .cat-section .cat-submenu.submenu--right{left:0; right:0;}
  .cat-section .cat-submenu__list{flex-direction:column; gap:4px;}
  .cat-section .cat-submenu__list .depth3{width:100%;}
  .cat-section .cat-submenu__list .depth3_tit{width:100%;}

  /* support list */
  .support-section .support-card{padding:28px 28px 26px;}
  .support-section .support-card .support-card__icon{height:40px; margin-bottom:18px;}
  .support-section .support-card .support-card__meta{margin-bottom:24px;}
  .support-section .support-card .support-card__name{font-size:16px; margin-bottom:10px;}
  .support-section .support-card .support-card__desc{font-size:13px;}
  .support-section .support-card .support-card__btn{font-size:13px;}
}

/* ~540 */
@media screen and (max-width:540px){
  .total-view__title{font-size:22px;}
  .total-view__desc{font-size:14px;}
  .total-view__finder .finder__title{font-size:16px;}
  .total-view__finder .finder__desc{font-size:13px;}
  .total-view__finder .finder__select{width:100% !important; height:40px;}
  .total-view__finder .finder__btn{height:40px;}

  /* filter */
  .filter-section{margin-bottom:8px;}
  .filter-section .cat-filter{padding:12px 0;}
  .filter-section .cat-btn{width:72px; height:72px; gap:2px;}
  .filter-section .cat-btn__icon{width:36px; height:36px; margin-top:-4px;}
  .filter-section .cat-btn__name{font-size:11px;}

  /* category list */
  .cat-section .cat-list{grid-template-columns:repeat(1,1fr); gap:12px; margin-bottom:40px;}
  .cat-section .cat-card{padding:10px;}
  .cat-section .cat-card__img{margin-bottom:6px;}
  .cat-section .cat-card__meta{padding:12px 8px;}
  .cat-section .cat-card__eng{font-size:12px; margin-bottom:6px;}
  .cat-section .cat-card__title{margin-bottom:8px;}
  .cat-section .cat-card__name{font-size:16px;}
  .cat-section .cat-card__btn{width:22px; height:22px;}
  .cat-section .cat-card__desc{font-size:13px; padding-right:0;}

  /* industry list */
  .ind-section{padding:40px 0; margin-bottom:40px;}
  .ind-section .ind-list{grid-template-columns:repeat(2,1fr);}
  .ind-section .ind-card{font-size:15px; height:60px; padding:12px 16px;}
  .ind-section .ind-card:after{width:20px; height:20px;}

  /* support list */
  .support-section{margin-bottom:40px;}
  .support-section .support-list{grid-template-columns:1fr;}
  .support-section .support-card{padding:24px 22px;}
  .support-section .support-card .support-card__icon{height:36px; margin-bottom:14px;}
  .support-section .support-card .support-card__meta{margin-bottom:18px;}
  .support-section .support-card .support-card__name{font-size:15px; margin-bottom:8px;}
  .support-section .support-card .support-card__desc{font-size:12px;}
  .support-section .support-card .support-card__btn{font-size:12px;}
}