@charset "UTF-8";

/* The Jamsil font */
@font-face {
	font-family: 'TheJamsil';
	src: url('../fonts/TheJamsilT.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'TheJamsil';
	src: url('../fonts/TheJamsilL.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'TheJamsil';
	src: url('../fonts/TheJamsilR.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'TheJamsil';
	src: url('../fonts/TheJamsilM.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'TheJamsil';
	src: url('../fonts/TheJamsilB.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'TheJamsil';
	src: url('../fonts/TheJamsilEB.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

/* bootstrap style */
.d-flex {
	display: flex !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-center {
	align-items: center !important;
	justify-content: center !important;
}

.flex-between-center {
	align-items: center !important;
	justify-content: space-between !important;
}

.flex-around-center {
	align-items: center !important;
	justify-content: space-around !important;
}

.flex-end-center {
	align-items: center !important;
	justify-content: flex-end !important;
}

.flex-start-center {
	align-items: center !important;
	justify-content: flex-start !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-center {
	align-items: center !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.justify-content-start {
	justify-content: flex-start !important;
}

.justify-content-center {
	justify-content: center !important;
}

.justify-content-end {
	justify-content: flex-end !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.overflow-auto {
	overflow: auto !important;
}

.overflowX-auto {
	overflow-x: auto !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.whitespace-normal {
	white-space: normal !important;
}

.whitespace-nowrap {
	white-space: nowrap !important;
}

.w-100 {
	width: 100% !important;
}

.h-100 {
	height: 100% !important;
}

.maxH-100 {
	max-height: 100% !important;
}

.minH-100 {
	min-height: 100% !important;
}

.mx-auto {
	margin: 0 auto !important;
}

.ms-0 {
	margin-left: 0px !important;
}
.ms-1 {
	margin-left: 0.25rem !important;
}
.ms-2 {
	margin-left: .5rem !important;
}
.ms-4 {
	margin-left: 1.5rem !important;
}
.ms-5 {
	margin-left: 3rem !important;
}
.me-2 {
	margin-right: .5rem !important;
}
.mx-2 {
	margin-left: .5rem !important;
	margin-right: .5rem !important;
}

.mt-2 {
	margin-top: .5rem !important
}
.mt-3 {
	margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}
.mb-1 {
	margin-bottom: 0.25rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mb-4 {
	margin-bottom: 1.5rem !important;
}
.pt-0 {
	padding-top: 0px !important;
}

.pt-1 {
	padding-top: .25rem !important;
}
.pt-2 {
	padding-top: .5rem !important;
}
.ps-0 {
	padding-left: 0px !important;
}

.px-2 {
	padding-left: .5rem !important;
	padding-right: .5rem !important;
}
.px-3 {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.px-4 {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}
.pb-1 {
	padding-bottom: 0.25rem !important;
}
.p-2 {
	padding: 8px !important;
}

.px-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.py-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.text-center {
	text-align: center !important;
}

.text-start {
	text-align: start !important;
}

.text-end {
	text-align: end !important;
}

.underline {
	text-decoration: underline;
	text-underline-offset: var(--krds-font-underline-offset);
}
a.link, a.link:hover {
	color: blue;
	text-decoration: underline;
}
.form-requied {
	color: red;
	font-weight: bold;
	font-size: 12px;
    margin-left: 3px;
}
.fw-bold {
	font-weight: bold !important;
}
a:focus, button:focus, input[type="checkbox"]:focus {
	outline: none !important;
}
.card {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.card .card-body {
	padding: 1rem 1.5rem;
}

#wrap.home .svg-icon.ico-go {
	background-image: url(../images/component/common/ico_go_20_blue.svg);
}

.flex-row {
	flex-direction: row !important;
}

/* .selectedFile-list {
	margin-top: 15px;
	height: 200px;	
}
.selectedFile-list > div {
	height: calc(100% - 38px);
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1rem 1.5rem;
	font-size: 15px;
} */

.selectedFile-list {
	height: 300px;
	overflow-y: auto;	
}
.selectedFile-list #selectedFileList {
	overflow-x: hidden;
	overflow-y: auto;
}
.withFileList .selectedFile-list  {
	height: 40%;
}
.selectedFile-list > div {
	height: calc(100% - 50px);
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 1rem 1.5rem;
	font-size: 15px;
}

.selected-files li:not(:first-child) {
	margin-top: 5px;
}
.selected-files .fileSize {
	font-size: 13px;
    color: #505050;
	margin-left: 4px;
}

.selected-files {
  list-style: none;
  padding: 0;
  margin: 0;
}

.file-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 8px;
  border-radius: 4px;
}

.file-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  margin-right: 10px; /* 아이콘과 간격 */
  max-width: calc(100% - 30px); /* 아이콘 너비 만큼 제한 */
}

.delete-icon {
  color: #003366;
  font-size: 18px;
  cursor: pointer;
  flex-shrink: 0; /* 아이콘이 줄어들지 않도록 고정 */
}

.breadcrumb-wrap .breadcrumb li {
	max-width: 150px;
	overflow: hidden;
}
.breadcrumb-wrap .breadcrumb li .txt {
	display: inline-block !important;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 0px !important;
}

.box-cnt .box-tit2 {
    display: flex;
    position: relative;
    gap: var(--krds-spacer-2);
    font-size: var(--krds-fz-title-sm);
    font-weight: 700;
    padding: 20px 0px 8px 0px;
}


/* icon */
.ico-cloudService {
	display: inline-block;
	width: 10.2rem;
	height: 10.2rem;
	background: url(../images/component/subpage/ico-cloudService.png)
		no-repeat;
	background-size: contain;
}

/* ico-phm-sw */
.ico_phm_sw {
	display: inline-block;
	width: 10.2rem;
	height: 10.2rem;
	background: url(../images/component/subpage/ico_phm_sw.png)
		no-repeat;
	background-size: contain;
}

/* ico_kimm_cyber_lab */
.ico_kimm_cyber_lab {
	display: inline-block;
	width: 10.2rem;
	height: 10.2rem;
	background: url(../images/component/subpage/ico_kimm_cyber_labs.png)
		no-repeat;
	background-size: contain;
}

/* ico_kimm_smart_design */
.ico_kimm_smart_design {
	display: inline-block;
	width: 10.2rem;
	height: 10.2rem;
	background: url(../images/component/subpage/ico_kimm_smart_design.png)
		no-repeat;
	background-size: contain;
}


.ico-dataAnalysis {
	display: inline-block;
	width: 8.4rem;
	height: 8.4rem;
	background: url(../images/component/subpage/ico-dataAnalysis.png)
		no-repeat;
	background-size: contain;
}

.ico-magnifyingGlasss {
	display: inline-block;
	width: 10rem;
	height: 10rem;
	background: url(../images/component/subpage/ico-magnifyingGlass.png)
		no-repeat;
	background-size: contain;
}

.ico-board {
	display: inline-block;
	width: 8.9rem;
	height: 8.9rem;
	background: url(../images/component/subpage/ico-board.png) no-repeat;
	background-size: contain;
}

.ico-download {
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../images/component/common/ico_download.svg) no-repeat;
	background-size: contain;
}

.ico-diagnostics {
	display: inline-block;
	width: 10.2rem;
	height: 10.2rem;
	background: url(../images/component/subpage/ico_diagnostics.svg)
		no-repeat;
	background-size: contain;
}

.ico-sensorData {
	display: inline-block;
	width: 9rem;
	height: 9rem;
	background: url(../images/component/subpage/ico_sensorData.svg)
		no-repeat;
	background-size: contain;
}

.ico-designAnalysis {
	display: inline-block;
	width: 10.2rem;
	height: 10.2rem;
	background: url(../images/component/subpage/ico_designAnalysis.svg)
		no-repeat;
	background-size: contain;
}

.ico-reliability {
	display: inline-block;
	width: 9rem;
	height: 9rem;
	background: url(../images/component/subpage/ico_reliability.svg)
		no-repeat;
	background-size: contain;
}

.ico_hydrogenSociety {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_hydrogenSociety.png) no-repeat;
	background-size: contain;
}

.ico_aiRobot {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_aiRobot.png)
		no-repeat;
	background-size: contain;
}

.ico_mobility {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_mobility.png)
		no-repeat;
	background-size: contain;
}

.ico_bioMedical {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_bioMedical.png)
		no-repeat;
	background-size: contain;
}

.ico_advancedManufacturingEquipment {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_advancedManufacturingEquipment.png)
		no-repeat;
	background-size: contain;
}

.ico_energyTechnology {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_energyTechnology.png)
		no-repeat;
	background-size: contain;
}

.ico_environmentResourceCirculation {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_environmentResourceCirculation.png)
		no-repeat;
	background-size: contain;
}

.ico_defenseTechnology {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_defenseTechnology.png)
		no-repeat;
	background-size: contain;
}

.ico_aIDX {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_aIDX.png)
		no-repeat;
	background-size: contain;
}

.ico_virtualEngineeringPlatform {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_virtualEngineeringPlatform.png)
		no-repeat;
	background-size: contain;
}

