@charset "utf-8";
@import "./onFont.css";
/* Layout */
#krds-masthead {display: none !important;}
.inner {
	max-width: 1424px;
}

.onflex {
	display: flex;
}
.onflex-center {
	display: flex !important;
	align-items: center;
}
.onflex-end {
	display: flex !important;
	align-items: flex-end;
}
.onflex-right {
	margin-left: auto;
}
.onflex-wrap {
	flex-wrap: wrap;
}
.onshrinkzero {
	flex-shrink: 0;
}
.ongap16 {gap: 16px;}
.onword-breakall {
	word-break: break-all;
}
.onellipsis-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.onellipsis-2 {
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.onellipsis-3 {
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.onrequired {position:relative;}
.onrequired:after {content:"*"; color: #B9131E; position: absolute; top:-20%; left:2px;}
.krds-main-menu{border-bottom: 0px;}
.krds-main-menu .inner {margin: 0px auto; max-width: 900px;}
.krds-main-menu .gnb-menu {justify-content: center; margin-top: -66px;margin-left: 250px;}
.krds-main-menu .gnb-menu .gnb-main-trigger {padding:0px 0px 0px 4px;}
.krds-main-menu .gnb-menu .gnb-main-trigger > span {font-size:18px; white-space: nowrap;}
.gnb-backdrop {background-color: rgba(0,0,0,0.5);}
@media (min-width: 1024px) {
    #krds-header .header-container .btn-navi.all {
        display: inline-flex;
    }
}
@media (min-width: 1400px) {
    #krds-header .header-container .btn-navi.all {
        display: none;
    }
}
@media (max-width: 1400px) {
    .krds-main-menu {
        display: none;
    }
}

#passwordModal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); z-index: 999; align-items: center; justify-content: center; padding: 0 24px; }
#passwordModal.on {display: flex;} 
#passwordModal > div { width: 100%; max-width: 530px; border-radius: 12px; margin: 10px; }
#passwordModal .modal-title-section { display: flex; justify-content: space-between; background: #063A74; border-radius: 12px 12px 0 0; color: #fff; padding: 20px 28px; align-items: center; }
#passwordModal .modal-title-section h2 { font-size: 24px; }
#passwordModal .modal-title-section button { display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; }
#passwordModal .modal-title-section button i {background-color: #fff;}
#passwordModal .modal-body-section { background: #fff; border-radius: 0 0 12px 12px; padding: 40px; text-align: center; }
#passwordModal .modal-body-section p { color: #464C53; font-size: 20px; font-weight: 400; margin-bottom: 20px; }
#passwordModal .modal-body-section button { margin-top: 24px; width: 100%; max-width: 100px; }

.on-board-body:has(.on-qnatit-question) {white-space: normal; padding-bottom: 40px;}
.on-qnatit-question { display: flex; color: #464C53; align-items: center; font-size: 17px; font-weight: 700; margin-top: 40px; margin-bottom: 20px; gap: 8px;}
.on-qnatit-answer { display: flex; color: #256EF4; align-items: center; font-size: 17px; font-weight: 700; margin-top: 30px; padding-top:30px; margin-bottom: 20px; border-top: 1px dashed #BABABA; gap: 8px;}

.on-notification {margin-left: auto; color: #256EF4;}
.on-qna-write > div + div{margin-top:24px;}
.on-qna-write > div label{font-size:15px; font-weight: 400; margin-bottom: 8px;}
.on-required {color: #256EF4; font-size: 15px; font-weight: 400; margin-left: 4px;}
.qna-board-half {display: flex; gap:20px;}
.qna-board-half > div {flex: 1;}
.captchabox {background: #F5F6F7; padding: 20px 24px; border-radius: 12px;}


@media (max-width: 767px) {
	#passwordModal .modal-title-section {padding: 20px 14px;}
    #passwordModal .modal-body-section {padding: 25px;}
    #passwordModal .modal-title-section h2 {font-size:20px;}
    #passwordModal .modal-body-section p {font-size: 16px;}
    #passwordModal .modal-body-section input {font-size: 16px; height: 48px;}
    #passwordModal .modal-body-section button {max-width: 80px;}
    
    .qna-board-half {flex-direction: column;}
    #captchaInput {width: 100%; flex: 0 0 auto !important;}
    .captchatinputbox {flex-wrap:wrap;}
    .qnatitle {flex-wrap:wrap;}
}

.pst-code-01 > a.krds-btn-tag {background: #E6F6F6; color: #038B94;}
.pst-code-02 > a.krds-btn-tag {background: #E3F4E1; color: #379E00;}
.pst-code-03 > a.krds-btn-tag {background: #E8F5FF; color: #0077B8;}
.pst-code-04 > a.krds-btn-tag {background: #ECF2FE; color: #0B50D0;}
.pst-code-05 > a.krds-btn-tag {background: #F3EEFA; color: #941CA9;}
.pst-code-06 > a.krds-btn-tag {background: #efefef; color: #3A3F3E;}


#krds-footer .f-cnt {gap:40px;}
#krds-footer .f-cnt .f-info {gap:12px;}
#krds-footer .f-cnt .f-info .info-cs li {gap:20px;}
#krds-footer .f-cnt .f-link.on-alignitems-end {gap:0px;}
.sitemap-tit {max-width: 1424px; margin: 40px auto 40px; text-align:center;}
.onSiteMapLists {max-width: 1424px; margin: 40px auto; background: #fff; padding: 30px; border: 1px solid #e9e9e9; display: flex; gap: 60px; flex-wrap: wrap; align-items: stretch;}
.onSiteMapLists .lnb-item {flex: 1 1 calc(50% - 40px);}
.onSiteMapLists .lnb-item > h2 {text-align:left; border-bottom: 2px solid #1970b6; color: #1970b6; font-size: 22px; padding-bottom: 10px;}
.onSiteMapLists .lnb-item > ul {}
.onSiteMapLists .lnb-item > ul > li {padding: 15px 0px; border-bottom: 1px solid #efefef; display: flex; gap: 10px;}
.onSiteMapLists .lnb-item > ul > li > a {font-size:18px; font-weight:600; min-width: 230px;}
.onSiteMapLists .lnb-item .depth3-wrap > ul {display: flex; gap: 30px;}
.onSiteMapLists .lnb-item .depth3-wrap > ul a {display:block; font-size:16px; text-indent:-15px; color: #777;}
.onSiteMapLists .lnb-item .depth3-wrap > ul a::before {content:"·";  }
.onSiteMapLists .lnb-item .depth3-wrap > ul > li {padding-left: 15px;}
.textline3 {-webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-box-orient: vertical;}

/* gap */
.ongap-3 {gap: 3px;}
.ongap-16 {gap: 16px;}

.onrowgap-8 {row-gap: 8px;}

.on-noicon:after {
	display: none !important;
}
/* krds_badge */
.krds-badge.bg-light-gray {
	background-color: #EFF0F0;
	color: #3A3F3E;
}

.krds-badge.bg-light-orange {
	background-color: #FFEFE6;
	color: #E44D00;
}

.krds-badge.bg-light-red {
	background-color: #FFE6E6;
	color: #E80000;
}

/* krds_icon */
.svg-icon.ico-qna-qmark {
	-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(/template/template1/assets/img/component/icon/ico_qna_qmark.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_qna_qmark.svg);
	background-color: #717378;
	width: 24px;
}
.svg-icon.ico-qna-amark {
	-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(/template/template1/assets/img/component/icon/ico_qna_amark.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_qna_amark.svg);
	background-color: #1783FF;
	width: 24px;
}
.svg-icon.ico-pencil {
	-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(/template/template1/assets/img/component/icon/ico_pencil.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_pencil.svg);
	width: 20px;
	background-color: #fff;
}
.svg-icon.ico-lock {
	-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(/template/template1/assets/img/component/icon/ico_lock.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_lock.svg);
	width: 20px;
	background-color: rgba(0, 60, 119, 1);
	margin-right: 8px;
	flex: 0 0 auto;
}

.svg-icon.ico-pin {
	-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(/template/template1/assets/img/component/icon/ico_pincette.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_pincette.svg);
	width: 15px;
}

.svg-icon.ico-clip {
	-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(/template/template1/assets/img/component/icon/ico_clip.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_clip.svg);
	width: 16px;
}

.svg-icon.ico-information {
	-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(/template/template1/assets/img/component/icon/ico_information.svg);
	mask-image:
		url(/template/template1/assets/img/component/icon/ico_information.svg);
	width: 16px;
}

.txt-box.outline .outline-tit::before {
	content: "";
	display: inline-flex;
	width: var(- -krds-size-height-5);
	height: var(- -krds-size-height-5);
	background-color: var(- -krds-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
	background:
		url(/template/template1/assets/img/component/icon/ico_outline.svg)
		no-repeat center;
	background-size: contain;
}

.txt-box.outline .outline-tit.award::before {
	background: url(/template/template1/assets/img/sub/con0502_01.png)
		no-repeat center;
	background-size: contain;
}

.txt-box.outline .outline-tit.room::before {
	background: url(/template/template1/assets/img/sub/icon_room.svg)
		no-repeat center;
	background-size: contain;
}

.outline-tit.award span {
	font-size: 17px;
	color: #464C53;
	margin-left: 12px;
}

.outline-tit.award span.blue {
	color: #0B50D0;
}

.txt-box.outline .check-list>li::before {
	position: absolute;
	top: var(- -krds-gap-1);
	left: 0;
	content: "";
	display: inline-flex;
	width: var(- -krds-icon--size-large);
	height: var(- -krds-icon--size-large);
	background-color: var(- -krds-light-color-text-basic);
	background-color: transparent !important;
	forced-color-adjust: none;
	background-image:
		url(/template/template1/assets/img/component/icon/ico_outline_chk.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.total-search-list .info-btm .i-cate li:not(:first-child)::before {
	background-image: url(/template/template1/assets/img/krds/ico_angle.svg);
	transform: rotate(270deg)
}

.txt-box.outline2 {
	padding: 24px;
	background: #EEF2F7;
	border: none;
}
.txt-box.outline2 .onflex {flex-wrap: wrap; align-items: center;}
.txt-box.outline2 .krds-info-list {
	margin-top:19px;
}
.txt-box.outline2 .krds-info-list.ordered > li .num {
	font-weight: 700;
}
.krds-structured-list .card-body .c-text .c-tit .span {-webkit-line-clamp: 2;}

/* header */
#krds-header .header-container .inner {
	overflow-x: auto;
}

#krds-header .header-container .logo.on-logo {
	width: 304px;
	height: 36px;
}

#krds-header .header-container .logo.on-logo a {
	min-width: 190px;
	background-image: url(/template/template1/assets/img/common/logo.svg);
}

/* Footer */
#krds-footer .f-cnt .f-link {width: 30.5%;}
.onfooter-btm-right {    display: flex;
    align-items: center;
    gap: 16px;}
#krds-footer .f-cnt .f-link .link-go {
	margin-bottom:20px;
}
#krds-footer .f-logo.on-f-logo {
	width: 237px;
	height: 32px;
	background-image: url(/template/template1/assets/img/common/logo.svg);
}

#krds-footer .f-cnt .f-link.on-alignitems-end {
	align-items: flex-end;
}
/* LNB */
#container .in-between {
	gap: 60px;
}

#container .in-between .krds-side-navigation {
	border-right: none;
	width: 248px;
	padding-right: 0px;
	padding-top:24px;
}

/* on-searchbox */
.on-searchbox {
	padding: 40px 20px;
	text-align: center;
}

.on-searchbox-bluetheme {
	border-radius: 8px;
	background-color: #EEF2F7;
}

.on-searchbox+.on-tab {
	margin-top: 40px;
	margin-bottom: 20px;
}
/* on-searchbox */
.on-searchbox {
	padding: 40px 20px;
	text-align: center;
}

.on-searchbox-bluetheme {
	border-radius: 8px;
	background-color: var(- -krds-color-light-secondary-5);
}

.on-searchbox+.on-tab {
	margin-top: 40px;
	margin-bottom: 20px;
}
/* svg-icon */
.on-ico-upside.svg-icon.ico-toggle {
	transform: rotate(180deg);
}
/* width */
.on-width100p {
	width: 100% !important;
}
/* def-list */
.def-list-wrap .def-list.on-def-list {
	gap: 0;
	color: #464c53;
}

.def-list-wrap .def-list.on-def-list>dt {
	width: auto;
	margin-right: 8px;
	position: relative;
}

.def-list-wrap .def-list.on-def-list>dt:not(:first-child):before {
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background-color: #c8c8c8;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
}

.def-list-wrap .def-list.on-def-list>dt.on-fileupload-tit {
	margin: 18px 0 12px;
}

.def-list-wrap .def-list.on-def-list>dt.on-fileupload-tit:before {
	display: none;
}

.def-list-wrap .def-list.on-def-list>dd {
	width: auto;
	margin-right: 24px;
}
/* upload-list */
.krds-file-upload .file-list .upload-list.on-upload-list {
	gap: 0;
	border-radius: 8px;
	background-color: #f6f8fa;
	padding: 18px 24px;
}

.krds-file-upload .file-list .upload-list.on-upload-list>li.on-upload-listitem
	{
	border: none;
	display: flex;
	align-items: center;
	padding: 0;
	padding: 3px 0;
}

.krds-file-upload .file-list .upload-list.on-upload-list>li.on-upload-listitem .svg-icon.ico-file
	{
	background-color: #929495;
}

.krds-file-upload .file-list .upload-list.on-upload-list .file-info {
	align-items: flex-start;
}
/* on-board-body */
.on-board-body {
	font-size: 17px;
	font-weight: 400;
	white-space: pre-wrap;
	border-bottom: 1px solid #bababa;
}

.on-board-body img {
	max-width: fit-content;
	width: 100%;
}
/* on-button-group */
.on-button-group { display: flex; flex-wrap: wrap; }
.on-buttongroup-space { margin-top: 40px; justify-content: end;}
.on-buttonleft-box { display: flex; gap: 8px; }
.on-buttonright-box { display: flex; gap: 8px; margin-left: auto; }

.on-button-group {
	display: flex;
	flex-wrap: wrap;
}

.on-buttongroup-space {
	margin-top: 40px;
}

.on-buttonleft-box {
	display: flex;
	gap: 8px;
}

.on-buttonright-box {
	display: flex;
	gap: 8px;
	margin-left: auto;
}
/* onprevnext-post */
.onprevnext-post {
	margin-top: 40px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.onprevnext-post>a {
	border-bottom: 1px solid #e8e8e8;
	display: block;
	display: flex;
	align-items: center;
	padding: 15px 0;
}

.onprevnext-post>a>div {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	font-weight: 700;
	color: #303030;
	padding-left: 18px;
	width: 100px;
	position: relative;
	flex: 0 0 auto;
}

.onprevnext-post>a>div>i {
	width: 16px;
	height: 16px;
}

.onprevnext-post>a>div:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 13px;
	background-color: #c8c8c8;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.onprevnext-post>a>p {
	padding-left: 16px;
	font-size: 18px;
	font-weight: 700;
	padding-right: 20px;
}

.onprevnext-post>a.on-nopost>div {
	color: #757575;
}

.onprevnext-post>a.on-nopost>p {
	color: #464c53;
	font-weight: 400;
}
/* Table */
.krds-table-wrap .krds-badge {
	margin-right: 8px;
}

.krds-table-wrap tr:has(.ico-pin) td a {
	color: #003C77;
}

.krds-table-wrap .krds-info-list {
	gap: 1px;
}
/* on-contest-box */
.on-contest-box {
	display: flex;
	gap: 46px;
}

.on-contest-box>.conts-wrap {
	width: auto;
}

.on-poster-box {
	align-self: baseline;
	width: 300px;
	flex: 0 0 auto;
	overflow: hidden;
}

.on-contest-box+.txt-box {
	margin-top: 40px;
}

.def-list-wrap .def-list>dt {
	width: 100px;
}
/* ongallery-list */
.ongallery-list {
	display: flex;
	flex-wrap: wrap;
	gap: 64px 26px;
}

.ongallery-list>li {
	width: calc(50% - 13px);
}

.ongallery-list>li>a {
	display: flex;
	flex-direction: column;
}

.ongallery-thumnb {
	width: 100%;
	aspect-ratio: 522/300;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.ongallery-thumnb>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
}

.ongallery-txtbox span {
	display: block;
	margin-bottom: 8px;
	margin-top: 24px;
	color: #003C77;
	font-size: 14px;
	font-weight: 500;
}

.ongallery-thumnb:has(img.on-imgerror), .total-search-list .info-body .thum:has(img.on-imgerror)
	{
	background-color: #EEF2F7;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ongallery-thumnb>img.on-imgerror {
	width: auto;
	height: auto;
}

.ongallery-list2 .ongallery-thumnb>img.on-imgerror {
	width: 60px;
}

.total-search-list .info-body .thum img.on-imgerror {
	width: 60px;
}

.ongallery-list2 .ongallery-thumnb {
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 0px;
	aspect-ratio: 280/200;
	margin-bottom: 15px;
}

.ongallery-list2 .onflex {
	gap: 6px 12px;
	flex-wrap: wrap;
}

.ongallery-title {
	font-weight: 700;
	word-break: break-word;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.oncard-pictogram {
    width: 100%;
    height: 230px;
    
}
.ongallery-list3 > li{padding: 0px; gap:0px; overflow:hidden;}
		
.oncard-pictogram.pictogram1 {background: #D7ECF5 url("/template/template1/assets/img/sub/new_con0402_01.svg") center no-repeat;}
.oncard-pictogram.pictogram2{background: #D7ECF5 url("/template/template1/assets/img/sub/new_con0402_02.svg") center no-repeat;}
.oncard-pictogram.pictogram3 {background:#D7ECF5  url("/template/template1/assets/img/sub/new_con0402_03.svg") center no-repeat;}
.ongallery-list3 .on-txt1{color: #464c53}
.krds-structured-list.ongallery-list3 .card-body {gap: 16px; padding: 32px;}

.ongallery-list4 {
    display: flex;
    gap: 20px;
}
.ongallery-list4 > li{
    flex: 1;
    border: 1px solid #BCCEDE;
    border-radius: 10px;
    padding: 30px 40px;
}
.ongallery-list4-top {
    display: flex;
    align-items: center;
    gap: 24px;
}
.ongallery-list4-top > div{}
.ongallery-list4-top > div span{
    font-size: 15px;
    color: #767676;
    font-weight: 700;
}
.ongallery-list4 .krds-info-list{
    margin-top: 20px;
    flex-direction: row;
    flex-wrap: wrap;
} 

.ongallery-list4 .krds-info-list > li:nth-child(odd){width: 170px;word-break: keep-all;}
.ongallery-list4 .krds-info-list > li:nth-child(even){word-break: keep-all;}
.ongallery-list4 .krds-info-list > li span{
    display: block;
}

/* nodata */
.krds-table-wrap .tbl:has(.on-nodata) {
	min-width: 100%;
}

.on-nodata {
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #464C53;
	padding: 120px 0;
}

.on-nodata .ico-information {
	background-color: #888888;
	width: 24px;
	height: 24px;
	margin-right: 8px;
}

table .on-nodata {
	border: none;
	padding: 0;
}

/* Color */
.on-txt-navy, .krds-btn.text.on-txt-navy {
	color: #052b57;
	font-weight: 700;
}
/* on-accordion */
.on-accordion.krds-accordion {
	padding: 0;
}

.on-accordion.krds-accordion .accordion-item {
	padding: 0;
}

.on-accordion.krds-accordion .accordion-item .btn-accordion.active,
	.on-accordion.krds-accordion .accordion-item .btn-accordion {
	background: #fff;
	border-radius: 0;
	font-size: 19px;
}

.on-accordion.krds-accordion .accordion-item.active .accordion-body {
	background-color: #E6E8EA;
	border-radius: 0;
	color: #131416;
	font-size: 17px;
	font-weight: 400;
	padding: 40px;
	margin-bottom: 24px;
}

.on-accordion.krds-accordion .accordion-item.active .accordion-body {
	background-color: #f7f8f9;
	border-radius: 0;
	color: #131416;
	font-size: 17px;
	font-weight: 400;
	padding: 40px;
	margin-bottom: 24px;
}
.on-accordion.krds-accordion .accordion-item.active .accordion-body.hasScroll {
	overflow-x: auto
}
.on-accordion.krds-accordion .accordion-item.active .accordion-body.hasScroll > img{
	min-width: 800px;
	max-width: 100%;
}

.on-accordion .onflex {
	align-items: center;
	gap: 8px;
}

.on-accordion .krds-info-list {
	flex-direction: row;
	margin-top: 24px;
	flex-wrap: wrap;
}
.on-accordion .krds-info-list.guide {
	padding: 0px 20px 20px;
}
.on-accordion .krds-info-list.guide li {
	font-size: 14px
}

.on-accordion .krds-info-list>li {
	color: #545456;
}

.on-accordion .krds-info-list.decimal>li::before {
	background-color: #545456;
}

#wrap .on-accordion .krds-btn-tag {
	font-weight: 400;
	border:none;
	border-radius: 4px;
}
.on-accordion .krds-btn-tag.ontag-step {
	    background: #ECF2FE;
    border: none;
    border-radius: 4px;
    color: #0B50D0;
    height: 24px;
}
/* subPage */
.on-infosystem-listbox ul { display: flex; gap: 20px; flex-direction: column; }
.on-infosystem-listbox ul > li { border: 1px solid #DDDDDD; border-radius: 12px; overflow: hidden; }
.on-infosystem-top { display: flex; padding: 24px 0 20px; }
.on-infosystem-topleft { width: 240px; padding-top: 26px; flex-shrink: 0; border-right: 1px dashed #d7d7d7; }
.on-infosystem-topleft > img { width: 166px; display: block; margin: 0 auto 12px; }
.on-infosystem-topleft > p { color: #464C53; font-size: 18px; font-weight: 700; text-align: center; }
.on-infosystem-topright { padding-left: 30px; padding-right: 40px; }
.on-infosystem-topright .on-infosystem-tag { border: 1px solid #d6d6d6; border-radius: 4px; width: 53px; font-size: 15px; height: 24px; display: flex; text-align: center; color: #1D1D1D; align-items: center; justify-content: center; margin-bottom: 8px; }
.on-infosystem-topright .on-infosystem-txt > p { color: #464C53; font-size: 17px; font-weight: 400; margin-bottom: 16px; }
.on-infosystem-topright .on-infosystem-txt:last-child > p { margin-bottom: 0px; }
.on-infosystem-btm.half { display: flex; }
.on-infosystem-btm.half .on-infosystem-txt { width: 50%; }
.on-infosystem-btm.half .on-infosystem-txt:first-child {position:relative;}
.on-infosystem-btm.half .on-infosystem-txt:first-child:after {content:""; position:absolute; width:0px; height: calc(100% - 24px); border-right: 1px dashed #D7D7D7; top:50%; transform:translateY(-50%); right: 0px; }
.on-infosystem-btm.half .on-infosystem-txt a { color: #464c53; display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 700; margin-bottom: 12px; }
.on-infosystem-btm.half .on-infosystem-txt a i { width: 18px; background-color: #686F7E; }
.on-infosystem-btm.half .on-infosystem-txt p { display: flex; gap: 14px; margin-bottom: 8px; }
.on-infosystem-btm .on-infosystem-txt { background: #EFF6FF; padding: 24px; }
.on-infosystem-bluetag { background: #D4E8FF; border-radius: 4px; display: flex; width: 68px; height: 24px; justify-content: center; align-items: center; border-radius: 4px; color: #0B50D0; font-size: 15px; margin-bottom: 8px; font-weight: 400; }
.on-infosystem-btm .on-infosystem-txt > p { color: #464C53; }
.on-infosystem-btm .on-infosystem-txt > p.txt-blue { color: #0B50D0; }

.txt-box.ontxt-box {
    padding: 26px 30px;
    gap:20px;
}
.ontxt-box > div{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px;
}
.ontxt-box > div + div {
    border-top: 1px dashed #b1b8be;
    padding-top: 20px;
}
.ontxt-box-toptitle {
	color: #464C53;
    font-weight: 700;
    margin-top: 20px;
}
.ontxt-box-toptitle:first-child {margin-top:0px;}
.ontxt-box-toptitle + .txt-box.ontxt-box {margin-top:12px;}
.ontxt-box-btmtitle {    margin-top: 20px;
    color: #0B50D0;
    font-weight: 400;
    font-size: 15px;}
.on-iframebox, .on-iframebox iframe {
	display: block;
	border: 0;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.on-imgbox {
	text-align: center;
	border: 1px solid #c7c7cc;
	border-radius: 10px;
	padding: 5% 5%;
	margin-top: 32px;
	overflow-x: auto;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.on-imgbox.on-smsize img {
	min-width: 400px;
	max-width: 100%;
}

.on-imgbox.on-mdsize img {
	min-width: 600px;
	max-width: 100%;
}

.on-imgbox.on-lgsize img {
	min-width: 800px;
	max-width: 100%;
}

.on-imgbox.gray {
	background: #F5F6F7
}

/* 통합검색 */
.on-alert {
	width: 100%;
	border-radius: 12px;
	display: flex;
	font-weight: 700;
	color: #1f2124;
	font-size: 17px;
	min-height: 66px;
	padding: 20px 24px;
	gap: 6px;
	background: #EEF2F7;
	align-items: center;
	flex-wrap: wrap;
}

.onsch-listbox {
	margin-bottom: 40px;
	width: 100%;
}

.onsch-listbox:last-child {
	margin-bottom: 0px;
}

.search-list-top .sch-info.onsch-info {
	font-size: 24px;
}

.search-list-top .sch-info.onsch-info>li {
	display: flex;
	gap: 5px;
}

/* mainPage CSS */
/* pie chart wrapper */
.on-pie-chartwrap {
	position: relative;
	width: 250px;
	height: 250px;
	margin-left: auto;
}

.on-bar-chartwrap {
	position: relative;
	margin-left: auto;
}

/* chart tooltip */
#pie-chart-tooltip, #pie-chart-mob-tooltip, .chartjs-tooltip {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15) !important;
}

/* pie chart center text */
.pie-chart-center-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	pointer-events: none;
}

.pie-chart-year {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	margin-bottom: 9px;
}

.pie-chart-date {
	font-size: 15px;
	font-weight: 500;
	color: #888;
	line-height: 1;
}

/* s-on css */
.on-wrapper {
	position: relative;
	height: 100%;
}

.on-container {
	position: relative;
	margin: 0 auto;
}

section {
	position: relative;
	width: 100%;
	background-color: #fff;
}

section.on-main {
	width: auto;
	max-width: 1500px;
	margin: 38px auto 60px;
}

section.on-main .on-main-sec {
	position: relative;
}

.on-main-swiper {
	border-radius: 30px;
	overflow: hidden;
}

.main_bg_01 {
	background: linear-gradient(to right, #0059B9, #308DF8, #0182BC);
	height: 550px;
}

.main_bg_01in {
	transform: translate(39px, -120px);
	width: 1000px;
	height: 1000px;
	position: absolute;
	right: 0px;
}

section.on-main .on-main-sec .on-main-swiper .on-img-cover .img-s01 {
	position: absolute;
	top: 125px;
	right: 0px;
	z-index: 10;
	transition: all 1s 2s ease;
}

section.on-main .on-main-sec .on-main-swiper .on-img-cover .img-s02 {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}

.img-light {
	position: absolute;
	top: 204px;
	right: 356px;
	z-index: 11;
	opacity: 0;
	animation: fadeS 2s ease-in-out infinite alternate;
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .on-img-cover .img-light.s01
	{
	animation-duration: 2s;
	transition: all 0.9s ease;
	transform: translate(-201px, -109px);
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .on-img-cover .img-light.s02
	{
	animation-duration: 2.6s;
	transition: all 2.5s 0.2s ease;
	transform: translate(-601px, 409px);
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .on-img-cover .img-light.s03
	{
	animation-duration: 3.2s;
	transition: all 2.9s 0.5s ease;
	transform: translate(101px, 209px);
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .on-img-cover .img-light.s04
	{
	animation-duration: 2.3s;
	transition: all 1.3s 0.3s ease;
	transform: translate(280px, 60px);
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .on-img-cover .img-light.s05
	{
	animation-duration: 3s;
	transition: all 3s 0.3s ease;
	transform: translate(-1260px, -620px);
}

.main-video {
	overflow: hidden;
	height: 550px;
}

.main-video::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(22, 112, 185, 0.6);
}

.main-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .img-light
	{
	opacity: 1;
}

section.on-main .on-main-sec .on-main-swiper .swiper-slide-active .on-img-cover .img-s01
	{
	transition: all 1s 0.3s ease;
	top: 174px;
	right: 97px;
}

.on-pg-box {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 400px;
	height: 100px;
	border-top-right-radius: 30px;
	background-color: #fff;
	z-index: 10;
	transform: translateX(-50px);
	transition: all 0.9s 0.4s ease;
}

.on-pg-box::before {
	content: "";
	position: absolute;
	display: block;
	top: -30px;
	left: 0px;
	width: 30px;
	height: 30px;
	background: url("/template/template1/assets/img/main/edge.svg")
		no-repeat center center/100% 100%;
	z-index: 10;
}

.on-pg-box::after {
	content: "";
	position: absolute;
	display: block;
	bottom: 0px;
	right: -30px;
	width: 30px;
	height: 30px;
	background: url("/template/template1/assets/img/main/edge.svg")
		no-repeat center center/100% 100%;
	z-index: 10;
}

.on-pg-box .on-all-box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	gap: 12px;
}

.on-pg-box .on-all-box .on-progress-box {
	position: relative;
	width: 200px;
	height: 45px;
	z-index: 11;
}

.swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: static;
	color: #000;
	text-align: left;
}

.on-autoplay-progress {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 135px;
	height: 3px;
	border-radius: 25px;
	background: rgba(18, 18, 18, 0.1);
	z-index: 10;
}

.on-autoplay-progress svg { 
	--progress: 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	stroke-width: 4px;
	stroke: #0161e0;
	fill: #0161e0;
	stroke-dashoffset: calc(100 * ( 1 - var(--progress)));
	stroke-dasharray: 100;
	z-index: 10;
}

.on-arrow-box {
	display: flex;
	justify-content: space-around;
	position: relative;
	width: 100px;
}

.on-arrow-box button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 25px;
	height: 25px;
	border-radius: 35.5px;
	border: 2px solid #dbdbdb;
	background: #fff;
}

.on-arrow-box button.on-button-prev::after {
	content: "";
	position: absolute;
	top: calc(50% - 5.5px);
	left: calc(50% - 3px);
	width: 6px;
	height: 11px;
	transform: rotate(-180deg);
	background: url("/template/template1/assets/img/contnet/play-ico.svg")
		center center/cover no-repeat;
}

.on-play-ico {
	display: none;
}

.on-arrow-box button.on-button-pause .on-stop-ico, .on-arrow-box button.on-button-pause .on-play-ico
	{
	width: 18px;
}

.on-arrow-box button.on-button-pause.on .on-stop-ico {
	display: none;
}

.on-arrow-box button.on-button-pause.on .on-play-ico {
	display: block;
}

.on-arrow-box button.on-button-next::after {
	content: "";
	position: absolute;
	top: calc(50% - 5.5px);
	left: calc(50% - 3px);
	width: 6px;
	height: 11px;
	transform: rotate(0deg);
	background: url("/template/template1/assets/img/contnet/play-ico.svg")
		center center/cover no-repeat;
}

.on-txt-wrap {
	position: absolute;
	top: 75px;
	left: 100px;
	z-index: 20;
}

.on-txt-wrap>span {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -2px;
}

.on-txt-wrap>h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -2px;
	margin-bottom: 26px;
}

.on-txt-wrap .on-search-box {
	position: relative;
	display: flex;
	gap: 16px;
	margin-bottom: 18px;
	filter: url(#blurFilter);
}

.on-txt-wrap .on-search-box input {
	position: relative;
	width: 480px;
	height: 62px;
	color: #000;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.6px;
	padding: 18px 0px 18px 23px;
	border-radius: 31px;
	border: 3px solid #333;
	background-color: #fff;
	transition: all 0.6s ease !important;
}

.on-txt-wrap .on-search-box input::placeholder {
	color: #464c53;
	font-size: 17px;
}

.on-txt-wrap .on-search-box input:focus {
	width: 550px;
}

.on-txt-wrap .on-search-box button.on-search-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #000;
	transition: all 1.2s ease;
	transform: translateX(-80px);
}

.on-txt-wrap .on-search-keyword dl {
	display: flex;
	align-items: center;
	gap: 10px;
}

.on-txt-wrap .on-search-keyword dl dt {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.96px;
}

.on-txt-wrap .on-search-keyword dl dd {
	transform: translateX(-30px);
	opacity: 0;
}

.on-txt-wrap .on-search-keyword dl dd a {
	transition: all 0.6s ease;
	display: inline-block;
	height: 30px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0;
	text-align: center;
	padding: 5px 13px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.3);
}

.on-txt-wrap .on-search-keyword dl dd a:hover {
	background-color: #0045b3;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(1) {
	transition: all .9s .1s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(2) {
	transition: all .9s .2s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(3) {
	transition: all .9s .3s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(4) {
	transition: all .9s .4s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(5) {
	transition: all .9s .5s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(6) {
	transition: all .9s .6s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(7) {
	transition: all .9s .7s ease;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(8) {
	transition: all .9s .8s ease;
}

section.on-menu {
	max-width: 1380px;
	height: 391px;
	margin: 0 auto 60px;
}

.on-flex-wrap {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 50px;
}

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

.on-flex-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	width: 100%;
}

section.on-favorites .on-flex-box.pc {
	display: flex !important;
}

section.on-favorites .on-flex-box.mob {
	display: none !important;
}

.on-box-title {
	color: #333;
	font-family: "Pretendard GOV";
	font-size: inherit;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 30px;
	letter-spacing: -1.8px;
}

.on-list-tab {
	display: flex;
	gap: 26px;
	margin-bottom: 30px;
}

.on-list-tab button.onlist-tab {
	position: relative;
	color: #666;
	font-family: var(- -typo-font-type, "Pretendard GOV");
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.6px;
	padding-bottom: 8px;
	border-bottom: 2px solid #fff;
}

.on-list-tab button.onlist-tab.on-active {
	color: #0161e0;
}

/* .gnb-dep01 > li > a.middle:after, .gnb-dep01 > li > a.middle:hover:after */
.on-list-tab button.onlist-tab:hover {
	color: #0161e0;
	transition: all 0.35s;
}

.on-list-tab button.onlist-tab::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background: #222;
	transform: translateX(-50%);
	transition: all 0.35s;
	width: 0%;
	background: #fff;
}

.on-list-tab button.onlist-tab.on-active::after, .on-list-tab button.onlist-tab:hover::after
	{
	content: '';
	width: 90%;
	background: #0161e0;
}

.on-list-tab button.on-more-btn {
	position: absolute;
	right: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #f2f2f2;
	transition: all 0.35s;
}

.on-list-tab button.on-more-btn:hover {
	transform: rotate(90deg);
}

.on-list-tab button.on-more-btn::after {
	content: "+";
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
}

ul.on-list li {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	min-width: 823px;
	max-width: 823px;
	height: 71px;
	padding: 13px 16px;
	border: 1px solid #eaeaea;
	border-radius: 20px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.55s;
}

ul.on-list li:hover {
	border: 1px solid #0161e0;
}

ul.on-list li:hover .on-list-title h3, ul.on-list li:hover .on-list-title span,
	ul.on-list li:hover .on-list-detail {
	color: #0161e0;
}

ul.on-list li:hover .on-list-detail {
	font-weight: bold;
}

ul.on-list li .on-list-detail i.ico-angle {
	background-color: #888;
	transition: all 0.35s;
}

ul.on-list li:hover .on-list-detail i.ico-angle {
	background-color: #000;
}

ul.on-list li:not(:last-child) {
	margin-bottom: 16px;
}

ul.on-list li div.on-list-title {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 6px;
	text-align: center;
	padding-right: 16px;
	margin-right: 20px;
	border-right: 1px dashed rgba(0, 0, 0, 0.2);
}

ul.on-list li div.on-list-detail {
	max-width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

ul.on-list li div.on-list-title h3 {
	color: #333;
	text-align: center;
	font-family: "Pretendard GOV";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -1.44px;
}

ul.on-list li div.on-list-title span {
	color: #666;
	font-family: "Pretendard GOV";
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.78px;
}

ul.on-list li.on-active {
	background-color: #fff;
	border: 1px solid #0161e0;
}

ul.on-list li.on-active div.on-list-title h3, ul.on-list li.on-active div.on-list-title span
	{
	color: #0161e0;
}

ul.on-list li.on-active div.on-list-detail {
	position: relative;
	color: #0161e0;
	font-family: "Pretendard GOV";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.6px;
}

ul.on-grid-box {
	display: grid;
	grid-template-columns: repeat(2, 2fr);
	gap: 24px;
	transform: all 0.35s;
}

ul.on-grid-box li {
	min-width: 242px;
	height: 146px;
	border-radius: 20px;
	text-align: center;
	box-sizing: border-box;
	transition: all 0.3s;
}

ul.on-grid-box li:hover, ul.on-grid-box li.on-active {
	box-shadow: 0 10px 30px 0 rgba(2, 58, 132, 0.5);
	transform: all 0.35s;
}

ul.on-grid-box li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	color: #333;
	text-align: center;
	font-family: "Pretendard GOV";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: -1.2px;
	overflow: hidden;
	border: 1px solid rgba(229, 237, 244, 1);
	background-color: #ebf5ff;
	border-radius: 20px;
}

ul.on-grid-box li a .on-grid-boxin {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

ul.on-grid-box li a::before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 100%;
	background-color: #0161e0;
	transition: all 0.6s ease;
}

ul.on-grid-box li a:hover::before {
	top: 0%;
}

ul.on-grid-box li a:hover .on-grid-boxin, ul.on-grid-box li a.on-active .on-grid-boxin
	{
	color: #fff;
	transition: all 0.6s ease;
}

ul.on-grid-box li a .on-menu-ico {
	position: relative;
	display: block;
	width: 87px;
	height: auto;
}

ul.on-grid-box li a .on-menu-ico::before {
	content: "";
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	z-index: 3;
}

ul.on-grid-box li a .on-menu-ico::after {
	content: "";
	position: absolute;
	left: 0;
	width: 87px;
	height: 24px;
	opacity: 0;
	background:
		url("/template/template1/assets/img/contnet/menu_on_shadow.png")
		center center/cover no-repeat;
	z-index: 2;
	bottom: -10px;
	transition: all 0.6s ease;
}

ul.on-grid-box li a:hover .on-menu-ico::after {
	opacity: 1;
	bottom: 2px;
}

ul.on-grid-box li a .on-menu-ico.on-menu-ico1::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_off_1.png")
		center center/cover no-repeat;
}

ul.on-grid-box li a .on-menu-ico.on-menu-ico2::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_off_2.png")
		center center/cover no-repeat;
}

ul.on-grid-box li a .on-menu-ico.on-menu-ico3::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_off_3.png")
		center center/cover no-repeat;
}

ul.on-grid-box li a .on-menu-ico.on-menu-ico4::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_off_4.png")
		center center/cover no-repeat;
}

ul.on-grid-box li:hover a .on-menu-ico.on-menu-ico1::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_on_1.png")
		center center/cover no-repeat;
}

ul.on-grid-box li:hover a .on-menu-ico.on-menu-ico2::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_on_2.png")
		center center/cover no-repeat;
}

ul.on-grid-box li:hover a .on-menu-ico.on-menu-ico3::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_on_3.png")
		center center/cover no-repeat;
}

ul.on-grid-box li:hover a .on-menu-ico.on-menu-ico4::before {
	background:
		url("/template/template1/assets/img/contnet/menu_icon_on_4.png")
		center center/cover no-repeat;
}

section.on-data {
	max-width: 1380px;
	height: 464px;
	margin: 0 auto 78px;
}

.on-chart-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width: 100%;
	height: 394px;
	padding: 54px 50px;
	border-radius: 20px;
	border: 1px solid #dedede;
	background-color: #fff;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
}

.on-chart-box.pc {
	display: flex;
}

.on-chart-box.mob {
	display: none;
}

.on-pie-chart {
	padding-right: 51px;
	margin-right: 51px;
	border-right: 1px dashed #d5d5d5;
}

.on-pie-chart, .on-bar-chart {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

.on-pie-box, .on-bar-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	height: 100%;
}

.on-pie-title, .on-bar-title {
	color: #333;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.6px;
}

.on-pie-title>span, .on-bar-title>span {
	display: block;
	color: #666;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: -0.9px;
}

ul.on-pie-legend, ul.on-bar-legend {
	position: absolute;
	bottom: 10px;
}

ul.on-pie-legend li i, ul.on-bar-legend li i {
	display: inline-block;
	width: 9.988px;
	height: 10px;
	border-radius: 2px;
	margin-right: 8.3px;
}

ul.on-pie-legend li span, ul.on-bar-legend li span {
	color: #666;
	font-size: 13px;
	font-weight: 600;
	line-height: 13px;
	letter-spacing: -0.78px;
}

ul.on-pie-legend li i.on-legend-type1 {
	background-color: #075493;
}

ul.on-pie-legend li i.on-legend-type2 {
	background-color: #268dee;
}

ul.on-pie-legend li i.on-legend-type3 {
	background-color: #00cbff;
}

ul.on-pie-legend li i.on-legend-type4 {
	background-color: #7ce5db;
}

ul.on-bar-legend li i.on-legend-type1, ul.on-bar-legend li i.on-legend-bar1
	{
	background-color: #019f7f;
}

ul.on-bar-legend li i.on-legend-type2, ul.on-bar-legend li i.on-legend-bar2
	{
	background-color: #585858;
}

section.on-favorites {
	width: 100%;
	height: 220px;
	margin-bottom: 64px;
	background-color: #f4f4f4;
	z-index: 2;
}

section.on-favorites .on-flex-box {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1380px;
	height: 100%;
	margin: 0 auto;
}

section.on-favorites h2 {
	color: #010101;
	font-family: "Pretendard GOV";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -1.68px;
	white-space: nowrap;
}

section.on-favorites ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 65px;
	text-align: center;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 20px;
	margin-bottom: 14px;
	transition: all 0.35s;
}

section.on-favorites ul li.on-favorite-list span {
	color: #333;
	text-align: center;
	font-family: "Pretendard GOV";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.6px;
}

section.on-favorites ul li.on-favorite-list a {
	display: flex;
	justify-content: center;
}

section.on-favorites ul li:hover a div.on-favorite-box {
	background-color: #0161e0;
}

section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-box
	{
	background-color: #0161e0;
}
/* section.on-favorites ul li {
  opacity: 0;
}

section.on-favorites ul li:nth-child(1) {
  animation: rightFadeIn 0.8s 0.1s ease-in forwards;
}
section.on-favorites ul li:nth-child(2) {
  animation: rightFadeIn 0.8s 0.2s ease-in forwards;
}
section.on-favorites ul li:nth-child(3) {
  animation: rightFadeIn 0.8s 0.3s ease-in forwards;
}
section.on-favorites ul li:nth-child(4) {
  animation: rightFadeIn 0.8s 0.4s ease-in forwards;
}
section.on-favorites ul li:nth-child(5) {
  animation: rightFadeIn 0.8s 0.5s ease-in forwards;
}
section.on-favorites ul li:nth-child(6) {
  animation: rightFadeIn 0.8s 0.5s ease-in forwards;
}
section.on-favorites ul li:nth-child(7) {
  animation: rightFadeIn 0.8s 0.5s ease-in forwards;
} */

/*
@keyframes rightFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}*/
section.on-favorites ul li.on-favorite-list a div.on-favorite-con1::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_1.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con2::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_2.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con3::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_3.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con4::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_4.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con5::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_5.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con6::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_6.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con7::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_7.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con8::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_8.png")
		center center/cover no-repeat;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-con9::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_off_9.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con1::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con1::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_1.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con2::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con2::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_2.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con3::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con3::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_3.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con4::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con4::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_4.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con5::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con5::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_5.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con6::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con6::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_6.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con7::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con7::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_7.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con8::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con8::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_8.png")
		center center/cover no-repeat;
}

section.on-favorites ul li:hover a div.on-favorite-con9::before, section.on-favorites ul li.on-favorite-list.on-active a div.on-favorite-con9::before
	{
	content: "";
	display: inline-block;
	width: 42px;
	height: 42px;
	background:
		url("/template/template1/assets/img/contnet/favorites_icon_on_9.png")
		center center/cover no-repeat;
}

section.on-use-info {
	position: relative;
	max-width: 1380px;
	height: 236px;
	margin: 0 auto 64px;
}

section.on-use-info .on-flex-box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	width: 100%;
}

section.on-use-info .on-flex-box .on-use-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	width: 33%;
	min-width: 440px;
	height: 166px;
	padding: 0px 38.61px 0px 28.83px;
	border-radius: 20px;
	border: 1px solid #bad3e5;
	background: linear-gradient(180deg, #fff 0%, #f0f5ff 100%);
	cursor: pointer;
	transition: all 0.35s;
}

section.on-use-info .on-flex-box .on-use-box:hover {
	background: #0161e0;
	box-shadow: 0 10px 30px 0 rgba(2, 58, 132, 0.5);
}

section.on-use-info .on-flex-box .on-use-box span {
	display: inline-block;
	color: #666;
	font-family: "Pretendard GOV";
	font-size: var(- -font-size-body-medium, 17px);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.6px;
	margin-bottom: 13px;
}

section.on-use-info .on-flex-box .on-use-box:hover span {
	color: rgba(255, 255, 255, 0.8);
}

section.on-use-info .on-flex-box .on-use-box h3 {
	color: #333;
	font-family: "Pretendard GOV";
	font-size: var(- -font-size-heading-medium, 24px);
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.6px;
}

section.on-use-info .on-flex-box .on-use-box:hover h3 {
	color: #fff;
}

section.on-use-info .on-flex-box .on-use-box.on-use-ico1::after {
	content: "";
	position: absolute;
	right: 40px;
	width: 73px;
	height: 73px;
	background:
		url("/template/template1/assets/img/contnet/use_info_icon_off_1.png")
		center center/100% auto no-repeat;
}

section.on-use-info .on-flex-box .on-use-box:hover.on-use-ico1::after {
	content: "";
	position: absolute;
	right: 40px;
	width: 73px;
	height: 73px;
	background:
		url("/template/template1/assets/img/contnet/use_info_icon_on_1.png")
		center center/100% auto no-repeat;
}

section.on-use-info .on-flex-box .on-use-box.on-use-ico2::after {
	content: "";
	position: absolute;
	right: 40px;
	width: 73px;
	height: 73px;
	background:
		url("/template/template1/assets/img/contnet/use_info_icon_off_2.png")
		center center/100% auto no-repeat;
}

section.on-use-info .on-flex-box .on-use-box:hover.on-use-ico2::after {
	content: "";
	position: absolute;
	right: 40px;
	width: 73px;
	height: 73px;
	background:
		url("/template/template1/assets/img/contnet/use_info_icon_on_2.png")
		center center/100% auto no-repeat;
}

section.on-use-info .on-flex-box .on-use-box.on-use-ico3::after {
	content: "";
	position: absolute;
	right: 40px;
	width: 73px;
	height: 73px;
	background:
		url("/template/template1/assets/img/contnet/use_info_icon_off_3.png")
		center center/100% auto no-repeat;
}

section.on-use-info .on-flex-box .on-use-box:hover.on-use-ico3::after {
	content: "";
	position: absolute;
	right: 40px;
	width: 73px;
	height: 73px;
	background:
		url("/template/template1/assets/img/contnet/use_info_icon_on_3.png")
		center center/100% auto no-repeat;
}

.on-font-normal {
	font-size: 30px;
}

.on-font-small {
	font-size: 28px;
}

/* body on action */
body.on .on-main .on-search-box button {
	transform: translateX(0px);
}

body.on .on-main .on-txt-wrap .on-search-keyword dl dd {
	transform: translateX(0px);
	opacity: 1;
}

body.on .on-main .on-pg-box {
	transform: translateX(0px);
}

/* new case */
.txt-blue {
	color: #0B50D0;
}

.info-blue {
	color: #0B50D0;
}

.info-blue::before {
	vertical-align: middle;
	display: inline-flex;
	width: 25px;
	height: 25px;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background:
		url(/template/template1/assets/img/component/icon/ico_information_fill.svg);
	margin-right: 3px;
}

.info-number {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	background: #eaeaea;
	margin-right: 10px;
	font-size: 20px;
}

.on-subtit1+.def-list-wrap {
	margin-top: 40px;
}

.krds-info-list.ordered.small>li {
	font-size: 15px;
}

#container .in-between .contents {
	max-width: 1068px;
	width: 100%;
}

#container .in-between .contents.wide {
	max-width: none;
}
/* on content common */
/* color */
.bluegray {
	background: #EEF5FF;
}

.txt-blue {
	color: #0B50D0;
}

/* Typography */
.on-subtit1 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 1px;
}

.on-subtit2 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0px;
}

.on-subtit3 {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0px;
}

.on-txt1 {
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0px;
	display: flex;
	flex-direction: column;
}
.on-txt2 {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0px;
}

.mt0 {
	margin-top: 0px;
}

.mt20 {
	margin-top: 20px;
}
.mb46 {
	margin-bottom: 46px;
}

.on-contentbox {
	margin-top: 64px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.on-contentbox.mt0 {
	margin-top: 0px;
}

.on-contentbox .on-contentbox-sub {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.on-contentbox .on-contentbox-sub:nth-of-type(1) {
	margin-top: 0px;
}
.on-subtit2 + .def-list-wrap {
	margin-top:30px;
}


.footer_top_wrap {background: #fff; border-top: 1px solid #cdd1d5}
.footer_top {padding: 24px 0; background: #fff; position: relative; max-width: 1380px; width:100%; margin: 0 auto;}
.footer_top .area {display: flex; align-items: center;}
.footer_top .ft_control {font-size: 0;}
.footer_top .swiper {flex: 99; width: 100%;}
.footer_top .swiper a {display: block; text-align: center;}

.ft_control {display: flex; gap:5px;}
.ft_control button {font-size: 0; width: 25px; height: 25px; border: 1px solid #dbdbdb; background: no-repeat center center; border-radius: 50%;}
.ft_control button.ft_l {background-image: url('/template/template1/assets/img/component/icon/ft_l.svg'); background-size: auto 11px;}
.ft_control button.ft_r {background-image: url('/template/template1/assets/img/component/icon/ft_r.svg'); background-size: auto 11px;}
.ft_control button.ft_s {background-image: url('/template/template1/assets/img/component/icon/ft_s.svg'); background-size: auto 10px;}
.ft_control button.ft_s.is_stop {background-image: url('/template/template1/assets/img/component/icon/ft_s_on.svg'); background-size: auto 10px; background-position-x: 8px;}











/* content - box */
.swiperbox {position:relative; width:100%;}
.swiperbox .swiper-pagination {margin:30px auto 0px; width:200px; display:none; text-align:center;}
#subSwiper {width:calc(100% - 112px); margin:0 auto;}
#subSwiper > .swiper-wrapper {flex-wrap: nowrap; gap:0px;}
.onbox-wide {border:1px solid #BCCEDE; border-radius:10px; display: flex; column-gap: 30px; padding: 30px; align-items: center;}
.onbox-wide-imgl {width:90px; height:90px; border-radius:50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.onbox-wide .onbox-tit {color:#131416; font-weight:600; font-size:19px;}
.onbox-wide .onbox-txt {color:#464C53; font-weight:600; margin-top:12px; font-size:17px;}
.swiperbox {
	position: relative;
	width: 100%;
}

.swiperbox .swiper-pagination {
	margin: 30px auto 0px;
	width: 200px;
	display: none;
	text-align: center;
}

#subSwiper {
	width: calc(100% - 112px);
	margin: 0 auto;
}

#subSwiper>.swiper-wrapper {
	flex-wrap: nowrap;
	gap: 0px;
}

.onbox-wide {
	border: 1px solid #BCCEDE;
	border-radius: 10px;
	display: flex;
	column-gap: 30px;
	padding: 30px;
	align-items: center;
}

.onbox-wide-imgl {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.onbox-wide .onbox-tit {
	color: #131416;
	font-weight: 600;
	font-size: 19px;
}

.onbox-wide .onbox-txt {
	color: #464C53;
	font-weight: 600;
	margin-top: 12px;
	font-size: 17px;
}
.onbox-img-wrap {padding:3% 0}
.onbox-img-wrap > div, 
.onbox-img {
	text-align: center;
	border: 1px solid #c7c7cc;
	border-radius: 10px;
	padding: 3% 3%;
	overflow-x: auto;
}
.onbox-img-wrap > div {
	padding-top: 0px; padding-bottom:0px;
}
.onbox-img-wrap.ssize img,
.onbox-img.ssize img {
	min-width: 400px;
	max-width: 100%;
}
.onbox-img-wrap.msize img,
.onbox-img.msize img {
	min-width: 600px;
	max-width: 100%;
}
.onbox-img-wrap.lsize img,
.onbox-img.lsize img {
	min-width: 800px;
	max-width: 100%;
}
.onbox-img-wrap .onbox-imgtxt {margin-top:22px; text-align: left; padding: 0 3%;}
.onbox-img-wrap .onbox-imgtxt > span{display:block; font-size:13px; color: #5F6B78; font-weight: 400;} 
.onbox-img-wrap.gray,
.onbox-img.gray {
	background: #F5F6F7;
	border: 0px;
}
.onbox-img-wrap.blue,
.onbox-img.blue {
	background: #EFF6FF;
}
.onbox-img-wrap.noBorder > div,
.onbox-img.noBorder {
	border:none;
}

.onbox-content {
	border: 1px solid #c7c7cc;
	border-radius: 10px;
	padding: 40px;
	overflow-x: auto;
	min-height: 400px;
}

.onbox-content .onbox-content-inner {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	row-gap: 10px;
	column-gap: 40px;
}

.onbox-content .onbox-content-inner .def-list-wrap .def-list {
	border: 0px;
}

.onbox-content .onbox-content-inner .txt-box {
	margin-top: 30px;
}
.onbox-wide .inner {padding:0px;}
.onboxwidegroup {display:flex; gap :20px; flex-wrap: wrap;}
.onboxwidegroup.dan2 .onbox-wide {width:calc(50% - 10px);}

.onbox-img { text-align: center; border: 1px solid #c7c7cc; border-radius: 10px; padding: 3% 3%; overflow-x: auto; }
.onbox-img.ssize img { min-width: 400px; max-width: 100%; }
.onbox-img.msize img { min-width: 600px; max-width: 100%; }
.onbox-img.lsize img { min-width: 800px; max-width: 100%; }
.onbox-img.gray {background:#F5F6F7; border:0px;}

.onbox-content .onbox-content-inner .def-list>dd {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}


.onbox-content .onbox-content-inner .krds-info-list {
	gap: 8px;
}

.onbox-content .onbox-content-inner .krds-info-list>li {
	padding-left: 20px;
}

.onbox-content .onbox-content-inner .onbox-content-p {
	gap: 8px;
}

.txt-box.outline.whitegray {
	border: 0px;
	background: #FAFAFA;
}

/* content - list */
.onlist-card {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 17px;
}

.onlist-card>li {
	width: calc(25% - 13px);
	position: relative;
	background: #EEF2F7;
	border-radius: 12px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 30px;
	min-height: 220px;
}

.onlist-card>li.color1 {background: #E6F6F6;}
.onlist-card>li.color5 {background: #FBEAF3;}
.onlist-card>li.color6 {background: #F9EDD2;}

.onlist-card.tab-card {min-height: 210px;}
.onlist-card.tab-card .onlist-circle {margin: 40px auto 20px; transition:all 0.3s ease;}
.onlist-card.tab-card li {overflow: inherit; cursor: pointer;}
.onlist-card.tab-card li:hover .onlist-circle  {transform:scale(1.2)}
.onlist-card.tab-card li.on {background:#1A5BAF;}
.onlist-card.tab-card li.on::before {content:""; position:absolute; left:50%; width:30px; height:30px; background: url(/template/template1/assets/img/sub/arrow.png);
    background-size: cover; bottom: -30px; transform: translateX(-50%);}
.onlist-card.tab-card li.on .onlist-circle {background:rgba(255,255,255,0.2)}
.onlist-card.tab-card li.on .onlist-tit {color:#fff;}
.onlist-card.tab-card li.on .onlist-circle::before {background-color: #fff !important;}
.onlist-card.tab-card li .onlist-circle.type01::before {
	content:""; width:50%; height:50%;
	display:block;
	-webkit-mask: url('/template/template1/assets/img/sub/con0202_01.svg') no-repeat center / contain;
  mask: url('/template/template1/assets/img/sub/con0202_01.svg') no-repeat center / contain;
  background-color: #1F8289;
}
.onlist-card.tab-card li .onlist-circle.type02::before {
	content:""; width:50%; height:50%;
	display:block;
	-webkit-mask: url('/template/template1/assets/img/sub/con0202_02.svg') no-repeat center / contain;
  mask: url('/template/template1/assets/img/sub/con0202_02.svg') no-repeat center / contain;
  background-color: #1F8289;
}
.onlist-card.tab-card li .onlist-circle.type03::before {
	content:""; width:50%; height:50%;
	display:block;
	-webkit-mask: url('/template/template1/assets/img/sub/con0202_03.svg') no-repeat center / contain;
  mask: url('/template/template1/assets/img/sub/con0202_03.svg') no-repeat center / contain;
  background-color: #1F8289;
}
.onlist-card.tab-card li .onlist-circle.type04::before {
	content:""; width:50%; height:50%;
	display:block;
	-webkit-mask: url('/template/template1/assets/img/sub/con0202_04.svg') no-repeat center / contain;
  mask: url('/template/template1/assets/img/sub/con0202_04.svg') no-repeat center / contain;
  background-color: #1F8289;
}

.tabbox {display:none;}
.tabbox.on {display:block;}


.ondanbox {display:flex; gap: 30px;}
.ondanbox .ondanbox-left {flex: 0 0 55%; position: relative; width: 55%;}
	.ondanbox-img {border-radius: 15px;}
	.ondanbox-img-temp {position: absolute; margin-top: -70px; width: 300px; left: 50%; transform: translateX(-50%);}
	.ondanbox-img-temp .swiper-slide {opacity: 0.4;}
    .ondanbox-img-temp .swiper-slide-thumb-active {opacity: 1;}
    .ondanbox-img-temp .swiper-wrapper {justify-content: center;}
    .ondanbox-img-temp .swiper-wrapper img {width:68px; border: 1px solid #ffffff; border-radius: 5px;}
    
 .ondanbox-right .txt-box  {height:100%; padding: 28px;}
 .ondanbox-right .def-list-wrap .def-list {border-top: 1px dashed #ccc; border-bottom: 0px;}
 .ondanbox-right .def-list-wrap .def-list > dd {width: calc(100% - 125px);}
  .ondanbox-right .def-list-wrap > p {border-top: 1px dashed #ccc; padding: 20px 0px;}
 
 .onollist > li {position: relative; padding-left: 40px; padding-bottom: 16px;} 
 .onollist > li .num {display: inline-block; border-radius: 50%; width:24px; height:24px; background:#EAEEF4; color:#063A74; font-size:15px; margin-right:10px;
 font-weight: 600; text-align: center; position: absolute; left: 0px;}
 
 
 /* justify-content */
 .on-flex-end {justify-content: flex-end !important;}
 
/* content - btn */
.on-btn {display: flex; gap: 10px 16px; flex-wrap: wrap;}
.on-btn.ar {justify-content: flex-end;}
.on-btn.ac {justify-content: center;}

.onlist-card>li.color1 .onlist-head {
	background: #1F8289;
}


.onlist-card>li.color2 {background: #E5F2FB;
}

.onlist-card>li.color2 .onlist-head {
	background: #1E89C3;
}

.onlist-card>li.color3 {
	background: #E8EEFC;
}

.onlist-card>li.color3 .onlist-head {
	background: #446FB7;
}

.onlist-card>li.color4 {
	background: #F3EEFA;
}

.onlist-card>li.color4 .onlist-head {
	background: #AD53BD;
}

.onlist-card .onlist-tit {
	font-size: 19px;
	color: #000;
	padding: 0px 20px;
	font-weight: 600;
}

.onlist-card .onlist-txt {
	color: #757575;
	padding: 0px 20px;
	font-size: 15px;
}

.onlist-card .onlist-circle {
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 90px;
	margin: 20px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.onlist-card .onlist-head {
	line-height: 50px;
	color: #fff;
	background-color: #ccc;
	text-align: center;
}

.onlist-card.hover>li {
	min-height: 220px;
}

.onlist-card.hover>li .onlist-txt {
	opacity: 0;
	transition: all 0.3s ease;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 20px;
	background: #4392F6;
	color: #fff;
}

.onlist-card.hover>li .onlist-txt strong {
	display: block;
	padding-bottom: 10px;
}

.onlist-card.hover>li:hover .onlist-txt {
	opacity: 1;
}

.onlist-card.case1 {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.onlist-card.case1>li {
	min-height: 220px;
	flex: 0 0 calc(( 100% - 60px)/3);
	padding: 30px;
}

.onlist-card.case1>li .onlist-tit {
	color: #303030;
	font-size: 24px;
	position: relative;
	z-index: 2;
	padding: 0px;
	margin-bottom: 10px;
	text-align: left;
}

.onlist-card.case1>li .onlist-txt {
	color: #757575;
	font-size: 15px;
	position: relative;
	z-index: 2;
	padding: 0px;
	text-align: left;
}

.onlist-card.case1>li .onlist-bg {
	color: #757575;
	font-size: 15px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
}

.onlist-card.case1>li.color1 {
	background: #DAF1EF;
}

.ondanbox {
	display: flex;
	gap: 30px;
}

.ondanbox .ondanbox-left {
	flex: 0 0 55%;
	position: relative;
	width: 55%;
}

.ondanbox-img {
	border-radius: 15px;
}

#tempslider-temp {
	position: absolute;
	margin-top: -70px;
	width: 300px;
	left: 50%;
	transform: translateX(-50%);
}

#tempslider-temp .swiper-slide {
	opacity: 0.4;
}

#tempslider-temp .swiper-slide-thumb-active {
	opacity: 1;
}

#tempslider-temp .swiper-wrapper {
	justify-content: center;
}

#tempslider-temp .swiper-wrapper img {
	width: 68px;
	border: 1px solid #ffffff;
	border-radius: 5px;
}

.ondanbox-right .txt-box {
	height: 100%;
	padding: 28px;
}

.ondanbox-right .def-list-wrap .def-list {
	border-top: 1px dashed #ccc;
	border-bottom: 0px;
}
.ondanbox-right .def-list-wrap .def-list.notop {border-top:0px; padding:0px;}
.def-list-wrap .def-list.notop>dt {line-height:18px;}
.def-list-wrap .def-list.notop>dd {line-height:18px;}

.ondanbox-right .def-list-wrap .def-list>dd {
	width: calc(100% - 125px);
}
/* content - btn */
.on-btn {
	display: flex;
	gap: 10px 16px;
	flex-wrap: wrap;
}

.on-btn.ar {
	justify-content: flex-end;
}

.on-btn.ac {
	justify-content: center;
}

.onml-auto {
	margin-left: auto;
}

.onmr-auto {
	margin-right: auto;
}
.noPadding {padding: 0 !important;}

.oncloudcard {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.oncloudcard>li {
	width: calc(( 100% - 72px)/4);
	border: 1px solid #bad3e5;
	border-radius: 12px;
	height: 198px;
	background: url(/template/template1/assets/img/sub/con0303_02.svg)
		no-repeat right bottom;
	padding: 26px 28px;
}
.oncloudcard.small > li {
	height: 150px;
}
.oncloudcard.small > li .krds-btn {margin-left: inherit; margin-right: auto;} 

.oncloudcard>li p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.oncloudcard-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.oncloudcard>li button {
	flex-shrink: 0;
}

/* table */
.onNoData {
	text-align: center;
}

.onNoData img {
	width: 50px;
	margin: 20px;
}

/* main */
#bar-chart-mob {
	width: 450px !important;
	height: 280px !important
}

.on-chart-box.mob .on-bar-chartwrap {
	margin-left: 20px;
}
@keyframes fadeS { 0% {opacity: 0} 100% {opacity: 0.6} }


/* 데이터셋 신청 팝업 */
.mt40 { margin-top: 40px; }
.mb20 { margin-bottom: 20px; }
.mb24 { margin-bottom: 24px; }
.on-aligntop { align-items: baseline; }
.onform-box {display: flex; flex-direction: column; gap: 20px;}
.box-cnt {display:flex; flex-direction: column; gap:40px;}
.onupload-form {display: flex; flex-direction: column; gap:20px;}
.onform-conts-el {
    margin-bottom: 24px;
}
.onform-conts-el:last-child {
    margin-bottom:0px;
}
.onform-conts-el.colum3 {
    display: flex;
    gap: 24px;
}
.onform-conts-el.colum3 > div{flex:1;}
.onform-conts-el .form-tit{
    margin-bottom: 8px;
}
.oncount-time-wrap { display: flex; flex: 1; position: relative; flex-direction: column; margin-top:16px;}
#authCodeGroup > div {width: 100%;}
.oncertifybtn{width: 140px; min-width: 140px;}

.oncount-time { position: absolute; right: 16px; top: 12px; color: #267337; font-weight: 700; font-size: 17px; width: 45px; }
.oncount-time-wrap > input { padding-right: 70px; }
.txt-box.outline.type2 { border: 1px solid #D3EBFD; background-color: #E7F4FE; padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.onnoti { display: flex; align-items: center; gap: 8px; }

.on-noStyle { background: none !important; padding: 0 !important; border: none !important; }
.on-fileupload { background: #eef2f7; border-radius: 12px; padding: 16px; gap: 16px; display: flex; align-items: center; flex-wrap: wrap; width: 100%; overflow-x: auto;}
.on-fileupload > button {align-self: flex-start;}
.on-uploadlist { display: flex; flex-wrap: wrap; gap: 12px; }

.on-upload-tagwrap { display: flex; align-items: center; column-gap: 10px; }
.on-upload-tag { width: fit-content; box-sizing: border-box; font-size: 14px; color: #555; min-height: 30px; padding: 7px 20px; display: flex; align-items: center; background: #fff; border-radius: 20px; border: 1px solid #256EF4; }
.on-upload-tag:last-of-type { margin-right: 0; }
.on-upload-tag p { margin-right: 10px; transition: all 0.3s; font-size: 15px; color: #1E1E1E; margin-left: 3px; }
.on-file-volume { color: #757575; font-size: 15px; align-items: center; margin-right: 8px; }
.on-upload-tag .on-filedelete { margin-left: 10px; position: relative; color: #888; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.on-upload-tag .on-filedelete::after { content: ""; display: block; width: 0; height: 80%; border-left: 1px solid #D5D5D5; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); }
.on-upload-tag .ico-del { background-color: #256EF4; }
 
 #loading-spinner:before {width: 70px; height: 70px;}
 .krds-info-list > li > .krds-info-list.oninfo-list-depth2 {margin-top:5px; transform: translateX(-22px);}
 
/* media query */
@media ( max-width : 1520px) {
	#krds-footer .f-cnt {padding: 0px 60px;}
	#krds-header .header-container .inner {border-bottom:1px solid #cdd1d5}
	.sitemap-tit {margin-left: 40px;}
	.onSiteMapLists .lnb-item {width:30%;}
	section.on-main {
		width: auto;
		max-width: 100%;
		margin: 38px 20px 60px;
	}
	section.on-menu {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 65px 60px;
	}
	section.on-data {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 65px 60px;
	}
	section.on-favorites .on-flex-box.pc ul {
		gap: 40px;
	}
	section.on-favorites .on-flex-box.mob ul {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0;
		width: 100%;
		margin-left: -40px;
	}
	section.on-favorites .on-flex-box.mob ul li.on-favorite-list {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	section.on-favorites .on-flex-box.mob ul li.on-favorite-list a {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		height: 100%;
	}
	section.on-favorites .on-flex-box {
		width: auto;
		max-width: 100%;
		padding: 20px 60px 20px 60px;
	}
	section.on-use-info {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 60px 30px
	}
	section.on-use-info .on-flex-box {
		flex-direction: column;
		gap: 14px;
	}
	section.on-use-info .on-flex-box .on-use-box {
		width: 100%;
		min-width: 100%;
	}
	ul.on-list li {
		min-width: 650px;
		max-width: 650px;
	}
	ul.on-grid-box li a {
		font-size: 18px;
	}
	.on-font-normal {
		font-size: 26px;
	}
	.on-flex-wrap {
		display: flex;
		gap: 25px;
	}
	.on-pie-title, .on-bar-title {
		font-size: 20px;
	}
	.on-pie-title>span, .on-bar-title>span {
		font-size: 13px;
	}
	.footer_top .area {    flex-direction: column; gap:30px;}
}

@media ( max-width :1300px) {
	.onfooter-btm-right {flex-direction: row-reverse; gap:0px;}
	.onSiteMapLists .lnb-item {flex: 1 1 100%;}
	#krds-footer .f-cnt .f-link {width: 100%;}
	#krds-footer > .inner {padding:10px;}
	#krds-footer .f-cnt {padding: 0px 60px; flex-direction: column; gap: 10px;}
	#krds-footer .f-logo.on-f-logo {width:182px;}
	#krds-footer .f-cnt .f-link .link-go {position: relative; margin-top: 36px; margin-bottom:10px;}
	#krds-footer .f-cnt .f-link.on-alignitems-end {align-items: flex-start;}
	ul.on-list li {
		min-width: 480px;
		max-width: 550px;
	}
	ul.on-grid-box li {
		min-width: 190px;
	}
	.on-contest-box {
		gap: 30px;
	}
	.on-poster-box {
		width: 250px;
	}
	.on-contest-box .def-list-wrap .def-list>dt {
		width: 100px;
	}
	.krds-main-menu .gnb-menu {
		gap: 5px
	}
	
}

@media ( max-width : 1200px) {
	#container .in-between .krds-side-navigation {
		display: none;
	}
	section.on-favorites .on-flex-box.pc ul {
		gap: 17px;
	}
	.on-chart-box.pc {
		display: none !important;
	}
	.on-chart-box.mob {
		display: flex !important;
	}
	.on-chart-box.mob .on-pie-chart {
		padding-right: 0;
		margin-right: 0;
		border-right: unset;
	}
	.on-chart-box.mob .swiper-slide {
		opacity: 0 !important;
	}
	.on-chart-box.mob .swiper-slide.on-active {
		opacity: 1 !important;
	}
	.on-chart-box.mob .on-chart-pagination {
		position: absolute;
		top: 24px;
		right: 24px;
		left: auto;
		bottom: auto;
		width: auto;
	}
	.swiperbox .swiper-button-prev, .swiperbox .swiper-button-next {
		display: none;
	}
	#subSwiper {
		width: 100%;
	}
	.swiperbox .swiper-pagination {
		display: block;
	}
	.main_bg_01in {
		transform-origin: top right;
		transform: translate(39px, -120px) scale(0.7);
	}
	.ongallery-list4 > li {padding: 20px;}
	
}

@media ( max-width :1023px) {
	
	/* common */
	.onbox-img {
		max-width: calc(100vw - 32px);
		padding: 5%;
	}
	
	section.on-main, section.on-menu, section.on-data, section.on-favorites
		{
		width: auto;
		height: auto;
		margin: 38px 20px 60px;
	}
	section.on-use-info {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 60px 100px
	}
	section.on-use-info .on-flex-box {
		flex-direction: column;
	}
	section.on-use-info .on-flex-box .on-use-box {
		width: 100%;
		min-width: 100%;
	}
	section.on-favorites {
		margin: 0 0 64px 0;
	}
	section.on-favorites .on-flex-box.pc {
		display: none !important;
	}
	section.on-favorites .on-flex-box.mob {
		display: inline-block !important;
		position: relative;
		overflow: hidden;
		padding: 20px 0px 20px 20px;
	}
	section.on-favorites .on-flex-box.mob>h2 {
		margin-bottom: 20px;
	}
	.on-flex-wrap {
		display: flex;
		flex-direction: column;
	}
	ul.on-list li, ul.on-grid-box li {
		min-width: auto;
		max-width: none;
	}
	.main_bg_01in {
		transform-origin: top right;
		transform: translate(39px, -120px) scale(0.6);
	}
	.oncloudcard {
		gap: 10px;
	}
	.oncloudcard>li {
		width: calc(( 100% - 20px)/3);
	}
	.onboxwidegroup.dan2 .onbox-wide {width:100%; gap: 16px;}
	.krds-structured-list.ongallery-list3 {grid-template-columns: 1fr 1fr 1fr}
	.ongallery-list4 .krds-info-list {flex-direction: column;} 
}

/* mobile */
@media (max-width :767px){
	
	#krds-footer .f-cnt {padding: 0px 20px;}
	.onSiteMapLists {gap:20px;}
	.onSiteMapLists .lnb-item {width: calc(100% - 40px);}

	.onSiteMapLists .lnb-item .depth3-wrap > ul {margin-top:20px;}
	.onSiteMapLists .lnb-item > ul > li {gap: 0px; flex-direction: column;}

	#krds-header .header-container .logo.on-logo {width:230px;}
	.onmobile-mt10 {margin-top:10px;}
	
	
	.onmobile-block {display: block;}
	.onbox-content .onbox-content-inner .def-list>dd {width: 100%;}
	 
.oncloudcard>li {
	width: 100%;
}
.ondanbox {flex-direction: column; gap: 16px;}
.ondanbox .ondanbox-left {flex: none; width: 100%;}
.ondanbox .ondanbox-left .ondanbox-img img {width: 100%;}
.on-contest-box .def-list-wrap .def-list>dd {
	width: 100%;
}
.txt-box.ontxt-box {padding-left: 20px; padding-right:20px;}
.txt-box.ontxt-box .outline-tit {flex-wrap:wrap;}
.txt-box.ontxt-box .outline-tit span.blue {width: 100%; margin-top:5px;}

.on-contest-box {
	flex-direction: column;
}

.on-subtit1 {
	font-size: 22px;
}

.on-subtit2 {
	font-size: 19px;
}

.on-subtit3 {
	font-size: 17px;
}

.on-txt1 {
	font-size: 15px;
}

.onprevnext-post>a>div {
	font-size: 14px;
	padding-left: 10px;
	width: 85px;
}

.onprevnext-post>a>p {
	font-size: 15px;
}

.on-tab {
	overflow-x: auto;
	max-width: calc(100vw - 32px);
}

.on-searchbox {
	padding: 20px;
}

.on-accordion.krds-accordion .accordion-item .btn-accordion.active,
	.on-accordion.krds-accordion .accordion-item .btn-accordion {
	font-size: 17px;
}

.on-searchbox, .krds-pagination {
	max-width: calc(100vw - 32px);
}

.ongallery-txtbox span {
	margin-top: 20px;
}

.ongallery-list {
	gap: 20px;
}

.ongallery-list>li {
	width: 100%;
}

section.on-main, section.on-menu, section.on-data {
	margin: 30px 20px 60px;
}

section.on-favorites {
	margin: 0 0 60px 0;
}

.on-txt-wrap {
	top: 30px;
	left: 20px;
}

.on-txt-wrap>span {
	font-size: 18px;
}

.on-txt-wrap>h2 {
	font-size: 28px;
	margin-bottom: 24px;
}

.on-txt-wrap .on-search-box input {
	width: 236px;
	height: auto;
	max-height: 41px;
	padding: 4px 0px 6px 22px;
}

.on-txt-wrap .on-search-box input::placeholder {
	font-size: 14px;
	line-height: 1;
}

.on-txt-wrap .on-search-box button.on-search-btn {
	width: 41px;
	height: 41px;
}

.on-txt-wrap .on-search-keyword dl dt>span {
	display: none;
}

.on-txt-wrap .on-search-keyword dl dd:nth-child(n+5) {
	display: none;
}

.on-pg-box {
	width: 250px;
	bottom: -3px;
}

.on-pg-box::before {
	top: -39px;
	width: 40px;
	height: 40px;
}

.on-pg-box::after {
	right: -39px;
	width: 40px;
	height: 40px;
}

.on-pg-box .on-all-box .on-progress-box {
	width: 120px;
}

.on-autoplay-progress {
	left: 28px;
	width: 62px;
}

.on-list-tab button.on-more-btn {
	width: 30px;
	height: 30px;
}

.on-list-tab button.on-more-btn::after {
	font-size: 24px;
	vertical-align: 0px;
	line-height: 1;
}

.on-box-title {
	margin-bottom: 17px;
}

.on-font-normal {
	font-size: 24px;
}

.on-list-tab {
	margin-bottom: 17px;
}

.on-list-tab button.onlist-tab {
	font-size: 16px;
}

ul.on-list li .on-list-detail i.ico-angle {
	width: 20px;
}

ul.on-list li:not(:last-child) {
	margin-bottom: 8px;
}

ul.on-list li {
	height: 60px;
}

ul.on-list li div.on-list-title {
	gap: 0;
	padding-right: 12px;
	margin-right: 10px;
}

ul.on-list li div.on-list-title h3 {
	font-size: 18px;
}

ul.on-list li div.on-list-title span {
	font-size: 13px;
}

ul.on-list li div.on-list-detail {
	max-width: 75%;
	font-size: 16px;
}

.on-flex-wrap {
	gap: 30px;
}

ul.on-grid-box {
	gap: 15px;
}

.on-chart-box {
	padding: 24px;
}

section.on-favorites .on-flex-box.mob {
	margin-left: 0;
	margin-right: 0;
}

section.on-favorites .on-flex-box.mob ul {
	margin-left: -20px;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-box {
	width: 60px;
	height: 60px;
}

section.on-favorites ul li.on-favorite-list a div::before, section.on-favorites ul li:hover a div::before,
	section.on-favorites ul li.on-favorite-list.on-active a div::before {
	width: 30px !important;
	height: 30px !important;
}

section.on-favorites ul li.on-favorite-list span {
	font-size: 16px;
}

section.on-favorites h2 {
	width: auto;
	font-size: 22px;
}

section.on-favorites ul li.on-favorite-list a div.on-favorite-box {
	border-radius: 12px;
}

section.on-use-info {
	margin: 0 20px 40px;
}

section.on-use-info .on-flex-box .on-use-box span {
	font-size: 14px;
	margin-bottom: 4px;
}

section.on-use-info .on-flex-box .on-use-box h3 {
	font-size: 18px;
}

section.on-use-info .on-flex-box .on-use-box.on-use-ico1::after, section.on-use-info .on-flex-box .on-use-box:hover.on-use-ico1::after,
	section.on-use-info .on-flex-box .on-use-box.on-use-ico2::after,
	section.on-use-info .on-flex-box .on-use-box:hover.on-use-ico2::after,
	section.on-use-info .on-flex-box .on-use-box.on-use-ico3::after,
	section.on-use-info .on-flex-box .on-use-box:hover.on-use-ico3::after {
	width: 60px;
	height: 60px;
}

.on-chart-box.mob {
	height: 314px;
}

.on-chart-box.mob .on-pie-box, .on-chart-box.mob .on-bar-box {
	position: absolute;
}

.on-chart-box.mob .on-pie-chartwrap, .on-chart-box.mob .on-bar-chartwrap
	{
	width: 180px;
	height: 180px;
	margin-left: auto;
	position: relative;
	bottom: -20px;
}

.on-chart-box.mob .on-bar-chartwrap {
	margin-left: 0;
	width: 100%;
}

.on-chart-box.mob ul.on-pie-legend, ul.on-bar-legend {
	position: absolute;
	bottom: 0;
}

.on-chart-box.mob ul.on-bar-legend {
	display: flex;
	gap: 20px;
}

.onbox-content .onbox-content-inner {
	flex-direction: column;
}

.on-poster-box, .on-poster-box img {
	WIDTH: 100%;
}

.onlist-card>li {
	width: calc(50% - 10px);
}

#bar-chart-mob {
	width: 100% !important;
	height: 170px !important
}

.onbox-wide {
	flex-direction: column;
}

.on-accordion .onflex {
	padding: 0px 10px;
}

.krds-tag-wrap.medium {
	display: none;
}
.krds-tag-wrap.medium.ontag-step-wrap {
	display: block;
	flex-shrink: 0;
}

.on-contentbox {
	margin-top: 40px;
}

.onlist-card.case1>li {
	flex: 0 0 100%;
}

.main_bg_01in {
	transform-origin: top right;
	transform: translate(39px, -79px) scale(0.4);
}

.main_bg_01, .main-video {
	height: 400px;
}
.onform-conts-el.colum3{flex-direction: column;}
#emailGroup, #authCodeGroup {flex-direction: column; align-items: flex-start;}
.oncard-pictogram {height: 200px;}
.krds-structured-list.ongallery-list3 {grid-template-columns: 1fr}
.ongallery-list4 {flex-direction: column;}  
.ongallery-list4 .krds-info-list {gap: 6px;}

.on-infosystem-top {flex-direction:column;}
.on-infosystem-topleft{width: 100%; border-right: none; padding-top: 0px; margin-bottom:15px;}
.on-infosystem-topright,
.on-infosystem-btm .on-infosystem-txt {padding-left: 15px; padding-right: 15px;}
.on-infosystem-btm.half {flex-direction: column;}
.on-infosystem-btm.half .on-infosystem-txt{width: 100%;}
.on-infosystem-btm.half .on-infosystem-txt:first-child:after {
	border-right: none; 
	border-bottom: 1px dashed #d7d7d7; 
	width: calc(100% - 30px);
	left:50%;
	right: auto;
	transform: translateX(-50%);
	bottom: 0;
	top:auto;
	
}
.onlist-card.tab-card {margin: 0 auto; min-height:auto;}
.onlist-card.tab-card li {width: calc(25% - 13px); min-height:auto; padding-bottom:20px;}
.onlist-card.tab-card .onlist-circle {margin: 0 auto; background: transparent;}
.onlist-card.tab-card .onlist-tit {font-size: 15px;}
.onlist-card.tab-card li.on .onlist-circle {background: transparent;}



 


}