@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: 20px 15px;
}

.footer_nav {
    background: #eee;
}

.footer_nav li a {
    font-weight: 500;
}

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

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

.footer_info .footer_adds dt {
    font-weight: 400;
    color: #222;
    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-left: 86px;
    color: #222;
    font-weight: 700;
    margin-top: 20px;
    align-items: center;
}

.mcont-top .main-search .main-search__recommKeyword > p {
    margin-right: 20px;
    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: 35px;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 700;
    color: #666;
    border: 2px solid #fff;
    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;
}

.mcont-top .mcont-section-inner {
    padding-left: 15px;
    padding-right: 15px;
    height: 700px;
}

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

.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:100;
}
.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;
    background: #EEF2F7;
    border-radius: 10px;
    /* display: flex; */
}
.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: 50%;
    left: 50%;
    transform: translate(-50%, -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:none;}
.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:170px !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: 10px;
}

.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: 65px;
    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%;
}

.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;
    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: #eef7ff;
}

.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;
    }

    .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;
    }

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

    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);
    }
}