.ico_reliabilityEvaluation {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_reliabilityEvaluation.png)
		no-repeat;
	background-size: contain;
}

.ico_nanoConvergence {
	display: inline-block;
	width: 15.5rem;
	height: 15.5rem;
	background: url(/kimmdp/images/component/subpage/ico_nanoConvergence.png)
		no-repeat;
	background-size: contain;
}

.ico-ko {
	display: inline-block;
	width: 2.3rem;
	height: 2.3rem;
	background: url(../images/header/south-korea.svg)
		no-repeat;
	background-size: contain;
}

.ico-en {
	display: inline-block;
	width: 2.3rem;
	height: 2.3rem;
	background: url(../images/header/united-states.svg) no-repeat;
	background-size: contain;
}
.ico-delete {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_delete.svg) no-repeat;
	background-size: contain;
}
.ico-refresh {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/icon_refresh.svg) no-repeat;
	background-size: contain;
}
.ico_comments {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url(../images/component/common/ico_comments.svg) no-repeat;
	background-size: contain;
}
.ico-sortingArr {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url(../images/icon_sortingArr.svg) no-repeat;
	background-size: contain;
}
.sorting .ico-sortingArr {
	transform: rotate(180deg);
}

.ico-sortingArr:focus,
.ico-sortingArr:active {
  outline: none;
  border: none;
  box-shadow: none;
}
.ico_list {
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../images/component/subpage/ico_list.svg);
	background-size: contain;
}
.ico-search {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/ico_search.png) no-repeat;
	background-size: contain;
}

.ico-search:focus,
.ico-search:active {
  outline: none;
  border: none;
  box-shadow: none;
}
.search-list-top.type1 {
	padding: var(--krds-spacer-10) 0 var(--krds-spacer-3) 0 !important;
}
#wrap.subpage .search-list.cardType .card-btm .ico-viewer {
	display: inline-block;
	width: 2.6rem;
	height: 2.6rem;
	background: url(../images/component/subpage/ico_viewer.svg) no-repeat;
	background-size: contain;
}

#wrap.subpage .search-list.cardType .card-btm .ico-like {
	display: inline-block;
	width: 2.6rem;
	height: 2.5rem;
	background: url(../images/component/subpage/ico_like.svg) no-repeat;
	background-size: contain;
}

#wrap.subpage .search-list.cardType .card-btm .ico-download {
	display: inline-block;
	width: 2rem;
	height: 1.9rem;
	background: url(../images/component/subpage/ico_download.svg) no-repeat;
	background-size: contain;
}

/* common */
.inner {
	max-width: 143.8rem !important;
}

#wrap {
	position: relative;
}

.search-list-top .sch-sort .w-sort-btn a.active {
	text-decoration: underline;
}

.btn.bg-soft-warning {
	background: #FFE8C6;
	border: 1px solid #FFD393;
	color: #9E5500;
}

.btn.bg-soft-warning:hover {
	background: #F1D09E;
	border-color: #F1D09E;
}

.pagination .page-links>li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	color: var(--krds-gray-70);
	min-width: 4rem;
	height: 4rem;
}

input.invisible {
	visibility: hidden;
	width: 0;
	height: 0;
}

.search-list .card-body .c-text .c-tit::after {
	width: auto !important;
	background: none !important;
}

/* 비링크용 no-hover 클래스 */
.c-text.no-hover:hover {
    background-color: transparent !important;
    text-decoration: none !important;
    color: inherit !important;
}


textarea.form-control.smTxt {
	font-size: var(--krds-input-fz-sm);
}
.form-control.xsm {
	height: 3.3rem;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 4px;
}

input.w_80 {
	width: 80px !important;
}

.f_select.w_130 {
	width: 130px !important;
	display: inline-block;
}

.w-30 {
	width: 30% !important;
}

.form-select.w-30 {
	min-width: 216px;
}

.w-50 {
	width: 50% !important;
}

.border-0 {
	border: 0px !important;
}

.p-0 {
	padding: 0px !important;
}

#container .left-menu .lnb-list .acco-head.oneDepthMenu .tit {
	width: 100%;
	height: 100%;
	z-index: 2;
}

#container .left-menu .lnb-list .acco-head.oneDepthMenu .acco-btn::after
	{
	display: none;
	visibility: hidden;
}

#container .left-menu .lnb-list .acco-head.oneDepthMenu.selected {
	color: var(--krds-primary-70) !important;
    font-weight: bold !important;
}

.select-group.filter-form {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: auto auto auto auto auto auto auto auto auto;
	grid-gap: 10px !important; /* 항목 간 간격 */
	align-items: center !important; /* 수직 정렬 */
	justify-content: inherit !important;
}

.d-none {
	display: none !important;
}

.text.small {
	font-size: var(--krds-fz-detail-sm);
}
.position-relative {
	position: relative !important;
}

/* .ui-widget.ui-widget-content {
	background: rgba(0, 0, 0, .8) !important;
	border: none !important;
} */
.ui-widget-shadow {				
	color: #fff !important;			
	background: rgba(0, 0, 0, .8) !important;
	opacity: 1 !important;
	border-radius: .4em !important; 
	font-size: 12px !important;
}
.ui-tooltip-content {
	position: relative;
}
.ui-tooltip-content .ui-tooltip:after{
	display: inline-block; 
	content: ''; 
	position: absolute; 
	top: 50%; 
	left: -7px; 
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-right-color: rgba(0, 0, 0, .8);
	border-left: 0;	   		 
}



/* header */
#header .head-body .head-in {
	justify-content: space-between !important;
	position: relative;
}

#wrap.home #header, #wrap.home #header .header-in {
	/* background: rgba(255, 255, 255, 0.10) !important; */
	background: rgba(0, 0, 0, .2) !important;
	/* border-bottom: 1px solid rgba(255, 255, 255, .2) !important; */
	border-bottom: 1px solid rgba(0, 0, 0, .5) !important;
}

#header .logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#header .logo>a {
	/* width: 206px; */
	width: 265px;
	height: 100%;
}

#header .head-etc {
	align-items: center !important;
	margin-right: var(--krds-spacer-4);
}

#header .head-body .btn-navi {
	font-weight: normal !important;
	color: var(--krds-white) !important;
}

#wrap.subpage #header .head-body .btn-navi {
	color: var(--krds-gray-90) !important;
}
/* #wrap.home #header .gnb-header .btn-navi.login::before {
    display: inline-flex;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-repeat: no-repeat;
    background-size: contain;
} */
#wrap.home #header .head-body .btn-navi.login::before {
	background-image:
		url(../images/pattern/layout/head_ico_navi_login_white.svg) !important;
}

#wrap.home #header .head-body .btn-navi.my::before {
	background-image:
		url(../images/pattern/layout/head_ico_navi_my_white.svg) !important;
}

#wrap.home #header .head-body .btn-navi.all::before {
	background-image:
		url(../images/pattern/layout/head_ico_navi_all_white.svg) !important;
}

#wrap.home #header .head-body .btn-navi.sch::before {
	background-image:
		url(../images/pattern/layout/head_ico_navi_sch_white.svg) !important;
}

