@charset "utf-8";

	:root {
	    --theme-color01: #004edf;
	    --theme-color02: #16408d;
	    --theme-color03: #1d325f;
		--theme-color04: #122857;
	    --theme-color05: #f2f9ff;
	    --theme-color06: #6785c4;
	    --theme-color07: #eef2f7;
	}



	.onT1 {
	    color: #222;
	    font-weight: 700;
	    font-size: 36px;
	    line-height: 1.4;
	}

	.onT2 {

	    color: #222;

	    font-weight: 700;

	    font-size: 32px;

	    line-height: 1.4;

	}

	.onT3 {

	    color: #222;

	    font-weight: 600;

	    font-size: 22px;

	    line-height: 1.4;

	}

	.onT4 {

	    color: #222;

	    font-weight: 600;

	    font-size: 20px;

	    line-height: 1.4;

	}



	.onP1 {

	    color: #222;

	    font-weight: 500;

	    font-size: 18px;

	    line-height: 1.4;

	}

	.onP2 {

	    color: #222;

	    font-weight: 500;

	    font-size: 16px;

	    line-height: 1.4;

	}

	.onP3 {

	    color: #222;

	    font-weight: 500;

	    font-size: 13px;

	    line-height: 1.4;

	}



	.btn_border {

	    border: 1px solid #666;

	    background: #fff;

	    color: #666;

	}
	.btn-wrap .btn {
		text-align: center;
		font-weight: 400;
	}

	.btn_gray {

	    background: #666;

	    color: #fff;

	}

	.btn_blue {

	    background: var(--theme-color01);

	    color: #fff;

	}

	.btn_s {

	    font-size: 15px;

	    font-weight: 400;

	    border-radius: 4px;

	    padding: 3px 15px;

	    box-sizing: border-box;

	    min-height: 30px;

	}

	.btn_m {

	    border-radius: 8px;

	    padding: 12px 35px;

	    min-height: 46px;

	    font-size: 15px;

	    font-weight: 500;

	}

	.btn_l {

	    border-radius: 8px;

	    font-weight: 600;

	    font-size: 18px;

	    padding: 11px 62px;

	}

	select {
	    background: #fff url(../../image/icon/ico_arrow_down_navy.svg) no-repeat calc(100% - 16px) center;
	}

	html.noScroll {
	    overflow: hidden;
	}

	.txt_blue {
	    color: var(--theme-color01) !important;
	}

	.mo_navi {
	    display: none;
	}

	.mo_navi.on {
	    display: none;
	}

	.mo_ver {
	    display: none;
	}

	.footer_nav li:first-child {
	    margin-left: 0;
	}

	.footer_info .footer_logo img {
	    opacity: 1;
	    width: 171px;
	}

	.wrapper {
	    min-width: auto;
	}

	.normal-wrap {
	    width: 100%;
	    max-width: 1400px;
	    padding: 0 15px;
	    box-sizing: border-box;
	}
	.normal-wrap.normal-wrap-ai {
		overflow: hidden !important;
	}

	.footer_nav ul, .footer_info {
	    width: 100%;
	    max-width: 1400px;
	    padding: 0 15px;
	    box-sizing: border-box;
	}

	.footer_info {
	    padding: 40px 17px 90px;
	    display: block;
	    margin: 0 auto;
	    flex-direction: column;
	    position: relative;
	    box-sizing: border-box;

	}

	.footer_nav {
	    background: #eee;
	    margin-top: 77px;
	    height: 40px;
	    box-sizing: border-box;
	}
	.main_wrap .footer_nav {
		margin-top:0px;
	}

	.footer_nav li a {
	    font-weight: 400;
	    color: #999;
	    font-size: 18px;
	}

	.footer_nav li a.pointText {
	    color: var(--theme-color01);
	}

	.footer_info .footer_adds dt, .footer_info .footer_adds dd {
	    font-size: 16px;
	}

	.footer_info .footer_adds dt {
	    font-weight: 600;
	    color: #1E2124;
	    padding-right: 8px;
	}

	.main_wrap {
	    min-width: 100%;
	}

	.head_util .util_area, .nav-container, .contents {
	    max-width: 1400px;
	    width: 100%;
	    padding: 0 15px;
	    box-sizing: border-box;
	}


	.brand img {
	    margin-bottom: 0px;
	}

	.hidden-text {
	    position: absolute;
	    left: -9999px;
	    width: 1px;
	    height: 1px;
	    overflow: hidden;
	}

	.minW800 {
	    min-width: 800px;
	}

	.btn.blue {
	    background: var(--theme-color01) !important;
	    text-align:center;
	    font-weight: 400;
	}

	.article-header > h3 {
	    line-height: 1.2;
	}

	/* nav */
	.cntPerPage {
	    background-position: calc(100% - 10px) center !important;
	    background-size: 13px;
	}

	.tbl-cnt {
	    margin-top: 40px;
	}

	.nav_toggle_sidebar {
	    height: calc(100% - 117px);
	    overflow-y: auto;
	}

	.nav_toggle_sidebar .m_nav-list .m_menu {
	    height: auto;
	    min-height: calc(100vh - 240px);
	}

	.mcont-top .mcont-section-inner .main-search {
	    margin-right: 15px;
	}

	.mcont-top .main-search .main-search__recommKeyword {
	    padding: 0;
	    color: #222;
	    font-weight: 700;
	    margin-top: 0;
	    font-size: 17px;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 54px;
	}

	.mcont-top .main-search .main-search__recommKeyword > p {
	    margin-right: 16px;
	    flex: 0 0 auto;
	}

	.mcont-top .main-search .main-search__recommKeyword > div {
	    display: flex;
	    gap: 12px;
	    flex-wrap: wrap;
	}

	.mcont-top .main-search .main-search__recommKeyword > div > a {
	    margin: 0;
	    background: #fff;
	    border-radius: 4px;
	    display: flex;
	    align-items: center;
	    padding: 5px 10px;
	    box-sizing: border-box;
	    font-size: 17px;
	    font-weight: 400;
	    color: #1E2124;
	    border: 1px solid #e9e9e9;
	    transition: 0.3s border-color;
	}

	.mcont-top .main-search .main-search__recommKeyword > div > a:hover {
	    border-color: var(--theme-color02);
	}

	.mcont-top .main-search .main-search__recommKeyword > div > a span.numbering {
	    color: var(--theme-color01);
	    margin-right: 8px;
	    font-weight: 700;
	}

	.mcont-top .mcont-section-inner {
	    /* padding-left: 15px; */
	    /* padding-right: 15px; */
	    height: 840px;
	    padding: 64px 15px 40px;
	    display: block;
	    background: url(../../image/main23/renew-banner-bg.png) no-repeat center bottom;
	}

	.mcont-top .mcont-section-inner::after {
	    width: 804px;
	    bottom: -70px;
	    background-size: contain;
	    background-repeat: no-repeat;
	    display: none;
	}

	.mcont-top .mcont-section-inner .main-banner {
	    box-sizing: border-box;
	    margin-top: 35px;
	    padding: 0;
	    background: none;
	    box-shadow: 10px 10px 40px 0px rgba(81, 81, 81, 0.2);
	    width: 470px;
	    height: 470px;
	}

	.mcont-top .main-banner .main-banner__slide .slick-dots {
	    bottom: -22px;
	    outline: none !important;
	}

	.mcont-top .main-banner .main-banner__slide .slick-dots .slick-active button {
	    background: #1150c5;
	}

	.mcont-support .support-list .support-list-inner a .item-tag, .mcont-moreBis .cardSlide .item .item-tag span {
	    background: var(--theme-color05) !important;
	    color: var(--theme-color06);
	    font-weight: 600;
	    font-size: 18px;
	    height: 30px;
	    line-height: 30px;
	    box-sizing: border-box;
	}

	.mcont-mCerti::before {
	    background: #e0e7fa;
	    top: 168px;
	    height: 380px;
	}

	.mCertiSlide .item .item-box {
	    background: #fff;
	    width: 306px;
	    height: 272px;
	    transform: scale(0.7);
	}

	.mCertiSlide .item .item-box strong {
	    color: #464c53;
	    font-weight: 700;
	    font-size: 20px;
	}

	.mcont-support .support-quickNav {
	    background: var(--theme-color02);
	}

	.mcont-support .support-quickNav a {
	    min-width: 70px;
	}

	.mcont-support .support-quickNav a + a {
	    border-left: 1px solid #2d5398;
	}

	.mcont-support .support-quickNav a strong {
	    font-size: 17px;
	    font-weight: 700;
	    margin-top: 8px;
	}

	.mcont-support [class^="quick-nav"] {
	    width: 64px;
	    height: 58px;
	}

	.mcont-support .quick-nav1 {
	    background-image: url("../../image/main23/ico-main-quickmenu01.svg");
	}

	.mcont-support .quick-nav2 {
	    background-image: url("../../image/main23/ico-main-quickmenu02.svg");
	}

	.mcont-support .quick-nav3 {
	    background-image: url("../../image/main23/ico-main-quickmenu03.svg");
	}

	.mcont-support .quick-nav4 {
	    background-image: url("../../image/main23/ico-main-quickmenu04.svg");
	}

	.mcont-support .quick-nav5 {
	    background-image: url("../../image/main23/ico-main-quickmenu05.svg");
	}

	.mcont-support .quick-nav6 {
	    background-image: url("../../image/main23/ico-main-quickmenu06.svg");
	}

	.mcont-support .quick-nav7 {
	    background-image: url("../../image/main23/ico-main-quickmenu07.svg");
	}

	.mcont-support .quick-nav8 {
	    background-image: url("../../image/main23/ico-main-quickmenu08.svg");
	}

	.mcont-support .quick-nav9 {
	    background-image: url("../../image/main23/ico-main-quickmenu09.svg");
	}

	.mcont-support .quick-nav10 {
	    background-image: url("../../image/main23/ico-main-quickmenu10.svg");
	}

	.mcont-support .quick-nav11 {
	    background-image: url("../../image/main23/ico-main-quickmenu11.svg");
	}

	.gnb23 {
	    height: 80px;
	}

	.gnb23 > ul > li + li {
		margin-left: 30px;
	}

	.gnb23 > ul > li > a.active {
	    color: var(--theme-color01);
	}

	.gnb23 > ul > li > a::after {
	    background: var(--theme-color01);
	}

	.gnb23 .gnb-allmenu button {
	    width: 24px;
	    height: 18px;
	}

	.mCertiSlide .mCerti-icon1 {
	    background-image: url("../../image/main23/certi-icon-new01.svg");
	}

	.mCertiSlide .mCerti-icon2 {
	    background-image: url("../../image/main23/certi-icon-new02.svg");
	}

	.mCertiSlide .mCerti-icon3 {
	    background-image: url("../../image/main23/certi-icon-new03.svg");
	}

	.mCertiSlide .mCerti-icon4 {
	    background-image: url("../../image/main23/certi-icon-new04.svg");
	}

	.mCertiSlide .mCerti-icon5 {
	    background-image: url("../../image/main23/certi-icon-new05.svg");
	}

	.mCertiSlide .mCerti-icon6 {
	    background-image: url("../../image/main23/certi-icon-new06.svg");
	}

	.mCertiSlide .mCerti-icon7 {
	    background-image: url("../../image/main23/certi-icon-new07.svg");
	}

	.mCertiSlide .item {
	    padding-top: 0px;
	    margin-top: 76px;
	    display: flex !important;
	    align-items: center;
	    justify-content: center;
	}

	.brand a, .brand a:visited {
	    margin-top: 13px;
	}

	.mCertiSlide .owl-item.active.center .item .item-box {
	    transform: scale(1);
	}

	.main-container {
	    background: #fff;
	}

	.mcont-support .support-text::after {
	    z-index: 1;
	    width: 100%;
	    background-size: contain;
	}

	.mcont-mCerti .mCerti-description {
	    color: #666;
	    font-weight: 500;
	}

	.cardSlide {
	    margin-top: 30px;
	}

	.mcont-mCerti .mCerti-text {
	    margin-bottom: 0px;
	}

	.cardSlide .item .item-description {
	    color: #7d7d7d;
	}

	.cardSlide .item {
	    font-weight: 400;
	}

	.mcont-notic-list a + a {
	    border-top: 1px solid #e9e9e9;
	}

	.mcont-sec-title {
	    font-size: 32px;
	}

	.mcont-support .support-list .support-list-inner a strong {
	    font-weight: 500;
	    margin-top: 8px;
	}

	.tbl-list01 td > .view-btn a {
	    padding: 8px 20px;
	    width: auto;
	    font-size: 14px;
	}

	.service_banners01 ul li dt p {
	    width: 100%;
	    white-space: nowrap;
	}
	.mcont-notic-list a::before {display: none;}

	    .main-search .search-element .board-search-wrap .inp_wrap:before {
	        display: none;
	    }

	/* datepicker custom */
	.ui-widget-header { border: 0px solid #dddddd; background: #fff; }
	 .ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }
	 .ui-datepicker .ui-datepicker-header {position: relative;padding: 10px 0;}
	 .ui-state-default,
	 .ui-widget-content .ui-state-default,
	 .ui-widget-header .ui-state-default,
	 .ui-button,
	 html .ui-button.ui-state-disabled:hover,
	 html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; padding-top:10px; padding-bottom:10px; border-radius: 50%;}
	 .ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold; }
	 .ui-datepicker {display: none;background-color: #fff;border-radius: 4px;margin-top: 10px;margin-left: 0px;margin-right: 0px;padding: 10px;/* padding-bottom: 10px; */width: 240px;box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);}
	 .ui-widget.ui-widget-content { border: 1px solid #eee; }
	 #datepicker:focus>.ui-datepicker { display: block; }
	 .ui-datepicker-prev,
	 .ui-datepicker-next { cursor: pointer; }
	 .ui-datepicker-next { float: right; }
	 .ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); }
	 .ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; }
	 .ui-datepicker-calendar { width: 100%; }
	 .ui-datepicker-calendar>thead>tr>th {padding: 5px 0;font-size: 20px;font-weight: 400;}
	 .ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none;}
	 .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; }
	 .ui-datepicker-calendar>tbody>tr>td {border-radius: 100%;width: 44px;height: 30px;cursor: pointer;padding: 0;font-weight: 100;text-align: center;font-size: 12px;}
	 .ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; }
	 .ui-state-hover,
	 .ui-widget-content .ui-state-hover,
	 .ui-widget-header .ui-state-hover,
	 .ui-state-focus,
	 .ui-widget-content .ui-state-focus,
	 .ui-widget-header .ui-state-focus,
	 .ui-button:hover,
	 .ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; }
	 .ui-widget-header .ui-icon { background-image: url("../../image/main23/calendarBtns.png"); }
	 .ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; }
	 .ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }
	 .ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }
	 .ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }
	 .ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; }
	 .ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; }
	 .ui-state-highlight,
	 .ui-widget-content .ui-state-highlight,
	 .ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding-top: 10px; padding-bottom: 10px; }
	 .ui-datepicker-calendar .ui-state-hover {background: var(--theme-color06) !important; color: #fff !important;}
	 .ui-datepicker-calendar>tbody>tr>td:last-child .ui-state-hover {color: #fff !important;}
	 .ui-datepicker-calendar .ui-state-active {border: 0px !important;}
	 .ui-datepicker-calendar>tbody>tr>td.ui-datepicker-current-day a.ui-state-active{background: var(--theme-color02); color: #fff !important;}
	 .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	 text-indent: -9999px !important;}
	 .mcont-support .support-text::after {bottom:-20px;}
	 .mcont-support .support-top {min-height:370px; height: auto; margin-bottom:20px;}

	/* layerPopup */
	.popmodalWrapBox {
		    position: absolute;
	    top: 180px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 100%;
	    display: flex;
	    justify-content: center;
	    gap: 20px;
	    align-items: flex-start;
	    z-index:99999999999999999;
	}
	.popmodal {
	    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	    background: #fff;
	    z-index: 1000;
	    border-radius: 15px;
	    min-width: 300px;
	    max-width: 500px;
	}
	.popmodal .popmodal-image img {
		    display: block;
		    border-top-right-radius: 15px;
		    width: 100%;
		    border-top-left-radius: 15px;
	}

	.popmodal .popmodal-footer {
		    display: flex;
	    border-top: 1px solid #e4e4e4;

	}
	.popmodal .popmodal-footer button {
		    flex: 1;
	    margin: 0;
	    padding: 0;
	    height: 30px;
	    text-align: center;
	    font-size: 11px;
	    background: none;
	    border: 0;
	    color: #797979;

	}

	.popmodal .popmodal-footer button + button {
		    border-left: 1px solid #e4e4e4;

	}

	/* subpage */
	.gnb23 ul {margin-right: 0px !important;}
	.gov24Wrap {
	    margin-top: 30px;
	    margin-bottom:50px;
	    background: #EEF2F7;
	    border-radius: 10px;
	}
	.gov24Wrap > .inner{
		text-align: center;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 80px 0;
	    justify-content: center;
	    letter-spacing: -0.06em;
	}
	.gov24Wrap > .inner > img {
	    margin-bottom: 40px;
	}
	.gov24Wrap > .inner  .txt1{
	    color: #122857;
	    font-size: 20px;
	    font-weight: 400;
	    margin-bottom: 12px;
	}
	.gov24Wrap > .inner  .txt2 {
	    color: #122857;
	    font-weight: 600;
	    font-size: 40px;
	    margin-bottom: 24px;
	}
	.gov24Wrap > .inner  .txt2 strong{
	    color: #004EDF;
	}
	.gov24Wrap > .inner  .txt3 {
	    color: #555;
	    font-size: 16px;
	    font-weight: 400;
	    text-align: center;
	    word-break: keep-all;
	    margin-bottom: 30px;
	}
	.gov24Wrap > .inner  .applyLink {
	    width: 100%;
	    max-width: 245px;
	    height: 50px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 8px;
	    font-size: 18px;
	    font-weight: 700;
	}
	.support-mypage .body-area dl dd span {color: #122857;}
	.font-color-red { color: var(--theme-color01);}
	.tbl-wrap table.tbl-list01.tline td{overflow: visible; white-space: normal;}
	.info_txt.tag_red {background: var(--theme-color02);}
	.resrch-inner > label > span::before {display: none;}
	body .resrchBtn {
	    background: url(../../image/icon/ico_scope_navy.svg) no-repeat center;
	    font-size: 23px;
	    height: 23px;
	    background-size: contain;
	}
	body .resrchArea {
		flex-direction: column-reverse;
	    align-items: flex-start;
	    width: 100%;
	}
	.resrchArea .resrch-block{
		flex: 1 auto;
	    width: 100%;
	    display: flex;
	    justify-content: flex-start !important;
	    box-sizing: border-box;
	}
	.resrchArea .resrch-block .resrch-inner {    width: 100%;
	    margin-bottom: 20px;
	    border-bottom: 1px solid #ddd;
	    padding-bottom: 20px;}
	.resrchArea .resrch-block .inp{width: 100%;}
	.resrchArea .resrch-block .inp::placeholder {color: #fff;}
	.resrchArea .resrch-block .resrch-inner label {flex: 0 0 auto; font-size: 15px; font-weight: 400;}
	 .guide-txt-01 .small-txt {margin-top:12px;}
	.ico_scrollable {    background: url(../../image/main23/ico_scrollHand.svg) no-repeat center;
	    background-size: 116px;
	    width: 116px;
	    height: 116px;
	    position: absolute;
	    top: 15%;
	    left: 50%;
	    transform: translateX(-50%);
	    z-index: -1;}
	.service_banners_wrap {margin-top: 60px;}
	.service_banners_wrap h2:before {display:none;}
	.guide-txt-01 {margin-top:12px;}
	.gnb23 .gnb-allmenu {margin-left:30px;}
	.join-title span {text-align: center;}
	.join-title {flex-direction: column;}

	.tbl-list01 td {text-overflow: ellipsis;
	    white-space: nowrap;
	    word-wrap: normal;
	    overflow: hidden;}
	.board-view-wrap01 {border-top: none; margin-top:0;}
	.popular-pfi {flex-wrap:wrap;}
	.tbl-wrap {position:relative;}
	.tbl-wrap.scrap_tbl tbody,
	table.tbl-list01.tline,
	.board-view-wrap01:last-child,
	.board-view-wrap01:last-of-type,
	.cont_green,
	.tbl-list th {border-top: 1px solid var(--theme-color02) !important;}
	.article_nav {display:block;}
	.plcyinfo2 {max-height: none;}
	.login-bis-info { width: auto !important; display: block; margin-left: 0 !important; word-break: auto-phrase;}
	.login-bis-info::after {display: none;}
	.board-pfi-list .pfi-top .top-tit {column-gap: 3px;}
	.tbl-wrap-type2 {overflow-x:auto}
	.tbl-wrap-type2  .tbl-list01 {min-width:1000px;}
	.mypage-infor dl {display: flex; flex-wrap:wrap;}
	body .normal-wrap .article {height: auto;}
	body .mypage-infor dl dt,
	body .mypage-infor dl dd {height: auto}
	.header-site-wrap .site-cont .bottom-wrap .inner span {color: #555; font-weight: 400;}
	.header-site-wrap .site-cont .bottom-wrap .inner strong {color: #0D457B;}
	.header-site-wrap .site-cont dl.type01 dd {width: 100%; max-width: 1280px; padding: 0 15px; box-sizing:border-box;}
	.header-site-wrap .site-cont .bottom-wrap .inner {padding: 10px 15px; box-sizing:border-box;}
	.header-site-wrap .site-header .site-rela {max-width:1280px; width: 100%; padding: 0 15px;}
	.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a strong {color: #222;}
	.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a span {color: #555;}
	.site-cont .popup-tab ul li:first-child {border-radius: 5px 0 0 5px;}
	.site-cont .popup-tab ul li:last-child {border-radius:0 5px 5px 0;}
	.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {height: 80px; width:25%; padding: 0 4px; box-sizing: border-box;}
	.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a {height: 100% !important; width:100%; box-sizing: border-box;}
	.header .tnb li.etc .header-site-wrap .site-cont .site_list ul {display: flex; flex-wrap:wrap;    margin: 0 -4px; row-gap: 8px;
	    width: calc(100% + 8px);}
	.header-site-wrap .site-cont .bottom-wrap .inner {display: flex; flex-wrap:wrap;}
	.header-site-wrap {padding: 35px 0 0; position: absolute;}
	.header-site-wrap .site-cont .bottom-wrap {position:relative; margin-top:30px;}
	.header-site-wrap .site-cont .bottom-wrap .inner span {width: 100%; display: flex; white-space:break-spaces}


	/* 정책금융 페이지 적용 */
	.tab-multiply {flex-wrap: wrap; gap:20px;}
	.tab-multiply > ul > li.active a {background:var(--theme-color04);}
	.tab-multiply > ul > li.active a:before {border-top: 7px solid var(--theme-color04);}
	.search-pfi-example .example-box .ex {background-color:#16408D;}
	.titinfoWrap {margin:0; flex-wrap:wrap;}
	.popular-pfi .pfi-tit {background:var(--theme-color04);}
	.resrchArea .search-pfi-example {width:100%;}
	.resrchArea .search-pfi-example .example-inner {overflow: visible;}
	.label-pfi.hot {background: #D84664;}
	.label-pfi.new {background: var(--theme-color01);}
	.board-pfi-view .view-focus .focus-intro .intro-ins {flex-wrap:wrap;}

	.tbl-wrap.scrap_tbl .scrap_btn_top {display: flex; align-items: center; justify-content: flex-end;}
	.tbl-wrap.scrap_tbl .scrap_btn_top .custom_delete a,
	.tbl-wrap.scrap_tbl .scrap_btn_top .toggle_btn .btn {
		background: var(--theme-color01);
		border-radius: 4px;
		padding: 6px 16px;
		color: #fff;
		font-size:15px;
		display: flex;
		align-items: center;
		height:33px;
		box-sizing: border-box;
	}
	.tbl-wrap.scrap_tbl .scrap_btn_top .toggle_btn .btn  {
		background: var(--theme-color01) !important;
	}
	.tbl-wrap.scrap_tbl .scrap_btn_top .toggle_btn .btn.on {
		background: #666 !important;
	}
	.tbl-wrap.scrap_tbl tbody tr td .small-btn-wrap a{
			height: 33px;
	    box-sizing: border-box;
	    display: inline-flex;
	    align-items: center;
	    font-size: 15px;

	}
	.tbl-wrap.scrap_tbl .scrap_btn_top .custom_delete a {
		background: #666;
	}


	.article-site-wrap ul li {
		width: calc( 50% - 8px );
	}

	.pwd-alert-wrap {padding: 33px 10px; box-sizing: border-box;}
	.article-msg {margin-top:0;}
	.step-wrap h3,
	.find-result-wrap dt  {
		border-bottom:2px solid var(--theme-color02);
		color: var(--theme-color02);
		font-size:18px;
	}
	.step-wrap dl dt {
		font-size:18px;
		color: var(--theme-color02);
	}
	.tbl-register {
		border-top:1px solid var(--theme-color02);
	}
	.find-result-wrap dt {


	}
	.auth-txt {  width: calc(100% - 20px);
	    left: 50%;
	    transform: translateX(-50%);
	    position: relative;
	    top: 116px;}
	.auth-wrap ul li a {max-width: 180px; margin-top:150px !important; position: relative; left:0; margin: 0 auto;}
	.auth-wrap ul li:first-child:before {
		top:0;
		height:100%;

	}
	.find-result-wrap dd p strong.co-sky01 {
		color: var(--theme-color01);
		display:block;
		padding: 0;
		margin:10px 0;
	}

	.login23-bis {width: 100%;}
	.auth-wrap.cols3 ul li.A201,
	.auth-wrap.cols3 ul li.A202 {
		background: none;
	}
	.auth-wrap ul {display:flex;}
	.auth-wrap ul,
	.auth-wrap ul li {height: auto;}
	.auth-wrap ul li {    padding: 10px 0;
	    width: 50%;
	    height: 275px;
	    overflow: hidden;
	    float: left;
	    position: relative;}

	.onlyPcAvailable{
		display: none;
		background: #F4F5F6;
	    border-radius: 8px;
	    text-align: center;
	    padding: 20px;
	    margin-bottom: 90px;
	    color: #4C6598;
	    font-weight: 500;
	    border: 1px solid #ddd;}
	.biz_life_step {
	    margin: 30px auto;
	    display: flex;
	    justify-content: center;
	    width: 100%;
	    box-sizing: border-box;}
	.biz_life_step > ul{
		margin: 0;
	    width: 100%;
	    display: flex;
	    justify-content: center;}
	.biz_life_step > ul li	{
		flex: 0 0 auto;
		width: 220px;
	    height: 220px;
	    margin-left:0;}
	.service-list .cont-list li {
	    padding: 30px 0;
	}
	.service-list .cont-list li .title,
	.service-list .cont-list li .info {
	    padding: 0 30px;
	}
	.support_life h3 {
	    font-size: 24px;
	    font-weight: 500;
	}

	.support_life .support_state li dd {
	    padding: 0;
	}

	.support_life .support_state li dd a {
	    color: var(--theme-color01);
	}

	button.c_btn_more {
	    margin: 2px 0 0 0;
	}

	.cont_green .cont_wrap > div {
	    margin-left: 30px !important;
	}

	.board-search-wrap {
	    padding: 25px 20px;
	    box-sizing: border-box;
	    height: auto;
	}

	.service_banners01 ul li dt {
	    height: 60px;
	}

	.service_banners01 ul li dd {
	    width: 95%;
	    box-sizing: border-box;
	    height: auto;
	    margin-top: 25px;
	}

	.service_search_area .service_search_con {
	    max-width: 1400px;
	    width: 100%;
	}

	.service_search_area .service_search_con ul {
	    display: flex;
	    gap: 60px;
	    justify-content: center;
	    padding: 0 70px;
	}

	.service_search_area .service_search_con li {
	    margin: 0px;
	}

	.service_search_area li {
	    width: auto;
	    flex: 0 1 340px;
	}

	.service_search_area li dd .btn {
	    height: 46px;
	}

	.irn-poll .poll-send {
	    background: var(--theme-color01);
	}

	.d_flex {
	    display: flex;
	}

	.normal-wrap .lnb ul li {
	    border: 1px solid #ddd;
	}

	.normal-wrap .lnb ul li a {
	    color: #464c53;
	    font-weight: 400;
	}

	.normal-wrap .lnb ul li a:hover, .normal-wrap .lnb ul > li.choose > a {
	    color: var(--theme-color01);
	}

	.normal-wrap .lnb > ul > li.choose {
	    border: 1px solid var(--theme-color01);
	    background: #f2f6ff;
	}

	.normal-wrap .lnb > ul > li.choose:has(.depth2_wrap) {
	    background: #fff;
	}

	.normal-wrap .lnb h2 {
	    background: var(--theme-color04);
	}

	.normal-wrap .article {
	    padding-bottom: 0;
	}

	.tbl-cnt b.num {
	    color: var(--theme-color01);
	}

	.support-search-element.cols_type2 .form_cols .col_wrap button {
	    background: var(--theme-color01);
	    border-radius: 8px;
	    margin-left: 14px;
	}

	.support-search-element {
	    background: var(--theme-color07) !important;
	}

	.support-search-element .block .inner {
	    margin: 0;
	}

	.support-search-element .block .inner > span {
	    color: #464c53;
	    font-size: 18px;
	    font-weight: 500;
	    width: auto !important;
	    white-space: nowrap;
	    margin-right: 8px;
	}

	.support-search-element .block .inner select {
	    border-radius: 8px;
	    border: 1px solid #d9d9d9;
	}

	.support-search-element .block .block-inner {
	    gap: 8px;
	}

	.support-search-element .block {
	    gap: 14px;
	}

	.support-search-element .block button {
	    margin-left: 0;
	    background: var(--theme-color01);
	    width: 100px;
	    min-width: 50px;
	}

	.support-search-element .block button.resetButton {
	    border: 1px solid #58616a;
	    color: #1e2124;
	    background: #fff;
	    margin-left: 0;
	    min-width: 64px;
	}

	.support-search-element .block button.resetButton:hover {
	    background-color: #f4f5f6;
	}

	.support-search-element .block.cols2.type2 {
	    gap: 8px;
	}

	.support-search-element .block.cols2.type2 .spaceTxt {
	    margin-left: 6px;
	}

	.graph-wrap .option-list li {
	    height: auto;
	}

	.tbl-list01 thead {
	    border-top: 1px solid var(--theme-color02);
	}

	.tbl-list01 td a:hover {
	    text-decoration: none !important;
	}

	.gnb_sch23 {
	    border: 1px solid #999;
	    border-radius: 5px;
	    overflow: hidden;
	    flex-shrink: 0;

	}

	.gnb_sch23 button {
	    background: url("../../image/main23/icon-search-gray.svg") no-repeat center;
	}

	.support-search-element.cols_type2 .form_cols .col_wrap span {
	    color: #464c53;
	    font-size: 18px;
	    font-weight: 500;
	    padding-right: 8px;
	    flex: 0 0 auto;
	}

	.support-search-element.cols_type2 .form_cols {
	    gap: 14px;
	    flex-wrap: wrap;
	}

	.support-search-element.cols_type2 .form_cols .col_wrap .select {
	    margin-right: 0px;
	    border-radius: 8px;
	    min-width: fit-content;
	    -webkit-appearance: none;
	    padding: 0 30px 0 16px;
	    -moz-appearance: none;
	    appearance: none;
	    background: #fff url(../../image/icon/ico_arrow_down_navy.svg) no-repeat calc(100% - 12px) center;
	}

	.support-search-element.cols_type2 .form_cols .col_wrap .inp {
	    border-radius: 8px;
	}

	.card-list li a .card_top {
	    height: auto;
	}

	.card-list li a .card_top .cata {
	    border-radius: 5px;
	    background: #f2f9ff;
	    color: var(--theme-color06);
	    font-weight: 500;
	    font-size: 15px;
	    padding: 4px 9px;
	}

	.paging a.active, .paging a:hover {
	    background: var(--theme-color04);
	    border-color: var(--theme-color04);
	}

	.paging a {
	    border: none;
	    font-size: 14px;
	    border-radius: 4px;
	    color: #666;
	    font-weight: 400;
	}

	.paging .active a {
	    text-decoration: none;
	    background: var(--theme-color04);
	    border: 1px solid var(--theme-color04);
	}

	.paging span.first {
	    background: url(../../image/bg/ico-first-gray.svg) no-repeat center center !important;
	}

	.paging span.prev {
	    background: url(../../image/bg/ico-prev-gray.svg) no-repeat center center !important;
	}

	.paging span.next {
	    background: url(../../image/bg/ico-next-gray.svg) no-repeat center center !important;
	}

	.paging span.end {
	    background: url(../../image/bg/ico-last-gray.svg) no-repeat center center !important;
	}

	#btn-order-watched {
	    border: 1px solid #666;
	    background: #fff;
	    color: #666;
	    font-weight: 400;
	}

	.tbl-cnt.view_method .more_view #btn-order-watched.sorting.up:after, .tbl-cnt.view_method .more_view #btn-order-watched.sorting.dw:after {
	    color: #666;
	}

	.tbl-cnt.view_method .more_view .cntPerPage {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background: #fff url(../../image/icon/ico_arrow_down_navy.svg) no-repeat calc(100% - 6px) center;
	    background-size: 12px;
	    border: 1px solid #d9d9d9;
	    border-radius: 4px;
	}

	.tbl-cnt {
	    color: #666;
	    font-weight: 400;
	}

	.support-search-line {
	    border-top: none;
	    margin-top: 30px;
	}

	.correct-form {
	    border-top: 1px solid var(--theme-color02);
	}

	.support-search-element .block.cols2 .inner.flexOne {
	    flex: 1;
	}

	.noDataWrap {
	    border: none !important;
	    background: none !important;
	}

	.noData {
	    color: #464c53;
	    font-size: 18px;
	    line-height: 1.5;
	    font-weight: 400;
	    text-align: center;
	    padding: 43px 0;
	}

	.print_list.printA_n li .left_nm {
	    background-color: var(--theme-color02) !important;
	}

	.print_list.printA_n li:nth-child(2) .left_nm_n {
	    background-color: var(--theme-color02);
	}

	.applyt_btn, .applyt_btn.open {
	    background-color: var(--theme-color05);
	    border: none;
	}

	.print_list.printA_n li:hover {
	    outline: 1px solid var(--theme-color02);
	}

	.txt_tag_box {
	    border: 1px solid var(--theme-color02);
	    color: var(--theme-color02);
	}

	.board-search-wrap button {
	    background: var(--theme-color01);
	    border-radius: 5px;
	    margin-left: 14px;
	}

	.apply-toggle-titB:hover {
	    border: 1px solid var(--theme-color02) !important;
	}

	.board-search-wrap .select, .board-search-wrap .inp {
	    border-radius: 8px;
	}

	.service_search_area li dd button.btn_complaint_go {
	    background-color: var(--theme-color01);
	}

	.board-search-wrap {
	    background: var(--theme-color07);
	}

	.service_search_area {
	    background: var(--theme-color07);
	}

	.normal-wrap .lnb ul li ul {
	    background: #f2f6ff;
	}

	.normal-wrap .lnb ul li ul.depth2_wrap {
	    width: calc(100% - 14px);
	    margin: 0 auto 10px;
	    border-radius: 10px;
	}

	.tbl-list01 td span.category.color6 {
	    background-color: var(--theme-color02);
	}

	.ico-heart.off {
	    width: 32px;
	    height: 32px;
	    display: inline-block;
	    background: url("../../image/main23/icon-heart-off.svg") no-repeat center;
	    flex-shrink: 0;
	}

	.ico-heart.on {
	    width: 32px;
	    height: 32px;
	    display: inline-block;
	    background: url("../../image/main23/ico-heart-on.svg") no-repeat center;
	    flex-shrink: 0;
	}

	.corrent-tab li.active a {
	    color: var(--theme-color01);
	}

	.login23 .login23-tab > button.active {
	    background: var(--theme-color02);
	    border-color: var(--theme-color02);
	}

	.login23 .login23-tab {
	    border-bottom: 1px solid var(--theme-color02);
	}

	.login23 .login23-frm form button {
	    background: var(--theme-color02);
	}

	.m_gnb_sch .gnb_sch input {
	    border: 3px solid var(--theme-color02);
	}

	.m_gnb_sch span.btn_zoom .btn_sch {
	    background: var(--theme-color02);
	}

	.print_list.printA_n ul {
	    gap: 10px;
	    width: 100%;
	    gap: 7px; /*251020 10px에서 7px로 변경*/
	}

	.print_list.printA_n li {
	    margin: 0;
	    width: calc(50% - 5px);
	    flex: 0 0 auto;
	}

	.titleInfoArea_n {
	    display: block;
	}

	.titleInfoArea_n > span::before {
	    display: none;
	}

	.titleInfoArea_n > span {
	    display: block;
	    margin-left: 0px;
	}

	.print_list.printA_n li .right .row {
	    flex-wrap: wrap;
	}

	.apply-toggleBox .apply-toggle.active .applyInfo_img {
	    width: 100%;
	    overflow-x: auto;
	}

	.table_cap_txt {
	    margin: 0px;
	}

	.certi_etc_wrap {
	    overflow-x: auto;
	}

	.certi_etc_wrap .certi_etc {
	    width: 100%;
	}

	.correct-form dl .form ul li {
	    display: flex;
	}

	.correct-form dl .form ul li input {
	    flex: 0 0 auto;
	}

	.graph-wrap .option-list li {
	    border: none;
	    border-right: 1px solid #ddd;
	}

	.graph-wrap .option-list li:last-child {
	    border-width: 1px;
	}

	/* tabs-list */
	.tabs-list li a {
	    font-size: 17px;
	    color: #464c53;
	    font-weight: 500;
	    height: 60px;
	    background: #fff;
	    border-bottom: 2px solid var(--theme-color04);
	    border-top: 1px solid #d9d9d9;
	    border-right: 1px solid #d9d9d9;
	}

	.tabs-list li:first-child a {
	    border-left: 1px solid #d9d9d9;
	}

	.tabs-list li a.on {
	    color: #fff;
	    border: 1px solid var(--theme-color04);
	    border-bottom: 2px solid var(--theme-color04);
	    background: var(--theme-color04);
	}

	.tabs-list li:first-child a {
	    border-radius: 8px 0 0 0;
	}

	.tabs-list li:last-child a {
	    border-radius: 0 8px 0 0;
	}

	.ico-tab li.active a, .ico-tab li a:hover {
	    border: 1px solid var(--theme-color01);
	    background-color: var(--theme-color01);
	}

	.print_list.printA_n li .right .row > span, .txt_tag_box {
	    flex: 0 0 auto;
	}

	/* .alert-element */
	.alert-element {
	    background: #f4f5f6;
	    color: #4c6598;
	    font-weight: 400;
	}

	.calendar-box {
	    margin-top: 30px;
	    margin-bottom: 50px;
	}

	.calendar-box-top {
	    display: flex;
	    background: var(--theme-color04);
	    border-radius: 8px 8px 0 0;
	    height: 60px;
	    color: #fff;
	    align-items: center;
	    justify-content: center;
	}

	.calendar-box-top > button {
	    background: none;
	    padding: 0;
	    display: flex;
	    margin: 0 2px;
	}

	.calendar-box-top .current-datetime {
	    margin: 0 16px;
	    font-size: 24px;
	    font-weight: 700;
	    transform: translateY(-2px);
	}

	.calendar-box-content {
	    border: 1px solid #d9d9d9;
	    border-top: none;
	    border-radius: 0 0 8px 8px;
	    padding: 30px 30px 20p;
	}

	.calendar-box-content > table {
	    width: 100%;
	    border-spacing: 10px 0;
	    border-collapse: separate;
	}

	.calendar-box-content > table thead th {
	    text-align: left;
	    height: 60px;
	    box-sizing: border-box;
	    color: #464c53;
	    font-size: 18px;
	    font-weight: 500;
	    vertical-align: bottom;
	    padding-bottom: 13px;
	}

	.calendar-box-content > table tbody td {
	    height: 100px;
	    border-top: 1px solid #d9d9d9;
	    vertical-align: top;
	    padding: 14px 16px;
	    color: #8d7f7f;
	    box-sizing: border-box;
	    font-size: 24px;
	    cursor: pointer;
	    font-weight: 400;
	}

	.calendar-box-content > table tbody td.today {
		color: #464c53;
	    outline: 2px solid var(--theme-color01);
	}

	.calendar-box-content > table tbody td.today span {
	    font-weight: 500;
	}

	.calendar-box-content > table tbody td.today p {
	    font-size: 15px;
	    font-weight: 500;
	    text-align: right;
	    margin-top: 15px;
	}

	.calendar-box-content > table tbody td.on:before {
	    content: "";
	}

	.calendar-box-content > table tbody td.noDate {
	    cursor: auto;
	}

	.contentTab .tabHeader {
	    display: flex;
	    height: 48px;
	}

	.contentTab .tabHeader button {
	    flex: 1;
	    background: #fff;
	    border: 1px solid #d9d9d9;
	    color: #464c53;
	    font-size: 17px;
	    font-weight: 500;
	}

	.contentTab .tabHeader button:first-child {
	    border-radius: 8px 0 0 0;
	}

	.contentTab .tabHeader button:last-child {
	    border-radius: 0 8px 0 0;
	}

	.contentTab .tabHeader button.on {
	    border: none;
	    background: var(--theme-color02);
	    color: #fff;
	    font-weight: 700;
	}

	.contentTab .tabContent .tabPanel > div{
	    border-top: 1px solid var(--theme-color02);
	    background: #f2f6ff;
	    padding: 28px 25px 20px;
	    border-radius: 0 0 8px 8px;
	}

	.contentTab .tabContent > div {
	    display: none;
	}

	.contentTab .tabContent > div.on {
	    display: block;
	}

	/* articleLists */
	.articleLists > li {
	    border: 1px solid #ddd;
	    background: #fff;
	    border-radius: 8px;
	    margin-bottom: 16px;
	}

	.articleLists > li:last-child {
	    margin-bottom: 0;
	}

	.articleLists > li a {
	    display: flex;
	    align-items: center;
	    padding: 24px 30px;
	    text-decoration: none;
	}

	.articleLists > li .articleStatus {
	    font-size: 17px;
	    color: #0b50d0;
	    font-weight: 700;
	    padding-right: 30px;
	}

	.articleLists > li .articleCon {
	    border-left: 1px dashed #e9e9e9;
	    padding-left: 30px;
	    flex: 1;
	    min-width: 0;
	}

	.articleLists > li .articleCon > p {
	    display: flex;
	    color: #1e2124;
	    font-size: 18px;
	    font-weight: 500;
	    line-height: 1.5;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: 100%;
	}

	.articleLists > li .articleCon > p .articleTag {
	    background: var(--theme-color05);
	    border-radius: 5px;
	    font-size: 15px;
	    font-weight: 500;
	    color: var(--theme-color06);
	    padding: 2px 12px;
	    margin-right: 8px;
	    flex-shrink: 0;
	}

	.articleLists > li .articleCon > p .articleTxt {
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: 90%;
	    display: block;
	}

	.articleLists > li .articleCon .articleSubTxt {
	    color: #464c53;
	    font-size: 17px;
	    margin-top: 12px;
	    line-height: 1;
	}

	.articleLists > li .articleArrow {
	    margin-left: auto;
	}

	.calendar-box-content > table tbody td {
	    height: 100px;
	    border-top: 1px solid #d9d9d9;
	    vertical-align: top;
	    padding: 14px 16px;
	    color: #464c53;
	    box-sizing: border-box;
	    font-size: 24px;
	    cursor: pointer;
	    position: relative;
	    font-weight: 400;
	}

	.calendar-box-content > table tbody td:first-child span {
	    color: #e45f5f;
	}

	.calendar-box-content > table tbody td.today {
	    color: var(--theme-color01);
	}

	.calendar-box-content > table tbody td.today span {
	    font-weight: 500;
	}

	.calendar-box-content > table tbody td.today p {
	    font-size: 15px;
	    font-weight: 500;
	    text-align: right;
	    margin-top: 15px;
	}

	.calendar-box-content > table tbody td.on span {
	    color: #222;
	}

	.calendar-box-content > table tbody td.on:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    height: calc(100% - 12px);
	    top: 0;
	    left: 0;
	    z-index: -1;
	    border-top: 3px solid var(--theme-color01);
	    background: #f2f6ff;
	}

	.calendar-box-content > table tbody td.noDate {
	    cursor: auto;
	}

	.normal-wrap {
	    margin: 20px auto 0;
	}

	#search-list {
	    max-width: 1180px;
	    box-sizing: border-box;
	}

	.srchTopBox {
	    margin-top: -20px;
	    margin-bottom: 50px;
	    height: 260px;
	}

	.srchTopBox:before {
	    content: "";
	    position: absolute;
	    background: #f4f5f6;
	    height: 260px;
	    width: 100%;
	    z-index: -1;
	    left: 0;
	}

	#search-list .sub-title {
	    padding: 64px 0 32px 0px;
	    overflow: visible;
	    line-height: 1;
	}

	.search-element .board-search-wrap {
	    background: #f4f5f6;
	    border-radius: 40px;
	    border: 3px solid var(--theme-color03);
	    height: 66px;
	    background: #fff;
	    max-width: 720px;
	    margin: 0 auto 64px;
	    box-sizing: border-box;
	    padding: 0 30px;
	}

	.search-element .board-search-wrap.main-search-wrap {
	    margin-left: 45px;
	}

	.search-element .board-search-wrap .select {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    background: url(../../image/icon/ico_arrow_down_navy.svg) no-repeat calc(100% - 16px) center;
	    width: auto;
	    color: #33363d;
	    font-size: 18px;
	    border: none;
	    min-width: 160px;
	    padding: 0;
	    margin: 0;
	    font-weight: 400;
	}

	.search-element .board-search-wrap .inp_wrap {
	    position: relative;
	    flex: 1;
	    width: 100%;
	    margin:0;
	}

	.search-element .board-search-wrap .inp_wrap:before {
	    content: "";
	    position: absolute;
	    width: 1px;
	    height: 30px;
	    background: #eee;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}

	.search-element .board-search-wrap .inp {
	    border: none;
	    flex: 1;
	    color: #33363d;
	    font-size: 18px;
	    font-weight: 400;
	    width: 98%;
	    box-sizing: border-box;
	    margin: 0;
	}

	.search-element .board-search-wrap .inp::placeholder {
	    color: #8a949e;
	}

	.search-element .board-search-wrap #srchBtn {
	    font-size: 0;
	    background: none;
	    width: 30px;
	    height: 30px;
	    background: url(../../image/icon/ico_scope_navy.svg);
	}

	.tab-ele {
	    border-radius: 8px 8px 0 0;
	    overflow: hidden;
	    height: 72px;
	}

	.search-element .tab-ele.flex {
	    border: 1px solid #d9d9d9;
	    border-bottom: 2px solid var(--theme-color04);
	}

	.search-element .tab-ele li {
	    height: 100%;
	}

	.search-element .tab-ele li a {
	    border: 1px solid #d9d9d9;
	    height: 100%;
	    padding: 0;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}

	.search-element .tab-ele li a.active {
	    border: 1px solid var(--theme-color04);
	    background-color: var(--theme-color04);
	}

	.search-element .tab-ele li a p {
	    color: #464c53;
	    font-size: 17px;
	    font-weight: 600;
	    margin-bottom: 8px;
	}

	.search-element .tab-ele li a span {
	    color: #666666;
	    font-size: 15px;
	    font-weight: 500;
	}

	.search-element .list-ele {
	    margin-top: 50px;
	}

	.search-element .tab-ele li a.active p {
	    color: #fff;
	}

	.search-element .result-txt {
	    text-align: left;
	    margin-top: 60px;
	    font-size: 20px;
	    line-height:1.4;
	    font-weight: 700;
	    color: #222;
	    padding-bottom: 24px;
	    border-bottom: 1px solid #c6c6c6;
	}

	.search-element .result-txt span {
	    color: var(--theme-color01);
	}

	.search-element .list-ele .title-ele h4 {
	    color: #222;
	    display: flex;
	    gap: 8px;
	}

	.search-element .list-ele .title-ele h4 span {
	    color: var(--theme-color01);
	    font-size: 15px;
	    font-weight: 700;
	}

	.tab-ele.tab-ele-type2 {
	    display: flex;
	    overflow: hidden;
	    border: 1px solid #d9d9d9;
	    border-bottom: none;
	    height: auto;
	    flex-wrap: wrap;
	}

	.tab-ele.tab-ele-type2 li {
	    flex: 1 1 20%;
	    height: 42px;
	    border-bottom: 1px solid #d9d9d9;
	    border-right: 1px solid #d9d9d9;
	    box-sizing: border-box;
	}

	.tab-ele.tab-ele-type2 li:nth-child(5n), .tab-ele.tab-ele-type2 li:last-child {
	    border-right: none;
	}

	.tab-ele.tab-ele-type2 li a {
	    border: none;
	    gap: 6px;
	    flex-direction: row;
	    align-items: center;
	    font-weight: 500;
	    font-size: 15px;
	    color: #464c53;
	}

	.search-element .list-ele .title-ele {
	    border-bottom: var(--theme-color02);
	}

	.search-element .tab-ele.tab-ele-type2 li a span {
	    color: #464c53;
	}

	.search-element .tab-ele.tab-ele-type2 li a.active span {
	    color: #fff;
	}

	.tab-ele.tab-ele-type2 li a.active {
	    background: var(--theme-color02);
	}

	.search-element .list-ele .body-ele {
	    margin-top: 4px;
	}

	.srchContentBox {
	    gap: 40px;
	    display: flex;
	    align-items: flex-start;
	}

	.srchContentBoxL {
	    width: 880px;
	    flex:1;
	}

	.srchContentBoxR {
	    width: 230px;
	    border: 1px solid #d9d9d9;
	    border-radius: 8px;
	    overflow: hidden;
	}

	.srchContentBoxR > h3 {
	    background: var(--theme-color07);
	    text-align: center;
	    color: var(--theme-color04);
	    font-size: 17px;
	    font-weight: 600;
	    height: 58px;
	    align-items: center;
	    display: flex;
	    justify-content: center;
	}

	.srchContentBoxR ol {
	    padding: 24px;
	    display: flex;
	    flex-direction: column;
	    gap: 20px;
	}

	.srchContentBoxR ol > li {
	    font-size: 15px;
	}

	.srchContentBoxR ol > li > a {
	    color: #464c53;
	    display: flex;
	    font-weight: 400;
	    gap: 8px;
	}

	.srchContentBoxR ol > li > a:hover span {
	    color: var(--theme-color01);
	    font-weight: 700;
	}

	.head_util .util_area .util_member li:last-child {
	    background: var(--theme-color02);
	    display: block !important;
	}

	.mcont-top {
	    background: url(../../image/main23/renew-banner-bg.png) no-repeat center bottom;
	    background-size:cover;
	}

	.mcont-section-inner {
	    padding: 0 15px;
	}

	@media screen and (max-width: 1400px) {
		.gnb23 ul {display: none;}
		.mcont-support .support-top {min-height: auto;}
	    .service-list .cont-list li .tel {
	        background: none;
	        text-align: center;
	        width: 100%;
	        padding: 0 !important;
	        height: auto;
	    }

	    .service-list .cont-list li:nth-child(3) .tel {
	        background: none;
	    }

	    .service-list .title-info {
	        height: auto;
	        padding: 30px 0 0;
	    }

	    .service-list .title-info span.img {
	        width: 240px;
	    }

	    .mcont-support .support-text, .mcont-support .support-text::after {
	        display: none;
	    }

	    .mcont-support .support-list {
	        margin: 0;
	        flex: 0 0 100%;
	    }

	    .main-search .search-element {
	        /* max-width: 640px; */
	        /* margin: 0; */
	    }

	    .mcont-top .main-search .main-search__recommKeyword {
	        padding-left: 55px;
	    }

	    .mcont-top .mcont-section-inner::after {
	        width: 65vw;
	    }

	    .mcont-top .mcont-section-inner .main-banner {
	        width: 400px;
	        height: 400px;
	    }

	    .nav_toggle_sidebar {
	        height: calc(100% - 37px);
	    }

		.gnb23 .gnb-allmenu {margin-left:30px;}
	    .gnb23 ul a {font-size: 18px;}
	    .gnb23 > ul > li + li {margin-left:20px;}

	    .nav_toggle_sidebar .m_nav-list {
	        flex-wrap: wrap;
	    }

	    .nav_toggle_sidebar .m_nav-list .m_menu {
	        width: 100%;
	        flex: 1 1 100%;
	        height: auto;
	        min-height: auto;
	        border-left: none;
	        border-top: 1px solid #ddd;
	        padding-top: 15px;
	    }

	    .nav_toggle_sidebar .m_nav-list .m_menu:first-child {
	        border-top: none;
	        padding-top: 0px;
	    }

	    .nav_toggle_sidebar .m_nav-list .m_menu .nav_area {
	        margin-top: 10px;
	        margin-bottom: 15px;
	    }
	}
	@media screen and (max-width: 1200px) {
		.board-pfi-view .view-top {flex-direction: column; gap:20px;}
		.board-pfi-view .view-focus {min-width: auto; max-width: none; width: 100%;}

		.board-pfi-view .view-key {flex-wrap: nowrap; width: auto; gap:10px; margin:0; }
		.board-pfi-view .view-key .key-align2 > .key-box,
		.board-pfi-view .view-key .key-align2:nth-child(1) > .key-box { margin: 0;}

	}
	@media screen and (max-width: 1024px) {
	    /* tablet device */
	    .popmodalWrapBox {width: 95%;}
	    .popmodal {position:absolute;}
	    .join-step-list li {background: #f5f5f5 !important;}
	    .join-step-list li.on {background: #fff !important;}
	    .header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {flex: 0 1 33%; display: flex;}
	    .header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a {display: flex;flex-direction: column; white-space: normal; align-items: flex-start; padding: 0; height: 100% !important; box-sizing:border-box; }
	    .tbl-register td {box-sizing: border-box;}
	    .head_util { overflow-x: auto; overflow-y: hidden; white-space:nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;}
	    .head_util .util_area {display:flex; justify-content: space-between;}
	    .head_util .util_area > ul {flex: 0 0 auto;}
	    .head_util .util_area li {padding: 0 10px;}
	    .tbl-wrap01 .tbl-register.noMinWidth {
	    	min-width:100%;
	    }
	    .service-list .title-info span.img {
	        display: none;
	    }

	    .service-list .title-info {
	        padding: 30px 0 ;
	    }

	    .footer_info .footer_logo {
	        width: 100%;
	        margin-bottom: 10px;
	        text-align: left;
	    }

	    .mcont-moreBis .cardSlide .cardSlide-info .cardSlide-bar .cardSlide-bar-stat {
	        background: var(--theme-color02);
	        border-radius: 20px;
	    }

	    .cardSlide .cardSlide-info {
	        margin-top: 20px;
	    }

	    .mcont-support [class^="quick-nav"] {
	        width: 52px;
	        height: 46px;
	    }

	    .mcont-support .support-quickNav a strong {
	        font-size: 16px;
	    }

	    .mcont-support .support-quickNav {
	        border-radius: 0px;
	        margin: 0;
	    }

	    .support-quickNav-wrap {
	        overflow-x: auto;
	        margin: 20px -15px 0;
	        overflow-y: hidden;
	        white-space: nowrap;
	        -webkit-overflow-scrolling: touch;
	        -ms-overflow-style: none;
	        /* scrollbar-width: none; */
	        width: calc(100% + 30px);
	        background: var(--theme-color02);
	    }

	    .main-container > section + section {
	        margin-top: 50px;
	        margin-bottom: 30px;
	    }

	    .main-container > section + section.mcont-moreBis {
	        margin-top: 88px;
	    }

	    .nav_toggle {
	        background: url(../../image/main23//icon-allmenu.svg);
	        width: 24px;
	        height: 18px;
	        background-size: cover;
	        padding: 0;
	        top: 18px;
	        right: 15px;
	        left: auto;
	    }

	    .nav_toggle span, .nav_toggle span:before, .nav_toggle span:after {
	        display: none;
	    }

	    .mcont-top {
	        margin-top: 0px;
	    }

	    .nav-mobile {
	        right: 0;
	    }

	    .mcont-top .mcont-section-inner::after {
	        display: none;
	    }

	    .main-search .search-element, .search-element .board-search-wrap {
	        max-width: 100%;
	        height: 50px;
	    }

	    .search-element .board-search-wrap.main-search-wrap {
	        margin-left: 0;
	    }

	    .mcont-top .mcont-section-inner {
	        padding-top: 30px;
	        padding-bottom: 68px;
	        height: auto;
	    }

	    .mcont-top .main-search .main-search__recommKeyword {
	        padding-left: 0;
	    }

	    .mcont-top .mcont-section-inner .main-banner {
	        margin: 36px auto 0;
	    }

	    .mcont-top .mcont-section-inner .main-search {
	        width: 100%;
	        max-width: 700px;
	        margin: 0 auto;
	    }

	    .service_search_area .service_search_con ul {
	        padding: 0 50px;
	    }

	    .srchContentBox {
	        flex-direction: column-reverse;
	        flex-wrap: wrap;
	        gap: 24px;
	    }

	    .srchContentBoxR {
	        width: calc(100% + 15px);
	        display: flex;
	        border: none;
	        width: calc;
	        align-items: center;
	    }

	    .srchContentBoxR > h3 {
	        background: none;
	        height: auto;
	        flex-shrink: 0;
	        margin-right: 13px;
	    }

	    .srchContentBoxR > div {
	        display: flex;
	        width: calc(100% - 95px);
	    }

	    .srchContentBoxR > div ol {
	        overflow-x: auto;
	        overflow-y: hidden;
	        white-space: nowrap;
	        -webkit-overflow-scrolling: touch;
	        -ms-overflow-style: none;
	        padding: 0;
	        flex-direction: row;
	        margin: 0;
	        gap: 10px;
	    }

	    .mCertiSlide .item .item-box {
	        width: 250px;
	        height: 240px;
	    }

	    .mCertiSlide .item .item-box strong {
	        font-size: 20px;
	    }

	    .srchContentBoxR > div ol li {
	        border-radius: 4px;
	        border: 1px solid #e9e9e9;
	        height: 27px;
	        display: flex;
	        align-items: center;
	        padding: 0 12px;
	        background: #f9f9f9;
	    }

	    .service_search_area {
	        height: auto;
	        padding: 40px 0;
	    }

	    .service_search_area .service_search_con ul {
	        flex-wrap: wrap;
	        justify-content: flex-start;
	        gap: 5px;
	    }

	    .service_search_area li {
	        flex: 1 1 100%;
	    }

	    .srchContentBoxL {
	        width: 100%;
	    }

	    .srchContentBoxR ol > li > a {
	        align-items: center;
	    }

	    .srchContentBoxR ol > li > a span.numbering {
	        font-size: 15px;
	    }

	    .srchContentBoxR ol > li > a span {
	        color: #464c53;
	        font-weight: 500;
	        font-size: 15px;
	    }

	    .tab-ele-wrapper {
	        display: flex;
	        border: 1px solid #d9d9d9;
	        width: calc(100% + 15px);
	        border-radius: 8px 8px 0 0;
	    }

	    .search-element .tab-ele.flex {
	        width: 100%;
	        overflow-x: auto;
	        overflow-y: hidden;
	        white-space: nowrap;
	        -webkit-overflow-scrolling: touch;
	        -ms-overflow-style: none;
	        border: none;
	        flex-direction: row;
	    }

	    .search-element .tab-ele.flex li {
	        min-width: 111px;
	    }

	    .search-element .result-txt {
	        margin-top: 40px;
	    }

	    .cardSlide .item .item-title {
	        font-size: 18px;
	    }

	    .cardSlide .item .item-description, .cardSlide .item .item-date {
	        font-size: 15px;
	    }

	    .cardSlide .item .item-tag {
	        margin-bottom: 12px;
	    }

	    .mcont-support .support-list .support-list-inner a .item-tag, .mcont-moreBis .cardSlide .item .item-tag span {
	        font-size: 15px;
	        height: 24px;
	        line-height: 24px;
	        min-width: 50px;
	    }
	}

	@media screen and (max-width: 768px) {
		.join-cate-list.mobile {width: 100%;}
		.join-cate-list.mobile li .desc {width:100%; margin-top:20px;}
		.join-cate-list.mobile li {            text-align: center;
	                     text-align: center;
	        display: block !important;
	        background: none !important;
	        padding: 10px 20px;
	        min-height: 200px;
	        max-height: 250px;
	        box-sizing: border-box;
	        background-size: cover !important;
	        word-break: keep-all;}
	        .join-cate-list li .desc {
	        	    justify-content: center;
	    background: none;
	    margin: 0;
	    padding: 0;
	        }
	.support-search-element .line {opacity: 0;
	        font-size: 0;
	        padding: 0 4px;}
		.hideMidViewport {display:none;}
		.tbl-wrap-type2 tbody{}
		.tbl-wrap-type2 tbody tr{display: flex !important; flex-wrap:wrap;}
		.tbl-wrap-type2 tbody td{}
		.tbl-wrap.scrap_tbl .tbl_rs tbody tr td.scrap_btn_top {position:relative; width:100%; text-align: left;}
		.header-site-wrap .site-cont {width: 100%;}
		.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li {flex: 0 1 50%;}
		.header-site-wrap {height: auto !important; top:0; padding:0; z-index:9999;}
		.header-site-wrap .site-header .site-rela {padding: 16px 15px;}
		.header-site-wrap .site-header .site-rela .site-title-wrap {margin-top:0px;}
		.attention_depart {flex-direction: column;
	    align-items: flex-start;
	    row-gap: 10px;}
		.join-step-list li .tit {font-size:14px !important;}
		.biz_life_step > ul {flex-direction: column; align-items:center;}
	    .service-list .cont-list {
	        display: flex;
	        flex-direction: column;
	    }

	    .service-list .cont-list li {
	        width: 100%;
	        height: auto;
	    }

	    .service-list .cont-list li .info {
	        height: auto;
	    }

	    .service-list .cont-list li .title {
	        height: auto;
	    }

	    .support_life .support_apply_go ul {
	        display: flex;
	        flex-direction: column;
	    }

	    .btn-wrap .btn {
	        width: auto;
	        padding: 0 10px;
	        word-break: keep-all;
	    }

	    .main-search .search-element, .search-element .board-search-wrap {
	        width: 100%;
	    }

	    .form-search .board-search-wrap button {
	        margin-left: 0;
	    }

	    .form-search .board-search-wrap {
	        padding: 25px 20px;
	    }

	    .service_banners01 ul li dd a.btn_service_go {
	        width: auto;
	        height: auto;
	        border-radius: 5px;
	        bottom: auto;
	        top: 50%;
	        transform: translateY(-50%);
	        display: flex;
	        padding: 6px;
	    }

	    .service_banners01 ul li dd p {
	        width: 78%;
	                display: -webkit-box;
	        -webkit-line-clamp: 2;
	        -webkit-box-orient: vertical;
	        overflow: hidden;
	        text-overflow: ellipsis;
	    }

	    .service_banners01 ul li dd {
	        width: 100%;
	    }

	    .support-search-element.cols_type2 .form_cols {
	        gap: 10px;
	        width: 100%;
	    }

	    .support-search-element.cols_type2 .form_cols .col_wrap {
	        margin-bottom: 0px;
	    }

	    .support-search-element.cols_type2 .form_cols .col_wrap span {
	        font-size: 15px;
	    }

	    .support-search-element.cols_type2 .form_cols .col_wrap .select {
	        flex: 1;
	        height: 46px;
	    }

	    .support-search-element .block.cols2 .block-inner + .block-inner {
	        margin-top: 0px;
	    }

	    .support-search-element .block.cols2.type2 {
	        gap: 10px;
	        margin-top: 10px;
	    }

	    .support-search-element .block.cols2 {
	        gap: 10px;
	        margin-bottom: 0;
	    }

	    .support-search-element .block .inner.margin_bt {
	        margin-bottom: 0;
	    }

	    .tbl-cnt.view_method {
	        display: flex;
	        align-items: center;
	        flex-wrap:wrap;
	    }

	    .tbl-cnt.view_method .more_view {
	        margin-left: auto;
	    }

	    .d_flex.fl_wrap {
	        flex-wrap: wrap;
	        gap: 10px;
	    }

	    .d_flex.fl_wrap > li {
	        width: 100%;
	        margin: 0px;
	    }

	    .support-search-element .block.cols2 button {
	        margin-top: 0px;
	    }

	    .support-search-element .block .inner > span {
	        font-size: 15px;
	    }

	    .correct-form dl {
	        float: left;
	    }

	    .certi_etc_wrap {
	        overflow-y: hidden;
	        background: #f5f2e0;
	        border-radius: 15px;
	    }

	    .certi_etc_wrap .certi_etc {
	        height: 484px;
	    }

	    .certi_etc_wrap .certi_etc ul {
	        display: flex;
	        align-items: center;
	        padding: 80px 0 0 40px;
	    }

	    .certi_etc_wrap .certi_etc li {
	        width: auto;
	        flex: 0 0 auto;
	    }

	    .certi_etc_wrap .certi_etc li:nth-child(1) span.sub_txt {
	        color: #333;
	        font-weight: 600;
	        left: 0;
	        top: -74px;
	    }

	    .correct-form {
	        display: flex;
	        flex-direction: column;
	    }

	    .correct-form dl .form ul li {
	        min-width: 33.3333%;
	    }

	    .graph-wrap .option-list li {
	        border-bottom: 1px solid #ddd;
	    }

	    .graph-wrap .option-list li:nth-child(2n) {
	        border-right: none;
	    }

	    .graph-wrap .option-list li:last-child {
	        border-bottom: none;
	    }
	}

	@media screen and (max-width: 640px) {
		.contentTab .tabContent .tabPanel > div {padding: 15px 15px 20px;}
		.articleLists > li {margin-bottom:8px;}
		.articleLists > li .articleCon > p .articleTag {position: absolute; top:16px; left:14px;}
		.gov24Wrap > .inner > img {width:152px; margin-bottom:25px;}
		.gov24Wrap > .inner .txt1 {font-size: 15px;}
		.gov24Wrap > .inner .txt2 {font-size:28px; padding: 0 20px; word-break: keep-all;}
		.gov24Wrap > .inner .txt3 {font-size: 14px;}
		.gov24Wrap > .inner .applyLink {max-width: 200px; height: 42px; font-size: 16px; font-weight: 500;}
		.service_search_area .service_search_con ul {padding: 0 20px !important;}
		.tbl-wrap01 .tbl-register.flexTable td div.form {}
		.tbl-wrap01 .tbl-register.flexTable td div.form .label{width:100%;}
		.tbl-wrap01 .tbl-register.flexTable td div.form {}
		.auth-wrap ul {display: flex; flex-wrap:wrap;}
		.auth-wrap ul li,
		.auth-wrap.cols2 ul li {width: 100%;}
		.auth-wrap ul li:first-child:before{display: none;}
		.mcont-sec-title {font-size:24px;}
		.paging {margin-top:65px}
		.paging li:first-child{        position: absolute;
	        top: 25px;

	        transform: translateX(-50%);
	        left: calc(50% - 53px);}
		.paging li:nth-child(2){
		        position: absolute;
	        top: 25px;

	        transform: translateX(-50%);
	        left: calc(50% - 24px);}
		.paging li:last-child{        position: absolute;
	        top: 25px;

	        transform: translateX(-50%);
	        left: calc(50% + 53px);}
		.paging li:nth-last-child(2){
		        position: absolute;
	        top: 25px;

	        transform: translateX(-50%);
	        left: calc(50% + 24px);}
		.paging a {min-width:24px; height: 24px; padding:0;}
		.paging span {width: 24px !important;  }
		.contentTab .tabHeader button {font-size:15px;}
		.close_totalLogin{top: 8px;
	        width: 22px;
	        height: 22px;
	        right: 0;}
		.site-cont .popup-tab {height: auto; margin-bottom:20px;}
		.header-site-wrap .site-header .site-rela .site-title-wrap .desc {font-size:15px; color: #555; font-weight: 500; margin-bottom:9px; letter-spacing: -0.06em;}
		.header-site-wrap .site-header .site-rela .site-title-wrap .desc strong {font-size:20px; color: #222; font-weight: 700; display: block; margin-bottom:6px;}
		.header-site-wrap .site-header .site-rela {padding: 24px 15px 0;}
		.header-site-wrap .site-header {border-bottom:none;}
		.site-cont .popup-tab ul {height:40px; width: calc(100% - 30px);}
		.site-cont .popup-tab ul li a {line-height: 40px; font-size:15px;}
		.header-site-wrap .site-cont .bottom-wrap .inner > *{font-size:13px; white-space: normal; line-height:1.5;}
		.header .tnb li.etc .header-site-wrap .site-cont dd ul li a:before ,
		.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a:after {display: none !important;}
		.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a {padding: 0 !important;}
		.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a strong {padding: 0 12px; font-size:15px; font-weight: 500;}
		.header .tnb li.etc .header-site-wrap .site-cont .site_list ul li a span {padding: 0 12px; font-size:13px; width: 100%;
	        box-sizing: border-box;
	        white-space: nowrap;
	        text-overflow: ellipsis;
	        overflow: hidden;}
		.header-site-wrap .site-header .site-rela .site-title-wrap .pic {display: none;}
		.header .head_util {display: block; height:0; border:none;}
		.head_util .util_area {display: none; }
		.popular-pfi .pfi-list a {font-size:14px;}
		.board-pfi-list .pfi-cont {padding: 25px 20px 50px;}
		.pfilist-date {bottom: -30px;}
		.titinfoWrap img{width:100%; }
		.tab-multiply > ul {flex-wrap: nowrap !important; margin-left:0;}
		.tab-multiply > ul > li a {min-width: 80px; height: 45px; margin-left:5px; margin-right: -10px;}
		.tbl-wrap01 .tbl-register.flexTable {
	    display: block;
	}
		.tbl-wrap01 .tbl-register.flexTable tbody{
	    display: flex;
	    flex-direction: column;
	}
		.tbl-wrap01 .tbl-register.flexTable tr{
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	}
		.tbl-wrap01 .tbl-register.flexTable th{
	    width: 100%;
	    background: #EEF2F7;
	    box-sizing: border-box;
	    height: auto;
	    padding: 10px;
	    color: #464C53;
	    font-weight: 600;
	    border-bottom: 1px solid #ddd;
	}
		.tbl-wrap01 .tbl-register.flexTable td{
	    height: auto;
	    padding: 12px 0;
	}

		.tbl-register.noMinWidth td .form {flex-wrap:wrap; row-gap: 5px; font-size:13px; margin-bottom:3px;}
		.tbl-wrap01 .tbl-register.noMinWidth td .form label{width: calc(100% - 53px);}
		.join-step-list {flex-direction: column;}
		.join-step-list li {width: 100%;display: flex;padding: 10px 24px;height: auto;box-sizing: border-box;/* border: 1px solid red; */margin: 2px 0;align-items: center;gap: 20px;}
		.join-step-list li .step {
	    flex: 0 0 auto;
	    width: auto;
	    margin: 0;
	}
		.join-step-list li .tit {
	    flex: 0 0 auto;
	    width: auto;
	    margin: 0;
	}
	.join-step-list li .tit br{display: none;}
		.join-step-list li .on-progress {display: none;}
	    /* mobile device */
	    .biz_life_step li {
	    	margin: 0;
	    }
	    .cont_green .cont_wrap > div {
	        margin-left: 0 !important;
	    }

	    .service_banners02 ul li a strong {
	        font-size: 16px;
	    }

	    .service_banners02 ul li {
	        height: auto;
	    }

	    .service_banners02 ul li a {
	        height: auto;
	        padding-bottom: 10px;
	    }

	    .service_banners02 > ul {
	        display: flex;
	        flex-wrap: wrap;
	        gap: 10px;
	    }

	    .service_banners02 ul li {
	        width: calc(50% - 5px);
	        margin: 0 !important;
	    }

	    .mo_padding_none {
	        padding: 0 !important;
	    }

	    select {
	        background-size: 12px;
	    }

	    .articleLists > li .articleCon .articleSubTxt {
	        font-size: 15px;
	    }

	    .articleLists > li .articleStatus {
	        font-size: 15px;
	        margin-bottom: 6px;
	        margin-left:auto;
	        padding-right:0;
	        padding-top:3px;
	    }

	    .articleLists > li .articleCon {
	        padding-left: 0;
	        border-left: none;
	    }

	    .articleLists > li a {
	    	position: relative;
	        flex-direction: column;
	        padding: 16px 14px;
	        align-items: flex-start;
	    }

	    .articleLists > li .articleCon > p {
	        font-size: 17px;
	        align-items: flex-start;
	    }

	    .articleLists > li .articleCon > p .articleTxt {
	        white-space: normal;
	        width: 100%;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        display: -webkit-box;
	        -webkit-line-clamp: 2;
	        line-height: 1.4;
	        -webkit-box-orient: vertical;
	        margin-top:6px;
	    }

	    .articleLists > li .articleArrow {
	        display: none;
	    }

	    .search-element .board-search-wrap .inp_wrap:before {
	        display: none;
	    }

	    .support_life .support_apply_go p {
	        line-height: 24px;
	    }

	    .support_life .support_state li {
	        padding: 20px;
	    }

	    .support_life h3 {
	        font-size: 22px;
	        margin: 70px 0 12px;
	    }

	    .support_life .support_state h3 span {
	        font-size: 22px;
	    }

	    .tabs-list li a {
	        font-size: 15px;
	        font-weight: 500;
	    }

	    .tabs-list li a.on {
	        font-weight: 600;
	    }

	    .card-list li a .cont {
	        height: 46px !important;
	        line-height: 24px !important;
	        display: -webkit-box;
	        -webkit-line-clamp: 2;
	        -webkit-box-orient: vertical;
	        text-overflow: ellipsis;
	    }

	    .calendar-box-content > table tbody td.on:before {
	        display: none;
	    }

	    .calendar-box-content > table tbody td.on span {
	        background: var(--theme-color01);
	        color: #fff;
	        width: 35px;
	        height: 35px;
	        display: flex;
	        margin: 0 auto;
	        align-items: center;
	        justify-content: center;
	        border-radius: 8px;
	    }

	    .calendar-box-content > table tbody td.on p {
	        display: none;
	    }

	    .noData {
	        font-size: 16px;
	        padding: 30px 0;
	    }

	    .calendar-box-top .current-datetime {
	        font-size: 20px;
	    }

	    .calendar-box-content > table thead th {
	        height: 43px;
	        font-size: 15px;
	        text-align: center;
	    }

	    .calendar-box-content > table thead th span {
	        display: none;
	    }

	    .calendar-box-content > table tbody td {
	        height: 40px;
	        border: none;
	        padding: 0;
	        box-sizing: border-box;
	        text-align: center;
	        font-size: 17px;
	        white-space: nowrap;
	        font-weight: 400;
	    }

	    .calendar-box-content > table tbody td.today p {
	        font-size: 11px;
	        text-align: center;
	        margin-top: 5px;
	    }

	    .card-list li a {
	        border-radius: 10px;
	        padding: 20px;
	        height: 220px;
	    }

	    .card-list li a .view {
	        left: 20px;
	    }

	    .wa-imgBox {
	        margin-top: 27px;
	    }

	    .header {
	        border-bottom: 1px solid #ddd;
	    }

	    footer .footer_info .footer_logo {
	        width: 100%;
	        padding: 0;
	        margin-bottom: 20px;
	    }

	    footer .footer_info .footer_logo .logo_bk {
	        display: block;
	        opacity: 1;
	        width: 142px;
	    }

	    footer .footer_info .footer_logo .logo_w {
	        display: none;
	    }

	    footer .footer_info .footer_adds dl {
	        display: flex;
	        flex-wrap: wrap;
	    }

	    footer .footer_info {
	        background: #fff;
	        padding: 20px 15px 30px;
	    }

	    footer .footer_info .footer_adds dt {
	        color: #333;
	        font-weight: 500;
	        width: auto;
	    }

	    footer .footer_info .footer_adds dd {
	        color: #7d7d7d;
	        font-weight: 500;
	        width: auto;
	    }

	    footer .footer_adds dl, footer .footer_info .footer_adds .copyright {
	        width: 100%;
	        color: #7d7d7d;
	        font-weight: 500;
	    }

	    footer .footer_nav li a {
	        color: #1e2124;
	        font-size: 15px;
	        font-weight: 500;
	    }

	    footer .footer_nav ul {
	        display: flex;
	        background: #eee;
	        border-top: 1px solid #e1e1e1;
	        border-bottom: 1px solid #e1e1e1;
	        gap: 14px;
	    }

	    footer .footer_nav li {
	        width: auto;
	        border: none;
	    }

	    .mcont-notic-list a::before {
	        display: none;
	    }

	    .mcont-notic-list a strong {
	        font-size: 17px;
	        font-weight: 400;
	    }

	    .mcont-notic-list a .item-date {
	        color: #7d7d7d;
	        font-size: 15px;
	        font-weight: 400;
	        margin-top: 6px;
	    }

	    .mcont-notic-list {
	        border-top: none;
	        margin-top: 0;
	    }

	    .mcont-moreBis .slick-slide {
	        max-width: 230px;
	    }

	    .mcont-notic-list a {
	        padding: 16px 0;
	    }

	    .cardSlide .item {
	        height: 262px;
	    }

	    .cardSlide .item .item-tag {
	        margin-bottom: 8px;
	    }

	    .cardSlide .item .item-title {
	        font-size: 17px;
	    }

	    .mcont-extra .mcont-notic {
	        margin-bottom: 50px;
	    }

	    .cardSlide .item .item-description, .cardSlide .item .item-date {
	        margin-top: 8px;
	        font-size: 13px;
	    }

	    .cardSlide .cardSlide-info .cardSlide-ctrl {
	        display: none;
	    }

	    .cardSlide .item .item-date {
	        margin-top: auto;
	    }

	    .cardSlide {
	        margin-top: 16px;
	    }

	    .cardSlide .item {
	        padding: 18px 15px;
	    }

	    .mcont-support .support-list .support-list-inner a .item-tag, .mcont-moreBis .cardSlide .item .item-tag span {
	        font-size: 13px;
	        min-width: 41px;
	    }

	    .mcont-support .support-list .support-list-inner a strong {
	        font-size: 17px;
	        font-weight: 500;
	    }

	    .mcont-support .support-list .support-list-inner a .item-description {
	        color: #7d7d7d;
	        font-size: 15px;
	        margin-top: 6px;
	    }

	    .mcont-support .support-list .support-list-inner a + a {
	        margin-top: 16px;
	        padding-top: 16px;
	    }

	    .mCertiSlide .item {
	        height: auto;
	        margin-top: 30px;
	        margin-bottom: 50px;
	    }

	    .mcont-mCerti .mCerti-description {
	        margin-top: 8px;
	        font-size: 15px;
	    }

	    .mcont-mCerti::before {
	        top: 0;
	        height: 100%;
	    }

	    .mcont-support .support-quickNav {
	        flex-wrap: nowrap;
	    }

	    .mcont-support [class^="quick-nav"] {
	        width: 45px;
	        height: 40px;
	    }

	    .mcont-support .support-quickNav a strong {
	        font-size: 14px;
	    }

	    .main-container > section + section {
	        margin-top: 0px;
	        padding-top: 30px;
	    }

	    .main-container > section + section.mcont-moreBis {
	        margin-top: 0;
	    }


	    .mcont-top .main-search .main-search__recommKeyword > div {
	        gap: 8px 5px;
	    }

	    .mcont-top .main-search .main-search__recommKeyword > div > a {
	        height: 30px;
	        padding: 6px 8px;
	        font-weight: 500;
	    }

	    .header .brand a, .header .brand a:visited {
	        width: 140px;
	        margin: 18px 0;
	    }

	    .header {
	        background: #fff;
	    }

		.pc_ver {display: none;}
	    .mo_ver {
	        display: block;
	    }

	    .mCertiSlide .item .item-box {
	        width: 188px;
	        height: 208px;
	    }

	    .mcont-top .mcont-section-inner .main-banner {
	        width: 280px;
	        height: 280px;
	    }

	    .mcont-top .main-search .main-search__recommKeyword {
	        flex-wrap: wrap;
	        gap: 16px;
	    }

	    .mcont-top .main-search .main-search__recommKeyword > p {
	        width: 100%;
	    }

	    .mCertiSlide .item .item-box strong {
	        font-size: 15px;
	    }

	    .main-search .search-element .board-search-wrap .select {
	        display: none;
	    }

	    .irn-intro .corp-info .detail-tit {
	        flex: 0;
	        word-break: keep-all;
	    }

	    .srchContentBoxR > div ol li:nth-child(n + 6) {
	        display: none;
	    }

	    .search-element .result-txt {
	        font-size: 18px;
	    }

	    .srchContentBoxR ol > li > a span {
	        font-size: 13px;
	    }

	    .search-element .list-ele {
	        margin-top: 30px;
	    }

	    .search-element .list-ele .title-ele h4 {
	        font-size: 18px;
	    }

	    .search-element .list-ele .title-ele h4 span {
	        font-size: 13px;
	    }

	    .search-element .list-ele .title-ele .link-txt a {
	        font-size: 14px;
	    }

	    .search-element .list-ele .body-ele dl dt a {
	        font-size: 17px;
	    }

	    .search-element .list-ele .body-ele ul li {
	        padding: 15px 0;
	    }

	    .search-element .list-ele .body-ele dl dd.cont {
	        font-size: 13px;
	    }

	    .search-element .list-ele + .list-ele {
	        margin-bottom: 0;
	    }

	    .search-element .list-ele:last-child {
	        margin-bottom: 50px;
	    }

	    .tab-ele.tab-ele-type2 li {
	        flex: 1 1 50%;
	    }

	    .tab-ele.tab-ele-type2 li a, .search-element .tab-ele.tab-ele-type2 li a span {
	        font-size: 14px;
	    }

	    .tab-ele.tab-ele-type2 li:nth-child(5n) {
	        border-right: 1px solid #d9d9d9;
	    }

	    .tab-ele.tab-ele-type2 li:nth-child(2n) {
	        border-right: none;
	    }

	    .mcont-mCerti .mCerti-ctrl {
	        display: none;
	    }

	    .search-element .board-search-wrap {
	        border: none;
	        flex-direction: column;
	        background: none;
	        gap: 10px;
	        padding: 0;
	        overflow: visible;
	        margin: 0 auto;
	        width: 100%;
	        position: relative;
	        height: auto;
	    }

	    .search-element .board-search-wrap .select {
	        border-radius: 40px;
	        border: 2px solid var(--theme-color03);
	        background-color: #fff;
	        width: 100%;
	        padding-left: 20px;
	        height: 50px;
	        padding: 2px 0 2px 20px;
	        font-size: 15px;
	    }

	    .search-element .board-search-wrap .inp {
	        height: 50px;
	        width: 100%;
	        box-sizing: border-box;
	        border-radius: 40px;
	        border: 2px solid var(--theme-color03);
	        padding: 10px 45px 10px 20px;
	        font-size: 15px;
	        margin: 0;
	    }

	    .service_search_area .inner {
	        right: 0px;
	    }

	    .search-element .board-search-wrap #srchBtn {
	        position: absolute;
	        right: 11px;
	        background-size: 25px;
	        background-repeat: no-repeat;
	        top: 50%;
	        transform: translateY(-50%);
	    }

	    .search-element .board-search-wrap .select ~ #srchBtn {
	        top: 72px;
	        transform: none;
	    }

	    .main-container .search-element .board-search-wrap .select ~ #srchBtn {
	        top: 50%;
	        transform: translateY(-50%);
	    }

	    .srchTopBox {
	        height: 224px;
	        margin-bottom: 20px;
	    }

	    .srchTopBox:before {
	        height: 224px;
	    }

	    #search-list .sub-title {
	        font-size: 24px;
	        padding: 40px 0 24px 0;
	    }

	    .support-search-element .block-inner {
	        flex-direction: column;
	    }

	    .support-search-element .block-inner select, .support-search-element .block-inner select {
	        width: 100%;
	    }

	    .align-form {
	        flex-direction: column;
	    }

	    .correct-form dl .form ul li {
	        min-width: 33.3333%;
	    }

	    #mySidebar {
	        display: none !important;
	    }

	    /* mo_navi */
	    .mo_navi.on {
	        background: #fff;
	        display: block;
	        position: fixed;
	        width: 100%;
	        left: 0;
	        top: 0;
	        height: 100%;
	        box-sizing: border-box;
	        display: flex;
	        flex-direction: column;
	    }

	    .mo_navi_top {
	        padding: 20px 15px 0;
	        position: relative;
	    }

	    .mo_navi_top .close_mo_navi {
	        width: 30px;
	        height: 30px;
	        background: url(../../image/icon/ico_close_mo_navi.svg);
	        position: absolute;
	        right: 15px;
	        top: 15px;
	    }

	    .mo_navi_welcome {
	        color: #222;
	        font-size: 18px;
	        font-weight: 500;
	        margin-bottom: 17px;
	    }

	    .mo_navi_welcome span {
	        font-size: 18px;
	        color: var(--theme-color01);
	    }

	    .login_btn_group {
	        display: flex;
	        gap: 8px;
	        margin-bottom: 20px;
	    }

	    .login_btn_group > a {
	        height: 36px;
	        display: inline-flex;
	        align-items: center;
	        justify-content: center;
	        border-radius: 8px;
	        background: var(--theme-color01);
	        color: #fff;
	        font-size: 15px;
	        font-weight: 400;
	        padding: 0 16px;
	    }
	    .login_btn_group > a:link {
	    	color: #fff;
	    }

	    .mo_navi .search-element {
	        height: 40px;
	    }

	    .mo_navi .search-element .board-search-wrap .inp_wrap:before {
	        display: none;
	    }

	    .mo_navi_top .mid_link {
	        margin: 20px -15px 0;
	        border-top: 1px solid #e9e9e9;
	        border-bottom: 1px solid #e9e9e9;
	        display: flex;
	        height: 48px;
	        align-items: center;
	        justify-content: center;
	    }

	    .mo_navi_top .mid_link > a {
	        flex: 1;
	        color: #464c53;
	        font-size: 15px;
	        font-weight: 400;
	        position: relative;
	        height: 100%;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	    }

	    .mo_navi_top .mid_link > a:first-child:after {
	        content: "";
	        position: absolute;
	        right: 0;
	        width: 1px;
	        height: 100%;
	        background: #e9e9e9;
	    }

	    .mo_navi_bottom {
	        flex: 1;
	        position: relative;
	    }

	    .mo_navi_bottom .m_nav-list {
	        height: 100%;
	        position: relative;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu > span {
	        position: absolute;
	        width: 124px;
	        height: 58px;
	        top: 0;
	        background: var(--theme-color04);
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        font-size: 16px;
	        font-weight: 500;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu.on > span {
	        background: #fff;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu.on > span > a {
	        color: #222;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu.on .nav_area {
	        display: block;
	    }

	    .mo_navi_left_wrap {
	        position: absolute;
	        width: 124px;
	        height: 100%;
	        background: var(--theme-color04);
	        left: 0;
	        top: 16px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(1) > span {
	        top: 0;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(2) > span {
	        top: 58px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(3) > span {
	        top: 116px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(4) > span {
	        top: 174px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(5) > span {
	        top: 232px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(6) > span {
	        top: 290px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu:nth-child(7) > span {
	        top: 348px;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu > span > a {
	        color: #fff;
	        width: 100%;
	        height: 100%;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        text-decoration: none;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu > span.on {
	        background: #fff;
	    }

	    .mo_navi_bottom .m_nav-list .m_menu > span.on > a {
	        color: #222;
	    }

	    .mo_navi_bottom .m_nav-list .nav_area {
	        position: absolute;
	        height: 100%;
	        box-sizing: border-box;
	        left: 124px;
	        width: calc(100% - 124px);
	        top: 0;
	        overflow-y: auto;
	        padding: 18px;
	        display: none;
	    }

	    .mo_navi_bottom .m_nav-list .nav_menu_tit {
	        color: #222;
	        font-size: 18px;
	        font-weight: 500;
	        padding-bottom: 20px;
	        border-bottom: 1px solid #e9e9e9;
	    }

	    .mo_navi_bottom .m_nav-list .nav_menu_2depth {
	        display: block;
	        padding: 20px 8px;
	        border-radius: 4px;
	        color: #464c53;
	        font-size: 15px;
	        font-weight: 400;
	    }

	    .mo_navi_bottom .m_nav-list .nav_menu_2depth:hover, .mo_navi_bottom .m_nav-list .nav_menu_2depth.on, .mo_navi_bottom .m_nav-list .nav_menu_3depth:hover, .mo_navi_bottom .m_nav-list .nav_menu_3depth.on {
	        background: #f2f6ff;
	    }

	    .mo_navi_bottom .m_nav-list .nav_menu_3depth {
	        display: block;
	        color: #464c53;
	        font-weight: 400;
	        padding: 7px 10px 7px 35px;
	        border-radius: 4px;
	        position: relative;
	    }

	    .mo_navi_bottom .m_nav-list .nav_menu_3depth:before {
	        content: "";
	        position: absolute;
	        width: 3px;
	        height: 3px;
	        background: #464c53;
	        left: 20px;
	        top: 50%;
	        transform: translateY(-50%);
	    }
	}

	@media screen and (max-width: 480px) {
		.support-search-element .block .inner .calendar a  {top:10px;}
		.board-pfi-view .view-key {flex-wrap: wrap; width: 100%;}
		.dialog_agre .pop-wrap a {
			        background: #fff;
			        position: fixed;
			        top: 97px;
			        right: 10px;
			        border: 1px solid #333;
			        border: 2px solid #464c53;
		}
		.dialog_agre .pop-wrap a i{
			color: #464c53;
		}
	    .support-search-element.cols_type2 .form_cols .col_wrap button {
	        margin-left: 0px;
	    }

	    .support-search-element.cols_type2 .form_cols .col_wrap .inp {
	        height: auto;
	    }

	    .support-search-element .select, .support-search-element .inp {
	        height: 38px !important;
	    }

	    .tbl-cnt.view_method {
	        flex-wrap: wrap;
	        row-gap: 10px;
	    }

	    .ico-tab li {
	        width: 100%;
	    }

	    .mCertiSlide .owl-item.active {
	        transform: translateX(-20px);
	    }

	    .mCertiSlide .owl-item.active.center {
	        transform: none;
	        z-index: 1;
	    }

	    .mCertiSlide .owl-item.center + .active {
	        transform: translateX(20px);
	    }
	}

/* 251106  메인페이지 퍼블 수정 */
.main-container > section + section { margin-top: 0px; }
.autocomplete-list { display: none; position: absolute; top: 100%; padding-bottom: 10px; left: 0; right: 0; background: white; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; max-height: 250px; overflow-y: auto; z-index: 9999; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-top: -1px; }
.autocomplete-list.show { display: block; }
.autocomplete-item { padding: 8px 15px; cursor: pointer; }
.autocomplete-item > .matching { font-weight: 400; }
.autocomplete-item > .matching > .matching { color: #004edf; }
.autocomplete-item:last-child { border-bottom: none; }
.autocomplete-item:hover, .autocomplete-item.active { background-color: #f0f0f0; }
.autocomplete-item mark { background-color: #fff3cd; font-weight: bold; }
.no-results { padding: 10px 12px; color: #999; text-align: center; }
.on-breadcrumb-linktit { padding: 20px 15px 10px; font-weight: 700; color: #1e2124; font-size: 15px; }
.on-breadcrumb-linktit ~ .autocomplete-item > .matching { padding-left: 8px; position: relative; }
.on-breadcrumb-linktit ~ .autocomplete-item > .matching:after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; left: 0; top: 10px; background: #000; }
.main-container .main-search .search-element .board-search-wrap { margin: 0; max-width: 660px; width: 100%; }
.mainSchBtn { background: #122857 url(../../image/main23/icon-search.svg) no-repeat center; width: 64px; height: 64px; flex: 0 0 auto; border-radius: 50%; background-size: 30px; }
.on-main-banner-title {justify-content: center;display: flex;align-items: baseline;gap: 10px;margin-bottom: 24px;letter-spacing: -0.6px;}
.on-main-banner-title span { color: #232528; font-size: 32px; font-weight: 600; }
.on-main-banner-title strong { color: #122857; font-size: 44px; font-weight: 600; }
.main-container .search-element { max-width: 682px; display: flex; gap: 18px; margin-bottom: 20px; }
.on-main-bannercontentsbox { display: flex; justify-content: space-between; gap: 32px; align-items: center; }
.on-main-bannercon01 { flex: 0 0 420px; min-width: 0px; min-width: 380px; box-sizing: border-box; }
.on-main-bannercon02 { flex: 0 0 360px; min-width: 300px; }
.on-bannercon-title { background: #122857; display: flex; justify-content: space-between; align-items: center; color: #fff; border-radius: 20px 20px 0 0; padding: 20px 30px; }
.on-bannercon-title > h3 { font-size: 20px; font-weight: 700; line-height: 1; }
.on-bannercon-title img { display: block; }
.on-bannercon-body { background: #fff; border-radius: 0 0 20px 20px; padding: 30px; height: 380px; box-sizing: border-box; }
.linkbox-lists { display: flex; flex-wrap: wrap; gap: 20px 17px; }
.linkbox-lists > li { flex: calc(50% - 17px); box-sizing: border-box; background: #e0ebff; background: linear-gradient( 180deg, rgba(224, 235, 255, 1) 50%, rgba(239, 245, 255, 1) 100% ); border-radius: 10px; }
.linkbox-lists > li > a { position: relative; padding: 20px; display: block; }
.linkbox-lists > li > a > img { margin-left: auto; display: block; margin-bottom: 14px; }
.linkbox-list-category { color: #1e2124; font-weight: 700; font-size: 20px; line-height: 1; margin-bottom: 8px; }
.linkbox-list-count { color: #1e2124; font-weight: 400; font-size: 17px; }
.linkbox-list-count > span { color: #004ee0; font-weight: 700; font-size: 32px; margin-right: 3px; }
.on-certificate-lists { display: flex; flex-direction: column; gap: 10px; }
.on-certificate-lists > li { border-radius: 5px; background: #e8edf6; height: 56px; }
.on-certificate-lists > li > a { display: block; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 24px; box-sizing: border-box; transition: 0.3s; border-radius: 5px;}
.on-certificate-lists > li > a:hover {box-shadow:
    inset 0 0 0 2px #0B50D0,                  /* 내부 테두리 */
    0px 16px 16px 0px rgba(0, 0, 0, 0.2),
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    }
.on-certificate-lists > li > a span { position: relative; font-weight: 500; color: #1e2124; font-size: 16px; padding-left: 40px; width: 100%; }
.on-certificate-lists > li > a span:before { content: ""; position: absolute; background: url(../../image/main23/renew-main-ico05.svg) no-repeat; width: 28px; height: 28px; left: 0; top: 50%; transform: translateY(-50%); }
.on-certificate-lists > li > a span:after { content: ""; content: ""; position: absolute; background: url(../../image/main23/renew-select-arrow.svg) no-repeat; width: 17px; height: 12px; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); position: absolute; }
.mainBannerSwiper {flex: 0 0 auto;overflow: hidden;position: relative;border-radius: 20px;aspect-ratio: 560 / 440;overflow: hidden;width: 560px;}
.mainBannerSwiper .swiper-wrapper {width: 100%;aspect-ratio: 560 / 440;}
.mainBannerSwiper .swiper-slide a img {object-fit: contain;width: 100%;height: 100%;box-sizing: border-box;position: absolute;background: #fff;}
.mainBannerSwiper .swiperBtnGroup { position: absolute; bottom: 20px; right: 20px; display: flex; gap: 5px; }
.mainBannerSwiper .swiperBtnGroup button { background: none; padding: 0; display: flex; }
.mainBannerSwiper .swiperBtnGroupRht { background: none; }
.mainBannerSwiper .swiperBtnAutoplay .playImg { display: block; }
.mainBannerSwiper .swiperBtnAutoplay .stopImg { display: none; }
.mainBannerSwiper .swiperBtnAutoplay.on .playImg { display: none; }
.mainBannerSwiper .swiperBtnAutoplay.on .stopImg { display: block; }
.on-current-project { background: #122857; padding: 64px 0 86px; overflow: hidden; box-sizing: border-box; margin-bottom: 105px; min-height: 460px;}
.on-maincon-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.on-maincon-headerleft { display: flex; align-items: center; }
.on-pluslink-btn { display: flex; color: #fff; font-size: 17px; font-weight: 400; align-items: center; gap: 4px; }
.on-pluslink-btn span { color: #666; }
.on-pluslink-btn span.white { color: #fff; }
.on-ico-pluslink { border-radius: 50%; width: 24px; height: 24px; box-sizing: border-box; padding: 6px; background: rgba(0, 0, 0, 0.1); }
.on-ico-pluslink.white { background: rgba(255, 255, 255, 0.1); }
.on-maincon-tit { font-weight: 600; font-size: 32px; }
.on-maincon-tit.white { color: #fff; }
.on-maincon-tit2 { font-size: 28px; font-weight: 600; }
.on-maincon-subtit { color: #888; font-size: 17px; font-weight: 400; }
.on-current-projecttab { display: flex; gap: 2px; margin-left: 10px; }
.on-current-projecttab > li > button { transition: 0.3s; color: #fff; font-size: 17px; font-weight: 700; background: none; box-sizing: border-box; padding: 0 18px; height: 40px; border-radius: 20px; }
.on-current-projecttab > li.on > button { background: #004edf; box-shadow: 0 0 2px 0 #fff; }
.currentProjectSwiper { position: relative; }
.currentProjectSwiper .swiper-slide { width: 25%; }
.currentProjectSwiper .swiper-slide.moreFetch {background: rgba(255,255,255,0.4); border-radius: 20px; position:relative;}
.currentProjectSwiper .swiper-slide.moreFetch > a{    position: absolute;
    /* background: red; */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}
.moreFetchIco {    background: url(../../image/main23/ico_more_data.svg) no-repeat;
    display: block;
    width: 130px;
    height: 113px;}
.currentProjectSwiper .swiper-slide.swiper-visible .on-project-card, .on-project-card:focus { opacity: 1; }

.currentProjectSwiper .swiper-button-prev, .currentProjectSwiper .swiper-button-next { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: url(../../image/main23/renew-swiper-right.svg) no-repeat; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: opacity 0.3s; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.currentProjectSwiper .swiper-button-prev { left: -15px; transform: translateY(-50%) rotate(180deg); }
.currentProjectSwiper .swiper-button-next { right: -15px; }
.on-project-card { padding: 32px; border: 1px solid #b1b8be; border-radius: 20px; background: #fff; box-sizing: border-box; height: 100%; display: block; transition: 0.3s; opacity: 0.5; }
.on-project-card * {transition :0.3s;}
.currentProjectSwiper .swiper-slide.swiper-visible:hover .on-project-card {background: #0B50D0; border:1px solid #0B50D0; color: #fff;}
.currentProjectSwiper .swiper-slide.swiper-visible:hover .on-project-card * {color: #fff;}
.currentProjectSwiper .swiper-slide.swiper-visible:hover .on-project-card .on-project-cardtag {background: rgba(255,255,255,0.8); color: #0B50D0;}
.currentProjectSwiper .swiper-slide.swiper-visible:hover .on-project-card .on-project-cardperiod > span {color: #CDD1D5}
.on-project-cardheader { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.on-project-cardtag { min-width: 58px; min-height: 36px; color: #0b50d0; font-size: 18px; font-weight: 500; border-radius: 5px; background: #ecf7fb; display: flex; align-items: center; justify-content: center; padding: 7px 12px; box-sizing: border-box; }
.on-project-cardstatus { color: #004edf; font-size: 17px; font-weight: 600; }
.card-project-cardtitle { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; max-height: 3em; color: #1e2124; font-size: 19px; font-weight: 700; margin-bottom: 16px; }
.on-project-cardperiod { display: flex; flex-direction: column; gap: 4px; color: #333; font-size: 17px; font-weight: 500; margin-bottom: 16px; }
.on-project-cardperiod > span { font-weight: 400; color: #464c53; }
.on-project-cardorgan { color: #1e2124; font-size: 17px; font-weight: 400;  white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.currentProjectSwiper .swiper-button-disabled { opacity: 0 !important; pointer-events: none; transition: none !important; }
.on-custom-calendarheader { display: grid; grid-template-columns: repeat(7, 1fr); gap: 30px; text-align: center; }
.on-custom-calendarheader > div { padding: 10px; color: #1e2124; font-size: 19px; font-weight: 600; margin-bottom: 17px; padding: 0; height: 40px; display: flex; align-items: center; justify-content: center; }
.on-custom-calendarbody { display: grid; grid-template-columns: repeat(7, 1fr); gap: 24px 30px; }
.on-custom-calendarbody .calendar-day { aspect-ratio: 1; display: flex; border: 1px solid transparent; align-items: center; background: none; justify-content: center; border-radius: 10px; cursor: pointer; font-size: 19px; transition: background-color 0.2s; position: relative; font-weight: 500; color: #666; }
.on-custom-calendarbody .calendar-day:hover { background-color: #f2f6ff; }
.on-custom-calendarbody .calendar-day.today { border: 2px solid #004edf; font-weight: 700; position: relative; }
.on-custom-calendarbody .calendar-day.today::after { content: "Today"; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%); font-size: 14px; white-space: nowrap; color: #004edf; font-weight: 400; }
.on-custom-calendarbody .calendar-day.selected { background-color: #004edf; color: white; font-weight: 600; }
.on-custom-calendarbody .calendar-day.empty { cursor: default; background: none; }
.on-custom-calendarbody .calendar-day.empty:hover { background-color: transparent; }
.on-project-calendar {/* margin-bottom: 50px; */}
.on-project-calendar select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("../../image/main23/renew-select-arrow.svg"); background-repeat: no-repeat; background-position: right 12px center; }
.on-calendar-yearselect { border: none; border-bottom: 2px solid #000; font-size: 29px; font-weight: 700; padding-left: 8px; background-size: 15px; padding-right: 46px; margin-right: 15px; }
.on-project-calendarcategory { display: flex; margin-left: 24px; gap: 8px; }
.on-project-calendarcategory > li > button { transition: 0.3s; border-radius: 20px; background: #dee1e7; min-height: 40px; color: #999; font-size: 18px; font-weight: 500; padding: 0 19px; }
.on-project-calendarcategory > li.on > button { font-weight: 700; color: #fff; background: #004edf; }
.on-project-schedule {margin-top: 23px;background: #eef7ff;display: flex;border-radius: 10px;padding: 30px;box-sizing: border-box;min-height: 530px;}
.on-schedule-left { flex: 0 1 526px; min-width: 495px; padding: 2px 32px 2px 2px; box-sizing: border-box; border-right: 1px solid #e9e9e9; }
.on-schedule-leftheader { display: flex; justify-content: space-between; align-items: center; margin-bottom: 26px; }
.on-schedule-current { color: #1e2124; font-size: 25px; font-weight: 700; }
.on-calendar-monthselect { border: none; border-radius: 5px; height: 34px; padding-left: 12px; font-size: 18px; width: 130px; background-size: 12px; color: #1e2124; font-weight: 400; }
.on-schedule-right {flex: 1;padding-left: 27px;min-width: 0;position: relative;}
.on-schedulelist { display: flex; flex-direction: column; gap: 12px; position: relative; height: 100%;}
.schedulelist-link {
position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 450px;
}
.on-schedulelist > li.on-noschedule-box {
    border: none;
    background: none;
    height: 100%;
    /* background: firebrick; */
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.on-schedulelist > li.on-noschedule-box > div{
    background: url(../../image/main23/ico_calendar_big.svg) no-repeat center top;
    background-size: 120px;
    padding-top: 152px;
    font-size: 17px;
    color: #666;
    font-weight: 500;
    text-align: center;
    min-width: 120px;
}
.on-schedulelist > li.on-noschedule-box > span{}
.on-schedulelist > li { background: #fff; border-radius: 20px; border: 1px solid #e9e9e9; }
.on-schedulelist > li > a { display: flex; border-radius: 20px; align-items: center; padding: 19px 27px; box-sizing: border-box; min-height: 96px; transition: 0.3s;}
.on-schedulelist > li > a:hover {	box-shadow:
    inset 0 0 0 2px #0B50D0,                  /* 내부 테두리 */
    0px 16px 16px 0px rgba(0, 0, 0, 0.2),
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
.on-schedulelist-startdate { color: #0b50d0; font-size: 18px; padding-right: 10px; font-weight: 700; flex-shrink: 0; }
.on-schedulelist-box { border-left: 1px dashed #e9e9e9; padding-left: 18px; min-width: 0; flex: 1; }
.on-schedulelist-title { display: flex; align-items: center; margin-bottom: 8px; }
.on-schedulelist-tag { flex-shrink: 0; margin-right: 8px; border-radius: 5px; background: #ecf7fb; color: #0b50d0; font-size: 18px; font-weight: 600; padding: 4px 11px; text-align: center; display: flex; align-items: center; justify-content: center; min-width: 57px; box-sizing: border-box; min-height: 30px; }
.on-schedulelist-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1e2124; font-size: 19px; font-weight: 700; }
.on-schedulelist-datetime { color: #464c53; font-size: 18px; font-weight: 400; }
.on-btm-gradient {/* border:1px solid red; */background: #FFFFFF;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 100%);padding-top: 50px;padding-bottom: 77px;}
.on-board-qna { margin-bottom: 72px; }
.on-board-qna .mcont-section-inner { display: flex; gap: 32px; }
.on-main-board { width: 50%; flex: 1; max-width: 620px; }
.on-main-boardcon { border-radius: 20px; border: 1px solid #d9d9d9; padding: 22px 32px; box-sizing: border-box; }
.on-main-boardcon > li { padding: 12px 0; border-bottom: 1px dashed #e9e9e9; }
.on-main-boardcon > li:last-child { border-bottom: none; }
.on-main-boardcon > li > a { display: flex; flex-direction: column; }
.on-boardcon-tit {color: #1e2124;font-size: 20px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 40px;margin-bottom: 8px;transition: color 0.3s}
.on-main-boardcon > li > a:hover .on-boardcon-tit {color: #0B50D0;}
.on-boardcon-date { color: #464c53; font-size: 18px; font-weight: 400; }
.on-main-qna { flex: 1; display: flex; flex-direction: column; }
.on-main-qnabox { display: flex; gap: 14px; height: 100%; box-sizing: border-box; }
.on-main-qnabox > li {flex: 1;border: 1px solid #d9d9d9;border-radius: 20px;background: #f8fafd;/* padding: 30px; */box-sizing: border-box;}
.on-main-qnabox > li > a {
    /* border: 1px solid red; */
    display: block;
    padding: 30px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    transition: 0.3s ease;
    border-radius:20px;
}
.on-main-qnabox > li > a:hover {
	box-shadow:
    inset 0 0 0 2px #0B50D0,                  /* 내부 테두리 */
    0px 16px 16px 0px rgba(0, 0, 0, 0.2),
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.on-qnabox-tit { color: #0b50d0; font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.on-qnabox-con {color: #1e2124;font-size: 17px;font-weight: 500;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;max-height: 7em;}
.on-qnabox-con b{color: #0b50d0; font-size: 15px; font-weight: 700; margin-bottom: 12px; display:block;}


.on-main-quickmenu .mcont-section-inner { display: flex; align-items: center; justify-content: space-between; }
.on-quickmenu-tit { display: flex; flex-direction: column; gap: 25px; flex: 0 0 auto; width: 200px; }
.on-quickmenu-linklists { display: flex; gap: 80px; }
.on-quickmenu-linklists > li { flex: 1; }
.on-quickmenu-linklists > li > a { display: flex; flex-direction: column; align-items: center; }
.on-quickmenu-linklists > li > a > img { display: flex; border: 1px solid #d9d9d9; width: 82px; height: 85px; border-radius: 20px; margin-bottom: 18px; object-fit: none; }
.on-quickmenu-linklists > li > a > p { color: #333; font-size: 18px; margin-bottom: 6px; font-weight: 500; }
.on-quickmenu-linklists > li > a > span { color: #666; font-size: 15px; font-weight: 400; white-space: nowrap; }
.on-quickmenu-linklists  .on-imghover-box {
    border-radius: 26px;
    width: 82px;
    height: 85px;
    position: relative;
    transition: 0.5s;
    border: 1px solid #d9d9d9           /* 내부 테두리 */;
    margin-bottom: 17px;
}
.on-quickmenu-linklists  li a:hover .on-imghover-box {

  box-shadow:
    inset 0 0 0 1px #0B50D0,                  /* 내부 테두리 */
    0px 16px 16px 0px rgba(0, 0, 0, 0.2),
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #0B50D0 ;
}

 .no-schedule {           color: #7F8BA4;
    width: 100%;
    /* margin: 0; */
    /* display: block; */
    margin: 0 auto;
    display: block;
    position: absolute;
    background: url(../../image/main23/no_data_gray.svg) no-repeat center top;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-top: 249px;
    padding-top: 120px;
    left: 0;}

.currentProjectSwiper:has( .no-schedule) .swiper-button-prev,
.currentProjectSwiper:has( .no-schedule) .swiper-button-next {display:none;}
.on-quickmenu-linklists  .on-imghover-box img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s opacity;
}
.on-quickmenu-linklists  .on-imghover-box img:first-child{opacity:1}
.on-quickmenu-linklists  .on-imghover-box img:last-child{
    opacity: 0;
}
.on-quickmenu-linklists  li a:hover .on-imghover-box img:first-child{opacity:0}
.on-quickmenu-linklists  li a:hover  .on-imghover-box img:last-child{
    opacity: 1;
}

.footer_nav li { padding: 0 36px 0 0; }
.footer_nav li::before { display: none; }
.wa-imgBox { position: absolute; right: 15px; top: 104px; width: 136px; }
.footer_info .wa-imgBox > a { width: 136px; height: 93px; }
.footer_adds { margin-top: 22px; display: flex; flex-wrap: wrap; max-width: 800px; row-gap: 7px; }
.footer_adds dl dd { color: #464c53; font-size: 16px; font-weight: 400; margin-right: 8px; }
.footer_info .footer_adds .copyright { color: #666; font-size: 18px; font-weight: 400; margin-top: 10px !important; }
.footer_info .footer_adds .copyright b { color: #666; font-size: 18px; font-weight: 400; }
.on-mobile-ver { display: none; }
/* 251109  메인페이지 퍼블 수정_반응형 */
@media screen and (max-width:1400px) {
	.mainBannerSwiper .swiper-wrapper {height: 100%;}
  .on-main-bannercontentsbox { gap: 15px; }
  .mainBannerSwiper {flex: 1;height: 440px;}
  .on-bannercon-body { padding: 20px 18px; }
  .on-certificate-lists > li > a { padding: 0 10px; }
  .linkbox-lists { gap: 12px; }
  .on-main-bannercon01 { flex: 1; min-width: 325px; }
  .on-main-bannercon02 { flex: 1; min-width: 295px; }
  .on-current-projecttab > li > button { padding: 0 12px; height: 36px; }
  .on-schedule-left { min-width: 400px; }
  .on-custom-calendarbody { gap: 18px 15px; }
  .on-custom-calendarheader { gap: 18px 15px; }
  .on-quickmenu-linklists { gap: 30px; }
}
@media screen and (max-width:1024px) {
	.currentProjectSwiper .swiper-slide.moreFetch {display: none;}
	.schedulelist-link {bottom: -38px; top:auto;}
	.mainBannerSwiper {width: 100%; height: auto;}
	.mainBannerSwiper .swiper-slide a img {object-fit:cover;}
	.on-schedulelist > li.on-noschedule-box > div { background-size: 60px; margin: 50px 0; padding-top: 85px;}
  .main_wrap { background: #fff; }
  .wa-imgBox { position: absolute; top: auto; bottom: -24px; right: 15px; }
  .on-quickmenu-linklists > li > a > p { font-size: 15px; display: block; min-width: 86px; word-break: auto-phrase; white-space: break-spaces; text-align: center; }
  .on-quickmenu-linklists > li > a > span { display: none; }
  .on-quickmenu-linklists { white-space: nowrap; overflow-x: auto; display: flex; overflow-y: hidden; display: flex; width: 100%; gap: 8px; }
  .on-quickmenu-linklists > li > a > img { width: 70px; height: 70px; margin-bottom: 12px; }
  .on-main-quickmenu .on-maincon-tit2 { font-size: 24px; }
  .on-board-qna { margin-bottom: 30px; }
  .mainBannerSwiperWrap { margin-bottom: 30px; max-width: 610px; margin: 0 auto 30px; }
  .on-pc-ver { display: none; }
  .on-mobile-ver { display: block; }
  .on-mobile-ver.inlineblock { display: inline-block; }
  .on-mobile-ver.flex { display: flex; }
  .on-current-project .on-maincon-header, .on-current-project .on-maincon-headerleft { display: block; }
  .on-current-project .on-maincon-tit { margin-bottom: 16px; }
  .on-scrollx-mobile { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; padding: 3px; }
  .on-current-projecttab > li > button { font-size: 15px; height: 30px; display: flex; align-items: center; }
  .on-current-project { padding-top: 30px; position: relative; }
  .on-current-project .on-maincon-headerleft { flex-direction: column; align-items: flex-start; gap: 16px; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; }
  .on-current-project .on-maincon-headerright { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
  .on-bannercon-body { height: 360px; }
  .on-main-bannercon01, .on-main-bannercon02 { min-width: auto; }
  .linkbox-lists > li > a > img { width: 24px; }
  .linkbox-list-category { font-size: 16px; }
  .linkbox-list-count > span { font-size: 26px; }
  .on-bannercon-body { border-radius: 0 0 10px 10px; }
  .on-bannercon-title { padding: 13px 13px; min-height: 45px; box-sizing: border-box; border-radius: 10px 10px 0 0; }
  .on-bannercon-title > h3 { font-size: 18px; }
  .mcont-top .main-search .main-search__recommKeyword { margin-bottom: 36px; }
  .mcont-top .main-search .main-search__recommKeyword > div { gap: 3px; }
  .mcont-top .main-search .main-search__recommKeyword > div > a { font-size: 15px; padding: 5px 7px; }
  .mcont-top .main-search .main-search__recommKeyword > p { font-size: 15px; }
  .mcont-top .main-search .main-search__recommKeyword { flex-direction: column; align-items: flex-start; gap: 16px; }
  .main-container .search-element { gap: 7px; margin-bottom: 16px; }
  .mainSchBtn { width: 50px; height: 50px; }
  .on-maincon-tit { font-size: 20px; }
  .on-main-banner-title strong { font-size: 32px; }
  .on-main-banner-title span { font-size: 20px; }
  .on-main-banner-title { flex-direction: column; align-items: center; margin-bottom: 27px; }
  .mcont-top .mcont-section-inner { padding-bottom: 30px; }
  .currentProjectSwiper { padding: 0; }
  .currentProjectSwiper .swiper-wrapper { display: block !important; transform: none !important; }
  .currentProjectSwiper .swiper-slide { display: block; width: 100% !important; margin-bottom: 15px; }
  .currentProjectSwiper .swiper-slide:nth-child(n + 5) { display: none; }
  .currentProjectSwiper .swiper-button-prev, .currentProjectSwiper .swiper-button-next { display: none !important; }
  .on-project-card { opacity: 1; }
  .on-current-projecttab { margin-left: 0px; }
  .on-ico-pluslink { width: 18px; height: 18px; padding: 4px; }
  .on-maincon-headerleft .on-project-calendarcategory { display: none; }
  .on-project-calendar select { font-size: 20px; border-bottom: none; padding-right: 40px; padding-left: 0; }
  .on-project-schedule { flex-direction: column; padding: 28px 20px 65px; }
  .on-schedule-current { font-size: 19px; }
  .on-project-calendar select { font-size: 17px; padding-left: 12px; }
  .on-schedule-leftheader { margin-bottom: 18px; }
  .on-schedule-left { flex: 1; min-width: 100%; padding: 0; border-right: none;}
  .on-custom-calendarheader > div { font-size: 18px; }
  .on-custom-calendarbody .calendar-day { font-size: 16px; }
  .on-custom-calendarheader, .on-custom-calendarbody { gap: 10px 0px; }
  .on-project-calendar .on-maincon-headerright {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);display: none;}
  .on-schedule-right { padding-left: 0px; }
  .on-custom-calendarbody .calendar-day.today::after { font-size: 12px; }
  .on-project-calendarcategory { display: flex; margin-left: 0; gap: 4px; margin-bottom: 12px; }
  .on-schedulelist-startdate { position: absolute; right: 18px; top: 21px; }
  .on-schedulelist > li { position: relative; }
  .on-schedulelist > li > a { padding: 18px; }
  .on-schedulelist-box { border-left: none; padding: 0; }
  .on-schedulelist-title { flex-direction: column; align-items: flex-start; gap: 13px; }
  .on-schedulelist-txt { width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; max-height: 3em; white-space: normal; }
  .on-project-calendar { position: relative; }
  .on-board-qna .mcont-section-inner { flex-direction: column; }
  .on-main-board { max-width: 100%; width: 100%; }
  .on-maincon-tit2 { font-size: 20px; }
  .on-main-quickmenu .mcont-section-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .on-maincon-subtit { display: none; }
  .on-main-qnabox > li > a {padding: 18px;}
  .no-schedule {margin-top:50px;}
}
@media screen and (max-width:640px) {
  .wa-imgBox { width: 100px; bottom: -57px; }
  .footer_adds { row-gap: 2px; }
  .footer_info .wa-imgBox > a { width: 100px; height: auto; }
  .footer_info .footer_adds .copyright b { font-size: 12px; }
  .footer_adds { margin-top: 0px; }
  .footer_nav li { padding-right: 0px; }
  .footer_nav { margin-top: 30px; }
  .on-main-qnabox { overflow-x: auto; }
  .on-main-qnabox > li { min-width: 196px; }
  .on-qnabox-con { font-size: 15px; min-width: 0; -webkit-line-clamp: 3}
  .on-qnabox-tit { font-size: 13px; }

  .on-main-boardcon > li:last-child { padding: 0; }
  .on-main-boardcon > li { padding: 0 0 12px; border: none; }
  .on-main-boardcon { padding: 18px; }
  .on-boardcon-tit { font-size: 15px; }
  .on-boardcon-date { font-size: 13px; }
  .main-container .on-project-calendar { padding-top: 0px; }
  .on-project-cardorgan, .on-project-cardperiod > span { font-size: 13px; }
  .on-project-cardperiod { flex-direction: row; font-size: 13px; align-items: center; margin-bottom: 10px; }
  .card-project-cardtitle { font-size: 15px; margin-bottom: 12px; }
  .on-project-cardheader { margin-bottom: 13px; }
  .on-project-cardstatus { font-size: 15px; }
  .on-project-cardtag { font-size: 15px; min-width: auto; min-height: auto; padding: 5px 11px; min-width: 50px; min-height: 27px; }
  .on-project-card { padding: 20px; }
  .on-current-projecttab > li > button { font-size: 13px; height: 28px; }
  .linkbox-lists > li > a { padding: 15px; }
  .on-bannercon-body { height: auto; }
  .on-main-bannercon01, .on-main-bannercon02 { min-width: 100%; }
  .mcont-top .mcont-section-inner { background: url(../../image/main23/mo-renew-banner-bg.png) no-repeat center 13%; background-size: cover; }
  .on-main-bannercontentsbox { flex-direction: column; }
  .on-current-project { padding-bottom: 65px; margin-bottom: 30px; position: relative; }
  .on-project-schedule .on-calendar-monthselect { padding-right: 2px; width: 110px; }
  .on-schedule-current { font-size: 17px; }
  .on-project-calendarcategory > li > button { font-size: 13px; min-height: 26px; padding: 0 13px; }
  .on-schedulelist-tag { font-size: 15px; min-width: auto; min-height: auto; padding: 5px 11px; min-width: 50px; min-height: 27px; }
  .on-schedulelist-startdate, .on-schedulelist-datetime { font-size: 13px; }
  .on-schedulelist-title { gap: 8px; }
  .on-schedulelist-txt { font-size: 15px; }
}