@charset "utf-8";

/*================================================ 전체메뉴 ================================================*/
.gnb {display:none;position: fixed;top:0;left:0;right: 0;bottom:0;z-index: 1100;overflow-y: auto; overflow-x: hidden; transition: 0.5s transform;transform: translate(100%,0);-webkit-overflow-scrolling: touch;background-color:#fff;}
.gnb.open {transform: translate(0,0); transition-duration: 0.7s;}
.gnb a {display: block;}
.gnb a,
.gnb button {-webkit-user-drag:none;}
.gnb .gnbAreaSticky {background-color: #fff;}
.gnb .gnbArea{position:relative; padding: 0 2rem; color:#666; z-index:3; transform: translateZ(0);}
[class^=btnIco_] span:not(.def) {display: inline-block; position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

/* GNB - 최상단 */
.gnb .topArea {position:sticky;position:-webkit-sticky;top:0;z-index:2;display: flex;justify-content: space-between;padding: 0.8rem 1.2rem; margin: 0 -2rem; background-color:#fff;-webkit-transform:translateZ(0);}
.gnb .topArea .gate {display: flex; white-space: nowrap;}
.gnb .topArea .gate li {display: inline-block; position:relative;}
.gnb .topArea .gate li a{padding:0 1.2rem;font-size:1.4rem;line-height:4rem;color:#666;}
.gnb .topArea .gate li::before {content: '';position: absolute;left:0;top:50%;transform: translateY(-50%); width:0.1rem;height:1rem;background-color: #d5d5d5;}
.gnb .topArea .gate li:first-child a {padding-left:0.8rem;}
.gnb .topArea .gate li:first-child::before{display: none;}
.gnb .topArea .gate li:last-child{padding-right: 0;}
.gnb .topArea .gate li.on > * {color:#000; font-weight: 700;}
.gnb .topArea .gate + .topBtns {width:auto;}
.gnb .topArea .topBtns {display:flex;justify-content:space-between;width:100%; height: 4rem;}
.gnb .topArea .topBtns .left{display: flex;}
.gnb .topArea .topBtns [class*=btnIco_] {position: relative; width: 4rem;height: 4rem; background-repeat: no-repeat; background-position: center center; background-size: 2.4rem;}
.gnb .topArea .topBtns .btnIco_home {background-image:url(/dcmw/img/mw/common/icons/icon_home_24.svg);}
.gnb .topArea .topBtns .btnIco_noti {background-image:url(/dcmw/img/mw/common/icons/icon_notice_24.svg)}
.gnb .topArea .topBtns .btnIco_option {background-image:url(/dcmw/img/mw/common/icons/icon_setting_24.svg)}
.gnb .topArea .topBtns .btnIco_chatbot {background-image:url(/dcmw/img/mw/common/icons/icon_chat_24.svg);}
.gnb .topArea .topBtns .btnIco_close {background-image:url(/dcmw/img/mw/common/icons/icon_close_24.svg);}
.gnb .topArea .topBtns .btnIco_push {background-image:url(/dcmw/img/mw/common/icons/icon_alarm_24.svg)}
.gnb .topArea .topBtns .btnIco_push.on::after {display: block;content: '';position: absolute;top: 0.7rem;right: 0.7rem;width: 0.5rem;height: 0.5rem;background-color: #ee444a;border: 0.2rem solid #fff;border-radius: 50%;}

/* GNB - 회원정보 */
.gnb .userInfo {position: relative;padding:1.6rem 0 0;display: flex;align-items: center;justify-content: space-between;}
.gnb .userInfo .log-wrap{display: flex;}
.gnb .userInfo .log-wrap a {position:relative;display: flex; justify-content: center; align-items: center; height: 3rem; font-size:1.2rem;color:rgba(109, 116, 123, 0.85); font-weight: 700; padding:0 1.2rem;margin-left:0.8rem; border: 1px solid #e9ecef; border-radius: 1.5rem;}
.gnb .userInfo .log-wrap a:first-child {margin-left:0;}
.gnb .userInfo .profile {display:flex;flex-direction: column;max-width: calc(100% - 7.4rem);}
.gnb .userInfo .profile-info {display: flex;align-items: center;}
.gnb .userInfo .profile-name{font-size:2rem;color:#212528;font-weight:700;line-height: 2.8rem;}
.gnb .userInfo .profile-grade {display:flex;flex-direction: column; margin-left: 0.8rem;}
.gnb .userInfo .profile-grade .icon_grade{display: block; min-width: 2.4rem;width: 2.4rem;height: 2.4rem;background-repeat: no-repeat;background-position: center center;background-size: 2.4rem;font-size: 0;text-indent: -9999px;}
.gnb .userInfo .profile-grade .icon_grade.vvip{background-image:url(/dcmw/img/mw/content/ico_membership_vvip_alert.png);}
.gnb .userInfo .profile-grade .icon_grade.vip{background-image:url(/dcmw/img/mw/content/ico_membership_vip_alert.png);}
.gnb .userInfo .profile-grade .icon_grade.platinum{background-image:url(/dcmw/img/mw/content/ico_membership_platinum_alert.png);}
.gnb .userInfo .profile-grade .icon_grade.gold{background-image:url(/dcmw/img/mw/content/ico_membership_gold_alert.png);}
.gnb .userInfo .profile-grade .icon_grade.total{background-image:url(/dcmw/img/mw/content/ico_membership_TOTAL.png);}
.gnb .userInfo .profile-timeInfo {display: block;margin-top: 0.8rem;}
.gnb .userInfo .profile-timeInfo .recent-login {font-size:1.2rem;color:#6d747b;}
.gnb .userInfo .btn-log {display: flex; justify-content: center; align-items: center; height: 3rem; font-size:1.2rem;color:rgba(109, 116, 123, 0.85);font-weight: 700; padding:0 1.2rem; border: 1px solid #e9ecef; border-radius: 1.5rem;}

/* GNB - 검색 */
.gnb .search-menu {position:sticky;position:-webkit-sticky;top: 5.6rem;z-index:3; padding: 0 2rem; margin: 1.6rem -2rem 0;background-color:#fff;-webkit-transform:translateZ(0)}
.gnb .search-menu input {position:relative;border:0;width:100%;height:4.8rem;padding: 1.2rem 5rem 1.2rem 1.6rem;border-radius:0.8rem;z-index:3;outline: 0!important;font-size: 1.7rem;background-color: rgba(130, 149, 167, 0.11);}
.gnb .search-menu input::placeholder{font-size: 1.7rem; font-weight: 400; line-height: 2.4rem;}
.gnb .search-menu .btnIco_srch {position:absolute;right: 2.8rem;top:50%;transform: translateY(-50%); width:4rem;height:4rem;background:url(/dcmw/img/mw/common/icons/icon_search_20.svg) center center no-repeat;background-size:2.4rem;z-index:4;}
.gnb .search-menu .btnIco_del {position: absolute;right: 7.3rem;top: 50%;transform: translateY(-50%);width: 2.4rem;height: 2.4rem;border-radius: 50%;background-color: #fff;z-index: 3;visibility: hidden;box-shadow: 0px 2px 6px rgba(0,0,0,0.05);}
.gnb .search-menu .btnIco_del:before,
.gnb .search-menu .btnIco_del:after {content:''; display:block; position:absolute; top:50%; left: 50%; width:1px; height: 10px; margin-top: -5px; background-color:#222; transform: rotate(45deg);}
.gnb .search-menu .btnIco_del:after {transform: rotate(135deg);}
.gnb .search-menu.focusIn .btnIco_del {visibility: visible;}
.gnb .search-menu .ui-widget.ui-widget-content {border-color:#000; border-radius:4px; z-index:2; padding:10px 0; width:calc(100% - 40px) !important; display: none !important;} /* 자동완성 기능 삭제 23-01-18 */ 
.gnb .search-menu .ui-widget.ui-widget-content li {list-style:none;font-size: 1.4rem;line-height: 1.5;}
.gnb .search-menu .ui-menu .ui-menu-item-wrapper {font-size: inherit;padding: 7px 10px;line-height: 1.5;height: auto;}

/* GNB - 최근 방문 메뉴 */
.gnb .recent-menu{position: relative;display: block;margin: 2.4rem 0 1.2rem;}
.gnb .recent-menu-title{position: relative;display: inline-block;padding: 0;white-space: nowrap;font-size: 1.4rem;line-height: 2rem;color: #212528;font-weight: 600;}
.gnb .recent-menu-list{position: relative;white-space: nowrap;overflow-x: auto;padding: 1.6rem 2rem 0;margin:0 -2rem;font-size: 0;scrollbar-width: none;-ms-overflow-style: none;display: block !important;}
.gnb .recent-menu-list::-webkit-scrollbar {display: none;}
.gnb .recent-menu-list li {display: inline-block;margin: 0 0.8rem 0.8rem 0;}
.gnb .recent-menu-list li a{padding: 0 1rem;font-size: 1.3rem;font-weight: 500; line-height: 1.8rem;background-color: #fff;border: 1px solid #ebebeb;color: #212528;border-radius: 2rem;}
.gnb .recent-menu-list.favorite li{position: relative;}
.gnb .recent-menu-list.favorite li a{padding: 0.7rem 3.4rem 0.7rem 1.6rem;}
.gnb .recent-menu-list .favorite-menu-button{position: absolute;top: 50%;right: 0.8rem;transform: translate(-0.2rem,-50%);width: 2.4rem;height: 2.4rem; background-image: url(/dcmw/img/mw/common/icons/icon_pin_24_off.svg); background-repeat: no-repeat; background-position: center center; background-size: 2.4rem;}
.gnb .recent-menu-list .favorite-menu-button[aria-pressed="true"]{background-image: url(/dcmw/img/mw/common/icons/icon_pin_24_on.svg);}
.gnb .recent-menu::after{position: absolute;bottom: 0.6rem;right: -2rem;display: block;content: '';width: 3.2rem;height: 4.4rem;background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 88%);}

.toast-message{display: flex;opacity: 0;transform: translate(-50%, 50%);position: fixed;left: 50%;bottom: 3.0rem;padding: 1.2rem 1.6rem 1.2rem 2.4rem;line-height: 1.2;background-color:#495057;color: #fff;font-size: 1.4rem;text-align: left;border-radius: 1.2rem;margin: 0 auto;width: calc(100% - 3.2rem);height: 5.6rem;z-index: 99999;transition:transform .2s, opacity .1s cubic-bezier(0.25, 0.46, 0.45, 0.94);align-content: center;flex-wrap: wrap;}
.toast-message.caution{padding: 1.2rem 1.6rem 1.2rem 4.8rem;}
.toast-message.caution::before{display: block; content: ''; position: absolute; top: 50%; left: 1.6rem; transform:translate(0, -50%) ; width: 2.4rem; height: 2.4rem; background:url(/dcmw/img/mw/common/ico_solid_caution_black.svg) center center no-repeat;}
.toast-message.show{opacity: 1;transform: translate(-50%, 0);}

/* GNB - 주요 메뉴 */
.gnb .search-menu + .gnb-recommend-menu {margin-top: 1.6rem;}
.gnb-recommend-menu{position: relative; padding: 0 0 3.2rem; margin: 0 -0.4rem 1.2rem;}
.gnb-recommend-menu::after{position: absolute; left: -1.6rem; right: -1.6rem; bottom: 0; display: block; content: ''; border-bottom: 8px solid rgba(115, 132, 149, 0.05);}
.gnb-recommend-menu .renewSwiper .swiper-container{padding-left: 0 !important;}
.gnb-recommend-menu .renewSwiper .swiper-pagination{z-index: 1;}
.gnb-recommend-menu li {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; padding: 0.4rem 0;}
.gnb-recommend-menu li a {display: flex;align-items: center;position: relative;width: calc(50% - 0.8rem); height: 4.8rem;padding: 1.2rem 1.2rem 1.2rem 4.8rem; margin: 0.4rem 0.4rem; border-radius: 0.8rem;font-size: 1.3rem;font-weight: 500; color: #212528; line-height: 1.6rem;}
.gnb-recommend-menu li a i {position: absolute;top: 50%;left: 1.4rem;transform: translateY(-50%);width: 2.4rem;height: 2.4rem;background-repeat: no-repeat;background-size: 2.4rem;}
.gnb-recommend-menu li .bgColor_1 {background-color: #e8e9fb;}
.gnb-recommend-menu li .bgColor_2 {background-color: #dff7ef;}
.gnb-recommend-menu li .bgColor_3 {background-color: #e5efff;}
.gnb-recommend-menu li .bgColor_4 {background-color: #ffebf2;}
.gnb-recommend-menu li .bgColor_5 {background-color: #fff4d1;}
.gnb-recommend-menu li .bgColor_6 {background-color: #e0f6fb;}
.gnb-recommend-menu li .bgColor_7 {background-color: #ebeef0;}
.gnb-recommend-menu li .ico_1 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_25.svg);}
.gnb-recommend-menu li .ico_2 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_26.svg);}
.gnb-recommend-menu li .ico_3 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_27.svg);}
.gnb-recommend-menu li .ico_4 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_29.svg);}
.gnb-recommend-menu li .ico_5 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_05.svg);}
.gnb-recommend-menu li .ico_6 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_28.svg);}
.gnb-recommend-menu li .ico_7 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_03.svg);}
.gnb-recommend-menu li .ico_8 {background-image: url(/dcmw/img/mw/common/icons/icon_menu_04.svg);}

.gnb-recommend-menu .swiperWrap .swiper-controls{position: relative; z-index: 1;}
.gnb-recommend-menu .swiperWrap .swiper-pagination {display: flex; align-items: center; justify-content: center; margin-top: 0.4rem;}
.gnb-recommend-menu .swiperWrap .swiper-pagination-bullet {width: 0.6rem;height: 0.6rem;margin: 0 0.2rem !important;}
.gnb-recommend-menu .swiperWrap .swiper-pagination-bullet::before {width: 0.6rem;height: 0.6rem;top: 0;left: 0;border: 0;border-radius: 1rem;background: #949494;}
.gnb-recommend-menu .swiperWrap .swiper-pagination-bullet-active {width: 1.8rem;}
.gnb-recommend-menu .swiperWrap .swiper-pagination-bullet-active::before {background: #2589f4;width: 1.8rem;}

@media screen and (max-width:359px) {
    .gnb-recommend-menu li a{padding: 1.2rem 0.8rem 1.2rem 3.6rem;}
    .gnb-recommend-menu li a i{left: 1rem; width: 2rem; height: 2rem; background-size: 2rem;}
}

/* GNB - 1depth 카테고리 영역 바로가기 */
.gnb .gnb-menu {position:sticky;position:-webkit-sticky;top: 10.4rem;z-index:2;background-color:#fff;margin:0 !important; -webkit-transform:translateZ(0);}
.gnb .gnb-menu ul{display: -webkit-flex; display: flex; width: auto; padding: 1.2rem 2rem 0;margin: 0 -2rem; background-color:#fff; font-size: 0; white-space: nowrap; overflow-x: auto; scroll-padding: 0 1.6rem;scroll-snap-type: x mandatory;-webkit-scroll-snap-type: x mandatory;-ms-scroll-snap-type: x mandatory;}
.gnb .gnb-menu.active ul {flex-wrap:wrap;}
.gnb .gnb-menu li{border: 0; margin: 0; scroll-snap-align:inherit;scroll-snap-coordinate:inherit;-webkit-scroll-snap-coordinate:inherit;-ms-scroll-snap-coordinate:inherit;}
.gnb .gnb-menu li a {position:relative;display:block;position:relative;font-size:1.4rem;font-weight:500;color:#6d747b;background-color: #f1f3f5;line-height:3.2rem;border-radius: 3.2rem;padding: 0 1.5rem;margin: 0 0.8rem 0.8rem 0;text-align: center;}
.gnb .gnb-menu li.on a {color:#fff;background-color:#2589f4; font-weight:700}
.gnb .gnb-menu li a span {position: relative;display:block;}
.gnb .gnb-menu .menu-toggle {position:absolute;right: -2rem;top:0;padding: 2.4rem 2rem 0;width: 5rem;height: 5.6rem;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0px,rgba(255, 255, 255, 0.7) 25px,rgba(255, 255, 255, 1) 45px )}
.gnb .gnb-menu .menu-toggle:after {display:block;content:'';position:absolute;left: 50%;top:50%;margin: -3px 0 0 -5px;width:10px;height:6px;background:url(/dcmw/img/mw/common/ico-arrow-up.svg) center center no-repeat;background-size:100% 100%;transition:transform 0.3s ease;transform:rotate(180deg);}
.gnb .gnb-menu.active > .menu-toggle:after {transform:rotate(0deg);}

/* GNB - 2depth 메뉴 리스트 */
.gnb .depth2 > li {position: relative; padding: 2.4rem 0; transform: translateZ(0);}
.gnb .depth2 > li::after{position: absolute;left: -2rem;right: -2rem;bottom: 0;display: block;content: '';border-bottom: 1px dashed #e9ecef;}
.gnb .depth2 > li:last-child {padding-bottom: 2rem;}
.gnb .depth2 > li > span{display:flex;align-items: center; font-size:1.6rem;color:#6d747b; font-weight: 500; padding: 0.8rem 0; line-height: 2rem;}
.gnb .depth2 > li > span::before{display: block;content: '';min-width: 2.4rem; width: 2.4rem;height: 2.4rem;margin-right: 0.4rem;background-image: url(/dcmw/img/mw/common/icons/icon_menu_01.svg);background-repeat: no-repeat; background-position:center center; background-size: 2.4rem auto;}

/* 개인 전체메뉴 카테고리 아이콘 (운영) */
.gnb nav .depth2 > li.menuCode60003 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_01.svg);} /* 카드이용내역 */
.gnb nav .depth2 > li.menuCode60004 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_02.svg);} /* 이용금액결제 */
.gnb nav .depth2 > li.menuCode60008 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_08.svg);} /* 카드·정보 관리 */
.gnb nav .depth2 > li.menuCode60020 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_05.svg);} /* 내 카드 혜택 */
.gnb nav .depth2 > li.menuCode60037 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_06.svg);} /* 혜택 모아보기 */
.gnb nav .depth2 > li.menuCode60038 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_07.svg);} /* 서비스 */
.gnb nav .depth2 > li.menuCode60127 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_16.svg);} /* 정부지원사업 */
.gnb nav .depth2 > li.menuCode60011 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_09.svg);} /* 카드상품 */
.gnb nav .depth2 > li.menuCode60014 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_03.svg);} /* 카드발급관리 */
.gnb nav .depth2 > li.menuCode60190 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_10.svg);} /* 금융 안내 */
.gnb nav .depth2 > li.menuCode60104 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_32.svg);} /* 비대면할부상담·약정시스템 */
.gnb nav .depth2 > li.menuCode60160 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_22.svg);} /* 비대면리스·렌트상담약정시스템 */
.gnb nav .depth2 > li.menuCode50031 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_11.svg);} /* 자산관리 */
.gnb nav .depth2 > li.menuCode60192 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_17.svg);} /* 가맹점 */
.gnb nav .depth2 > li.menuCode60045 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_12.svg);} /* 상담/민원신청 */
.gnb nav .depth2 > li.menuCode60049 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_13.svg);} /* 이용가이드 */
.gnb nav .depth2 > li.menuCode50139 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_16.svg);} /* 민생 */
.gnb nav .depth2 > li.menuCode50036 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_16.svg);} /* 민생2*/