#header .head-body .btn-navi:hover {
	background-color: transparent !important;
	font-weight: bold !important;
}

#wrap:not(.home) #header .inner .gnb-menu li {
	position: relative;
}

#wrap:not(.home) #header .inner .gnb-menu li::after {
	position: absolute;
	bottom: calc(var(--krds-spacer-4)* -1);
	left: 50%;
	bottom: 0;
	content: "";
	transition: 0.4s ease-in-out;
	width: 0;
	height: 0.4rem;
	background-color: #003675;
}

#wrap:not(.home) #header .inner .gnb-menu li.active a {
	font-weight: bold !important;
}

#wrap:not(.home) #header .inner .gnb-menu li.active::after {
	left: 0;
	width: 100%;
}

.krds-gnb {
	/* border-top: 0.1rem solid var(--krds-gray-50) !important; */
	border-top: 0.1rem solid var(--krds-gray-70) !important;
	background-color: transparent !important;
}

.krds-gnb .gnb-menu {
	width: 100%;
	justify-content: center !important;
}

#wrap.subpage .krds-gnb {
	border-top: 0.1rem solid var(--krds-gray-30) !important;
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap {
	width: 100% !important;
}

.krds-gnb .gnb-menu>li:not(:last-child) {
	margin-right: 40px;
}

.krds-gnb .gnb-menu .gnb-main-trigger {
	font-weight: normal !important;
	position: relative;
	color: var(--krds-white) !important;
	text-align: center;
	white-space: nowrap;
}
.krds-gnb .gnb-menu .gnb-main-trigger.selected,
#wrap.subpage .krds-gnb .gnb-menu .gnb-main-trigger.selected {
	color: var(--krds-primary-70) !important;
    font-weight: bold !important;
}
#wrap.subpage .krds-gnb .gnb-menu .gnb-main-trigger {
	color: var(--krds-gray-70) !important;
}

#wrap.home .krds-gnb .gnb-menu .gnb-main-trigger::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: rgba(255, 255, 255, .3) !important;
	/* height: 0.5rem;
    background-color: #ED2027; */
	content: '';
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#wrap.home .krds-gnb .gnb-menu .gnb-main-trigger::after {
	background: url(../images/pattern/layout/head_gnb_ico_arr_white.svg)
		no-repeat center !important;
}

.krds-gnb .gnb-menu .gnb-main-trigger:not(.active):hover {
	font-weight: bold !important;
	background: transparent !important;
	border: none !important;
}

.krds-gnb .gnb-menu .gnb-main-trigger:not(.active):hover::before {
	width: 100%;
}

#wrap.home.krds-gnb .gnb-menu .gnb-main-trigger.active {
	font-weight: bold !important;
	background: transparent !important;
	border: none !important;
}

#wrap.subpage.krds-gnb .gnb-menu .gnb-main-trigger.active {
	font-weight: bold !important;
	/* 	background: transparent !important;
	border: none !important;	 */
}

.krds-gnb .gnb-menu .gnb-main-trigger.active::before {
	width: 100%;
}

#header .krds-drop-wrap.selectLang .btn-txt {
	background-color: var(--krds-secondary-5);
	padding: 0 var(--krds-spacer-2) !important;
}

#wrap.home #header .krds-drop-wrap.selectLang .btn-txt {
	background-color: rgba(255, 255, 255, .4) !important;
	color: #fff !important;
}

#wrap.home #header #mobile-nav .krds-drop-wrap.selectLang .btn-txt {
	background-color: var(--krds-secondary-5) !important;
	color: var(--krds-black) !important;
}

#wrap.home #header .btn-txt.ico-arr-down::after {
	background-image:
		url(../images/component/common/ico_arr_16_down_white.svg) !important;
}

#wrap #header #mobile-nav .btn-txt.ico-arr-down::after {
	background-image: url(../images/component/common/ico_arr_16_down.svg)
		!important;
}

#wrap.subpage.scroll-down #header .header-in {
	transform: translateY(0) !important;
}

.header_login .logoutWrapper {
	display: flex;
	align-items: center;
	position: relative;
}

.header_login .logoutWrapper .header_loginconnection {
	white-space: nowrap;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/* right: calc(100% + 110px);    */
	right: calc(100% + 100px);
}

#wrap.home .header_login .logoutWrapper .header_loginconnection {
	color: var(--krds-gray-30);
}

.header_login .logoutWrapper .header_loginconnection>span {
	color: var(--krds-primary-80);
}

#wrap.home .header_login .logoutWrapper .header_loginconnection>span {
	color: var(--krds-white);
}

.btn-txt.btnUserName.ico-arr-down {
	font-size: var(--krds-fz-body-md) !important;
	height: auto !important;
	color: var(--krds-primary-60) !important;
	/* padding: 5px 10px !important; */
}

#wrap.home .btn-txt.btnUserName.ico-arr-down {
	color: var(--krds-white) !important;
}

#wrap.home .btn-txt.btnUserName.ico-arr-down:hover {
	background: transparent !important;
	outline: 2px solid rgba(36, 107, 235, 0.8);
}

#wrap.home .btn-txt.btnUserName.ico-arr-down:active, #wrap.home .btn-txt.btnUserName.ico-arr-down:focus
	{
	border: none !important;;
	background: transparent !important;
	outline: none !important;
}

.btn-txt.btnUserName.ico-arr-down::after {
	display: none;
	visibility: none;
}

#wrap.home .header_loginconnection .krds-drop-wrap .drop-menu .drop-list .item-link
	{
	color: var(--krds-primary-80);
}

.header_loginconnection .krds-drop-wrap .drop-menu .drop-list .item-link
	{
	height: 2rem !important;
}

.header_loginconnection .krds-drop-wrap .drop-menu {
	margin-top: var(--krds-spacer-2);
}

/* 반응형 메뉴 */
.krds-gnb-mobile {
	height:100vh !important;
}
.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-main-trigger,
.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-main-trigger>* {
	font-size: var(--krds-fz-body-md);
	font-weight: 700;
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-main-trigger {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	position: relative;
	z-index: 1;
	width: 100%;	
	height: 100%;
	padding: 0 var(--krds-spacer-6);
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu>li {
	width: 100%;
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-main-trigger.active {
	color: var(--krds-secondary);
	background-color: var(--krds-white);
}
#header #mobile-nav.krds-gnb-mobile .gnb-wrap {
	width: 100% !important;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap .gnb-header .gnb-utils .etc-ul li:not(:first-child) {
	margin-left: 0;
}

#mobile-nav.krds-gnb-mobile .gnb-wrap .gnb-header .gnb-utils .etc-ul li:not(:first-child)::before {
	display: none;
}

#mobile-nav.krds-gnb-mobile ::marker {
	display: none;
	visibility: hidden;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap .sub-menu > .menu-wrapper {
	padding: 10px 0;
}

#mobile-nav.krds-gnb-mobile .gnb-wrap .sub-menu > .menu-wrapper > a:first-child {
	/* border-top: 1px solid #8a949e; */
	position: relative;
	
}
#mobile-nav.krds-gnb-mobile .gnb-wrap .sub-menu > .menu-wrapper > a:first-child::before {
	content: '';
	display: block;	
	border-top: 1px solid #81949e;
	position: absolute;
	top: -10px;
	left: 0;
    right: 0;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap .sub-menu > .menu-wrapper > a {
	padding: 10px var(--krds-spacer-3);
	display: block;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap .sub-menu > .menu-wrapper > a:hover {
	background: #eef2f7;
	border-radius: 6px;
}


/* 2depth menu */
#wrap.home .krds-gnb .gnb-toggle-wrap {
	background: rgba(255, 255, 255, 0.20);
}

.krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true] {
	max-width: 130rem;
	padding: 0px 10px;
}

.krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before
	{
	width: 100%;
}

#wrap.home .krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]::before
	{
	background: transparent;
}

.krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]>ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]>ul>li {
	width: 25%;
}

.krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]>ul>li .gnb-sub-trigger
	{
	text-align: center;
	justify-content: center;
	border-radius: var(--krds-rd-4);
}

