@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 85% 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-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-inner {
    position: relative;
    width: 1400px;
    margin: 0px auto;
}

.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 .flexslider-visual .flexslider-visual-btn01 {
	background-color: #93dd4d;
    position: absolute;
    left: 0px;
    top: 244px;
    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;
}