@charset "utf-8";

@import "./tokens.css";
@import "./components.css";

/* --- Fonts Import --- */
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-gov.min.css"); */
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css"); */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); */

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard GOV Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/pretendard/PretendardGOVVariable.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/pretendard/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}


/* ----- Reset CSS ----- */
::-webkit-scrollbar { width: 5px; height: 8px; }
::-webkit-scrollbar-track { background: var(--dcu-color-common-solid-250); }
::-webkit-scrollbar-thumb { background: var(--dcu-color-common-line-200); }

body { background-color: #fff; font-family: "Pretendard GOV Variable", "Pretendard GOV", "Pretendard", Roboto, sans-serif; font-size: var(--dcu-text-size-md); font-weight: 500; line-height: 1.5; color: var(--dcu-color-text-400); word-break: keep-all; overflow-wrap: break-word; }

.dcu26 * { box-sizing: border-box; }
.dcu26 button { border: 0; /* background-color: transparent; */ display: inline-flex; justify-content: center; align-items: center; }
.dcu26 button.btn-clear {background-color: transparent;}
.dcu26 label { margin-bottom: 0; }
.dcu26 em { font-style: normal; }
.dcu26 object { pointer-events: none; }
.dcu26 h1, .dcu26 h2, .dcu26 h3, .dcu26 h4, .dcu26 h5, .dcu26 h6, .dcu26 p { margin-top: 0; margin-bottom: 0; }
.dcu26 a,
.dcu26 a:hover { text-decoration: none; color: inherit; }
.dcu26 dialog { border: 0; }

.dcu26 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { 
  min-height: 0; padding-left: 0; padding-right: 0; 
}


/* ----- Util CSS ----- */
.dcu-hidden { display: none; }
.dcu-ir { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; clip-path: inset(50%); clip: rect(0 0 0 0); overflow: hidden; }

.dcu-bold { font-weight: 700 !important; }

.dcu-color-brand { color: var(--dcu-color-text-brand) !important; }
.dcu-color-info { color: var(--dcu-color-semantic-infomatic-600) !important; }
.dcu-color-required { color: var(--dcu-color-semantic-error-700) !important; }

.dcu-nowrap { white-space: nowrap; }

.dcu-mt-0 { margin-top: 0 !important; }
.dcu-mt-8 { margin-top: 0.8rem !important; }
.dcu-mt-16 { margin-top: 1.6rem !important; }
.dcu-mt-24 { margin-top: 2.4rem !important; }
.dcu-mt-32 { margin-top: 3.2rem !important; }
.dcu-mt-40 { margin-top: 4rem !important; }
.dcu-mt-48 { margin-top: 4.8rem !important; }
.dcu-mt-56 { margin-top: 5.6rem !important; }
.dcu-mt-64 { margin-top: 6.4rem !important; }
.dcu-mt-72 { margin-top: 7.2rem !important; }
.dcu-mt-80 { margin-top: 8rem !important; }

.dcu-mb-0 { margin-bottom: 0 !important; }
.dcu-mb-8 { margin-bottom: 0.8rem !important; }
.dcu-mb-16 { margin-bottom: 1.6rem !important; }
.dcu-mb-24 { margin-bottom: 2.4rem !important; }
.dcu-mb-32 { margin-bottom: 3.2rem !important; }
.dcu-mb-40 { margin-bottom: 4rem !important; }
.dcu-mb-48 { margin-bottom: 4.8rem !important; }
.dcu-mb-56 { margin-bottom: 5.6rem !important; }
.dcu-mb-64 { margin-bottom: 6.4rem !important; }
.dcu-mb-72 { margin-bottom: 7.2rem !important; }
.dcu-mb-80 { margin-bottom: 8rem !important; }

.dcu-layout-flex { display: flex; }
.dcu-layout-flex-column { display: flex; flex-direction: column; }
.dcu-layout-flex-row { display: flex; flex-direction: row; }
.dcu-layout-flex-wrap { display: flex; flex-wrap: wrap; }
.dcu-layout-flex-nowrap { display: flex; flex-wrap: nowrap; }

.dcu-flex-1 { flex: 1; }

.dcu-layout-grid { display: grid; }

.dcu-grid-column-1 { grid-template-columns: repeat(1, 1fr); }
.dcu-grid-column-2 { grid-template-columns: repeat(2, 1fr); }
.dcu-grid-column-3 { grid-template-columns: repeat(3, 1fr); }
.dcu-grid-column-4 { grid-template-columns: repeat(4, 1fr); }
.dcu-grid-column-5 { grid-template-columns: repeat(5, 1fr); }
.dcu-grid-column-6 { grid-template-columns: repeat(6, 1fr); }

.dcu-justify-center { justify-content: center; }
.dcu-justify-start { justify-content: flex-start; }
.dcu-justify-end { justify-content: flex-end; }
.dcu-justify-between { justify-content: space-between; }
.dcu-justify-around { justify-content: space-around; }
.dcu-justify-evenly { justify-content: space-evenly; }
.dcu-align-center { align-items: center; }
.dcu-align-start { align-items: flex-start; }
.dcu-align-end { align-items: flex-end; }
.dcu-align-stretch { align-items: stretch; }
.dcu-align-baseline { align-items: baseline; }
.dcu-align-stretch { align-items: stretch; }

.dcu-gap-4 { gap: 0.4rem; }
.dcu-gap-6 { gap: 0.6rem; }
.dcu-gap-8 { gap: 0.8rem; }
.dcu-gap-12 { gap: 1.2rem; }
.dcu-gap-16 { gap: 1.6rem; }
.dcu-gap-20 { gap: 2rem; }
.dcu-gap-24 { gap: 2.4rem; }
.dcu-gap-32 { gap: 3.2rem; }
.dcu-gap-40 { gap: 4rem; }
.dcu-gap-48 { gap: 4.8rem; }
.dcu-gap-56 { gap: 5.6rem; }
.dcu-gap-64 { gap: 6.4rem; }
.dcu-gap-72 { gap: 7.2rem; }
.dcu-gap-80 { gap: 8rem; }

.dcu-fw-m { font-weight: 500; }
.dcu-fw-sb { font-weight: 600; }
.dcu-fw-b { font-weight: 700; }

.dcu-fz-12 { font-size: 1.2rem; }
.dcu-fz-13 { font-size: 1.3rem; }
.dcu-fz-14 { font-size: 1.4rem; }
.dcu-fz-15 { font-size: 1.5rem; }
.dcu-fz-16 { font-size: 1.6rem; }
.dcu-fz-18 { font-size: 1.8rem; }
.dcu-fz-20 { font-size: 2rem; }
.dcu-fz-24 { font-size: 2.4rem; }
.dcu-fz-28 { font-size: 2.8rem; }

.dcu-text-left { text-align: left !important; }
.dcu-text-center { text-align: center !important; }
.dcu-text-right { text-align: right !important; }


@media (min-width: 769px) {
  .dcu-pc-hidden { display: none !important; }
}


@media (max-width: 1024px) {
  .dcu-t-mt-0 { margin-top: 0 !important; }
  .dcu-t-mt-8 { margin-top: 0.8rem !important; }
  .dcu-t-mt-16 { margin-top: 1.6rem !important; }
  .dcu-t-mt-24 { margin-top: 2.4rem !important; }
  .dcu-t-mt-32 { margin-top: 3.2rem !important; }
  .dcu-t-mt-40 { margin-top: 4rem !important; }
  .dcu-t-mt-48 { margin-top: 4.8rem !important; }
  .dcu-t-mt-56 { margin-top: 5.6rem !important; }
  .dcu-t-mt-64 { margin-top: 6.4rem !important; }
  .dcu-t-mt-72 { margin-top: 7.2rem !important; }
  .dcu-t-mt-80 { margin-top: 8rem !important; }

  .dcu-t-mb-0 { margin-bottom: 0 !important; }
  .dcu-t-mb-8 { margin-bottom: 0.8rem !important; }
  .dcu-t-mb-16 { margin-bottom: 1.6rem !important; }
  .dcu-t-mb-24 { margin-bottom: 2.4rem !important; }
  .dcu-t-mb-32 { margin-bottom: 3.2rem !important; }
  .dcu-t-mb-40 { margin-bottom: 4rem !important; }
  .dcu-t-mb-48 { margin-bottom: 4.8rem !important; }
  .dcu-t-mb-56 { margin-bottom: 5.6rem !important; }
  .dcu-t-mb-64 { margin-bottom: 6.4rem !important; }
  .dcu-t-mb-72 { margin-bottom: 7.2rem !important; }
  .dcu-t-mb-80 { margin-bottom: 8rem !important; }

  .dcu-t-layout-flex { display: flex; }
  .dcu-t-layout-flex-column { display: flex; flex-direction: column; }
  .dcu-t-layout-flex-row { display: flex; flex-direction: row; }
  .dcu-t-layout-flex-wrap { display: flex; flex-wrap: wrap; }
  .dcu-t-layout-flex-nowrap { display: flex; flex-wrap: nowrap; }


  .dcu-t-justify-center { justify-content: center; }
  .dcu-t-justify-start { justify-content: flex-start; }
  .dcu-t-justify-end { justify-content: flex-end; }
  .dcu-t-justify-between { justify-content: space-between; }
  .dcu-t-justify-around { justify-content: space-around; }
  .dcu-t-justify-evenly { justify-content: space-evenly; }
  .dcu-t-align-center { align-items: center; }
  .dcu-t-align-start { align-items: flex-start; }
  .dcu-t-align-end { align-items: flex-end; }
  .dcu-t-align-stretch { align-items: stretch; }
  .dcu-t-align-baseline { align-items: baseline; }
  .dcu-t-align-stretch { align-items: stretch; }

  .dcu-t-grid-column-1 { grid-template-columns: repeat(1, 1fr); }
  .dcu-t-grid-column-2 { grid-template-columns: repeat(2, 1fr); }
  .dcu-t-grid-column-3 { grid-template-columns: repeat(3, 1fr); }
  .dcu-t-grid-column-4 { grid-template-columns: repeat(4, 1fr); }
  .dcu-t-grid-column-5 { grid-template-columns: repeat(5, 1fr); }
  .dcu-t-grid-column-6 { grid-template-columns: repeat(6, 1fr); }

  .dcu-t-gap-4 { gap: 0.4rem; }
  .dcu-t-gap-6 { gap: 0.6rem; }
  .dcu-t-gap-8 { gap: 0.8rem; }
  .dcu-t-gap-12 { gap: 1.2rem; }
  .dcu-t-gap-16 { gap: 1.6rem; }
  .dcu-t-gap-20 { gap: 2rem; }
  .dcu-t-gap-24 { gap: 2.4rem; }
  .dcu-t-gap-32 { gap: 3.2rem; }
  .dcu-t-gap-40 { gap: 4rem; }
  .dcu-t-gap-48 { gap: 4.8rem; }
  .dcu-t-gap-56 { gap: 5.6rem; }
  .dcu-t-gap-64 { gap: 6.4rem; }
  .dcu-t-gap-72 { gap: 7.2rem; }
  .dcu-t-gap-80 { gap: 8rem; }

}

@media (max-width: 768px) {
  .dcu-m-mt-0 { margin-top: 0 !important; }
  .dcu-m-mt-8 { margin-top: 0.8rem !important; }
  .dcu-m-mt-16 { margin-top: 1.6rem !important; }
  .dcu-m-mt-24 { margin-top: 2.4rem !important; }
  .dcu-m-mt-32 { margin-top: 3.2rem !important; }
  .dcu-m-mt-40 { margin-top: 4rem !important; }
  .dcu-m-mt-48 { margin-top: 4.8rem !important; }
  .dcu-m-mt-56 { margin-top: 5.6rem !important; }
  .dcu-m-mt-64 { margin-top: 6.4rem !important; }
  .dcu-m-mt-72 { margin-top: 7.2rem !important; }
  .dcu-m-mt-80 { margin-top: 8rem !important; }

  .dcu-m-mb-0 { margin-bottom: 0 !important; }
  .dcu-m-mb-8 { margin-bottom: 0.8rem !important; }
  .dcu-m-mb-16 { margin-bottom: 1.6rem !important; }
  .dcu-m-mb-24 { margin-bottom: 2.4rem !important; }
  .dcu-m-mb-32 { margin-bottom: 3.2rem !important; }
  .dcu-m-mb-40 { margin-bottom: 4rem !important; }
  .dcu-m-mb-48 { margin-bottom: 4.8rem !important; }
  .dcu-m-mb-56 { margin-bottom: 5.6rem !important; }
  .dcu-m-mb-64 { margin-bottom: 6.4rem !important; }
  .dcu-m-mb-72 { margin-bottom: 7.2rem !important; }
  .dcu-m-mb-80 { margin-bottom: 8rem !important; }

  .dcu-m-layout-flex { display: flex; }
  .dcu-m-layout-flex-column { display: flex; flex-direction: column; }
  .dcu-m-layout-flex-row { display: flex; flex-direction: row; }
  .dcu-m-layout-flex-wrap { display: flex; flex-wrap: wrap; }
  .dcu-m-layout-flex-nowrap { display: flex; flex-wrap: nowrap; }

  .dcu-m-layout-grid { display: grid; }

  .dcu-m-grid-column-1 { grid-template-columns: repeat(1, 1fr); }
  .dcu-m-grid-column-2 { grid-template-columns: repeat(2, 1fr); }
  .dcu-m-grid-column-3 { grid-template-columns: repeat(3, 1fr); }
  .dcu-m-grid-column-4 { grid-template-columns: repeat(4, 1fr); }
  .dcu-m-grid-column-5 { grid-template-columns: repeat(5, 1fr); }
  .dcu-m-grid-column-6 { grid-template-columns: repeat(6, 1fr); }

  .dcu-m-justify-center { justify-content: center; }
  .dcu-m-justify-start { justify-content: flex-start; }
  .dcu-m-justify-end { justify-content: flex-end; }
  .dcu-m-justify-between { justify-content: space-between; }
  .dcu-m-justify-around { justify-content: space-around; }
  .dcu-m-justify-evenly { justify-content: space-evenly; }
  .dcu-m-align-center { align-items: center; }
  .dcu-m-align-start { align-items: flex-start; }
  .dcu-m-align-end { align-items: flex-end; }
  .dcu-m-align-stretch { align-items: stretch; }
  .dcu-m-align-baseline { align-items: baseline; }
  .dcu-m-align-stretch { align-items: stretch; }


  .dcu-m-gap-4 { gap: 0.4rem; }
  .dcu-m-gap-6 { gap: 0.6rem; }
  .dcu-m-gap-8 { gap: 0.8rem; }
  .dcu-m-gap-12 { gap: 1.2rem; }
  .dcu-m-gap-16 { gap: 1.6rem; }
  .dcu-m-gap-20 { gap: 2rem; }
  .dcu-m-gap-24 { gap: 2.4rem; }
  .dcu-m-gap-32 { gap: 3.2rem; }
  .dcu-m-gap-40 { gap: 4rem; }
  .dcu-m-gap-48 { gap: 4.8rem; }
  .dcu-m-gap-56 { gap: 5.6rem; }
  .dcu-m-gap-64 { gap: 6.4rem; }
  .dcu-m-gap-72 { gap: 7.2rem; }
  .dcu-m-gap-80 { gap: 8rem; }


  .dcu-m-fz-16 { font-size: 1.6rem; }

  .dcu-mo-hidden { display: none !important; }

}

.dcu-border-none { border: none !important; }

.dcu-dot { display: flex; }
.dcu-dot::before { content: '•'; align-self: flex-start; display: inline-block; padding: 0 0.4em;  flex-shrink: 0; }

/* ----- Common Layout ----- */
html:has(.chatbot-iframe.fullscreen),
body:has(.chatbot-iframe.fullscreen) { overflow-y: hidden !important; }

/* Header */
.dcu26 .header { position: fixed; height: 68px; padding: 0 6.8rem 0 min(2.8rem, 1.885vw); transition: backdrop-filer 0.3s, background-color 0.3s; }
.dcu26 .header:not(.h_login) { position: fixed; height: 68px; }
.dcu26 .header_wrap { width: 100%; height: 100%; }
.dcu26 .header.scrolled { backdrop-filter: blur(40px); background-color: rgba(255,255,255,0.8); }
.dcu26 .header .h_link_item { border: 1px solid #dadada; background-color: #fff; color: #666666; padding:6px 16px; margin-right: 10px; text-decoration: none; }
.dcu26 .header .left { display:flex; height:100%; }
.dcu26 .header .left .logo { display: inline-flex; align-items: center; margin-right: min(2.4rem, 1.6vw); padding: 13px 0; }
.dcu26 .header .left .logo:focus-visible { outline: 2px solid var(--dcu-color-primary-400) !important; }
.dcu26 .header:not(.h_login) .left .logo { padding: 13px 0; }
.dcu26 .header .left .logo img { width: min(14.8rem, 10vw); }
.dcu26 .header .left ul { position:relative; display:flex; }
.dcu26 .header.h_menu_item_list { top: 0; height: 68px; box-shadow: none !important; z-index:1002; }
.dcu26 .header.h_menu_item_list ul { display: flex; align-items: center; gap: min(2rem, 1.34vw); }
.dcu26 .header .left ul li, 
.dcu26 .header.h_menu_item_list ul li { margin: 0; padding: 1rem 0.4rem; font-family: inherit; font-size: min(1.7rem, 1.0625vw); font-weight: 700; color: var(--dcu-color-text-300); border-bottom: 2px solid transparent; }
.dcu26 .header .left ul li a, 
.dcu26 .header.h_menu_item_list ul li a { color: inherit; text-decoration: none; }
.dcu26 .header.h_menu_item_list ul li:not(.link_on).active { border-color: var(--dcu-color-common-line-600); }
.dcu26 .header.h_menu_item_list ul li:not(.link_on).active a { color: var(--dcu-color-text-500); }
.dcu26 .header.h_menu_item_list ul li:not(.link_on):hover { border-color: var(--dcu-color-common-solid-brand-400); }
.dcu26 .header .left ul li:hover a,
.dcu26 .header.h_menu_item_list ul li.link_on a,
.dcu26 .header.h_menu_item_list ul li:hover a { color:var(--dcu-color-text-brand) !important; }
.dcu26 .header.h_menu_item_list ul li a:focus-visible { outline: 2px solid var(--dcu-color-primary-400) !important; }

@media screen and (max-width: 1600px) {
	.dcu26 .header.h_menu_item_list ul { gap: min(1.7rem, 1vw); }
}


/* Header - Dropdown Menu */
.dcu26 .drop_bg { background-color: transparent; }
.dcu26 .drop_menu { position: fixed; top: 0; left: 0; transform: translateY(-100%); width: 100%; background: #fff; z-index:1001; border-top: 1px solid #f1f1f1; transition: all 0.3s; }
.dcu26 .drop_menu.active { top: 6.8rem; transform: translateY(0); }
.dcu26 .drop_menu .d_close { bottom: 0; right: 6.8rem; width: 6rem; height: 6rem; z-index: 1002; }
.dcu26 .drop_menu .d_close img { width: 2rem; }
.dcu26 .drop_menu .inner_wrap { position: relative; width: 100%; max-width: none; margin: 0 auto; padding: 3.2rem 8rem 6.4rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06); }
.dcu26 .drop_menu .inner_wrap .common_view { display: none; }
.dcu26 .drop_menu .inner_wrap .common_view.active { display: flex; flex-flow: row wrap; }
.dcu26 .drop_menu .inner_wrap > ul > li { width: auto; margin-bottom: 0; padding-right: 4.8rem; }
.dcu26 .drop_menu .inner_wrap > ul > li h2 { font: 2rem inherit; color: var(--dcu-color-text-400); margin-top: 0; margin-bottom: 2.4rem; }
.dcu26 .drop_menu .inner_wrap > ul > li > ul > li { font-size: 1.6rem; color: var(--dcu-color-text-400); margin-bottom: 1.4rem; line-height: 1.2; }

@media screen and (max-width: 1600px) {
	.dcu26 .drop_menu .inner_wrap > ul > li { width: auto; }
}

/* Header - Right */
.dcu26 .header .right {	flex-grow:1; display:flex; justify-content:flex-end; align-items:center; }
.dcu26 .header .right .scroll_absolute {	display:flex; background:#fff; z-index:1; min-width:373px; }

.dcu26 .header .right .log_before {	display:flex; }
.dcu26 .header .right .log_before li {	font-size:14px; color:#474747; margin-right:10px; }
.dcu26 .header .right .log_before li a { padding:7px 14px; background:#fff; border:1px solid #aaaaaa; border-radius:150px; }
.dcu26 .header .right .log_before li.type_02_color a { color:#fff; background:#737373; border:1px solid #646464; }
.dcu26 .header .right .log_before li.type_03_color a { color:#fff; background:#434343; border:1px solid #272727; }

/* Header - Search */
.dcu26 .header .right .search_wrap { position:relative; float:right; }
.dcu26 .header .right .search_wrap input { width:230px; height:38px; border-radius:150px !important; font-size:13px; padding:0 45px 0 15px; }
.dcu26 .header .right .search_wrap input::placeholder { color:#888888; }
.dcu26 .header .right .search_wrap .search_img { position:absolute; top:50%; transform:translateY(-50%); right:0; display:block; width:30px; height:100%; display:flex; align-items:center; }
.dcu26 .header .right .search_wrap a:before { content:''; position:absolute; top:10px; left:-11px; width:1px; height:17px; background:#dcdcdc; }
.dcu26 .header .right .search_wrap a img { width:13px; }
.dcu26 .header .right .log_after { display:flex; align-items:center; }
.dcu26 .header .right .log_after li { margin-left:18px; font-size:14px; color:#000000; }
.dcu26 .header .right .log_after li a { display:block; position:relative; padding-left:14px }
.dcu26 .header .right .log_after li a:before { content:''; position:absolute; top:0; left:0; width:12px; height:12px; background:url(./images/c_exit.png) no-repeat center center; background-size:12px; }
.dcu26 .header .right .log_after li:nth-child(2) a:before { background:url(./images/c_user.png) no-repeat center center; background-size:12px; }
.dcu26 .header .right .log_after li a img { width:12px; margin-right:3px; }

/* Header - Util Btns */
.dcu-header__util { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; gap: 0.25em; padding-right: min(1em, 0.673vw); }
.dcu-header__util-buttons { display: flex; align-items: center; gap: 0.25em; }

.dcu-header-util-icon { display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; font-size: 1.6rem; box-sizing: border-box; }
.dcu-header-util-icon__vector { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; flex-shrink: 0; }
.dcu-header-util-icon__vector svg { width: 100%; height: 100%; display: block; }

.dcu-header-util-btn { display: flex; align-items: center; justify-content: center; position: relative; width: 3em; height: 3em; border-radius: 2em; font-size: 1.6rem; box-sizing: border-box; text-decoration: none; color: inherit; }
.dcu-header-util-btn__inner { display: flex; align-items: center; padding: min(0.75em, 0.8vw); border-radius: 3.75em; flex-shrink: 0; box-sizing: border-box; }
.dcu-header-util-btn__inner .dcu-header-util-icon { flex-shrink: 0; }

.dcu-header-util-btn .dcu-header-util-btn__inner { background-color: transparent; }
.dcu-header-util-btn:hover .dcu-header-util-btn__inner { background-color: var(--dcu-color-gray-75); }
.dcu-header-util-btn .dcu-header-util-btn__inner:focus-visible { background-color: var(--dcu-color-gray-75); border: 1px solid var(--dcu-color-gray-800); }

@media (min-width: 1280px) {
  .dcu-header-util-btn[data-property="Burger"] { display: none; }
}

@media (max-width: 1279px) {
  .dcu-header__nav { display: none; }
  .dcu-header-util-btn[data-property="Logout"] { display: none; }
}

.dcu-header-btn-bot { display: flex; align-items: center; justify-content: center; width: 8.230769em; height: 3.384615em; border-radius: 4em; font-size: 1.3rem; box-sizing: border-box; background-color: #0059FF; transition: background-color 0.3s; text-decoration: none; color: inherit; }
.dcu-header-btn-bot__inner { position: relative; display: flex; padding: 0 0.923077em 0 3.076923em; }
.dcu-header-btn-bot__icon { position: absolute; left: 0.846154em; top: 50%; width: 1.692308em; height: 2.615385em; transform: translateY(-50%); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.dcu-header-btn-bot__icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.dcu-header-btn-bot__text { color: var(--dcu-color-gray-white); font-weight: 700; }
.dcu-header-btn-bot:hover { background-color: #2F78FF; text-decoration: none; }
.dcu-header-btn-bot:focus,
.dcu-header-btn-bot:focus-visible { outline: 2px solid #000 !important; }

@media (max-width: 640px) {
  .dcu-header-btn-bot { display: none; }
}


/* Header - search */
.dcu-search-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1001; display: flex; align-items: flex-start; justify-content: center; padding-top: 12rem; padding-left: 2rem; padding-right: 2rem; pointer-events: none; visibility: hidden; opacity: 0; transition: visibility 0.25s ease, opacity 0.25s ease; }
.dcu-search-popup.is-open { pointer-events: auto; visibility: visible; opacity: 1; }
.dcu-search-popup__backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(30, 33, 36, 0.4); cursor: pointer; }
.dcu-search-popup__panel { position: relative; width: 100%; max-width: 56rem; background-color: var(--dcu-color-gray-white); padding: 1.2rem 2rem 2.4rem; border-radius: 1.2rem; box-shadow: 0 8px 32px rgba(30, 33, 36, 0.12); overflow: hidden; transform: translateY(-1.6rem); transition: transform 0.25s ease; }
.dcu-search-popup.is-open .dcu-search-popup__panel { transform: translateY(0); }
.dcu-search-popup__head { }
.dcu-search-popup__input-wrap { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 0; border-bottom: 2px solid currentColor; color: var(--dcu-color-primary-400); }
.dcu-search-popup__input-wrap:focus-within,
.dcu-search-popup__input-wrap:has(input:not(:placeholder-shown)) { color: var(--dcu-color-text-400); }
.dcu26 input.dcu-search-popup__input { flex: 1; min-width: 0; height: 2.4rem; padding: 0 0 0 0.8rem !important; font-size: 1.6rem; font-weight: 600; background: transparent; border: 0 !important; color: inherit; outline: none; }
.dcu-search-popup__input::placeholder { color: inherit; }
/* .dcu-search-popup__input-wrap:focus-within .dcu-search-popup__input::placeholder { color: inherit; } */
.dcu-search-popup__submit { flex-shrink: 0; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; transition: color 0.2s ease; }
.dcu-search-popup__list { margin-top: 2rem; max-height: 32rem; padding: 0.4rem 0.4rem 0.4rem 0.8rem; overflow-y: auto; }
.dcu-search-popup__item { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; padding: 0; font-size: var(--dcu-text-size-sm); font-weight: 600; color: var(--dcu-color-text-300); line-height: 1; text-decoration: none; transition: color 0.2s ease, background-color 0.2s ease; border-radius: 0.4rem; }
.dcu-search-popup__item + .dcu-search-popup__item { margin-top: 1.6rem; }
.dcu-search-popup__item:hover { color: var(--dcu-color-text-400); background-color: var(--dcu-color-common-solid-200); }
.dcu-search-popup__sep { display: inline-block; width: 0.8rem; height: 1.2rem; background-image: url(../images/icon/breadcrumb-divider.svg); background-size: contain; background-position: center; background-repeat: no-repeat; }
.dcu-search-popup__em { color: var(--dcu-color-primary-500); }

@media (max-width: 1280px) {
  .dcu-search-popup { z-index: 21; }
  .dcu-search-popup__item { gap: 0.6rem; }
}


/* Header - MyPage */
.dcu26 .m_user_info.modal-lg { top: 3.2rem; right: 0; transform: translateX(100%); width: 57rem; height: 100vh; background: none; overflow: initial; z-index:1003; }
.dcu26 .m_user_info .modal-content { overflow: hidden; }
.dcu26 .m_user_info.active { transform: translateX(-100px); }
.dcu26 .m_user_info .top_wrap { background-color: #fff; }
.dcu26 .m_user_info .top_wrap .top { height: auto; }
.dcu26 .m_user_info .modal-body { position: relative; display: flex; flex-direction: column; gap: 3.2rem; }
.dcu26 .m_user_info .btn-logout { position: absolute; top: 1.2rem; right: 1.2rem; }
.dcu26 .m_user_info .btn-user-info-scroll { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); width: 44px; height: 44px; padding: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.dcu26 .m_user_info .btn-user-info-scroll img { width: 20px; height: 20px; object-fit: contain; display: block; pointer-events: none; }
.dcu26 .m_user_info .btn-user-info-scroll:hover { background-color: rgba(255, 255, 255, 0.98); transform: translateX(-50%) translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16); }
.dcu26 .m_user_info .btn-user-info-scroll:active { transform: translateX(-50%) translateY(0); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.dcu26 .m_user_info .btn-user-info-scroll[hidden] { display: none !important; }

.dcu26 .m_user_info .profile-wrap { display: flex; flex-direction: column; align-items: center; gap: 1.2rem; }
.dcu26 .m_user_info .profile-wrap .profile-info { display: flex; flex-direction: column; gap: 0.6rem; text-align: center; line-height: 1.2; }
.dcu26 .m_user_info .profile-wrap .u_name { font-size: var(--dcu-text-size-xl); font-weight: 700; }
.dcu26 .m_user_info .profile-wrap .u_major { color: var(--dcu-color-text-300); }

.dcu26 .m_user_info .check-wrap { padding-top: 2.4rem; border-top: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .m_user_info .check-wrap .p_check { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.6rem; }
.dcu26 .m_user_info .check-wrap .check-item { display: flex; flex-direction: column; gap: 1.2rem; padding: 0.8rem 0.8rem 0.8rem 1rem; font-size: 1.3rem; font-weight: 600; color: var(--dcu-color-text-300); }
.dcu26 .m_user_info .check-wrap .check-item .tit { font-size: 1.5rem; font-weight: 700; color: var(--dcu-color-gray-700); white-space: nowrap; }
.dcu26 .m_user_info .check-wrap .check-item .em { font-size: 2.4rem; font-weight: 700; color: var(--dcu-color-text-brand); }

.dcu26 .m_user_info .progress-wrap { padding-top: 3.2rem; padding-bottom: 0.8rem; border-top: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .m_user_info .progress-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.2rem; }
.dcu26 .m_user_info .progress-label { display: flex; justify-content: space-between; line-height: 1; }
.dcu26 .m_user_info .progress-category { font-weight: 600; color: var(--dcu-color-text-500); }
.dcu26 .m_user_info .progress-count { font-size: var(--dcu-text-size-xs); font-weight: 700; color: var(--dcu-color-text-200); }
.dcu26 .m_user_info .progress-count em { font-weight: 800; color: var(--dcu-color-text-400); }
.dcu26 .m_user_info .progress-bar { float: none; width: 100%; height: auto; margin-top: 0.8rem; background-color: transparent; box-shadow: none; line-height: initial; transition: none; }
.dcu26 .m_user_info .progress-bar progress { width: 100%; height: 0.8rem; background-color: #E3E9F6; border-radius: 15rem; }
.dcu26 .m_user_info .progress-bar progress::-ms-fill { background-color: #4EB2FF; border-radius: 15rem; }
.dcu26 .m_user_info .progress-bar progress::-webkit-progress-bar { background-color: #E3E9F6; border-radius: 15rem; }
.dcu26 .m_user_info .progress-bar progress::-webkit-progress-value { background-color: #4EB2FF; border-radius: 15rem; }

.dcu26 .m_user_info .count-wrap { display: flex; justify-content: center; padding-top: 3.2rem; padding-bottom: 0.8rem; border-top: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .m_user_info .count-tit { flex-grow: 1; font-size: var(--dcu-text-size-lg); font-weight: 700; line-height: 1.2; }
.dcu26 .m_user_info .count-graph-wrap { flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center; }
.dcu26 .m_user_info .count-graph { position: relative; aspect-ratio: 1 / 1; width: 12.8rem; border-radius: 50%; background-image: conic-gradient(var(--color-human) 0 var(--percent-human), var(--color-creative) var(--percent-human) calc(var(--percent-human) + var(--percent-creative)), var(--color-community) calc(var(--percent-human) + var(--percent-creative)) calc(var(--percent-human) + var(--percent-creative) + var(--percent-community)), var(--color-major) calc(var(--percent-human) + var(--percent-creative) + var(--percent-community)) 100%); }
.dcu26 .m_user_info .count-graph:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1 / 1; width: 34.375%; background-color: #fff; border-radius: 50%; }
.dcu26 .m_user_info .count-list { width: 50%; margin-left: 3.2rem; }
.dcu26 .m_user_info .count-item { display: flex; gap: 0.6rem; margin-bottom: 0.8rem; color: var(--dcu-color-text-300); }
.dcu26 .m_user_info .count-item em { font-weight: 700; color: var(--dcu-color-text-500); }
.dcu26 .m_user_info .count-title { display: flex; align-items: center; gap: 0.6rem; flex-basis: 8rem; }
.dcu26 .m_user_info .count-title:before { content: ''; width: 1.2rem; height: 1.2rem; border-radius: 50%; }
.dcu26 .m_user_info .count-item.COS_HUMAN .count-title:before { background-color: var(--color-human); }
.dcu26 .m_user_info .count-item.COS_CREATIVE .count-title:before { background-color: var(--color-creative); }
.dcu26 .m_user_info .count-item.COS_COMUNITY .count-title:before { background-color: var(--color-community); }
.dcu26 .m_user_info .count-item.COS_MAJOR .count-title:before { background-color: var(--color-major); }

.dcu26 .m_user_info .link-wrap { padding-top: 2.4rem; border-top: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .m_user_info .link-wrap .link-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
.dcu26 .m_user_info .link-wrap .link-item { display: grid; place-items: center; height: 100%; padding: 2rem 1.8rem; font-weight: 600; line-height: 1.1; border-radius: 0.6rem; background-color: var(--dcu-color-common-solid-200); text-align: center; }

@media (max-width: 1279px) {
  .dcu26 .m_user_info.modal-lg {
    position: fixed;
    display: none;
    transform: inherit;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    transition: inherit;
    padding-bottom: 0;
  }
  .dcu26 .m_user_info .modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
  }
  .dcu26 .m_user_info .modal-header,
  .dcu26 .m_user_info .modal-footer {
    flex-shrink: 0;
  }
  .dcu26 .m_user_info .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    height: auto;
  }

  .dcu26 .m_user_info .count-tit { text-align: right; }
  .dcu26 .m_user_info .btn-user-info-scroll { display: none !important; }

}

@media (max-width: 1024px) {
  .dcu26 .m_user_info .modal-body { gap: 2.4rem; }

  .dcu26 .m_user_info .check-wrap { padding-top: 2rem; }
  .dcu26 .m_user_info .check-wrap .check-item { gap: 0.8rem; padding: 0.6rem; }
  .dcu26 .m_user_info .check-wrap .check-item .tit { font-size: 1.3rem; }
  .dcu26 .m_user_info .check-wrap .check-item .em { font-size: 2rem; }

  .dcu26 .m_user_info .progress-list { column-gap: 2.4rem; }

  .dcu26 .m_user_info .count-wrap { padding-top: 2.4rem; }

  .dcu26 .m_user_info .link-wrap .link-item { padding: 1.6rem; }
}

@media (max-width: 640px) {
  .dcu26 .m_user_info .check-wrap .p_check { grid-template-columns: repeat(4, 1fr); }

  .dcu26 .m_user_info .count-wrap { flex-wrap: wrap; row-gap: 2rem; }
  .dcu26 .m_user_info .count-tit { width: 100%; text-align: left; }
  .dcu26 .m_user_info .count-graph-wrap { flex: 1; }
  .dcu26 .m_user_info .count-graph { width: 8rem; }
  .dcu26 .m_user_info .count-graph:after {}
  .dcu26 .m_user_info .count-list { width: auto; flex: 2; margin-left: 2rem; }
}

/* .dcu26 .m_main { } */
.dcu26 .m_menu_top { height: 6.8rem; background-color: #ffffff; padding: 0 0.8rem 0 0; z-index: 22; }
.dcu26 .m_menu_top.scrolled { backdrop-filter: blur(40px); background-color: rgba(255,255,255,0.8); }
.dcu26 .m_menu_top .logo img { width: 15.2rem; padding: 0 1.6rem; }
.dcu26 .m_menu_top ul { display: flex; align-items: center; }
.dcu26 .m_menu_top ul li { margin-left: 0.8rem; }
.dcu26 .m_menu_top ul li a:not(.dcu-header-btn-bot) { display: grid; place-items: center; width: 4rem; height: 4rem; }
.dcu26 .m_menu_top ul li svg { width: 2.3rem; }
.dcu26 .m_menu_top ul li .m_menu:not(.active_t) svg.active { display: none; }
.dcu26 .m_menu_top ul li .m_menu.active_t svg:not(.active) { display: none; }


@media (max-width: 768px) {
  .dcu26 .m_menu_top ul li { margin-left: 0; }
  .dcu26 .m_menu_top ul li .dcu-header-btn-bot { margin-left: 0.4rem; }
}

@media (max-width: 640px) {
  .dcu26 .m_menu_top { height: 5.4rem; }
}

/* Header - Tablet/Mobile Menu */
.dcu26 .tab_wrap { } 
.dcu26 .tablet_menu { top: auto; right: 0; bottom: 0; width: calc(100% - 240px); height: calc(100dvh - 6.8rem); background:#fff; z-index: 10001; transform: translateX(100%); transition: all .5s; }
.dcu26 .tablet_menu_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background: rgba(0,0,0,0.5); z-index: 5; display: none; }
.dcu26 .sub_top .tablet_menu_bg,
.dcu26 .sub_top .tablet_menu { position: fixed; }
.dcu26 .tablet_menu .close { position: fixed; top: 0; left: -70px; background: #fff; width: 70px; height: 70px; border-radius: 5px 0 0 5px; display: none; }
.dcu26 .tablet_menu .close a span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 22px; height: 2px; border-top: 2px solid #484848; transform-origin: 0 0; border-radius: 5px; }
.dcu26 .tablet_menu .close span:first-child {	transform: rotate(-45deg) translate(-50%, -50%); }
.dcu26 .tablet_menu .close span:last-child { transform: rotate(45deg) translate(-50%, -50%); }
.dcu26 .tablet_menu.active_tablet_menu { transform: translateX(0); }

.dcu26 .tablet_menu .toggle_tab { display: flex; flex-direction: column; gap: 0.8rem; padding: 0 1.6rem 7.2rem; height: 100%; }
.dcu26 .tablet_menu .toggle_tab > ul { order: 1; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li {	position: relative; border-bottom: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > a {	display: flex; justify-content: space-between; align-items: center; font-size: 1.9rem; font-weight: 700; color: var(--dcu-color-text-400); padding: 1.6rem;  line-height: 1; border-bottom: 0; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > a.BRANCH_LINK { color: var(--dcu-color-text-brand); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li:not(.link) > a:after { content: ''; position: static;	width: 1.6rem; height: 1.6rem; background: url(../images/icon/chevron-d-16.svg) no-repeat center center; background-size: contain; transition: 0.3s; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > a.active_toggle { background-color: var(--dcu-color-common-solid-250); border-radius: 0.6rem; border-bottom: 0; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > a.active_toggle:after { transform: rotate(180deg); filter: brightness(0); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul { display: none; margin-top: 0.8rem; padding: 0 1.6rem 2.4rem; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li {	position: relative; font-size: 1.8rem; font-weight: 700; color: var(--dcu-color-text-400); background: none; line-height: 1; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > a {	position: relative; display: flex; justify-content: space-between; align-items: center;	padding: 1.2rem 0; border-bottom: 0; color: var(--dcu-color-text-300); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > a:before { content: none; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > a:after {	content: '';position: static; width: 1.4rem;	height: 1.4rem;	background: url(../images/icon/plus-14-md.svg) no-repeat center center; background-size: auto; filter: brightness(0) saturate(100%) invert(51%) sepia(10%) saturate(461%) hue-rotate(167deg) brightness(88%) contrast(87%); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > a.active:after { transform: rotate(180deg); background-image: url(../images/icon/minus-14-md.svg); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > a.active { color: var(--dcu-color-text-400); }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > ul { display: none; margin-top: 1.2rem; padding-left: 1.6rem; padding-bottom: 2.4rem; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > ul > li {	background: none; font-size: 1.5rem; color: var(--dcu-color-text-400); padding: 0; line-height: 1.2; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > ul > li + li { margin-top: 1.8rem; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > ul > li + li a { border-top: 0; }
.dcu26 .tablet_menu .toggle_tab > ul:first-of-type > li > ul > li > ul > li > a {	display: block; padding: 0; font-weight: 500; }
.dcu26 .tablet_menu .toggle_tab .link_list { display: flex; justify-content: center; gap: 1.6rem; flex-wrap: wrap; padding: 0.8rem 0; }
.dcu26 .mobile_menubar,
.dcu26 .mobile_menu_wrap { display: none; }

@media (max-width: 1279px) {
  .dcu26 .tab_wrap	{	display: block; }
  .dcu26 .tablet_menu	{ display: block; overflow-y: auto; padding-bottom: 0; }
}

@media (max-width: 640px) {
  .dcu26 .tablet_menu { width: 100%; height: calc(100dvh - 5.4rem); }
  .dcu26 .mobile_menu_wrap { display: flex; justify-content: space-between; align-items: center; padding: 1.6rem 0 1.2rem; order: 0; }
  .dcu26 .mobile_menu_wrap .dcu-header-btn-bot { display: flex; }
  .dcu26 .mobile_menu_wrap .mobile_menu_logout { gap: 0.4rem; color: var(--dcu-color-text-300); font-weight: 600; }
}

/* Side Nav */
.dcu26 .dcu-side-bar { position: fixed; right: 0; display: flex; flex-direction: column; width: 6.8rem; height: 100dvh; padding: 0.5rem; border-left: 1px solid var(--dcu-color-common-line-100); background-color: var(--dcu-color-common-solid-150); z-index: 1003; }
.dcu26 .dcu-side-bar__toggle { padding: 1.5rem; }
.dcu26 .dcu-side-bar__toggle-icon svg { transition: transform 0.3s ease-in-out; }
.dcu26 .dcu-side-bar.active .dcu-side-bar__toggle-icon svg { transform: rotate(180deg); }
.dcu26 .dcu-side-bar__menu-item .layout-inner { display: flex; flex-direction: column; justify-content: center; gap: 0.25em; width: 100%; padding: 0.25em 0; font-size: 1.6rem; text-decoration: none; }
.dcu26 .dcu-side-bar__menu-item .layout-inner * { transition: 0.2s; }
.dcu26 .dcu-side-bar__menu-item__icon { align-self: center; display: inline-flex; justify-content: center; align-items: center;  width: 2em; height: 2em; border-radius: 0.375em; background-color: transparent; transition: 0.3s; }
.dcu26 .dcu-side-bar__menu-item__text { font-size: 0.75em; font-weight: 600; color: var(--dcu-color-gray-500); text-align: center; }
.dcu26 .dcu-side-bar__menu-item .layout-inner:hover .dcu-side-bar__menu-item__icon { background-color: var(--dcu-color-common-solid-300); }
.dcu26 .dcu-side-bar__menu-item .layout-inner:hover .dcu-side-bar__menu-item__icon svg path { fill: var(--dcu-color-icon-400); }
.dcu26 .dcu-side-bar__menu-item .layout-inner:hover .dcu-side-bar__menu-item__text { color: var(--dcu-color-text-500); }
.dcu26 .dcu-side-bar__menu-item[data-option] { margin-top: auto; }
.dcu26 .dcu-side-bar__menu-item[data-option] .layout-inner:not(:hover) .dcu-side-bar__menu-item__text { opacity: 0; }

/* Side Bar Wishlist */
.dcu26 .dcu-side-bar__wishlist { position: fixed; top: 0; right: 6.8rem; width: 0; height: 100dvh; background-color: var(--dcu-color-common-solid-150);  overflow: hidden; transition: width 0.3s ease-in-out; z-index: 1002; }
.dcu26 .dcu-side-bar__wishlist.active { width: 26rem; border-left: 1px solid var(--dcu-color-common-line-100); }
.dcu26 .dcu-side-bar__wishlist-content { display: flex; flex-direction: column; width: 100%; height: 100%;  padding: 3.2rem 2rem;  }
.dcu26 .dcu-side-bar__wishlist-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 1.2rem 0.7rem 1.2rem 0; border-bottom: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .dcu-side-bar__wishlist-title { font-size: 1.6rem; font-weight: 500; line-height: 1.3; }
.dcu26 .dcu-side-bar__wishlist-edit-btn { display: flex; padding: 0.4rem 0.6rem; align-items: center; border-radius: 0.2rem; background-color: var(--dcu-color-common-solid-300); font-size: 1.3rem; font-weight: 600; }
.dcu26 .dcu-side-bar__wishlist-list { flex: 1; padding: 0.8rem 0; overflow-y: auto; }
.dcu26 .dcu-side-bar__wishlist-item { display: flex; align-items: center; gap: 0.6rem; padding: 1rem 1rem 1rem 0; font-size: 1.5rem; font-weight: 600; color: var(--dcu-color-text-300); line-height: 1.3;  }
.dcu26 .dcu-side-bar__wishlist-item span { flex: 1; min-width: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dcu26 .dcu-side-bar__wishlist-item:before { content: ''; width: 1.6rem; height: 1.6rem; background-image: url(../images/icon/heart-wishlist.svg); background-position: center; background-repeat: no-repeat; }
.dcu26 .dcu-side-bar__wishlist-item.active { color: var(--dcu-color-text-500); }
.dcu26 .dcu-side-bar__wishlist-item.active:before { filter: brightness(0) saturate(100%) invert(51%) sepia(46%) saturate(2516%) hue-rotate(181deg) brightness(101%) contrast(101%); }
.dcu26 .dcu-side-bar__wishlist-empty { display: flex; flex-direction: column; align-items: center; padding: 2.4rem 1.2rem; gap: 1.2rem; font-size: 1.4rem; color: var(--dcu-color-text-300); text-align: center; }
.dcu26 .dcu-side-bar__wishlist-empty-icon { aspect-ratio: 1 / 1; width: 7.2rem; border-radius: 50%; border: 1px solid var(--dcu-color-common-line-150); background-color: var(--dcu-color-common-solid-250); background-image: url(../images/icon/copy-right.svg); background-position: center; background-repeat: no-repeat; }


/* Wishlist Modal */
.dcu26 .wishlist-modal-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 1rem 0; }
.dcu26 .wishlist-modal-list li { margin: 0; }

@media (max-width: 1279px) {
  .dcu26 .dcu-side-bar { display: none; }
}


/* Footer */
.dcu-footer { display: flex; flex-direction: column; gap: 2em; padding-right: 6.8rem; padding-bottom: 4em; font-size: 1.6rem; width: 100%; border-top: 1px solid var(--dcu-color-gray-100); background-color: var(--dcu-color-footer-background); }
.dcu-footer__inner-top { display: flex; align-items: center; justify-content: space-between; padding: 1.5em 2.5em; }
.dcu-footer__top-left { display: flex; align-items: center; gap: 1.5em; }
.dcu-footer__top-right { display: flex; align-items: center; gap: 0.375em; }
.dcu-footer__instagram-icon { display: flex; align-items: center; justify-content: center; width: 1.75em; height: 1.75em; background-color: var(--dcu-color-gray-800); border-radius: 10px; color: var(--dcu-color-gray-white); flex-shrink: 0; }
.dcu-footer__instagram-icon svg { width: 1.25em; height: 1.25em; }
.dcu-footer__inner-bottom { display: flex; flex-direction: column; gap: 1em; padding: 0 2.5em; }
.dcu-footer__logo { display: flex; align-items: center; justify-content: center; height: 2.5em; width: 6.25em; overflow: hidden; flex-shrink: 0; }
.dcu-footer__logo-image { width: 100%; height: 100%; object-fit: contain; }
.dcu-footer__copyright-text { font-size: 1.3rem; font-weight: 500; line-height: 1.2; color: var(--dcu-color-gray-500); }
.dcu-footer a:focus-visible { outline: 2px solid var(--dcu-color-primary-400) !important; }

@media (max-width: 1279px) {
  .dcu-footer { padding-right: 0; }
}

@media (max-width: 1024px) {
  .dcu-footer { gap: 1.5em; padding-bottom: 3em; }
  .dcu-footer__inner-top { padding: 1.5em 2em; }
  .dcu-footer__inner-bottom { padding: 0 2em; }
  .dcu-footer__logo { width: 4.75em; height: 2em; }
}

@media (max-width: 640px) {
  .dcu-footer__inner-top { flex-direction: column; gap: 1em; }
  .dcu-footer__top-left { font-size: 1.4rem; }
  .dcu-footer__inner-bottom { align-items: center; }
}


/* Page Sections */
.dcu26 #content { padding-top: 108px; }
.dcu26 #content > .container { width: 100%; max-width: 1488px; padding-left: 3.2rem; padding-right: 3.2rem; }
.dcu26 #content > .container.full { max-width: none; }
.dcu26 #content > .container > div.white-bg { border: 0; padding: 0; }
.dcu26 #content .basic-section.border-bottom { border-bottom: 1px solid var(--dcu-color-common-line-300); }
.dcu26 #content .basic-section.border-bottom:after { content: ''; }
.dcu26 #content .basic-section .basic-content { border-top: 0; }
.dcu26 #content .basic-section .basic-content:not(:has(table.table)) { border-top: 1px solid var(--dcu-color-common-line-300); }
.dcu26 #content section { display: flex; flex-direction: column; gap: 2.4rem; /* margin-bottom: 8rem; */ }
.dcu26 #content section.title { gap: 0; /* margin-bottom: 2.4rem; */  font-size: var(--dcu-text-size-page-title); }
.dcu26 #content section.title h2 { margin: 0; padding-top: 1.6rem; padding-bottom: 1.6rem; font-size: inherit; color: #000; font-family: inherit; font-weight: 600; line-height: 1; }
.dcu26 #content section.title .form_btns { line-height: 0; }
.dcu26 #content section.title .btn-wrap { margin-top: 1.2rem; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; line-height: 0; }

.dcu26 #content .s_title { display: flex; align-items: center; gap: 1.2rem; margin-top: 0; margin-bottom: 0; font-family: inherit; font-size: var(--dcu-text-size-section-title); font-weight: 600; line-height: 1.3; }
.dcu26 #content .s_title span { float: none; }
.dcu26 #content .s_title .ibox-tools { display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; }
.dcu26 #content .s_title div { text-align: right; }
.dcu26 #content .s_title div a { color:  #777; font-size:15px; vertical-align: top; }
.dcu26 #content .s_title div p { margin: 0; font-size: var(--dcu-text-size-md); font-weight: normal; color: var(--dcu-color-text-300); }

@media (min-width: 1281px) {
  .dcu26:has(.dcu-side-bar) #content { padding-right: 6.8rem; }
}

@media (max-width: 1024px) {
	.dcu26 #content { padding-top: 6.8rem; }
  .dcu26 #content .search_form .cond_section { margin-bottom: 4.8rem; }
  .dcu26 #content section.title { /* margin-bottom: 2.4rem; */ }
  .dcu26 #content section.title + .form_section:has(.top_right_btns) { margin-top: -3.2rem; }
}

@media (max-width: 768px) {
  .dcu26 #content { padding-top: 6.4rem; }
  .dcu26 #content > .container { padding-left: 1.6rem; padding-right: 1.6rem; }
  .dcu26 #content section { margin-bottom: 4.8rem; }
  .dcu26 #content section.title { margin-bottom: 1.6rem; }
  .dcu26 #content section.title h2 { padding-top: 1.6rem; padding-bottom: 1.6rem; }

  .dcu26 #content .s_title { flex-wrap: wrap; }
  .dcu26 #content .s_title div:not(.ibox-tools) { width: 100%; text-align: left; }
}

/* Breadcrumb */
.dcu26 .dcu-breadcrumb { /* margin-bottom: 9.6rem; */ }
.dcu26 .dcu-breadcrumb ol { display: flex; align-items: center; }
.dcu26 .dcu-breadcrumb li { display: flex; font-size: var(--dcu-text-size-xs); color: var(--dcu-color-text-300); }
.dcu26 .dcu-breadcrumb li .layout-inner { display: grid; place-items: center; }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__home .layout-inner { width: 2.4rem; height: 2.4rem; font-size: 0; border-radius: 0.4rem; }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__home .layout-inner:hover { background-color: var(--dcu-color-common-solid-300); }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__home .layout-inner:hover svg path { fill: var(--dcu-color-icon-400); }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item { position: relative; padding-left: 2.4rem; }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item:before { content: ''; position: absolute; top: 0; left: 0; width: 2.4rem; height: 100%; font-size: 0; background-image: url(../images/icon/breadcrumb-divider.svg); background-position: center; background-repeat: no-repeat; }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item .layout-inner { padding: 0.4rem 0.6rem; color: inherit; }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item.active .layout-inner,
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item .layout-inner:hover,
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item .layout-inner:focus { color: var(--dcu-color-text-400); }
.dcu26 .dcu-breadcrumb li.dcu-breadcrumb__item .layout-inner:focus { border: 1px solid var(--dcu-color-common-line-300); }

@media (max-width: 1024px) {
	.dcu26 .dcu-breadcrumb { /* margin-bottom: 6rem; */ }
}

@media (max-width: 768px) {
	.dcu26 .dcu-breadcrumb { display: none; }
}


/* Search Form */
.dcu26 .top_right_btns { margin-bottom: 0; }

.dcu26 .search_form fieldset { border-top: 1px solid var(--dcu-color-common-line-300); margin-bottom: 0; }
.dcu26 .search_form .form_section .basic-info { display: flex; flex-direction: column; gap: 1.4rem; margin-top: 2.4rem; color: var(--dcu-color-text-400); font-weight: 500; }
.dcu26 .search_form .form_section .basic-info p { margin-bottom: 0; }
.dcu26 .search_form textarea:not([rows]) { height: auto; border: 1px solid transparent; padding: 1.2rem; }

.dcu26 .search_form label.text-left { display: flex; align-items: center; height: auto !important; min-height: 5.9rem; background-color: var(--dcu-color-common-solid-150); border-color: var(--dcu-color-common-line-150); padding: 1.8rem 1.2rem !important; line-height: 1.3; }
.dcu26 .search_form label.text-left > span { position: static; top: auto; left: auto; transform: none;  color: var(--dcu-color-text-400); display: block; font-weight: 500; }
.dcu26 .search_form label.textarea-label { height: 23rem; line-height: 20rem; }
.dcu26 .search_form label.control-label { margin-right: 0; padding: 0; }

.dcu26 .search_form .form-input div:has(> input[type="hidden"]) { display: none; }
.dcu26 .search_form .form-input > span.text-left { justify-self: flex-start; padding: 0px; position: static; top: auto; left: auto; transform: none; color: var(--dcu-color-text-400); }
.dcu26 .search_form .form-input > span.text-center { justify-self: center; padding: 0px; position: static; top: auto; left: auto; transform: none; color: var(--dcu-color-text-400); }
.dcu26 .search_form .form-input > span.text-right { justify-self: flex-end; padding: 0px; position: static; top: auto; left: auto; transform: none; color: var(--dcu-color-text-400); }

.dcu26 .search_form .form-group { display: flex; flex-wrap: wrap; word-wrap: anywhere; }
.dcu26 .search_form .form-group:before,
.dcu26 .search_form .form-group:after { display: none; }
.dcu26 .search_form .form-group.ibox-content { border-top: 0; }
.dcu26 .search_form .form-group div.form-input { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 1rem; padding: 1rem 1.6rem; border-bottom-color: var(--dcu-color-common-line-150); text-align: center; }
.dcu26 .search_form .form-group div.form-input:has(.dropzone) { padding: 1.2rem; }
.dcu26 .search_form .form-group div.form-input .form-input { border-bottom: 0; flex-wrap: nowrap; }
.dcu26 .search_form .form-group > div { display: flex; float: none; border-right: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .search_form .form-group > div:last-of-type { border-right: 0; }
.dcu26 .search_form .form-group > div button:not(.minus) { margin: 0; font-size: var(--dcu-text-size-md); }
.dcu26 .search_form .form-group > div button:not(.minus).btn-sm { font-size: var(--dcu-text-size-xs); }
.dcu26 .search_form .form-group > div button:not(.minus).btn-xs { font-size: var(--dcu-text-size-xxxs); }
.dcu26 .search_form .form-group > div input { flex: 1; width: 100%; height: 3.8rem; padding: 1.2rem 1.6rem; }
.dcu26 .search_form .form-group > div input.input-sm { height: 3.4rem; padding: 0.9rem 1rem; }
.dcu26 .search_form .form-group > div input.input-lg { height: 4.4rem; }
.dcu26 .search_form .form-group > div select { flex: 1; width: 100%; height: 3.8rem; padding: 0 1.6rem; border-color: transparent; }
.dcu26 .search_form .form-group > div select.select-sm { height: 3.4rem; padding: 0 1rem; }
.dcu26 .search_form .form-group > div select.select-lg { height: 4.4rem; }
.dcu26 .search_form .form-group > .form-group { border-top-color: var(--dcu-color-common-line-150) !important; }

.dcu26 .search_form .cond_section { }
.dcu26 .search_form .cond_section fieldset { border-top: 0; margin-bottom: 0; }
.dcu26 .search_form .cond_section .form-group { display: flex; gap: 1.6rem; flex-wrap: wrap; padding: 2.8rem; border-radius: 1.2rem; border: 1px solid var(--dcu-color-common-line-150); background-color: var(--dcu-color-common-solid-150); }
.dcu26 .search_form .cond_section .form-group .search-row { width: 100%; border-right: 0; flex-wrap: wrap; gap: 0.8rem; }
.dcu26 .search_form .cond_section .form-group .search-item { display: flex; gap: 0.8rem; padding: 0; border-right: 0; }
.dcu26 .search_form .cond_section .form-group .btn-group { flex-grow: 0; min-height: 0 !important; display: flex; align-items: center; justify-content: center; }
.dcu26 .search_form .cond_section label.text-left { flex: 0 0 9rem; width: fit-content; height: auto !important; min-height: 0; padding: 0 !important; border: 0; }
.dcu26 .search_form .cond_section label.text-left span { display: block; color: var(--dcu-color-text-500); font-weight: 600; text-align: right; white-space: nowrap; }
.dcu26 .search_form .cond_section .form-group div.form-input { padding: 0 !important; min-height: 0 !important; border: 0; flex-wrap: nowrap; }
.dcu26 .search_form .cond_section .form-group div.form-input div { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.dcu26 .search_form .cond_section .form-group div.form-input input,
.dcu26 .search_form .cond_section .form-group div.form-input select,
.dcu26 .search_form .cond_section .form-group div.form-input div div:has(> input),
.dcu26 .search_form .cond_section .form-group div.form-input div div:has(> select) { flex: 0 1 17rem; min-width: 17rem; width: auto; max-width: 100%; height: 4.4rem; } 
.dcu26 .search_form .cond_section .form-group div.form-input div div:has(> input[type="hidden"]) { display: none; }

@media (max-width: 1280px) {
  .dcu26 .search_form .form-group > div.col-md-12,
  .dcu26 .search_form .form-group > div.col-xs-12 { border-right: 0; }
}

@media (max-width: 1024px) {



  .dcu26 .search_form .cond_section .form-group { padding: 2.8rem 3.2rem; }
  .dcu26 .search_form .cond_section .form-group .search-row { padding: 0; }
  .dcu26 .search_form .cond_section .form-group .search-item.full-ta { width: 100%; }
  .dcu26 .search_form .cond_section .form-group .search-item.full-ta div.form-input input,
  .dcu26 .search_form .cond_section .form-group .search-item.full-ta div.form-input select,
  .dcu26 .search_form .cond_section .form-group .search-item.full-ta div.form-input div div:has(> input),
  .dcu26 .search_form .cond_section .form-group .search-item.full-ta div.form-input div div:has(> select) { flex-grow: 1; }

  .dcu26 .search_form .cond_section .form-group div.form-input { flex-grow: 1; flex-wrap: wrap; }
  .dcu26 .search_form .cond_section .form-group div.form-input div { width: 100%; }
  .dcu26 .search_form .cond_section .form-group div.form-input input,
  .dcu26 .search_form .cond_section .form-group div.form-input select,
  .dcu26 .search_form .cond_section .form-group div.form-input div div:has(> input),
  .dcu26 .search_form .cond_section .form-group div.form-input div div:has(> select) { height: 3.4rem; }
  .dcu26 .search_form .form-group > div input.input-lg,
  .dcu26 .search_form .form-group > div select.select-lg { height: 3.8rem; }

}

@media (max-width: 768px) {

  .dcu26 .search_form label.text-left { min-height: 5rem; padding: 1.4rem 1.6rem !important; border-right: 0; border-bottom: 1px solid var(--dcu-color-common-line-150); background-color: transparent; }
  .dcu26 .search_form label.text-left + div { min-height: 5rem !important; margin-top: 0; padding-bottom: 0.8rem !important; }
  
  .dcu26 .search_form .form-group > div { padding-right: 0; border-right: 0; }
  .dcu26 .search_form .form-group div.form-input { justify-content: flex-start; padding: 0.7rem 1.2rem; }
  .dcu26 .search_form .form-group div.form-input .text-center { text-align: left; }
  .dcu26 .search_form .form-group > div input,
  .dcu26 .search_form .form-group > div select { height: 3.4rem; padding: 0.9rem 1rem; }
 
  .dcu26 .search_form .cond_section .form-group { padding: 2rem 1.6rem; }
  .dcu26 .search_form .cond_section .form-group .search-row { row-gap: 1.6rem; }
  .dcu26 .search_form .cond_section .form-group .search-item { flex-direction: column; gap: 0.8rem; padding: 0; width: 100%; }
  .dcu26 .search_form .cond_section label.text-left { flex-basis: auto; width: 100%; }
  .dcu26 .search_form .cond_section label.text-left span { text-align: left; }

  .dcu26 .search_form .cond_section .form-group div.form-input input,
  .dcu26 .search_form .cond_section .form-group div.form-input select,
  .dcu26 .search_form .cond_section .form-group div.form-input div div:has(> input),
  .dcu26 .search_form .cond_section .form-group div.form-input div div:has(> select) { flex-grow: 1; }

}

@media (max-width: 375px) { 
  .dcu26 .search_form .cond_section label.text-left { min-height: 0; }
  .dcu26 .search_form .cond_section .form-group div.form-input { width: 100%; }
}



/* Search section */
.dcu26 #content .search-section { padding: 3.2rem 0; border-top: 1px solid var(--dcu-color-common-line-200); border-bottom: 1px solid var(--dcu-color-common-line-200); }
.dcu26 #content .search-section .search-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3.2rem; }

.dcu26 #content .search-section .search-grid-item.span2 { grid-column: span 2; }
.dcu26 #content .search-section .search-grid-item.span3 { grid-column: span 3; }
.dcu26 #content .search-section .search-grid-item.span4 { grid-column: span 4; }
.dcu26 #content .search-section .search-grid-item.span5 { grid-column: span 5; }

@media (max-width: 1279px) {
  .dcu26 #content .search-section .search-grid { gap: 3.2rem 2.4rem; }
  .dcu26 #content .search-section .search-grid-item.t-span0 { grid-column: initial; }
  .dcu26 #content .search-section .search-grid-item.t-span2 { grid-column: span 2; }
  .dcu26 #content .search-section .search-grid-item.t-span3 { grid-column: span 3; }
  .dcu26 #content .search-section .search-grid-item.t-span4 { grid-column: span 4; }
  .dcu26 #content .search-section .search-grid-item.t-span5 { grid-column: span 5; }
}

@media (max-width: 768px) {
  .dcu26 #content .search-section { padding: 2.4rem 0; }
  .dcu26 #content .search-section .search-grid { grid-template-columns: repeat(2, 1fr); gap: 1.6rem; }
  .dcu26 #content .search-section .search-grid-item.m-span0 { grid-column: initial; }
  .dcu26 #content .search-section .search-grid-item.m-span2 { grid-column: span 2; }
  .dcu26 #content .search-section .search-grid-item .input-wrap { flex-wrap: wrap; }
  .dcu26 #content .search-section .search-grid-item .input-wrap button { width: 100%; }
} 


.dcu26 #content .search-block-card { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; border-radius: 1.2rem; }
.dcu26 #content .search-block-card-item { display: flex; flex-direction: column; gap: 4rem; padding: 3.2rem; border-radius: 1.2rem; border: 1px solid var(--dcu-color-common-line-150); font-family: 'Pretendard', sans-serif; }
.dcu26 #content .search-block-card-item .card-label { font-size: var(--dcu-text-size-xl); font-weight: 700; color: var(--dcu-color-text-500); line-height: 1.2; }
.dcu26 #content .search-block-card-item .card-content { display: flex; flex-direction: column; justify-content: space-between; gap: 1.6rem; }
.dcu26 #content .search-block-card-item .card-content-text { font-size: var(--dcu-text-size-xxl); font-weight: 700; color: var(--dcu-color-text-500); line-height: 1.2; }
.dcu26 #content .search-block-card-item .card-content-text em { font-size: 4rem; font-weight: 700; color: var(--dcu-color-teal-500); line-height: 1; }
.dcu26 #content .search-block-card-item .card-content-text em ~ em { margin-left: 0.8rem; }
.dcu26 #content .search-block-card-item .card-content-text span { font-size: var(--dcu-text-size-md); font-weight: 700; color: var(--dcu-color-text-300); line-height: 1; }

.dcu26 #content .search-block-card.plain { border: 1px solid var(--dcu-color-common-line-150); }
.dcu26 #content .search-block-card.plain .search-block-card-item { border: 0; }

.dcu26 #content .search-block-card-item .card-content-bar progress { width: 100%; height: 0.8rem; background-color: #E3E9F6; border-radius: 2rem; }
.dcu26 #content .search-block-card-item .card-content-bar progress::-ms-fill { background-color: var(--dcu-color-teal-500); border-radius: 2rem 0 0 2rem; }
.dcu26 #content .search-block-card-item .card-content-bar progress::-webkit-progress-bar { background-color: #E3E9F6; border-radius: 2rem; }
.dcu26 #content .search-block-card-item .card-content-bar progress::-webkit-progress-value { background-color: var(--dcu-color-teal-500); border-radius: 2rem 0 0 2rem;; }
.dcu26 #content .search-block-card-item .card-content-progress-text { display: flex; justify-content: flex-end; gap: 1.2rem; }


.dcu26 #content .search-block-card-item .card-search-row { display: flex; gap: 1.2rem; align-items: center; }
.dcu26 #content .search-block-card-item .card-search-row-label { flex: 0 0 8rem; }
.dcu26 #content .search-block-card-item .card-search-row .input-wrap { flex: 1; min-width: 26rem; display: flex; gap: 0.4rem; }
.dcu26 #content .search-block-card-item .card-search-row .input-wrap input,
.dcu26 #content .search-block-card-item .card-search-row .input-wrap select { flex: 1; min-width: 0; width: 100%; }

@media (max-width: 1279px) {
  .dcu26 #content .search-block-card-item { padding: 2.4rem; }
  .dcu26 #content .search-block-card-item .card-content-text em { font-size: 3.2rem; }
  .dcu26 #content .search-block-card-item .card-search-row .input-wrap { min-width: 0; }
}

@media (max-width: 1024px) {
  .dcu26 #content .search-block-card { grid-template-columns: repeat(1, 1fr); }
  .dcu26 #content .search-block-card.plain  { border: 0; }
  .dcu26 #content .search-block-card.plain .search-block-card-item { border: 1px solid var(--dcu-color-common-line-150); }
}


#SEARCH_MODAL .modal-header { border-bottom: 0; }
.dcu26 .search-modal-content { display: flex; align-items: flex-start; gap: 2.4rem; }
.dcu26 .search-modal-column { flex: 1 1 0; display: flex; flex-direction: column; }
.dcu26 .search-modal-form-table { display: flex; flex-direction: column; width: 100%; border-top: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .search-modal-form-table .tb-row { display: flex; }
.dcu26 .search-modal-column .tb-cell:first-child { flex: 0 0 10rem; width: 10rem; }
.dcu26 .search-modal-column .tb-cell-bd { flex: 1 1 0; min-width: 0; border-right: none; }
.dcu26 .search-modal-column input,
.dcu26 .search-modal-column select { width: 100%; }

@media (max-width: 768px) {
  .dcu26 .search-modal-content { flex-direction: column; gap: 0; }
  .dcu26 .search-modal-column { width: 100%; }
  .dcu26 .search-modal-column:not(:first-child) .search-modal-form-table{ border-top: 0; }
}


/* Modal */
.dcu26 .modal-content { border: 0; border-radius: 16px; box-shadow: none; font-weight: 500; }
.dcu26 .modal-header { position: relative; padding: 4rem 4rem 2.4rem; border-color: var(--dcu-color-common-line-150); }
.dcu26 .modal-header button.close { position: absolute; top: 0.8rem; right: 0.8rem; margin-top: 0; opacity: 1; }
.dcu26 .modal-header button.close span[aria-hidden] { display: inline-block; width: 4.4rem; height: 4.4rem; background-image: url(../images/icon/x-16.svg); background-size: 36.36%; background-repeat: no-repeat; background-position: center; font-size: 0; }
.dcu26 .modal-title { font-size: var(--dcu-text-size-depth1-title); font-weight: 600; line-height: 1; }
.dcu26 .modal-content .s_title { margin-bottom: 2.4rem; font-size: var(--dcu-text-size-xxl); font-weight: 600; line-height: 1.2; }
.dcu26 .modal-body { padding: 3.2rem 4rem; height: calc(100vh - 25rem); }
.dcu26 .modal-body.modal-program { padding: 0px; height: calc(100vh - 20rem); }
.dcu26 .modal-body > div { margin: 0; }
.dcu26 .modal-body table.table,
.dcu26 .modal-body table.table tr { border-top-color: var(--dcu-color-common-line-150) }
.dcu26 .modal-footer { padding: 2.4rem 4rem 3.2rem; text-align: initial; border-color: var(--dcu-color-common-line-150); }
.dcu26 .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 0; }
.dcu26 .modal-footer .btn-group .btn + .btn { margin-left: 0; }


.dcu26 .modal-lg .modal-header { padding: 2.4rem; }
.dcu26 .modal-lg .modal-title { font-size: var(--dcu-text-size-xxl); }
.dcu26 .modal-lg .modal-body { padding: 3.2rem 2.4rem; }

.dcu26 .modal-sm .modal-header { padding: 2rem 1.6rem; }

@media (min-width: 768px) {
  .dcu26 .modal-dialog { width: 600px; margin: 30px auto; }
  .dcu26 .modal-content { box-shadow: none; }
  .dcu26 .modal-sm { width: 358px; }
}

@media (min-width: 992px) {
  .dcu26 .modal-lg { width: 768px; }
}

@media (min-width: 1200px) {
	.dcu26 .modal-xl { width: 1100px; }
	.dcu26 .modal-xxl { width: calc(100% - 50px); }
}

@media (max-width: 1200px) {
	.dcu26 .modal-xl { width: calc(100% - 5px); margin: 10px 0 10px 5px; }
	.dcu26 .modal-xxl { width: calc(100% - 5px); margin: 10px 0 10px 5px; }
}

@media (max-width: 1024px) {
  .dcu26 .modal-header { padding: 2.4rem; }
  .dcu26 .modal-header button.close { top: 0.8rem; right: 0.8rem; }
  .dcu26 .modal-header button.close span[aria-hidden] { width: 3.8rem; height: 3.8rem; }
  .dcu26 .modal-body { padding: 3.2rem 2.4rem; }
  .dcu26 .modal-footer { padding: 2.4rem; }
}

@media (max-width: 992px) {
  .dcu26 .modal-body { max-height: calc(100vh - 90px); }
}

@media (max-width: 768px) {
  .dcu26 .modal-header,
  .dcu26 .modal-lg .modal-header { padding: 2rem 1.6rem; }
  .dcu26 .modal-header button.close { top: 0.8rem; right: 0.8rem; }
  .dcu26 .modal-header button.close span[aria-hidden] { width: 2.8rem; height: 2.8rem; }
  .dcu26 .modal-body { padding: 2.4rem 1.6rem; }
  .dcu26 .modal-footer { padding: 1.6rem; }
}



/* Table */
.dcu26 .dcu-table-tit { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap; }
.dcu26 .dcu-table-tit:has(+ .tab-scroller) { margin-bottom: 1.6rem; }


.dcu26 .dcu-table-tit-utils { display: flex; align-items: center; justify-content: flex-end; gap: 3.2rem; }
.dcu26 .dcu-table-tit-utils .dataTables_length label { display: inline-flex; align-items: center;  min-width: 0; margin-bottom: 0; color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-xs); font-weight: 500; }
.dcu26 .dcu-table-tit-utils .dataTables_length label:after { content: '보기'; }
.dcu26 .dcu-table-tit-utils .dataTables_length select { flex-shrink: 1; width: fit-content !important; min-width: 0; height: auto; padding-left: 0; padding-right: 2.4rem !important; background-color: transparent !important; border-color: transparent; box-shadow: none; color: inherit; font-size: var(--dcu-text-size-xs); font-weight: inherit; text-align: right; background-image: url(../images/icon/chevron-d-14-sm-gray.svg); background-position: right 0.8rem center; }
.dcu26 .dcu-table-tit-utils .dataTables_filter input { padding: 1rem 3.2rem 1rem 1.2rem; width: 16.9rem; height: auto; border-radius: 0.4rem; background-image: url(../images/icon/search-16.svg); background-position: right 0.8rem center; background-repeat: no-repeat; background-size: 1.6rem; color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-xs); font-weight: 500; }

.dcu26 table.dataTable { margin-top: 0 !important; margin-bottom: 0 !important; }
.dcu26 table.dataTable thead .sorting:after,
.dcu26 table.dataTable thead .sorting_asc:after,
.dcu26 table.dataTable thead .sorting_desc:after,
.dcu26 table.dataTable thead .sorting_asc_disabled:after,
.dcu26 table.dataTable thead .sorting_desc_disabled:after { position: static; display: inline-block; bottom: auto; right: auto; margin-left: 0.4rem; vertical-align: middle; opacity: 1; content: ''; width: 1.4rem; height: 1.4rem; background-image: url(../images/icon/chevron-ud-14-sm.svg); background-position: center; background-repeat: no-repeat; }
.dcu26 table.dataTable thead .sorting_asc_disabled:after,
.dcu26 table.dataTable thead .sorting_desc_disabled:after { opacity: 0.2; }
.dcu26 .dataTables_wrapper  .row { margin-left: 0; margin-right: 0; }

table.dataTable.dtr-inline.collapsed tbody td:first-child,
table.dataTable.dtr-inline.collapsed tbody th:first-child { padding-left: 3.8rem; }
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before { top: 50% !important; left: 1.2rem; height: 2rem; width: 2rem; border: 0; border-radius: 50%; box-shadow: none; box-sizing: border-box; content: ''; background-color: var(--dcu-color-common-solid-600); background-image: url(../images/icon/plus-14-sm-white.svg); background-position: center; background-repeat: no-repeat; transform: translateY(-50%); }
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before { content: ''; background-color: var(--dcu-color-common-solid-600); background-image: url(../images/icon/minus-14-sm-white.svg); }

.dcu26 .table td.child ul { width: 100%; max-width: calc(100vw - 8rem); }
.dcu26 .table td.child ul li span.dtr-data { width: auto; min-width: 0; max-width: 50vw; }

.dcu26 table.dataTable .dataTables_empty { padding: 1rem 2.4rem !important; background-color: var(--dcu-color-common-solid-200); text-align: left !important; }


.dcu26 .table_list table tbody tr td input[type='text'], .table_list table tbody tr td select { border: 1px solid var(--dcu-color-common-line-150); width: 100%; padding: 1.1rem 1.6rem; }

.dcu26 .table-striped > tbody > tr:not(.child):nth-of-type(odd) { background-color: var(--dcu-color-common-solid-200); }
.dcu26 .table-striped > tbody > tr.child { background-color: var(--dcu-color-common-solid-150) !important; }

.dcu26 .dataTables_wrapper div.dataTables_info { text-align: left; }
.dcu26 .dataTables_wrapper div:has(> .dataTables_paginate) { width: 100%; }
.dcu26 .dataTables_wrapper .dataTables_paginate { margin-top: 3.2rem; text-align: center; }

@media (max-width: 768px) {
  .dcu26 .table-responsive { border: 0; }
  .dcu26 .dcu-table-tit-utils { width: 100%; justify-content: space-between; }

  .dcu26 table.table thead tr:not(.child) th, .dcu26 table.table tbody tr:not(.child) td { height: 3rem; font-size: var(--dcu-text-size-md); }

  .dcu26 .table_list table tbody tr td input[type='text'], .table_list table tbody tr td select { padding: 0.9rem 1rem; }

  .dcu26 .dataTables_wrapper .dataTables_paginate { margin-top: 2rem; }
}



/* ----- Page Layout Details ----- */
/* 1.  */
/* basic-section :::::/DCU_Portal/SCH/Action/BZ_SUM111E01.do?SYS=SCH&SUBSYS=SUM  ��ũ ���� ��  ���̺� ���� ui*/
/* .basic-section .basic-content { border-top:2px solid #034da2; padding:0; } */
/* .basic-section .basic-info { width:100%; padding:0; margin:0; margin-bottom:20px; }
.basic-section .basic-info caption { font-weight:bold; color:#000; border-bottom:1px solid #034da2; }
.basic-section .basic-info.pull-right { width:80%; margin:0; }
.basic-section .basic-info.hover tr:hover td { background-color:#eee; }
.basic-section .basic-info tr td, .basic-section .basic-info tr th { border:1px solid #ddd !important; vertical-align:middle; color:#000; }
.basic-section .basic-info.pull-right tr td { border-top:none; }
.basic-section .basic-info:not(.row-colored) tr td:nth-child(odd),
.basic-section .basic-info.row-colored thead tr th, .basic-section .basic-info.or tr td:first-child { background-color:#f9fafc; text-align:center; font-weight:bold; }
.basic-section .basic-info.row-colored tr td.pink,
.basic-section .basic-info.row-colored tr th.pink { background-color:pink; }
.basic-section .basic-info.row-colored tr td.blue,
.basic-section .basic-info.row-colored tr th.blue { background-color:skyblue; }
.basic-section .basic-info.row-colored tr td.yellow,
.basic-section .basic-info.row-colored tr th.yellow { background-color:yellow; }
.basic-section .basic-info.row-colored div.pink,
.basic-section .basic-info.row-colored div.pink { background-color:pink; }
.basic-section .basic-info.row-colored div.blue,
.basic-section .basic-info.row-colored div.blue { background-color:skyblue; }
.basic-section .basic-info.row-colored div.yellow,
.basic-section .basic-info.row-colored div.yellow { background-color:yellow; }
.basic-section .basic-info input, .basic-section .basic-info select, .basic-section .basic-info textarea:not([rows]) { border:1px solid #ddd; padding-top:5px; padding-bottom:5px; }
.basic-section .basic-info textarea:not([rows]) { height:50px; }
.basic-section .basic-info { border:1px solid #ddd; border-left:none; border-bottom:none; }
.basic-section .basic-info:not(.pull-right) { border-top:none; }
.basic-section .basic-info > div { padding:0; margin:0; border-bottom:1px solid #ddd; }
.basic-section .basic-info > div > div { min-height:40px; }
.basic-section .basic-info > div > div > span { display:block; width:100%; }
.basic-section .basic-info > div > div:first-child { padding:13px !important; background-color:#f9fafc; font-weight:bold; text-align:center; color:#000; border-right:1px solid #ddd; border-left:1px solid #ddd; }
.basic-section .basic-info > div > div:last-child { padding:13px 10px !important; }
.basic-section div.basic-info.row-colored { border:0 solid #ddd; border-width:0 0 1px 1px; }
.basic-section div.basic-info.row-colored > div { border:0 solid #ddd; border-width:1px 1px 0 0; position:relative; }
.basic-section div.basic-info.row-colored > div > div:first-child { border:none; border-bottom:1px solid #ddd; display:table-cell; }
.basic-section ul.list-inline li { text-align:center; padding:5px; }
.basic-section ul.list-inline li a { color:#000; display:block; width:100%; height:100%; border:1px solid #ddd; border-radius:3px; text-decoration:none; padding:3px 0; }
.basic-section ul.list-inline li a:hover { background-color:#f9fafc; }
.basic-section h2[data-toggle="collapse"] { cursor:pointer; }
.basic-section.form_section { border-top:none; }
.basic-section .basic-info.colored-none { border-top:1px solid #034da2; }
.basic-section .basic-info.colored-none td { vertical-align:middle; font-weight:normal; color:#000; background-color:#fff !important; } */

.dcu26 .basic2-section .basic-content { border-top: 0; display: flex; gap: 2.4rem; }
.dcu26 .basic2-section .basic-image { align-self: flex-start; flex-shrink: 0; width: 16%; display: grid; place-items: center; aspect-ratio: 1 / 1; margin: 0; padding: 2%; float: none; border-radius: 1.6rem; background-color: var(--dcu-color-common-solid-200); }
.dcu26 .basic2-section .basic-image .dcu-avatar { width: 100%; padding: 0.8rem; background-color: var(--dcu-color-gray-white); border: 0; }
.dcu26 .basic2-section .basic-info { flex: 1; width: auto; min-width: 0; margin-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid var(--dcu-color-common-line-300); }

@media (max-width: 1024px) {
  .dcu26 .basic2-section .basic-image { width: 20.83%; padding: 2.7%; }
}

@media (max-width: 768px) {
  .dcu26 .basic2-section .basic-content { flex-direction: column; }
  .dcu26 .basic2-section .basic-image { width: 100%; aspect-ratio: initial; padding: 2.4rem; }
  .dcu26 .basic2-section .basic-image .dcu-avatar { max-width: 13rem; }
}

.dcu26 .input-group { display: flex; align-items: center; flex-wrap: nowrap; gap: 0 !important; min-width: 0; }
.dcu26 .input-group input { width: auto !important; min-width: 0; }
.dcu26 .input-group-addon { padding: 0.8rem; width: auto; margin-left: 0.4rem; background-color: transparent; border: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .input-group-addon:hover { background-color: var(--dcu-color-common-solid-300) !important; }
/*.dcu26 .input-group:not(.input-daterange) .form-control:first-child,
 .dcu26 .input-group-addon:first-child,
.dcu26 .input-group-btn:first-child > .btn,
.dcu26 .input-group-btn:first-child > .btn-group > .btn,
.dcu26 .input-group-btn:first-child > .dropdown-toggle,
.dcu26 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.dcu26 .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.dcu26 .input-group-addon:first-child { border-right: 0; }
.dcu26 .input-group:not(.input-daterange) .form-control:last-child,
.dcu26 .input-group-addon:last-child,
.dcu26 .input-group-btn:last-child > .btn,
.dcu26 .input-group-btn:last-child > .btn-group > .btn,
.dcu26 .input-group-btn:last-child > .dropdown-toggle,
.dcu26 .input-group-btn:first-child > .btn:not(:first-child),
.dcu26 .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } 
.dcu26 .input-group-addon:last-child {
  border-left: 0;
}
*/
@media (max-width: 768px) {
  .dcu26 .input-group-addon { padding: 0.6rem 0.8rem; }
}


/* 2. 요건확인/졸업요건확인(학부).html */
.table-score {  }
.table-score .score-list { display: grid; grid-template-columns: repeat(8, 1fr); gap: 0.8rem; }
.table-score .score-item { display: flex; flex-direction: column; gap: 0.8rem; padding: 1.6rem; font-size: 1.6rem; line-height: 1.3; border-radius: 0.8rem; border: 2px solid transparent; background-color: var(--dcu-color-common-solid-200); }
.table-score .score-category { flex: 1; min-height: 3.3125em; font-weight: 700; }
.table-score .score-num-list { display: flex; flex-wrap: wrap; gap: 0.2rem 1.2rem; letter-spacing: -0.02em; }
.table-score .score-num { font-weight: 700; letter-spacing: -0.04em; }
.table-score .score-num.get { color: var(--dcu-color-primary-600); }

.table-score .score-item.subtotal { border-color: var(--dcu-color-common-line-250); }

.table-score .score-item.total { border-color: #235FED; background-color: #235FED; color: var(--dcu-color-text-white); }
.table-score .score-item.total .score-category { font-size: 2rem; min-height: 2.65em; }
.table-score .score-item.total .score-num-list { color: var(--dcu-color-gray-100); }
.table-score .score-item.total .score-num { color: var(--dcu-color-text-white); }

.table-score .score-item.green { border-color: #DBFDD9; background-color: #DBFDD9; }
.table-score .score-item.green.subtotal { border-color: var(--dcu-color-green-500) }
.table-score .score-item.green .score-num.get { color: var(--dcu-color-green-600); }

.table-score .score-item.purple { border-color: #F8F1FF; background-color: #F8F1FF; }
.table-score .score-item.purple.subtotal { border-color: var(--dcu-color-purple-300) }
.table-score .score-item.purple .score-num.get { color: var(--dcu-color-purple-500); }


@media (max-width: 1024px) {
  .table-score .score-list { grid-template-columns: repeat(6, 1fr); }
  .table-score .score-item { font-size: 1.5rem; }
  .table-score .score-item.total .score-category { font-size: 1.5rem; min-height: 3.3125em; }
}

@media (max-width: 768px) {
  .table-score .score-list { grid-template-columns: repeat(3, 1fr); gap: 0.6rem; }
  .table-score .score-item { padding: 1.2rem; font-size: 1.4rem; }
  .table-score .score-category { min-height: 2em; }
  .table-score .score-num-list { flex-direction: column; }
  .table-score .score-item.total .score-category { font-size: 1.4rem; min-height: 2em; }
}



/* 3. 표 선택/근로장학 신청.html */
.dcu26 .dcu-worktime-caution { color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-xs); }
.dcu26 .dcu-worktime-week-hiddens { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.dcu26 .dcu-worktime-table-scroll { -webkit-overflow-scrolling: touch; overflow-x: auto; }

.dcu26 .dcu-worktime-grid th.dcu-worktime-th-day:last-child, .dcu26 .dcu-worktime-grid td.dcu-worktime-td:last-child { border-right: 0; }
.dcu26 .dcu-worktime-grid th.dcu-worktime-th-day { background-color: var(--dcu-color-common-solid-150); color: var(--dcu-color-text-400); font-size: var(--dcu-text-size-md); font-weight: 500; line-height: 1.3; padding: 1.8rem 1.2rem; text-align: center; vertical-align: middle; }
.dcu26 table.dcu-worktime-grid tr:not(.child) td.dcu-worktime-td { padding: 0; background-color: var(--dcu-color-gray-white); text-align: center; vertical-align: middle; }
.dcu26 .dcu-worktime-slot { align-items: center; min-height: 5.6rem; cursor: pointer; display: flex; gap: 0.8rem; justify-content: center; margin: 0; padding: 0.6rem 1rem; position: relative; transition: background-color 0.15s ease, color 0.15s ease; }
.dcu26 .dcu-worktime-slot input[type="checkbox"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.dcu26 .dcu-worktime-faux { background-color: var(--dcu-color-common-solid-400); border-radius: 50%; box-sizing: border-box; flex-shrink: 0; height: 2.4rem; position: relative; transition: background-color 0.15s ease, box-shadow 0.15s ease; width: 2.4rem; background-size: auto; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE2IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTMuMzUyOSAwLjUzMzk3NkMxMy44ODY0IC0wLjA5OTYwNzMgMTQuODMyNSAtMC4xODEwMzMgMTUuNDY2MiAwLjM1MjMzNUMxNi4wOTk3IDAuODg1ODc4IDE2LjE4MTIgMS44MzE5NCAxNS42NDc4IDIuNDY1NjJMNi42NDg3NyAxMy4xNTIxTDAuNDk2NDI2IDcuNjE1MDNDLTAuMTE5MjM3IDcuMDYwODMgLTAuMTY5MDU4IDYuMTExNjIgMC4zODUwOTggNS40OTU4OUMwLjkzOTMgNC44ODAyMyAxLjg4ODUxIDQuODMwNDEgMi41MDQyNCA1LjM4NDU2TDYuMzUxODkgOC44NDc0NUwxMy4zNTI5IDAuNTMzOTc2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+); }
.dcu26 .dcu-worktime-slot input[type="checkbox"]:checked + .dcu-worktime-faux { background-color: var(--dcu-color-primary-400); }
.dcu26 .dcu-worktime-slot input[type="checkbox"]:focus-visible + .dcu-worktime-faux { outline: 2px solid var(--dcu-color-primary-400); outline-offset: 2px; }
.dcu26 .dcu-worktime-time { color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-sm); font-weight: 700; line-height: 1.3; transition: color 0.15s ease; white-space: nowrap; }
.dcu26 .dcu-worktime-slot input[type="checkbox"]:checked ~ .dcu-worktime-time { color: var(--dcu-color-primary-500); }
.dcu26 .dcu-worktime-slot:has(input[type="checkbox"]:checked) { background-color: var(--dcu-color-primary-50); }
.dcu26 .dcu-worktime-slot:has(input[type="checkbox"]:disabled) { cursor: not-allowed; }
.dcu26 .dcu-worktime-slot input[type="checkbox"]:disabled + .dcu-worktime-faux { background-color: var(--dcu-color-common-line-200); }
.dcu26 .dcu-worktime-slot input[type="checkbox"]:checked:disabled + .dcu-worktime-faux {background-color: var(--dcu-color-primary-300);}
.dcu26 .dcu-worktime-slot input[type="checkbox"]:checked:disabled ~ .dcu-worktime-time {color: var(--dcu-color-primary-300);}

@media (max-width: 768px) {
  .dcu26 .dcu-worktime-grid { min-width: 56rem; }

  .dcu26 .dcu-worktime-slot { min-height: 4.4rem; }
  .dcu26 .dcu-worktime-faux { width: 2rem; height: 2rem; background-size: 60%; }
}




/* 4. 조회결과목록/MY 봉사활동조회(datatable).html */


/* 5. 트리구조/교육과정편람.html */
.dcu26 .tree-group { display: flex; align-items: flex-start; gap: 4rem; }
.dcu26 .tree-nav { flex: 0 0 33rem; min-width: 0; border-radius: 8px; border: 1px solid var(--dcu-color-common-line-200); background-color: var(--dcu-color-common-solid-150); }
.dcu26 .tree-nav-header { display: flex; flex-direction: column; gap: 1.6rem; padding: 2rem; border-bottom: 1px solid var(--dcu-color-common-line-200);  }
.dcu26 .tree-nav-header__title { font-size: var(--dcu-text-size-lg); font-weight: 600; line-height: 1; }
.dcu26 .tree-nav-content { padding: 1.6rem 0.8rem; }

.dcu26 .jstree-default { color: var(--dcu-color-text-300); }
.dcu26 .jstree-default .jstree-anchor { padding-top: 0.4rem; padding-bottom: 0.4rem; height: auto; line-height: inherit; max-width: calc(100% - 2.4rem); font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dcu26 .jstree-default .jstree-themeicon { display: none; }
.dcu26 .jstree-default .jstree-node { background-position: 3px center; background-repeat: repeat-y; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxNiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwMDEgMjAuMDAxTDggMEw4IDMyLjAwMDkiIHN0cm9rZT0iI0NERDFENSIvPgo8L3N2Zz4K); }
.dcu26 .jstree-default .jstree-open > .jstree-ocl { background-color: var(--dcu-color-common-solid-150); background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzODJfMTgyNzkpIj4KPHBhdGggZD0iTTQuNjY2MDIgMTAuNjY3TDcuOTk5MzUgMTQuMDAwM0wxMS4zMzI3IDEwLjY2N0g0LjY2NjAyWiIgZmlsbD0iIzk4QTJCMyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzODJfMTgyNzkiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDQpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==); }
.dcu26 .jstree-default .jstree-closed > .jstree-ocl { background-color: var(--dcu-color-common-solid-150); background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAxNiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzODJfMzEyOTQpIj4KPHBhdGggZD0iTTYuNjY2MDIgMTUuMzMzN0w5Ljk5OTM1IDEyLjAwMDNMNi42NjYwMiA4LjY2Njk5VjE1LjMzMzdaIiBmaWxsPSIjOThBMkIzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjM4Ml8zMTI5NCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgNCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); }
.dcu26 .jstree-default .jstree-leaf > .jstree-ocl { background-position: left 70% top -40%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgOSAxNyIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTAuNTAwMDAxIDBMMC41MDAwMDEgMTEuOTk5OUMwLjUwMDAwMSAxNC4yMDkgMi4yOTA4NiAxNS45OTk5IDQuNSAxNS45OTk5TDguNSAxNS45OTk5IiBzdHJva2U9IiNDREQxRDUiLz4KPC9zdmc+); }


.dcu26 .tree-contents { flex: 1; }

.dcu26 .page-wrap { padding: 4rem 2.4rem; border-bottom: 1px solid var(--dcu-color-common-line-200); border-top: 1px solid var(--dcu-color-common-line-200); }
.dcu26 .page-wrap__title { font-size: 4rem; font-weight: 600; line-height: 1; }
.dcu26 .page-wrap__subtitle { font-size: var(--dcu-text-size-xl); font-weight: 600; line-height: 1.3; color: var(--dcu-color-text-300); }
.dcu26 .page-wrap__btn-wrap { margin-top: 2.4rem; display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }

.dcu26 .page-content { padding-left: 2.4rem; padding-right: 2.4rem; }

@media (max-width: 1279px) {
  .dcu26 .tree-nav { flex: 0 0 28rem; }
}

@media (max-width: 1024px) {
  .dcu26 .tree-group { flex-direction: column; }
  .dcu26 .tree-nav { display: flex; flex-direction: column; flex: auto; width: 100%; max-height: 60rem; }
  .dcu26 .tree-nav-content { flex: 1; overflow-y: auto; }

  .dcu26 .tree-contents { flex: auto; width: 100%; }

  .dcu26 .page-wrap { padding: 3.2rem 0; }
  .dcu26 .page-content { padding: 0; }
  .dcu26 .page-wrap__title { font-size: 2.8rem; }
}


/* 6. 탭/전체성적확인(학부).html */
.dcu26 .tab-scroller .tab li { display: inline-flex; align-items: center; justify-content: center; padding: 1.2rem; gap: 0.6rem; color: var(--dcu-color-text-400); font-size: var(--dcu-text-size-xs); font-weight: 600; line-height: 1; background-color: var(--dcu-color-common-solid-100); border-top: 1px solid var(--dcu-color-common-line-150) !important; border-bottom: 1px solid var(--dcu-color-common-line-150) !important; border-left: 1px solid var(--dcu-color-common-line-150) !important; border-right: 0 !important; }
.dcu26 .tab-scroller .tab li:first-of-type { border-radius: 0.6rem 0 0 0.6rem; }
.dcu26 .tab-scroller .tab li:last-of-type { border-radius: 0 0.6rem 0.6rem 0; border-right: 1px solid var(--dcu-color-common-line-150) !important; }
.dcu26 .tab-scroller .tab li.active > span { font-weight: 600; }
.dcu26 .tab-scroller .tab li.active { background-color: var(--dcu-color-common-solid-800); color: var(--dcu-color-text-white); padding-bottom: 1.2rem; }
.dcu26 .tab-scroller ul { border-top: 0 !important; border-left: 0 !important; }
.dcu26 .tab-scroller .tab_content { margin-top: 0; padding: 0; border: 0; }
.dcu26 .tab-scroller .tab_content .dataTables_length { display: none; }
.dcu26 .mts_tab { margin-bottom: 2.4rem; }


@media (max-width: 768px) {
.dcu26 .mts_tab { margin-bottom: 2rem; }
  
}


/* 7. 미리보기, 화면회전/계좌입금.html */
.dcu26 .program-ui { font-size: var(--dcu-text-size-xs); overflow: hidden; }
.dcu26 .program-ui .control-label { word-break: normal; }
.dcu26 .program-ui .dcu-file-x { width: 1.6rem; height: 1.6rem; background-image: url(../images/icon/file-x.svg); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; }
.dcu26 .program-ui .dcu-file-x i { display: none; }

.dcu26 .program-ui .ly-top:not(.ly-vertical) { position: relative; height: auto; top: auto; right: auto; left: auto; bottom: auto; }
.dcu26 .program-ui .ly-form:not(.ly-vertical) { right: 0; left: 0; bottom: 0; }

.dcu26 .program-ui .form-group:has(.dropzone) > div { padding-right: 0 !important; flex-wrap: wrap; }

.dcu26 #content.program-ui .ly-top section.title { margin-bottom: 0; }
.dcu26 #content.program-ui section { margin-bottom: 6.4rem; }

.dcu26 .program-ui .dropzone { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 2.4rem; width: 100%; min-height: 18rem; padding: 2rem 2.4rem; border-radius: 0.4rem; border: 1px solid transparent; background-color: #ECF6FF; }
.dcu26 .program-ui .dropzone .dz-preview { margin: 0; display: flex; align-items: center; gap: 0.6rem; min-height: 0 !important; }
.dcu26 .program-ui .dropzone .dz-preview.dz-image-preview { background-color: transparent; }
.dcu26 .program-ui .dropzone .dz-message { width: 100%; text-align: center; }
.dcu26 .program-ui .dropzone .dz-message img { display: block; margin: 0 auto 1rem; }
.dcu26 .program-ui .dropzone .dz-image,
.dcu26 .program-ui .dropzone .dz-image img { width: 2.8rem !important; height: 2.8rem !important; padding: 0 !important; }
.dcu26 .program-ui .dropzone .dz-image { border-radius: 0.4rem; }
.dcu26 .program-ui .dropzone .dz-preview:hover .dz-image img { transform: none; filter: none; }
.dcu26 .program-ui .dropzone .dz-details { top: 100%; left: 0; padding: 0 !important; width: auto !important; height: auto !important; }
.dcu26 .program-ui .dropzone .dz-details .dz-size { margin-bottom: 0; }
.dcu26 .program-ui .dropzone .dz-filename { max-width: 12rem; min-width: 0; width: auto !important; }
.dcu26 .program-ui .dropzone .dz-filename span { font-size: var(--dcu-text-size-xs) !important; font-weight: 600; line-height: 1.3; }
.dcu26 .program-ui .dropzone .dz-error-message { top: 110% !important; left: 50% !important; transform: translateX(-50%) !important; }

.dcu26 .program-ui .dropzone div:has(> .dcu-file-x) { position: static !important; font-size: 0; }

.dcu26 .program-ui .file-vw-init .layout-inner { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; background-color: var(--dcu-color-common-solid-200); }
.dcu26 .program-ui .file-vw-init .preview-default { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.6rem; width: 24rem; padding: 3.2rem 4rem; color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-xxl); font-weight: 700; border-radius: 2rem; background-color: #FFF; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.06); }

@media (min-width: 1025px) {
  .dcu26 .program-ui .ly-form:not(.ly-vertical) { top: 15.4rem; }
}

@media (max-width: 1024px) {
  .dcu26 .program-ui .screen_ly { display: none;; }
}


@media (max-width: 768px) {
  .dcu26 .program-ui label.text-left { border-bottom: 0; }
  .dcu26 .program-ui .form-group > div { padding-right: 0 !important; }

  .dcu26 .program-ui .file-vw-init .preview-default { width: 18.6rem; }
}



/* 8. 좌우분할/폴더별 프로그램 등록.html */
.dcu26 #content.program-ui .split-wrap { overflow-x: auto; }
.dcu26 #content.program-ui .split-inner { display: flex; flex-direction: row; gap: 0; }
.dcu26 #content.program-ui .split-section { flex: 1; min-width: 0; }

@media (max-width: 1024px) {
  .dcu26 #content.program-ui .split-inner { flex-direction: column; gap: 2.4rem; }
  .dcu26 #content.program-ui .split-inner section { margin-bottom: 2.4rem; }
}


.dcu26 table.table tbody tr:not(.child).selected th, 
.dcu26 table.table tbody tr:not(.child).selected td { background-color: var(--dcu-color-common-solid-400); border-color: var(--dcu-color-common-line-100); }


/* 9. 수업시간표/개인수업시간표 조회.html */
.dcu26 table.table-timetable { margin-bottom: 0; border: 0; line-height: 1.2; }
.dcu26 table.table-timetable col:first-of-type { min-width: 12.4rem; }
.dcu26 table.table-timetable thead tr { border: 0; }
.dcu26 table.table-timetable thead tr:not(.child) th { height: auto; color: var(--dcu-color-text-500); padding: 1.2rem; font-size: 1.8rem; border: 0; border-bottom: 1px solid var(--dcu-color-common-line-150); background-color: var(--dcu-color-common-solid-100); text-align: center; }
.dcu26 table.table-timetable thead tr:not(.child) th small { display: block; color: var(--dcu-color-text-300); font-size: 1.4rem; }
.dcu26 table.table-timetable tbody tr:not(.child) td.day-cell { min-width: 13.6rem; padding: 0; border: 0; border-left: 1px solid var(--dcu-color-common-line-150); border-bottom: 1px solid var(--dcu-color-common-line-150); background-color: var(--dcu-color-common-solid-100); }
.dcu26 table.table-timetable .hour-cell { min-width: 12.4rem; padding: 0 1.2rem 0 0; border: 0; text-align: right; font-size: var(--dcu-text-size-xs); font-weight: 500; vertical-align: middle; }
.dcu26 table.table-timetable .hour-cell .hour-time { display: block; font-size: 1.5rem; font-weight: 700; }

.dcu26 table.table-timetable .day-cell-inner { display: block;  padding: 1.2rem; color: var(--dcu-color-primary-700); font-size: var(--dcu-text-size-xs); border-radius: 0.2rem; background-color: var(--dcu-color-primary-50); text-align: left; }
.dcu26 table.table-timetable .day-cell-inner-mo { display: none; }
.dcu26 table.table-timetable .day-cell-inner .subject { display: block; margin-bottom: 0.2rem; font-size: var(--dcu-text-size-md); font-weight: 700; }
 
.dcu26 table.table-timetable .day-cell-inner.purple { color: var(--dcu-color-purple-700); background-color: var(--dcu-color-purple-100); }
.dcu26 table.table-timetable .day-cell-inner.green { color: var(--dcu-color-green-700); background-color: var(--dcu-color-green-100); }
.dcu26 table.table-timetable .day-cell-inner.gray { color: var(--dcu-color-gray-800); background-color: var(--dcu-color-gray-50); }
.dcu26 table.table-timetable .day-cell-inner.teal { color: var(--dcu-color-teal-700); background-color: var(--dcu-color-teal-100); }

@media (max-width: 1024px) {
  .dcu26 table.table-timetable col:first-of-type { min-width: 10rem; }
}

@media (max-width: 768px) {
  .dcu26 table.table-timetable col:first-of-type { min-width: 7rem; }

  .dcu26 table.table-timetable .hour-cell { min-width: 7rem; width: 7rem; }
  .dcu26 table.table-timetable .hour-cell .hour-time { font-size: 1.3rem; }
  .dcu26 table.table-timetable .hour-cell .hour-time-detail { display: none; }
  .dcu26 table.table-timetable tbody tr:not(.child) td.day-cell { position: relative; min-width: 0; }
  .dcu26 table.table-timetable .day-cell-inner { display: none; }
  .dcu26 table.table-timetable .day-cell-inner-mo { position: absolute; inset: 0; display: block; box-sizing: border-box; width: auto; height: auto; padding: 0; }
  .dcu26 table.table-timetable .day-cell-inner-mo:before { content: ''; position: absolute; top: 0.8rem; right: 0.8rem; width: 1rem; height: 1rem; border-radius: 50%; background-color: currentColor; pointer-events: none; }
  .dcu26 table.table-timetable .day-cell-inner-mo .day-cell-btn { display: block; width: 100%; height: 100%; }

  .dcu26 table.table-timetable .day-cell-inner { color: var(--dcu-color-primary-450); }
  .dcu26 table.table-timetable .day-cell-inner.purple { color: var(--dcu-color-purple-600); }
  .dcu26 table.table-timetable .day-cell-inner.green { color: var(--dcu-color-green-600); }
  .dcu26 table.table-timetable .day-cell-inner.gray { color: var(--dcu-color-gray-600); }
  .dcu26 table.table-timetable .day-cell-inner.teal { color: var(--dcu-color-teal-600); }
}

@media (max-width: 400px) {
  .dcu26 table.table-timetable .hour-cell { min-width: 5.6rem; width: 5.6rem; }
}

.timetable-layerpop { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 26rem; padding: 1.2rem 1rem; border-radius: 1.2rem; border: 1px solid var(--dcu-color-common-line-150); background: var(--dcu-color-common-solid-100); box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.12); z-index: 1000; }
.timetable-layerpop .btn-close { position: absolute; top: 0.8rem; right: 0.8rem; }
.timetable-layerpop-content { padding: 0.4rem 0.4rem 0.4rem 0.8rem; }
.timetable-layerpop .content-title { font-size: var(--dcu-text-size-lg); font-weight: 700; line-height: 1.2; }
.timetable-layerpop .content-body { display: flex; flex-direction: column; margin-top: 0.4rem; }
.timetable-layerpop .content-body-item { display: flex; align-items: center; gap: 0.6rem; font-size: var(--dcu-text-size-md);  line-height: 1.4 }
.timetable-layerpop .content-body-item em { font-weight: 500; ; }
.timetable-layerpop .content-body-item span { font-weight: 600; }

/* 11. 달력 형태/외박신청.html */
.dcu26 .table_list table.table-calendar { margin-bottom: 0; border-top-color: var(--dcu-color-common-line-150); border-bottom: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .table_list table.table-calendar thead tr { border-top-color: var(--dcu-color-common-line-150); }
/* .dcu26 .table_list table.table-calendar tbody tr { border-top: 1px solid var(--dcu-color-common-line-150); } */
.dcu26 .table_list table.table-calendar tbody tr:not(.child) td { height: auto; padding: 0; }
.dcu26 .table_list table.table-calendar tbody tr:not(.child) td:not(:last-of-type) { border-right: 1px solid var(--dcu-color-common-line-150); }

.dcu26 .table_list table.table-calendar thead tr:not(.child) th { height: 4.6rem; background-color: var(--dcu-color-common-solid-200); }
.dcu26 .table_list table.table-calendar thead tr:not(.child) th:not(:last-of-type) { border-right: 1px solid var(--dcu-color-common-line-150); }
.dcu26 .table_list table.table-calendar thead tr:not(.child) th.table-month { font-family: "Pretendard", sans-serif; padding: 3.2rem 0 1.6rem; color: var(--dcu-color-text-400); background-color: var(--dcu-color-gray-white); cursor: initial; }
.dcu26 .table_list table.table-calendar .table-month-title { display: flex; justify-content: center; align-items: center; gap: 1.6rem; margin-bottom: 1.6rem; font-size: var(--dcu-text-size-xxxl); font-weight: 700; line-height: 1; }
.dcu26 .table_list table.table-calendar .table-month-tooltips { display: flex; align-items: center; justify-content: flex-start; gap: 1.6rem; text-align: left; }
.dcu26 .table_list table.table-calendar .table-month-tooltip { display: inline-flex; align-items: center; gap: 0.6rem; font-weight: 600; line-height: 1.4; }
.dcu26 .table_list table.table-calendar .table-month-tooltip::before { content: ''; display: block; width: 1.8rem; height: 1.8rem; border-radius: 0.4rem; background-color: var(--tooltip-bg); border: 1px solid var(--tooltip-border); }

.dcu26 .table_list table.table-calendar .calendar-day { display: block; aspect-ratio: 208 / 130; width: 100%; padding: min(1.1111vw, 1.6rem); color: var(--dcu-color-text-400); font-size: var(--dcu-text-size-lg); font-weight: 700; line-height: 1.4; background-color: var(--dcu-color-gray-white); }
.dcu26 .table_list table.table-calendar .calendar-day span { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 0.8rem; }
.dcu26 .table_list table.table-calendar .calendar-day.available span { background-color: var(--dcu-color-primary-100); }
.dcu26 .table_list table.table-calendar .calendar-day.completed { color: var(--dcu-color-text-white); }
.dcu26 .table_list table.table-calendar .calendar-day.completed span { background-color: var(--dcu-color-primary-400); }
.dcu26 .table_list table.table-calendar .calendar-day.stay-out { color: var(--dcu-color-text-white); }
.dcu26 .table_list table.table-calendar .calendar-day.stay-out span { background-color: var(--dcu-color-common-line-300); }
.dcu26 .table_list table.table-calendar .calendar-day.disabled { color: var(--dcu-color-text-200); background-color: var(--dcu-color-common-solid-200); }
.dcu26 .table_list table.table-calendar .calendar-day.disabled span { background-color: var(--dcu-color-common-solid-200); }

@media (max-width: 1024px) {
  .dcu26 .table_list table.table-calendar .calendar-day { aspect-ratio: 137 / 130; padding: 0.8889em; font-size: 1.7578vw; }
}

@media (max-width: 768px) {
  .dcu26 .table_list table.table-calendar thead tr:not(.child) th.table-month { padding-top: 2.4rem; }
  .dcu26 .table_list table.table-calendar .table-month-title { gap: 0.8rem; }
  .dcu26 .table_list table.table-calendar .table-month-tooltips { justify-content: center; }
  .dcu26 .table_list table.table-calendar .table-month-tooltip { font-size: 1.3rem; }

  .dcu26 .table_list table.table-calendar .calendar-day { aspect-ratio: 51 / 56; padding: 0.6rem; font-size: 1.2rem; }
}


/* 12. 차트/포트폴리오 조회.html */
.dcu26 .chart-section { position: relative; padding: 8rem 4.4%; border-radius: 2.4rem; border: 1px solid var(--dcu-color-common-line-150); }

.dcu26 .chart-section .count-list { --color-human: var(--dcu-color-rose-500); --color-creative: var(--dcu-color-blue-600); --color-community: var(--dcu-color-yellow-400); --color-major: var(--dcu-color-teal-400); }
.dcu26 .chart-section .count-item { display: flex; gap: 0.6rem; margin-bottom: 0.8rem; color: var(--dcu-color-text-300); }
.dcu26 .chart-section .count-item em { font-weight: 700; color: var(--dcu-color-text-500); }
.dcu26 .chart-section .count-title { display: flex; align-items: center; gap: 0.6rem; flex-basis: 8rem; }
.dcu26 .chart-section .count-title:before { content: ''; width: 1.2rem; height: 1.2rem; border-radius: 50%; }
.dcu26 .chart-section .count-item.COS_HUMAN .count-title:before { background-color: var(--color-human); }
.dcu26 .chart-section .count-item.COS_CREATIVE .count-title:before { background-color: var(--color-creative); }
.dcu26 .chart-section .count-item.COS_COMUNITY .count-title:before { background-color: var(--color-community); }
.dcu26 .chart-section .count-item.COS_MAJOR .count-title:before { background-color: var(--color-major); }

@media (max-width: 768px) {
  .dcu26 .chart-section { border: 0; padding: 2.4rem 0 4rem; overflow: initial;  }
  .dcu26 .chart-section:after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background-color: var(--dcu-color-common-line-150); }
  
}


/* 13. 중간 선택항목/통합상담신청.html */
.dcu26 .inquiry_section { margin-bottom: 0; }
.dcu26 .inquiry_section fieldset { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; border: 0; }

.dcu26 .inquiry_section .inquiry_article { display: flex; flex-direction: column; gap: 0; border-radius: 1.2rem; border: 1px solid var(--dcu-color-common-line-150); background-color: var(--dcu-color-gray-white); overflow: hidden; }
.dcu26 .inquiry_section .inquiry_link,
.dcu26 .inquiry_section .inquiry_link_left,
.dcu26 .inquiry_section .inquiry_content { float: none; width: 100%; margin: 0; border: 0; }
.dcu26 .inquiry_section .inquiry_link { flex-shrink: 0; height: 18rem; padding: 2.8rem 3.2rem 2.4rem 3.2rem; background-color: var(--dcu-color-common-solid-200); }
.dcu26 .inquiry_section .inquiry_link_left { padding: 0; color: var(--dcu-color-text-400); font-family: inherit; font-size: var(--dcu-text-size-xxxl); font-weight: 700; line-height: 1.2; }
.dcu26 .inquiry_section .inquiry_link_image { top: auto; bottom: 3.2rem; right: 3.2rem; width: 8rem; transform: none; }
.dcu26 .inquiry_section .inquiry_link_image i { font-size: 0; }
.dcu26 .inquiry_section .inquiry_link_image i img,
.dcu26 .inquiry_section .inquiry_link_image i svg { width: 100%; height: 100%; }
.dcu26 .inquiry_section .inquiry_content { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 1.2rem; height: auto; padding: 2.4rem 3.2rem 3.2rem; font-size: var(--dcu-text-size-md); font-weight: 600; line-height: 1.3; color: var(--dcu-color-text-400); }
.dcu26 .inquiry_section .inquiry_content_title { display: block; margin-top: 0.8rem; margin-bottom: 0; padding: 0; color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-xl); line-height: 1.2;  }
.dcu26 .inquiry_section .inquiry_content_text { min-height: 12rem; display: flex; flex-direction: column; gap: 1.2rem; }
.dcu26 .inquiry_section .inquiry_link_button { margin-top: 0; font-family: inherit; }
/* .dcu26 .inquiry_section .inquiry_article { width: 50%; padding: 0 1.6rem; }
.dcu26 .inquiry_section .inquiry_link { width: 100%; height: 110px; }
.dcu26 .inquiry_section .inquiry_link_left { font-size: 1.4rem; line-height: 1.2; }
.dcu26 .inquiry_section .inquiry_link_button { margin-top: 2rem; }
.dcu26 .inquiry_section .inquiry_link_image { width: 40px; right: 20%; } */

@media (max-width: 1280px) {
  .dcu26 .inquiry_section fieldset { grid-template-columns: repeat(2, 1fr); }

  .dcu26 .inquiry_section .inquiry_link_left { font-size: 2.4rem; }
  .dcu26 .inquiry_section .inquiry_content_title { font-size: 1.8rem; }
}

@media (max-width: 768px) {
  .dcu26 .inquiry_section fieldset { grid-template-columns: repeat(1, 1fr); gap: 1.8rem; }

  .dcu26 .inquiry_article,
  .dcu26 .inquiry_section2 .inquiry_article { width: 100%; padding: 0 !important; }

  .dcu26 .inquiry_section .inquiry_link { padding: 2.4rem; height: 13.5rem; }
  .dcu26 .inquiry_section .inquiry_link_left { font-size: 2rem; }
  .dcu26 .inquiry_section .inquiry_link_image { width: 6.4rem; right: 2.4rem; bottom: 2.4rem; }
  .dcu26 .inquiry_section .inquiry_content { padding: 2.4rem; }
  .dcu26 .inquiry_section .inquiry_content_title { font-size: 1.6rem; }
  .dcu26 .inquiry_section .inquiry_content_text { min-height: 0; display: none; }
}



/* 14. 커스텀 화면/졸업생 우수 취업사례.html */
#job-search { display: flex; justify-content: center; align-items: center; gap: 0.8rem; margin: 0 0 4rem; padding: 4rem 3.2rem; border-radius: 1.2rem; background-image: var(--dcu-color-gradient-1); }
#job-search input[type="text"] { flex: 1; max-width: 63rem; height: 4.4rem; float: none; width: auto; padding: 0 1.6rem; border: 0; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.12) !important; background-color: rgba(255, 255, 255, 0.3); }
#job-search input[type="text"]:not(:placeholder-shown) { background-color: #fff;; }
#job-search input[type="text"]::placeholder { color: var(--dcu-color-text-white); font-size: var(--dcu-text-size-md); font-weight: 500; line-height: 1.4; }
#job-search input[type="button"] { float: none; width: auto; min-width: 0; height: 4.4rem; padding: 0 1.8rem; border: 0; background-image: none; background-color: #fff !important; color: var(--dcu-color-text-500) !important; text-indent: 0; }

#condition-area { margin-bottom: 6.4rem; padding-bottom: 4rem; border-bottom: 1px solid var(--dcu-color-common-line-150); }
#condition-area .condition-group { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2.4rem; margin: 0; padding: 0; }
#condition-area .condition-item { display: flex; flex-direction: column; gap: 1.6rem; margin: 0; padding: 0; }
#condition-area .condition-item h3 { color: var(--dcu-color-text-500); font-size: var(--dcu-text-size-md); font-weight: 600; line-height: 1; }
#condition-area .condition-item select,
#condition-area .condition-item input { width: 100%; }
#condition-area .condition-result { grid-column: span 6; }

.grade_table a { text-decoration: none; }
.grade_table_list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.6rem; }
.grade_table_item { position: relative; height: 100%; background-color: var(--dcu-color-primary-50); border: 1px solid var(--dcu-color-primary-200); border-radius: 1.2rem; padding: 2.4rem; display: flex; flex-direction: column; gap: 1rem; color: var(--dcu-color-text-400); line-height: 1.5; }
.grade_table_tag { display: inline-block; background-color: var(--dcu-color-gray-white); border: 1px solid var(--dcu-color-primary-400); border-radius: 0.4rem; padding: 0.8rem 1rem; color: var(--dcu-color-primary-500); font-size: var(--dcu-text-size-xs); font-weight: 600; line-height: 1; width: fit-content; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.grade_table_title { flex-grow: 1; margin: 0; }
.grade_table_title h3 { margin: 0; font-size: var(--dcu-text-size-lg); font-weight: 600; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grade_table_info { display: flex; flex-direction: column; }
.grade_table_info_row { display: flex; gap: 0.8rem; font-size: var(--dcu-text-size-md); }
.grade_table_info_label { color: var(--dcu-color-text-300); font-weight: 500; }
.grade_table_date { margin-top: 1.6rem; color: var(--dcu-color-text-300); font-size: var(--dcu-text-size-xs); text-align: right; }

@media (max-width: 1024px) {
  #condition-area .condition-group { gap: 1.6rem; }


  .grade_table_list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 768px) { 
  #job-search { margin-bottom: 2.4rem; padding: 2.4rem 2rem; }

  #condition-area { margin-bottom: 4rem; padding-bottom: 3.2rem; }
  #condition-area .condition-group { grid-template-columns: repeat(2, 1fr); }
  #condition-area .condition-result { grid-column: span 2; }

  .grade_table_list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.2rem; }
  .grade_table_item { padding: 1.6rem; gap: 1.2rem; }
  .grade_table_item_info_row { font-size: var(--dcu-text-size-xs); } 
  .grade_table_item_date { font-size: var(--dcu-text-size-xxxs); } 
  /*.grade_table table tbody tr td.grade_title p:first-child { max-width:none; }*/
  .grade_table_list .grade_title .job_company.grade { max-width:none; }
}


/* 14. 커스텀 화면/취업사례.html */
.job-detail-subtitle { font-size: var(--dcu-text-size-xxxl); font-weight: 600; line-height: 1.3; }
.job-detail-info { margin-top: 7.2rem; }
.job-detail-list { background-color: var(--dcu-color-common-solid-150); border-bottom: 1px solid var(--dcu-color-common-line-150); }
.job-detail-list .row-wrap { display: flex; gap: 3rem 2rem; flex-wrap: wrap; padding: 2.4rem; border-top: 1px solid var(--dcu-color-common-line-150); }
.job-detail-list .list-item { display: flex; gap: 1rem; line-height: 1; }
.job-detail-list .row-wrap.cert .list-item:nth-child(-n+2) { width: 25%; }
.job-detail-list .row-wrap.cert .list-item:nth-child(3) { width: 45%; }
.job-detail-list .row-wrap.cert .list-item:nth-child(n+4) { flex: 1 1 0%; }
.job-detail-list .row-wrap.cert .list-item:nth-child(5) .list-item-label { flex-shrink: 0; }
.job-detail-list .list-item-label { color: var(--dcu-color-text-350); font-weight: 500; }
.job-detail-list .list-item-value { font-weight: 600; }
.job-detail-list .list-item-value:not(:has(ul)) { padding: 0 1.2rem; border-left: 1px solid var(--dcu-color-common-line-250); min-height:var(--dcu-text-size-md); }
.job-detail-list .list-item-value ul { padding-left: 1.2rem; border-left: 1px solid var(--dcu-color-common-line-250); min-height:var(--dcu-text-size-md); }
.job-detail-list .list-item-value li { text-indent: -50px; margin-left: 50px; overflow-wrap: anywhere; }

.job-detail-life .life-story { position: relative; overflow: hidden; }
.job-detail-life .life-story-title { display: flex; align-items: center; gap: 0.8rem; padding: 2rem 1.6rem 2rem 2rem; color: var(--dcu-color-text-white); font-size: 2rem; font-weight: 700; line-height: 1; border-radius: 0.8rem 0.8rem 0 0; background-image: var(--dcu-color-gradient-1); }
.job-detail-life .life-story-title:before { content: ''; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: var(--dcu-color-primary-50); }
.job-detail-life .life-story-wrap { display: flex; gap: 0.8rem; aspect-ratio: 528 / 486; width: 100%; max-height: 48.6rem; border: 1px solid var(--dcu-color-common-line-150); border-top: 0; border-radius: 0 0 0.8rem 0.8rem; background-color: var(--dcu-color-common-solid-150); overflow-y: auto; }
.job-detail-life .life-story-list { flex: 1; min-width: 0; padding: 0.8rem; }
.job-detail-life .life-story-subtitle { margin-bottom: 0.4rem; padding: 0.6rem 0.8rem 0.6rem 1.6rem; font-size: var(--dcu-text-size-md); font-weight: 700; line-height: 1.7; }
.job-detail-life .life-story-list ul { padding-left: 0.8rem; }
.job-detail-life .life-story-list li { display: flex; line-height: 1.7; overflow-wrap: anywhere; }
.job-detail-life .life-story-list li:before { content: '•'; padding: 0 0.5em; }
.job-detail-life .life-story .fade-mask-right { position: absolute; top: 0; right: 0; bottom: 0; width: 80px; background: linear-gradient(to right, rgba(248, 249, 250, 0) 0%, #f8f9fa 100%); pointer-events: none; z-index: 10; opacity: 1; transition: opacity 0.3s ease; }
.job-detail-life .life-story .fade-mask-right.is-hidden { opacity: 0; }
.job-detail-life .nav-btn { position: absolute; top: 50%; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.job-detail-life .nav-btn:hover:not(:disabled) { background-color: rgba(255, 255, 255, 0.98); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16); }
.job-detail-life .nav-btn:active:not(:disabled) { transform: translateY(0); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.job-detail-life .nav-btn:disabled,
.job-detail-life .nav-btn.swiper-button-disabled { opacity: 0; pointer-events: none; }
.job-detail-life .nav-btn svg { width: 20px; height: 20px; fill: #343a40; }
.job-detail-life .nav-btn-prev { left: 12px; }
.job-detail-life .nav-btn-next { right: 12px; }

.job-detail-interview { position: relative; padding-top: 8rem; }
.job-detail-interview:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 120vw; height: 1px; background-color: var(--dcu-color-common-line-150); }
.job-detail-interview h3 { font-size: var(--dcu-text-size-section-title); font-weight: 600; line-height: 1.3; }
.job-detail-interview .question-area { display: flex; flex-direction: column; gap: 1.6rem; line-height: 1.7; }
.job-detail-interview .qna-board { counter-reset: qna-number 0; display: flex; flex-direction: column; gap: 6.4rem; }
.job-detail-interview .qna-title { position: relative; display: flex; gap: 0.6rem; padding: 1.2rem 0.4rem 1.2rem 0; font-size: var(--dcu-text-size-xl); font-weight: 700; border-bottom: 1px solid var(--dcu-color-common-line-150); cursor: pointer; }
.job-detail-interview .qna-title:before { counter-increment: qna-number; content: counters(qna-number, ".") ". "; }
.job-detail-interview .qna-title:after { content: ''; flex-shrink: 0; display: inline-block; align-self: center; margin-left: auto; width: 2.8rem; height: 2.8rem; background-image: url('../images/icon/chevron-u-16.svg'); background-repeat: no-repeat; background-position: center; transition: 0.3s; }
.job-detail-interview .question-area.collapsed .qna-title:after { transform: rotate(180deg); }
.job-detail-interview .icon-arrow { display: flex; justify-content: center; align-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background-color: var(--dcu-color-common-solid-150); }
.job-detail-interview .icon-arrow-up { transform: rotate(180deg); }
.job-detail-interview .answer { padding: 0 0.8rem; font-size: var(--dcu-text-size-lg); }

@media (max-width: 1024px) {
  .job-detail-interview { padding: 4.8rem 1.6rem; }
  .job-detail-list .row-wrap.cert .list-item { width:auto !important; }
  .job-detail-list .row-wrap.cert .list-item:nth-child(n+4) { flex: 0 1 auto; }
}

@media (max-width: 768px) {
  .job-detail-info { margin-top: 5.6rem; }
  .job-detail-list .row-wrap { gap: 2.4rem; padding: 2rem 1.6rem; }
  .job-detail-list .list-item { gap: 0.8rem; }
  .job-detail-list .row-wrap.cert { flex-direction: column; }
  .job-detail-list .row-wrap.cert .list-item { width:auto !important; }

  .job-detail-life .life-story-title { gap: 1.6rem; font-size: 1.6rem; }
  .job-detail-life .life-story-title:before { width: 1.2rem; height: 1.2rem; }
  .job-detail-life .life-story-wrap { aspect-ratio: 312 / 370; gap: 1rem; }
  .job-detail-life .life-story-list { padding: 0.4rem 0.4rem 0.8rem 0.6rem; }
  .job-detail-life .life-story-subtitle { padding: 0.6rem 0.8rem; }
  .job-detail-life .life-story-list li { font-size: 1.3rem; }
  .job-detail-life .life-story-list li:before { padding: 0 0.3em; }
  .job-detail-life .life-story .fade-mask-right { opacity: 0; }
  .job-detail-life .life-story { overflow: visible; }
  .job-detail-life .life-story .nav-btn{ display: none; }

  .job-detail-interview .qna-board { gap: 2.4rem; }
  .job-detail-interview .qna-title { font-size: 1.6rem; }
  .job-detail-interview .answer { font-size: 1.5rem; }
}



/* 15. 투표.html */
.dcu26 #content .vote-user-step1 { margin-bottom: 4.8rem; }
.dcu26 #content .vote-user-step1 .s_title { margin-top: 8rem; margin-bottom: 2.4rem; }
.dcu26 #content .vote-user-step2 .s_title { margin-bottom: 2.4rem; }

.dcu26 .sec-vote-detail { border: 0; }
.dcu26 .sec-vote-detail .form-group { display: inline-flex; width: calc(50% - 0.8rem); }
.dcu26 .sec-vote-detail .form-group:nth-of-type(even) { margin-left: 1.6rem; }
.dcu26 .sec-vote-detail .form-group .check-frame { display: block; }
.dcu26 .sec-vote-detail .form-group .check-frame:has(input:checked) { background-color: var(--dcu-color-common-solid-brand-50); border-color: var(--dcu-color-primary-400); }
.dcu26 .sec-vote-detail .td-vote-elect input[type="radio"] + label { color: var(--dcu-color-text-300);}
.dcu26 .sec-vote-detail .td-vote-elect input[type="radio"]:checked + label { color: var(--dcu-color-primary-500); }

@media (max-width: 1024px) {
  .dcu26 #content section:has(+ .vote-user-step1),
  .dcu26 #content section.sec-vote-detail { margin-bottom: 5.6rem; }
  .dcu26 #content .vote-user-step1 .s_title { margin-top: 5.6rem; }

}

@media (max-width: 768px) {
  .dcu26 #content section:has(+ .vote-user-step1),
  .dcu26 #content section.sec-vote-detail { margin-bottom: 4rem; }
  .dcu26 #content .vote-user-step1 .s_title { margin-top: 4rem; }

  .dcu26 .sec-vote-detail .form-group { width: 100%; }
  .dcu26 .sec-vote-detail .form-group + .form-group { margin-top: 0.8rem; }
  .dcu26 .sec-vote-detail .form-group:nth-of-type(even) { margin-left: 0; }
}



/* 16. accordion.html */

.dcu26 .dcu-accordion { display: grid; grid-template-rows: min-content 0fr; transition: grid-template-rows 0.3s ease;  background-color: var(--dcu-color-common-solid-100); contain: layout; }
.dcu26 .dcu-accordion.is-open { grid-template-rows: min-content 1fr; }
.dcu26 .dcu-accordion.is-hidden { display: none; }
.dcu26 .dcu-accordion__header { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; align-self: start; width: 100%; min-height: calc(2.4rem + 1.3 * var(--dcu-text-size-xl)); margin: 0; padding: 1.2rem 0; border: 0; border-bottom: 1px solid var(--dcu-color-common-line-150);  }
.dcu26 .dcu-accordion__title { flex: 1; min-width: 0; font-size: var(--dcu-text-size-xl); font-weight: 700; line-height: 1.3; color: var(--dcu-color-text-400); text-align: left; }
.dcu26 .dcu-accordion__icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2.8rem; height: 2.8rem; padding: 0.6rem; border-radius: 0.4rem; color: var(--dcu-color-text-400); box-sizing: border-box; }
.dcu26 .dcu-accordion__icon svg { display: block; transition: transform 0.2s ease; }
.dcu26 .dcu-accordion.is-open .dcu-accordion__icon svg { transform: rotate(180deg); }
.dcu26 .dcu-accordion__header:focus-visible { outline: 2px solid var(--dcu-color-common-solid-brand-400); outline-offset: 2px; }
.dcu26 .dcu-accordion__panel { min-height: 0; overflow: hidden; }
.dcu26 .dcu-accordion__inner { padding-top: 1.6rem; }

@media (max-width: 768px) {
  .dcu26 .dcu-accordion__title { font-size: var(--dcu-text-size-lg); }
  .dcu26 .dcu-accordion__answer { font-size: var(--dcu-text-size-sm); }
  .dcu26 .dcu-accordion__header { min-height: calc(2.4rem + 1.3 * var(--dcu-text-size-lg)); }
}