#wrap.home .krds-gnb .gnb-toggle-wrap .gnb-main-list[data-has-submenu=true]>ul>li .gnb-sub-trigger
	{
	color: var(--krds-gray-5);
	font-weight: normal;
}

#wrap.home .krds-gnb .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger:hover
	{
	color: var(--krds-primary-10) !important;
	font-weight: bold !important;
	background-color: rgba(255, 255, 255, .2) !important;
	border-radius: var(--krds-rd-4);
}

#wrap.home .krds-gnb .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active,
	#wrap.home .krds-gnb .gnb-toggle-wrap .gnb-main-list .gnb-sub-trigger.active:hover
	{
	color: var(--krds-secondary) !important;
	background-color: var(--krds-white) !important;
	border-radius: var(--krds-rd-4);
	font-weight: bold !important;
}

.krds-gnb-mobile .gnb-toggle-wrap {
	/* background: var(--krds-white); */
	padding: var(--krds-spacer-0) var(--krds-spacer-3)
		var(--krds-spacer-3) !important;
}

.krds-gnb-mobile .gnb-toggle-wrap .gnb-main-list {
	background: rgba(255, 255, 255, .6);
	padding: var(--krds-spacer-2) var(--krds-spacer-3);
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-toggle-wrap .gnb-sub-trigger
	{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	height: 5.6rem;
	padding: 0 var(--krds-spacer-2);
	border-radius: 0.8rem;
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .gnb-toggle-wrap .gnb-sub-trigger:hover
	{
	background-color: var(--krds-secondary-5);
}

/* 3depth menu */
#mobile-nav.krds-gnb-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3 {
	font-weight: 500;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3.active {
	background-color: #eef2f7;
	color: #052b57;
	font-weight: 700;
}
#mobile-nav.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.has-depth3::after {
    content: "";
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    background-color: #1e2124;
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../images/component/common/ico_arr_16_down.svg);
    mask-image: url(../images/component/common/ico_arr_16_down.svg);
    flex-shrink: 0;
    margin-left: auto;
    transition: 0.4s ease-in-out;
    transform: rotate(0deg);
}
#mobile-nav.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap {
	display: none;
	padding: 0px 1.5rem;
	transition: 0.4s ease-in-out;
}
#mobile-nav.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap.is-open {
	display: block;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title {
	border-top: 0.4rem solid var(--krds-gray-20);
}
#mobile-nav.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.8rem;
    padding: 1rem 1.6rem;
    border-radius: 0.6rem;
    transition: 0.4s ease-in-out;
}
#mobile-nav.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .depth3-wrap .depth3-trigger::before {
    content: "•";
}

/* 모바일 메뉴 */
#mobile-nav h3.sub-title {
	border-bottom: 0px;
	margin-bottom: 0px;
}
#mobile-nav.krds-gnb-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list {
	border-bottom: 0px !important;
	border-top: 0px !important;
}
.krds-gnb-mobile .gnb-wrap.type-header-tab .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list:not(:has(>ul)) {
	border-bottom: 0px !important;
	border-top: 0px !important;
}

.krds-gnb-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap {
	border-left: 0px !important;
}

.krds-gnb-mobile .gnb-wrap.type-header-tab {
	padding: 0px 5px;
	border-left: 1px solid #e0e0e0;
}

.krds-gnb-mobile .gnb-wrap .gnb-body {
	padding: 0px 5px;
	z-index: 5;
}

#mobile-nav .etc-ul .krds-drop-wrap .drop-menu {
	transform: translateX(-50%) !important;
	left: 190% !important;
	top: -92% !important;
	padding: 0 var(--krds-spacer-2) !important;
}

#mobile-nav .etc-ul .krds-drop-wrap .drop-menu::before {
	right: 97% !important;
	left: auto !important;
	bottom: 66% !important;
	transform: rotate(-90deg) !important;
}


/* left menu */
#container .in-between .left-menu {
	width: 24.6rem;
}

/* main banner */
#main-banner {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	/* z-index: 0; */
}

#main-banner, #main-banner .main-d-ban-swiper, #main-banner .swiper,
	#main-banner .swiper-wrapper, #main-banner .swiper-slide {
	width: 100%;
	height: 100%;
}

#main-banner .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-banner .testBg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3);
	z-index: 2;
}

#main-banner .mainVideoWrapper {
	width: 100%;
	height: 100%;
}

#main-banner .mainVideoWrapper>video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#main-banner .bannerText {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); 
	z-index: 2;
	width: 100%; */
	text-align: center;
}

#main-banner .bannerText .text01 {
	font-size: 2.3rem;
	font-weight: bold;
	color: var(--krds-secondary-20);
	text-transform: uppercase;
	margin-bottom: 20px;
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

#main-banner .bannerText .text02 {
	/* font-family: 'LeferiBase', sans-serif; */
	font-weight: 700;
	width: 100%;
	font-size: 6rem;
	color: #fff;
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-shadow: 5px 5px rgba(0, 0, 0, .1);
	letter-spacing: 5px;
}

#main-banner .bannerText .text03 {
	/* padding: 10px 50px;
	border: 1px solid #fff; */
	font-family: 'TheJamsil', sans-serif;
	color: #fff;
	font-size: 2.5rem;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	/* border-radius: 50px;
	background: rgba(255, 255, 255, .12); */
	letter-spacing: 5px;
	width: 100%;
}

/* #main-banner .bannerText .text03 {
	width: 490px;
	height: 10.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2rem;
	padding: 0 5.4rem;
	border-radius: 1rem;
	background: linear-gradient(90deg, #2283FF 0%, #3D6EFD 15%, #8D31F7 100%);
	backdrop-filter: blur(6px);
	color: #fff;
	transition: .2s;
	font-size: 3.5rem;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 95px;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
} */

/* #main-banner .bannerText .text03::before {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../images/forum-btn-bg1.png) no-repeat left / contain;
	background: url(../images/mainImg/banner_bg02.png);
	background-size: cover; 요소를 꽉 채우기
	background-repeat: no-repeat; 이미지 반복 제거
	background-position: center; 이미지를 가운데 정렬
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 10px;
} */
.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 48% !important;
}

.swiper-pagination-bullet {
	width: 1.1rem !important;
	height: 1.1rem !important;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.1) !important;
	margin: 0px 20px !important;
	opacity: 1 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #fff !important;
}

/* switch button */
.switch {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 5px;
}

.switch>span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
	width: 50%;
	text-align: center;
}

input.check-toggle-round-flat:checked ~ .off {
	color: #ffffff;
}

input.check-toggle-round-flat:checked ~ .on {
	color: #2c7be5;
}

.switch>span.on {
	left: 0;
	padding-left: 2px;
	color: #ffffff;
}

.switch>span.off {
	right: 0;
	padding-right: 4px;
	color: #2c7be5;
}

.check-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}

.check-toggle+label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.check-toggle-round-flat+label {
	padding: 2px;
	width: 97px;
	height: 35px;
	/* background-color: #F36F25; */
	background-color: #d8e2ef;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}

input.check-toggle-round-flat+label:before, input.check-toggle-round-flat+label:after
	{
	display: block;
	position: absolute;
	content: "";
}

input.check-toggle-round-flat+label:before {
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	/* background-color: #F36F25; */
	background-color: #d8e2ef;
	-webkit--moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}

input.check-toggle-round-flat+label:after {
	top: 4px;
	left: 4px;
	bottom: 4px;
	width: 48px;
	background-color: #2c7be5;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: margin 0.2s;
	-moz-transition: margin 0.2s;
	-o-transition: margin 0.2s;
	transition: margin 0.2s;
}

input.check-toggle-round-flat:checked+label {
	
}

input.check-toggle-round-flat:checked+label:after {
	margin-left: 44px;
}

/* subpage: breadcrumb */
.breadcrumb-wrap {
	width: 100%;
	height: 60px;
	background: #F4F8FA;
	border-bottom: 1px solid var(--krds-gray-10);
	padding: 0px !important;
	align-items: center !important;
}

.breadcrumb-wrap .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.breadcrumb-wrap .pageInfoTitle {
	font-size: var(--krds-fz-title-sm);
	font-weight: bold;
	color: var(--krds-gray-60);
	width: 100%;
	padding-left: 15px;
}

.breadcrumb-wrap .breadcrumb {
	justify-content: flex-end !important;
	padding-right: 0px;
}

/* subpag: page info part */
#wrap.subpage .main-sect.bg {
	background-color: #D7DFFA !important;
	margin-top: 0px !important;
	height: 215px !important;
	padding-top: var(--krds-spacer-5) !important;
	padding-bottom: var(--krds-spacer-5) !important;
}
/* #wrap.subpage .main-sect.bg .inner {
	background-image: url(../images/pattern/pageInfoBox_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;  
} */
#wrap.subpage .main-sect .inner {
	height: 100%;
	flex-direction: row !important;
}

