@charset "utf-8";

/* Layout */
body {font-size:16px;background:#fff;}
.wrap{position:relative;width:100%;min-height:100%;min-width:1280px;padding-top:128px;}
.wrap.w1280{width:1280px;min-width:auto;margin:0 auto}
.wrap.popupWrap{min-width:auto;padding-top:0;}
.wrap.popupFooter{min-width:auto;padding-top:0;}
.wrap.main {padding-top:0;overflow:hidden}
.container{position:relative;min-height:100%}
.contents{position:relative;}
.wrap.popupWrap .contents{padding:30px}
.wrap.popupFooter .contents{padding:20px 30px}

body.holdWrap{overflow-y:hidden !important;}

body.closeWrap,
body.openPopup {overflow:scroll;}
body.openPopup .noticePopup {display:table;}
.noticePopup {position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;display:none;width:100%;height:100%;}
.noticePopup .dimBg {position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7)}
.noticePopup .inner {display:table-cell;vertical-align:middle;position:relative;z-index:1;}
.noticePopup .inner .content {text-align:center;color:#fff;max-width:1200px;margin:0 auto;position:relative;}
.noticePopup .title {font-size:32px;font-family:'Godo', sans-serif;font-weight:400;margin-bottom:30px;}
.noticePopup .popupSlider{position:relative;text-align:center;font-size:0}
.noticePopup .popupSlider:after{display:block;content:'';clear:both;}
.noticePopup .popupSlider .item{display:inline-block;vertical-align:top;margin-right:19px}
.noticePopup .popupSlider .item:last-child{margin-right:0}
.noticePopup .popupFooter {position:absolute;left:0;bottom:0;right:0;background:#fff;padding:23px 10px;}
.noticePopup .popupFooter .inner {max-width:1200px;margin:0 auto;color:#282828;text-align:right;font-size:0;display:block;}
.noticePopup .popupFooter .text {display:inline-block;font-size:16px;vertical-align:middle;margin-right:15px;}
.noticePopup .popupFooter .checkboxWrap {width:auto;vertical-align:middle;}
.noticePopup .popupFooter .checkboxWrap .textbox-label {font-size:18px;}
.noticePopup .popupFooter .checkboxWrap .textbox-label.textbox-label-checked {color:#1952e2;font-weight:700;}
.noticePopup .close {position:absolute;right:0;top:-10px;width:40px;height:40px;}
.noticePopup .close:focus {outline:none;}
.noticePopup .close:before,
.noticePopup .close:after {content:"";position:absolute;right:20px;top:0;width:1px;height:40px;background:#fff;transform:rotate(-45deg)}
.noticePopup .close:after {transform:rotate(45deg)}
.noticePopup .bubble {max-width:1200px;margin:0 auto;width:100%;position:absolute;left:0;top:60px;right:0;}
.noticePopup .bubble .item {font-size:14px;font-weight:100;border:1px solid #fff;color:#fff;display:inline-block;padding:11px 20px;}
.noticePopup .bubble .item:before {content:"";background:url(../../images/common/bg_popup_bubble.png) no-repeat 0 0;width:20px;height:11px;position:absolute;left:60px;top:-10px;}

.noticePopup .bx-controls {position:relative;}
.noticePopup .bx-controls .bx-pager {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:24px;color:#767676;}
.noticePopup .bx-controls-direction {text-align:center;margin-top:30px;}
.noticePopup .bx-controls-direction .bx-next,
.noticePopup .bx-controls-direction .bx-prev {display:inline-block;margin:0 40px;width:54px;height:54px;background:#0373f9 url(../../images/common/bg_main_control_arrow.png) no-repeat 50% 50%;text-indent:-9999em;}
.noticePopup .bx-controls-direction .bx-next {transform:rotate(180deg);}

.header {position:absolute;left:0;top:0;right:0;background:#fff;z-index:100;}
.header.sticky {position:fixed;top:-38px;}

.wrap.main .header{transition:top 0.25s ease-in-out;}

.header-top {background:#0373f9;color:#fff;height:40px;padding:7px 0;}
.header-top .header-inner {height:auto;}
.header-top .link {float:left;padding-top:2px;}
.header-top .link a {color:#fff; padding-left:25px;position:relative;display:inline-block;}
.header-top .link a.info-popup {background: url(../../images/common/ico_top_popup.png) no-repeat 0 50%;}
.header-top .link a.favorites {background: url(../../images/common/ico_top_favorite.png) no-repeat 0 50%; margin-left:10px;}
.header-top .link a.kakao {background: url(../../images/common/ico_top_kakao.png) no-repeat 0 50%; margin-left:10px;}
.header-top .scale {font-size:14px; float:right;}
.header-top .scale > button, .header-top .scale > p {display:inline-block;vertical-align:middle;}
.header-top .scale .scale-desc {margin-right:12px;}
.header-top .scale .value {margin:0 12px;}
.header-top .scale .zoom {width:25px;height:25px;}
.header-top .scale .zoom.in {background: url(../../images/common/ico_zoom_in.png) no-repeat 0 0;}
.header-top .scale .zoom.out {background: url(../../images/common/ico_zoom_out.png) no-repeat 0 0;}
.header-inner {max-width:1200px;margin:0 auto;position:relative;height:87px;}
.header-inner:after {content:"";display:block;clear:both;}
.header-gnb {position:relative;}
.header-gnb h1 {position:absolute;top:32px;left:0;z-index:10;}
.header-gnb h1 .logo{display: block;width:167px;height:25px;background: url(../../images/common/logo.png) no-repeat;text-indent: -9999px;}
.header-gnb h1 .logo2{display: block;width:167px;height:61px;background: url(../../images/logos/logo_cleanpay.png) no-repeat;background-size:167px;text-indent: -9999px;} /* 20210124 최성원 추가(페이컴즈로고) */
.header-gnb .partnerShip{position:absolute;top:32px;left:187px;font-size:21px;font-weight:700;color:#282828;line-height:1;padding-left:18px}
.header-gnb .partnerShip:before{display:block;content:'';width:2px;height:18px;background:#eee;position:absolute;top:3px;left:0}
.header-gnb .myInfo {font-size:0;position:absolute;right:0;top:20px;z-index:10}
.header-gnb .myInfo a {display:inline-block;padding-top:33px;font-size:14px;font-weight:500;color:#282828}
.header-gnb .myInfo a + a {margin-left:25px}
.header-gnb .myInfo a.logout { background: url(../../images/common/ico_gnb_logout.png) no-repeat 50% 0 }
.header-gnb .myInfo a.login { background: url(../../images/common/ico_gnb_login.png) no-repeat 50% 0 }
.header-gnb .myInfo a.mypage { background: url(../../images/common/ico_gnb_mypage.png) no-repeat 50% 0;}

.logBar {background:#f3f3f3;text-align:right;border-bottom:1px solid #ececec;}
.logBar .inner{max-width: 1200px;margin: 0 auto;padding:7px 0;}
.logBar .comp{display:inline-block;vertical-align:middle;font-weight:100;color:#767676;margin-top:-2px;}
.logBar .comp > strong{color:#1952e2; border-bottom:1px solid #1952e2;}
.logBar .timeWrap{display:inline-block;vertical-align:middle;margin-left:15px;}
.logBar .timeWrap .time {display:inline-block;vertical-align:middle;color:#a6a4a4;background:url(../../images/common/ico_logout_message.png) no-repeat 0 50%;background-size:24px 24px;padding:2px 0 2px 30px;font-weight:100;}
.logBar .timeWrap .linkText {display:inline-block;vertical-align:middle;font-size:16px;border-bottom:1px solid #282728;margin-left:10px;margin-top:-2px;}

/* 24.12.31 수정 */
.gnb {padding:28px 0;border-bottom:1px solid #d4d4d4;position:absolute;left: 25px;top: 0;width: 100%;}
/* .gnb {padding:28px 0;border-bottom:1px solid #d4d4d4;position:absolute;left: 0;top: 0;width: 100%;} */
.gnb .gnb-link {font-size:0;text-align:center;}
.gnb .gnb-link > li {display:inline-block;padding:0 25px;}
.gnb .gnb-link > li > a {font-size:21px;font-weight:700;transition:color .2s}
.gnb .gnb-panel {display:none; position:absolute;left:0;top:87px;background:#f6f6f6;width:100%;z-index:99;border-top:1px solid #0373f9;border-bottom:1px solid #d4d4d4;}
.gnb .gnb-panel.on {display:block;}
.gnb .gnb-menu {max-width:1200px;margin:0 auto;display:table;width:100%;border-right:1px solid #e6e6e6;}
/* 24.12.26 수정 */
.gnb .gnb-menu > li {display:table-cell;border-left:1px solid #e6e6e6;width:16.7%;height:307px;}
/* .gnb .gnb-menu > li {display:table-cell;border-left:1px solid #e6e6e6;width:20%;height:307px;} */
.gnb .gnb-menu > li.on {background-color:#eaf3ff;}
.gnb .gnb-menu > li.on .depth01 {font-weight:700;}
.gnb .gnb-menu .depth01 {font-size:16px;padding:12px 23px;display:block;border-bottom:1px solid #e3e3e3;}
.gnb .gnb-menu .depth02 {padding:20px 0;}
.gnb .gnb-menu .depth02 a {font-size:18px;padding:10px 23px;display:block;}
.gnb .gnb-menu .depth02 a:hover {font-weight:700;color:#003298;position:relative;height:44px;}
.gnb .gnb-menu .depth02 a:hover span {position:relative}
.gnb .gnb-menu .depth02 a:hover span:after {content:"";width:22px;height:11px;border-left:2px solid #003298;border-bottom:2px solid #003298;position:absolute;right:-35px;bottom:10px;transform:rotate(-45deg)}
.gnb.active .gnb-link > li > a {color:#c2c2c2;}
.gnb.active .gnb-link > li.on > a {color:#282728;}

.visual {text-align:center;color:#fff;background-repeat:no-repeat;background-position:50% 50%;height:350px;display:table;width:100%;}
.visual.visual01 {background-image:url(../../images/common/img_visual_01.jpg);} /* 서비스안내 */
.visual.visual02 {background-image:url(../../images/common/img_visual_02.jpg);} /* 평가신청 */
.visual.visual03 {background-image:url(../../images/common/img_visual_03.jpg);} /* 평가등급확인 */
.visual.visual04 {background-image:url(../../images/common/img_visual_04.jpg);} /* 고객센터 */
 /* 웰로비즈 관련 이미지 추가 START */
.visual.visual05 {background-image:url(../../images/common/img_visual_wellobiz.jpg);} /* 제휴 서비스 */
 /* 웰로비즈 관련 이미지 추가 END */
.visual .visual-inner {display:table-cell;vertical-align:middle;}
.visual .visual-tit {font-size:36px;font-family:'Godo', sans-serif;font-weight:400;}
.visual .visual-desc {line-height:24px;margin-top:20px;font-weight:100;}

.nav {border-bottom:1px solid #e2e2e2;position:relative;}
.nav:after{content:"";width:100%;height:4px;background:#f5f5f5;position:absolute;left:0;bottom:-5px;}
.nav .nav-menu {font-size:0;max-width:1200px;margin:0 auto;border-left:1px solid #e2e2e2;}
.nav .nav-menu .nav-home{display:inline-block;border-right:1px solid #e2e2e2;text-indent:-9999em;background: url(../../images/common/ico_nav_home.png) no-repeat 50% 50%;width:59px;height:59px;}
.nav .nav-menu .item {vertical-align:middle;background:transparent;display:inline-block;position:static; border:none;padding:0;font-size:18px;}
.nav .nav-menu .item .nav-anchor {height:59px;display:block;padding:18px 40px;position:relative;border-right:1px solid #e2e2e2;}
.nav .nav-menu .item .nav-anchor:after {content:"";position:absolute;right:-22px;top:0;width:22px;height:59px;background: url(../../images/common/bg_nav_item.png) no-repeat 50% 50%;}
.nav .nav-menu .item:last-child .nav-anchor:after {display:none;}
.nav .nav-menu .item.list .nav-anchor {padding-right:110px;position:relative;font-weight:700;background: url(../../images/common/ico_nav_arrow.png) no-repeat 100% -59px;}
.nav .nav-menu .item.list .nav-list{display:none;position:absolute;}
.nav .nav-menu .item.list .nav-list > li {background-color:#fff;}
.nav .nav-menu .item.list .nav-list > li > a {display:block;border-top:1px solid #e2e2e2;font-size:18px;padding:18px 20px 18px 40px;}
.nav .nav-menu .item.list.on {border-top:1px solid #282828;margin-top: -1px;z-index: 1;position: relative;background: #fff;}
.nav .nav-menu .item.list.on:after {content:"";width:100%;height:100%;position:absolute;right:-4px;bottom:-5px;background:rgba(0,0,0,0.11);z-index:-1;}
.nav .nav-menu .item.list.on .nav-list{display:block;border-right:1px solid #282828;border-left:1px solid #282828;border-bottom:1px solid #282828;width:100%;}
.nav .nav-menu .item.list.on .nav-list:after {content:"";width:100%;height:100%;position:absolute;right:-5px;bottom:-5px;background:rgba(0,0,0,0.11);z-index:-1;}
.nav .nav-menu .item.list.on .nav-anchor{background-color:#fff;background-position:100% 0;border-left:1px solid #282828;border-right:1px solid #282828;padding-left:39px;}


.footer {background:#ffffff;color:#fff;}
.footer .footer-inner {max-width:1200px;margin:0 auto;}
.footer .footer-top {border-bottom:1px solid rgba(355,355,355,0.07);padding:27px 0 26px;}


.footer .footer-top.footertop2503 {padding: 27px 0 27px; border-top: #F1F1F1 solid 1px;}
.footer .footer-top.footertop2503Greybg {padding: 17px 0 17px; background-color: #F1F1F1;}


.footer .footer-top:after {content:"";display:block;clear:both;}
.footer .footer-top .logo {float:left;width:171px;height:42px;background:url(../../images/common/logo_footer.png) no-repeat 0 0;margin-top:2px;text-indent:-9999em;}
.footer .footer-top .link {float:right;font-size:0;}


.logo2503 {padding-top: 5px; padding-right: 39px;}

.footer .footer-top .link.link2503 {display: flex; justify-content: space-between; float: none; padding-left: 30px; padding-right: 30px;}
.footer .footer-top .link.link2503Type2 {display: flex; justify-content: space-between; float: none; padding-left: 30px; padding-right: 30px;}
.footer .footer-top .link.link2503Type2 > li > a {color: #36393D; font-size: 16px;}
.footer .footer-top .link > li {display:inline-block;}
.footer .footer-top .link > li:last-child:after {display:none;}
.footer .footer-top .link > li > a {font-size:18px;color:#fff;}
.footer .footer-cont {max-width:1200px;margin:0 auto;padding:25px 0 50px;position:relative;}
.footer .footer-cont.footer-cont2503 {display: flex; color: #282828;}
.footer .footer-cont .comp {padding-bottom:3px;}
.footer .footer-cont .info + .info {margin-top:3px;}
.footer .footer-cont .info > li {display:inline-block;font-size:16px;font-weight:300;opacity: 0.9;}
.footer .footer-cont .info > li:after {content:"|"; /*color:#fff;*/ color:#282828; font-size:16px;display:inline-block;vertical-align:top;padding:0 10px;}
.footer .footer-cont .info > li:last-child:after {display:none;}
.footer .footer-cont .copy {/*font-weight:500;*/font-size:14px;opacity:0.35;padding-top:6px;}
.footer .footer-cont .copy.copy2503{color: #36393D; opacity:0.9; margin-top: 5px; font-size: 16px; font-weight: 300;}
.footer .footer-cont .footer-sns {display: flex; padding-left: 280px;}
.footer .footer-cont .family {position:absolute;right:0;top:27px;}
.footer .footer-cont .family.family2025 {top: 50%;}
.footer .footer-cont .family .item {display:block;/*background:#252525;*/background:#fff;/*font-size:16px;border:1px solid #c8c8c8; border:1px solid #252525; color:#fff;*/font-size:14px; border:1px solid #36393D; color:#252525; padding:8px 12px;font-weight:300; /*width:240px;*/ width:200px; text-align:left;position:relative;}
.footer .footer-cont .family > .family-anchor.family-anchor2503 {width: 200px; height: 35px; font-size: 14px; padding: 6px 12px; color: #36393D;font-weight: 300;}
.footer .footer-cont .family > .family-anchor:before {content:"";position:absolute;right:10px;top:16px;width:16px;height:1px;background:#36393D;}
.footer .footer-cont .family > .family-anchor:after {content:"";position:absolute;right:17px;top:10px;height:14px;width:1px;background:#36393D;}
.footer .footer-cont .family .list {display:none;position:absolute;left:0;bottom:39px;}
.footer .footer-cont .family .list .item {margin-top:-1px;}
.footer .footer-cont .family .list .item:hover,
.footer .footer-cont .family .list .item:focus {/*background:#434343;*/background:#f1f1f1;}
.footer .footer-cont .family.on .list {display:block;}
.footer .footer-cont .family.on > .family-anchor:after {display:none;}


/* ContWrap */
.contWrap{max-width:1200px;margin:0 auto;padding:40px 0 100px 0;transition:0.5s;min-height:490px;}


/* loginWrap */
.loginWrap {border:1px solid #535253; padding:40px 40px; max-width:680px; margin:110px auto 50px;background:#fff;box-shadow:0 -1px 1px rgba(0,0,0,0.1)}
.loginWrap .pageTitle {margin-bottom:23px;}
.loginWrap .btnArea {text-align:right; margin-top:17px;}
.loginWrap .btnArea a.linkText.arrow {font-weight:300; font-size:18px;margin-left:20px}
.loginWrap .inputWrap .textbox-text:focus {border-color:#0373f9;}
.loginWrap.system {border:none;max-width:600px;margin:50px auto;padding:0;box-shadow:none;}
.loginWrap.system .listStyle01 {margin:15px 0 25px 0;}
.loginWrap.system .btnArea + .listStyle01 {margin:20px 0 0 0;}

.popupHead {background:#003298;color:#fff;padding:20px 30px 13px;position:relative;min-height:68px;}
.popupHead:after {content:"";display:block;clear:both;}
.popupHead .logo {display:block;width:167px;height:18px;background: url(../../images/common/logo_popup.png) no-repeat;text-indent:-9999px;position:absolute;left:30px;top:25px;}
.popupHead .title {float:left;font-size:24px;margin-top:-4px;}
.popupHead .info {text-align:right;font-size:0;}
.popupHead .info .name {font-weight:100;font-size:20px;display:inline-block;vertical-align:middle;}
.popupHead .info .timeWrap {display:inline-block;margin-left:10px;font-size:0;}
.popupHead .info .timeWrap .time {display:inline-block;font-size:20px;vertical-align:middle;margin-top:-1px;background:url(../../images/common/ico_logout_message.png) no-repeat 0 50%;padding-left:40px;font-weight:700;}
.popupHead .info .timeWrap .linkText {color:#fff;font-weight:100;border-bottom:1px solid #fff;display:inline-block;vertical-align:middle;margin-left:10px;}
.popupHead .info .linkWrap {position:relative;margin-left:17px;padding-left:15px;display:inline-block;}
.popupHead .info .linkWrap:before {content:"";width:1px;height:17px;background:#fff;opacity:0.35;position:absolute;left:0;top:50%;margin-top:-8px;}
.popupHead .info .linkWrap .linkText {color:#fff;font-weight:700;display:inline-block;vertical-align:middle;}

.popupHead.ver2{background:transparent;color:#222;padding:0;margin-top:-27px;margin-bottom:-27px}
.popupHead.ver2 .info .name{font-weight:700;color:#1952e2;border-bottom:1px solid #1952e2}
.popupHead.ver2 .info .timeWrap .linkText{color:#222;border-color:#222;font-weight:400}
.popupHead.ver2 .info .timeWrap .time{color:#a6a4a4}
.popupHead.ver2 .info .linkWrap:before{background:#222}
.popupHead.ver2 .info .linkWrap .linkText{color:#222;font-weight:400}

.popupFooter .popupHead {font-size:18px;padding:18px 30px;min-height:54px;font-weight:700;}

/* Main */
@-webkit-keyframes upDown {
    0% {bottom:40px}
    50% {bottom:50px}
    100% {bottom:40px}
}
@keyframes upDown {
    0% {bottom:40px}
    50% {bottom:50px}
    100% {bottom:40px}
}

.mainWrap{position:relative;}
.section {display:table;width:100%;min-height:750px !important;}
.section .secCont {display:table-cell;vertical-align:middle;position:relative;}
.section .secCont .inner {max-width:1200px;margin:0 auto;z-index:55;}
.section .mainTitle {font-size:38px;font-family:'Godo', sans-serif;font-weight:400;text-align:center;padding-bottom:50px;}
.section .secArrow {position:absolute;z-index:55;left:50%;bottom:80px;width:23px;height:23px;margin-left:-12px;text-indent:-9999em;border-left:2px solid #2b2a2b;border-bottom:2px solid #2b2a2b;transform:rotate(-45deg);-webkit-animation-name:upDown;animation-name:upDown;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.section .secArrow:focus {outline:none;}

.section.visual {position:relative;display:block;}
.section.visual .secArrow{border-color:#fff;}
.section.visual .bx-wrapper,
.section.visual .bx-wrapper .bx-viewport,
.section.visual .visualSlider,
.section.visual .visualSlider .item {height:100% !important;}
.section.visual .slider-pager{font-size:0;margin-bottom:35px;}
.section.visual .slider-pager > li {display:inline-block;position:relative;padding-left:24px;margin-left:14px;}
.section.visual .slider-pager > li:first-child {padding-left:0;margin-left:3px;}
.section.visual .slider-pager > li:first-child:before {display:none;}
.section.visual .slider-pager > li:before {content:"/";font-weight:100;opacity:0.6;font-size:13px;position:absolute;height:16px;line-height:16px;left:0;top:50%;margin-top:-8px;}
.section.visual .slider-pager > li a {color:#fff;font-weight:100;opacity:0.6;font-size:18px;letter-spacing:1px;width:22px;}
.section.visual .slider-pager > li a.active {opacity:1;font-weight:500;}
.section.visual .controls {font-size:0;margin-top:450px;} /* 202101105 최성원 수정 */
.section.visual .controls .bx-start,
.section.visual .controls .bx-stop,
.section.visual .controls .bx-prev,
.section.visual .controls .bx-next {width:54px;height:54px;border:1px solid #fff;display:inline-block;color:#fff;position:relative;text-indent:-9999em;}
.section.visual .controls .bx-prev,
.section.visual .controls .bx-next {background:url(../../images/common/bg_main_control_arrow.png) no-repeat 50% 50%}
.section.visual .controls .bx-next {transform:rotate(180deg);}
.section.visual .controls .bx-start {background:url(../../images/common/bg_main_control_pause.png) no-repeat 50% 50%;}
.section.visual .controls .bx-stop {background:url(../../images/common/bg_main_control_pause.png) no-repeat 50% 50%;}
.section.visual .controls .bx-start.active,
.section.visual .controls .bx-stop.active {display:none;}
.section.visual .controls .slider-prev,
.section.visual .controls .slider-auto,
.section.visual .controls .slider-next {display:inline-block;margin-left:-1px;}
.section.visual .visualSlider .item {position:relative;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;}
.section.visual .visualCont {position:absolute;left:0;top:0;height:100%;width:100%;text-align:left;padding-top:128px;}
.section.visual .visualCont .section {height:100% !important;}
.section.visual .visualCont .section .inner {position:relative;padding-left:100px;padding-right:300px;}
.section.visual .visualTxt {position:absolute;height:292px;left:0;right:0;text-align:left;top:50%;transform:translateY(-50%);padding-top:100px;padding-left: 100px;padding-right: 300px;width:1200px;margin:0 auto;}
.section.visual .visualTxt .text {font-size:30px;color:#fff;font-weight:100;}
.section.visual .visualTxt .text.big {font-size:48px;margin-left:-3px;line-height:60px;}
.section.visual .visualTxt .text.desc {font-size:22px;line-height:32px;padding-top:15px;}
.section.visual .right {width:284px;position:absolute;right:0;top:50%;margin-top:-297px;}
.section.visual .loginBox.before,
.section.visual .loginBox.after {display:none;}
.section.visual .loginBox.before.show,
.section.visual .loginBox.after.show {display:block;}
.section.visual .loginBox {background:#fff;padding:22px 20px;border-top-left-radius:25px;border-bottom-right-radius:25px;box-shadow:9px 0 35px rgba(0,0,0,0.22);}
.section.visual .loginBox .titleArea:after {content:"";display:block;clear:both;}
.section.visual .loginBox .title {color:#282728;font-size:18px;float:left;}
.section.visual .loginBox .linkWrap {float:right;padding-top:2px;}
.section.visual .loginBox .linkWrap .linkText {font-size:16px;}
.section.visual .loginBox .linkWrap .linkText + .linkText {margin-left:15px;}
.section.visual .loginBox .form .inputWrap {margin-top:12px;}
.section.visual .loginBox .form .btns {margin-top:12px;width:100%;box-shadow:none;height:40px;line-height:38px;}
.section.visual .loginBox.after .titleArea {position:relative;}
.section.visual .loginBox.after .title {font-size:16px;}
.section.visual .loginBox.after .title span {font-weight:300;}
.section.visual .loginBox.after .linkWrap .logout {background:url(../../images/common/ico_main_logout.png) no-repeat 0 0;width:20px;height:22px;text-indent:-9999em;position:absolute;right:0;top:0;}
.section.visual .loginBox.after .list {border-top:1px solid #e1e1e1;padding-top:7px;margin-top:7px;}
.section.visual .loginBox.after .list > li {position:relative;padding-left:8px;font-size:14px;color:#282828;margin-top:5px;}
.section.visual .loginBox.after .list > li:first-child {margin-top:0;}
.section.visual .loginBox.after .list > li:before {content:"";width:2px;height:2px;position:absolute;left:0;top:10px;background:#282828;}
.section.visual .loginBox.after .linkBox {border:1px solid #e1e1e1;text-align:center;font-size:0;margin-top:10px;}
.section.visual .loginBox.after .linkBox .linkText{font-size:16px;padding:7px 15px;font-weight:500;display:inline-block;}
.section.visual .loginBox.after .linkBox .linkText + .linkText{position:relative;}
.section.visual .loginBox.after .linkBox .linkText + .linkText:before{content:"";width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#bdbdbd;}
.section.visual .loginBox.after .form .extension  {margin-top:9px;}
.section.visual .loginBox.after .form .extension .time {font-weight:100;display:inline-block;padding-right:6px;letter-spacing:0;padding-left:32px;background:url(../../images/common/bg_main_extension.png) no-repeat 0 50%}
.section.visual .quickBox {background:#0373f9;margin-top:20px;border-top-left-radius:25px;overflow:hidden;border-bottom-right-radius:25px;box-shadow:9px 0 35px rgba(0,0,0,0.22);}
.section.visual .quickBox:after {content:"";display:block;clear:both;}
.section.visual .quickBox .item {position:relative;margin-top:-2px;color:#fff;float:left;width:50%;font-size:18px;font-weight:100;text-align:center;background-repeat:no-repeat;padding:100px 10px 25px;border-left:1px solid rgba(20,0,49,0.23);border-top:1px solid rgba(20,0,49,0.23);}
.section.visual .quickBox .item:before {content:"";width:1px;height:100%;background:rgba(255,255,255,0.23);position:absolute;left:0;top:0;}
.section.visual .quickBox .item:after {content:"";width:100%;height:1px;background:rgba(255,255,255,0.23);position:absolute;left:0;top:0;}
.section.visual .quickBox .item:nth-child(2n+1) {border-left:0;}
.section.visual .quickBox .item:nth-child(2n+1):before {display:none;}
.section.visual .quickBox .item.item01 {background-image:url(../../images/common/ico_main_quick_01.png);background-position:50% 40px;}
.section.visual .quickBox .item.item02 {background-image:url(../../images/common/ico_main_quick_02.png);background-position:50% 36px;}
.section.visual .quickBox .item.item03 {background-image:url(../../images/common/ico_main_quick_04.png);background-position:50% 29px;padding-top:85px;background-size: 50px;}
.section.visual .quickBox .item.item04 {background-image:url(../../images/common/ico_main_quick_03.png);background-position:50% 28px;padding-top:85px;background-size: 50px;}
.section.visual .quickBox .item.item05 {width:100%;padding:21px 20px 21px 120px;font-size:20px;text-align:left;font-weight:500;background-color:#0040ad;background-image:url(../../images/common/ico_main_quick_05.png);background-position:76px 50%;}

.section.customer{padding-top:88px}
.section.customer .col {padding:0 30px;}
.section.customer .col:first-child {padding-left:0;border-right:1px solid #f0eeed;}
.section.customer .col:last-child {padding-right:0;border-left:1px solid #f0eeed;}
.section.customer .top {position:relative;}
.section.customer .top .moreBtn {font-weight:500;position:absolute;right:0;top:0;color:#767676;background:url(../../images/common/bg_main_more.png) no-repeat 100% 50%;padding-right:16px;}
.section.customer .list {margin-top:37px;}
.section.customer .list > li {margin-top:20px;}
.section.customer .list > li .title {display:block;font-weight:300;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:24px;}
.section.customer .list > li .title:hover {font-weight:700;margin-top:-1px;margin-bottom:1px;}
.section.customer .list > li .category {color:#8f8e8f;}
.section.customer .linkCont {padding:10px 20px;}
.section.customer .linkCont:after {content:"";display:block;clear:both;}
.section.customer .linkCont .item {margin:10px 10px;float:left;display:block;width:155px;height:155px;border-radius:50%;padding:84px 0 0;text-align:center;background-color:#27c1d4;background-repeat:no-repeat;}
.section.customer .linkCont .item.item01 {background-image:url(../../images/common/ico_main_circle_1.png);background-position:50% 30px;}
.section.customer .linkCont .item.item02 {background-image:url(../../images/common/ico_main_circle_2.png);background-position:50% 30px;background-color:#0373f9;}
.section.customer .linkCont .item.item03 {background-image:url(../../images/common/ico_main_circle_3.png);background-position:50% 30px;background-color:#0373f9;}
.section.customer .linkCont .item.item04 {background-image:url(../../images/common/ico_main_circle_4.png);background-position:50% 32px;}
.section.customer .linkCont .item .text {color:#fff;font-size:18px;font-weight:100;}
.section.customer .boxCont {border:5px solid #d4e6fe;margin-top:45px;}
.section.customer .boxCont:after {content:"";display:block;clear:both;}
.section.customer .boxCont .item {padding:35px 70px;float:left;width:25%;position:relative;}
.section.customer .boxCont .item:before {content:"";width:1px;height:30px;background:#b0afb0;position:absolute;left:0;top:50%;margin-top:-15px;}
.section.customer .boxCont .item:first-child:before {display:none;}
.section.customer .boxCont .item > span {background-repeat:no-repeat;background-position:0 50%;font-size:18px;font-weight:700;padding:7px 0 7px 42px;}
.section.customer .boxCont .item.item01 > span {background-image:url(../../images/common/ico_main_link_1.png);}
.section.customer .boxCont .item.item02 > span {background-image:url(../../images/common/ico_main_link_2.png);}
.section.customer .boxCont .item.item03 > span {background-image:url(../../images/common/ico_main_link_3.png);}
.section.customer .boxCont .item.item04 > span {background-image:url(../../images/common/ico_main_link_4.png);}

.section.service{padding-top:88px}
.section.service {background-color:#eaf3ff}
.section.service .bx-viewport {padding-bottom:8px;}
.section.service .serviceSlider .item {border:1px solid #cfcfcf;background:#fff;box-shadow:0 8px 0 rgba(0, 0, 0, 0.08);position:relative;}
.section.service .serviceSlider .item .cont {padding:37px 30px 65px 30px;}
.section.service .serviceSlider .item .cont .title {font-weight:500;font-size:24px;}
.section.service .serviceSlider .item .cont .desc {font-size:18px;color:#767676;padding-top:10px;}
.section.service .serviceSlider .item .cont .moreBtn {width:37px;height:27px;position:absolute;right:24px;bottom:16px;text-indent:-9999em;background:url(../../images/common/bg_main_service_more.png) no-repeat 50% 50%;}
.section.service .bx-controls-direction {text-align:center;margin-top:30px;}
.section.service .bx-controls-direction .bx-next,
.section.service .bx-controls-direction .bx-prev {display:inline-block;width:54px;height:54px;background:#0373f9 url(../../images/common/bg_main_control_arrow.png) no-repeat 50% 50%;text-indent:-9999em;}
.section.service .bx-controls-direction .bx-next {transform:rotate(180deg);margin-left:20px;}

/* .mainAnchor {position:fixed;right:55px;top:50%;text-align:right;z-index:10}
.mainAnchor .anchorWrap {position:relative;}
.mainAnchor .anchorWrap:after {content:"";width:1px;height:70%;background:#888;position:absolute;right:5px;top:20px;transition:all 0.2s ease-in-out;}
.mainAnchor .anchorWrap .anchor {color:#888;font-size:18px;position:relative;padding:7px 28px 7px 0;transition:all 0.2s ease-in-out;}
.mainAnchor .anchorWrap .anchor:focus {outline:none;}
.mainAnchor .anchorWrap .anchor:after {content:"";width:10px;height:10px;position:absolute;right:0;top:50%;margin-top:-5px;background:#888;border-radius:50%;z-index:1;transition:all 0.2s ease-in-out;}
.mainAnchor .anchorWrap .anchor > span {opacity:0.5;}
.mainAnchor .anchorWrap .anchor.active > span {opacity:1;}
.mainAnchor .scroll {font-size:14px;color:#888;transition:all 0.2s ease-in-out;padding-top:57px;position:absolute;bottom:-80px;right:-11px;}
.mainAnchor .scroll:before {content:"";background:url(../../images/common/bg_main_scroll.png) no-repeat 50% 50%;position:absolute;left:50%;margin-left:-15px;top:0;width:29px;height:54px;}

.mainAnchor.is-visual .anchorWrap:after {background:#c6c6c6;}
.mainAnchor.is-visual .anchorWrap .anchor {color:#c6c6c6;}
.mainAnchor.is-visual .anchorWrap .anchor:after {background:#c6c6c6;} */

/* 231208_퀵메뉴 수정 시작 */
.quickmenu { border: none; width: 170px; position: fixed; right: 0; top: 196px; border-radius: 25px 0px 0px 25px; background: linear-gradient(90deg, rgba(0, 82, 207, 0.80) 0%, rgba(0, 82, 207, 0.80) 88%, rgba(0, 69, 173, 0.85) 100%); box-shadow: 0px 4px 16px 0px rgb(6 48 110 / 60%); backdrop-filter: blur(10px); padding: 17px; z-index: 100; }
.quickmenu li.quick_tit { padding: 6px 0; }
.quickmenu li.quick_tit a { font-size: 17px; font-weight: 500; line-height: 24px; color: #fff; padding: 6px 0; }
.rotate { transition: transform 0.4s ease-in-out; }
.rotate-down { transform: rotate(180deg); }
.quickmenu li.quick_item a:hover { font-weight: 600; }
.quickmenu li.quick_item a::after { display: block; content: ''; border-bottom: solid 1px #ffffff; opacity: 0.4; transition: transform 250ms ease-in-out; transform: scaleX(0); transform-origin: 0% 50%; }
.quickmenu li:nth-child(1).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.86); }
.quickmenu li:nth-child(2).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.86); }
.quickmenu li:nth-child(3).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.86); }
.quickmenu li:nth-child(4).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.76); }
.quickmenu li:nth-child(5).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.99); }
.quickmenu li:nth-child(6).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.99); }
.quickmenu li:nth-child(7).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.99); }
.quickmenu li.quick_tit .quick_thumb { float: left; position: relative; width: 24px; height: 24px; margin-right: 4px; }
.quickmenu li.quick_tit img { position: absolute; width:24px; height: 24px; }
.quickmenu li.quick_item { margin-top: 5px; }
.quickmenu li.quick_item a { display: block; font-size: 15px; font-weight: 400; line-height: 26px; color: #fff; padding: 4px 0; }
.quickmenu li.quick_item .quick_thumb { float: left; position: relative; width: 24px; height: 24px; margin-right: 4px; }
.quickmenu li.quick_item img { position: absolute; width:24px; height: 24px; }

.quick .item.top { text-align:center; background-color:#fff; border:1px solid #888; background-image:url(../../images/common/bg_quick_top_n.png); background-size: 32px; box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 16%); }

/* 250115_top 수정 */
.quickmenu { border: none; width: 170px; position: fixed; right: 0; top: 125px; border-radius: 25px 0px 0px 25px;

/* 2503 퀵메뉴 고객센터 수정 : s */
/* background: linear-gradient(90deg, rgba(0, 82, 207, 0.80) 0%, rgba(0, 82, 207, 0.80) 88%, rgba(0, 69, 173, 0.85) 100%);  */
background: linear-gradient(90deg, rgba(29, 174, 194, 0.80) 0%, rgba(0, 82, 207, 0.8) 88%, rgba(0, 69, 173, 0.85) 100%);
box-shadow: 0px 4px 16px 0px rgb(6 48 110 / 60%); backdrop-filter: blur(10px); padding: 17px; z-index: 100; }
/* 2503 퀵메뉴 고객센터 수정 : e */

.quickmenu li.quick_tit { padding: 6px 0; }
.quickmenu li.quick_tit a { font-size: 17px; font-weight: 500; line-height: 24px; color: #fff; padding: 6px 0; }
.rotate { transition: transform 0.4s ease-in-out; }
.rotate-down { transform: rotate(180deg); }
.quickmenu li.quick_item a:hover { font-weight: 600; }
.quickmenu li.quick_item a::after { display: block; content: ''; border-bottom: solid 1px #ffffff; opacity: 0.4; transition: transform 250ms ease-in-out; transform: scaleX(0); transform-origin: 0% 50%; }
.quickmenu li:nth-child(1).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.86); }
.quickmenu li:nth-child(2).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.86); }
.quickmenu li:nth-child(3).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.86); }
.quickmenu li:nth-child(4).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.76); }
.quickmenu li:nth-child(5).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.99); }
.quickmenu li:nth-child(6).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.99); }
.quickmenu li:nth-child(7).quick_item:hover a::after { opacity: 0.6; transform: scaleX(0.99); }
.quickmenu li.quick_tit .quick_thumb { float: left; position: relative; width: 24px; height: 24px; margin-right: 4px; }
.quickmenu li.quick_tit img { position: absolute; width:24px; height: 24px; }
/* 2503 퀵메뉴 고객센터 수정 : s */
.quickmenu li.quick_item { margin-top: 1px; }
.quickmenu li.quick_item a { display: block; font-size: 15px; font-weight: 400; line-height: 22px; color: #fff; padding: 4px 0; }
/* 2503 퀵메뉴 고객센터 수정 : e */
.quickmenu li.quick_item .quick_thumb { float: left; position: relative; width: 24px; height: 24px; margin-right: 4px;}
.quickmenu li.quick_item img { position: absolute; width:24px; height: 24px; }
.quick { position:fixed; right:70px; bottom:5px; }
.quick.nofixed { position:absolute; bottom:303px }
.quick .item { width:66px; height:66px; border-radius:50%; display:block; position:relative; margin-top:15px; background-repeat:no-repeat; background-position:50% 50%; }

/* 250115_고객센터 퀵메뉴 추가 시작 */
.quickmenu.quickStyle1 { border: none; width: 170px; position: fixed; right: 0; top: 196px; border-radius: 25px 0px 0px 25px; background: linear-gradient(90deg, rgba(29, 174, 194, 0.80) 0%, rgba(0, 82, 207, 0.8) 88%, rgba(0, 69, 173, 0.85) 100%); box-shadow: 0px 4px 16px 0px rgb(6 48 110 / 60%); backdrop-filter: blur(10px); padding: 17px; z-index: 100; padding-right: 0; margin-top: 257px;}
.quickmenu li.quick_item .quick_thumb.quick_style2 { float: left; position: relative; width: 24px; height: 24px;}
.quickmenu2_tit { font-size: 20px; }
.quickmenu2_tit { font-size: 20px; }
.quick_txt { color: #FFFFFF; font-size: 16px; }
.quick_txt2 { color: #FFFFFF; font-size: 16px; }
.quick_txt3 { color: #FFFFFF; font-size: 14px; }
.imgStyle { padding-top: 0px; }
.quick_item.itemStyle2 { padding-bottom: 3px; margin-right: 0; }
.quick_item.itemStyle2 { padding-top: 1px; padding-bottom: 1px; margin-right: 0; }

/* 250115_웰로비즈 퀵메뉴 추가 시작 */
.quickmenu.quickStyle2 { border: none; width: 170px; position: fixed; right: 0; top: 196px; border-radius: 25px 0px 0px 25px; background: linear-gradient(90deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.8) 88%, rgba(0, 0, 0, 0.8) 100%); box-shadow: 0px 4px 16px 0px rgba(2, 9, 19, 0.6); backdrop-filter: blur(10px); padding: 17px; z-index: 100; padding-right: 0; margin-top: 330px; }
.quickmenu.quickWellobiz { margin-top: 300px; }
/* 250418_웰로비즈 퀵메뉴 수정 : s */
  .quickmenu.wellobizEvent {
    width: 170px;
    background: linear-gradient(90deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.8) 88%, rgba(0, 0, 0, 0.8) 100%); box-shadow: 0px 4px 16px 0px rgba(2, 9, 19, 0.6); backdrop-filter: blur(10px); padding: 17px; z-index: 100; padding-right: 0; margin-top: 370px;
    padding: 0;
  }
  .quickmenu.wellobizEvent img {
    width: 100%;
    padding: 0;
  }
  /* 250418_웰로비즈 퀵메뉴 수정 : e */
  /* 2503 퀵메뉴 고객센터 수정 : e */
.quickWellobiz img { position: absolute; width:60%; margin-left: 20px; margin-top: 5px; }
.quickWellobizTit { padding-top: 42px; padding-right: 10px; font-size: 1.15rem; line-height: 22px; text-align: center; color: #FFFFFF; }
.quickWellobizBtn { color: #FFFFFF; margin-top: 14px; margin-left: 10px; margin-bottom: 10px; padding: 3px; width: 120px; background-color: #0373f9; border-radius: 16px; font-size: 0.85rem; align-items: center; }

/* 2504_거래처신용조회 퀵메뉴 추가 : s */
.quickmenu.bizsirenEvent {
  width: 170px;
  background: linear-gradient(90deg, rgba(26, 78, 183, 0.8) 0%, rgba(26, 78, 183, 0.8) 88%, rgba(13, 33, 73, 0.8) 100%); box-shadow: 0px 4px 16px 0px rgba(31, 72, 128, 0.8 0.6); backdrop-filter: blur(10px); padding: 17px; z-index: 100; padding-right: 0; margin-top: 555px;
  padding: 0;
}

.quickmenu.bizsirenEvent img {
  width: 100%;
  padding: 0;
}
/* 2504_거래처신용조회 퀵메뉴 추가 : e */

@media screen and (max-width:1500px){
    .quick{display:none}
}

/* 랜딩 */
.landingWrap{min-width:1200px}
.landingWrap .header{position:fixed;top:0 !important;border-top:2px solid #0373f9}
.landingWrap .header.sticky{box-shadow:5px 5px 5px rgba(0, 0, 0, 0.15)}
.landingWrap .section{min-height:auto !important;padding-top:80px;background:#f6f6f6}
.landingWrap .section.visual{padding-top:0;height:560px !important}
.landingWrap .section.visual .visualTxt{padding-top:89px}
.landingWrap .section.visual .visualCont{padding-top:89px}
.landingWrap .section.visual .visualCont .section{padding-top:0}
.landingWrap .section.visual .btnArea{position:absolute;top:0;right:0;margin-top:0}
.landingWrap .section.visual .btnArea + .btnArea{margin-top:150px;}
.landingWrap .section.visual .btnArea .btns{min-width:auto;height: auto;line-height: normal;padding:20px 70px;box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);}
.landingWrap .section.visual .btnArea .btns em{display:block;font-weight:400;font-size:20px}
.landingWrap .section.visual .btnArea .btns emTcb{display:block;font-weight:300;font-size:14px}
.landingWrap .section .mainTitle.ver02{padding-bottom:6px}
.landingWrap .section .mainTxt{text-align:center;font-size:22px;color:rgba(0, 0, 0, 0.63);padding-bottom:50px}

.landingWrap .section .processList{text-align:center;font-size:0}
.landingWrap .section .processList .item{position:relative;display:inline-block;vertical-align:top;width:176px;height:176px;border-radius:50%;background:#0373f9;margin-left:80px;padding-top:30px}
.landingWrap .section .processList .item:first-child{margin-left:0}
.landingWrap .section .processList .item:after{display:block;content:'';width:44px;height:44px;background:url(../../images/common/bg_process_list.png) no-repeat;position:absolute;top:50%;right:-62px;margin-top:-22px}
.landingWrap .section .processList .item:last-child:after{display:none}
.landingWrap .section .processList .item.bgCol01{background:#31c7d9}
.landingWrap .section .processList .item .num{display:block;font-size:22px;color:#fff;line-height:1;padding-bottom:16px}
.landingWrap .section .processList .item span{position:relative;display:block;font-size:22px;color:#fff;line-height:27px;padding-top:12px}
.landingWrap .section .processList .item span:before{display:block;content:'';width:48px;height:1px;background:rgba(255, 255, 255, 0.35);position:absolute;top:0;left:0;right:0;margin:0 auto}

.landingWrap .section .serviceList{display:table;width:100%;table-layout:fixed;background:#fff;height:195px}
.landingWrap .section .serviceList .item{position:relative;display:table-cell;vertical-align:middle;width:100%;text-align:center}
.landingWrap .section .serviceList .item:before{display:block;content:'';width:1px;height:20px;background:rgba(0, 0, 0, 0.25);position:absolute;top:87px;left:0;}
.landingWrap .section .serviceList .item:first-child:before{display:none}
.landingWrap .section .serviceList .item dt{font-size:24px;font-weight:700;color:#282828;line-height:1;margin-bottom:10px}
.landingWrap .section .serviceList .item dd .num{display:block;font-size:48px;color:#282828;line-height:1;margin-bottom:7px}
.landingWrap .section .serviceList .item dd span{display:block;font-size:18px;color:#282828;line-height:1;}

.landingWrap .section .feedsList{display:table;width:100%;font-size:0;margin-bottom:40px;}
.landingWrap .section .feedsList .item{position:relative;display:inline-block;vertical-align:top;background:url(../../images/common/bg_feedlist.png) no-repeat;background-repeat: round;padding:38px 27px;width:283px;height:314px;margin-left:22px;margin-bottom:22px}
.landingWrap .section .feedsList .item:first-child{margin-left:0}
.landingWrap .section .feedsList .item .itemHead{margin-bottom:75px}
.landingWrap .section .feedsList .item .itemHead dt{font-size:32px;font-weight:700;color:#282728;line-height:1;margin-bottom:25px}
.landingWrap .section .feedsList .item .itemHead dd{overflow:hidden}
.landingWrap .section .feedsList .item .itemHead dd .tit{display:block;float:left;font-size:15px;color:#282828;line-height:1}
.landingWrap .section .feedsList .item .itemHead dd span{display:block;float:right;font-size:14px;font-weight:700;color:#282828;line-height:1}
.landingWrap .section .feedsList .item .btmPrice{text-align:right}
.landingWrap .section .feedsList .item .btmPrice span{display:block;color:#282828}
.landingWrap .section .feedsList .item .btmPrice .txt{font-size:18px;line-height:1}
.landingWrap .section .feedsList .item .btmPrice .price{font-size:30px;line-height:1;margin-top:-40px} /* 20210215 최성원수정 */
.landingWrap .section .feedsList .item .btmPrice .price em{font-weight:700}
.landingWrap .section .feedsList .item .btmPrice .disCount{font-size:27px;font-weight:700;color:#f45858;line-height:1;margin-top:5px}
.landingWrap .section .feedsList .item .exPriceWrap{position:absolute;right:27px;bottom:38px;display:inline-block;} /* 20210215 최성원수정 */
.landingWrap .section .feedsList .item .exPriceWrap .caption{display:block;font-size:11px;line-height:1;color:#666;margin-bottom:5px}
.landingWrap .section .feedsList .item .exPriceWrap .exPriceTbl{width:100%;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.landingWrap .section .feedsList .item .exPriceWrap .exPriceTbl table{width:100%}
.landingWrap .section .feedsList .item .exPriceWrap .exPriceTbl table th{font-size:13px;font-weight:400;text-align:center;padding:7px;}
.landingWrap .section .feedsList .item .exPriceWrap .exPriceTbl table td{font-size:13px;font-weight:400;text-align:center;padding:7px;text-align:right;}
.landingWrap .section .feedsList .item .exPriceWrap .exPriceTbl table td span.dc{font-size:12px;display:inline-block;color:#f45858}

.landingWrap .section .bnrList{background:#0373f9}
.landingWrap .section .bnrList .inner{display:table;width:100%;table-layout:fixed;}
.landingWrap .section .bnrList .item{position:relative;display:table-cell;vertical-align:middle;width:100%;height:130px;text-align:center;color:#fff;font-size:0;}
.landingWrap .section .bnrList .item:before{display:block;content:'';width:2px;height:18px;background:#75aae9;position:absolute;top:57px;left:0}
.landingWrap .section .bnrList .item:first-child:before{display:none}
.landingWrap .section .bnrList .item.privacy{text-align:right}
.landingWrap .section .bnrList .item a{display:inline-block;vertical-align:top;color:#fff}
.landingWrap .section .bnrList .item a:before{display:inline-block;content:'';vertical-align:middle;background-repeat:no-repeat;background-position:0 0;margin-right:20px}
.landingWrap .section .bnrList .item.download a:before{background-image:url(../../images/common/bg_bnr_down.png);width:33px;height:41px}
.landingWrap .section .bnrList .item.tech a:before{background-image:url(../../images/common/bg_bnr_tech.png);width:24px;height:40px}
.landingWrap .section .bnrList .item.privacy a:before{background-image:url(../../images/common/bg_bnr_privacy.png);width:38px;height:42px}
.landingWrap .section .bnrList .item span{display:inline-block;vertical-align:middle;font-size:18px;font-weight:500}
.landingWrap .section .bnrList .item.tel{text-align:left;padding-left:74px;background:url(../../images/common/bg_bnr_tel.png) no-repeat 12px 50%;}
.landingWrap .section .bnrList .item.tel p{font-size:32px;font-weight:700;color:#fff;line-height:1;}
.landingWrap .section .bnrList .item.tel em{display:block;font-size:18px;color:#fff;line-height:1;margin-top:7px}

/* 2412 웰로비즈 --------------------------------- */
.wellobizLogo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
.wellobizLogo li {
  display: flex;
  align-items: center;
}
.wellobizLogo span {
  font-size: 1.1rem;
  font-weight: 600;
  padding-right: 10px;
}

.wellobizTop {
    margin-top: 30px;
    margin-bottom: 70px;
    width: 1200px;
    height: 600px;
    background: url(../../images/wellobiz/top_img.png) no-repeat 50%;
    color: #ffffff;
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .wellobizTopTitle {
    font-size: 3rem;
    font-weight:900;
    padding-top: 138px;
    padding-bottom: 25px;
  }

  .TopTxt {
    font-size: 1.3rem;
    font-weight: 100;
  }

  .wellobizBtnWrap {
    display: flex;
    justify-content: center;
    padding-top: 63px;
  }

  .WellbizTopButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 53px;
    background-color: #A78264;
    font-size: 1.3rem;
    border-radius: 6px;
    text-align: center;
    color: #FFFFFF;
    /* 250131 추가 */
    font-weight: 550;
  }

  .wellobizPreWrap {
    padding: 0;
    margin: 0;
  }

  .preTxtWrap {
    display: flex;
    justify-content:space-between;
    width: 1200px;
    padding-left: 150px;
    padding-right: 150px;
    /* 250131 수정 */
    /* margin-bottom: 135px; */
    margin-bottom: 80px;
  }

  .preBox {
    text-align: center;
    width: 430px;
    /* 250131 수정 */
    /* height: 530px; */
    height: 500px;
    background-color: #FBFBFF;
    border: solid 1px #ABB5CE;
    border-radius: 40px;
    gap: 46px;
  }

  .preBox img {
    width: 40px;
    height: 40px;
    /* 250131 수정 */
    /* margin-top: 83px; */
    margin-top: 73px;
    margin-bottom: 24px;
  }


  .preBox li:nth-child(2) {
    /* 250131 수정 */
    /* font-size: 2.3rem; */
    font-size: 2.2rem;
    line-height: 50px;
    font-weight: 900;
    padding-bottom: 47px;
  }

  .preBox li:nth-child(3) {
    /* 250131 수정 */
    /* font-size: 1.2rem; */
    font-size: 1.15rem;
    font-weight: 400;
    color: #9A9AAC;
  }

  .preTxtWrap2 {
    width: 1200px;
    height: 853px;
    background-color: #122B5A;
    text-align: center;
  }

  .preBoxWrap2 {
    display: flex;
    width: 1200px;
    justify-content: space-between;
    padding-left: 215px;
    padding-right: 215px;
  }

  .topTxt {
    padding-top: 145px;
  }
  .wellobizLine {
      display: block;
      height: 1px;
      background-color: #C7A683;
      width: 230px;
      margin: 5px 17px 5px 17px;
  }

  .topTxt li:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #C7A683;
    font-size: 1.3rem;
    font-weight: 800;
    padding-bottom: 25px;
  }

  .topTxt li:nth-child(2) {
    color: #FFFFFF;
    font-size: 2.45rem;
    font-weight: 800;
    line-height: 48px;
  }

  .preBox2 {
    text-align: center;
    width: 360px;
    /* 수정  24.12.26 */
    /* 250131 수정 */
    height: 400px;
    /* height: 420px; */
    /* height: 366px; */
    background-color: #FBFBFF;
    border-radius: 32px;
    margin-top: 60px;
  }

  .boxContent1 {
    background-color: #C7A683;
    border-radius: 32px 32px 0px 0px;
    height: 157px;
  }
  .boxContent1.colorVer2 {
    background-color: #191919;
  }

  .boxTitle {
    padding-top: 33px;
    /* 250131 추가 */
    text-align: left;
    padding-left: 40px;
  }

  .boxTitle li:nth-child(1) {
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: 600;
    /* 250131 추가 */
    padding-bottom: 6px;
  }

  /* 250131 수정 */
  /* .boxContent1.colorVer2 li:nth-child(2) { color: #555555; } */
  .boxTitle.colorVer2 li:nth-child(2) { color: #a2a2a2; }

  .boxTitle li:nth-child(2) {
    color: #E4D2BF;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 20px;
  }

  .freeBullet {
    z-index: 10;
    position: absolute;
    margin-left: 240px;
    margin-top: -7px;
  }

  .boxContent2 {
    /* 250131 수정 : s */
    /* margin-top: 61px;
     font-weight: 600;
    color: #666666; */
    margin-top: 63px;
    font-weight: 300;
    color: #222222;
    /* 250131 수정 : e */
    display: inline-block;
    justify-content: center;
    align-items: center;
  }

/* 수정  24.12.31 START*/
  .boxContent2Txt {
    display: flex;
    margin-bottom: 15px;
    /* margin-bottom: 10px; */
  }
  /* 신규추가  24.12.26 */
  .boxContent2Txt li:nth-child(2) {
    padding-top : 0px;
    /* padding-top : 10px; */
    /* 250131 수정 */
    padding-left: 5px;
    font-size: large;
  }
/* 수정  24.12.31 END*/
  .preTxtWrap3 {
    text-align: center;
    /* 250131 수정 */
    /* margin-top: 150px;
    margin-bottom: 150px; */
    padding-top: 120px;
    padding-bottom: 50px;
    /* 250131 추가 */
    background-color: #FBFBFF;
  }

  /* 250131 추가 : s*/
  .preTxtWrap3 div:nth-child(1) {
    display: grid;
    justify-items: center;
  }
  /* 250131 추가 : e */

  .preTxtWrap3 div:nth-child(1) li:nth-child(1) {
    /* 250131 수정 */
    /* font-size: 3rem; */
    font-size: 2.45rem;
  }

  .preTxtWrap3 div:nth-child(1) li:nth-child(2) {
    /* 250131 수정 */
    /* font-size: 3rem; */
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 20px;
    /* 250131 추가 : s*/
    border: solid 2px #ABB5CE;
    border-radius: 60px;
    width: 73%;
    padding: 3px 3px 8px 3px;
    background-color: #FFFFFF;
    align-self: center;
    /* 250131 추가 : e */
  }

  .preTxtWrap3 div:nth-child(2){
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    color: #5F677A;
  }
  .preTxtWrap3 div:nth-child(2) li {
    height: 41px;
    /* 250131 수정 */
    /* align-content: center; */
    align-items: center;
    /* 수정  24.12.26 */
    padding: 5px 20px 0px 20px;
/*     padding: 0px 20px 0px 20px; */
    background-color: #FBFBFF;
    border: solid 1px #ABB5CE;
    border-radius: 40px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .preTxtWrap4 {
    background-color: #FBFBFF;
    width: 1200px;
    height: 563px;
    padding-top: 83px;
  }

  .preTxtWrap4 div:first-child {
    color: #122B5A;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
  }

  .preTxtWrap4 table {
    width: 1000px;
    border-top: 1px solid #CCD4E5;
    margin-left: 90px;
  }

  .preTxtWrap4 td:first-child {
    background-color: #122B5A;
    color: #ffffff;
    font-size: 1rem;
    /* 250131 수정 */
    /* width: 140px; */
    width: 150px;
    padding: 10px 27px 10px 27px;
    border-bottom: 0.8px solid #CCD4E5;
  }

  .preTxtWrap4 td:last-child {
    color: #797F8B;
    font-size: 0.8rem;
    border-bottom: 0.8px solid #CCD4E5;
    padding: 10px 0 10px 16px;
    width: 860px;
  }

  .intContent.wellobiz {
    margin-top: -150px;
  }

  .wellobizBottom {
    width: 1200px;
    height: 325px;
    background: url(../../images/wellobiz/bottom_img.png) no-repeat;
    color: #ffffff;
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
    /* 250131 추가 */
    margin-top: 120px;
  }

  .wellobizBottom .wellobizTopTitle {
      font-size: 2rem;
      font-weight: 900;
      padding-top: 88px;
  }

  .wellobizBottom .wellobizBtnWrap {
    display: flex;
    justify-content: center;
    padding-top: 1px;
  }

  .wellobizComent {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 1200px;
    height: 121px;
    color: #777777;
  }

  .wellobizConcierge {
    width: 1200px;
    height: 1293px;
    background-image: url(../../images/wellobiz/con_1_pre.png);
    text-align: center;
    /* 250131 추가 */
    margin-bottom: 80px;
  }

  .conciergeTitle li:nth-child(1) {
    font-size: 1.8rem;
    font-weight: 600;
    color: #C7A683;
    line-height: 60px;
    padding-top: 150px;
  }

  .conciergeTitle li:nth-child(2) {
    font-size: 2.5rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 50px;
    padding-bottom: 70px;
  }

  .conciergeBoxWrap {
    display: flex;
    justify-content: center;
  }

  .conciergeBoxWrap div {
    width: 430px;
    /* 250131 수정 */
    /* height: 325px; */
    height: 300px;
    border: 1px solid #40647A;
    border-radius: 40px;
    background-color: #102C5B;
    margin: 0px 25px 50px 25px;
  }

  .conciergeBoxWrap div li:nth-child(1) {
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    /* 250131 수정 */
    /* padding-top: 77px; */
    padding-top: 63px;
  }

  .conciergeBoxWrap div li:nth-child(2) {
    /* 250131 수정 */
    /* color: #8D99AD; */
    color: #c6c6c6;
    font-size: 1rem;
    padding-top: 30px;
  }

  .wellobizConcierge2 {
    background-color: #FBFBFF;
    width: 1200px;
    height: 760px;
  }

  .conciergeTitle2 {
    text-align: center;
    padding-top: 113px;
  }

  .conciergeTitle2 li:nth-child(2) {
    font-size: 2.3rem;
    font-weight: 600;
    line-height: 50px;
    padding-top: 44px;
  }

  .conciergeTitle2 li:nth-child(3) {
    font-size: 1.4rem;
    font-weight: 600;
    padding-top: 27px;
    color: #AFB1C3;
  }

  .wellobizConcierge2BoxWrap {
    display: flex;
    justify-content: center;
  }

  .wellobizConcierge2BoxWrap div {
    display: block;
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    border: 1px solid #ABB5CE;
    border-radius: 16px 40px 16px 16px;
    text-align: center;
    margin-top: 55px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .wellobizConcierge2Box li:nth-child(1) {
    margin-top: 47px;
  }

  .wellobizConcierge2Box li:nth-child(2) {
    margin-top: 26px;
    color: #333333;
    font-weight: 900;
    font-size: 1rem;
  }

  /* 250131 추가 서비스 신청방법 : s */
  .serviceStepTitle {
    color: #122B5A;
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 90px;
    margin-bottom: 20px;
    text-align: center;
  }
  .serviceStepWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  /* 250210 클래스 이름변경 serviceStep -> serviceStepWellobiz : s */
  .serviceStepWellobiz {
    display: flex;
    justify-content: start;
    width: 830px;
    background-color: #FBFBFF;
    border: 1px #ABB5CE solid;
    border-radius: 40px;
    padding: 36px 90px 36px 90px;
    align-self: center;
    color: #222222;
    margin: 30px 50px;
  }
  .serviceStepWellobiz ul:nth-child(1) {
    font-weight: 600;
    font-size: 1.5rem;
  }
  .serviceStepWellobiz2 {
    width: 280px;
    padding-left: 20px;
  }
  .serviceStepWellobiz2 li:nth-child(1) {
    font-weight: 600;
    font-size: 1.5rem;
  }
  .serviceStepWellobiz2 li:nth-child(2) {
    font-weight: 600;
    font-size: 1rem;
    color: #777777;
    padding-top: 10px;
  }
  .serviceStepWellobiz2 li:nth-child(3) {
    font-weight: 600;
    font-size: 0.8rem;
    color: #6F7FA7;
    padding-top: 10px;
  }
  .serviceStepWellobiz img {
    position: absolute;
    margin-left: 70px;
  }
  .serviceStepWellobiz2.ver2 li:nth-child(2) {
    font-weight: 600;
    font-size: 1rem;
    color: #777777;
  }
  .serviceStepWellobiz2.ver2 li:nth-child(3) {
    font-weight: 600;
    font-size: 0.8rem;
    color: #6F7FA7;
    padding: 0 0 10px 0;
  }
  .serviceStepWellobiz2.ver2 li:nth-child(4) {
    font-weight: 600;
    font-size: 1rem;
    color: #777777;
  }
  .serviceStepWellobiz2.ver2 li:nth-child(5) {
    font-weight: 600;
    font-size: 0.8rem;
    color: #6F7FA7;
  }
 .serviceStepWellobiz.ver2 img {
  margin-top: 20px;
 }

 /* 250210 클래스 이름변경 serviceStep -> serviceStepWellobiz : e */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* 슬라이드 테마 */
/* Arrows */
.slick-prev,
.slick-next
{
    z-index: 9999;
    position: absolute;
    top: 44%;

    display: block;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:before,
.slick-next:before
{
    line-height: 1;

    opacity: 1;
    color: #222222;
    z-index: 9999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
.slick-prev:before
{
    content: url(../../images/wellobiz/slide_arr_left.svg);
}
.slick-next
{
    right: -25px;
}

.slick-next:before
{
  content: url(../../images/wellobiz/slide_arr_right.svg)
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 30px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 15px;
    height: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    display: block;

    padding: 5px;

    cursor: pointer;
    color: #222222;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before
{
    position: absolute;

    width: 8px;
    height: 8px;

    content: '•';
    text-align: center;

    color: #FFFFFF;
    border: 2px solid #222222;
    border-radius: 100px;


    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    border: 2px solid #222222;
    border-radius: 100px;
    background-color: #222222;
}

  /* 250131 추가 서비스 신청방법 : e */