@charset "UTF-8";
/* *********************************************
Project =====
FileName ====
Author ====== name
Date ======== 2020-06-16
Last ========
********************************************* */


/* --------------------------------------------
 * 메인 리뉴얼
/* ------------------------------------------ */
.page-renewal .page-header,
.page-renewal .page-header-inner {
    height: 130px;
}
.page-renewal .page-header.navbar .top-menu {
    height: 70px;
    line-height: 70px;
}
.page-renewal .page-header .navi-depth {
    top: 130px;
}
.page-renewal .page-header.navbar .top-menu .navbar-nav {
    margin: 26px 0px 0px 0px;
}
.page-renewal .page-header.navbar .page-logo {
    height: 70px;
    line-height: 70px;
    width: 320px;
}
.page-renewal .page-header {
    border-bottom: 0px;
}
.page-renewal .page-header .page-menu-wrapper {
    /* background-color: #105157; */
    /* background-color: #1460bb; */
    /* background-color: #008ac4; */
    background-color: #129cbb;
    border-top: 0px;
}
.page-renewal .page-header .page-header-inner #nav.nav,
.page-renewal .page-header .page-header-inner #nav > li a {
    height: 60px;
    line-height: 60px;
}
.page-renewal .page-header .page-header-inner #nav > li.title::after {
    top: 20px;
    height: 17px;
    /* border-left: 1px solid #5e8488; */
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.page-renewal .page-header .page-header-inner #nav > li.title:first-child,
.page-renewal .navi-depth .depth-align {
    padding-left: 60px;
}
.page-renewal .page-header .page-header-inner #nav.all-menu-none > li.title:first-child,
.page-renewal .navi-depth.all-menu-none .depth-align {
    padding-left: 0px;
}
.page-renewal .page-header .page-header-inner #nav > li.all-menu + li.title::after,
.page-renewal .page-header .page-header-inner #nav.all-menu-none li.title:first-child::after {
    border-left: 0px;
}
.page-renewal .page-header .page-header-inner #nav > li.all-menu,
.page-renewal .page-header .page-header-inner #nav > li .all-menu-btn {
    width: 60px;
    height: 60px;
}
.page-renewal .page-header .page-header-inner #nav > li .all-menu-btn {
    position: relative;
    top: 0px;
    right: 0px;
}
.page-renewal .page-header .page-header-inner #nav > li.all-menu::after {
    border-left: 0px;
}
.page-renewal .page-header .page-header-inner #nav li a {
    color: #fff;
}
.page-renewal .page-header .page-header-inner #nav > li > a:hover,
.page-renewal .page-header .page-header-inner #nav > li > a.active,
.page-renewal .page-header .page-header-inner #nav > li.on > a {
    /* color: #89c0c5; */
    /* color: #9cc9ff; */
    /* color: #90deff; */
    color: #97ecff;
}
.page-renewal.page-main .page-visual {
    height: 320px;
    background: #2a456f url(../../com/img/main_renewal/bg/bg_main_visual.png) no-repeat 40% 50%;
}
.page-renewal.page-main .page-visual::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 149px;
    height: 260px;
    background: url(../../com/img/main_renewal/bg/bg_main_visual_sub.png) no-repeat 40% 50%;
}
.page-renewal.page-main .page-visual.logout-visual .page-visual-inner {
    background: none;
}
.page-renewal .page-header .page-header-inner #nav > li .all-menu-btn a {
    background: url(../../com/img/main_renewal/icon/ico_btn_all_menu_btn.png) no-repeat 50% 50%;
}
.page-renewal .page-header .page-header-inner #nav > li .all-menu-btn a {
    background: url(../../com/img/main_renewal/icon/ico_btn_all_menu_btn.png) no-repeat 50% 50%;
}
.page-renewal .page-header .page-header-inner #nav > li .all-menu-btn.all-menu-btn-close a {
    background: url(../../com/img/main_renewal/icon/ico_btn_all_menu_btn_close.png) no-repeat 50% 50%;
}
.page-renewal.page-main .slides > li {
    text-align: center;
}
.page-renewal.page-main .page-visual .page-visual-inner .noti-zone {
    position: absolute;
    bottom: 0px;
    left: -362px;
    width: 362px;
    height: 300px;
    padding: 20px 28px;
    background-color: #105157;
}
.page-renewal.page-main .page-visual .page-visual-inner .page-visual-content .main-title {
    color: #ffffff;
}
.page-renewal.page-main .page-visual .page-visual-inner .noti-zone-group {
    padding: 0px;
    text-align: left;
}
.page-renewal.page-main .noti-zone .flex-direction-nav .flex-prev {
    left: -25px;
}
.page-renewal.page-main .noti-zone .flex-direction-nav .flex-next {
    right: -25px;
}
.page-renewal.page-main .page-visual .page-visual-inner .noti-zone-title {
    color: #38c3d0;
    font-size: 18px;
}
.page-renewal.page-main .page-visual .page-visual-inner .noti-zone-content {
    font-size: 15px;
}
.page-renewal.page-main .direct-btn {
    float: none;
    border: none;
    display: inline-block;
    font-size: 16px;
    color: #4e4100;
    background-color: #fad30a;
    border-radius: 0px !important;
    padding: 9px 21px;
}
.ico-btn-R {
    padding-right: 60px !important;
}
.direct-btn.ico-btn-R.ico-arrow {
    background: #fad30a url(../../com/img/main_renewal/icon/ico_btn_arrow_dark.png) no-repeat 92% 50%;
}
.page-renewal.page-main .page-visual .page-visual-inner .noti-zone-group {
    height: 170px;
}
.page-main .flex-control-paging li a {
    width: 14px;
    height: 14px;
}
.page-main .flex-control-paging li a:hover {
    background: rgba(255, 255, 255, 0.7) !important;
}
.page-renewal.page-main .flex-control-paging li a.flex-active,
.page-renewal.page-main .flex-control-paging li a.flex-active:hover {
    width: 30px;
    background: #1dbcaf !important;
}
.page-renewal .flex-control-nav {
    right: 0px;
}
.page-renewal .flex-pauseplay {
    position: absolute;
    top: -18px;
    right: 40px;
}
.page-renewal .flex-pauseplay a,
.page-renewal .flex-pauseplay a::before {
    font-family: inherit !important;
    font-size: 0px !important;
    display: inherit !important;
    content: inherit !important;
}
.page-renewal .flex-pauseplay a.flex-play {
    background: url(../img/main_renewal/btn/flex_play_w.png) no-repeat 50% 50% !important;
}
.page-renewal .flex-pauseplay a.flex-pause {
    background: url(../img/main_renewal/btn/flex_pause_w.png) no-repeat 50% 50% !important;
}
.page-renewal .page-header .navi-depth {
    background-color: #e7f0f1;
    border-bottom: 4px solid #129cbb;
}
.page-renewal.page-front .page-header .navi-depth .depth-group .depth-ul a:hover,
.page-renewal.page-front .page-header .navi-depth .depth-group .depth-ul.on a:hover,
.page-renewal.page-front .page-header .navi-depth .depth-group .depth-ul a.active {
    color: #20b9c7 !important;
}
.page-renewal .page-header .navi-depth .depth-group .depth-ul {
    border-right: 1px solid #c6d4de;
}
.page-renewal .page-header .navi-depth .depth-group .depth-ul:first-child {
    border-left: 1px solid #c6d4de !important;
}
.page-renewal .main-list-wrapper .main-list-group [class^=col-],
.page-renewal .main-info-wrapper .main-info-group [class^=col-] {
    padding: 0px 8px;
}
.page-renewal .main-list-wrapper .main-list-group [class^=col-]:first-child,
.page-renewal .main-info-wrapper .main-info-group [class^=col-]:first-child {
    padding-left: 0px;
}
.page-renewal .main-list-wrapper .main-list-group [class^=col-]:last-child,
.page-renewal .main-info-wrapper .main-info-group [class^=col-]:last-child {
    padding-right: 0px;
}
.page-renewal .colgroup .main-con-box {
    padding: 22px 30px;
    border: 1px solid #b4b4b4;
}
.page-renewal .colgroup .col:first-child .main-con-box {
    border: 1px solid #b4b4b4;
}
.page-renewal .colgroup .main-con-box hr {
    border-top: 1px solid #b4b4b4;
    margin: 10px 0px 20px 0px;
}
.page-renewal.page-main .main-list-wrapper {
    padding: 0px;
}
.page-renewal .main-title {
    line-height: inherit;
    color: #2676d5;
    font-size: 30px;
}
.page-renewal .more-btn {
    line-height: 40px;
}
.page-renewal .notice-list {
    font-size: 14px;
}
.page-renewal .notice-list li:before {
    background: #2676d5;
    width: 5px;
    height: 3px;
}
.page-renewal .notice-list .notice-list-author {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 262px;
    left: 14px;
}
.page-renewal .system-help-box {

}
.page-renewal .system-help-header {
    padding: 9px 0px 4px 0px;
    background-color: #2d666b;
    color: #fff;
    text-align: center;
}
.page-renewal .system-help-title {
    margin: 0px;
    font-size: 26px;
    font-weight: bold;
}
.page-renewal .system-help-time {
    margin: 0px;
    font-size: 16px;
}
.page-renewal .system-help-list {
    padding: 19px 20px;
    background-color: #f7f7f7;
}
.page-renewal .system-help-list li {
    margin-bottom: 5px;
}
.page-renewal .system-help-list li:last-child {
    margin-bottom: 0px;
}
.page-renewal .help-desk-title {
    display: inline;
    font-size: 16px;
}
.page-renewal .help-desk-info {
    display: inline;
    float: right;
    font-size: 16px;
}
.page-renewal .help-desk-tel {
    color: #1d83d0;
    font-weight: bold;
    line-height: 20px;
}
.page-renewal .help-desk-connect {
    font-size: 14px;
    font-weight: bold;
    padding: 2px 28px 2px 10px;
    margin: 0px;
    background: #2d666b url(../img/main_renewal/icon/ico_help_desk_connect.png) no-repeat 80% 50%;
    border-radius: 20px !important;
    line-height: 20px;
    vertical-align: middle;
    color: #fff;
}
.page-renewal .help-desk-connect-number {
    color: #23ae75;
    font-weight: bold;
}
.page-renewal .main-con-box .require-header {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.page-renewal .main-con-box .require-list {
    margin: 0px;
    font-size: 14px;    
}
.page-renewal .main-con-box .require-list-author {
    margin-left: 4px;
}
.page-renewal .main-con-box .edu-list {
    padding-top: 3px;
    clear: both;
}
.page-renewal .main-con-box .edu-list-author {
    font-size: 14px;
    margin-left: 4px;
}
.page-renewal .main-con-box .notice-header-btn {
    display: inline-block;
    margin-top: -2px;
    float: right;
}
.page-renewal .favorite-service-box {
    border: 4px solid #2d666b;
    padding: 15px 0px;
}
.page-renewal .favorite-service-header {
    padding: 0px 26px 16px 26px;
}
.page-renewal .favorite-service-list {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 0px;
}
.page-renewal .favorite-service-link {
    width: 0;
    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    cursor: pointer;
}
.page-renewal .favorite-service-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}
.page-renewal .favorite-service-title .text-point {
    color: #23ae75;
}
.page-renewal .favorite-service-ex {
    color: #a3a3a3;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 4px;
}
.page-renewal .favorite-service-link-title {
    font-size: 16px;
    font-weight: bold;
    padding-top: 9px;
}
.page-renewal .page-footer .page-footer-inner .page-footer-container .tel {
    margin-left: 0px;
    display: block;
}
.page-renewal .page-footer .page-footer-inner .page-footer-container .tel,
.page-renewal .page-footer .page-footer-inner .page-footer-container .address {
    color: #a1a1a1;
}
.page-renewal .page-footer .page-footer-inner .page-footer-container .copyright {
    color: #8e8e8e;
}
.page-renewal .page-footer {
    background-color: #333333;
    border-top: 0px;
}
.page-renewal .page-footer-info a {
    color: #a5a5a5;
}
.page-renewal .page-footer .page-footer-link .page-footer-info li {
    background: url(../../com/img/main_renewal/bu/bu_footer_link.png) no-repeat left 40%;
}
.page-renewal .page-footer .page-footer-link .page-footer-info li:first-child {
    background: none;
}
.page-renewal .page-footer .page-footer-link .page-footer-info .textR {
    color: #ff575b !important;
}
.page-renewal .page-footer .page-footer-link .page-footer-institution .btn.dark:not(.btn-outline) {
    background-color: #606367;
    border-color: #606367;
}
.page-renewal .page-footer .page-footer-link .page-footer-institution .bs-select {
    background-color: #535353;
    border-color: #717171;
    color: #a7a7a7;
}
.page-renewal .page-footer .page-footer-inner .page-footer-logo {
    margin-top: 2px;
}
.page-renewal .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > a.top-btn.btn-login {
    background: url(../../com/img/main_renewal/icon/ico_top_login.png) no-repeat 0px 50%;
}
.page-renewal.page-main .main-info-wrapper {
    padding: 10px 0px 0px 0px;
}
.page-renewal.page-main .contentWrapper {
    padding: 0px 0px 20px 0px;
}
.page-renewal .page-visual-content .tab-content > .active {
    display: table;
}
.page-renewal .noti-zone .tab-pane {
    width: 100%;
}
.page-renewal.page-main .page-visual .page-visual-inner .noti-zone.noti-zone-login {
    padding: 0px;
}
.page-renewal.page-main .page-visual .page-visual-inner .tab-content .my-work {
    width: 100%;
    background: none;
}
.page-renewal.page-main .page-visual .page-visual-inner .tab-content .flexslider-wrapper {
    padding: 0px 30px;
}
.page-renewal.page-main .page-visual .page-visual-inner .my-work .my-work-group .my-work-list-value {
    color: #20eaaf;
}
.page-renewal .tab-content .flex-control-nav {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 10px;
}
.page-renewal .tab-content .flex-pauseplay {
    top: auto;
    bottom: -2px;
    right: 20px;
}
.page-renewal.page-main .page-visual .page-visual-inner .tab-content .noti-zone-group {
    height: 150px;
    margin-bottom: 10px;
}
.page-renewal .noti-zone .tabs-group-justified > li.active {
    bottom: 0px;
}
.page-renewal .noti-zone .nav-tabs {
    border-bottom: 0px;
}
.page-renewal .noti-zone .nav-tabs > li > a {
    margin: 0px;
    border: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.page-renewal .noti-zone .nav-tabs > li > a.my-job-tab {
    background-color: #2f868e;
    color: #92c5ca;
}
.page-renewal .noti-zone .nav-tabs > li.active > a.my-job-tab {
    background-color: #105157;
    color: #fff;
}
.page-renewal .noti-zone .nav-tabs > li > a.noti-tab {
    background-color: #2f868e;
    color: #92c5ca;
}
.page-renewal .noti-zone .nav-tabs > li.active > a.noti-tab {
    background-color: #105157;
    color: #fff;
}
.page-renewal .slimScrollBar {
    cursor: pointer;
}



/* --------------------------------------------
 * 공통 상단 통합검색 기능 추가 시작
/* ------------------------------------------ */
.page-renewal.top-total-search .page-header.navbar .page-logo {
    margin-top: 22px;
}
.page-renewal.top-total-search .page-header.navbar .top-menu {
    height: 60px;
    line-height: 60px;
}
.page-renewal.top-total-search .page-header.navbar .top-menu .navbar-nav {
    margin: 16px 0px 0px 0px;
}
.page-renewal.top-total-search .page-header,
.page-renewal.top-total-search .page-header-inner {
    height: 176px;
}
.page-renewal.top-total-search .page-header .navi-depth {
    top: 176px;
}
.page-renewal.top-total-search.detail-option-active .page-header, 
.page-renewal.top-total-search.detail-option-active .page-header .page-header-inner {
    height: 331px;
}
.page-renewal.top-total-search.detail-option-active .page-header .navi-depth {
    top: 331px;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -260px;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .input-group {
    width: 460px;
    float: left;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .input-group .form-control {
    height: 40px;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .btn:not(.btn-sm):not(.btn-lg),
.top-total-search .page-header .page-header-inner .detail-option-wrapper .btn:not(.btn-sm):not(.btn-lg) {
    border-radius: 0px !important;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .search-btn:not(.btn-sm):not(.btn-lg) {
    height: 40px;
    width: 40px;
}
.top-total-search .page-header .page-header-inner .btn:not(.btn-sm):not(.btn-lg) {
    height: 24px;
}
.top-total-search .page-header .page-header-inner .detail-search-wrapper {
    float: left;
    line-height: 40px;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .search-btn {
    padding: 12px 8px;
    background-color: #129cbb;
    color: #fff;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .search-btn .fa {
    font-size: 20px;
}
.top-total-search .page-header .page-header-inner .total-search-bar {
    font-size: 16px;
    padding: 4px 12px;
    border: 4px solid #129cbb;
    border-right: 0px;
}
.top-total-search .page-header .page-header-inner .detail-search-btn {
    padding-right: 30px;
    background: #2f353b url(../../com/img/common/icon/ico_btn_arrBottom.png) 90% center no-repeat;
}
.top-total-search .page-header .page-header-inner .detail-search-btn.on {
    background: #2f353b url(../../com/img/common/icon/ico_btn_arrTop.png) 90% center no-repeat;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper {
    position: absolute;
    top: 113px;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    border: 1px solid #d7d7d7;
    padding: 20px;
    text-align: left;
    display: none;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper.on {
    display: block;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper .table {
    margin-bottom: 0px;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper .table > tbody > tr > td {
    border-top: 0px;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper .table > tbody > tr > td.td-head {
    font-weight: bold;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper .close-btn-group {
    position: absolute;
    top: 10px;
    right: 10px;
}
.top-total-search .page-header .page-header-inner .detail-option-wrapper .close-btn-group .btn-close {
    background: none;
}
.top-total-search .search-layer {
    position: absolute;
    top: 6px;
    left: 0px;
}
.top-total-search .search-select {
    position: absolute;
    top: 34px;
    left: 0px;
    background: #FFF;
    border: 1px solid #CCC;
    width: 420px;
    border-radius: 3px;
    padding: 5px;
    display: none;
    z-index: 200;
}
.top-total-search .page-header .navi-depth {
    z-index: 199;
}
.top-total-search .search-select.on {
    display: block;
}
.top-total-search .search-select ul {
    display: block;
    background: #FFF;
}
.top-total-search .search-select ul li {
    padding: 5px 5px;
    text-align: left;
}
.top-total-search .search-select ul li:hover {
    background-color: #ececec;
}
.detail-search-wrapper .mt-radio, 
.detail-search-wrapper .mt-checkbox,
.detail-option-wrapper .mt-radio, 
.detail-option-wrapper .mt-checkbox {
    font-size: 14px;
}
/* --------------------------------------------
 * 공통 상단 통합검색 기능 추가 끝
/* ------------------------------------------ */


/* --------------------------------------------
 * 비주얼 롤링기능 추가 시작
/* ------------------------------------------ */
.flexslider .slides.slides-stop {
    transition-duration: 0s !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
.flex-direction-nav a,
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1 !important;
}
.page-renewal.page-main .page-visual.page-visual-slider {
    background: none;
}
.page-visual-slider-inner {
    position: absolute;
    top: 0px;
    left: 0px;
}
.page-visual-slider-inner,
.page-visual-slider-inner .flexslider-wrapper,
.page-visual-slider-inner .flexslider-wrapper .flexslider,
.page-visual-slider-inner .flexslider-wrapper .flex-viewport,
.page-visual-slider-inner .flexslider-wrapper .slides,
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual {
    width: 100%;
    height: 100% !important;
}
.page-visual-slider-inner .flexslider-wrapper .slides > li {
    height: 100%;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual {
    position: relative;
    background-color: #adadad;
}
.page-renewal.page-main .page-visual::after {
    content: none;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual.flexslider-visual-01 {
    background: #2a456f url(../../com/img/main_renewal/bg/bg_main_visual.png) no-repeat 40% 50%;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual.flexslider-visual-01::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 149px;
    height: 260px;
    background: url(../../com/img/main_renewal/bg/bg_main_visual_sub.png) no-repeat 40% 50%;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual.flexslider-visual-02 {
    background: #006284 url(../../com/img/main_renewal/bg/bg_main_visual_library.png) no-repeat 40% 50%;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual .flexslider-visual-inner {
    position: relative;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual .flexslider-visual-btn {
    position: absolute;
    left: 0px;
    top: 216px;
    width: 147px;
    border-radius: 10px !important;
}
.page-visual-slider-inner .flexslider-wrapper .flex-viewport {
    overflow: hidden;
}
.page-visual-slider-inner .flexslider-wrapper .flex-prev,
.page-visual-slider-inner .flexslider:hover .flex-direction-nav .flex-prev {
    left: 20px !important;
}
.page-visual-slider-inner .flexslider-wrapper .flex-next,
.page-visual-slider-inner .flexslider:hover .flex-direction-nav .flex-next {
    right: 20px !important;
}
.page-visual-slider-inner .flexslider-wrapper .flex-direction-nav a {
	width: 44px;
	height: 44px;
}
.page-visual-slider-inner .flexslider-wrapper .flex-direction-nav a:before {
	background: url(../../com/img/main_renewal/btn/main_visual_prev_btn.png) no-repeat 0% 50%;
	width: 100%;
	height: 100%;
}
.page-visual-slider-inner .flexslider-wrapper .flex-direction-nav a.flex-next:before {
	background: url(../../com/img/main_renewal/btn/main_visual_next_btn.png) no-repeat 100% 50%;
}

.page-visual-slider-inner .flexslider-wrapper .flex-control-nav {
    position: relative;
    display: table;
    margin: 0px auto;
    top: -25px;
    right: auto;
}
.page-visual-slider-inner .flexslider-wrapper .flex-control-nav::after {
    content: "";
    position: absolute;
    top: -4px;
    left: 0px;
    width: 100%;
    height: 23px;
    background-color: #000;
    border-radius: 10px;
    opacity: 0.8;
    z-index: 0;
}
.page-visual-slider-inner .flexslider-wrapper .flex-control-nav li {
    position: relative;
    z-index: 1;
}
.page-visual-slider-inner .flexslider-wrapper .flex-pauseplay {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 3px;
    left: 50%;
    margin-left: 32px;
}
.page-visual-slider-inner .flexslider-wrapper .flex-pauseplay::after {
    content: "";
    position: absolute;
    top: -26px;
    left: 3px;
    width: 35px;
    height: 23px;
    background-color: #000;
    border-radius: 10px;
    opacity: 0.8;
    z-index: 0;
}
/* --------------------------------------------
 * 비주얼 롤링기능 추가 끝
/* ------------------------------------------ */


/* 20220221수정 - 메뉴 추가 */
.page-renewal .main-title {
    font-size: 26px;
}
.favorite-service-box.f-s-list-v3 .favorite-service-link-title {
    font-size: 13px;
    line-height: 15px;
    margin-top: 6px;
}
.favorite-service-box.f-s-list-v3 .favorite-service-link-title.f-s-title-3row {
    margin-top: 0px;
}


/* 20240611 수정 */
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual.flexslider-visual-03 {
    background: #006284 url(../../com/img/main_renewal/bg/bg_main_visual_03.png) no-repeat 40% 50%;
}
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual.flexslider-visual-03 .flexslider-visual-btn {
    width: auto;
}
.page-renewal .quality-btn {
    float: none;
    border: none;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #129cbb;
    border-radius: 4px !important;
    padding: 11px 10px;
    font-weight: bold;
    height: 40px;
}
.ico-btn-l {
    padding-left: 40px !important;
}
.quality-btn.ico-btn-l.ico-arrow {
    background: #129cbb  url(../../com/img/main_renewal/icon/ico_btn_home.png) no-repeat 10px 50%;
}

.quality-btn-group {
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 60px;
    margin-left: -40px;
}



/* *********************************************
2024년 8월 부분 리뉴얼 시작
********************************************* */
/* .page-renewal.page-front .page-content-wrapper {
    float: none;
    width: 1400px;
    margin: 0px auto;
} */
@media (max-width: 1500px) {
    body.page-front.page-main {
        min-width: 1800px !important;
    }
}
.navbar-nav > li {
    float: left;
}
.top-total-search .page-header .page-header-inner .total-search-bar {
    border-radius: 10px 0px 0px 10px !important;
}
.top-total-search .page-header .page-header-inner .total-search-wrapper .input-group {
    border-radius: 0px 10px 10px 0px !important;
    overflow: hidden;
}
.quick-link-wrapper .quick-link-inner,
.page-visual-slider-inner .flexslider-wrapper .flexslider-visual .flexslider-visual-inner,
.page-front.page-main .page-visual-v2 .page-visual-inner,
.menu-content,
.bottom-content-wrapper .bottom-content-inner,
.middle-content-wrapper .middle-content-inner {
    width: 1430px;
    margin: 0px auto;
}
/* --------------------------------------------
 * 상단메뉴 시작
/* ------------------------------------------ */
.navbar-collapse-wrapper {
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 52px;
    line-height: 52px;
    left: 0px;
    bottom: 0px;
}
.navbar-collapse.collapse,
nav.navbar.bootsnav .navbar-collapse.collapse {
    display: table !important;
    margin: 0px auto;
}
nav.navbar.bootsnav .navbar-nav {
    background-color: inherit !important;
    margin: 0;
    float: left !important;
}
.navbar-collapse-wrapper .navbar-nav > li > a,
.navbar-collapse.collapse,
.navbar-collapse .nav,
.navbar-collapse .dropdown {
    height: 100% !important;
}
.navbar-collapse-wrapper .navbar-nav > li > a {
    padding: 15px 45px;
    font-size: 18px;
    font-weight: bold;
    background: none !important;
}
.nav-header-bg {
    position: absolute;
    width: 100%;
    height: 52px;
    line-height: 52px;
    left: 0px;
    bottom: 0px;
    background-color: #fff;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    z-index: 1;
}
.navbar-collapse .dropdown::after {
    position: absolute;
    top: 18px;
    content: "";
    border-left: 1px solid #cecece;
    height: 15px;
}
.navbar-collapse .dropdown:first-child::after {
    content: none;
}
.navbar-collapse .dropdown .dropdown-menu {
    border: none;
    border-bottom: 1px solid #e6e6e6;
}
.navbar-collapse .dropdown .dropdown-menu > li::before {
    content: "";
    position: absolute;
    right: 50%;
    top: 0px;
    display: block;
    width: 50%;
    height: 100%;
    background-color: #1b2e50;
    background: #1b2e50 url(../../com/img/common/bg/bg_menu_item_title.png) no-repeat 14% 0px;
}
.navbar-collapse .dropdown > .dropdown-menu::before,
.navbar-collapse .dropdown > .dropdown-menu::after {
    content: none;
}
.menu-content {
    
}
.menu-content .menu-item-title {
    width: 235px;
    background: none;
    padding: 20px 20px 20px 0px;
    word-wrap: break-word;
    word-break: keep-all;
}
.menu-content .menu-item-title .title-text {
    display: block;
    font-size: 16px;
    margin-bottom: 0px;
}
.menu-content .menu-item-title .title-sub-text {
    display: block;
    font-size: 18px;
    opacity: 0.6;
}
ul.menu-item-2dep > li {
    background-color: #f2f8ff;
}
ul.menu-item-2dep > li {
    border-right: 1px solid #e6e6e6;
    min-height: 70px;
}
ul.menu-item-2dep > li:last-child {
    border-bottom: 0px;
}
ul.menu-item-2dep > li > a {
    /* background: #d8dfe3; */
}
ul.navbar-nav > li > a::before {
    top: auto;
    bottom: 0px;
    background-color: #0d93dd;
}
.mega-vertical-nav .link-go:hover {
	background: url(../img/common/icon/ico_btn_insertion_dark.png) no-repeat 100% 50% !important;
}
.nav-item .link-go {
	background: none;
	margin-right: 0px;
}
ul.menu-item-2dep > li > a.link-go span {
	padding-right: 24px;
	background: url(../img/common/icon/ico_btn_insertion_dark.png) no-repeat 100% 50%;
}
ul.menu-item-3dep > li > a.link-go span {
	padding-right: 24px;
	background: url(../img/common/icon/ico_btn_insertion_dark.png) no-repeat 100% 50%;
}
.page-front .navbar-nav > li.active > a {
    color: #0d93dd;
}
/* --------------------------------------------
 * 상단메뉴 끝
/* ------------------------------------------ */

/* --------------------------------------------
 * 메인 비주얼 시작
/* ------------------------------------------ */
.page-front.page-main .page-visual-v2 {
    position: relative;
    width: 100%;
    height: 362px;
    margin: 50px 0px;
}
.page-front.page-main .page-visual-v2 .page-visual-inner {
    height: 100%;
}
.visual-row {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
}
.visual-row .visual-col {
    position: relative;
    height: 362px;
    margin: 0px 15px;
    flex-basis: 0;
    flex-grow: 1;
    border: 1px solid #bdc6cc;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
    border-radius: 50px 20px !important;
    overflow: hidden;
}
.visual-row .visual-col:first-child {
    margin-left: 0px;
}
.visual-row .visual-col:last-child {
    margin-right: 0px;
}
.visual-row .visual-col.visual-banner {
    border: 0;
    background-color: #0d93dd;
}
.visual-row .visual-col.visual-mytodo {
    background-color: #d8dfe3;
}
.visual-row .visual-col.visual-notizone {
    background-color: #fff;
}
.page-renewal.page-main .direct-btn,
.page-renewal.page-main .visual-btn {
    border-radius: 10px !important;
}
.visual-box,
.bx-wrapper,
.bx-viewport,
.bx-viewport > ul,
.visual-box .visual-li {
    height: 100% !important;
}
.visual-box .visual-title {
    font-size: 40px;
    font-weight: bold;
    color: #fad30a;
}
.visual-box .visual-contents {
    font-size: 20px;
    color: #fff;
}
.visual-box .visual-li {
    position: relative;
    padding: 30px 30px 20px 30px;
}
.visual-box .visual-li .visual-btn {
    position: absolute;
    bottom: 40px;
}
.visual-box-title {
    font-size: 30px;
    font-weight: bold;
    color: #1b2331;
    margin: 0;
    margin-bottom: 10px;
}
.visual-notizone .visual-box-title {
    position: absolute;
    top: 30px;
    left: 30px;
}
.logout-visual .visual-title {
    font-size: 50px;
}
.logout-visual .visual-box .visual-contents {
    font-size: 30px;
}
.logout-visual .visual-row .visual-col.visual-banner {
    min-width: 978px;
}
.login-visual .visual-row .visual-col.visual-banner {
    min-width: 556px;
}


.notizone-group {
    padding-top: 45px;
}
.notizone-group .notizone-title {
    color: #1b2331;
    font-size: 20px;
    font-weight: bold;
}
.notizone-group .notizone-contents {
    color: #1b2331;
    font-size: 18px;
}
.mytodo-contents {
    padding: 30px;
    height: 100%;
    overflow-y: scroll;
}

.mytodo-contents::-webkit-scrollbar{
    display: none;
}

.mytodo-list {
    margin: 0px;
}
.mytodo-row {
    display: flex;
    flex-wrap: wrap;
}
.mytodo-list .mytodo-col {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    background-color: #fff;
    margin: 6px 10px;
    padding: 10px;
    border-radius: 10px !important;
    font-size: 16px;
}
.mytodo-list .mytodo-col:first-child {
    margin-left: 0px;
}
.mytodo-list .mytodo-col:last-child {
    margin-right: 0px;
}
.mytodo-list .mytodo-col .badge {
    position: absolute;
    top: -10px;
    right: -8px;
    background-color: #1891b1;
    font-size: 12px;
} 
.mytodo-list .mytodo-col:hover {
	text-decoration:underline;
	cursor: pointer;
}
/* --------------------------------------------
 * 메인 비주얼 끝
/* ------------------------------------------ */


/* --------------------------------------------
 * 롤링 배너 시작
/* ------------------------------------------ */
/* 비주얼 배너 시작 */
.banner-wrap {
    height: 90px;
    margin-top: 40px;
    background: #45a3da;
    background-image: linear-gradient(90deg, #45ced8 0%, #467be1 100%);
}
.banner-wrap .bx-viewport > ul > li {
    height: 90px;
}
.banner-wrap .bx-viewport > ul > li > a {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.banner-wrap .bx-viewport > ul > li > a > .banner-contents {
    color: #00264d;
    font-size: 26px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
.banner-wrap .bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    border-radius: 20px;
    box-shadow: 4px 4px 10px rgba(100, 116, 124, 0.5);
    display: block;
}
.banner-wrap .bx-wrapper .bx-prev {
    left: 10px;
    background: url(../img/common/bxslider/bx_visual_prev_btn.png) no-repeat 50% 50%;
}
.banner-wrap .bx-wrapper .bx-next {
    right: 10px;
    background: url(../img/common/bxslider/bx_visual_next_btn.png) no-repeat 50% 50%;
}
.banner-wrap .bx-wrapper .bx-prev:hover, 
.banner-wrap .bx-wrapper .bx-prev:focus,
.banner-wrap .bx-wrapper .bx-next:hover, 
.banner-wrap .bx-wrapper .bx-next:focus {
    background-position: 50% 50%;
}
.banner-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    top: -41px;
    right: 40px;
}
.banner-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
}
.bx-controls {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100%;
}
/* 비주얼 배너 끝 */

/* bxSlider 공통 커스텀 시작 */
.bx-wrapper {
    position: relative;
    box-shadow: none;
    border: none;
    background: none;
    margin-bottom: 0px;
}
.banner-slides .bx-wrapper::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -100px;
    display: block;
    width: 325px;
    height: 90px;
    background: url(../img/common/main/bg_main_banner_l.png) no-repeat 50% 50%;
}
.banner-slides .bx-wrapper::after {
    content: "";
    position: absolute;
    top: 0px;
    right: -100px;
    display: block;
    width: 459px;
    height: 90px;
    background: url(../img/common/main/bg_main_banner_r.png) no-repeat 50% 50%;
}
.bx-wrapper a:focus,
.bx-controls-auto-item a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
    border: 2px dotted #000;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    top: -1px;
    bottom: auto;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    vertical-align: middle;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: auto;
    top: 6px;
    right: 40px;
    bottom: auto;
    padding: 0px;
    font-size: 13px;
    color: #000;
    font-family: NanumSquare, dotum, Arial, Helvetica, sans-serif;
}
.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop {
    width: 32px;
    height: 32px;
}
.bx-wrapper .bx-controls-auto .bx-start {
    background: url(../img/common/bxslider/bx_play.png) no-repeat 50% 50%;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    background: url(../img/common/bxslider/bx_pause.png) no-repeat 50% 50%;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, 
.bx-wrapper .bx-controls-auto .bx-start.active, 
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover, 
.bx-wrapper .bx-controls-auto .bx-stop.active, 
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: 50% 50%;
}
.bx-wrapper .bx-next {
    background: url(../img/common/bxslider/bx_next_btn.png) no-repeat 50% 50%;
}
.bx-wrapper .bx-prev {
    background: url(../img/common/bxslider/bx_prev_btn.png) no-repeat 50% 50%;
}
.bx-wrapper .bx-next:hover, 
.bx-wrapper .bx-next.active, 
.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-prev:hover, 
.bx-wrapper .bx-prev.active, 
.bx-wrapper .bx-prev:focus {
    background-position: 50% 50%;
}
.bx-wrapper .bx-controls-direction a {
    top: 15px;
    z-index: 2;
}
.bx-wrapper .bx-next {
    right: 0px;
}
.bx-wrapper .bx-prev {
    left: auto;
    right: 67px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    right: 110px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 33px;
}

/* bxSlider 공통 커스텀 끝 */

.direct-btn.ico-btn-R.ico-arrow.direct-btn-w {
    color: #fff;
    background: #097fb9 url(../../com/img/main_renewal/icon/ico_btn_arrow_w.png) no-repeat 85% 50%;
}
/* --------------------------------------------
 * 롤링 배너 끝
/* ------------------------------------------ */

/* --------------------------------------------
 * 공지사항 & 자료실 & 민원상담콜센터 시작
/* ------------------------------------------ */
.middle-content-wrapper {
    margin-bottom: 40px;
}
.middle-content-wrapper .middle-content-inner {
    position: relative;
    height: 280px;
    padding: 20px 40px;
    display: flex;
    flex-wrap: wrap;
    background-color: #e9edf2;
    border: 1px solid #bdc6cc;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
    border-radius: 50px 20px !important;
    overflow: hidden;
}
.middle-content-inner .middle-content-col {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0px 20px;
}


/* 공지사항 & 자료실 시작 */
.main-info-board-wrapper {
	position: relative;
}
.main-info-board-wrapper .nav-tabs {
	border-bottom: 1px solid #c0c0c0;
}
.main-info-board-wrapper .nav-tabs > li {
	position: relative;
	margin-bottom: 0px;
	padding: 0px 20px;
}
.main-info-board-wrapper .nav-tabs > li::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -5px;
    width: 10px;
    height: 10px;
    margin-top: -11px;
    border-radius: 50%;
    background-color: #cbd2df;
    z-index: 1;
}
.main-info-board-wrapper .nav-tabs > li:first-child {
	padding-left: 0px;
}
.main-info-board-wrapper .nav-tabs > li:last-child {
	padding-right: 0px;
}
.main-info-board-wrapper .nav-tabs > li:last-child::before {
	display: none;
}
.main-info-board-wrapper .nav-tabs > li > a {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #a9b1bf;
    padding: 0px 0px 16px 0px;
}
.main-info-board-wrapper .nav-tabs > li > a,
.main-info-board-wrapper .nav-tabs > li > a:focus,
.main-info-board-wrapper .nav-tabs > li > a:hover  {
	outline: none;
	background: none;
	border: none;
}
.main-info-board-wrapper .nav-tabs > li.active > a,
.main-info-board-wrapper .nav-tabs > li.active > a:focus,
.main-info-board-wrapper .nav-tabs > li.active > a:hover {
	color: #000;
}
.main-info-board-wrapper .nav-tabs > li.active > a::after {
	content: "";
	position: absolute;
	bottom: 0px;
    left: 0px;
	width: 100%;
	height: 4px;
	background-color: #00479d;
}
.main-info-board-wrapper .main-info-board-list {
	margin-top: 20px;
}
.main-info-board-wrapper .main-info-board-list > li {
    position: relative;
    margin-bottom: 10px;
}
.main-info-board-wrapper .main-info-board-list > li:last-child {
	border-bottom: none;
}
.main-info-board-wrapper .main-info-board-more-btn {
    position: absolute;
    top: 8px;
    right: 0px;
    width: 69px;
    height: 28px;
    background: url(../img/common/btn/btn_main_more.png) no-repeat center center;
    cursor: pointer;
    opacity: 0.5;
}
.main-info-board-wrapper .main-info-board-more-btn:hover {
	opacity: 1;
}
.main-info-board-wrapper .main-info-link-title {
	width: 245px;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}
.main-info-board-wrapper .main-info-link-date {
    text-align: right;
    padding: 0px;
    font-size: 16px;
    line-height: 18px;
    margin: 0px;
    max-width: 120px;
}
.main-info-link-title,
.main-info-link-date {
    flex-basis: 0;
    flex-grow: 1;
}
.main-info-board-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.main-info-board-inner .main-info-link-title:hover {
	text-decoration:underline;
}

.main-info-board-inner .main-info-link-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 520px;
}

.main-info-user-count-group {
	margin-top: 23px;
}
.main-info-user-count-group .user-count-box {
	position: relative;
	width: 100%;
	font-size: 20px;
	background-color: #d0e3f1;
	border-radius: 10px;
	clear: both;
	float: right;
	padding: 6px 20px 6px 0px;
	margin-bottom: 3px;
}
.main-info-user-count-group .user-count-box .count-title {
	background-color: #3378c1;
	border-radius: 10px;
	color: #fff;
	padding: 7px 20px;
}
.main-info-user-count-group .user-count-box .user-count {
	float: right;
	color: #00345f;
	font-weight: bold;
}
/* 공지사항 & 자료실 끝 */

/* 민원상담콜센터 시작 */
.call-center-info-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
.call-center-info-col {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
}
.call-center-info-wrapper .call-center-wrapper {
    font-size: 30px;
    line-height: 1.2;
    padding-left: 60px;
}
.call-center-info-wrapper .call-center-wrapper::before {
    content: "";
    width: 70px;
    height: 70px;
    background: url(../../com/img/intro/bg/call_center.svg) no-repeat 0px 50%;
    background-size: auto 70px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}
.call-center-info-wrapper .call-center-wrapper .call-center-number {
    font-weight: bold;
    color: #0060d3;
}
.operating-time {
    margin-top: 50px;
}
.operating-time p {
    font-size: 20px;
    color: #1b2331;
    margin: 0px;
}
.help-desk-internal,
.help-desk-name,
.help-desk-group {
    display: inline;
}
.help-desk-name,
.help-desk-group {
    font-size: 18px;
}
.help-desk {
    font-weight: bold;
    color: #1b2331;
    margin-right: 4px;
}
.help-desk-internal-number {
    font-weight: bold;
    color: #0d93dd;
}
.help-desk-internal-number:first-child {
    padding-right: 24px;
    background: url(../../com/img/main_renewal/icon/ico_help_number_arrow.png) no-repeat 100% 50%;
}
.help-desk-name {
    margin-left: 4px;
}
/* 민원상담콜센터 끝 */

/* --------------------------------------------
 * 공지사항 & 자료실 & 민원상담콜센터 끝
/* ------------------------------------------ */


/* --------------------------------------------
 * 하단 컨텐츠 시작
/* ------------------------------------------ */
.bottom-content-wrapper {
    margin-bottom: 30px;
}
.bottom-content-wrapper .bottom-content-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.bottom-content-inner .bottom-content-col {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0px 20px;
}
.bottom-content-inner .bottom-content-col:first-child {
    margin-left: 0px;
}
.bottom-content-inner .bottom-content-col:last-child {
    margin-right: 0px;
}
.row-legal-info,
.row-accident-case {
    margin-bottom: 40px;
}

/* 법령정보 시작 */
.row-legal-info-row {
    position: relative;
    height: 170px;
    display: flex;
    flex-wrap: wrap;
}
.row-legal-info-row .row-legal-info-col {
    position: relative;
    height: 100%;
    margin: 0px 20px;
    flex-basis: 0;
    flex-grow: 1;
    border: 1px solid #bdc6cc;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
    border-radius: 10px !important;
    overflow: hidden;
}
.row-legal-info-row .row-legal-info-col:first-child {
    margin-left: 0px;
}
.row-legal-info-row .row-legal-info-col:last-child {
    margin-right: 0px;
}
.row-legal-title {
    text-align: center;
    font-size: 18px;
    color: #1e1e1f;
    display: flex;
    flex-wrap: wrap;
    height: 80px;
    align-items: center;
    justify-content: center;
}
.row-legal-btn-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} 
.row-legal-btn-group .btn-legal-shortcuts,
.row-legal-btn-group .btn-legal-download {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    padding: 40px 10px 10px 10px;
    border-radius: 10px !important;
    border: 2px solid #3e3e3e;
    margin: 0px 10px;
    max-width: 84px;
    height: 74px;
    text-align: center;
    font-weight: bold;
    color: #3e3e3e;
}
.row-legal-btn-group .btn-legal-shortcuts:first-child,
.row-legal-btn-group .btn-legal-download:first-child {
    margin-right: 5px;
}
.row-legal-btn-group .btn-legal-shortcuts:last-child,
.row-legal-btn-group .btn-legal-download:last-child {
    margin-left: 5px;
}
.row-legal-btn-group .btn-legal-shortcuts::before,
.row-legal-btn-group .btn-legal-download::before {
    content: "";
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    width: 80px;
    height: 80px;
}
.row-legal-btn-group .btn-legal-shortcuts::before {
    background: url(../img/main_renewal/main/btn_legal_shortcuts.png) no-repeat 50% 6px;
}
.row-legal-btn-group .btn-legal-download::before {
    background: url(../img/main_renewal/main/btn_legal_download.png) no-repeat 50% 6px;
}
/* 법령정보 끝 */

/* 베너 시작 */
.row-banner-wrapper .row-banner-row {
    margin-bottom: 40px;
}
.row-banner-wrapper .row-banner-row  .row-banner-col {
    position: relative;
    display: block;
    height: 100%;
    padding: 10px 40px 10px 120px;
    margin-bottom: 30px;
    flex-basis: 0;
    flex-grow: 1;
    border: 1px solid #bdc6cc;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
    border-radius: 10px !important;
    overflow: hidden;
}
.row-banner-wrapper .row-banner-row  .row-banner-col::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 16px;
    width: 80px;
    height: 80px;
}
.row-banner-wrapper .row-banner-row  .row-banner-col::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../img/main_renewal/main/ico_row_banner_col_arrow.png) no-repeat 50% 50%;
}
.row-banner-wrapper .row-banner-row  .row-banner-col.banner-col-01 {
    background-color: #d6eee9;
}
.row-banner-wrapper .row-banner-row  .row-banner-col.banner-col-01::before {
    background: url(../img/main_renewal/main/ico_row_banner_col_01.png) no-repeat 50% 50%;
}
.row-banner-wrapper .row-banner-row  .row-banner-col.banner-col-02 {
    background-color: #f5ecd1;
}
.row-banner-wrapper .row-banner-row  .row-banner-col.banner-col-02::before {
    background: url(../img/main_renewal/main/ico_row_banner_col_02.png) no-repeat 50% 50%;
}
.row-banner-wrapper .row-banner-row  .row-banner-col.banner-col-03 {
    background-color: #dcd9f5;
}
.row-banner-wrapper .row-banner-row  .row-banner-col.banner-col-03::before {
    background: url(../img/main_renewal/main/ico_row_banner_col_03.png) no-repeat 50% 50%;
}
.row-banner-title {
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #1b2331;
}
.row-banner-sub {
    display: block;
    font-size: 20px;
    color: #1e1e1f;
}
/* 베너 끝 */

/* 컨설팅 시작 */
.row-consulting-wrapper .row-consulting-row {
    display: flex;
    flex-wrap: wrap;
}
.row-consulting-wrapper .row-consulting-row  .row-consulting-col {
    position: relative;
    display: block;
    height: 100%;
    padding: 12px 20px;
    margin-right: 20px;
    flex-basis: 0;
    flex-grow: 1;
    border: 1px solid #bdc6cc;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
    border-radius: 10px !important;
    font-size: 18px;
    color: #1e1e1f;
}
.row-consulting-wrapper .row-consulting-row  .row-consulting-col::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 16px;
    width: 80px;
    height: 80px;
}
.row-consulting-wrapper .row-consulting-row  .row-consulting-col::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: url(../img/main_renewal/main/ico_row_banner_col_arrow.png) no-repeat 50% 50%;
}
/* 컨설팅 끝 */
/* --------------------------------------------
 * 하단 컨텐츠 끝
/* ------------------------------------------ */


/* --------------------------------------------
 * Quick Link 시작
/* ------------------------------------------ */
.quick-link-wrapper {
    margin-bottom: 30px;
}
.quick-link-wrapper .quick-link-inner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 150px;
    align-items: center;
    justify-content: center;
}
.quick-link-wrapper .quick-link-inner .quick-title-group,
.quick-link-wrapper .quick-link-inner .quick-link-group {
    flex-basis: 0;
    flex-grow: 1;
}
.quick-link-wrapper .quick-link-inner .quick-title-group {
    max-width: 300px;
    margin-top: -80px;
}

/* 방문자별 맞춤 메뉴 시작 */
.visitor-toggle {
    display: inline-block;
    border: 1px solid #e1e3e6;
    background-color: #f6f6f6;
    border-radius: 20px;
    vertical-align: middle;
    position: relative;
    top: -4px;
    margin-left: 20px;
    overflow: hidden;
}
.visitor-toggle .btn {
    position: relative;
    background: none;
    border-radius: 40px;
    transition-duration: inherit;
    transition-timing-function: inherit;
}
.visitor-toggle .btn::before {
    content: "";
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    background-color: #c4c4c4;
    top: 50%;
    left: -6px;
    margin-top: -3px;
    border-radius: 5px;
}
.visitor-toggle .btn.on {
    color: #fff;
    font-weight: bold;
    background-color: #8fc43d;
}
.visitor-toggle .btn.on::before,
.visitor-toggle .btn.on + .btn::before {
    display: none;
}
.quick-link-group .menu-list {
    overflow: hidden;
    height: 180px;
}
.quick-link-group .menu-list > ul > li {
    width: 11%;
    text-align: center;
    margin-left: 1.25%;
    float: left;
}
.quick-link-group .menu-list > ul > li:first-child {
    margin-left: 0px;
}
.quick-link-group .menu-list > ul > li > a {
    font-size: 15px;
    font-weight: bold;
    display: block;
}
.quick-link-group .menu-list .menu-list-text {
    margin-top: 20px;
    line-height: 20px;
    color: #000;
}
.quick-link-group .menu-list .menu-list-icon {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 20px !important;
    border: 2px solid #3e3e3e;
    margin: 0px auto;
    background-color: #fff;
}
.quick-link-group .menu-list > ul > li > a:hover .menu-list-icon {
    background-color: #e5ebf0;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
}
.quick-link-group .menu-list .menu-list-icon::before {
    content: "";
    position: absolute;
    display: block;
    top: -2px;
    left: -2px;
    width: 80px;
    height: 80px;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-01::before {
    background: url(../img/main_renewal/main/ico_ml_icon_01.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-02::before {
    background: url(../img/main_renewal/main/ico_ml_icon_02.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-03::before {
    background: url(../img/main_renewal/main/ico_ml_icon_03.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-04::before {
    background: url(../img/main_renewal/main/ico_ml_icon_04.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-05::before {
    background: url(../img/main_renewal/main/ico_ml_icon_05.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-06::before {
    background: url(../img/main_renewal/main/ico_ml_icon_06.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-07::before {
    background: url(../img/main_renewal/main/ico_ml_icon_07.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-08::before {
    background: url(../img/main_renewal/main/ico_ml_icon_08.png) no-repeat 50% 50%;
}

.quick-link-group .bx-controls {
    right: auto;
    left: -1260px;
    top: 90px;
}
/* 방문자별 맞춤 메뉴 끝 */
/* --------------------------------------------
 * Quick Link 끝
/* ------------------------------------------ */

/* --------------------------------------------
 * 바로가기(오른쪽 퀵메뉴) 시작
/* ------------------------------------------ */
.shortcuts-link-wrapper {
    position: relative;
    width: 1400px;
    margin: 0px auto;
}
.shortcuts-link-wrapper .shortcuts-link-inner {
    position: absolute;
    top: 50px;
    right: -160px;
    width: 120px;
    margin: 0px 20px;
    flex-basis: 0;
    flex-grow: 1;
    border: 2px solid #363636;
    box-shadow: 4px 4px 10px rgba(126, 153, 168, 0.5);
    border-radius: 10px !important;
    z-index: 2;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-title {
    padding: 4px 0px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #363636;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents {
    padding: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn {
    position: relative;
    flex-grow: 1;   
    max-width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #3e3e3e;
    padding-top: 60px;
    margin-bottom: 5px;
    line-height: 1.2;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn.link-btn-01::before {
    background: url(../img/main_renewal/main/ico_shortcuts_link_01.png) no-repeat 50% 50%;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn.link-btn-02::before {
    background: url(../img/main_renewal/main/ico_shortcuts_link_02.png) no-repeat 50% 50%;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn.link-btn-03::before {
    background: url(../img/main_renewal/main/ico_shortcuts_link_03.png) no-repeat 50% 50%;
}
/* --------------------------------------------
 * 바로가기(오른쪽 퀵메뉴) 끝
/* ------------------------------------------ */



/* *********************************************
2024년 8월 부분 리뉴얼 끝
********************************************* */


/* *********************************************
2025년 8월 부분 리뉴얼 시작
********************************************* */
.bottom-content-inner .bottom-col-row {
    width: 100%;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn.link-btn-04::before {
    background: url(../img/main_renewal/main/ico_shortcuts_link_04.png) no-repeat 50% 50%;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn.link-btn-05::before {
    background: url(../img/main_renewal/main/ico_shortcuts_link_05.png) no-repeat 50% 50%;
}
.shortcuts-link-wrapper .shortcuts-link-inner .shortcuts-link-contents .shortcuts-link-btn.link-btn-06::before {
    background: url(../img/main_renewal/main/ico_shortcuts_link_06.png) no-repeat 50% 50%;
}


.m-con-w-v2 .notice-content {
    flex-grow: 2;
}
.m-con-w-v2 .complaints-content {
    flex-grow: 0.7;
    margin-left: 60px;
}
.m-con-w-v2 .operating-time {
    margin-top: 20px;
}
.m-con-w-v2 .help-desk-list {
    margin-top: 10px;
}

.quick-link-group .menu-list .menu-list-icon.ml-icon-09::before {
    background: url(../img/main_renewal/main/ico_ml_icon_09.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-10::before {
    background: url(../img/main_renewal/main/ico_ml_icon_10.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-11::before {
    background: url(../img/main_renewal/main/ico_ml_icon_11.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-12::before {
    background: url(../img/main_renewal/main/ico_ml_icon_12.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-13::before {
    background: url(../img/main_renewal/main/ico_ml_icon_13.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-14::before {
    background: url(../img/main_renewal/main/ico_ml_icon_14.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-15::before {
    background: url(../img/main_renewal/main/ico_ml_icon_15.png) no-repeat 50% 50%;
}
.quick-link-group .menu-list .menu-list-icon.ml-icon-16::before {
    background: url(../img/main_renewal/main/ico_ml_icon_16.png) no-repeat 50% 50%;
}
/* *********************************************
2025년 8월 부분 리뉴얼 끝
********************************************* */