#wrap.subpage .d-card {
	width: 100%;
	justify-content: space-between !important;
}

#wrap.subpage .d-card.d-responsive {
	min-height: auto !important;
}

#wrap.subpage .d-card.d-responsive:not(.line) .in {
	padding: var(--krds-spacer-6) var(--krds-spacer-10)
		var(--krds-spacer-6) 0px;
}

#wrap.subpage .pageInfoBox .d-card.d-responsive:not(.line) .in {
	padding: var(--krds-spacer-6) var(--krds-spacer-10)
		var(--krds-spacer-6) var(--krds-spacer-3);
}

#wrap.subpage .d-card .in {
	display: block !important;
}

#wrap.subpage .main-sect .pageInfoBgImgWrapper {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#wrap.subpage .main-sect .pageInfoBgImg {
	width: auto;
	height: 20rem;
}

#wrap.subpage .main-sect .pageInfoBgImg>img {
	width: 100%;
	height: 100%;
}

/* subpage: card */
.search-list.type1 .li {
	padding: var(--krds-spacer-8) var(--krds-spacer-10)
		var(--krds-spacer-4);
}

.search-list .card-top .krds-badge {
	font-size: var(--krds-fz-body-md);	
}

.search-list .card-btm {
	padding-top: var(--krds-spacer-4);
}

.search-list .card-btm .c-date {
	font-size: var(--krds-fz-body-sm);

}

.search-list.type1 .card-btm .c-date:not(:last-child) {
	padding-right: 25px;
	/* border-right: 1px solid var(--krds-gray-30); */
}

.search-list.type1 .card-btm .c-date:not(:first-child) {
	padding-left: 25px;
}

.search-list .card-btm .c-date .krds-badge {
	border-radius: 50px;
}

.card-btm .c-date .value {
	margin-left: 10px;
	max-width:200px; 
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	display: inline-block;
	vertical-align: middle;	
}

.search-list.cardType {
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

.search-list.cardType.listCard {
	grid-template-columns: 1fr 1fr 1fr !important;
}

.search-list.cardType.listCard .card-btm .c-date .krds-badge {
	min-width: 80px;
}

.search-list.cardType.listCard .card-btm {
	display: block !important;
}

.search-list.cardType.listCard .card-btm>:not(:first-child) {
	margin-top: 10px;
}

.search-list.cardType.listCard .card-btm>div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--krds-spacer-3);
}

#wrap.subpage.appExample .search-list.cardType {
	grid-template-columns: 1fr 1fr 1fr !important;
}

#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li>.btn-txt.contsCard,
	#wrap.subpage .search-list.cardType .contsCard {
	flex-direction: column;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25);
	padding: var(--krds-spacer-10) var(--krds-spacer-5) !important;
	gap: var(--krds-spacer-3) !important;
	/* background-color: var(--krds-secondary-5); */
	background-color: #F9F9F9;
	border: 1px solid #D9D9D9;
}

#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li>.btn-txt.contsCard
	{
	height: 36rem !important;
}

#wrap.subpage .search-list.cardType .contsCard {
	background-color: var(--krds-gray-5);
	height: auto !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .12) !important;
}
#wrap.subpage .search-list.cardType .contsCard .card-body {
	height: calc(100% - 35px)
}
#wrap.subpage .search-list.cardType .contsCard .card-body .c-text {
	height: 100%;
	justify-content: space-between;
}
#wrap.subpage .search-list.cardType .contsCard .card-body .c-text .c-txt {	
	/* overflow: auto; */
	text-overflow: inherit;
	-webkit-box-orient: inherit;
	height: 102px;
}
#wrap.subpage.dataset .search-list.cardType .contsCard .card-body .c-text .c-txt {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
#wrap.subpage .search-list.cardType .contsCard .card-body .c-text .imageBox {	
	height:250px; 
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	
}

#wrap.subpage .search-list.cardType .contsCard .card-body .c-text .imageBox .caseMainImage {	
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto; 
	object-fit:contain;
	object-position: center;
}

#wrap.subpage .search-list.cardType .card-body .c-text .c-tit {
	/* justify-content: center !important; */
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    text-align: center;
}

#wrap.subpage .search-list.cardType .card-btm {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: var(--krds-spacer-2) !important;
}

#wrap.subpage .search-list.cardType .contsCard .bottom-etc {
	display: flex;
	align-items: center;
	color: #868686;
	font-size: 1.6rem;
}

#wrap.subpage .search-list.cardType .contsCard .bottom-etc.like {
	margin: 0 20px;
}

#wrap.subpage .search-list.cardType .contsCard .bottom-etc>span {
	margin-right: 8px;
}

#wrap.subpage.about .contsCardWrapper .main-sect .menu-list-rel li>.btn-txt.contsCard .tit
	{
	font-size: var(--krds-fz-title-xlg);
	font-weight: 700;
}

#wrap.subpage.about .contsCardWrapper .main-sect .menu-list-rel li>.btn-txt.contsCard .txt
	{
	font-size: var(--krds-fz-title-sm);
	font-weight: normal;
}

#wrap.subpage .contsIconWrapper {
	width: 15.5rem;
	height: 15.5rem;
	border-radius: 50%;
	background: #303861;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

#wrap.subpage .search-list.cardType .li {
	padding: var(--krds-spacer-3) var(--krds-spacer-5) !important;
}

#wrap.subpage .search-list.cardType .card-body .c-text {
	gap: var(--krds-spacer-5) !important;
}

#wrap.subpage .search-list.cardType .card-top .btn-area {
	width: 100%;
	gap: var(--krds-spacer-2) !important;
	justify-content: flex-end;
}

/* subpage : 시스템관리 */
#wrap.management #container .in-between {
	gap: var(--krds-spacer-0) !important;
}

#wrap.management #container .in-between .left-menu {
	flex-shrink: 0;
}

#wrap.management .tbl.col .form-check label {
	width: 100%;
}

/* login/logout page */
#wrap.subpage.login .loginConts {
	background: #F9F9F9;
	height: calc(100vh - 220px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: var(--krds-spacer-4);
}

#wrap.subpage.login .loginConts .txt-box.bg-white {
	width: 615px;
}

#wrap.subpage.login .loginConts .txt-box.bg-white .loginTxt {
	font-size: 1.6rem;
	font-weight: normal;
	color: var(--krds-gray-70);
}

#wrap.subpage.login .loginConts .verticalBar {
	color: var(--krds-gray-30);
	margin: 0px 8px;
}

#wrap.subpage.login .txt-box.bg-white .box-sec>form {
	display: flex;
	align-items: normal;
	justify-content: flex-start;
	flex-direction: column;
	gap: var(--krds-spacer-6);
}

/* search list */
#wrap.subpage .search-list-top .sch-sort .w-sort-btn {
	display: inline-block !important;
}

/* table */
.table-top {
	font-size: 2.5rem;
	font-weight: bold;
	color: #000;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: var(--krds-spacer-10) 0 var(--krds-spacer-3) 0 !important;
}
.table-top > span {
	max-width: calc(100% - 180px);
}
.tbl-wrap .tbl.data .table-footer td {
	background-color: #eee !important;
}
.tbl-wrap, .tbl-wrap .tbl {
	width: 100%;
}

.tbl-wrap .tbl.data.row>tbody>tr>th {
	background-color: var(--krds-secondary-5);
	font-weight: bold;
	text-align: center;
}