/* 개인 전체메뉴 카테고리 아이콘 (개발, 테스트) */
.gnb nav.dev .depth2 > li.menuCode70547 > span::before,
.gnb nav.dev .depth2 > li.menuCode50020 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_16.svg);} /* 정부지원사업 */
.gnb nav.dev .depth2 > li.menuCode60166 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_10.svg);} /* 금융 안내 */
.gnb nav.dev .depth2 > li.menuCode60113 > span::before,
.gnb nav.dev .depth2 > li.menuCode60105 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_32.svg);} /* 비대면할부상담·약정시스템 */
.gnb nav.dev .depth2 > li.menuCode60133 > span::before,
.gnb nav.dev .depth2 > li.menuCode60139 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_22.svg);} /* 비대면리스·렌트상담약정시스템 */
.gnb nav.dev .depth2 > li.menuCode60193 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_11.svg);} /* 자산관리 */
.gnb nav.dev .depth2 > li.menuCode60170 > span::before{background-image: url(/dcmw/img/mw/common/icons/icon_menu_17.svg);} /* 가맹점 */

/* GNB - 3depth 메뉴 리스트 */
.gnb .depth3 {display:block;background: #fff;padding: 0;}
.gnb .depth3 li {display:block;font-size:1.4rem;line-height: 2.4rem;color:#000; transform: translateZ(0);}
.gnb .depth3 li:last-child {margin-bottom: 0;}
.gnb .depth3 li a {position:relative;display: flex;align-items: center; padding: 1rem 0; color: #212528; font-size: 1.6rem; font-weight: 500; line-height: 2rem;}
.gnb .depth3 li a .menuDesc{margin-left: auto; padding-left: 0.4rem; color: #6d747b;font-size: 1.5rem;font-weight: 400; line-height: 1.8rem;letter-spacing: -0.05rem;}
.gnb .depth3 li.active a{color:#2589f4;}

.gnb .badgeNm{display: inline-flex;padding: 0.3rem 0.7rem;justify-content: center;align-items: center;margin-left: 0.8rem;border-radius: 13px;font-size: 1rem;font-weight: 600;line-height: 1.2rem;white-space: nowrap;}
.gnb .badgeColor1{ background-color: #eaf1ff; color: #4c83f4;}
.gnb .badgeColor2{ background-color: #fbeeff; color: #cc50f1;}
.gnb .badgeColor3{ background-color: #d4fbfa; color: #009893;}
.gnb .badgeColor4{ background-color: #ffedf0; color: #f83454;}
.gnb .badgeColor5{background-color: #fff7ed;color: #e95212;}

/* GNB - 하단 영역 */
.gnb .bottomArea {padding: 4rem 0 0; transform: translateZ(0);}
.gnb .bottomArea .menu-links {display: flex;flex-wrap: wrap; background: #f8f9f9; padding: 1.6rem 7.2rem 1.6rem 2rem; margin: 0 -2rem;}
.gnb .bottomArea .menu-links > a{position: relative;padding: 0 0rem;margin-right: 1.6rem;font-size: 1.2rem;font-weight: 500;color: #888;line-height: 1.8rem;}
.gnb .bottomArea .menu-links > a::after{position: absolute;top: 50%;right: 0; transform: translate(0.8rem, -50%); content: '';display: block;height: 0.8rem; border-right: 1px solid #ccc;}
.gnb .bottomArea .menu-links > a.bold{color: #666;}
.gnb .bottomArea .menu-links > a:last-child{margin-right: 0;}
.gnb .bottomArea .menu-links > a:last-child::after{display: none;}

.gnb .bottomArea .app-links {margin-top: 4rem;}
.gnb .bottomArea .app-links .title{font-size: 1.6rem; color: #333; line-height: 2.2rem; font-weight: 700;}
.gnb .bottomArea .app-links ul{display: flex;padding-top: 1.6rem;flex-wrap: wrap;flex-direction: row;}
.gnb .bottomArea .app-links ul li{width: 50%; padding-right: 1rem; margin-bottom: 1.2rem;}
.gnb .bottomArea .app-links ul li:first-child{margin-left: 0;}
.gnb .bottomArea .app-links ul li a{display: flex; align-items: center;}
.gnb .bottomArea .app-links ul li span{font-size: 1.2rem;font-weight: 500;color: #6d747b;line-height: 1.2rem;margin-left: 0.8rem;}
.gnb .bottomArea .app-links ul li span br{display: none;}
.gnb .bottomArea .app-links ul li img{min-width: 3.2rem; width: 3.2rem; height: 3.2rem; border: 1px solid #dee2e6; border-radius: 0.8rem; overflow: hidden;}

@media screen and (max-width:320px) {
    .gnb .bottomArea .app-links ul li{width: 100%;}
}

.gnb .bottomArea .contact-info .title{font-size: 1.6rem; color: #333; line-height: 2.2rem; font-weight: 700;}
.gnb .bottomArea .contact-info .csDesc{color: #6d747b;font-size: 1.5rem;font-weight: 500;line-height: 2.1rem;margin-top: 1.6rem;word-break: keep-all;}
.gnb .bottomArea .contact-info .csNumber {display: flex;flex-wrap: wrap; margin-top: 1.6rem;}
.gnb .bottomArea .contact-info .csNumber > *{ color: #212528; font-size: 1.5rem; font-weight: 500;}
.gnb .bottomArea .contact-info .csNumber span{margin-right: 0.4rem}

.gnb .bottomArea .certMarkGroup {margin-top: 2.8rem;}
.gnb .bottomArea .certMarkGroup li {position: relative; margin-bottom: 0.4rem;}
.gnb .bottomArea .certMarkGroup li:last-child{margin-bottom: 0;}
.gnb .bottomArea .certMarkGroup li img{max-width: 3rem; height: auto; margin-right: 0.8rem;}
.gnb .bottomArea .certMarkGroup li span{font-size: 1.2rem;font-weight: 500;}

.gnb .bottomArea .certMarkGroup .fcmItem .fcmButton{display: flex; align-items: center; width: 100%; padding: 0.4rem 0; text-align: left;}
.gnb .bottomArea .certMarkGroup .fcmItem .fcmTooltip{display: none;position: absolute;bottom: -5px;left: 50%;transform: translate(-50%, 100%);width: 330px;height: auto;padding: 8px 12px;background-color: #fff;box-shadow: 8px 8px 8px rgba(22,39,77,0.15);border-radius: 4px;margin-left: 0;z-index: 10;border: 1px solid rgba(22,39,77,0.05);}
.gnb .bottomArea .certMarkGroup .fcmItem .fcmTooltip.active{display: block; transition: .3s ease-in;}
.gnb .bottomArea .certMarkGroup .fcmItem .closeFcmTooltip{position: absolute;top: 6px;right: 6px;width: 24px;height: 24px;background:url(/dcmw/img/mw/common/Ico-svg-close.svg) center center no-repeat;background-size: 12px;text-indent: -9999px;}

.gnb .bottomArea .sns-links {margin-top: 4rem; margin-bottom: 1rem;}
.gnb .bottomArea .sns-links ul {display: flex;flex-wrap: wrap;margin-right: -0.8rem;}
.gnb .bottomArea .sns-links li{margin-right:1rem; margin-bottom: 1rem;}
.gnb .bottomArea .sns-links li:last-child{margin-right: 0;}
.gnb .bottomArea .sns-links li a{width: 3.2rem; height: 3.2rem;}
.gnb .bottomArea .sns-links li img{opacity: 0.75;}

.gnb .quickGnb {position:sticky;position:-webkit-sticky;right:0;bottom:0;z-index:10;}
.gnb .quickGnb .quickTopBtn {position:absolute;right:20px;bottom:15px;display:block;width:45px;height:45px;border-radius:50px; border:1px solid rgba(224,224,224,.78); box-shadow:5px 5px 10px 0 rgb(0 0 0 / 12%);background: rgba(255,255,255,.78) url(/dcmw/img/mw/common/quick_top_v2.png) no-repeat center / 14px auto;opacity:0;transform:translate(0,200%);}
.gnb .quickGnb.onScroll .quickTopBtn {opacity:1;transform:translate(0,0);}

.gnb .topMenu {display:table; width:100%; table-layout:fixed; border-top:1px solid #4174d3; padding:0; text-align: center;}
.gnb .topMenu li {display:table-cell; position: relative; width:24%; text-align: center;}
.gnb .topMenu li:before {content: ''; position: absolute; top:0; left:50%; width: 50px; height: 50px; margin-left: -25px; pointer-events: none;}
.gnb .topMenu li a {padding: 39px 0 5px 0;}

.gnb .gnb-progressbar {display:block;background-color:#cfcfcf;height:2px;}
.gnb .preventGoodsList > li:last-child {padding-right: 20px !important;}