.tbl-wrap .tbl.data.row>tbody>tr>th:not(:first-child) {
	border-left: 1px solid var(--krds-secondary-10);
}

.tbl-wrap .tbl.data.row>tbody>tr:first-child>th, .tbl-wrap .tbl.data.row>tbody>tr:first-child>td
	{
	border-top: 2px solid var(--krds-secondary-30);
}

.tbl-wrap .tbl.data.col>thead>tr>th {
	border-top: 2px solid var(--krds-secondary-30);
	text-align: center;
	font-weight: bold;
}

.tbl-wrap .tbl.data tbody th {
	white-space: normal;
}

.tbl-wrap .tbl .required {
	color: orange;
	margin-left: 5px;
	vertical-align: super;
	font-weight: normal !important;
}
.tbl th {
	text-align: center !important;
    word-break: break-word;
    white-space: normal;
}
/* 
.tbl-wrap .tbl td, .tbl th {
    word-break: break-word;
    white-space: normal;
} */
  
.tbl .border-left {
	border-left: 1px solid var(--krds-secondary-10);
}

.tbl .board_article_faq {
	padding: 0px !important;
	border: 0px !important;
}

.tbl .board_article_faq .q, .tbl .board_article_faq .a {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.searchForm-table {
	margin-top: 15px;
}

.searchForm-table th {
	background-color: var(--krds-gray-10) !important;
}

.tbl-wrap.searchForm-table .tbl.data.row>tbody>tr:first-child>th,
	.tbl-wrap .tbl.data.row>tbody>tr:first-child>td {
	border-top: 2px solid var(--krds-gray-40) !important;
}

.tbl.tbl-sm th,
.tbl.tbl-sm td {
	font-size: 14px !important;
	padding: 8px 15px !important;
	height: auto !important;
}
#wrap.management .tbl td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tbl.col.background th {
	background-color: #ededed !important;
	font-weight: bold !important;
	text-align: center !important;
}
.tbl.border {
	border: 1px solid #e0e0e0;	
}
.tableWrapper {
    width: 100%;
    height: 300px;
    overflow: auto;
}

#fileTable-list {
    width: 500px;
    border: 0px;
    border-collapse: collapse;
}

#fileTable-list th {
    position: sticky;
    top: 0px;
}


/* 파일 업로드 리스트 */
.fileupload-list {
	color: #1D1D1D;
	font-size: 14px;
  	overflow-y: auto;  	
  	position: relative;
  	max-height: 28vh;
  	margin-bottom: 10px;
}
.withFileList .fileupload-list {
	height: calc(60% - 10px);
	max-height: calc(60% - 10px);
  	margin-bottom: 10px;
}
.fileupload-list .fileupload-header > div,
.fileupload-list .fileupload-body .file-info > div {
	padding: 8px 15px;
}
.fileupload-list .fileupload-header {
	background: #ededed !important;
	font-weight: bold;
	display: flex;
	align-items: center;
	position: sticky;
  	top: 0;
  	background: #fff;
  	z-index: 1;
  	border-bottom: 1px solid #D8D8D8;
}
.fileupload-list .fileupload-body .file-info {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
}
.fileupload-list .fileupload-body .file-info .fileTxt {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fileupload-list .fileupload-body .file-info .fileTxt a.file-name {
	text-overflow: ellipsis;
	overflow: hidden;
}




/* checkbox */
.form-check input[type=checkbox]:checked ~ label:after {
	transition-delay: 0.1s;
}

.form-check input[type=checkbox] ~ label:after {
	transition: 0.2s cubic-bezier(0.4, 0, 0.23, 1);
}

.form-check.all input[type=checkbox].not-fully-selected ~ label:after {
	background:
		url(../images/component/common/ico_check_primary_indeterminate.svg)
		no-repeat 0 0;
}

 #egovComShowFileList li {
   margin-top: 5px;
 }

 /* 첫 항목은 margin-top 제거 */
 #egovComShowFileList li:first-child {
   margin-top: 0;
 }
	  
.f_chk_only {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: top;
	cursor: pointer;
}

.f_chk_only::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #fff;
	vertical-align: top;
	border: 1px solid var(--krds-gray-60) !important;
	border-radius: var(--krds-rd-4) !important;
}

.f_chk_only.on:before {
	background: var(--krds-primary)
		url(../images/component/common/ico_check_primary_checked.svg)
		no-repeat center !important;
	border: 0 !important;
}

/* datepicker */
.row .datepicker-wrap.bottom {
	bottom: 5.8rem !important;
	left: 59%;
}

.tbl-wrap .tbl.data .datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th,
	.datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl td {
	width: 14.2857142857%;
	padding-top: var(--krds-spacer-1);
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	font-family: inherit;
	line-height: 1.5;
	letter-spacing: inherit;
	background-color: var(--krds-white) !important;
	border-bottom: none !important;
	font-size: 1.5rem !important;
	text-align: center !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.tbl-wrap .tbl.data .datepicker-wrap .datepicker-tbl-wrap .datepicker-tbl th,
	.datepicker-wrap .datepicker-tbl th {
	font-weight: bold;
}

.datepicker-wrap .datepicker-tbl th, .datepicker-wrap .datepicker-tbl td button
	{
	font-size: var(--krds-fz-body-md);
	color: var(--krds-black);
}

.datepicker-popup .datepicker-wrap {
	top: 0;
}

.datepicker-popup .datepicker-area {
	display: block !important;
}

.datepicker-popup .datepicker-body {
	height: calc(100% - 64px);
	z-index: 1;
}

.datepicker-popup .datepicker-conts {
	display: block;
	visibility: visible !important;
	opacity: 1 !important;
}

.ui-datepicker.ui-widget.ui-widget-content {
	z-index: 51 !important;
}

/* file upload */
.file-uploader input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}

.file-uploader .fileUpload-results>div {
	padding: var(--krds-spacer-3) var(--krds-spacer-4);
	border-radius: var(--krds-rd-6);
	border: 0.1rem solid var(--krds-gray-30);
	font-size: var(--krds-fz-body-md);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.file-uploader .fileUpload-results>div:not(:first-child) {
	margin-top: 1rem;
}

.file-uploader .fileUpload-results>div:first-child {
	margin-top: 1.4rem;
}

.form-control.datepicker {
	min-width: 250px;
}
textarea.form-control {
	font-size: var(--krds-input-fz-sm);
}
.datepicker-conts .datepickerMiddle {
	margin: 0px 10px;
}

.file-upload-result .upload-list .in>div {
	align-items: center;
}

.file-upload-result .file-size {
	margin-left: 10px;
	font-size: 14px;
}
.form-constrol.xsm, .form-select.xsm {
	height: 3.3rem;
	font-size: var(--krds-select-fz-sm);
    padding: 0 2.2rem 0 1rem;
    border-radius: var(--krds-select-rd-sm);
}
.form-select.xsm {
	background-size: 1.8rem;
	background-position: center right .5rem;
}

/* search box */
#wrap.subpage .search-top-box.type2 {
	margin-top: var(--krds-spacer-5);
}
#wrap.subpage .search-top-box .sch-filter-box {
	padding: var(--krds-spacer-5) var(--krds-spacer-10);
}
#wrap.subpage .search-top-box.type2 .schWrapper {
	display: flex;
	align-items: center;
}

#wrap.subpage.appExample .search-top-box .sch-filter-box .filter-form>div
	{
	max-width: 100%;
}

#wrap.subpage .search-top-box.type2 .schWrapper .filter-form {
	margin-right: 10px;
	width: 25%;
}

#wrap.subpage.appExample .search-top-box.type2 .schWrapper .filter-form
	{
	margin-right: 0px;
	width: 100%;
}

#wrap.subpage.appExample .search-top-box.type2 .schWrapper .filter-form .selectWrapper
	{
	margin-right: 10px;
	width: 50%;
}

#wrap.subpage .search-top-box.type2 .schWrapper .filter-form .form-select
	{
	max-width: 100%;
}

#wrap.subpage .search-top-box.type2 .schWrapper .sch-input {
	width: 75%;
}

#wrap.subpage.appExample .search-top-box.type2 .schWrapper .sch-input {
	width: 50%;
}

#wrap.subpage.appExample .search-top-box .sch-filter-box .filter-form .form-control
	{
	max-width: 100%;
}

#wrap.subpage.board #content>.inner {
	padding-bottom: 2.4rem;
}

/* 설명 박스 */
#wrap.subpage .main-sect.bg.fieldDetailBox {
	height: 100% !important;
}

.fieldDetailBox .d-card .c-txt {
	overflow: auto;
	text-overflow: inherit;
	-webkit-box-orient: inherit;
}

/* footer */
#footer .krds-drop-wrap .drop-menu {
	bottom: 149%;
 	top: auto;
 	margin-top: 0;
}
#wrap.home #footer {
	position: absolute !important;
	background: transparent !important;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2 !important;
	height: 204px;
}

#wrap.home #footer>.inner {
	height: 100%;
	/* padding: var(--krds-spacer-1) var(--krds-spacer-6); */
	gap: var(--krds-spacer-1) !important;
}

#wrap #footer .f-logo h2, #wrap #footer .f-logo a {
	height: 3rem !important;
	margin-bottom: var(--krds-spacer-2);
}

#wrap.home #footer .f-cnt .f-info {
	gap: var(--krds-spacer-1) !important;
	color: var(--krds-gray-20);
}

#wrap.home #footer .f-cnt .f-info, #wrap.home #footer .f-cnt .f-info .info-cs
	{
	flex-direction: row !important;
	align-items: center;
}

#wrap.home #footer .f-cnt .f-info .info-cs {
	margin-left: var(--krds-spacer-9);
}

#wrap.home #footer .f-btm .f-btm-text {
	gap: var(--krds-spacer-0) !important;
	flex-direction: column;
	align-items: flex-start !important;
	color: var(--krds-gray-10) !important;
}

#wrap.home #footer .f-btm .f-btm-text .f-menu a.point {
	color: var(--krds-secondary-30) !important;
}

#wrap.home #footer .f-btm .f-btm-text .f-menu a:hover {
	color: var(--krds-secondary) !important;
}

#wrap.home #footer .f-btm .f-btm-text .f-copy {
	color: var(--krds-gray-40) !important;
}

#wrap.home #footer .f-btm {
	border-top: 0.1rem solid var(--krds-gray-60) !important;
}

#wrap.home #footer .nasLink {
	color: var(--krds-primary-30);
}

#footer .krds-drop-wrap.relatedSite .btn-txt {
	background-color: #dde3eb;
	padding: 0 var(--krds-spacer-2) !important;
}

#wrap.home #footer .krds-drop-wrap.relatedSite .btn-txt {
	background-color: rgba(255, 255, 255, .4) !important;
	color: #fff !important;
}

#wrap.home #header #mobile-nav .krds-drop-wrap.relatedSite .btn-txt {
	background-color: var(--krds-secondary-5) !important;
	color: var(--krds-black) !important;
}

#wrap.home #footer .btn-txt.ico-arr-down::after {
	background-image:
		url(../images/component/common/ico_arr_16_down_white.svg) !important;
}

#wrap #footer #mobile-nav .btn-txt.ico-arr-down::after {
	background-image: url(../images/component/common/ico_arr_16_down.svg)
		!important;
}

#wrap.subpage #footer .f-btm .f-btm-text {
	flex-direction: column !important;
	align-items: flex-start !important;
}

#wrap.subpage #footer .f-logo {
	height: 3rem !important;
	margin-bottom: 10px;
}

#wrap.subpage #footer .f-cnt {
	flex-direction: column;
}

#wrap.subpage #footer .f-cnt .f-info, #wrap.subpage #footer .f-cnt .f-info .info-cs
	{
	flex-direction: row !important;
	font-size: 1.6rem;
}

#wrap.subpage #footer .f-cnt {
	gap: 0px !important;
}

#wrap.subpage #footer .f-cnt .f-copy {
	font-size: 1.4rem;
	color: var(--krds-gray-70);
}

/* 검색결과 화면 */
.krds-badge.search-result {
	font-size: 20px;
	font-weight: bold;
	padding: var(--krds-spacer-4) var(--krds-spacer-5);
}
.total-search-list .li {
	gap: 0 !important;
}
.total-search-list .info-body .tit {
	font-size: var(--krds-fz-body-md) !important;
}
.total-search-list .info-body .txt {
	font-size: var(--krds-fz-body-sm) !important;
}
.total-search-list .btn-more {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 8px !important;
}
.total-search-list .btn-more .ico_more {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url(../images/component/common/ico_more.svg)
		no-repeat;
	background-size: contain;
}

/* 반응형 */
@media ( max-width : 1370px) {
	.krds-gnb .gnb-menu>li:not(:last-child) {
		 margin-right: 23px;
	}
	.krds-gnb .gnb-menu .gnb-main-trigger, .krds-gnb .gnb-menu .gnb-main-trigger h2
		{
		font-size: var(--krds-fz-body-md);
	}
}

@media ( max-width : 1160px) {
	.krds-gnb .gnb-menu>li:not(:last-child) {
		margin-right: 15px;
	}
	.krds-gnb .gnb-menu .gnb-main-trigger, .krds-gnb .gnb-menu .gnb-main-trigger h2
		{
		font-size: var(--krds-fz-body-sm);
	}
	/* #main-banner .bannerText .text03 {
		width: calc(50% - 1.2rem);
	} */
}

@media ( max-width : 1180px) {
	#main-banner .bannerText .text01 {
		font-size: 2.1rem;
	}
	#main-banner .bannerText .text02 {
		font-size: 4rem !important;
		top: 51%;
	}
}

@media ( max-width : 1025px) {
	/* header */
	.header_loginconnection {
		display: none;
		visibility: hidden;
	}
	#header .header-in .head-in .left {
		display: none;
		visibility: hidden;
	}
	.header_login .login_bg_area {
		display: none;
		visibility: hidden;
	}

	/* main */
	#main-banner .bannerText .text02 {
		font-size: 3rem;
	}
	#main-banner .bannerText .text03 {
		font-size: 2rem;
		width: 100%;
	}

	/* subpage */
	#wrap.subpage .main-sect .pageInfoBgImg {
		height: 24rem;
	}
	#wrap.subpage.appExample .search-list.cardType {
		grid-template-columns: 1fr 1fr !important;
	}
	#container .inner.in-between .contents {
		width: 100%;
	}

	/* table */
	.tbl-wrap {
		width: 100%;
		overflow-x: auto;
	}
	.tbl-wrap .tbl.data.col {
		width: auto !important;
	}
	/* .tbl-wrap .tbl.data.col>thead>tr>th, .tbl-wrap .tbl.data tbody td {
		white-space: nowrap;
	} */

	/* footer */
	#wrap.home #footer {
		height: auto !important;
		padding: 0px var(--krds-spacer-2);
	}
	#wrap.home #footer .f-cnt .f-info, #wrap.subpage #footer .f-cnt .f-info
		{
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: var(--krds-spacer-1) !important;
	}
	#wrap.home #footer .f-cnt .f-info .info-cs {
		margin-left: 0px;
	}
	#wrap.home #footer .f-cnt .f-info .info-cs li {
		flex-direction: row !important;
	}
	#wrap.home #footer .f-btm {
		padding: var(--krds-spacer-2) var(--krds-spacer-4) 0 !important;
		margin: 0 -1.6rem;
	}
	#wrap.subpage #footer .f-cnt .f-info .info-cs li {
		flex-direction: row !important;
	}
	#wrap.subpage #footer .f-btm {
		padding: var(--krds-spacer-2) var(--krds-spacer-4) 0 !important;
	}
	#wrap.subpage #footer .inner {
		gap: var(--krds-spacer-2) !important;
	}
}

@media ( max-width : 950px) {
	.search-top-box.type2 .schWrapper .sf_start {
		display: inline-block !important;
		width: 100%;
	}
	.search-top-box.type2 .schWrapper .filter-form-wrapper {
		display: flex;
		width: 100% !important;
	}
	.search-top-box.type2 .schWrapper .filter-form {
		width: 50% !important;
		margin-bottom: 10px;
	}
	.search-top-box.type2 .schWrapper .filter-form:last-child {
		margin-right: 0px !important;
	}
	.search-top-box.type2 .schWrapper .sch-input {
		width: 100% !important;
	}
}

@media ( max-width : 770px) {
	/* header */
	#header .logo {
		left: 20px;
		transform: translate(0, -50%);
	}
	#header .logo>a {
		width: 215px;
	}

	/* main */
	#main-banner .bannerText .text03 {
		width: 80%;
	}

	/* footer */
	#wrap.home #footer .f-cnt .f-info, #wrap.home #footer .f-btm {
		font-size: 1.4rem;
	}
	#wrap.subpage #footer .inner {
		gap: var(--krds-spacer-4) !important;
	}
}

@media ( max-width : 590px) {
}

@media ( min-width : 390px) and (max-width: 430px) {
	#main-banner .bannerText .text01 {
		font-size: 1.6rem !important;
		top: 29% !important;
	}
	#main-banner .bannerText .text02 {
		top: 38% !important;
	}
	#main-banner .bannerText .text03 {
		top: 44% !important;
	}
}

@media ( max-width : 344px) {
	#header .logo {
		left: 0;
	}
	#main-banner .bannerText .text01 {
		top: 32% !important;
	}
	#main-banner .bannerText .text02 {
		top: 40% !important;
	}
	#main-banner .bannerText .text03 {
		top: 43% !important;
	}
}

@media ( min-width : 344px) and (max-width: 500px) {
	/* header */
	#header .head-body .btn-navi.sch {
		display: none;
		visibility: hidden;
	}
	/* main */
	#main-banner .bannerText .text01 {
		font-size: 1.3rem;
		top: 20%;
	}
	#main-banner .bannerText .text02 {
		font-size: 4.2rem;
		top: 50%;
	}
	#main-banner .bannerText .text03 {
		font-size: 1.7rem;
		padding: var(--krds-spacer-1);
		height: 6.2rem;
		top: 37%;
		width: 67%;
	}
}

@media ( min-width : 600px) and (max-width: 1023px) {
	#wrap.subpage .search-list.cardType {
		grid-template-columns: 1fr 1fr !important;
	}
	#wrap.subpage.appExample .search-top-box .sch-filter-box .filter-form>div
		{
		width: 100% !important;
	}
}

@media ( max-width : 599px) {
	/* header */
	#header .logo>a {
		width: 245px;
	}
	#wrap.subpage .main-sect .pageInfoBgImgWrapper {
		display: none;
		visibility: hidden;
	}
	#wrap.subpage.dataset .search-list {
		display: flex;
		align-items: normal;
		justify-content: flex-start;
		flex-direction: column;
	}
	#wrap.subpage .search-list-top.type1 {
		padding-top: var(--krds-spacer-10) !important;
	}
	#wrap.subpage .search-top-box .sch-filter-box {
		display: block;
	}
	#wrap.subpage.appExample .search-top-box.type2 .schWrapper .filter-form
		{
		flex-wrap: wrap;
	}
	#wrap.subpage.appExample .search-top-box.type2 .schWrapper .filter-form .selectWrapper,
		#wrap.subpage.appExample .search-top-box.type2 .schWrapper .sch-input
		{
		width: 100%;
	}
	#wrap.subpage.appExample .search-list.cardType, #wrap.subpage.about .search-list.cardType
		{
		grid-template-columns: 1fr !important;
	}
}

@media ( max-width : 1023px) {
	#container .in-between .contents {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media ( min-width : 1024px) {
	/* footer */
	#wrap.subpage #footer>.inner {
		gap: var(--krds-spacer-1) !important;
	}
}

@media ( min-width : 950px) and (max-width: 1920px) {
	/* search box */
	.filter-form-wrapper {
		display: flex;
	}
	.filter-form-wrapper .filter-form {
		width: 50% !important;
	}
}

@media ( min-width : 1920px) {
	/* search box */
	.filter-form-wrapper {
		display: flex;
	}
	.filter-form-wrapper .filter-form {
		width: 50% !important;
	}
}

#imagePreview img {
    width: 200px;
    height: 150px;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.text-right {
  text-align: right !important;
}

#wrap.subpage .contsCard .desc {
    font-size: var(--krds-fz-title-sm);
    font-weight: normal;
}


/* =============================================================================
    동그라미 UI 스타일
   ============================================================================= */

/* 1. 동그라미 UI용 카드 여백 설정 */
#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li:has(.contsIconWrapper-circle) > .btn-txt.contsCard,
#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li > .btn-txt.contsCard.circle-mode {
    padding-top: 5rem !important;
    padding-bottom: 3rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* 2. 동그라미 박스 스타일 */
#wrap.subpage .contsIconWrapper-circle {
    width: 15.5rem;
    height: 15.5rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #303861 0%, #1a2342 100%);
    margin: 0 auto 1.2rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    position: relative;
}

/* 3. 박스 내부 이미지 공통 설정 */
#wrap.subpage .contsIconWrapper-circle > span {
    display: block;
    width: 100% !important;
    height: 100% !important;
    background-size: 75% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
}

/* 동그라미 UI - 호버 효과 제거 (정적 유지) */
#wrap.subpage .btn-txt.contsCard:hover .contsIconWrapper-circle > span {
    transform: none !important;
}

#wrap.subpage .btn-txt.contsCard:hover .contsIconWrapper-circle {
    transform: none !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

/* 2번 카드 (KIMM Cyber Lab) - 원형이므로 공백은 어쩔 수 없지만 최대한 크게 */
#wrap.subpage .contsIconWrapper-circle .ico_kimm_cyber_lab {
    background-size: 125% !important;
    background-position: 55% 60% !important;
    background-repeat: no-repeat !important;
}



/* =============================================================================
   제목, 설명 텍스트 간격 및 말줄임 처리
   ============================================================================= */

/* 제목 스타일 */
#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li > .btn-txt.contsCard .tit {
    margin-bottom: 0 !important;
    margin-top: 0.8rem !important;
    text-align: center !important;
    width: 100% !important;
}

/* 설명 텍스트 - 4줄 말줄임 */
#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li > .btn-txt.contsCard .desc {
    font-size: var(--krds-fz-body-md) !important;
    color: var(--krds-gray-70) !important;
    line-height: 1.6 !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 0.3rem !important;
    
    /* 말줄임 처리 - 핵심 */
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-all !important;
    
    /* max-height 제거하고 height 자동 */
    height: auto !important;
    max-height: none !important;
}

/* 카드 높이 자동 조절 */
#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel li > .btn-txt.contsCard {
    height: auto !important;
    min-height: 32rem !important;
    overflow: visible !important;
}

/* =============================================================================
   데이터 분석 페이지 스크롤 문제 해결
   ============================================================================= */

/* contsCardWrapper 높이 자동 + 스크롤 허용 */
#wrap.subpage .contsCardWrapper {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

#wrap.subpage .contsCardWrapper .main-sect {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

#wrap.subpage .contsCardWrapper .main-sect .inner {
    height: auto !important;
    overflow: visible !important;
}

#wrap.subpage .contsCardWrapper .main-sect .menu-list-rel {
    height: auto !important;
    overflow: visible !important;
}

/* 컨테이너 전체 스크롤 허용 */
#wrap.subpage #container {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

/* body, html 스크롤 허용 */
html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* =============================================================================
   플랫폼 개요 페이지 - 카드 높이 통일
   ============================================================================= */

/* 카드 높이 통일 */
#wrap.subpage.about .contsCardWrapper .main-sect .menu-list-rel li > .btn-txt.contsCard {
    height: 36rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

/* 설명 텍스트 (.txt) 영역 - 남은 공간 채우기 */
#wrap.subpage.about .contsCardWrapper .main-sect .menu-list-rel li > .btn-txt.contsCard .txt {
    flex-grow: 1 !important;
    display: flex !important;
    align-items: flex-start !important;
}