@charset "utf-8"; /* accessbility */ a.acc{display:block;overflow:hidden;position:fixed;top:0;left:0;z-index:20;width:0;height:0;font-size:0;line-height:0;text-align:center} a.acc:focus{width:100%;height:4rem;background:#555;font-size:1.6rem;color:#fff;line-height:4rem} /* container */ .page{width:100%;height:100%;} body.layer_open{overflow:hidden;height:100%;} body.layer_open .sec{overflow-y:hidden;} /* header */ #header{position:relative;/*z-index:1*/z-index:50;} #header.boxShadow{box-shadow:rgba(0,0,0,0.15) 0 5px 20px 0px;} #header.boxShadow.not{box-shadow:none;} [data-web-id=P_SMB_MAIN] #header{z-index:50;} .topper{display:flex;align-items:center;position:fixed;top:0;left:0;z-index:10;width:100%;height:5.2rem;padding:0 5rem;background:#fff;box-sizing:border-box} .topper.bigFontType .title_area{padding:0 6.2rem} .topper.st_fix{box-shadow:0 0.6rem 1.6rem rgba(33,37,41,0.04);transition:all 0.4s;-webkit-transition:all 0.4s;} .nav_area{} .nav_area .nav{position:absolute;top:1.2rem;left:1.6rem;z-index:10;width:2.4rem;height:2.4rem} .nav_area .nav a{display:block;height:100%;background:url(/img/common/ico_set.png) no-repeat 0 0;background-size:60rem} .nav_area .nav.prev{} .nav_area .nav.allmenu{} .nav_area .nav.notice a{background-position:-15rem 0} .nav_area .nav.notice_off a {display: block; height: 100%; background: url(/img/common/ico_set1_90.png) no-repeat -9.3rem -39.3rem;background-size: 60rem;} .nav_area.nav_search{width:calc(100% + 15rem);box-sizing:border-box; margin-right:-10rem;margin-left:-5.2rem;} .nav_area.nav_search .sch_filter{padding:0 6.0rem 0 0;background:#fff;} .nav_area.nav_search .sch_filter > div{background:#fff;} .nav_area.nav_search .sch_filter:before{display:none;} .nav_area.nav_search .sch_filter input[type="text"]{padding:0;} .nav_area .nav.notice_off, .nav_area .nav.notice{right:1.9rem;left:auto;z-index:12} .nav_area .bigFontChangeArea{position:absolute;left:5.2rem;top:1.3rem;width:auto;height:2.4rem;} .nav_area .bigFontChangeArea .bigFontChangeBtn{width:auto;height:2.4rem;padding:0 1.2rem;font-size:1.2rem;font-weight:bold;letter-spacing:0;line-height:2.6rem;color:#515961;text-align:center;border-radius:1.2rem;background-color:#E8EFF7} .homeChangeArea{position:absolute;left:2rem;top:1.4rem;} .homeChangeArea .homeChange{position:relative;display:inline-block;height:2.4rem;background-color:rgba(255,255,255,0);width:9rem;text-align:left;} .homeChangeArea .homeChange span{display:block;text-align:left;font-size:1.4rem;font-weight:bold;color:#363c42;line-height:2.7rem;} .homeChangeArea .homeChange span::before{content:"";position:absolute;right:0;top:0;display:block;width:4rem;height:2.4rem;background-color:#8c959f;border-radius:1.5rem;transition:background-color 0.3s;} .homeChangeArea .homeChange span::after {content:"";position:absolute;right:1.8rem;top:0.2rem;display:block;width:2rem;height:2rem;background-color:#fff;border-radius:50%;transition:right 0.3s;} .homeChangeArea .homeChange.on span::before{background-color:#0565f0;} .homeChangeArea .homeChange.on span::after{right:0.2rem;} /* .homeChangeArea .homeChange.on{background-color:#e6f1ff;border-color:#cbdffd} .homeChangeArea .homeChange.on span{color:#175ec7;} */ .action_area .chatBtnarea{position:absolute;right:10.4rem;top:1.2rem;width:2.4rem;height:2.4rem;z-index:11;} .action_area .chatBtnarea .chatBtn{width:2.4rem;height:2.4rem;text-indent:-9999px;background:#fff url(/img/main/icon_chatbot.png) no-repeat center center/2.4rem auto;font-size:0;} .action_area .vipBtnarea{position:absolute;right:14rem;top:0.4rem;width:3.76rem;height:3.2rem;z-index:11;} .action_area .vipBtnarea .vipBtn{width:3.76rem;height:3.2rem;text-indent:-9999px;background:#fff url(/image/common/ic_line_24_vip02.svg) no-repeat center center/3.76rem auto;} .vipBtnarea .vipText{width:auto;height:2.8rem;border-radius:4rem;padding:0.4rem 1.2rem;background-color:#1d2d47;position:absolute;left:50%;text-align:center;transform:translate(-50%,0);} .vipBtnarea .vipText .topArrow{margin-top:-1rem;display:block;position:absolute;left:50%;background:url(/img/contents/icon_vipTextArrow.png) no-repeat center center/1rem auto;width:1rem;height:0.6rem;transform:translate(-50%,0);transition:0.3s all;} .vipBtnarea .vipText p{font-size:1.3rem;line-height:2rem;color:#fff;white-space:nowrap;transition:0.3s all;} .vipBtnarea .vipTextArea{display:none;top:1.2rem;position:relative;} .vipBtnarea .vipTextArea.bubbleShake{display:block;animation: bubbleShake 4s 500ms;transition:0.3s all;} .vipBtnarea .vipTextArea.bubbleShake.blind{ display:none; } @keyframes bubbleShake { 0% { top: 1.2rem; } 10% { top: 1.6rem;} 50% { top: 1.2rem;} 60% { top: 1.6rem;} 100% { top: 1.2rem;} } /*외국인 채팅상담 */ .action_area .fngrChatBtnarea{position:absolute;right:5.2rem;top:1.2rem;width:2.4rem;height:2.4rem;z-index:11;} .action_area .fngrChatBtnarea .chatBtn{width:2.4rem;height:2.4rem;text-indent:-9999px;background:#fff url(/img/main/icon_chatbot.png) no-repeat center center/2.4rem auto;} /* 모웹일경우 메뉴자리에 */ .page.mobile .action_area .fngrChatBtnarea{right:1.9rem;} .chatBtnarea .chatText{padding:0.6rem 0rem 0.3rem 0rem;background-color:#0565f0;border-radius:0.4rem;position:absolute;left:50%;height:3rem;text-align:center;width:auto;overflow:visible !important;transform:translate(-50%,0);transform-origin:center center} .chatBtnarea .chatText{width:1rem;height:1rem;border-radius:50%;opacity:0;} .chatBtnarea .chatText .topArrow{display:block;position:absolute;left:50%;top:0rem;background:url(/img/contents/icon_chatTextArrow.png?1) no-repeat center center/1rem auto;width:1rem;height:0.6rem;transform:translate(-50%,0);opacity:1;transition:0.3s all;opacity:0;} .chatBtnarea .chatText p{font-size:1.3rem;line-height:2rem;color:#fff;white-space:nowrap;} .action_area .zeroPayArea{position:absolute;right:6rem;top:1.4rem;width:2.4rem;height:2.4rem;z-index:11;} .action_area .zeroPayArea .zeroPayBtn{width:2.4rem;height:2.4rem;text-indent:-9999px;background:#fff url(/img/contents/icon_zeropay.png) no-repeat center center/2.4rem auto;} .action_area .eventTopArea{position:absolute;right:6rem;top:1.2rem;width:2.4rem;height:2.4rem;z-index:12;} .action_area .eventTopArea .eventBtn{width:2.4rem;height:2.4rem;text-indent:-9999px;background-image:url(/img/common/ico_set1_90.png);background-size:60rem auto;background-position:-54.3rem -33.3rem;background-color:rgba(255,255,255,0)} .seniorMode .action_area .chatBtnarea{right:14.6rem;width:auto;top:1.4rem;} .seniorMode .action_area .chatBtnarea .chatBtn{width:auto;background:none;text-indent:0px;font-size:1.4rem;font-weight:bold;color:#212529;line-height:2.6rem;} .seniorMode .action_area .eventTopArea{width:auto;right:8.2rem;top:1.4rem;z-index:12;} .seniorMode .action_area .eventTopArea .eventBtn{width:auto;background:none;text-indent:0px;font-size:1.4rem;font-weight:bold;color:#212529;line-height:2.6rem;} .seniorMode .nav_area .nav.notice_off, .seniorMode .nav_area .nav.notice{right:2rem;left:auto;width:auto;top:1.4rem;} .seniorMode .nav_area .nav.notice_off a, .seniorMode .nav_area .nav.notice a{background:none;} .seniorMode .nav_area .nav.notice_off .blind, .seniorMode .nav_area .nav.notice .blind{position:relative;width:auto;height:auto;text-indent:0px;font-size:1.4rem;font-weight:bold;color:#212529;line-height:2.6rem;} .action_area .btn_home{position:absolute;right:6rem;top:1.2rem;width:2.4rem;height:2.4rem;z-index:20;} .action_area .btn_home .homeBtn{width:2.4rem;height:2.4rem;text-indent:-9999px;background:url(/img/common/ico_home.png) no-repeat center center/2.4rem auto; font-size:0;} .topper .title_area{width:100%;height:2.6rem;overflow:hidden;} .topper .title_area br{display:none;} .topper .title_area h1{display:block;font-weight:normal;font-size:1.8rem;color:#212529;line-height:2.6rem;letter-spacing:-0.1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .topper .title_area strong{display:block;overflow:hidden;font-weight:normal;font-size:1.1rem;line-height:1.6rem;color:#6e7780;white-space:nowrap;text-overflow:ellipsis;text-align:center} .action_area{} .action_area .acts.right{right:1.6rem ! important;} .action_area .acts{position:absolute;top:1.2rem;right:1.9rem;z-index:11;width:2.4rem;height:2.4rem} .action_area .acts a{display:block;height:100%;background:url(/img/common/ico_set.png) no-repeat;background-size:60rem} .action_area .acts.notice{right:6rem} .action_area .acts.customer{right:1.8rem;width:2.6rem} .action_area .acts.notice a{background-position:-15rem 0} .action_area .acts.customer a{background-position:-15rem 0} .action_area .acts.search{right:6rem;} .action_area .acts.search a{background-position:-20rem 0} .action_area .acts.text{width:10rem;height:auto;right:2rem;text-align:right} .action_area .acts.text a{background:transparent;font-weight:700;font-size:1.4rem;color:#175ec7;line-height:2.2rem;letter-spacing:-0.01rem;text-decoration:none} .action_area .acts.steup{right:6rem} .action_area .acts.steup a{background-position-x:-25rem} .action_area .acts.allmenu a{background-position-x:-10rem} .action_area .acts.chat{right:5.6rem} .action_area .acts.chat a{background:url(/img/main/icon_chatbot.png) no-repeat center center/2.4rem auto;} /* .action_area .btn_home {display:block;overflow:hidden;position:relative;width: 5.2rem;height:5.2rem;font-size:0;line-height:0;float:left;} .action_area .btn_home:before {content:'';display: block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index:2;width:3rem; height: 3rem;background: url(/img/common/ico_set1_90.png) no-repeat -23.7rem -84rem/60rem auto; } */ #all_menu{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(33, 37, 41, .7)} #all_menu .menuTitle{font-size:1.8rem;line-height:5.2rem;letter-spacing:0.2px;font-weight:500;color:var(--gray10);text-align:center;position:absolute;left:0;top:0;height:100%;width:100%;z-index:0;} #all_menu .menu_wrap{position:absolute;top:0;left:100%;z-index:101;width:100%;height:100%;background:#fff;} #all_menu .menu_top{overflow:hidden;position:fixed;top:0;left:100%;z-index:2;width:100%;height:5.2rem;background:#fff;z-index:200;} #all_menu .close_menu{position:absolute;left:1.6rem;top:calc(50% - 1.2rem);z-index:1;} #all_menu .right_area{z-index:1;width:auto;height:100%;padding-right:0.6rem;} #all_menu .right_area > a{display:inline-block;margin:1.4rem 0.6rem 0 0.6rem;position:relative;} #all_menu .right_area .menuHome {} #all_menu .right_area .menuSetting {} /* #all_menu .close_menu{display:block;position:relative;float:left;width:5.2rem;height:5.2rem;overflow:hidden;color:rgba(255, 255, 255, 0);line-height:0;} */ /* #all_menu .close_menu:before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:2;width:2.4rem;height:0.1rem;margin-left:-1.2rem;background:#212529;transform:rotate(-45deg);transform-origin:center;} #all_menu .close_menu:after{content:'';display:block;position:absolute;top:50%;left:50%;z-index:2;width:2.4rem;height:0.1rem;margin-left:-1.2rem;background:#212529;transform:rotate(45deg);transform-origin:center;} */ #all_menu .btn_sch{display:block;overflow:hidden;float:right;position:relative;width:2.4rem;height:2.4rem;overflow:hidden;color:rgba(255, 255, 255, 0);line-height:0;margin-top:1.2rem;} #all_menu .btn_sch:before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:2;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;background:url(/img/common/ico_set.png) -20rem 0/60rem auto no-repeat;} #all_menu .scroll_wrap{overflow-x:hidden;overflow-y:auto;height:100%;padding:5.2rem 2rem 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;-webkit-overflow-scrolling:touch;} #all_menu .menu_top a span{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;overflow:hidden;} #all_menu .top_box{position:relative;padding-bottom:1.6rem;margin-top:1.2rem;} #all_menu .top_box .btn_logout, #all_menu .top_box .btn_join{position:absolute;top:1rem;right:0;z-index:1;width:7.2rem;height:2.8rem;border:1px solid #c0c6cc;border-radius:0.4rem;text-align:center;font-size:1.4rem;line-height:2.6rem;color:#515961;background:#fff;padding-top:1px;} #all_menu .top_box .btn_join{right:10rem;top:1.2rem} #all_menu .top_box .profile > *{display:block;background:#fff;text-align:left;} #all_menu .top_box .profile > *:after{contents:'';display:inline-block;width:2rem;height:2.8rem;margin-left:0.4rem;vertical-align:top;} #all_menu .top_box .profile > * .thm{float:left;width:4.8rem;height:4.8rem;border-radius:50%;vertical-align:top;background:#f5f7fa;overflow:hidden;position:absolute;left:0;top:0;z-index:1;} #all_menu .top_box .profile > * .thm img{width:100%;} #all_menu .top_box .profile > * .user_name{display:block;padding:0.4rem 0;line-height:3rem;vertical-align:top;font-size:2.8rem;font-weight:700;color:#21272a;} #all_menu .top_box .profile > * .thm + .user_name{margin:0 0 0 6rem;} #all_menu .top_box .profile > * .thm + .user_name::after{content:"";display:inline-block;width:2rem;height:2rem;background:url(/img/common/icon_user_name_Arr.png) no-repeat center center/100% auto;margin-left:-0.5rem} #all_menu .top_box .profile > * .time{display:block;margin:0 0 3rem 6rem;color:#8c959f;font-size:1.3rem;font-weight:normal;} #all_menu .top_box .util{font-size:0} #all_menu .top_box .util a{display:inline-block;vertical-align:top;font-size:1.4rem;line-height:2.4rem;} #all_menu .top_box .util .setting{margin-left:2.4rem;} #all_menu .top_box .util .security{margin-left:2.4rem;} @media all and (max-width:370px) { #all_menu .top_box .util .setting{margin-left:2rem;} #all_menu .top_box .util .security{margin-left:2rem;} } #all_menu .top_box .util .customer i{display:inline-block;width:2.4rem;height:2.4rem;margin-right:0.8rem;vertical-align:top;background:url(/img/common/ico_menu_info.png) no-repeat center center;background-size:2.4rem 2.4rem;} #all_menu .top_box .util .setting i{display:inline-block;width:2.4rem;height:2.4rem;margin-right:0.8rem;vertical-align:top;background:url(/img/common/ico_menu_set.png) no-repeat center center;background-size:2.4rem 2.4rem;} #all_menu .top_box .util .security i{display:inline-block;width:2.4rem;height:2.4rem;margin-right:0.8rem;vertical-align:top;background:url(/img/common/ico_security_set.png) no-repeat center center;background-size:2.4rem 2.4rem;} #all_menu .user_name{margin-bottom:3rem;font-size: 2.8rem;} #all_menu .user_name a{color:#21272a;} #all_menu .user_name i{display:inline-block;vertical-align: middle; width:2rem;height:2rem;padding:0;background:url(/img/common/ico_set.png) -25.4rem -30rem/60rem auto no-repeat} #all_menu .txt_tit{color:#212529;} #all_menu .menu_frequently{display: flex;flex-flow: row wrap;margin-bottom: 1.2rem;} #all_menu .menu_frequently li{flex:50%;padding:0.6rem 0;} #all_menu .menu_frequently li a{font-size: 1.6rem;color:#515961;line-height: 1;} #all_menu .menu_frequently li a span{display: inline-block;font-size: 1.4rem;color:#f01111;margin-top: -0.4rem;vertical-align: middle;} #all_menu .menu_frequently li a span:before{content:'';display: inline-block;margin:-0.2rem 0.7rem 0; width:0.3rem;height:0.3rem;background-color: #d3d7db;border-radius: 0.3rem; vertical-align: middle;} #all_menu .menu_recently{border-top:8px solid #f5f7fa;padding:2.4rem 0 1.6rem;margin:0 -2.0rem;} #all_menu .menu_recently .txt_tit{padding:0 2rem;} #all_menu .menu_recently_tag{width:100%;height:auto;background-color:var(--gray1);box-sizing:border-box;padding-top:1.6rem;} #all_menu .menu_recently_tag .chip_list{padding:0 2rem;argin:0;white-space: nowrap;overflow: auto;} #all_menu .menu_recently_tag ul > li{display:inline-block;overflow:hidden;position:relative;width:auto;height:3.2rem;padding-left:1.4rem;font-size:1.3rem;line-height:3.2rem;color:#515961;border-radius:1.6rem;background:#f2f5f7;vertical-align:middle;} #all_menu .menu_recently_tag ul > li button{display:inline-block;position:relative;vertical-align:middle;background:none;} #all_menu .menu_recently_tag ul > li button:first-child span{display:block;font-size:1.4rem;color:var(--gray8);line-height:2.2rem;font-weight:500;} #all_menu .menu_recently_tag ul > li button.btn_delete{ margin:0 0 0.2rem 0.4rem; display: inline-block; vertical-align: middle; text-indent: -9999px; width: 1.2rem; height: 1.2rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image:url(/image/common/ic_line_16_close.svg); } /* #all_menu .menu_recently_tag ul > li button.btn_delete:before, #all_menu .menu_recently_tag ul > li button.btn_delete:after{display:block;content:'';position:absolute;left:50%;top:50%;margin:-0.7rem 0 0 -0.1rem;width:0.2rem;height:1.4rem;background:#c6c6c6;transform:rotate(45deg);} #all_menu .menu_recently_tag ul > li button.btn_delete:after{transform:rotate(135deg);} */ #all_menu .menu_recently_tag ul > li button.btn_delete span{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;overflow:hidden;} #all_menu .menu_list{margin:0 -2rem;padding:0.8rem 2rem 0;} #all_menu .menu_list .slide_top{border:none;} #all_menu .menu_list > .slideupdown > .slide_top span{padding:1.4rem 2rem 1.4rem 0;color:#21272a;font-size:1.6rem;font-weight: 700;text-align:left;background:#fff;} #all_menu .menu_list .slide_top.none span:after{display: none} #all_menu .menu_list .depth2 .slide_top span{padding:1rem;font-weight:400;} #all_menu .menu_list .depth2 .slide_top > span{font-size:1.6rem;} #all_menu .menu_list .depth2 .slide_top > span:after{transform:scale(0.8) translateY(-50%);margin-top:-0.5rem;} #all_menu .menu_list .depth2 *[aria-expanded="true"] > span:after{transform:scale(0.8) translateY(-50%) rotate(180deg);} #all_menu .menu_list .depth2 .slide_cont{margin-left:1.2rem;} #all_menu .menu_list .depth2:last-child{border-bottom:1px solid #e1e3e6;padding-bottom:1.6rem;margin-bottom:2.4rem;} #all_menu .menu_list .slideupdown:last-child .depth2:last-child{border-bottom:none;padding-bottom:2.4rem;margin-bottom:0;} #all_menu .menu_list .depth2 li > a, #all_menu .menu_list .depth3 .slide_top span{display:block;position:relative;padding:1rem 1rem 1rem 1.5rem;color:#21272a;font-size: 1.4rem;color:#6e7780;} #all_menu .menu_list .slide_cont a:before, #all_menu .menu_list .depth3 .slide_top span:before{content:'';position:absolute;left:0;top:1.5rem;display:inline-block;margin:-0.5rem 0.8rem 0 0; width:1.2rem;height:1.2rem;background: url(/img/common/ico_set.png) 0 -80rem/60rem auto no-repeat;vertical-align: middle;} #all_menu .menu_list .depth3 .slide_cont{margin-left:0;padding-left:2rem;background:#f5f7fa;} #all_menu .menu_list .depth3 .slide_cont a{padding:0.8rem 1rem;color:#212529;font-size:1.3rem;} #all_menu .menu_list .depth3 .slide_cont a:before{top:2rem;width:0.3rem;height:0.3rem;border-radius:50%;background:#212529;} /*메뉴 고정 테스트 */ #all_menu{} #all_menu .top_box{position:absolute;background-color:#fff;z-index:1;left:0;top:5.2rem;padding:1.2rem 2rem 1.6rem 2rem;width:100%;margin-top:0;border-bottom:8px solid #f5f7fa} #all_menu .top_box .btn_logout{right:2rem;top:1.2rem} #all_menu .menu_recently{border:none;} #all_menu .top_box .profile > * .thm{left:2rem;top:1.5rem} /*메뉴 개선*/ #all_menu .btn_setting {display:block;overflow:hidden;position:relative;width: 2.4rem;height:2.4rem;font-size:0;line-height:0;float:left;margin:1.2rem 0rem 0 1.7rem;} #all_menu .btn_setting::before {content:'';display: block;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index:2;width:3rem; height: 3rem;background:url(/img/contents/icon_menuSeting.png) no-repeat center center/2.4rem auto;} #all_menu.AppMenu .top_box{position:relative;padding:2.4rem 2rem 2.4rem 2rem;border-bottom:none;margin-top:5.2rem;top:0;z-index:15} #all_menu.AppMenu .menu_wrap{display:flex;flex-direction:column;padding:0;overflow-x:auto;} #all_menu.AppMenu .menuInfo{width:100%;height:auto;font-size:0;position:relative;} #all_menu.AppMenu .menuInfo .subInfo{display:block;font-size:1.2rem;color:var(--gray8);letter-spacing:0;line-height:2rem;font-weight:normal;margin-top:0.6rem;} #all_menu.AppMenu .menuArrow{background-color:#fff;text-align:left;display:inline-flex;white-space:normal;font-size:0;padding-right:8rem;} #all_menu.AppMenu .menuArrow>.base{display:inline-block;font-size:2.2rem;line-height:3.6rem;letter-spacing:0;color:var(--gray10);font-weight:bold;vertical-align:-0.8rem;} #all_menu.AppMenu .menuInfo .menuArrow .mypageImgBox{ display:inline-block; width:5rem; height:5rem; border-radius:100%; overflow:hidden; margin-right:1.4rem; background-color:#f6f7fb; border:1px solid var(--gray4); position:relative; vertical-align:middle; flex-shrink:0; } #all_menu.AppMenu .menuInfo .menuArrow .mypageImgBox>img{display:inline-block;width:100%;height:100%;vertical-align:middle;object-fit:contain;} #all_menu.AppMenu .menuInfo .menuArrow .myPageUser{display:inline-block;vertical-align:middle;} #all_menu.AppMenu .menuInfo .menuArrow .myPageBtn {display:inline-flex;vertical-align:middle;} #all_menu.AppMenu .menuInfo .menuArrow .myPageBtn .base {display:inline-block;color:var(--gray10);font-size:2.2rem;font-weight:700;line-height:1.2;margin-right:0.2rem;vertical-align:-0.8rem;} #all_menu.AppMenu .menuInfo .menuArrow .myPageBtn .ic16{flex-shrink:0;margin-top:0.3rem;} #all_menu.AppMenu .menuInfo .gnblogoutBtn { position: absolute; right:0rem; top: 0; min-height: 2.8rem; width: auto; display: inline-block; padding: 0.3rem 1.2rem 0 1.2rem; background-color: var(--blue2); border-radius: 0.6rem; text-align: center; justify-content: unset; flex-direction: unset; align-items: unset; transition: background-color 0.3s; font-size: 0; z-index:10; } #all_menu.AppMenu .menuInfo .gnblogoutBtn .base { display: inline-block; width: 100%; font-size: 1.3rem; line-height: 2rem; font-weight: 700; color: var(--blue6); } #all_menu.AppMenu .util{width:100%;height:auto;font-size:0;display:flex;justify-content:space-between;padding:0 0.4rem;margin-top:2.4rem} #all_menu.AppMenu .util .bar{display:inline-block;width:1px;height:2.4rem;background-color:#e9ecf0;vertical-align:middle;} #all_menu.AppMenu .util .utilBtn{text-align:center;background-color:#fff;margin:0;vertical-align:middle;} #all_menu.AppMenu .util .utilBtn>.base{display:block;font-size:1.2rem;line-height:2rem;letter-spacing:-0.01rem;color:var(--gray8);vertical-align:middle;margin-top:0.6rem} #all_menu.AppMenu .util .utilBtn>i{display:block;width:2.8rem;height:2.8rem;vertical-align:middle;margin:0 auto;} #all_menu.AppMenu .util .utilBtn.customer>i{background:url(/img/contents/icon_menuCustomer.png) no-repeat center center/100% auto;} #all_menu.AppMenu .util .utilBtn.security>i{background:url(/img/contents/icon_menuSecurity.png) no-repeat center center/100% auto;} #all_menu.AppMenu .util .utilBtn.setting>i{background:url(/img/contents/icon_menuSeting.png) no-repeat center center/100% auto;} #all_menu.AppMenu .util .utilBtn.cert>i{background:url(/img/contents/icon_menuCert.png) no-repeat center center/100% auto;} #all_menu.AppMenu .util .utilBtn.event>i{background:url(/img/contents/icon_menuEvent.png) no-repeat center center/100% auto;} #all_menu.AppMenu .gnbSearchArea{margin-top:2.4rem} #all_menu.AppMenu .gnbSearchArea .gnbSearchBtn {position: relative;display: block;width: 100%;height: 4.8rem;border-radius: 0.6rem;background-color: var(--white);border: 1px solid var(--gray4);text-align: left;padding: 1.3rem 1.6rem 1.2rem 4.4rem;} #all_menu.AppMenu .gnbSearchArea .gnbSearchBtn .base {display: inline-block;font-size: 1.6rem;line-height: 2.5rem;font-weight: 500;color: var(--gray7);} #all_menu.AppMenu .gnbSearchArea .gnbSearchBtn .ic20 {position: absolute;left: 1.6rem;top: 1.4rem;} #all_menu.AppMenu .menu_recently{padding:1.6rem 0 0.7rem 2rem;font-size:0;margin:0;border-bottom:1px solid #e9ecf0;border-top:12px solid #f5f7fa} #all_menu.AppMenu .menu_recently .txt_tit{font-size:1.4rem;line-height:2.2rem;color:var(--gray8);margin:0;padding:0;font-weight:500; } #all_menu.AppMenu .menu_recently_tag .chip_list{font-size:0;padding:0;margin:0} #all_menu.AppMenu .menu_recently_tag ul>li{height:auto;padding:0.6rem 1.2rem 0.5rem 1.2rem;background-color:#fff;line-height:normal;font-size:0;margin-bottom:0;border:1px solid var(--gray4);border-radius:6rem;} #all_menu.AppMenu .menu_recently_tag ul>li>button{display:inline-block;} #all_menu.AppMenu .menu_recently_tag ul>li>button>span{height:100%;} /* #all_menu.AppMenu .menu_recently_tag ul>li>button.btn_delete{width:2rem;background:rgba(255,255,255,0) url(/img/contents/icon_quicDel.png) no-repeat center center/1rem auto;margin-left:0.3rem} #all_menu.AppMenu .menu_recently_tag ul>li>button.btn_delete::before, #all_menu.AppMenu .menu_recently_tag ul>li>button.btn_delete::after{display:none;} */ #all_menu.AppMenu .menuListArea{display:block;flex:1;width:100%;position: relative;height:auto;transition:all 0.3s;} #all_menu.AppMenu #defaultMenu .menuListArea{border-top:1px solid var(--gray4);} #all_menu.AppMenu .menuListArea.quckNone{padding-top:0;border-top:1px solid #f5f7fa} #all_menu.AppMenu .scroll_wrap{flex:1;padding:0;position:relative;transition:all 0.3s;overflow-y:hidden;} #all_menu.AppMenu #defaultMenu .scroll_wrap{padding-left:14rem;} #all_menu.AppMenu .menuDepth1{width:14rem;flex:none;background-color:#f2f5f7;position:absolute;left:0;top:0;z-index:10;} #all_menu.AppMenu .menuListArea .scroll_wrap{transition:none;} #all_menu.AppMenu .menuListArea.fixed .menuDepth1{position:fixed;left:0;top:5.2rem;height:calc(100% - 5.2rem);z-index:10;overflow-y:auto;} #all_menu.AppMenu .menuListArea.fixed #menuList{width:100%;padding-left:14rem;} #all_menu.AppMenu .depth1List{font-size:0;position:absolute;left:0;top:0;width:100%;height:100%;} #all_menu.AppMenu .depth1List>li{display:block;width:100%;} /* #all_menu.AppMenu .depth1List>li+li{margin-top:1rem;} */ #all_menu.AppMenu .depth1List>li .defulat{width:100%;min-height:5rem;background-color:rgba(255,255,255,0);text-align:left} #all_menu.AppMenu .depth1List>li .defulat>.base{display:block;padding:1.8rem 1rem 1.4rem 2rem;font-size:1.6rem;color:#363c42;letter-spacing:-0.02rem;line-height:2.4rem;font-weight:bold;} #all_menu.AppMenu .depth1List>li .defulat.on{background-color:#fff;} /* #all_menu.AppMenu .depth1List>li .defulat.on>.base{color:#0565f0} */ /* #all_menu.AppMenu .gnb{width:100%;padding:1.2rem 2rem 0rem 2.4rem} */ #all_menu.AppMenu .gnb>ul.depth1{width:100%;height:auto;} /* #all_menu.AppMenu .gnb>ul.depth1>li+li{margin-top:4rem} */ /* #all_menu.AppMenu .gnb>ul.depth1>li>.defulat{display:block;width:100%;background-color:rgba(255,255,255,0);text-align:left;border-bottom:1px solid #8c959f;} #all_menu.AppMenu .gnb>ul.depth1>li>.defulat>.base{display:block;font-size:1.6rem;color:#363c42;line-height:2.2rem;letter-spacing:-0.02rem;font-weight:bold;padding-bottom:1.4rem;} */ #all_menu.AppMenu .gnb>ul.depth1>li{padding-bottom:1.6rem;} #all_menu.AppMenu .gnb>ul.depth1>li>.defulat{width:100%;display:block;padding:1.8rem 2rem 1.4rem 2rem;text-align:left;border-bottom:1px solid var(--gray2);} #all_menu.AppMenu .gnb>ul.depth1>li>.defulat>.base{font-size:1.6rem;font-weight:bold;line-height:2.4rem;letter-spacing:-0.1px;color:var(--jb-blue);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.defulat{position:relative;display:block;width:100%;padding:1.7rem 2rem 1.5rem 2rem;text-align:left;} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.defulat>.base{font-size:1.5rem;font-weight:500;line-height:2.2rem;letter-spacing:-0.1px;color:var(--gray10);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.defulat.arrow::before{content:"";position:absolute;right:2rem;top:calc(50% - 1rem);display:inline-block;vertical-align:middle;text-indent:-9999px;width:2rem;height:2rem;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-image:url(/image/common/ic_line_20_upwardarrow.svg);transition:transform 0.2s;transform:rotate(180deg);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.defulat.on>.base{color:var(--jb-blue);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.defulat.arrow.on::before{transform:rotate(0deg);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3{overflow:hidden;display:none;} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.defulat{position:relative;display:block;width:100%;padding:1.3rem 2rem 1.1rem 3rem;text-align:left;} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.defulat::before{content:"";display:block;position:absolute;left:2rem;top:2.2rem;width:0.3rem;height:0.3rem;background-color:var(--gray10);border-radius:50%;} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.defulat>.base{font-size:1.4rem;font-weight:500;line-height:2.2rem;letter-spacing:-0.1px;color:var(--gray10);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4{margin-bottom:1rem;} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4>li>.defulat{position:relative;display:block;width:100%;padding:0.9rem 2rem 0.7rem 4rem;text-align:left;} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4>li>.defulat::before{content:"";display:block;position:absolute;left:3rem;top:1.8rem;width:0.5rem;height:1px;background-color:var(--gray8);} #all_menu.AppMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4>li>.defulat>.base{font-size:1.4rem;font-weight:500;line-height:2rem;letter-spacing:-0.1px;color:var(--gray8);} /* #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2{width:100%;height:auto;padding-top:0.6rem} */ /* #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.defulat{position:relative;display:block;width:100%;background-color:rgba(255,255,255,0);text-align:left;min-height:4.4rem} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.defulat>.base{display:block;font-size:1.6rem;color:#515961;line-height:2.4rem;letter-spacing:-0.02rem;padding:1rem 0} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.defulat.arrow{padding-right:2.5rem;} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.defulat.arrow::before{content:"";position:absolute;right:0;top:calc(50% - 0.4rem);display:block;width:1.6rem;height:0.8rem;background-image:url(/img/contents/icon_menuDown.png);background-repeat:no-repeat;background-size:100% auto;transition:all 0.2s;} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.defulat.arrow.on>.base{color:#0565f0;font-weight:bold;} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.defulat.arrow.on::before{background-image:url(/img/contents/icon_menuUp.png?v1);transform:rotate(180deg)} */ /* #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3{width:100%;height:auto;display:none} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.defulat{display:block;width:100%;background-color:rgba(255,255,255,0);text-align:left;min-height:4rem} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.defulat>.base{position:relative;display:block;font-size:1.4rem;color:#515961;line-height:2.2rem;letter-spacing:-0.01rem;padding:1rem 0 0.8rem 1.1rem;} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.defulat>.base::before{content:"";position:absolute;left:0;top:calc(50% - 0.15rem);width:0.3rem;height:0.3rem;border-radius:50%;background-color:#515961} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.depth4{width:100%;height:auto;margin-bottom:0.8rem;padding-left:1.1rem} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.depth4>li>.defulat{display:block;width:100%;background-color:rgba(255,255,255,0);text-align:left;min-height:3.6rem} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.depth4>li>.defulat>.base{position:relative;display:block;font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:-0.01rem;padding:0.8rem 0 0.7rem 1.1rem;} #all_menu.AppMenu .gnb>ul.depth1>li>ul.depth2>li>.depth3>li>.depth4>li>.defulat>.base::before{content:"";position:absolute;left:0;top:calc(50% - 0.1rem);width:0.5rem;height:0.1rem;background-color:#8c959f} */ #all_menu.AppMenu .gnb .lineTop{border-top:1px solid #e9ecf0;} #all_menu.AppMenu .gnb .lineBottom{border-bottom:1px solid #e9ecf0;} #all_menu.AppMenu #jb_lastUseMenu{position:static;transition:all 0.3s;background-color:var(--gray1);left:0;top:0;z-index:10;width:100%;padding:1.6rem 0 1.6rem 2rem;border-top:1px solid var(--gray4);border-bottom:none;} #all_menu.AppMenu #jb_lastUseMenu.showA{top:-9.5rem;} .menuSechArea{width:100%;height:auto;margin:2.4rem 0 0rem 0} .menuSechArea .menuSechBtn{width:100%;height:4.8rem;border-radius:0.6rem;border:1px solid #e1e3e6;background-color:#fff;} .menuSechArea .menuSechBtn>span{position:relative;display:block;text-align:left;padding:1.2rem 1.2rem 1.2rem 4.4rem;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.02rem;color:#a9b0b8;} .menuSechArea .menuSechBtn>span::before{content:"";display:block;overflow:hidden;position:absolute;top:50%;left:1.6rem;z-index:1;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0;padding:0;background:url(/img/common/ico_set.png) -20rem -25rem/60rem auto no-repeat;} /*시니어모드 메뉴 추가*/ #all_menu.AppMenu #seniorMenu .right_area{padding-right:1.3rem;} /* 쉬운홈 메뉴 텍스트 >> 아이콘 변경 쏙뱅크 싱크맞춤 */ /* #all_menu.AppMenu #seniorMenu .btn_home, #all_menu.AppMenu #seniorMenu .btn_sch{width:auto;margin-top:1.4rem;} #all_menu.AppMenu #seniorMenu .btn_home::before, #all_menu.AppMenu #seniorMenu .btn_sch::before{display:none;} */ /* #all_menu.AppMenu #seniorMenu .btn_home span, #all_menu.AppMenu #seniorMenu .btn_sch span{width:auto;position:relative;background:none;text-indent:0px;font-size:1.4rem;font-weight:bold;color:#212529;line-height:2.6rem;opacity:1;} */ #all_menu.AppMenu #seniorMenu .top_box{padding-bottom:4.4rem;} .seniorMode .action_area .eventTopArea .eventBtn{width:auto;background:none;text-indent:0px;font-size:1.4rem;font-weight:bold;color:#212529;line-height:2.6rem;} #all_menu.AppMenu .menuListArea.senior_menu{background-color:#f5f7fa;padding-top:0;border-top:1px solid #f5f7fa;} #all_menu.AppMenu .menuListArea.senior_menu ul{width:100%;height:auto;padding:4rem 2rem;} #all_menu.AppMenu .menuListArea.senior_menu ul li{width:100%;height:auto} #all_menu.AppMenu .menuListArea.senior_menu ul li + li{margin-top:1.6rem;} #all_menu.AppMenu .menuListArea.senior_menu ul li .seniorLink{width:100%;min-height:5.6rem;border-radius:0.6rem;border:1px solid #e1e3e6;background-color:#fff;text-align:left;} #all_menu.AppMenu .menuListArea.senior_menu ul li .seniorLink>span{display:block;height:100%;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;padding:1.6rem 4rem 1.6rem 2rem;background:url(/img/contents/icon_grayArrow.png) no-repeat right 2.5rem center/0.6rem auto} #all_menu.AppMenu .menuListArea.senior_menu .scroll_wrap{display:flex;flex-direction:column;overflow-y:auto;} .seniorAllmenu{width:calc(100% - 4rem);height:4.8rem;background-color:rgba(255,255,255,0);border:1px solid #e1e3e6;margin-left:2rem;margin-bottom:4rem;border-radius:0.4rem;margin-top:auto;} .seniorAllmenu>span{display:block;height:100%;font-size:1.4rem;line-height:4.8rem;letter-spacing:-0.01rem;color:#6e7780;font-weight:bold;} /* 전체메뉴 개선 */ #all_menu.AppMenu.GNBTobeMenu .top_box{padding:0 !important;} #all_menu.AppMenu.GNBTobeMenu .right_area{padding-right:1rem;} .GNBTobeMenu .loginArea {width:100%;padding:1.6rem 2rem 2.4rem 2rem;} .GNBTobeMenu .loginArea .loginBtn {position:relative;display:inline-block;font-size:0;padding-right:2.4rem;} .GNBTobeMenu .loginArea .loginBtn .base {display:inline-block;font-size:2rem;line-height:2.8rem;letter-spacing:-0.2px;color:var(--gray10);font-weight:bold;} .GNBTobeMenu .loginArea .loginBtn .base u{position:relative;display:inline-block;text-decoration:none;} .GNBTobeMenu .loginArea .loginBtn .base u::before{content:"";display:block;width:100%;height:1px;background-color:var(--gray10);left:0;bottom:0.2rem;position:absolute} .GNBTobeMenu .loginArea .loginBtn .base::after {content:"";display:block;width:2rem;height:2rem;background:url(/image/menu/menu_loginArrow.svg) no-repeat center center/100% auto;position:absolute;right:0;top:0.2rem} .GNBTobeMenu .userInfoArea {position:relative;display:flex;align-items:center;flex-wrap:wrap;padding-right:8rem;} .GNBTobeMenu .userInfoArea .userInfo {position:relative;display:inline-block;font-size:0;} .GNBTobeMenu .userInfoArea .userInfo .base {display:inline-block;font-size:2rem;line-height:2.8rem;letter-spacing:-0.2px;color:var(--gray10);font-weight:bold;} .GNBTobeMenu .userInfoArea .userInfo .base u{position:relative;display:inline-block;text-decoration:none;} .GNBTobeMenu .userInfoArea .userInfo .base u::before{content:"";display:block;width:100%;height:1px;background-color:var(--gray10);left:0;bottom:0.2rem;position:absolute;} .GNBTobeMenu .userInfoArea .rating{height:2rem;padding:0 2rem 0 1.2rem;border-radius:10rem;position:relative;margin:-0.2rem 0 0 0.6rem;} .GNBTobeMenu .userInfoArea .rating .base{display:block;font-size:1.2rem;font-weight:bold;line-height:2.2rem;letter-spacing:-0.1px;color:#fff;} .GNBTobeMenu .userInfoArea .rating.friends{background-color:#E99300;} .GNBTobeMenu .userInfoArea .rating.family{background-color:#00a99e;} .GNBTobeMenu .userInfoArea .rating.platinum{background-color:#772faa;} .GNBTobeMenu .userInfoArea .rating.diamond{background-color:#008cdd;} .GNBTobeMenu .userInfoArea .rating.lounge{background-color:#307ff0;} .GNBTobeMenu .userInfoArea .rating::after {content:"";display:block;width:1.2rem;height:1.2rem;background:url(/image/menu/menu_ratingArrow.svg) no-repeat center center/100% auto;position:absolute;right:0.6rem;top:0.4rem} .GNBTobeMenu .userInfoArea .myUserImg{width:100%;margin-top:0.8rem;display:flex;align-items:center;text-align:left;} .GNBTobeMenu .userInfoArea .myUserImg img{width:2.4rem;height:2.4rem;display:inline-block;margin-right:0.2rem} .GNBTobeMenu .userInfoArea .myUserImg span{font-size:1.2rem;line-height:2rem;color:var(--gray8);display:inline-block;letter-spacing:-0.1px} .GNBTobeMenu .userInfoArea .logOut{position:absolute;right:0rem;bottom:0;height:2.9rem;border:1px solid var(--gray4);border-radius:0.4rem;padding:0 1.2rem;} .GNBTobeMenu .userInfoArea .logOut .base{font-size:1.3rem;font-weight:bold;color:var(--gray8);line-height:2.8rem;letter-spacing:-0.1px;display:block;} .GNBTobeMenu .quickMenuArea{display:flex;width:100%;justify-content:space-between;padding:0 2.4rem 0.8rem 2.4rem;} .GNBTobeMenu .quickMenuArea .quickMenuBtn{display:inline-flex;align-items:center;} .GNBTobeMenu .quickMenuArea .quickMenuBtn .base{display:block;font-size:1.3rem;line-height:2rem;letter-spacing:-0.1px;font-weight:500;color:var(--gray8);margin:0.2rem 0 0 0.8rem;} .GNBTobeMenu .sechBtnArea{width:100%;height:8rem;} .GNBTobeMenu .sechBtnArea .innerArea{padding:1.6rem 2rem;} .GNBTobeMenu .sechBtnArea .sechBtn{width:100%;height:4.8rem;background:var(--gray2) url(/image/menu/menu_sechbtn.svg) no-repeat left 1.6rem top 1.4rem/2rem auto;border-radius:0.8rem;text-align:left;padding:0rem 1.6rem 0 4.2rem;} .GNBTobeMenu .sechBtnArea .sechBtn .base{font-size:1.6rem;font-weight:500;line-height:2.4rem;display:block;letter-spacing:-0.1px;color:var(--gray7);padding-top:0.3rem} .GNBTobeMenu .sechBtnArea.fixed .innerArea{position:fixed;left:0%;top:5.2rem;width:100%;background-color:#fff;z-index:2} .GNBTobeMenu .latelyMenuList {width:100%;margin-bottom:2.4rem;} .GNBTobeMenu .latelyMenuList .yScroll{padding:0 1.2rem 0 2rem;} .GNBTobeMenu .latelyMenuList li{margin-right:0.8rem;position:relative;display:inline-block;width:auto;height:3.3rem;background-color:var(--white);border:1px solid var(--gray4);border-radius:7rem;padding:0.6rem 1.2rem 0.5rem 1.2rem;text-align:center;justify-content:unset;flex-direction:unset;align-items:unset;transition:background-color 0.3s;font-size:0;vertical-align:middle;white-space:nowrap;} .GNBTobeMenu .latelyMenuList li .btn_move{display:inline-block;vertical-align:middle} .GNBTobeMenu .latelyMenuList li .btn_move>span{display:inline-block;font-size:1.4rem;font-weight:500;line-height:2.2rem;letter-spacing:-0.1px;color:var(--gray8);vertical-align:middle;} .GNBTobeMenu .latelyMenuList li .btn_delete{margin:0 0 0.2rem 0.4rem;display: inline-block;vertical-align: middle;text-indent: -9999px;width: 1.2rem;height: 1.2rem;background:url(/image/common/ic_line_16_close.svg) no-repeat center center/100% auto;} .GNBTobeMenu .bar{width:100%;height:0.8rem;margin-top:0.8rem;} .GNBTobeMenu .bar>div{height:0.8rem;background-color:var(--gray3);width:100%;} .GNBTobeMenu .bar.fixed>div{position:fixed;left:0%;top:13.2rem;z-index:3} .GNBTobeMenu .topInfo.mobileInfo .mobileMenuInfo{padding:2.4rem 2rem 2.5rem 2rem;font-size:2.2rem;font-weight:bold;line-height:3rem;letter-spacing:-0.2px;color:var(--gray10);} .GNBTobeMenu .topInfo.mobileInfo .quickMenuArea .quickMenuBtn{display:block;} .GNBTobeMenu .topInfo.mobileInfo .quickMenuArea .quickMenuBtn .base{margin-left:0;margin-top:0.8rem;} #all_menu.AppMenu.GNBTobeMenu #defaultMenu .menuListArea{border-top:none;} #all_menu.AppMenu.GNBTobeMenu .menuDepth1{background-color:var(--gray2);} #all_menu.AppMenu.GNBTobeMenu .menuListArea.fixed .menuDepth1{position:fixed;top:14rem;height:calc(100% - 14rem);overflow-y:auto;} #jbMain.mobile #all_menu.AppMenu.GNBTobeMenu .menuListArea.fixed .menuDepth1{top:5.2rem;height:calc(100% - 5.2rem);} #all_menu.AppMenu.GNBTobeMenu .depth1List>li{width:100%;} #all_menu.AppMenu.GNBTobeMenu .depth1List>li .defulat{display:block;padding:1.2rem 1rem 1.2rem 2rem;background-color:var(--gray2);min-height:auto;} #all_menu.AppMenu.GNBTobeMenu .depth1List>li .defulat>.base{font-weight:400;letter-spacing:-0.1px;color:var(--gray10);padding:0;} #all_menu.AppMenu.GNBTobeMenu .depth1List>li .defulat.on{background-color:var(--white);} #all_menu.AppMenu.GNBTobeMenu .depth1List>li .defulat.on>.base{font-weight:bold;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1{padding:0 2rem;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li{padding-bottom:0;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.defulat{padding:1.2rem 0rem;border-bottom:1px solid var(--gray4);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.defulat>.base{font-size:1.6rem;font-weight:bold;line-height:2.4rem;letter-spacing:-0.1px;color:var(--jb-blue);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2{padding:1.2rem 0;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat{padding:1.2rem 0rem;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat>.base{color:var(--gray9);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat.arrow{padding-right:2.2rem;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat.arrow>.base{} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat.arrow.on>.base{font-weight:bold;color:var(--gray10);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat.arrow::before{right:0;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.defulat.on>.base{color:var(--gray9);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.defulat{padding:1rem 0rem 1rem 1rem;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.defulat::before{content:"∙";left:0rem;top:0.9rem;width:auto;height:auto;font-size:1.4rem;font-weight:400;line-height:2.2rem;letter-spacing:-0.1px;color:var(--gray9);border-radius:0;background-color:transparent;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.defulat>.base{font-weight:400;color:var(--gray9);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4{margin-bottom:0rem;padding-left:0.8rem;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4>li>.defulat{padding:1rem 0rem 1rem 1rem;} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4>li>.defulat>.base{font-weight:400;color:var(--gray9);} #all_menu.AppMenu.GNBTobeMenu .gnb>ul.depth1>li>.depth2>li>.depth3>li>.depth4>li>.defulat::before{left:0rem;top:1.8rem;} #all_menu.AppMenu.GNBTobeMenu .menuTitle{display:none;} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu{background-color:var(--gray1);border-top:none;padding:0 !important;} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu ul{padding:1.6rem 2rem;overflow:auto;flex-grow:1;} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu ul li{width:100%;height:auto;margin:0;} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu ul li + li{margin:0;} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu ul li .seniorLink{min-height:auto;border:1px solid var(--gray4);margin:0.8rem 0;} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu ul li .seniorLink>span{display:block;height:100%;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;padding:1.6rem 4rem 1.6rem 2rem;background:url(/img/contents/icon_grayArrow.png) no-repeat right 2.5rem center/0.6rem auto} #all_menu.AppMenu.GNBTobeMenu .menuListArea.senior_menu ul li .seniorLink>span{padding:2.4rem 4rem 2.4rem 2.4rem;color:var(--gray10);letter-spacing:-0.1px;background:url(/image/menu/ic_arrow_16.svg) no-repeat right 2rem center/1.6rem auto;} #all_menu.AppMenu.GNBTobeMenu .seniorAllmenu{width:calc(100% - 4rem);height:auto;border-radius:0.6rem;border:1px solid var(--gray4);margin-left:2rem;margin-bottom:4.2rem;margin-top:2rem;} #all_menu.AppMenu.GNBTobeMenu .seniorAllmenu>span{padding:1.4rem;font-size:1.6rem;line-height:2.4rem;color:var(--gray8);letter-spacing:-0.1px;font-weight:500;} #all_menu.AppMenu.GNBTobeMenu #seniorMenu.menu_wrap{overflow:hidden;} #all_menu.AppMenu.GNBTobeMenu #seniorMenu .menuListArea{flex-grow:1;overflow:auto;} #all_menu.AppMenu.GNBTobeMenu #seniorMenu .menuListArea .scroll_wrap{overflow:hidden;} .GNBTobeMenu [data-id=oldMenu]{display:none !important;} /* .GNBTobeMenu.open .menuArea, .GNBTobeMenu.open .menuTopArea{left:0;} .GNBTobeMenu.open .menuArea .sechBtnArea.fix .innerArea{left:0;} .GNBTobeMenu.open .menuArea .bar.fix>div{left:0;} */ /* #all_menu.AppMenu.GNBTobeMenu.open .menuListArea.fixed .menuDepth1{left:0;} */ /* contents */ #contents{display:block;position:relative;/*flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;*/width:100%;height:100%;position:relative;padding-top:5.2rem;box-sizing:border-box;overflow:hidden;} #contents.finda_contents{display:block;position:relative;/*flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;*/width:100%;height:100%;position:relative;box-sizing:border-box;overflow:hidden;padding-top:0 !important;} #contents.toss_contents{display:block;position:relative;/*flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;*/width:100%;height:100%;position:relative;padding-top:0 !important;box-sizing:border-box;overflow:hidden;} #contents.kakaopay_contents{display:block;position:relative;/*flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;*/width:100%;height:100% !important;position:relative;padding-top:0 !important;box-sizing:border-box;} #contents_title{position:absolute;top:0;left:0} .sec{display:block;position:relative;/*flex:1 1 auto;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;*/overflow-x:hidden;overflow-y:auto;height:100%;max-height:100%;padding:0 2rem;-webkit-overflow-scrolling:touch;z-index:11;} .sec.btn_fix{padding-bottom:12rem;} .sec.flex_none{display:block;} /*컨텐츠 하단 배치용*/ .sec.flexCont{display:flex;display:-webkit-flex;flex-direction:column;} /* home indicator */ .home_indicator{position:fixed;bottom:0.8rem;left:50%;z-index:79;width:13.4rem;height:0.5rem;margin-left:-6.7rem} .home_indicator a{display:block;width:100%;height:100%;border-radius:10rem;background:#000} /* bottom navigation */ .bottom_nav{position:fixed;bottom:0;left:0;right:0;z-index:11;background:#fff;box-shadow:0 0 2.2rem rgba(33,37,41,0.04);} .bottom_nav ul{display:flex;} .bottom_nav ul > li{flex:1;} .bottom_nav ul > li > a{display:block;padding:1.2rem 0 0.8rem;text-align:center;} .bottom_nav ul > li span{display:block;color:#8c959f;font-size:1.1rem;line-height:1.6rem;text-align:center;margin-top:0.4rem;} .bottom_nav ul > li.active span{color:#1d2d47;font-weight:700;} .bottom_nav ul > li.active .icon{background-position-y:-89.9rem;} .bottom_nav ul > li .icon{margin:0 auto 0.2rem auto;width:2.8rem;height:2.6rem;} .bottom_nav ul > li .ico_nav_allmenu .icon{background:url(/img/common/ico_set1_90.png) -9.1rem -84.1rem/60rem auto no-repeat} .bottom_nav ul > li.active .ico_nav_allmenu .icon{background:url(/img/common/ico_set1_90.png) -21.1rem -84.1rem/60rem auto no-repeat} .bottom_nav ul > li.active .ico_nav_mydata .icon{background-position-y:0rem;} .bottom_nav ul > li.active .ico_nav_card .icon{background-position:left -3.6rem center;} .bottom_nav ul > li .ico_nav_card .icon{width:2.4rem;background:url(/img/common/icon_bottomNav_Card.png?v2) no-repeat left center/auto 2.4rem;} .dim{position:fixed;top:0;left:0;z-index:80;width:100%;height:100%;background:rgba(33, 37, 41, .7)} /* bottom sheet */ .bottom_sheet_wrap{display:none;position:fixed;bottom:0;left:0;z-index:80;width:100%;height:100%;background:rgba(33,37,41,.7)} .sheet_area{position:absolute;bottom:0;z-index:81;width:100%;height:100%;display:flex;flex-direction:column;} .sheet_area .inner{position:relative;max-height:90%;min-height:30%;margin-top:auto;border-top-left-radius:2rem;border-top-right-radius:2rem;background:#fff;} .btn_sheet_close{display:block;position:absolute;top:2.4rem;left:2rem;z-index:81;width:2.4rem;height:2.4rem;padding:0} .btn_sheet_share{display:block;position:absolute;top:2.4rem;right:2rem;z-index:81;width:2.4rem;height:2.4rem;padding:0;background:url(/img/common/ico_set.png) -4.8rem -4.8rem/60rem auto no-repeat} .btn_sheet_close:before{content:'';display:block;position:absolute;top:1.1rem;left:0rem;width:2.4rem;height:0.1rem;background:#8c959f;transform:rotate(-45deg)} .btn_sheet_close:after{content:'';display:block;position:absolute;top:1.1rem;left:0rem;width:2.4rem;height:0.1rem;background:#8c959f;transform:rotate(45deg)} .btn_sheet_control{position:relative;display:block;height:2.4rem;} .btn_sheet_control:before{content:'';display:block;position:absolute;top:0.6rem;left:50%;margin:0 0 0 -2rem;width:4rem;height:0.4rem;background:#e1e3e6;border-radius:0.2rem;} .bottom_sheet_title{position:relative;min-height:6.8rem;padding:2.5rem 6rem 0;box-sizing:border-box;} .bottom_sheet_title.desc{padding:1.5rem 6rem 0;} .bottom_sheet_title.line{border-bottom:0;} .bottom_sheet_title.line:before{content:'';display:block;position:absolute;bottom:0;left:2rem;right:2rem;height:0.1rem;background:#e1e3e6} .bottom_sheet_title > strong{display:block;font-weight:700;font-size:1.8rem;letter-spacing:-0.02rem;text-align:center;color:#333741;} .bottom_sheet_title > span{display:block;font-weight:400;font-size:1.1rem;letter-spacing:-0.02rem;text-align:center;color:#6e7780;} .bottom_sheet_contents{height:calc(100% - 4.8em);padding:2rem 2rem 4rem;overflow-y:auto;box-sizing:border-box;} .bottom_sheet_contents .info.confirm{padding:2.4rem 0;color:#212529;font-size:1.6rem;line-height:2.4rem;} .bottom_sheet_contents .info.confirm span{font-size:1.8rem;} .bottom_sheet_contents .info.confirm strong{display:block;margin:1.2rem 0 0;font-size:2rem;} .bottom_sheet_wrap.hang .sheet_area .inner{min-height:40%} .bottom_sheet_wrap.hang .btn_sheet_close, .bottom_sheet_wrap.hang .bottom_sheet_title{display:none} .bottom_sheet_wrap.hang .bottom_sheet_contents{border-top-left-radius:0;border-top-right-radius:0} .bottom_sheet_wrap.behavior .bottom_sheet_contents{height:100%;} /* bottom sheet - z-index(달력, 년월선택) */ .bottom_sheet_wrap.calendar{z-index:90;} .bottom_sheet_wrap.calendar .sheet_area{z-index:91;} .bottom_sheet_wrap.calendar .btn_sheet_close, .bottom_sheet_wrap.calendar .btn_sheet_share{z-index:91;} .bottom_sheet_wrap.year_month_selector{z-index:95;} .bottom_sheet_wrap.year_month_selector .sheet_area{z-index:96;} .bottom_sheet_wrap.year_month_selector .btn_sheet_close, .bottom_sheet_wrap.year_month_selector .btn_sheet_share{z-index:96;} /* full popup */ .fullpopup{display:none;position:fixed;top:0;left:0;z-index:80;width:100%;height:100%;max-width:100%;max-height:100%;background:#fff;/*background:#f5f7fa;*/} /* .jbb_ub .fullpopup{z-index:1001;} */ .btn_pop_close{display:block;position:fixed;top:1.2rem;left:1.6rem;width:2.4rem;height:2.4rem;z-index:11;overflow:hidden;color:transparent;line-height:0;} .btn_pop_close:before{content:'';display:block;position:absolute;top:1.1rem;left:0rem;width:2.4rem;height:0.1rem;background:#212529;transform:rotate(-45deg)} .btn_pop_close:after{content:'';display:block;position:absolute;top:1.1rem;left:0rem;width:2.4rem;height:0.1rem;background:#212529;transform:rotate(45deg)} .popup_header{position:fixed;z-index:10;width:100%;height:5.0rem;line-height:5.0rem;color:#333741;font-size:1.8rem;text-align:center;background:#fff; padding: 0 11%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .popup_header > div {overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .popup_header .pos_r{display:block;position:absolute;top:1.3rem;right:1.6rem;width:2.4rem;height:2.4rem;font-size:0;line-height:0;background:url(/img/common/ico_set.png) -30rem -75rem/60rem auto no-repeat;} .popup_header .btn_download{width:2.4rem;height:2.4rem;font-size:0;line-height:0;background:url(/img/common/ico_set.png) -30rem -75rem/60rem auto no-repeat;} .popup_header > .btn_sheet_share{top:1.3rem !important;} .htmlPop .popup_contents{padding-bottom:0;} .popup_contents{width:100%;height:100%;position:relative;padding-top:5rem;padding-bottom:9rem;box-sizing:border-box; display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:stretch;align-content:stretch;overflow:hidden;overflow-y:auto;} .popup_contents.pb16{padding-bottom:16rem;} .fullpopup.blank .popup_contents{display:block;overflow:hidden;padding:0;} .popup_contents > .in_sec{} .popup_contents > .in_sec.webCamera{position:fixed;left:0;top:0;width:100%;height:100%;max-width:100%;max-height:100%;z-index:999;padding:0;} .popup_contents > .in_sec > popupcontent{display:flex;flex-direction:column;height:100%;max-width:100%;max-height:100%;} /* simple popup */ .simplepopup{display:none;position:fixed;top:0;left:0;z-index:82;width:100%;height:100%;background:rgba(33,37,41,.7);} .simplepop_area{display:flex;flex-direction:column;overflow:hidden;position:absolute;top:50%;left:2rem;right:2rem;z-index:81;width:calc(100% - 4rem);height:auto;max-height:80%;border-radius:0.5rem;transform:translateY(-50%);} .simplepop_inner{overflow-y:auto;position:relative;max-height:100%;background:#fff;} .btn_simplepop_close{display:block;position:fixed;top:1.2rem;left:1.6rem;width:2.4rem;height:2.4rem;z-index:2;font-size:0;line-height:0;} .btn_simplepop_close:before{content:'';display:block;position:absolute;top:1.2rem;left:0.3rem;width:1.8rem;height:0.1rem;background:#8c959f;transform:rotate(-45deg)} .btn_simplepop_close:after{content:'';display:block;position:absolute;top:1.2rem;left:0.3rem;width:1.8rem;height:0.1rem;background:#8c959f;transform:rotate(45deg)} .simplepop_header{position:fixed;z-index:1;width:100%;height:5.0rem;line-height:5.0rem;color:#333741;font-size:1.8rem;text-align:center;background:#fff;} .simplepop_contents{overflow:auto;width:100%;height:100%;padding:5rem 2rem 7rem;box-sizing:border-box;} .simplepop_contents .btn_area{display:flex;position:fixed;bottom:0;z-index:1;width:100%;padding:0;margin:2rem -2rem 0;border-top:1px solid #e1e3e6;text-align:center;background:#fff;} .simplepop_contents .btn_area > div{flex:1;display:flex;align-items:center;} .simplepop_contents .btn_area > div ~ div{border-left:1px solid #e1e3e6;} .simplepop_contents .btn_area .base_style{padding:1.5rem 2rem;font-weight:700;color:#515961;} .simplepop_contents .pop_txt01{text-align:center;font-size:1.8rem;font-weight:700;line-height:2.6rem;color:#212529;} .simplepop_contents .countdown{padding:1.6rem;border-radius:0.5rem;text-align:center;font-size:2.4rem;line-height:2.6rem;color:#0565f0;background:#f2f5f7;} .simplepop_contents.alert .desc.align_c.mgt_m{margin-bottom:2.6rem;} .simplepop_contents .desc{word-break:keep-all !important;} .simplepopup.pushYN_pop{background:rgba(33,37,41,0.8);} .pushYN_pop .simplepop_contents{padding:0;} .pushYN_pop .simplepop_contents .pushYN_popArea{padding:3.6rem 2rem 3.2rem;} .pushYN_pop .btn_simplepop_close{display:none} .pushYN_pop .simplepop_contents .btn_area{position:static;margin:0;} .bottom_switchArea{width:100%;height:auto;padding:0.1rem 1.6rem;background-color:#f5f7fa;border-radius:0.6rem;overflow:hidden;margin-top:2rem;} .bottom_switchArea .item{position:relative;padding:1.2rem 6rem 1.2rem 0rem;} .bottom_switchArea .item:nth-of-type(n+2){border-top:1px solid #e9ecf0;} .bottom_switchArea .item > p {font-size:1.6rem;letter-spacing:-0.02rem;line-height:2.4rem;color:#363c42;margin-top:0.3rem;} .bottom_switchArea .item .switchCK{position:absolute;right:0;top:1.2rem;margin-top:0} .simplepopup.logoutPop .simplepop_inner{border-radius:0 0 0.5rem 0.5rem;} .simplepopup.logoutPop .simplepop_contents .btn_area{position:absolute;} /* modal layer */ .lyr_popup_wrap{display:none;position:fixed;top:0;left:0;z-index:85;width:100%;height:100%} .lyr_pop_area{position:relative;top:50%;left:50%;z-index:81;width:27rem;border-radius:1.4rem;background:rgba(255, 255, 255, .8);transform:translate(-50%, -50%)} .lyr_popup_contents{} .lyr_popup_contents .msg_box{padding:1.9rem 1.6rem 1.7rem;font-size:1.3rem;color:#000;line-height:1.8rem;letter-spacing:-0.008rem;text-align:center} .lyr_popup_contents .msg_box .main_txt{display:block;margin-bottom:0.2rem;font-size:1.7rem;line-height:2.2rem;letter-spacing:-0.041rem} .lyr_popup_contents .btn_area{display:table;padding:0;width:100%;min-height:4.35rem;border-top:solid 0.1rem #c6c6c8;} .lyr_popup_contents .btn_area div{display:table-cell;min-width:11rem;vertical-align:middle;} .lyr_popup_contents .btn_area div + div{border-left:solid 0.1rem #c6c6c8;} .lyr_popup_contents .btn_area div button, .lyr_popup_contents .btn_area div a{display:block;padding:1rem 0.5rem;width:100%;line-height:2.35rem;color:#007aff;font-size:1.7rem;text-align:center;letter-spacing:-0.041rem;background:transparent;} /* snack bar */ .snack_bar_wrap{display:none;position:fixed;bottom:3.2rem;left:2rem;right:2rem;z-index:85} /* .jbb_ub .snack_bar_wrap{z-index:1002;} */ .snack_bar{position:relative;padding:1.6rem 2rem;border-radius:0.6rem;background:#363c42} .snack_bar .content_area{font-size:1.4rem;color:#fff;line-height:2.2rem;letter-spacing:-0.01rem} .single_line .snack_bar .content_area{padding-right:8rem} .snack_bar .btn_area{text-align:right;margin-top:1.2rem} .single_line .snack_bar .btn_area{position:absolute;bottom:1.6rem;right:2rem} .snack_bar .btn_area > div{display:inline-block;} .snack_bar .btn_area > div + div{margin-left:2rem} .snack_bar .btn_area button{background:transparent;font-weight:700;font-size:1.4rem;color:#7db1fa;line-height:2.2rem;letter-spacing:-0.01rem} .snack_bar_wrap.st_btn .snack_bar{padding:1.6rem 6rem 1.6rem 2rem} .snack_bar_wrap.st_btn .snack_bar button{position:absolute;top:1.3rem;right:1rem;background:transparent;font-weight:700;font-size:1.4rem;color:#91bdfa;line-height:2.2rem;letter-spacing:-0.01rem;padding:0.4rem 1rem} /* loading */ .loading{display:none;position:fixed;bottom:0;left:0;z-index:90;width:100%;height:100%} .loading .inner{position:absolute;top:50%;left:50%;z-index:91;transform:translate(-50%, -50%)} .progress_ani img{width:100%} .progress_txt{font-size:1.8rem;color:#fff;text-align:center} /* process box(신청절차 등 컨텐츠) */ .box_process{margin-top:2.4rem} .box_process li{position:relative;min-height:10.7rem;padding-bottom:3.4rem;padding-left:8rem;box-sizing:border-box} .box_process li:before{content:'';display:block;position:absolute;bottom:1.1rem;left:1.8rem;width:2.4rem;height:calc(100% - 8.2rem);background:url(/img/bg/bg_dot.png) repeat-y 0 0;background-size:2.4rem auto} .box_process li:last-child{min-height:6rem;padding-bottom:0} .box_process li:last-child:before{display:none} .box_process .process{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;width:6rem;height:6rem;padding:0.9rem 0;border-radius:50%;color:#fff;text-align:center;box-sizing:border-box} .box_process li.step1 .process{background:#a162f7} .box_process li.step2 .process{background:#5979ff} .box_process li.step3 .process{background:#00a684} .box_process li.step4 .process{background:#5451e1} .box_process li.step5 .process{background:#22406f} .box_process li.step6 .process{background:#22406f} .box_process li.last .process{background:#22406f} .box_process li.other .process{background:#20529e} .box_process li.complete .process{background:#d3d7db !important;} .box_process li.complete .process:before{content:'';position:absolute;top:0;right:0;width:2.2rem;height:2.2rem;border-radius:1.2rem;background:#0565f0 url(/img/common/ico_set.png) -14.6rem -14.6rem/60rem auto no-repeat;} .box_process li.complete .detail, .box_process li.complete .detail .tit {color:#aaa} .box_process li.complete .detail .btn button{color:#175ec7;opacity:0.5;cursor:default;} .box_process .process .num{width:100%;font-size:1.8rem;line-height:2.6rem;letter-spacing:-0.02rem;margin-top:0.2rem;} .box_process .process .txt{width:100%;font-size:1.1rem;line-height:1.6rem} .box_process .process .num + .txt{position:relative;top:-0.5rem;opacity:0.7;font-weight:bold;} .box_process li.other .process .txt, .box_process li.last .process .txt{font-size:1.6rem;letter-spacing:-0.018rem} .box_process .detail{display:table;width:100%;min-height:6rem} .box_process .detail .in_box{display:table-cell;width:100%;vertical-align:middle} .box_process .detail .in_box > div{padding-left:1.7rem;position:relative;} .box_process .detail .in_box > div:before{content:'';display:block;position:absolute;left:0;top:0.2rem;width:1.6rem;height:1.6rem;background:url(/img/common/ico_set.png) -10rem -15rem/60rem auto no-repeat} .box_process .detail .in_box > div.noArrow{padding-left:0} .box_process .detail .in_box > div.noArrow:before{display:none;} .box_process .detail .in_box > div.btn_secondary_smaller{padding-left:0;margin-top:1rem} .box_process .detail .in_box > div.btn_secondary_smaller:before{display:none} .box_process .detail .in_box > div.btn{margin-top:1rem;padding:0;} .box_process .detail .in_box > div.btn:before{display:none;} .box_process .detail .tit{width:100%;margin-bottom:0.6rem;font-size:1.6rem;color:#212529;line-height:2.4rem;letter-spacing:-0.02rem} .box_process.ty2 .detail .tit{width:100%;margin-bottom:0;font-size:1.6rem;color:#363c42;line-height:2.4rem;letter-spacing:-0.01rem} .box_process .detail .tit span{color:#6e7780;font-size:1.4rem;} .box_process .detail .con{width:100%} .box_process .detail .ele_check{display:block;position:relative;padding-left:1.9rem} .box_process .detail .ele_check .inp{position:absolute;top:0;left:0;width:1.6rem;height:1.6rem} .box_process .detail .ele_check input{width:1.6rem;height:1.6rem} .box_process .detail .ele_check input:before{top:-0.1rem;left:0.3rem;width:0.6rem;height:1.1rem;border-color:#8b959e;border-width:0 0.1rem 0.1rem 0;transform:rotate(45deg);box-sizing:border-box} .box_process .detail .ele_check label{font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:-0.01rem} .box_process li .step_flag{position:absolute;left:6rem;bottom:1.2rem;font-size:1.4rem;} .box_process li .step_flag.poss{color:#00a684} .box_process li .step_flag.imposs{color:#e5493a} /* 약관 전문보기 0309 */ .policy_wrap{padding-left:0;padding-right:0;} .policy_wrap dt{margin-top:4.0rem;color:#333741;letter-spacing:-0.02rem;font-weight:bold;} .policy_wrap dd{margin-top:2.0rem;font-size:1.4rem;letter-spacing:-0.01rem;} .policy_wrap .tit_fir{font-size:2.0rem;margin-top:2.0rem;} .policy_wrap .tit_sec{font-size:1.8rem;} .policy_wrap .tit_thr{font-size:1.6rem;color:#515961;font-weight:bold;} .policy_wrap .tit{margin-bottom:2.0rem;color:#333741;letter-spacing:-0.02rem;font-weight:bold;font-size:1.8rem;} .policy_wrap .cont{margin-bottom:4rem;} /* 약관 전문보기 */ .terms_wrap{padding:4.4rem 2rem 0;} .terms_tit{display:block;margin-bottom:3.2rem;font-weight:700;font-size:2rem;color:#212529;line-height:3rem;letter-spacing:-0.02rem} .term_box{margin-top:4.8rem} .term_box .title{display:block;font-weight:700;font-size:1.8rem;color:#212529;line-height:2.6rem;letter-spacing:-0.02rem} .term_txt{margin-top:2.4rem} .term_txt .clause{margin-bottom:0.4rem;font-weight:700;font-size:1.6rem;color:#515961;line-height:2.4rem} .term_txt p + p{margin-top:2.2rem} .term_txt p.clause + p{margin-top:0} /* PDF약관 */ .pdf_wrap .btn_move_term{display:block;position:fixed;top:auto;bottom:16rem;left:0;right:auto;z-index:2;width:4rem;height:5.2rem;border-radius:0 2.6rem 2.6rem 0; background:rgba(33,37,41,0.36) url(/img/common/ico_set.png) no-repeat -34.6rem 1.4rem;background-size:60rem auto;} .pdf_wrap .btn_move_term.prev{left:0;right:auto;} .pdf_wrap .btn_move_term.next{left:auto;right:0;transform:rotateZ(-180deg);} .pdf_wrap > div{height:100% !important;}/* Tobe 2022-01-06 jungih */ /* ================================ 생활서비스 ================================ */ /* 제로페이 */ .box_zeropay{display:block;margin-top:1.8rem;padding:2.4rem;background:#0565f0;border-radius:0.6rem;color:#cce2ff} .box_zeropay .inout{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center} .box_zeropay .inout em{position:relative;margin-left:2.1rem;flex-grow:1} .box_zeropay .inout em:before{content:'';display:block;position:absolute;top:0;left:-2.4rem;width:2rem;height:2rem;background:url(/img/common/logo_jb_white.png) 50%/contain no-repeat;} .box_zeropay .inout .btn{flex-shrink:0} .box_zeropay .inout a{background-color:#fff;font-weight:700;} .box_zeropay .won{margin-top:1.4rem;font-size:2.8rem;color:#fff} .box_zeropay .won em{position:relative;margin:0 2.8rem 0 0.2rem;font-size:2.0rem;vertical-align:0.1rem} .box_zeropay .won em:before{content:'';display:inline-block;position:absolute;top:0.7rem;right:-1.6rem;width:1rem;height:0.1rem;margin-top:0;background:#c5c5c5;transform:rotate(45deg);} .box_zeropay .won em:after{content:'';display:inline-block;position:absolute;top:1.4rem;right:-1.6rem;width:1rem;height:0.1rem;margin-top:0;background:#c5c5c5;transform:rotate(-45deg);} .box_zeropay .limit{font-size:1.3rem;color:#a3caff} .box_zeropay .limit .btn{display:inline-block;width:2.4rem;height:2.4rem;margin-left:0.4rem;padding:0;background-position:0 -25rem;vertical-align:middle} .box_zeropay_noline{display:block;color:#6e7780} .box_zeropay_noline .account{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center} .box_zeropay_noline .account .inout{flex-grow:1} .box_zeropay_noline .account strong{text-decoration:underline} .box_zeropay_noline .account .btn{flex-shrink:0} .box_zeropay_noline .won{display:block;font-size:2rem;line-height:4.8rem;color:#212529} .box_zeropay_noline .won em{position:relative;margin-right:0.4rem;font-size:3.2rem;vertical-align:0.1rem} .box_zeropay_noline .limit{font-size:1.3rem} .account_guide{margin-top:0rem} .account_guide li{display:block;font-size:1.6rem;color:#212529;margin:0 -2rem;padding:2rem;border-bottom:1px solid #f2f5f7} .account_guide li a{position:relative;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;padding:0 0 0 5.8rem;color:#212529;} .account_guide li a span{flex-shrink:1;flex-basis:80%} .account_guide li a span:nth-child(1){position:absolute;top:0.2rem;left:0;flex-shrink:0;flex-basis:5.8rem;font-size:1.3rem;} .account_guide li a span:nth-child(3){flex-shrink:2;text-align:right} .account_guide li a span strong{font-weight:300;} .account_guide li a span em{display:block;font-size:1.3rem;color:#6e7780;margin-top:0.4rem} /* 결제수단 */ .box_paywith{display:flex;margin-top:1.9rem} .box_paywith a{position:relative;display:inline-block;flex-basis:50%;padding:6.8rem 1.2rem 1.0rem;border:1px solid #e1e3e6;border-radius:0.5rem;text-align:center;} .box_paywith a:nth-child(1){margin-right:0.8rem;} .box_paywith a em{display:inline-block;position:absolute;top:1.2rem;right:50%;width:4.8rem;height:4.8rem;margin-right:-2.4rem;border-radius:4.8rem;background:#82d6b8} .box_paywith a.st2 em{background:#c2dcff} .box_paywith a em:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;margin-top:1.1rem;background:url(/img/common/ico_set.png) -20rem -40rem/60rem auto no-repeat;} .box_paywith a.st2 em:before{background-position-x:-25rem} .box_paywith a.st3 em:before{background-position-x:-30rem} .box_paywith a strong{display:block;height:4.8rem;font-size:1.3rem;line-height:2.0rem;font-weight:300;color:#515961} .box_paywith a span{display:block;font-size:1.1rem;line-height:1.6rem;color:#6e7788} /* QR바코드인식화면 */ .bottom_sheet_wrap.zeropay{background:none;display:block} .box_qrcode_contents .barcode .btn_arrow{margin-top:.4rem} .box_qrcode_contents .barcode .btn_arrow:after{content:'';display:inline-block;width:1.6rem;height:1.6rem;background:url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;vertical-align:middle;transform:scale(.8)} .box_qrcode{position:relative;width:25.0rem;height:25.0rem;margin:2.1rem auto 0} .box_qrcode > span{content:'';display:inline-block;position:absolute;width:2.2rem;height:2.2rem;border:solid #0565f0;border-width:0 0.3rem 0.3rem 0;box-sizing:border-box} .box_qrcode > span:nth-child(1){top:0;left:0;transform:rotate(180deg)} .box_qrcode > span:nth-child(2){top:0;right:0;transform:rotate(-90deg)} .box_qrcode > span:nth-child(3){bottom:0;left:0;transform:rotate(90deg)} .box_qrcode > span:nth-child(4){bottom:0;right:0;transform:rotate(0deg)} .box_qrcode_contents{margin:0 auto;padding:3.2rem 2rem 3.4rem} .box_qrcode_contents .box img{width:100%;height:100%;} .box_qrcode_contents .qrcode{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center} .box_qrcode_contents .qrcode .box{flex-shrink:0;flex-basis:7.6rem;width:7.6rem;height:7.6rem} .box_qrcode_contents .qrcode .txt{flex-grow:1;margin-left:2rem} .box_qrcode_contents .qrcode .txt em{display:block;font-size:1.3rem;color:#e5493a} .box_qrcode_contents .barcode{text-align:center} .box_qrcode_contents .barcode .box{height:6rem;margin:1.2rem 0 0.4rem} .box_qrcode_contents .box_debitto{position:relative;width:100%;height:3.2rem;margin-top:2rem;padding:0.6rem 1.2rem;text-align:center;color:#515961;background:#f2f5f7;box-sizing:border-box;border-radius:2.0rem} .box_qrcode_contents .box_debitto .btn_stttingch{position:absolute;top:0.6rem;right:1.2rem} .btn_replay, .btn_stttingch{overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent} .btn_replay{width:2.2rem;height:2.2rem;background-position:-24.8rem -9.8rem} .btn_stttingch{width:2.2rem;height:2.2rem;background-position:-19.8rem -9.8rem} /* j-shop */ .jshop .tab_contents{padding:4rem 0 2rem;} .jshop .sch_result{padding:4rem 0 0;} .sch_result .total{font-size:1.8rem;font-weight:700;color:#212529} .sch_result .total .count{font-weight:700;color:#0565f0;} .sch_result .btn{flex:1;} .shop_sch_filter{display:flex;margin-bottom:1rem;} .shop_sch_filter .sel_box{position:relative;min-width:8.5rem;border-bottom:2px solid #515961} .shop_sch_filter .sel_box:after{display:block;content:'';position:absolute;top:50%;right:0;width:0;height:0;margin-top:-0.4rem;border-left:0.4rem solid transparent;border-right:0.4rem solid transparent;border-top:0.4rem solid #8b959e} .shop_sch_filter .sel_box + .sel_box{margin:0 0 0 1.6rem} .shop_sch_filter .sel_box select{width:100%;height:2.6rem;padding:0 2rem 0.4rem 0;border:0;font-size:1.8rem;font-weight:700;color:#212529;background:none} .shop_sch_filter .btn_search{display:block;align-self:flex-end;overflow:hidden;margin-left:auto;margin-bottom:0.4rem;width:2rem;height:2rem;background:url(/img/common/ico_set.png) -30rem -5rem/60rem auto no-repeat} /* j-shop 썸네일 리스트 */ .list_thumb{display:flex;flex-wrap:wrap;} .list_thumb a:hover{text-decoration:none} .list_thumb >div{width:calc(50% - 0.55rem);overflow:hidden;margin:1.1rem 1.1rem 0 0;border:1px solid #e1e3e6;background:#fff;border-radius:0.6rem;box-sizing:border-box;box-shadow:0 .6rem 1.6rem rgba(33,37,41,0.04)} .list_thumb >div:nth-child(even){margin:1.1rem 0 0 0} .list_thumb .tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:4.8rem;margin:2rem 0;padding:0 2.4rem;font-size:1.6rem;line-height:2.4rem;font-weight:700;letter-spacing:-0.02em;color:#212529;text-overflow:ellipsis} .list_thumb .thumb{overflow:hidden} .list_thumb .thumb img{width:100%;height:100%;object-fit:cover} .list_thumb .inf{overflow:hidden;padding:1.6rem;font-size:1.3rem;line-height:1.9rem;font-weight:700;letter-spacing:-0.02em;color:#515961;text-align:center} .list_thumb .inf em{margin-right:0.8rem;font-weight:700;color:#0565f0;} .list_thumb .desc{font-size:1.4rem;line-height:1.9rem;letter-spacing:-0.02em;color:#6e7780} .list_thumb.rows{display:flex;flex-wrap:wrap;} .list_thumb.rows >div{position:relative;width:100%;margin:0;border:0;background:none;border-radius:0;box-sizing:border-box;box-shadow:none} .list_thumb.rows >div + div{margin:1.6rem 0 0;} .list_thumb.rows >div:after{display:block;content:'';clear:both} .list_thumb.rows >div a{display:flex;} .list_thumb.rows .badge{display:block;position:absolute;top:.9rem;left:.9rem;width:7.5rem;height:2.4rem;font-size:1.4rem;line-height:2.4rem;font-weight:700;color:#fff;text-align:center;background:#212529} .list_thumb.rows .thumb{flex-shrink:0;width:35.82%;border-radius:0.4rem} .list_thumb.rows .tit{margin:0;padding:0.3rem 0 0.4rem;height:auto;} .list_thumb.rows .info{width:64.18%;padding:0 0 0 1.6rem;} .list_thumb.rows .inf{padding:1.2rem 0 0;font-weight:400;text-align:left;} .list_thumb.rows .desc{line-height:2rem;} /* 썸네일 리스트 */ .list_thumb.single > div{position:relative;width:100%;margin:0 0 2rem;} .list_thumb.single .badge{display:block;position:absolute;top:1.8rem;left:1.9rem;width:7.5rem;height:2.4rem;font-size:1.4rem;line-height:2.4rem;font-weight:700;color:#fff;text-align:center;background:#212529} .list_thumb.single .info_box{padding:1.6rem 2rem 2.4rem} .list_thumb.single .inf{margin:0 0 0.4rem;padding:0;line-height:2rem;font-weight:400;text-align:left;} .list_thumb.single .tit{display:inline-block;height:auto;margin:0;padding:0;vertical-align:middle;} .list_thumb.single .desc{display:inline-block;vertical-align:middle;} /* 더치페이 */ .pay_group_list .list_item .btn_del_txtfield{position:absolute;top:50%;left:0;display:block;width:2.4rem;height:2.4rem;margin-top:-1.2rem;padding:0;background:url(/img/common/ico_set.png) -5rem -25rem/60rem auto no-repeat;} .pay_group_list .list_item{position:relative;padding:0 0 0 4.8rem;display:flex;} .pay_group_list .list_item + .list_item{margin:1.2rem 0 0;} .pay_group_list .form_item{width:40%;margin:0;} .pay_group_list .form_item input{padding:0;text-align:center;} .pay_group_list .form_item.unit_suffix{width:60%;margin:0 0 0 0.8rem;} .pay_group_list .form_item.unit_suffix input{margin:0;text-align:right;} .pay_group_list .form_item .unit{margin:0;} .pay_group_list .form_item > div{padding:2.4rem 1.6rem;} /* ================================ 이체 ================================ */ /* 기본이체 > 계좌이체 > 통장표기 */ .bottom_info{padding:2.5rem 0} .bottom_info .title{position:relative;} .bottom_info .title:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .bottom_info .txt_tit{position:relative;} .bottom_info .txt_tit:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .bottom_info .txt_box{display:none;margin-top:2rem;padding:0;} .bottom_info .txt_box .box_account_txtlist{background:#fff;} .bottom_info.open .txt_box{display:block} /* 계좌이동서비스 */ dl.info_txt{border-bottom:1px solid #e1e3e6;} dl.info_txt dt{padding:0 1.2rem;background-color:#f2f5f7;height:3.6rem;line-height:3.6rem;font-size:1.3rem;} dl.info_txt dt:first-child{border-top:1px solid #515961;border-bottom:1px solid #e1e3e6;} dl.info_txt dd{padding:1.2rem;font-size:1.4rem;} /* 금액입력 */ .enter_amount{padding:3rem 0 6.0rem} .enter_amount .link_chip{display:inline-block;overflow:hidden;position:relative;width:auto;height:3.2rem;padding:0 2.4rem 0 1.6rem;font-size:1.3rem;line-height:3.2rem;color:#515961;border-radius:1.6rem;background:#f2f5f7;} .enter_amount .link_chip:after{display:block;content:'';position:absolute;top:50%;right:1.2rem;width:1.3rem;height:1.2rem;margin-top:-0.5rem;background:url(/img/common/ico_set.png) -30rem -15rem/60rem auto no-repeat} .enter_amount .cont_tit{margin:0} .enter_amount .input_num{display:block;text-align:right;font-size:3.2rem;color:#212529;font-weight:700;margin-left:-3rem;} .enter_amount .input_num input, .enter_amount .input_num i{width:29rem;display:inline-block;border:0;vertical-align:middle;height:6rem;line-height:6rem;font-size:4rem;color:#212529;font-weight:700;text-align:right;letter-spacing:-0.15rem;outline:none} .enter_amount .input_val{display:block;text-align:right;font-size:1.3rem;color:#6e7780;} .enter_amount .error{display:none;} .enter_amount .chip_list, .fixed_keypad .chip_list{display:flex;/*margin:6rem -0.4rem 0;*/margin:0 -0.4rem;} .enter_amount .chip_list .chip, .fixed_keypad .chip_list .chip{flex:1;padding:0 1.6rem;margin:0 0.4rem;} .fixed_keypad .chip_list.plus .chip{padding:0 .3rem} .enter_amount .chip_list .chip:after, .fixed_keypad .chip_list .chip:after{display:none;} .fixed_keypad{display:none;position:fixed;bottom:0;left:0;right:0;z-index:11;padding:0 2rem;background:#fff;} .fixed_keypad .btn_area{padding:2.4rem 0;} .enter_amount.no_balance .link_chip{color:#e5493a;background:#fdf1f0;} .enter_amount.no_balance .input_num input{color:#e5493a;} .enter_amount.no_balance .input_val{display:none;} .enter_amount.no_balance .error{display:block;text-align:center;font-size:1.3rem;color:#6e7780;} .enter_amount.no_balance .error i{color:#e5493a;} .enter_amount.no_balance .error .btn_arrow{padding:0;margin-left:0.5rem;} .enter_amount .btn_trigger{display:none;} .enter_amount .bottom_info .txt_box{background:none;} .cambopay .enter_amount .input_num input, .enter_amount .input_num i{letter-spacing:0;background:#fff;} .placeholder.enter_amount{padding-top:0;} .placeholder .input_num input{position:relative;z-index:1;} .placeholder .input_num input::placeholder{font-size:2.4rem;color:var(--gray7);font-weight:700;} .placeholder .input_num input ~ em{display:none;} .placeholder .input_num input ~ .input_val {display:none;} .placeholder .input_num input:not(:placeholder-shown) ~ em{display:inline-block;} .placeholder .input_num input:not(:placeholder-shown) ~ .input_val{display:block;} .enter_amount.placeholder{position:relative;} .enter_amount.placeholder .input_num{position:relative;z-index:1;} .enter_amount.placeholder .btn_trigger{display:block;width:100%;height:calc(100% - 6rem);position:absolute;left:0;top:0;z-index:0;} /* 계좌이동서비스 > 조회 > 자동납부 > 상세 */ /* ----- card check type ----- */ .card_box_ck{overflow:hidden;position:relative;} .card_box_ck.line{border-bottom:solid 1px #f2f5f7} .card_box_ck:first-child{border-top:1px solid #8c959f;} .card_box_ck .card_tit{display:block;padding:1.8rem 0 0.3rem 3.7rem;position:relative;} .card_box_ck .card_tit input{position:absolute;left:0;top:calc(50% - 1.1rem);} .card_box_ck.line .card_tit.check_bg{padding-bottom:1.8rem} .card_box_ck .card_tit.check_bg span{padding-left:0;} .card_box_ck .tit{display:block;color:#212529;font-size:1.6rem;line-height:2.6rem;letter-spacing:-0.02em;} .card_box_ck .desc{display:block;color:#6e7780;font-size:1.3rem;} .card_box_ck .flag{display:block;font-size:1.3rem;} .card_box_ck.slideupdown .slide_top{border-top:none;} .card_box_ck .card_cont{display:none;padding:2rem;background:#f5f7fa;border-radius:0.6rem;} .card_box_ck .inf > p:first-child{margin:0.8rem 0 0;} .card_box_ck .inf dl{display:flex;justify-content:space-between;} .card_box_ck .inf dl + dl{margin:0.4rem 0 0;} .card_box_ck .inf dl > dt{color:#6e7780;font-size:1.3rem;line-height:2.2rem;} .card_box_ck .inf dl > dd{color:#212529;font-size:1.4rem;line-height:2.2rem;} .card_box_ck.line .inf dl > dd{color:#6e7780} .card_box_ck.line .inf dl + dl{margin-top:0} .card_box_ck .inf dl.tit > dt{color:#212529;font-size:1.6rem;line-height:2.6rem;letter-spacing:-0.02em} .card_box_ck .inf dl.tit > dd{color:#212529;font-size:1.6rem;line-height:2.6rem;letter-spacing:-0.02em} /* ================================ 고객센터 ================================ */ .cont_box.ty_customer{position:relative;padding:2rem;border-radius:0.6rem;box-sizing:border-box;box-shadow:0 0.6rem 1.6rem rgba(33,37,41,0.04);background-color:#1d2d47;} .cont_box.ty_customer .tit{color:#949494;font-size:1.3rem;line-height:2rem;} .cont_box.ty_customer .num{display:block;margin:0.2rem 0 0;color:#fff;font-size:2.8rem;line-height:3rem;font-weight:700;} .cont_box.ty_customer .tel{position:absolute;bottom:2rem;right:2rem;display:block;width:4.8rem;height:4.8rem;background:#fff url(/img/common/ico_set.png) -13.8rem -23.8rem/60rem auto no-repeat;border-radius:50%;overflow:hidden;} .cont_box.ty_customer .info{margin:2rem 0 0;color:#fff;font-size:1.2rem;line-height:2rem;} .cont_box.ty_customer .info em{color:#fff;opacity:0.8;} .qna_list .info{border-bottom:1px solid #f2f5f7;} .qna_list .title{padding:1.8rem 4rem 1.6rem 2rem;font-size:1.6rem;color:#212529;} .qna_list .title .q{display:inline-block;margin-left:-2rem;width:2rem;color:#0565f0;} .event_slider_wrap{padding:3.2rem 0;} .list_thumb_slider.swiper-container{padding:0 2rem;} .list_thumb_slider .tit{position:absolute;top:2.7rem;left:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:4.8rem;padding:0 2.4rem;font-size:2rem;line-height:2.4rem;font-weight:700;color:#fff;text-overflow:ellipsis} .list_thumb_slider .desc{position:absolute;top:8.4rem;left:0;padding:0 2.4rem;font-size:1.2rem;line-height:1.6rem;letter-spacing:-0.015em;color:#fff} .list_thumb_slider .thumb{overflow:hidden;border-radius:0.6rem;} .list_thumb_slider .thumb img{width:100%;height:100%;object-fit:cover} /* ================================ 인증 ================================ */ .witness_box{text-align:center;padding:2.4rem 2rem;background:#f5f7fa;border-radius:0.6rem;} .witness_box strong{display:block;color:#212529;} /* 공동인증서 > 패턴인증 > 약관동의 */ .agr_check_grp_list{padding:2rem 0.9rem;} /* 금융인증서 > 신규발급 > 안내 */ .certification h6{font-size:1.4rem;font-weight:600;margin-bottom:1rem;} .certification .inf dl{display:flex;justify-content:space-between;} .certification .inf dl + dl{margin:1.2rem 0 0;} .certification .inf dl > dt{color:#6e7780;font-size:1.3rem;line-height:2.2rem;} .certification .inf dl > dd{color:#212529;font-size:1.4rem;line-height:2.2rem;} /* 보안서비스 > 피싱방지이미지설정 > 안내 */ .anti_phishing .cont_tit{margin-bottom:0;margin-top:2.4rem;padding-bottom:0;} .anti_phishing .in_txt{margin-top:0;} .anti_phishing .txtlist_bar p + p{margin-top:0.4rem;} .anti_phishing_set .item_bg:after{content:"";display:block;clear:both} .anti_phishing_set .item_bg li{float:left;width:25%;text-align:center;margin:0.6rem 0;} .anti_phishing_set .item_bg li button{display:inline-block;width:6rem;height:6rem;border-radius:6rem;background-color:#8c959f;position:relative;} .anti_phishing_set .item_bg li button:after{content:'';display:block;position:absolute;left:0;top:0;width:6rem;height:6rem;background:url(/img/bg/bg_password.png) center /6rem auto no-repeat;} .anti_phishing_set .item_color:after{content:"";display:block;clear:both} .anti_phishing_set .item_color li{float:left;width:25%;text-align:center;margin:0.6rem 0;} .anti_phishing_set .item_color li button{display:inline-block;width:6rem;height:6rem;border-radius:6rem;background-color:transparent} .anti_phishing_set .item_color li:nth-child(1) button{background-color:#a162f7} .anti_phishing_set .item_color li:nth-child(2) button{background-color:#82d6b8} .anti_phishing_set .item_color li:nth-child(3) button{background-color:#2ebfd9} .anti_phishing_set .item_color li:nth-child(4) button{background-color:#ffb024} .anti_phishing_set .item_result{display:block;width:8rem;height:8rem;border-radius:8rem;background-color:#ffb024;position:relative;} .anti_phishing_set .item_result i{display:block;position:absolute;left:0;top:0;width:8rem;height:8rem;background:url(/img/bg/bg_password.png) center /contain no-repeat;} /* bottom_sheet */ .bankbook_set .chip_list.del{margin-top:1.2rem;} .bankbook_set .chip_list.del .chip{border:1px solid #e1e3e6;background-color:#fff;padding:0 1.6rem;} .bankbook_set .chip_list.del .chip:after{display:none;} .bankbook_set .chip_list.del .chip i{display:inline-block;vertical-align:middle;margin:-0.2rem 0 0 0.5rem;width:1rem;height:1rem;padding:0;font-size:0;line-height:0} .bankbook_set .chip_list.del .chip i:before{content:'';display:block;position:relative;top:0;left:0.5rem;width:0.1rem;height:1rem;background:#8d959f;transform:rotate(-45deg)} .bankbook_set .chip_list.del .chip i:after{content:'';display:block;position:relative;top:-1rem;left:0.5rem;width:0.1rem;height:1rem;background:#8d959f;transform:rotate(45deg)} .notice_area .info.box{text-align:center;margin-bottom:2.4rem;} .notice_area .info.box strong{display:block;text-align:center;font-size:1.8rem;color:#212529;} .notice_area .notice_txt{text-align:center;font-size:1.6rem;color:#212529;margin-bottom:2.4rem;} .notice_area .in_txt{font-size:1.3rem;color:#6e7780;} .notice_area .caution{font-size:1.4rem;color:#515961;text-align:center;} .notice_area .caution strong{font-weight:700;} .notice_area .caution .tit{display:block;text-align:center;font-size:1.6rem;margin-bottom:1.2rem;} .notice_area .bgA_200.align_c{padding:2.4rem 0;margin-bottom:2.4rem;} .notice_area .button_segmented + .txt_tit{margin-top:1.4rem;} /* 상품몰 */ .bg_dark{padding:3.6rem 2rem;background-color:#21314b;position: relative;} .bg_dark:before{content:'';background:url(/img/contents/bg_slider_logo.png) 100% 1%/50% auto no-repeat;opacity: 0.5;position: absolute;width: 100%; height: 100%; top:-2rem;} .bg_dark > div > .txt_tit {color:#fff;} .img_box{text-align:center;} .img_box > img{max-width:100%;height:auto;} .type_result .txt_box{padding:2.2rem 2.4rem;color:#212529;font-size:1.8rem;line-height:2.6rem;} .type_result .txt_box strong{display:block;} .type_result .txt_box i{margin:-0.3rem 0.2rem 0 0;} .type_description dt{color:#212529;font-size:1.6rem;line-height:3rem;font-weight:700;} .type_description dd{color:#212529;font-size:1.6rem;line-height:2.6rem;} .pdt_mall_slider{padding:3.6rem 0 3rem 0;background-color:#21314b;background-image:url(/img/contents/bg_acc_main_info.png);background-size:90% auto;background-position:100% -10rem;background-repeat:no-repeat;overflow:hidden;}/* Tobe 2021-12-03 jungih */ .pdt_mall_slider > .tit{margin:0 0 1.6rem 2rem;color:#fff;font-size:1.6rem;font-weight:bold;} .pdt_mall_slider .slick-list{margin-bottom:1rem;padding:0 1rem;width:31rem;overflow:visible;} .pdt_mall_slider .card_box{margin:0 0 0 1rem;width:31rem;vertical-align:top;margin-top:0 !important;} .pdt_mall_slider .card_box + .card_box{margin-top:0;} .pdt_mall_slider .card_box .card_tit{padding:2.4rem 1.6rem 0 1.6rem;} .pdt_mall_slider .card_box .card_tit .tit{height:4.8rem;overflow:hidden;} .pdt_mall_slider .card_box .card_tit + .card_cont{padding:0 1.6rem 2.4rem 1.6rem;} .pdt_mall_slider .card_box.ty_pdt_img .card_tit{padding-right:10.5rem;} .pdt_mall_slider .card_box.ty_pdt_img .card_tit .card_img{right:1rem;} .pdt_mall_slider .slick-slider ~ .btn_box{padding-left:2.5rem;text-align:left;} .pdt_mall_slider .slick-slider ~ .btn_box > button:hover{border-color:#c0c6cc ! important;} .pdt_mall_slider .slick-slider ~ .btn_box .dot > span.active{background:#0565f0;} .pdt_mall_slider .slick-slider ~ .btn_box .dot > span:first-child:last-child{display:none;} .pdt_mall_slider .slick-slider ~ .btn_box .dot .slick-dots li.slick-active{background:#0565f0;} .pdt_mall_list{min-height:20rem;} .pdt_mall_menu{margin:-5.2rem 0 0 0;overflow:hidden;overflow-x:auto;} .pdt_mall_menu.fix{left:0;top:5.2rem;margin:0 0 0 0;background-color:#fff;width:100%;z-index:5;} .pdt_mall_menu > ul{font-size: 0;white-space:nowrap;} .pdt_mall_menu li{display:inline-block;min-width:18%;margin-top:0.8rem;padding:0 0.5rem;vertical-align:top;box-sizing:border-box;} .pdt_mall_menu li a{display:block;padding:1rem 0;font-size:1.6rem;color:#6e7780;letter-spacing:-0.02rem;text-align:center;vertical-align:middle;text-decoration:none;word-break:keep-all;} .pdt_mall_menu li.active a{position:relative;font-weight:700;color:#21272a} .pdt_mall_menu li.active a:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:0.2rem;background:#212529} .mall_event_banner > a{position:relative;display:block;} .mall_event_banner img{width:100%;height:auto;} .mall_event_banner .bann_txt{position:absolute;top:50%;left:2.4rem;z-index:1;display:block;font-family:'HGGGothicssi';font-weight:600;color:#fff;font-size:1.2rem;line-height:2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .mall_event_banner .bann_txt strong{display:block;margin-top:0.2rem;font-size:1.6rem;font-weight:400;} /* 온보딩 */ .onboarding{position:relative;height:100%;overflow:hidden;} .onboarding .splash{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;background:#fff;} .onboarding .splash img{width:7.1rem;height:auto;} .onboarding .sub_tit{padding:10rem 0 0;font-family:'HGGGothicssi';font-weight:400;font-size:2.8rem;line-height:3.6rem;text-align:center;} .onboarding .sub_desc{margin-top:1.2rem;color:#8c959f;font-size:1.4rem;line-height:2.2rem;text-align:center;} .onboarding .main > div{position:relative;z-index:1;} .onboarding .main .img{position:absolute;bottom:0;left:0;z-index:0;width:100%;text-align:center;} .onboarding .main .img > img{max-width:100%;width:32rem;} /* 이하 신규 작성 모듈 스타일 */ /* section */ .in_sec{padding-left:2rem;padding-right:2rem;} /* fullpopup공용 */ .in_sec .in_sec{padding-left:0;padding-right:0} .out_sec{margin-left:-2rem;margin-right:-2rem;} .out_sec_right{margin-right:-2rem;} .out_sec .in_sec{padding-left:2rem;padding-right:2rem} .out_sec .in_sec .in_sec{padding-left:0;padding-right:0} .out_sec.list_top_total .in_sec{padding-left:1rem;padding-right:1rem} #jbMain:not(.mobile) .combobox_contents_wrap .inner .combo_content>.in_sec{padding-left:0;padding-right:0;} .full_bgB_100{flex:1;padding-left:2rem;padding-right:2rem;background:#f5f7fa;margin-left:-2rem;margin-right:-2rem;padding-bottom:4rem} .tab.out_sec{width:auto;flex:0 0 4.4rem;} /* 카드 */ .cont_box.fixed_info.request_amount{padding:0;border:1px solid #e1e3e6;border-radius:0.6rem;box-sizing:border-box;box-shadow:0 0.6rem 1.6rem rgba(33,37,41,0.04);background-color:#1d2d47;} .cont_box.fixed_info.request_amount > a{display:block} .cont_box.fixed_info.request_amount .list_group{padding:2.6rem 2.4rem} .cont_box.fixed_info.request_amount .list_group .info{position:relative;padding:0 0 0 7.3rem;} .cont_box.fixed_info.request_amount .list_group .info + .info{margin-top:1.2rem} .cont_box.fixed_info.request_amount .list_group .cell01{font-size:1.4rem;color:#fff;position:absolute;left:0;top:0.4rem;} .cont_box.fixed_info.request_amount .list_group .cell02{font-size:1.8rem;color:#fff;text-align:right;margin:0;} .cont_box.fixed_info.request_amount .list_group .cell02:after{display:inline-block;content:'';width:1.6rem;height:1.6rem;background:url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;margin-left:.4rem;vertical-align:-1px} .cont_box.fixed_info.request_amount .list_group .cell02 i{font-size:2rem;} /* 통합검색 */ .cmm-search-wrap .tab.scrollable{height:auto;} .cmm-search-wrap .tab.scrollable > div{padding:0;height:auto;line-height:normal;scrollbar-width:none;-ms-overflow-style:none;} .cmm-search-wrap .tab.scrollable > div:after{display:none;} .cmm-search-wrap .tab.scrollable > div::-webkti-scrollbar{display:none;} .cmm-search-wrap .tab.scrollable > div > div{position:relative;line-height:4.4rem;} .cmm-search-wrap .tab.scrollable > div > div input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;} .cmm-search-wrap .tab.scrollable > div > div label{font-size:1.6rem;} .cmm-search-wrap .tab.scrollable > div > div input:checked + label{color:#000;} .cmm-search-wrap .tab.scrollable > div > div input:checked + label:after{content:'';display:block;position:absolute;bottom:0.1rem;left:0;width:100%;height:0.1rem;background:#212529} .cmm-search-wrap .form_item.no_label{margin:0.1rem 0 2rem 0;} .cmm-search-wrap .auto-box .menu{margin-bottom:2rem;padding-bottom:2rem;border-bottom:solid 0.1rem #e1e3e6;} .cmm-search-wrap .result-box{margin:0 -2rem 2rem -2rem;padding:2rem;border-bottom:solid 0.8rem #f5f7fa;} .cmm-search-wrap .result-box .btn{overflow:hidden;overflow-x:auto;white-space:nowrap;} .cmm-search-wrap .result-box .btn > button + button{margin-left:0.5rem;} .cmm-search-wrap .best-box{padding-bottom:2rem;border-bottom:solid 0.1rem #e1e3e6;} .cmm-search-wrap .latest-box li{position:relative;padding:1rem 0;border-bottom:solid 0.1rem #e1e3e6;} .cmm-search-wrap .latest-box li .delete{position:absolute;right:0;top:50%;width:2rem;height:2rem;border-radius:50%;transform:translateY(-50%);font-size: 0rem;background:#ddd;} .cmm-search-wrap .latest-box li .date{position:absolute;right:4rem;top:50%;transform:translateY(-50%);} .cmm-search-wrap .latest-box li .delete:after{content:'';display:block;width:0.2rem;height:1.2rem;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) ;background-color: #fff;border-radius:0.2rem; } .cmm-search-wrap .latest-box li .delete:before{content:'';display:block;width:0.2rem;height:1.2rem;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg) ;background-color: #fff;border-radius:0.2rem;} /* 메뉴 검색 영역0922 */ .cmm-search-wrap .auto-box .menu li{margin-bottom:1.2rem;} .cmm-search-wrap .auto-box .menu li:last-child{margin-bottom:0;} .cmm-search-wrap .auto-box button{width:100%;text-align:left;background:transparent;} .cmm-search-wrap .location li{margin-bottom:1.2rem;} .cmm-search-wrap .location li:last-child{margin-bottom:0;} .cmm-search-wrap .latest-box, .cmm-search-wrap .menu-box, .cmm-search-wrap .notice-box, .cmm-search-wrap .event-box, .cmm-search-wrap .faq-box, .cmm-search-wrap .product-box{margin:0 -2rem;padding:2rem;border-bottom:solid 0.8rem #f5f7fa;} .cmm-search-wrap .btn_area{margin-top:2rem;} .cmm-search-wrap .btn_area .btnA_more{margin:0;} /* 상품약관동의 */ .agree_wrap{margin-top:4rem;padding-bottom:8rem;background-color:#f5f7fa;} .agree_wrap .box_check{background-color: #f5f7fa; padding: 3.5rem 2rem 0; border: 0;} .agree_wrap .box_check .check_large_bg{display:flex;padding-left:0.8rem;} .agree_wrap .box_check .check_large_bg input{min-width:2.6rem;} /* 지역선택 */ .cmm-form-group{margin:0;font-size:0;} .cmm-form-group *[class^="cmm-"]{display:inline-block;padding:0.6rem 0.4rem;width:33.3%;} .cmm-form-group *[class^="cmm-"] .base_style{position:relative;width:100%;font-size:1.4rem;text-align:center;} .cmm-form-group *[class^="cmm-"] .base_style input{position:absolute;top:0;left:0;width:100%;height:100%;border:0.1rem solid #e1e3e6;border-radius:0.6rem;} .cmm-form-group *[class^="cmm-"] .base_style input:before{display:none;} .cmm-form-group *[class^="cmm-"] .base_style span{padding:0;line-height:5rem;color:#6e7780;font-weight:bold;word-break:keep-all;} .cmm-form-group *[class^="cmm-"] .base_style input:checked{border:1px solid #0565f0;} .cmm-form-group *[class^="cmm-"] .base_style input:checked + span{color:#0565f0;} /* kys */ .box_certif_choice{display:flex;margin-top:1.9rem} .box_certif_choice .ico_menu{position:relative;display:inline-block;flex-basis:50%;border:1px solid #e1e3e6;border-radius:0.5rem;text-align:center} .box_certif_choice .ico_menu a{box-shadow:none;padding:6.8rem 1.2rem 1.0rem;text-align:center;height:4.8rem;line-height:2rem;font-size:1.3rem;font-weight:300;color:#515961;box-sizing:content-box} .box_certif_choice .ico_menu a i{display:inline-block;position:absolute;top:1.2rem;right:50%;width:4.8rem;height:4.8rem;margin-right:-2.4rem;border-radius:4.8rem;background:#82d6b8} .box_certif_choice .ico_menu a i:before{content:'';display:inline-block;width:2.4rem;height:2.4rem;margin-top:1.1rem;background:url(/img/common/ico_set.png) -15rem -50rem/60rem auto no-repeat} .box_certif_choice div.ico_menu:nth-child(1) i{background:#20529e} .box_certif_choice div.ico_menu:nth-child(1) i:before{background-position:-15rem -50rem} .box_certif_choice div.ico_menu:nth-child(2){margin-left:.8rem} .box_certif_choice div.ico_menu:nth-child(2) i{background:#20529e} .box_certif_choice div.ico_menu:nth-child(2) i:before{background-position:-20rem -50rem} /* AsIs Event */ .evt_detail_header{padding:2.5rem 0rem;border-bottom:solid 0.1rem #f2f5f7;} .event_detail > dl dt{margin-bottom:1rem;color:#515961;font-size:1.6rem;font-weight:bold;} .event_detail > dl dd{margin-bottom:2.4rem;color:#515961;font-size:1.4rem;} .event_detail #event_guide_txt {display:none;} /*tobe event form*/ .eV{padding-top:2.4rem} /*정렬*/ .tC *, .tC{text-align:center !important;} .tL *, .tL{text-align:left !important;} .tR *, .tR{text-align:right !important;} .wB{font-weight:bold !important;} .wN{font-weight:normal !important;} .kA{word-break:keep-all !important;} .kN{word-break:normal !important;} /*컬러*/ .cG5{color:#f5f7fa !important} .cG10{color:#f2f5f7 !important} .cG20{color:#e1e3e6 !important} .cG30{color:#d3d7db !important} .cG40{color:#c0c6cc !important} .cG50{color:#a9b0b9 !important} .cG60{color:#8c959f !important} .cG70{color:#6e7780 !important} .cG80{color:#515961 !important} .cG90{color:#363c42 !important} .cG100{color:#363c42 !important} .cG110{color:#000000 !important} .cB5{color:#f0f6ff !important} .cB10{color:#e6f1ff !important} .cB20{color:#c2dcff !important} .cB30{color:#91bdfa !important} .cB40{color:#5697f0 !important} .cB50{color:#307ff0 !important} .cB60{color:#0565f0 !important} .cB70{color:#175ec7 !important} .cB80{color:#20529e !important} .cB90{color:#22406f !important} .cB100{color:#1d2d47 !important} .cB110{color:#adc9ff !important} /* 텍스트 */ .t30{font-size:3rem; line-height:3.8rem;letter-spacing:-0.1px;} .t28{font-size:2.8rem;line-height:3.6rem;letter-spacing:-0.2px;}/* Tobe 2022-01-04 joar */ .t24{font-size:2.4rem;line-height:3.2rem;letter-spacing:-0.2px;}/* Tobe 2022-01-04 joar */ .t22{font-size:2.2rem;line-height:3rem;letter-spacing:-0.2px;}/* Tobe 2022-01-05 joar */ .t20{display:block;font-size:2rem;line-height:3rem;letter-spacing:-0.2px;} .t18{display:block;font-size:1.8rem;line-height:2.6rem;letter-spacing:-0.2px;} .t16{display:block;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.2px;} .t15{display:block;font-size:1.5rem;line-height:2.2rem;letter-spacing:-0.2px;} .t14{display:block;font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.1px;} .t13{display:block;font-size:1.3rem;line-height:2.0rem;letter-spacing:0px;} .t11{display:block;font-size:1.1rem;line-height:1.6rem;letter-spacing:0px;} .text_warning{padding-left:2rem;background:url(/img/contents/Status_Warning.png) no-repeat left top 0.1rem/1.6rem auto;} b.t20, b.t18, b.t16, b.t15, b.t14, b.t13, b.t11{font-weight:bold;color:#363c42;} p.t20, p.t18, p.t16, p.t15, p.t14{font-weight:normal;color:#515961;} p.t13, p.t11{font-weight:normal;color:#6E7780;} .mT-1{margin-top:-0.1rem !important;} .mT-2{margin-top:-0.2rem !important;} .mT-3{margin-top:-0.3rem !important;} .mT-4{margin-top:-0.4rem !important;} .mT-5{margin-top:-0.5rem !important;} .mT-6{margin-top:-0.6rem !important;} .mT-7{margin-top:-0.7rem !important;} .mT-8{margin-top:-0.8rem !important;} .mT-9{margin-top:-0.9rem !important;} .mT-10{margin-top:-1.0rem !important;} .mT-11{margin-top:-1.1rem !important;} .mT-12{margin-top:-1.2rem !important;} .mT-13{margin-top:-1.3rem !important;} .mT-14{margin-top:-1.4rem !important;} .mT-15{margin-top:-1.5rem !important;} .mT-16{margin-top:-1.6rem !important;} .mT-17{margin-top:-1.7rem !important;} .mT-18{margin-top:-1.8rem !important;} .mT-19{margin-top:-1.9rem !important;} .mT-20{margin-top:-2.0rem !important;} .mT-21{margin-top:-2.1rem !important;} .mT-22{margin-top:-2.2rem !important;} .mT-23{margin-top:-2.3rem !important;} .mT-24{margin-top:-2.4rem !important;} .mT-25{margin-top:-2.5rem !important;} .mT-26{margin-top:-2.6rem !important;} .mT-27{margin-top:-2.7rem !important;} .mT-28{margin-top:-2.8rem !important;} .mT-29{margin-top:-2.9rem !important;} .mT-30{margin-top:-3.0rem !important;} .mT-31{margin-top:-3.1rem !important;} .mT-32{margin-top:-3.2rem !important;} .mT-33{margin-top:-3.3rem !important;} .mT-34{margin-top:-3.4rem !important;} .mT-35{margin-top:-3.5rem !important;} .mT-36{margin-top:-3.6rem !important;} .mT-37{margin-top:-3.7rem !important;} .mT-38{margin-top:-3.8rem !important;} .mT-39{margin-top:-3.9rem !important;} .mT-40{margin-top:-4.0rem !important;} .mT-41{margin-top:-4.1rem !important;} .mT-42{margin-top:-4.2rem !important;} .mT-43{margin-top:-4.3rem !important;} .mT-44{margin-top:-4.4rem !important;} .mT-45{margin-top:-4.5rem !important;} .mT-46{margin-top:-4.6rem !important;} .mT-47{margin-top:-4.7rem !important;} .mT-48{margin-top:-4.8rem !important;} .mT-49{margin-top:-4.9rem !important;} .mT-50{margin-top:-5.0rem !important;} .mT-51{margin-top:-5.1rem !important;} .mT-52{margin-top:-5.2rem !important;} .mT-53{margin-top:-5.3rem !important;} .mT-54{margin-top:-5.4rem !important;} .mT-55{margin-top:-5.5rem !important;} .mT-56{margin-top:-5.6rem !important;} .mT-57{margin-top:-5.7rem !important;} .mT-58{margin-top:-5.8rem !important;} .mT-59{margin-top:-5.9rem !important;} .mT-60{margin-top:-6.0rem !important;} .mT0{margin-top:0 !important;} .mT1{margin-top:0.1rem !important;} .mT2{margin-top:0.2rem !important;} .mT3{margin-top:0.3rem !important;} .mT4{margin-top:0.4rem !important;} .mT5{margin-top:0.5rem !important;} .mT6{margin-top:0.6rem !important;} .mT7{margin-top:0.7rem !important;} .mT8{margin-top:0.8rem !important;} .mT9{margin-top:0.9rem !important;} .mT10{margin-top:1.0rem !important;} .mT11{margin-top:1.1rem !important;} .mT12{margin-top:1.2rem !important;} .mT13{margin-top:1.3rem !important;} .mT14{margin-top:1.4rem !important;} .mT15{margin-top:1.5rem !important;} .mT16{margin-top:1.6rem !important;} .mT17{margin-top:1.7rem !important;} .mT18{margin-top:1.8rem !important;} .mT19{margin-top:1.9rem !important;} .mT20{margin-top:2.0rem !important;} .mT21{margin-top:2.1rem !important;} .mT22{margin-top:2.2rem !important;} .mT23{margin-top:2.3rem !important;} .mT24{margin-top:2.4rem !important;} .mT25{margin-top:2.5rem !important;} .mT26{margin-top:2.6rem !important;} .mT27{margin-top:2.7rem !important;} .mT28{margin-top:2.8rem !important;} .mT29{margin-top:2.9rem !important;} .mT30{margin-top:3.0rem !important;} .mT31{margin-top:3.1rem !important;} .mT32{margin-top:3.2rem !important;} .mT33{margin-top:3.3rem !important;} .mT34{margin-top:3.4rem !important;} .mT35{margin-top:3.5rem !important;} .mT36{margin-top:3.6rem !important;} .mT37{margin-top:3.7rem !important;} .mT38{margin-top:3.8rem !important;} .mT39{margin-top:3.9rem !important;} .mT40{margin-top:4.0rem !important;} .mT41{margin-top:4.1rem !important;} .mT42{margin-top:4.2rem !important;} .mT43{margin-top:4.3rem !important;} .mT44{margin-top:4.4rem !important;} .mT45{margin-top:4.5rem !important;} .mT46{margin-top:4.6rem !important;} .mT47{margin-top:4.7rem !important;} .mT48{margin-top:4.8rem !important;} .mT49{margin-top:4.9rem !important;} .mT50{margin-top:5.0rem !important;} .mT51{margin-top:5.1rem !important;} .mT52{margin-top:5.2rem !important;} .mT53{margin-top:5.3rem !important;} .mT54{margin-top:5.4rem !important;} .mT55{margin-top:5.5rem !important;} .mT56{margin-top:5.6rem !important;} .mT57{margin-top:5.7rem !important;} .mT58{margin-top:5.8rem !important;} .mT59{margin-top:5.9rem !important;} .mT60{margin-top:6.0rem !important;} .mB01{margin-bottom:0.1rem !important;} .mB02{margin-bottom:0.2rem !important;} .mB03{margin-bottom:0.3rem !important;} .mB04{margin-bottom:0.4rem !important;} .mB05{margin-bottom:0.5rem !important;} .mB06{margin-bottom:0.6rem !important;} .mB07{margin-bottom:0.7rem !important;} .mB08{margin-bottom:0.8rem !important;} .mB09{margin-bottom:0.9rem !important;} .mB10{margin-bottom:1.0rem !important;} .mB11{margin-bottom:1.1rem !important;} .mB12{margin-bottom:1.2rem !important;} .mB13{margin-bottom:1.3rem !important;} .mB14{margin-bottom:1.4rem !important;} .mB15{margin-bottom:1.5rem !important;} .mB16{margin-bottom:1.6rem !important;} .mB17{margin-bottom:1.7rem !important;} .mB18{margin-bottom:1.8rem !important;} .mB19{margin-bottom:1.9rem !important;} .mB20{margin-bottom:2.0rem !important;} .mB21{margin-bottom:2.1rem !important;} .mB22{margin-bottom:2.2rem !important;} .mB23{margin-bottom:2.3rem !important;} .mB24{margin-bottom:2.4rem !important;} .mB25{margin-bottom:2.5rem !important;} .mB26{margin-bottom:2.6rem !important;} .mB27{margin-bottom:2.7rem !important;} .mB28{margin-bottom:2.8rem !important;} .mB29{margin-bottom:2.9rem !important;} .mB30{margin-bottom:3.0rem !important;} .mB31{margin-bottom:3.1rem !important;} .mB32{margin-bottom:3.2rem !important;} .mB33{margin-bottom:3.3rem !important;} .mB34{margin-bottom:3.4rem !important;} .mB35{margin-bottom:3.5rem !important;} .mB36{margin-bottom:3.6rem !important;} .mB37{margin-bottom:3.7rem !important;} .mB38{margin-bottom:3.8rem !important;} .mB39{margin-bottom:3.9rem !important;} .mB40{margin-bottom:4.0rem !important;} .mB41{margin-bottom:4.1rem !important;} .mB42{margin-bottom:4.2rem !important;} .mB43{margin-bottom:4.3rem !important;} .mB44{margin-bottom:4.4rem !important;} .mB45{margin-bottom:4.5rem !important;} .mB46{margin-bottom:4.6rem !important;} .mB47{margin-bottom:4.7rem !important;} .mB48{margin-bottom:4.8rem !important;} .mB49{margin-bottom:4.9rem !important;} .mB50{margin-bottom:5.0rem !important;} .mB51{margin-bottom:5.1rem !important;} .mB52{margin-bottom:5.2rem !important;} .mB53{margin-bottom:5.3rem !important;} .mB54{margin-bottom:5.4rem !important;} .mB55{margin-bottom:5.5rem !important;} .mB56{margin-bottom:5.6rem !important;} .mB57{margin-bottom:5.7rem !important;} .mB58{margin-bottom:5.8rem !important;} .mB59{margin-bottom:5.9rem !important;} .mB60{margin-bottom:6.0rem !important;} .mB-01{margin-bottom:-0.1rem !important;} .mB-02{margin-bottom:-0.2rem !important;} .mB-03{margin-bottom:-0.3rem !important;} .mB-04{margin-bottom:-0.4rem !important;} .mB-05{margin-bottom:-0.5rem !important;} .mB-06{margin-bottom:-0.6rem !important;} .mB-07{margin-bottom:-0.7rem !important;} .mB-08{margin-bottom:-0.8rem !important;} .mB-09{margin-bottom:-0.9rem !important;} .mB-10{margin-bottom:-1.0rem !important;} .mB-11{margin-bottom:-1.1rem !important;} .mB-12{margin-bottom:-1.2rem !important;} .mB-13{margin-bottom:-1.3rem !important;} .mB-14{margin-bottom:-1.4rem !important;} .mB-15{margin-bottom:-1.5rem !important;} .mB-16{margin-bottom:-1.6rem !important;} .mB-17{margin-bottom:-1.7rem !important;} .mB-18{margin-bottom:-1.8rem !important;} .mB-19{margin-bottom:-1.9rem !important;} .mB-20{margin-bottom:-2.0rem !important;} .mB-21{margin-bottom:-2.1rem !important;} .mB-22{margin-bottom:-2.2rem !important;} .mB-23{margin-bottom:-2.3rem !important;} .mB-24{margin-bottom:-2.4rem !important;} .mB-25{margin-bottom:-2.5rem !important;} .mB-26{margin-bottom:-2.6rem !important;} .mB-27{margin-bottom:-2.7rem !important;} .mB-28{margin-bottom:-2.8rem !important;} .mB-29{margin-bottom:-2.9rem !important;} .mB-30{margin-bottom:-3.0rem !important;} .mB-31{margin-bottom:-3.1rem !important;} .mB-32{margin-bottom:-3.2rem !important;} .mB-33{margin-bottom:-3.3rem !important;} .mB-34{margin-bottom:-3.4rem !important;} .mB-35{margin-bottom:-3.5rem !important;} .mB-36{margin-bottom:-3.6rem !important;} .mB-37{margin-bottom:-3.7rem !important;} .mB-38{margin-bottom:-3.8rem !important;} .mB-39{margin-bottom:-3.9rem !important;} .mB-40{margin-bottom:-4.0rem !important;} .mB-41{margin-bottom:-4.1rem !important;} .mB-42{margin-bottom:-4.2rem !important;} .mB-43{margin-bottom:-4.3rem !important;} .mB-44{margin-bottom:-4.4rem !important;} .mB-45{margin-bottom:-4.5rem !important;} .mB-46{margin-bottom:-4.6rem !important;} .mB-47{margin-bottom:-4.7rem !important;} .mB-48{margin-bottom:-4.8rem !important;} .mB-49{margin-bottom:-4.9rem !important;} .mB-50{margin-bottom:-5.0rem !important;} .mB-51{margin-bottom:-4.1rem !important;} .mB-52{margin-bottom:-4.2rem !important;} .mB-53{margin-bottom:-4.3rem !important;} .mB-54{margin-bottom:-4.4rem !important;} .mB-55{margin-bottom:-4.5rem !important;} .mB-56{margin-bottom:-4.6rem !important;} .mB-57{margin-bottom:-4.7rem !important;} .mB-58{margin-bottom:-4.8rem !important;} .mB-59{margin-bottom:-4.9rem !important;} .mB-60{margin-bottom:-6.0rem !important;} .mR1{margin-right:0.1rem !important;} .mR2{margin-right:0.2rem !important;} .mR3{margin-right:0.3rem !important;} .mR4{margin-right:0.4rem !important;} .mR5{margin-right:0.5rem !important;} .mR6{margin-right:0.6rem !important;} .mR7{margin-right:0.7rem !important;} .mR8{margin-right:0.9rem !important;} .mR9{margin-right:0.9rem !important;} .mR10{margin-right:1rem !important;} .pT1{padding-top:0.1rem !important;} .pT2{padding-top:0.2rem !important;} .pT3{padding-top:0.3rem !important;} .pT4{padding-top:0.4rem !important;} .pT5{padding-top:0.5rem !important;} .pT6{padding-top:0.6rem !important;} .pT7{padding-top:0.7rem !important;} .pT8{padding-top:0.8rem !important;} .pT9{padding-top:0.9rem !important;} .pT10{padding-top:1.0rem !important;} .pT11{padding-top:1.1rem !important;} .pT12{padding-top:1.2rem !important;} .pT13{padding-top:1.3rem !important;} .pT14{padding-top:1.4rem !important;} .pT15{padding-top:1.5rem !important;} .pT16{padding-top:1.6rem !important;} .pT17{padding-top:1.7rem !important;} .pT18{padding-top:1.8rem !important;} .pT19{padding-top:1.9rem !important;} .pT20{padding-top:2.0rem !important;} .pT21{padding-top:2.1rem !important;} .pT22{padding-top:2.2rem !important;} .pT23{padding-top:2.3rem !important;} .pT24{padding-top:2.4rem !important;} .pT25{padding-top:2.5rem !important;} .pT26{padding-top:2.6rem !important;} .pT27{padding-top:2.7rem !important;} .pT28{padding-top:2.8rem !important;} .pT29{padding-top:2.9rem !important;} .pT30{padding-top:3.0rem !important;} .pT31{padding-top:3.1rem !important;} .pT32{padding-top:3.2rem !important;} .pT33{padding-top:3.3rem !important;} .pT34{padding-top:3.4rem !important;} .pT35{padding-top:3.5rem !important;} .pT36{padding-top:3.6rem !important;} .pT37{padding-top:3.7rem !important;} .pT38{padding-top:3.8rem !important;} .pT39{padding-top:3.9rem !important;} .pT40{padding-top:4.0rem !important;} .pT41{padding-top:4.1rem !important;} .pT42{padding-top:4.2rem !important;} .pT43{padding-top:4.3rem !important;} .pT44{padding-top:4.4rem !important;} .pT45{padding-top:4.5rem !important;} .pT46{padding-top:4.6rem !important;} .pT47{padding-top:4.7rem !important;} .pT48{padding-top:4.8rem !important;} .pT49{padding-top:4.9rem !important;} .pT50{padding-top:5.0rem !important;} .pT51{padding-top:5.1rem !important;} .pT52{padding-top:5.2rem !important;} .pT53{padding-top:5.3rem !important;} .pT54{padding-top:5.4rem !important;} .pT55{padding-top:5.5rem !important;} .pT56{padding-top:5.6rem !important;} .pT57{padding-top:5.7rem !important;} .pT58{padding-top:5.8rem !important;} .pT59{padding-top:5.9rem !important;} .pT60{padding-top:6.0rem !important;} .pL1{padding-left:0.1rem !important;} .pL2{padding-left:0.2rem !important;} .pL3{padding-left:0.3rem !important;} .pL4{padding-left:0.4rem !important;} .pL5{padding-left:0.5rem !important;} .pL6{padding-left:0.6rem !important;} .pL7{padding-left:0.7rem !important;} .pL8{padding-left:0.8rem !important;} .pL9{padding-left:0.9rem !important;} .pL10{padding-left:1.0rem !important;} .pL11{padding-left:1.1rem !important;} .pL12{padding-left:1.2rem !important;} .pL13{padding-left:1.3rem !important;} .pL14{padding-left:1.4rem !important;} .pL15{padding-left:1.5rem !important;} .pL16{padding-left:1.6rem !important;} .pL17{padding-left:1.7rem !important;} .pL18{padding-left:1.8rem !important;} .pL19{padding-left:1.9rem !important;} .pL20{padding-left:2.0rem !important;} .pL21{padding-left:2.1rem !important;} .pL22{padding-left:2.2rem !important;} .pL23{padding-left:2.3rem !important;} .pL24{padding-left:2.4rem !important;} .pL25{padding-left:2.5rem !important;} .pL26{padding-left:2.6rem !important;} .pL27{padding-left:2.7rem !important;} .pL28{padding-left:2.8rem !important;} .pL29{padding-left:2.9rem !important;} .pL30{padding-left:3.0rem !important;} .pL31{padding-left:3.1rem !important;} .pL32{padding-left:3.2rem !important;} .pL33{padding-left:3.3rem !important;} .pL34{padding-left:3.4rem !important;} .pL35{padding-left:3.5rem !important;} .pL36{padding-left:3.6rem !important;} .pL37{padding-left:3.7rem !important;} .pL38{padding-left:3.8rem !important;} .pL39{padding-left:3.9rem !important;} .pL40{padding-left:4.0rem !important;} .pL41{padding-left:4.1rem !important;} .pL42{padding-left:4.2rem !important;} .pL43{padding-left:4.3rem !important;} .pL44{padding-left:4.4rem !important;} .pL45{padding-left:4.5rem !important;} .pL46{padding-left:4.6rem !important;} .pL47{padding-left:4.7rem !important;} .pL48{padding-left:4.8rem !important;} .pL49{padding-left:4.9rem !important;} .pL50{padding-left:5.0rem !important;} .pL51{padding-left:5.1rem !important;} .pL52{padding-left:5.2rem !important;} .pL53{padding-left:5.3rem !important;} .pL54{padding-left:5.4rem !important;} .pL55{padding-left:5.5rem !important;} .pL56{padding-left:5.6rem !important;} .pL57{padding-left:5.7rem !important;} .pL58{padding-left:5.8rem !important;} .pL59{padding-left:5.9rem !important;} .pL60{padding-left:6.0rem !important;} .pR1{padding-right:0.1rem !important;} .pR2{padding-right:0.2rem !important;} .pR3{padding-right:0.3rem !important;} .pR4{padding-right:0.4rem !important;} .pR5{padding-right:0.5rem !important;} .pR6{padding-right:0.6rem !important;} .pR7{padding-right:0.7rem !important;} .pR8{padding-right:0.8rem !important;} .pR9{padding-right:0.9rem !important;} .pR10{padding-right:1.0rem !important;} .pR11{padding-right:1.1rem !important;} .pR12{padding-right:1.2rem !important;} .pR13{padding-right:1.3rem !important;} .pR14{padding-right:1.4rem !important;} .pR15{padding-right:1.5rem !important;} .pR16{padding-right:1.6rem !important;} .pR17{padding-right:1.7rem !important;} .pR18{padding-right:1.8rem !important;} .pR19{padding-right:1.9rem !important;} .pR20{padding-right:2.0rem !important;} .pR21{padding-right:2.1rem !important;} .pR22{padding-right:2.2rem !important;} .pR23{padding-right:2.3rem !important;} .pR24{padding-right:2.4rem !important;} .pR25{padding-right:2.5rem !important;} .pR26{padding-right:2.6rem !important;} .pR27{padding-right:2.7rem !important;} .pR28{padding-right:2.8rem !important;} .pR29{padding-right:2.9rem !important;} .pR30{padding-right:3.0rem !important;} .pR31{padding-right:3.1rem !important;} .pR32{padding-right:3.2rem !important;} .pR33{padding-right:3.3rem !important;} .pR34{padding-right:3.4rem !important;} .pR35{padding-right:3.5rem !important;} .pR36{padding-right:3.6rem !important;} .pR37{padding-right:3.7rem !important;} .pR38{padding-right:3.8rem !important;} .pR39{padding-right:3.9rem !important;} .pR40{padding-right:4.0rem !important;} .pR41{padding-right:4.1rem !important;} .pR42{padding-right:4.2rem !important;} .pR43{padding-right:4.3rem !important;} .pR44{padding-right:4.4rem !important;} .pR45{padding-right:4.5rem !important;} .pR46{padding-right:4.6rem !important;} .pR47{padding-right:4.7rem !important;} .pR48{padding-right:4.8rem !important;} .pR49{padding-right:4.9rem !important;} .pR50{padding-right:5.0rem !important;} .pR51{padding-right:5.1rem !important;} .pR52{padding-right:5.2rem !important;} .pR53{padding-right:5.3rem !important;} .pR54{padding-right:5.4rem !important;} .pR55{padding-right:5.5rem !important;} .pR56{padding-right:5.6rem !important;} .pR57{padding-right:5.7rem !important;} .pR58{padding-right:5.8rem !important;} .pR59{padding-right:5.9rem !important;} .pR60{padding-right:6.0rem !important;} .pB01{padding-bottom:0.1rem !important;} .pB02{padding-bottom:0.2rem !important;} .pB03{padding-bottom:0.3rem !important;} .pB04{padding-bottom:0.4rem !important;} .pB05{padding-bottom:0.5rem !important;} .pB06{padding-bottom:0.6rem !important;} .pB07{padding-bottom:0.7rem !important;} .pB08{padding-bottom:0.8rem !important;} .pB09{padding-bottom:0.9rem !important;} .pB10{padding-bottom:1.0rem !important;} .pB11{padding-bottom:1.1rem !important;} .pB12{padding-bottom:1.2rem !important;} .pB13{padding-bottom:1.3rem !important;} .pB14{padding-bottom:1.4rem !important;} .pB15{padding-bottom:1.5rem !important;} .pB16{padding-bottom:1.6rem !important;} .pB17{padding-bottom:1.7rem !important;} .pB18{padding-bottom:1.8rem !important;} .pB19{padding-bottom:1.9rem !important;} .pB20{padding-bottom:2.0rem !important;} .pB21{padding-bottom:2.1rem !important;} .pB22{padding-bottom:2.2rem !important;} .pB23{padding-bottom:2.3rem !important;} .pB24{padding-bottom:2.4rem !important;} .pB25{padding-bottom:2.5rem !important;} .pB26{padding-bottom:2.6rem !important;} .pB27{padding-bottom:2.7rem !important;} .pB28{padding-bottom:2.8rem !important;} .pB29{padding-bottom:2.9rem !important;} .pB30{padding-bottom:3.0rem !important;} .pB31{padding-bottom:3.1rem !important;} .pB32{padding-bottom:3.2rem !important;} .pB33{padding-bottom:3.3rem !important;} .pB34{padding-bottom:3.4rem !important;} .pB35{padding-bottom:3.5rem !important;} .pB36{padding-bottom:3.6rem !important;} .pB37{padding-bottom:3.7rem !important;} .pB38{padding-bottom:3.8rem !important;} .pB39{padding-bottom:3.9rem !important;} .pB40{padding-bottom:4.0rem !important;} .pB41{padding-bottom:4.1rem !important;} .pB42{padding-bottom:4.2rem !important;} .pB43{padding-bottom:4.3rem !important;} .pB44{padding-bottom:4.4rem !important;} .pB45{padding-bottom:4.5rem !important;} .pB46{padding-bottom:4.6rem !important;} .pB47{padding-bottom:4.7rem !important;} .pB48{padding-bottom:4.8rem !important;} .pB49{padding-bottom:4.9rem !important;} .pB50{padding-bottom:5.0rem !important;} .pB51{padding-bottom:5.1rem !important;} .pB52{padding-bottom:5.2rem !important;} .pB53{padding-bottom:5.3rem !important;} .pB54{padding-bottom:5.4rem !important;} .pB55{padding-bottom:5.5rem !important;} .pB56{padding-bottom:5.6rem !important;} .pB57{padding-bottom:5.7rem !important;} .pB58{padding-bottom:5.8rem !important;} .pB59{padding-bottom:5.9rem !important;} .pB60{padding-bottom:6.0rem !important;} .innerHeight{min-height:100%;background-color:#f5f7fa;margin-left:-2rem;width:calc(100% + 4rem);padding:0 2rem;} /*타이틀 없는 바텀시트 팝업*/ .bottomPopupNotit.combobox_contents_wrap .combo_title{display:none;} .bottomPopupNotit.combobox_contents_wrap .combo_sheet_area .inner{min-height:auto;} .bottomPopupNotit.combobox_contents_wrap .combo_content, .bottomPopupNotit.combobox_contents_wrap .combo_contents{max-height:100%} /*닫기버튼 없는 버텀시트 팝업*/ .bottomPopupNoClose.combobox_contents_wrap .combo_close{display:none;} /*라인없는*/ .bottomPopupNoLine.combobox_contents_wrap .combo_title.line_ty:before{display:none} .bottomPopupNoLine.combobox_contents_wrap .combo_content{padding-top:0;} .noTitInnerPopArea{padding:4.8rem 2.8rem 2.8rem 2.8rem;box-sizing:border-box} .eV .mb_dp{display:none;} .eV .evTb table {table-layout:fixed;width:100%;border-collapse:inherit;} .eV .evTb table caption {height:0;text-indent:-9999px;} .eV .evTb {position:relative;width:100%;height:auto;margin:1.2rem 0 1.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;} .eV .evTb:before {content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:1px;background-color:#515961;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;} .eV .evTb table thead th {font-size:1.4rem;color:#363C42;font-weight:bold;line-height:2rem;letter-spacing:-0.5px;text-align:center;display:table-cell;padding:1rem 0.7rem 0.9rem 0.7rem;word-break:keep-all;background-color:#F2F5F7;border-right:1px solid #E1E3E6;;border-bottom:1px solid #E1E3E6;} .eV .evTb table thead th:last-child {border-right:none;} .eV .evTb table tbody td {font-size:1.4rem;color:#515961;font-weight:400;line-height:2rem;letter-spacing:-0.25px;text-align:center;display:table-cell;padding:0.9rem 1.6rem 1rem 1.6rem;word-break:keep-all;border-bottom:1px solid #E1E3E6;border-right:1px solid #E1E3E6;} .eV .evTb table tbody td:last-child {border-right: none;} .eV .evTb.ty2 table tbody td {padding:1rem 1.2rem;word-break:normal;} .tableA table {table-layout:fixed;width:100%;border-collapse:inherit;} .tableA table caption {height:0;text-indent:-9999px;} .tableA {position:relative;width:100%;height:auto;margin:1.2rem 0 1.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;} .tableA:before {content:"";display:block;position:absolute;top:0px;left:0px;width:100%;height:1px;background-color:#515961;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;} .tableA table thead th {font-size:1.4rem;color:#363C42;font-weight:bold;line-height:2rem;letter-spacing:-0.5px;text-align:center;display:table-cell;padding:1rem 0.7rem 0.9rem 0.7rem;word-break:keep-all;background-color:#F2F5F7;border-right:1px solid #E1E3E6;;border-bottom:1px solid #E1E3E6;} .tableA table thead th:last-child {border-right:none;} .tableA table tbody th {font-size:1.4rem;color:#363C42;font-weight:bold;line-height:2rem;letter-spacing:-0.5px;text-align:center;display:table-cell;padding:1rem 0.7rem 0.9rem 0.7rem;word-break:keep-all;background-color:#F2F5F7;border-right:1px solid #E1E3E6;;border-bottom:1px solid #E1E3E6;} .tableA table tbody td {font-size:1.4rem;color:#515961;font-weight:400;line-height:2rem;letter-spacing:-0.25px;text-align:center;display:table-cell;padding:0.9rem 1.6rem 1rem 1.6rem;word-break:keep-all;border-bottom:1px solid #E1E3E6;border-right:1px solid #E1E3E6;} .tableA table tbody td:last-child {border-right: none;} .tableA table tbody td.tL, .tableA table tbody td.tR{padding-left:1.2rem;padding-right:1.2rem} .tableA table tbody tr.total td{font-size:1.4rem;color:#363C42;font-weight:bold;line-height:2rem;letter-spacing:-0.5px;text-align:center;display:table-cell;padding:1rem 0.7rem 0.9rem 0.7rem;word-break:keep-all;background-color:#F2F5F7;} .tableA.pd12 table tbody td{padding:1.2rem 1.2rem 1rem 1.2rem} .tableA.eachTable th, .tableA.eachTable td{display:none;} .tableA.eachTable th.show, .tableA.eachTable td.show{display:table-cell;} .imgLine{width:100%;font-size:0;margin:1.6rem 0 0.8rem 0;} .imgLine>img{display:inline-block;vertical-align:top;margin:0 0.8rem 0.8rem 0;width:14rem;} .eV .evTop{width:100%;margin-bottom:2.4rem;} .eV .evTop>img{display:block;width:100%;} .eV .cBox{width:100%;padding:1.6rem 2rem;box-sizing:border-box;background-color:#F5F7FA;margin:2.4rem 0 4.8rem 0;border-radius:0.6rem;} .eV .cBox>p{margin-top:0.8rem;} .eV .evLink{font-size:0;margin:3.6rem 0 3.6rem 0;text-align:center;} .eV .evLink>a{display:inline-block;width:100%;max-width:48rem;height:5.2rem;line-height:5.6rem;font-size:1.6rem;letter-spacing:-0.1px;font-weight:bold;color:#fff;background-color:#AC3627;border-radius:0.6rem;} .eV .evLink>a + a{margin-top:1.2rem} .eV .evLink + .cmm_toggle_box{margin-top:6rem;} .eV .t16:nth-of-type(n+2){margin-top:2.4rem;} .eV .t16 + .t14{margin-top:0.8rem;} .eV .t16 + .t16{margin-top:1.2rem;} .eV p.wB.t16 + .t14{margin-top:0.4rem;} .eV .evTb + .t13{margin-top:0;} .eV .t13 + .t13{margin-top:0.8rem;} .eV .t16 + .t14 + .t13{margin-top:0.6rem;} .eV .cmm_toggle_box .txt>li{font-size:1.4rem;line-height:2rem;letter-spacing:-0.1px;color:#6E7780;font-weight:normal !important} .eV .cmm_toggle_box .txt>li:nth-of-type(n+2){margin-top:0.8rem;} .bestProd{margin-top:4rem;margin-bottom:4rem} .bestProd li{width:100%;} .bestProd li + li{margin-top:1.6rem;} .bestProd .item{font-size:0;padding:0 2.4rem 2.4rem 2.4rem;border:1px solid #e1e3e6;box-sizing:border-box;box-shadow:rgba(33,37,41,0.02) 0 6px 10px 0;border-radius:0.6rem} .bestProd .item .iconBest{margin-left:-0.4rem;margin-bottom:1.2rem;margin-top:-0.1rem;} .bestProd .item .iconBest img{display:block;width:4rem;} .bestProd .item .name{font-size:1.6rem;font-weight:bold;color:#212529;line-height:2rem;margin-bottom:2rem;} .bestProd .item .rate{font-size:0;margin-bottom:2.4rem;} .bestProd .item .rate>div{display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;} .bestProd .item .rate>div + div{border-left:1px solid #e1e3e6;padding-left:2.4rem;} .bestProd .item .rate>div .lv1{font-size:1.3rem;line-height:2rem;color:#6e7780;margin-bottom:0.2rem;} .bestProd .item .rate>div .lv2{font-size:0;} .bestProd .item .rate>div .lv2>b{display:inline-block;vertical-align:baseline;font-size:2rem;color:#0565f0;line-height:3rem;margin-right:0.4rem;font-weight:bold;} .bestProd .item .rate>div .lv2>span{display:inline-block;vertical-align:baseline;font-size:2.4rem;color:#0565f0;line-height:3.4rem;font-weight:bold;} .bestProd .item .btnArea{font-size:0;} .bestProd .item .btnArea .primary{display:inline-block;width:calc(50% - 0.4rem);} .bestProd .item .btnArea .primary + .primary{margin-left:0.8rem;} .icon_emoji{display:inline-block;vertical-align:text-bottom;width:2.4rem;height:2.4rem;} .icon_emoji.a1{background:url(/img/contents/icon_emoji01.png) no-repeat center center/100% auto;} .icon_emoji.a2{background:url(/img/contents/icon_emoji02.png) no-repeat center center/100% auto;} .icon_emoji.a3{background:url(/img/contents/icon_emoji03.png) no-repeat center center/100% auto;} .mypageCharactersTab{position:relative;width:100%;font-size:0;margin-top:-0.4rem;} .mypageCharactersTab .CharactersImg{text-align:right;padding-right:0.4rem;} .mypageCharactersTab .CharactersImg img{display:inline-block;} .mypageCharactersTab .CharactersImg .img1{width:14.4rem;z-index:0;} .mypageCharactersTab .CharactersImg .img2{position:absolute;right:1.7rem;top:5.9rem;width:3.4rem;z-index:9;} .mypageCharactersTab .tab{margin-top:-2.6rem;position:relative;z-index:1;} @media screen and (max-device-width: 767px) { .eV .pc_dp{display:none;} .eV .mb_dp{display:block;} } /* 이벤트 배너 */ .event_slider{margin:0;} .event_slider .swiper-wrapper{margin-bottom:2rem;padding-left:0;} .event_slider .swiper-wrapper a{display:block;} .event_slider .swiper-wrapper a img{width:100%} .event_slider .slick-list{} .event_slider .slick-slide img{width:100%;} /* 이벤트 공통 */ .event_detail_wrap{padding:2.4rem 0;} .event_detail_wrap img{max-width:100%} .event_detail_wrap .tit{margin-bottom:0.8rem;font-size: 1.6rem;font-weight: 700;color: #515961;} .event_detail_wrap .tit-s{margin-bottom:0.8rem;font-size: 1.4rem;font-weight: 700;color: #515961;} .event_detail_wrap .txt{font-size: 1.4rem;color:#515961;width:100%;word-break:keep-all} .event_detail_wrap .txt-s{font-size: 1.3rem;color:#6e7780} .event_detail_wrap .txt_box{margin-bottom:2.4rem;padding:0;background:none;} /* 박스형 리스트*/ .event_detail_wrap .bg_box{padding:1.6rem 2rem;background:#f5f7fa;} .event_detail_wrap .bg_box .tit{margin-bottom:0.4rem;font-size:1.4rem;font-weight:700;color:#6e7780;} .event_detail_wrap .bg_box .txt, .event_detail_wrap .bg_box .txt li{color:#6e7780;} .event_detail_wrap .txt li{color:#515961} .event_detail_wrap .txt li + li{margin-top:0.4rem;} /* 응모하기 버튼 영역 */ .event_detail_wrap .event_btn_area{margin-top:4.8rem;} .event_detail_wrap .event_btn_area div{width: 100%;display: inline-block;min-height: 5.0rem;padding: 1rem 1.6rem 0.8rem;border-radius: 0.6rem;font-weight: 700;font-size: 1.6rem;line-height: 3.2rem;box-sizing: border-box;text-align: center;vertical-align: top;background: #e6f1ff;} .event_detail_wrap .event_btn_area div.btn_white{background-color:#fff;} .event_detail_wrap .event_btn_area div a{color:#175ec7;} .event_detail_wrap .event_btn_area div.btn_white a{font-size:1.4rem;} /* 유의사항 */ .event_detail_wrap .caution_wrap{margin-top:5rem;} .event_detail_wrap .caution_wrap .ico_warn{display: inline-block;vertical-align: middle;background-color: transparent;background-image: url(../../img/common/ico_set.png);background-repeat: no-repeat;background-size: 60rem auto;width: 2rem;height: 2rem;margin: -.25rem .4rem 0 0;background-position: -30rem -10rem;border-radius: 50%;} .event_detail_wrap .caution_wrap .title{position:relative;color:#515961;border-top:solid 0.1rem #f2f5f7;} .event_detail_wrap .caution_wrap .title::after{content: '';display: inline-block;width: 2rem;height: 2rem;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: url(../../img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .event_detail_wrap .caution_wrap .title.active::after{margin-top:-0.3rem;transform: translateY(-50%) rotate(180deg);} /*버튼*/ .btn-box{text-align:center;margin-top:1rem;} .btn-blue{display:inline-block;position:relative;padding:0 1rem;border:0.1rem solid #E1E3E6;border-radius:0.4rem;min-height:4rem;background:transparent;line-height:4rem;color:#175EC7;} .btn-blue > span {display:block;line-height:4rem;font-size:1.4rem;color:#175EC7;font-weight:bold;} /* ASIS 이벤트 상세내용 영역 */ .ebtnwrap {box-sizing: border-box;font-size: 0;height: auto;margin: 30px 0 30px 0;text-align: center;webkit-box-sizing: border-box;width: 100%;} .ebtnwrap > a {border-radius: 4px;box-sizing: border-box;color: #ffffff;display: inline-block;font-size: 0;font-size: 18px;font-weight: 500;height: 46px;etter-spacing: -1px;line-height: 46px;margin: 6px 5px;text-align: center;webkit-box-sizing: border-box;width: auto;padding: 0 1rem;} .ebtnwrap > a:nth-of-type(1) {background-color: #175daa;} .ebtnwrap > a:nth-of-type(2) {background-color: #1ab6ba;} .ebtnwrap.blue_btn_wrap > a:nth-of-type(1){background-color:#159cd8;} .ebtnwrap.blue_btn_wrap > a:nth-of-type(2){background-color:#159cd8;} .btn_center_e{width: 100%;margin: 36px 0;text-align: center;} .btn01_e{display: inline-block;text-align: center;min-width: 120px;height: 32px;padding: 5px 0;line-height: 20px;border: 1px solid #ddd;background-color: #fff;-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-border-radius: 2px;border-radius: 2px;font-size: 14px;vertical-align: middle;font-weight: 400;letter-spacing: -0.5px;} .btn01_e.red_btn{background-color: #ed5659;} /********************************* test 메타데이터 CSS 작업자 : 오광현 */ /*타이틀*/ .titArea_Mall{width:100%;height:auto;padding:1.2rem 0 0.8rem 0;display:block;} .titArea_Mall h3{font-size:2.8rem;line-height:3.6rem;color:#21272a;} .titArea_Mall.red h3{color:red;} .red .titArea_Mall h3{color:red;} /*swiper*/ .boxSwiper{margin-left:-2rem;width:calc(100% + 4rem);} .boxSwiper .baseInner{padding:4.8rem 0 4.8rem 0;background-color:#21314b;padding-left:2rem;box-sizing:border-box;} .boxSwiper .sliderTit{font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.1rem;margin-bottom:1.2rem;color:#fff;font-weight:500} .boxSwiper .itemBase{width:28rem;background-color:#fff;margin-right:1.2rem} .mall_list{margin-left:-2rem;width:calc(100% + 4rem);padding:4.8rem 2rem;box-sizing:border-box;background-color:#f5f7fa} .mall_list li+li{margin-top:1.6rem} .mall_list .listTit{font-size:1.6rem;letter-spacing:-0.1rem;line-height:2.4rem;color:#212529;margin-bottom:1.2rem;font-weight:bold;} .mall_list .itemBase{width:100%;border:1px solid #e1e3e6;background-color:#fff;} .itemBase{height:18rem;border-radius:0.6rem;} .itemBase>a{position:relative;display:block;padding:2.4rem;box-sizing:border-box;} .itemBase>a .subject{position:absolute; top:1.6rem;right:1.6rem;font-size:1.3rem;font-weight:bold;color:#a9b0b8;} .itemBase>a .line1{} .itemBase>a .number{display:inline-block;font-size:2.8rem;letter-spacing:-0.1rem;line-height:4.0rem;color:#0561e6;} .itemBase>a .unit{display:inline-block;font-size:1.4rem;letter-spacing:-0.1rem;line-height:2.2rem;color:#0561e6;font-style:normal;margin-left:0.4rem;} .itemBase>a .infotxt{display:inline-block;font-size:1.3rem;letter-spacing:-0.1rem;line-height:1.8rem;color:#a9b0b8;margin-left:0.6rem;} .itemBase>a .line2{font-size:1.6rem;letter-spacing:-0.2rem;line-height:2.4rem;color:#212529;margin-bottom:1.8rem;height:4.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .itemBase>a .line3{font-size:1.3rem;letter-spacing:-0.1rem;line-height:1.8rem;color:#8b959e;} /*ON 라인 탭 */ .colLineTab{margin-left:-2rem;width:calc(100% + 4rem);} .colLineTab .tabBase li{padding:0 1.3rem;} .colLineTab .tabBase li>a{height:4.4rem;line-height:4.4rem;letter-spacing:-0.2rem;color:#6e7780;padding-right:0.1rem;} .colLineTab .tabBase li:first-of-type{padding-left:2rem;} .colLineTab .tabBase li:last-of-type{padding-right:2rem;} .colLineTab .tabBase li.on>a::before{content:"";display:block;width:calc(100% + 0.4rem);height:0.2rem;background-color:#212529;position:absolute;left:-0.2rem;bottom:0;} .colLineTab .tabBase li.on>a{color:#21282A;font-weight:bold;} /*가로스크롤*/ .tabX_scroll>.tabBase{white-space:nowrap;overflow-y:auto;-webkit-overflow-scrolling:touch;} /*tab 베이스*/ .tabBase{font-size:0;width:100%;} .tabBase>li{position:relative;display:inline-block;vertical-align:top} .tabBase>li>a{position:relative;display:block;font-size:1.6rem;} /*예금 만기 표현 바*/ .prodExpirationArea{width:100%;position:relative;margin:6.2rem 0 2.4rem 0;opacity:0;transition:opacity 0.3s;} .prodExpirationArea .barArea{position:relative;width:100%;height:1.2rem;background-color:#e1e3e6;} .prodExpirationArea .barArea .bgArea{display:flex;justify-content:space-between;height:100%} .prodExpirationArea .barArea .bgArea i{position:relative;width:1px;height:100%;display:flex;background-color:#22406f;opacity:0.2;z-index:1} .prodExpirationArea .barArea .bgArea i:nth-child(1), .prodExpirationArea .barArea .bgArea i:nth-child(5){opacity:0;} .prodExpirationArea .barArea .bgArea .bar{position:absolute;left:0;top:0;width:0%;background-color:#307ff0;height:100%;z-index:0;} .prodExpirationArea .barArea .bgArea .bar .d_Day{position:absolute;left:calc(100% - 1.35rem);top:-4.2rem;width:auto;height:2.4rem;padding:0 8px;line-height:2.5rem;border:1px solid #0565f0;border-radius:1.4rem;font-size:13px;font-weight:bold;color:#0565f0;display: inline-block;background-color:#fff;white-space:nowrap;} .prodExpirationArea .barArea .bgArea .bar .d_Day:before{content:"";display:block;width:1rem;height:0.5rem;position:absolute;left:0.9rem;bottom:-0.5rem;background:url(/img/contents/prodExpirationArrow.png) no-repeat center center/100% auto;} .prodExpirationArea .barArea .bgArea .bar .d_Day:after{content:"";display:block;width:0.2rem;height:1rem;position:absolute;left:1.2rem;bottom:-1.7rem;background:url(/img/contents/prodExpirationbar.png) no-repeat center center/100% auto;} .prodExpirationArea .dataArea{display:flex;margin-top:0.8rem;display:flex;justify-content:space-between;} .prodExpirationArea .dataArea>p{font-size:1.3rem;color:#515961;} .prodExpirationArea .barArea .bgArea .bar .d_Day.right{left:auto;right:calc(0% - 1.35rem)} .prodExpirationArea .barArea .bgArea .bar .d_Day.right:before{left:auto;right:0.9rem;} .prodExpirationArea .barArea .bgArea .bar .d_Day.right:after{left:auto;right:1.25rem;} .time1:before, .time1:after, .time1{transition:all 1.5s;transition-delay:0.1s} .time2:before, .time2:after, .time2{transition:all 2s;transition-delay:0.1s} .time3:before, .time3:after, .time3{transition:all 2.5s;transition-delay:0.1s} [data-web-id=P_M_FEX317121_15] .exchange .combobox_bottomsheet .combobox:after{display:none;} /********************************** SlideDown S ************************************/ /* 추후 삭제 예정 S */ .slide_top > span:first-child:last-child:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .slide_top.active > span:first-child:last-child:after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)} .slide_top.no_arrow > span:first-child:last-child:after{display:none} .slide_top.check_ty label span:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .slide_top.check_ty.active label span:after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)} div.slide_top > div{padding:2rem;} div.slide_top > div:first-child:last-child:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} div.slide_top.active > div:first-child:last-child:after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)} div.slide_top.no_arrow > div:first-child:last-child:after{display:none} /* 추후 삭제 예정 E */ /* Common */ *[aria-expanded].slide_top > span.none:after{display:none ! important;} *[aria-expanded].slide_top > span:first-child:last-child:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} *[aria-expanded="true"].slide_top{border-bottom:none;} *[aria-expanded="true"].slide_top > span:first-child:last-child:after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)} *[aria-expanded="false"].slide_top + .slide_cont{display:none !important;}/* Tobe 2021-12-21 jungih */ *[aria-expanded="true"].slide_top + .slide_cont{display:block !important;}/* Tobe 2021-12-21 jungih */ .pro_detail_top ~ .slideupdown .slide_top + .slide_cont.open{border-bottom:solid 0.1rem #f2f5f7;} .slide_top{position:relative;} .slide_cont.bg_none{padding:0 ! important;background:#fff ! important;} .norT .slide_top {border-top: 0 !important;} .cont_list_amount + .cont_list_amount{margin-top:2rem;} .slide_cont.bg_white{background:#fff ! important;} /* cmm_toggle_box */ .slide_top{width:100%;text-align:left;border-top:solid 0.1rem #f2f5f7;border-bottom:solid 0.1rem #f2f5f7;background:#fff;} .slide_top > span{display:block;position:relative;padding:1.2rem 1rem 1.2rem 0;line-height:2.2rem;color:#515961;font-size:1.4rem;} .slide_top .ex{padding:0;color:#6e7780;font-size:1.3rem;} .slide_top .t_box .txt:first-child{display:block;padding-bottom:0;color:#6e7780;font-size:1.3rem;} .slide_top .t_box .tit:last-child{display:block;padding-top:0;color:#212529;font-size:1.8rem;} .slide_top .amount{text-align:right;} .slide_top .amount .tit{float:left;color:#212529;font-size:1.6rem;} .slide_top .amount strong{color:#212529;font-size:1.6rem;text-align:right} .slide_top.square > span{position: relative; padding-left: 2rem;} .slide_top.square > span:before {content: '';display: inline-block;position: absolute;top: 50%;left: 0;width: 1rem;height: 1rem;margin-top: -0.5rem;border-radius: 0.2rem;background: #5979ff;} .slide_top .img_box{display: inline-block;position:relative;width: 3rem; height: 3rem;vertical-align: middle;margin-right: 0.4rem;} .slide_top .img_box img{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);width: 100%; height: auto;} .slide_tit_02 .slide_top > span{color:#212529;font-size:1.8rem;font-weight:700;} .pro_toggle .slide_cont{padding:2rem 0;} .cmm_toggle_base + .cmm_toggle_base .slide_top, .list_top_area + .cmm_toggle_box .slide_top, .cmm_toggle_box + .cmm_toggle_box .slide_top, .cmm_toggle_box .slideupdown + .slideupdown .slide_top, .pro_toggle + .pro_toggle .slide_top{border-top:none;} .cmm_toggle_box .slide_cont{padding:1.6rem 2rem;line-height:2.2rem;color:#6e7780;font-size:1.4rem;border-radius:0.6rem;background:#f2f5f7;} .cmm_toggle_box .slide_cont.white_bg{background:#fff; padding:0 !important;} .cmm_toggle_box.vty_2 .slide_cont{color:#515961;} .cmm_toggle_box.full_border{margin:0 -2rem;} .cmm_toggle_box.full_border .slideupdown:first-child{border-top: 0.8rem solid #f5f7fa} .cmm_toggle_box.full_border .slideupdown{border-bottom: 0.8rem solid #f5f7fa} .cmm_toggle_box.full_border .slideupdown .slide_top{padding:0 2rem;} .cmm_toggle_box.full_border .slideupdown .slide_cont{background:#fff;} /* 외국인 예금가입 아코디언 수정 */ .fngr_accordion .cmm_toggle_box {margin: 1.6rem 0 3.6rem;} .fngr_accordion .cmm_toggle_box .slideupdown button.slide_top {border: none;} .fngr_accordion .cmm_toggle_box .icon_warn {margin-right: 0.8rem} .fngr_accordion .cmm_toggle_box .slide_cont {padding: 2rem;} .fngr_accordion .cmm_toggle_box .slide_cont em {display:inline-block; margin-bottom: 0.8rem; font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; letter-spacing: -.01rem;} .fngr_accordion .cmm_toggle_box .txtlist_dot p + p {margin-top: 0.8rem;} /* 모바일웹 아이콘 + 텍스트 - 슬라이드 */ .slide_top .ico_finance .img_box{background: url(/img/common/ico_set1_90.png) no-repeat -12rem -3rem /60rem auto;} .slide_top .ico_jblogo .img_box{background: url(/img/common/ico_set1_90.png) no-repeat 0rem -69rem /60rem auto;} .slide_top .ico_envelope .img_box{background: url(/img/common/ico_set.png) no-repeat -4.6rem -39.5rem /60rem auto;} .slide_top .ico_calculator .img_box{background: url(/img/common/ico_set1_90.png) no-repeat -15rem -6rem /60rem auto;} .slide_top .ico_electric .img_box{background: url(/img/common/ico_set1_90.png) no-repeat -15rem 0rem /60rem auto;} .slideupdown.box_checkB{padding:0 2rem ! important;overflow:hidden;} .slideupdown.box_checkB .slide_top{padding:1rem 0;border:none;} .slideupdown.box_checkB *[aria-expanded] > .i_bank:after{content:'';display:inline-block;margin-bottom:0.5rem;width:2rem;height:2rem;vertical-align:middle;transform:scale(0.7);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .slideupdown.box_checkB *[aria-expanded="true"] > .i_bank:after{transform:scale(0.7) rotate(180deg)} /*상품상세 카드*/ .cmm_toggle_base .slide_cont{padding-bottom:2rem;} *[class*="cmm_toggle"].card{padding:1rem 2rem;border:solid 0.1rem #e1e3e6;border-radius:0.6rem;box-shadow:0 0.6rem 1.6rem rgba(33,37,41,0.04);overflow:hidden;} *[class*="cmm_toggle"].card + *[class*="cmm_toggle"].card{margin-top:1rem;} *[class*="cmm_toggle"].card .slide_top{border:none;} .bgB_100 .slide_top{background:none;} .out_sec.cmm_toggle_base, .out_sec .cmm_toggle_base, .out_sec .cmm_toggle_box{padding:0 2rem;} /*이체 추가정보 입력영역 하단 배경 처리*/ .cmm_toggle_base.transferMoreInfo{position:relative;z-index:1;} .cmm_toggle_base.transferMoreInfo::after{content:"";position:absolute;left:0;top:100%;display:block;width:100%;height:100px;background-color:#f5f7fa;z-index:0;} .cmm_toggle_base.transferMoreInfo .slide_top{border-bottom:none;} .txt_box, .txt_box.slide_cont{padding:1.6rem 2rem;background:#f5f7fa;border-radius:0.6rem;font-size:1.4rem;line-height:2.2rem;color:#6e7780;} .txt_box p{font-size:1.4rem;line-height:2.2rem;color:#6e7780;} .txt_box p img{display:block;max-width:100%;margin:1rem auto;} .info .title:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .info .title.active:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-top:-1rem;} .info .txt_box{display:none;} .info.box{background-color:#f5f7fa;padding:1.6rem 2rem;font-size:1.3rem;color:#6e7780;border-radius:0.6rem;} /* m_cnt_account_box - info bgA_400 stl_02 m_cnt_amount_darkbox m_cnt_loan_product_box m_cnt_recieve_header m_cnt_tax_due_box - cont_box fixed_info info bgA_400 */ .info.bgA_400{background-color:#1d2d47;padding:1.6rem 2rem;font-size:1.6rem;color:#fff;border-radius:0.6rem;} /* m_cnt_cancel_add_deposit */ .info.bgB_100{padding:3.2rem 2rem} .info.bgB_100 .tit{font-size:1.6rem;color:#212529;font-weight:bold} /* res_cnt_jshop_desc res_foreign_stop_guide res_limit_account_transfer_guide res_total_receive_notice res_total_receive_notice_2 res_total_receive_notice_3 res_txt_account_change_service res_txt_exr_guidance */ .info.ty_view .title:after{display:none;} .info.ty_view .txt_box{display:block;} /* 슬라이드 stl_02 */ .slideupdown.stl_02{border-top:1px solid #f2f5f7;} .stl_02 .slide_top{padding:1.3rem 0;font-size:1.4rem;line-height:2.2rem;color:#515961;position:relative;} .stl_02 .slide_cont{padding:1.6rem 2rem;background:#f5f7fa;border-radius:0.6rem;font-size:1.4rem;line-height:2.2rem;color:#6e7780;} /* m_lst_mycard_benefit_detail m_lst_payment_details m_lst_prepay_amount_detail m_lst_prepay_ins_detail m_lst_virtual_account_detail m_lst_mycard_benefit_detail m_lst_payment_details m_lst_prepay_amount_detail m_lst_prepay_ins_detail m_lst_virtual_account_detail */ /* 슬라이드 stl_03 */ .stl_03 .slide_top{position:relative;padding:1.6rem 0 1.6rem;font-size:1.4rem;line-height:2.2rem;color:#515961;} .stl_03 .slide_top span{display:block;font-size:1.3rem;color:#6e7780;} .stl_03 .slide_top strong{display:block;font-size:1.8rem;font-weight:300;color:#212529;} .stl_03 .slide_top .amount{position:absolute;right:0;top:2rem;font-size:1.6rem;color:#212529} .stl_03 .slide_top.arrow_btm{padding-top:2rem} .stl_03 .slide_top.arrow_btm:after{top:70%} .stl_03 .slide_cont{padding:1.6rem 2rem;background:#f5f7fa;border-radius:0.6rem;font-size:1.4rem;line-height:2.2rem;color:#6e7780;} .stl_03 .slide_cont .cont_list_amount{padding:0;} /* stl_02 res_customer_suitability_notice res_mort_loan_confirm res_smart_notice_table_1 res_smart_notice_table_10 res_smart_notice_table_12 res_smart_notice_table_13 res_smart_notice_table_2 res_smart_notice_table_3 res_smart_notice_table_7 res_smart_notice_table_8 res_smart_notice_table_9 */ /* stl_03 m_lst_news - list_top_area stl_03 m_lst_plan_tb m_lst_recent_use_history m_lst_card_billing_details m_lst_mycard_benefit_detail m_cnt_plan_tb m_cnt_prepay_part_amount */ .stl_03 .slide_top strong i.txt_colorB_100{font-size:1.3rem} .stl_03:not(.slideupdown) .slide_top:after{display:none} /* stl_04 m_cnt_card_info_num */ /* 슬라이드 stl_04 */ .slideupdown.stl_04{padding:0 2rem;background:#f5f7fa;} .stl_04 .slide_top{padding:2.5rem 0;} .stl_04 .slide_cont{padding:0 0 2rem;background:#f5f7fa;border-radius:0.6rem;font-size:1.4rem;line-height:2.2rem;color:#6e7780;} .slideupdown.stl_03.line{border:0} .slideupdown.stl_03.line .slide_top:before{display:block;content:'';position:absolute;left:0;width:100%;bottom:0;border-bottom: 1px solid #e1e3e6} .slideupdown.stl_03.line .slide_top.active:before{display:none} /* stl_05 m_lst_performance_check - slideupdown stl_05 in_sec m_lst_redemption_application - accumulate_box stl_05 나의실적확인하기 리스트 */ /*기본이체*/ .bottom_info.stl_06 .slide_top{color:#515961;font-weight:400;} /*특정금전신탁(MMT) 입금>정보확인*/ .stl_06 .slide_cont .box_account_txtlist .base:first-child{border-top:1px solid #e1e3e6;} .card_box.slideupdown .slide_top .bank_inf [class*="i_bank_"] .icon + span{position:relative;padding-right:2rem;} .card_box.slideupdown .slide_top .bank_inf [class*="i_bank_"] .icon + span:after{content:'';display:inline-block;width:1.6rem;height:1.6rem;position:absolute;right:0;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);background:url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;} .card_box.slideupdown .slide_top.active .bank_inf [class*="i_bank_"] .icon + span:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} .card_box.slideupdown .card_cont.slide_top:after{display:none;} .card_box.slideupdown .slide_top .bank_inf.no_arrow [class*="i_bank_"] .icon + span:after{content:none} .card_box.info .slide_top{padding-right:5.2rem;} .card_box.info .slide_top:after{bottom:inherit;left:inherit;right:2.4rem;top:50%;} .card_box.info .slide_cont{background:#fff;} .card_box .card_cont.slide_cont{display:none;background:#f5f7fa;} .card_box .slide_top{position:relative;cursor:pointer;padding-bottom:2.0rem;z-index:2} .card_box .slide_top:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;left:50%;bottom:1.4rem;margin:0 0 0 -1rem;background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat} .card_box .slide_top.active:after{-webkit-transform:rotate(180deg) translateY(50%);-ms-transform:rotate(180deg) translateY(50%);transform:rotate(180deg) translateY(50%);} .card_box .slide_top.combo_btn{display:block;position:relative;width:100%;min-height:7.6rem;padding:1.6rem;border-radius:0;border:0;background:#fff;font-size:1.8rem;line-height:2.6rem;letter-spacing:-0.02rem;color:#6e7780;text-align:left;box-sizing:border-box;outline:0;} .card_box .slide_top.combo_btn:after{content:'';display:inline-block;position:absolute;top:50%;right:2rem;left:inherit;bottom:inherit;width:1.6rem;height:1.6rem;background:url(/img/common/ico_set.png) 0 -20rem no-repeat;background-size:60rem auto;transform:translateY(-50%)} .card_box .slide_top.combo_btn.active:after{background-position:-5rem -20rem} .card_box .combo_btn .combo_label{display:block;position:static;top:1.6rem;left:1.6rem;right:7.6rem;font-size:1.3rem;line-height:2rem;letter-spacing:0;color:#6e7780;transform:translateY(0)} .card_box .combo_btn .combo_data_first{display:block;overflow:hidden;width:100%;padding:0;font-size:1.8rem;color:#212529;line-height:2.6rem;letter-spacing:-0.02rem;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box} .card_box .combo_btn .combo_data_second{display:block;overflow:hidden;width:100%;padding:0;font-size:1.3rem;color:#8b959e;line-height:2rem;letter-spacing:-0.014rem;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box} .card_box.slideupdown2 .tit{font-weight:bold;} .card_box.slideupdown2 .tit i{color:#0565f0;} .card_box.slideupdown2 .card_cont{padding-bottom:1.2rem;overflow:hidden;} .card_box.slideupdown2 .card_cont{padding-bottom:1.2rem;overflow:hidden;} .card_box.slideupdown2 .card_cont .slide_top.active + .inf.slide_cont{display:block;} .card_box.slideupdown2 .slide_top{padding:2rem 0 1.6rem;border:none;} .card_box .btn_close{width:1.6rem;height:1.6rem;padding:0;font-size:0;line-height:0;display:block;background:transparent;} .card_box .btn_close:before{content:'';display:block;position:absolute;top:.8rem;left:-.2rem;width:2rem;height:.1rem;background:#8d959f;transform:rotate(45deg)} .card_box .btn_close:after{content:'';display:block;position:absolute;top:.8rem;left:-.2rem;width:2rem;height:.1rem;background:#8d959f;transform:rotate(-45deg)} /*신청정보입력*/ .card_box.stl_02 .slide_top.combo_btn:after {display: none} .card_box.stl_02 .combo_btn .combo_label {text-align: left;} .card_box.stl_02 .combo_btn .combo_data_first {text-align: right;} .card_box.stl_02 .slide_cont .inf dt{font-size: 1.4rem;} .card_box.stl_02 .slide_cont .inf dd{font-size: 1.6rem;} /* 전계좌조회 */ .slide_cont.card_cont{padding-bottom:3rem;} /*연금/신탁/ISA 적립금이전신청 정보입력 슬라이드 타이틀*/ .slide_top.base span{position: relative;margin: 0 0 1rem;font-size: 1.6rem;font-weight: 700;color: #515961;display: block;} .slide_top.base strong {position: relative;margin: 0 0 1rem;font-size: 1.4rem;font-weight: 500;color: #555;} /*스마트고지서*/ .list_line .slide_cont{border-top: 0.1rem solid #8c959f} .list_line .slide_top.txt_tit{margin: 0;} /* 전계좌조회 */ .slide_top.line.active{border-color:transparent} .card_admin_slide .slide_top{color:#212529;font-size:1.6rem;border-top:solid 1px #e1e3e6;line-height:5rem;padding:.8rem 0 0} .card_admin_slide .base_style{display:block;line-height:4rem;font-size:1.6rem} .card_admin_slide .slide_cont{border-top:solid 1px #e1e3e6;padding-top:.8rem} .btn_txt.slide_top{padding:.8rem 0} .btn_txt.slide_top:after{display:none} .btn_txt.slide_top a:after{content:'';display:inline-block;width:2rem;height:2rem;background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;vertical-align:-5px;margin-left:5px} .btn_txt.slide_top.active a:after{transform:rotate(180deg)} .btn_txt.slide_top .base_style{background-color:transparent} .all_account .slide_top{padding:1rem 0;} .all_account .slide_top:after{transform:translateY(-50%) scale(.6)} .all_account .slide_top.active:after{transform:translateY(-50%) rotate(180deg) scale(.6)} /* METATEST0001_meta P_M_FDR189721_21_meta P_M_FDR189721_25_meta 위풍당당 > 직접서류제출 */ .document_box .slideupdown .title span{font-size:1.6rem;color:#515961;font-weight:700;} /* 상품신청단계 */ .slide_top.base.sof_slide strong{font-size:1.8rem;font-weight:300;color:#212529;} .slide_top.base.sof_slide span{display:block;font-size:1.3rem;color:#6e7780;font-weight:normal;} .sof_slide_cont .inf dl > dd.success{color:#0565f0;} .sof_slide_cont .inf dl > dd.fail{color:#e5493a;} .sof_slide_cont .inf dl + dl{margin:0.4rem 0 0;} .sof_slide_cont .inf dl {display:flex;justify-content:space-between;} /* 대출상환 정보입력 */ .txt_slide .slide_top.base span{position:unset;font-size:1.3rem;color:#6e7780;font-weight:normal;} .txt_slide .slide_top.base strong{font-size:1.8rem;font-weight:300;color:#212529;} /* P_M_INQ009011_10_meta */ .no_slide_top{position:relative;padding:1.3rem 0} .no_slide_top .plus_lnk a i{position:relative;display:inline-block;width:2rem;height:2rem;background-color:#8c959f;border-radius:50%;margin-left:.6rem;vertical-align:-4px} .no_slide_top .plus_lnk a i:before{content:'';position:absolute;left:4px;top:9px;width:12px;height:2px;border-radius:2px;background-color:#f1f4f6} .no_slide_top .plus_lnk a i:after{content:'';position:absolute;left:9px;top:4px;width:2px;height:12px;border-radius:2px;background-color:#f1f4f6} .m_cnt_inq_total{position:relative;margin:0 -2rem 0 -2rem;padding:2rem;background:#22406f;} .m_cnt_inq_total:after{position:absolute;right:2rem;top:50%;transform:translateY(-50%);content:'';background:url(/img/common/ico_set1_90.png) -45.5rem -52.5rem/60rem auto no-repeat;width:8rem;height:5.8rem;} .m_cnt_inq_total p{color:#fff;font-size:1.4rem;} .m_cnt_inq_total .account{font-size:1.8rem;} .m_cnt_inq_total .account strong{font-size:2.8rem;font-weight:normal;} .m_cnt_inq_total {max-height:10.8rem; padding:2.4rem 2rem;} .m_cnt_inq_total:after {content:''; position: absolute; right:0; top:50%;transform:translatey(-50%);width: 12rem;height: 100%;background:url(/img/newEvent/files/20231106_0001.png)center no-repeat;background-size:cover;} .m_cnt_inq_total p.tit {display: flex;align-items: center;font-family:'HGGGothicssi';} .m_cnt_inq_total .account {font-weight:bold; margin-top:0.4rem;} .m_cnt_inq_total .account em {margin-left: 0.2rem; font-size:2rem;} .m_cnt_inq_total .account strong{font-weight:bold; font-size:2.4rem;} .btn_help{background: url(/img/common/ico_tooltip.png)center no-repeat;background-size:cover;width: 1.6rem;height: 1.6rem;margin-top: -0.4rem;margin-left: 0.4rem;} .inq_toggle_box{margin:0 -2rem;padding:2rem;min-height:calc(100vh - 26rem);background:#f5f7fa;} .inq_toggle_box .slideupdown{margin-bottom:1.6rem;border-radius:0.6rem;box-shadow:0 .6rem 1.6rem rgba(33,37,41,0.04);background:#fff;overflow:hidden;} .inq_toggle_box .slide_top{display:flex;padding:0.5rem 2rem;width:100%;color:#515961;text-align:left;background:#fff;} .inq_toggle_box .slide_top > *{display:block;width:100%;} .inq_toggle_box .slide_top .tit{color:#515961;font-size:1.6rem;} .inq_toggle_box .slide_top .exchange_rate:after, .inq_toggle_box .slide_top .tit:after{display:none;} .inq_toggle_box .slide_top:after{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;} .inq_toggle_box *[aria-expanded="true"].slide_top:after{-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)} .inq_toggle_box .slide_top .tit em{color:#0565f0;font-weight:bold;} .inq_toggle_box .slide_top .desc{padding-right:2.5rem;line-height:2rem;color:#515961;font-size:1.6rem;text-align:right;white-space:nowrap;} .inq_toggle_box .slide_top .exchange_rate{width:100%;font-size:1.3rem;white-space:nowrap;} .inq_toggle_box .slide_none{display:flex;} .inq_toggle_box .slide_none > *{display:block;padding:2rem;width:100%;} .inq_toggle_box .slide_none .tit{color:#515961;font-size:1.6rem;} .inq_toggle_box .slide_none button{position:relative;padding-right:4rem;color:#8c959f;font-size:1.4rem;text-align:right;background:#fff;white-space:nowrap;} .inq_toggle_box .slide_none button:after{content:'';display:inline-block;position:absolute;right:1.5rem;top:50%;width:1.6rem;height:1.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;} .inq_toggle_box .slide_cont{padding:0 2rem;border-top:solid 0.1rem #D3D7DB;} .inq_toggle_box .slide_cont p.account span.ar_span:after{content:'';background: url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;width:1.6rem;height:1.6rem;display:inline-block;vertical-align:middle;transform:translateY(-0.1rem) scale(0.8);margin-left:0.3rem;} .inq_toggle_box dl{margin-top:2rem;padding:2rem;line-height:2.2rem;color:#6e7780;font-size:1.4rem;border-radius:0.6rem;background:#f5f7fa;} .inq_toggle_box dl + .btn_box{margin-top:2rem;} .inq_toggle_box dl dd.stl_02 > .exchange_rate.decrease{color:#0565f0;} .inq_toggle_box dl dd.stl_02 > .exchange_rate + span {margin-left:0.5rem;} .inq_toggle_box dl dd.stl_02 > .exchange_rate > span {font-size:1.4rem;color:#6e7780;} .inq_toggle_box dt{float:left;} .inq_toggle_box dd{text-align:right;} .inq_toggle_box dd.ar_dd span:after{content:'';background: url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;width:1.6rem;height:1.6rem;display:inline-block;vertical-align:middle;transform:translateY(-0.1rem) scale(0.8);margin-left:0.3rem;} .inq_toggle_box li{padding:2rem 0;} .inq_toggle_box li > .btn_go:last-child{padding-bottom:0;} .inq_toggle_box li > .btn_go:last-child:after{transform: translateY(.2rem);} .inq_toggle_box li > p[class^='i_bank_'] span.line_chip + i.icon{display:none;} .inq_toggle_box li + li{border-top:solid 0.1rem #E1E3E6;} .inq_toggle_box i + span{color:#212529;} .inq_toggle_box .btn_go{position:relative;padding:2rem;width:100%;color:#212529;font-size:1.8rem;text-align:right;background:#fff;} .inq_toggle_box .btn_go:after{content:'';display:inline-block;position:absolute;right:-0.5rem;top:50%;width:1.6rem;height:1.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;} .inq_toggle_box .btn_go > span > strong {position:relative;top:.1rem;margin-right:0.2rem;font-size:2.4rem;} .inq_toggle_box .btn_go.none{padding-right:0;} .inq_toggle_box .btn_go.none:after{display:none;} .inq_toggle_box .btn_more span:before{content:'';display:inline-block;width:1.7rem;height:1.6rem;margin:-0.2rem 0.2rem 0 0;background:url(/img/common/ico_set.png) -55rem -5rem/60rem auto no-repeat;vertical-align:middle;} .inq_toggle_box .btn_box{display:block;font-size:0;text-align:right;} .inq_toggle_box .btn_box button{margin-left:0.6rem;padding:0.8rem 1.2rem 0.7rem 1.2rem;line-height:2rem;color:#363c42;font-size:1.4rem;border:solid 0.1rem #E1E3E6;border-radius:0.4rem;background:#fff;} .inq_toggle_box .openbanking{padding:10rem 0;text-align:center;} .inq_toggle_box .openbanking .tit{color:#0565f0;font-size:1.8rem;} .inq_toggle_box .openbanking .btn_primary_small{background:none;} .inq_toggle_box .openbanking .btn_primary_small .base_style{font-weight:bold;background:#f5f7fa;} .inq_toggle_box .acc_mySafe{width:100%;display:flex;padding:1.5rem 1.6rem 1.1rem 1.6rem;background-color:#e6f1ff;border-radius:0.6rem;justify-content:space-between;color:#515961;margin:2rem 0 0 0;} .inq_toggle_box .acc_mySafe .name{font-size:1.4rem;line-height:2.2rem;vertical-align:middle;display:inline-block;} .inq_toggle_box .acc_mySafe .mySafeUnit{position:relative;display:inline-block;font-size:1.6rem;padding-right:1.6rem;line-height:2.4rem;background:url(/img/contents/Icon_Chervron_Right.png) no-repeat right top 0.5rem/1.2rem auto;line-height:2.4rem;vertical-align:middle;display:inline-block;color:#212529} .inq_toggle_box .inq_card_list{padding:2rem 0 0 !important;border-top: 0 !important;} .inq_toggle_box .inq_card_detail{font-size:1.4rem;font-weight:bold;} .inq_toggle_box .btn_inq_card{margin-top:-0.3rem;padding:0.4rem 1rem; border:solid 0.1rem #c0c6cc;line-height:2rem;font-size:1.4rem;color:#515961;border-radius:0.4rem;height:2.8rem;display:block;box-size:border-box;} .inq_toggle_box .inq_card_subul{padding:0 1.6rem;background:#f2f5f7;border-radius:0.6rem;margin-top:1.3rem;} .inq_toggle_box .inq_card_subul li{padding:1.6rem 0; position:relative;} .inq_toggle_box .inq_card_subul li:after{content:"";display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;background:url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;} .inq_toggle_box .inq_card_subul li .inq_card_subtit{font-size:1.4rem;line-height:2.2rem;color:#515961;letter-spacing:-0.01rem;} .inq_toggle_box .inq_card_subul li .inq_card_subtext{font-size:1.3rem;line-height:2rem;color:#6e7780;letter-spacing:0;} .inq_toggle_box .inq_card_subul li .inq_card_dot{width:0.3rem;height:0.3rem;display:inline-block;box-sizing:border-box;background:#d3d7db;border-radius:0.6rem;vertical-align:middle;margin:0 0.6rem;} .inq_toggle_box .inq_card_subul .inq_card_more{text-align:center;padding-bottom:2rem;color:#8c959f;} .inq_toggle_box .inq_card_subul .inq_card_more .inq_more_arrow{content:"";display:inline-block;margin-left:0.4rem;width:1.2rem;height:1.2rem;background:url(/img/contents/icon_arrow_down.png) -0rem 0rem no-repeat;background-size:1.2rem 1.2rem;} /********************************** SlideDown E ************************************/ /********************************** CMM Combo S ************************************/ /* Combo .combobox_bottomsheet{font-size:0;} .combobox_bottomsheet .combobox{position:relative;width:100%;height:7.6rem;line-height:2.6rem;border:1px solid #e1e3e6;border-radius:0.6rem;background:#fff;overflow:hidden;} .combobox_bottomsheet .combobox:after{content:'';display:inline-block;position:absolute;top:50%;right:2rem;width:1.6rem;height:1.6rem;background:url(/img/common/ico_set.png) 0 -20rem no-repeat;background-size:60rem auto;transform:translateY(-50%)} .combobox_bottomsheet .combobox .combo_value{position:absolute;left:0;bottom:0;padding:2rem 4rem 1.5rem 1.5rem;width:100%;box-sizing:border-box;} .combobox_bottomsheet .combobox .combo_label{display:block;position:relative;margin-bottom:1rem;font-size:1.8rem;text-align:left;} .combobox_bottomsheet .combobox .combo_data_first{display:block;height:2.5rem;line-height:2.5rem;color:#212529;font-size:1.8rem;text-align:left;overflow:hidden;} .combobox_bottomsheet .combobox .combo_data_first:empty{display:none;} .combobox_bottomsheet .combobox .combo_data_second{display:block;height:2rem;line-height:2.5rem;color:#8b959e;font-size:1.3rem;text-align:left;overflow:hidden;} .combobox_bottomsheet .combobox .combo_data_second:empty{display:none;} .combobox_bottomsheet .combobox i{position:absolute;left:1.5rem;top:1.5rem;} .combobox_bottomsheet .combobox i em{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;} .combobox_bottomsheet .combobox i ~ em{padding-left:4rem;} .combobox_bottomsheet .combobox.selected i ~ .tit{height:3.5rem;} .combobox_bottomsheet .combobox.selected i ~ .label{display:none;} .combobox_bottomsheet *[aria-expanded='true'].combobox ~ .cmm_option_list{display:block;} .combobox_bottomsheet *[aria-expanded="true"].combobox{border-color:#5697f0} .combobox_bottomsheet *[aria-expanded="true"].combobox{color:#0565f0} .combobox_bottomsheet *[aria-expanded="true"].combobox:after{background-position:-5rem -20rem} .combobox_bottomsheet .combobox:disabled{border-color:#e1e3e6;background:#f5f7fa} .combobox_bottomsheet .combobox:disabled:after{background-position:0 -20rem} .combobox_bottomsheet .combobox:disabled .combo_label{color:#cbd0d4;} .combobox_bottomsheet .combobox:disabled .combo_data_first, .combobox_bottomsheet .combobox:disabled .combo_data_second{color:#cbd0d4;} .combobox_bottomsheet.no_label .combobox.selected span{bottom:1rem;} .combobox_bottomsheet.selected .combobox .combo_label{margin-bottom:0;color:#6e7780;font-size:1.3rem;} .combobox_bottomsheet.selected.line3 .combobox .combo_label{opacity:0;} Comobo Option .combobox_contents_wrap{display:none;position:fixed;bottom:0;left:0;z-index:80;width:100%;height:100%;background:rgba(33,37,41,.7)} .combobox_contents_wrap .before_none{position:absolute;left:0;top:6rem;width:100%;height:1rem;background:#fff;} .combobox_contents_wrap .combo_sheet_area{position:absolute;bottom:0;z-index:81;width:100%;height:100%;display:flex;flex-direction:column} .combobox_contents_wrap .combo_sheet_area .inner{position:relative;max-height:90%;min-height:30%;margin-top:auto;border-top-left-radius:2rem;border-top-right-radius:2rem;background:#fff} .combobox_contents_wrap .combo_title{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:6.8rem;padding:0 6rem;box-sizing:border-box} .combobox_contents_wrap.border_none .combo_title.line_ty:before{display:none;} .combobox_contents_wrap .combo_title > strong{display:block;font-weight:700;font-size:1.8rem;letter-spacing:-0.02rem;text-align:center;color:#333741} .combobox_contents_wrap .combo_title > span{display:block;font-weight:400;font-size:1.1rem;letter-spacing:-0.02rem;text-align:center;color:#6e7780} .combobox_contents_wrap .combo_close{display:block;position:absolute;top:0;left:0;padding:0;width:6rem;height:6.8rem;background:none;overflow:hidden;z-index:1;} .combobox_contents_wrap .combo_close span{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;} .combobox_contents_wrap .combo_close:before{content:'';display:block;position:absolute;top:50%;left:50%;width:2.4rem;height:0.1rem;background:#8c959f;transform:translate(-50%, -50%) rotate(-45deg)} .combobox_contents_wrap .combo_close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:2.4rem;height:0.1rem;background:#8c959f;transform:translate(-50%, -50%) rotate(45deg)} .combobox_contents_wrap .content{padding:2rem;max-height:calc(100% - 6.8rem);overflow:hidden;overflow-y:auto;} .combobox_contents_wrap .combo_list button{display:table;position:relative;width:100%;background:none;} .combobox_contents_wrap .combo_list button[aria-selected='selected']:before{content:'';display:inline-block;position:absolute;top:50%;right:1.6rem;width:2.2rem;height:1.8rem;margin-top:-0.9rem;background:url(/img/common/ico_set.png) no-repeat -5.1rem -15.3rem;background-size:60rem auto;transform:translateY(-50%)} .combobox_contents_wrap .combo_list button span{display:table-cell;padding-right:2.5rem;width:100%;height:5.6rem;text-align:left;vertical-align:middle;} .combobox_contents_wrap .combo_list button .tit{display:block;;height:2.5rem;line-height:2.5rem;color:#212529;font-size:1.8rem;overflow:hidden;} .combobox_contents_wrap .combo_list button .txt{display:block;height:2rem;line-height:2.5rem;color:#8b959e;font-size:1.3rem;overflow:hidden;} .combobox_contents_wrap .combo_list button .txt:empty{display:none;} .combobox_contents_wrap .combo_list button i{position:absolute;left:0;top:50%;transform:translateY(-50%);} .combobox_contents_wrap .combo_list button i em{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;} .combobox_contents_wrap .combo_list button i ~ em{padding-left:4rem;} .combobox_contents_wrap .combo_top_btn{display:block;position:absolute;top:1.7rem;right:2rem;z-index:81;padding:0.6rem;font-size:1.4rem;font-weight:700;line-height:2.4rem;color:#175ec7;} .combobox_contents_wrap .combo_top_btn i{display:block;width:2.4rem;height:2.4rem;margin-right:-0.6rem;font-size:0;background:url(/img/common/ico_set.png) no-repeat;background-size:60rem auto;} .combobox_contents_wrap .combo_top_btn i.ico_share{background-position:-5rem -5rem;} .combobox_contents_wrap .combo_content{max-height:calc(100% - 4.8em);padding:2rem 2rem 4rem;overflow-y:auto;box-sizing:border-box} .combobox_contents_wrap .combo_contents{max-height:calc(100% - 4.8em);overflow-y:auto;box-sizing:border-box} .combobox_contents_wrap .combo_list{padding:0} .combobox_contents_wrap .combo_option{position:relative} .combobox_contents_wrap .combo_option[aria-selected='true'] *[class^="opt_"], .combobox_contents_wrap .combo_option[aria-selected='selected'] *[class^="opt_"]{padding-right:5rem;} .combobox_contents_wrap .combo_option[aria-selected='true']:before, .combobox_contents_wrap .combo_option[aria-selected='selected']:before{content:'';display:inline-block;position:absolute;top:50%;right:1.6rem;width:2.2rem;height:1.8rem;margin-top:-0.9rem;background:url(/img/common/ico_set.png) no-repeat -5.1rem -15.3rem;background-size:60rem auto;transform:translateY(-50%)} .combobox_contents_wrap [class^="opt_"]{padding:1.5rem 1.6rem;} .combobox_contents_wrap button[class^="opt_"]{width:100%;text-align:left;background:#fff;} .combobox_contents_wrap .info_first{display:block;font-size:1.8rem;color:#212529;line-height:2.6rem;letter-spacing:-0.02rem} .combobox_contents_wrap .info_second{display:block;font-size:1.3rem;color:#8b959e;line-height:2rem} .combobox_contents_wrap .opt_icon{position:relative;padding-left:5.2rem} .combobox_contents_wrap .opt_icon i{position:absolute;top:50%;left:1.6rem;transform:translateY(-50%)} .combobox_contents_wrap .combo_list.currency li{border-top:1px solid #f2f5f7} .combobox_contents_wrap .combo_list.currency li:first-child{border:0} .combobox_contents_wrap .opt_icon{padding:2.2rem 1.5rem 2.2rem 4.4rem} .combobox_contents_wrap .opt_icon [class^='i_country_']{left:0} .combobox_contents_wrap .opt_icon .info_first{display:inline-block} .combobox_contents_wrap .box_message{padding:1.2rem 0 2.4rem;} /********************************** CMM Combo E ************************************/ /********************************** CMM Form E ************************************/ /* assistive text */ .validation_group{height:auto !important;padding:0 !important;border:0 !important;border-radius:0 !important;} .validation{padding:0.8rem;font-size:1.3rem;line-height:2rem;color:#6e7780;display:none} .validation.focus{color:#5697f0} .validation.invalid{color:#e5493a} .validation.disabled{opacity:0.3} .validation.success{color:#00a684} .helper{padding:0.8rem 0.8rem 0;font-size:1.3rem;color:#6e7780;line-height:2rem} .fom_item .helper{padding:0.8rem 8rem 0 0.8rem;} .helper_ty2 .helper{line-height:2.8rem;} .validation > span{display:block;/*font-size:1.3rem;color:#6e7780;line-height:2rem*/} .validation .success{color:#00a684} .validation .error{color:#e5493a} .form_item.focus .helper{color:#5697f0} .form_item.disabled .helper{opacity:0.3} .unit_suffix .helper, .unit_suffix .validation{text-align:right;padding-right:0;} /* Common */ .form_item.cmm_form .input{display:block;position:relative;padding:0;border:none;background:none;} .form_item.cmm_form .input > .label{position:absolute;top:2.5rem;left:1.6rem;line-height:2.6rem;color:#6e7780;font-size:1.8rem;opacity:0;z-index:-1;-webkit-transition:all .25s;transition:all .25s;box-sizing:border-box} .form_item.cmm_form .input > .unit{display:none;position:absolute;top:3.5rem;right:1.6rem;margin-top:0;line-height:2.6rem;line-height:2.6rem;color:#6e7780;font-size:1.8rem;} .form_item.cmm_form .input > .box{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #e1e3e6;border-radius:0.6rem;z-index:-1;} .form_item.cmm_form .input input:focus ~ .box{border-color:#5697f0;} .form_item.cmm_form .flex{display:flex;overflow:hidden;} .form_item.cmm_form .word_num{display:block;margin:0;font-size:1.3rem;line-height:2rem;color:#6e7780;text-align:right;} .form_item.cmm_form .word_num:empty{padding:0;} .form_item.cmm_form .helper{padding:0.8rem 0.8rem 0;line-height:2rem;color:#6e7780;font-size:1.3rem;} .form_item.cmm_form .helper:empty{padding:0;} .form_item.cmm_form .validation{display:none;padding:0;padding-top:0.8rem;line-height:2rem;color:#6e7780;font-size:1.3rem;}/* Tobe 2021-11-08 jungih */ .form_item.sel_inp .validation{padding:0.8rem 0 0 0;} .form_item.cmm_form .validation:empty{padding:0;} .form_item.cmm_form .combobox_bottomsheet .combobox{border:none;background:none;} .form_item.cmm_form .combobox_bottomsheet .combobox:after{right:0.5rem;} .form_item.cmm_form .combobox_bottomsheet .combobox span{padding-right:2.5rem;} .form_item.cmm_form .combobox_bottomsheet .combobox:before{top:0.1rem;left:0.6rem;} .form_item.cmm_form .total{position:relative;margin:2rem auto 2.5rem auto;padding:0;width:2.4rem;height:1.5rem;border:none;} .form_item.cmm_form .total span{display:block;height:1.5rem;opacity:0;} .form_item.cmm_form .total:after, .form_item.cmm_form .total:before{display:block;content:'';position:absolute;top:0;left:0.2rem;width:2rem;height:0.2rem;background:#000;} .form_item.cmm_form .total:after{top:inherit;bottom:0;} .form_item.cmm_form .place_right{text-align:right ! important;} .form_item.cmm_form .info{font-size:1.3rem;color:#6e7780;position:relative;padding-left:2rem;box-sizing:border-box;background:none;} .form_item.cmm_form .info:before{display:block;content:'';width:1.6rem;height:1.6rem;position:absolute;left:0;top:0;background-position:-15rem -10rem;background-image:url(/img/common/ico_set.png);background-repeat:no-repeat;background-size:60rem auto;} .form_item.cmm_form .amount{float:right;padding:2rem 0.8rem 0.8rem 0.8rem;width:100%;min-height:3.6rem;color:#0565f0;font-size:1.3rem;line-height:2rem;text-align:right;} .form_item.cmm_form .amount ~ .amount{padding-top:0.8rem;} .form_item.cmm_form .amount .info{float:left;} .form_item.cmm_form .invalid input:nth-of-type(1){border-color:#e5493a;} .form_item.cmm_form .btn_transparent{display:none;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:2;} .form_item.cmm_form input:read-only + .btn_transparent{display:block;} .form_item.cmm_form.priceAddCont{padding-bottom:0.8rem;} .form_item.cmm_form.priceAddCont .input{border:1px solid #e1e3e6} .form_item.cmm_form.priceAddCont .input input:not(:placeholder-shown){padding:1.8rem 0rem 1.5rem 0rem ! important;width:calc(100% - 12rem);margin-left:6rem;border:none;} .form_item.cmm_form.priceAddCont .input .minus{width:3rem;height:3rem;position:absolute;left:1.7rem;top:2.3rem;background:#fff url(/img/contents/icon_minus.png) no-repeat center center/1.6rem auto;z-index:10} .form_item.cmm_form.priceAddCont .input .plus{width:3rem;height:3rem;position:absolute;right:1.7rem;top:2.3rem;background:#fff url(/img/contents/icon_plus.png) no-repeat center center/1.6rem auto;z-index:10} .form_item.cmm_form.priceAddCont .input button>span{display:inline-block;text-indent:-9999px;} .form_item.cmm_form.priceAddCont .etcArea{display:flex;justify-content:space-between;padding:0;border:none;border-radius:0;} .form_item.cmm_form.priceAddCont .etcArea p{width:100%;margin-right:0.6rem;display:block;} .form_item.cmm_form.priceAddCont .etcArea .baseBtn{margin-top:0.8rem;flex-shrink:0;} /* .form_item.cmm_form.priceAddCont .baseBtn{position:absolute;right:0;bottom:0;} */ /* Input */ .form_item.cmm_form .input input{padding:2.5rem 1.5rem ! important;width:100%;height:7.6rem;line-height:2.6rem;color:#212529;font-size:1.8rem;text-align:left;border:1px solid #e1e3e6;border-radius:0.6rem;} .form_item.cmm_form .input input:focus{padding:3.5rem 1.5rem 1.5rem 1.5rem ! important;border-color:#5697f0;} .form_item.cmm_form .input input:not(:placeholder-shown){padding:3.5rem 1.5rem 1.5rem 1.5rem ! important;} .form_item.cmm_form.flag_type2 .input input:not(:placeholder-shown){padding:2rem 1.5rem 1.5rem 6.5rem ! important;} .form_item.cmm_form.flag_type3 .input input:not(:placeholder-shown){padding:2rem 1.5rem 1.5rem 1.5rem ! important;} .form_item.cmm_form .input input:focus::-webkit-input-placeholder{color:#fff;} .form_item.cmm_form .input input:focus ~ .label{top:1.2rem;color:#5697f0;font-size:1.3rem;opacity:1;z-index:0;} .form_item.cmm_form .input input:not(:placeholder-shown) ~ .label{top:1.2rem;font-size:1.3rem;opacity:1;z-index:0;} .form_item.cmm_form .input input:focus ~ .unit, .form_item.cmm_form .input input:not(:placeholder-shown) ~ .unit{display:block;} /* Textarea */ .form_item.cmm_form .input textarea{padding:2.5rem 1.5rem ! important;width:100%;height:10.8rem;line-height:2.6rem;color:#212529;font-size:1.8rem;text-align:left;border:1px solid #e1e3e6;border-radius:0.6rem;} .form_item.cmm_form .input textarea:focus{padding:3.5rem 1.5rem 1.5rem 1.5rem ! important;border-color:#5697f0;} .form_item.cmm_form .input textarea:not(:placeholder-shown){padding:3.5rem 1.5rem 1.5rem 1.5rem ! important;} .form_item.cmm_form .input textarea:focus::-webkit-input-placeholder{color:#fff;} .form_item.cmm_form .input textarea:focus ~ .label{top:1.2rem;color:#5697f0;font-size:1.3rem;opacity:1;z-index:0;} .form_item.cmm_form .input textarea:not(:placeholder-shown) ~ .label{top:1.2rem;font-size:1.3rem;opacity:1;z-index:0;} .form_item.cmm_form .input textarea:focus ~ .unit, .form_item.cmm_form .input textarea:not(:placeholder-shown) ~ .unit{display:block;} .height48 .form_item.cmm_form .input textarea{height:48rem;} /* Icon + Input */ .form_item.cmm_form .input *[class^='i_country_']{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);} .form_item.cmm_form .input *[class^='i_country_'] em{position:absolute;left:4rem;top:50%;line-height:3.2rem;color:#212529;font-size:1.8rem;transform:translateY(-50%);white-space:nowrap;} .form_item.cmm_form .input *[class^='i_country_'] + input{padding-left:10rem ! important;} .form_item.cmm_form.flag_type .input *[class^='i_country_'] + input{padding-left:1.5rem ! important;} /* Label Show */ .form_item.cmm_form .label_show .label{top:1.2rem;font-size:1.3rem;opacity:1;z-index:1 ! important;} .form_item.cmm_form .label_show .dash{display:block ! important;} /* No Label */ .form_item.cmm_form .input.no_label input:focus, .form_item.cmm_form .input.no_label input:not(:placeholder-shown){padding-top:2.5rem ! important;padding-bottom:2.5rem ! important;} .form_item.cmm_form .input.no_label textarea:focus, .form_item.cmm_form .input.no_label textarea:not(:placeholder-shown){padding:1.5rem ! important;} .form_item.cmm_form .input.no_label > .label{display:none;} .form_item.cmm_form .input.no_label .unit{top:2.5rem;} /* Input + Icon Button */ .form_item.cmm_form *[class*="btn_icon"]{display:block;position:absolute;top:50%;right:1.5rem;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0;padding:0;background:url(/img/common/ico_set.png) no-repeat;background-size:60rem auto;overflow:hidden;z-index:1;} .form_item.cmm_form *[class*="btn_icon"] span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;} .form_item.cmm_form .btn_icon_search{background-position:-20rem -25rem;} .form_item.cmm_form .btn_icon_search.calender{background:url(/img/contents/icon_calender.png) no-repeat center center/100% auto} .form_item.cmm_form .btn_del_txtfield{display:none;overflow:hidden;position:absolute;bottom:1.8rem;right:1.6rem;z-index:1;width:2rem;height:2rem;padding:0;background:url(/img/common/ico_set.png) -15rem -5rem/60rem auto no-repeat;border-radius:50%} .form_item.cmm_form .btn_pw_show{display:block;overflow:hidden;position:absolute;bottom:1.8rem;right:1.6rem;z-index:1;width:2rem;height:2rem;padding:0;background:url(/img/common/ico_set.png) -20rem -5rem/60rem auto no-repeat;} .form_item.cmm_form .btn_request{display:block;float:right;position:relative;padding:0 1.4rem 0 0;margin:0.8rem 0;font-size:1.4rem;line-height:2rem;font-weight:400;color:#515961} .form_item.cmm_form .btn_request:after{display:inline-block;content:'';position:absolute;right:0.1rem;top:0.4rem;width:1.2rem;height:1.2rem;background:url(/img/common/ico_set.png) -15rem -30rem/60rem auto no-repeat} /* Text-Align Right */ .form_item.cmm_form .input input.t_right:focus, .form_item.cmm_form .input input.t_right:not(:placeholder-shown){text-align:right;} .form_item.cmm_form .input.unit1 input{padding-right:3.3rem ! important;}/* Tobe 2021-11-25 jungih */ .form_item.cmm_form .input.unit2 input{padding-right:5rem ! important;} .form_item.cmm_form .input.unit3 input{padding-right:7rem ! important;} .form_item.cmm_form .input.unit1 ~ .validation, .form_item.cmm_form .input.unit2 ~ .validation, .form_item.cmm_form .input.unit3 ~ .validation{text-align:right;padding-right:0.8rem;padding-left:0.8rem;} /* Input + Text button */ .form_item.cmm_form .flex input{width:100%;border:none;background:transparent ! important;z-index:1;} .form_item.cmm_form .flex .combobox_bottomsheet{width:100%;} .form_item.cmm_form .btn_text{margin:2.5rem 1.5rem 0 0;height:2.8rem;background:none;white-space:nowrap;} .form_item.cmm_form .btn_text span{display:block;padding:0 1rem;line-height:2.8rem;color:#175ec7;font-size:1.3rem;font-weight:700;border-radius:0.4rem;background:#e6f1ff;} /* Combo + Input */ .form_item.cmm_form .flex .cmm_combo{width:100%;} .form_item.cmm_form .flex input, .form_item.cmm_form .flex input:focus, .form_item.cmm_form .flex input:not(:placeholder-shown){padding-left:0 ! important;} .form_item.cmm_form .flex input:first-child{padding-left:1.5rem ! important;} /* Input Inline - Common */ .form_item.cmm_form *[class*="num"].input{} .form_item.cmm_form *[class*="num"].input{height:7.6rem;} .form_item.cmm_form *[class*="num"].input input, .form_item.cmm_form *[class*="num"].input .second{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;border:none;background:transparent ! important;z-index:1;} .form_item.cmm_form *[class*="num"].input input::-webkit-input-placeholder{color:transparent;} .form_item.cmm_form *[class*="num"].input input:first-child{min-width:100%;} .form_item.cmm_form *[class*="num"].input .label{opacity:0.8;color:#75758b;} .form_item.cmm_form *[class*="num"].input .dash{display:none;position:absolute;top:0;margin-left:-0.5rem;padding:3.5rem 0 1.5rem 0 ! important;} .form_item.cmm_form *[class*="num"].input input:focus ~ .box .dash, .form_item.cmm_form *[class*="num"].input input:not(:placeholder-shown) ~ .box .dash{display:block;} .form_item.cmm_form *[class*="num"].input .cmm_combo *[aria-expanded].combobox{margin-top:2.5rem;height:4.6rem;} /* Input Inline - Num02 */ .form_item.cmm_form *[class*="num2"].input > input:nth-child(1):focus, .form_item.cmm_form *[class*="num2"].input > input:nth-child(1):not(:placeholder-shown){padding-right:50% ! important;} .form_item.cmm_form *[class*="num2"].input .second, .form_item.cmm_form *[class*="num2"].input > *:nth-child(2){left:50%;width:50%;} .form_item.cmm_form *[class*="num2"].input .dash:nth-of-type(1){left:50%;} .form_item.cmm_form *[class*="num2"].input .cmm_combo{width:50%;padding-right:0 ! important;} /* Input Inline - Num03 */ .form_item.cmm_form *[class*="num3"].input > input:nth-child(1):focus, .form_item.cmm_form *[class*="num3"].input > input:nth-child(1):not(:placeholder-shown){padding-right:67% ! important;} .form_item.cmm_form *[class*="num3"].input > *:nth-child(2){left:33%;width:33%;} .form_item.cmm_form *[class*="num3"].input > *:nth-child(3){left:66%;width:36%;} .form_item.cmm_form *[class*="num3"].input .dash:nth-of-type(1){left:33%;} .form_item.cmm_form *[class*="num3"].input .dash:nth-of-type(2){left:66%;} .form_item.cmm_form *[class*="num3"].input .cmm_combo{width:33%;padding-right:0 ! important;} .form_item.cmm_form *[class*="num3"].input .cmm_combo *[aria-expanded].combobox .tit{margin-bottom:-0.5rem;} /* Input Inline - Num03 */ .form_item.cmm_form *[class*="num4"].input > input:nth-child(1):focus, .form_item.cmm_form *[class*="num4"].input > input:nth-child(1):not(:placeholder-shown){padding-right:75% ! important;} .form_item.cmm_form *[class*="num4"].input > *:nth-child(2){left:25%;width:25%;} .form_item.cmm_form *[class*="num4"].input > *:nth-child(3){left:50%;width:25%;} .form_item.cmm_form *[class*="num4"].input > *:nth-child(4){left:75%;width:25%;} .form_item.cmm_form *[class*="num4"].input .dash:nth-of-type(1){left:25%;} .form_item.cmm_form *[class*="num4"].input .dash:nth-of-type(2){left:50%;} .form_item.cmm_form *[class*="num4"].input .dash:nth-of-type(3){left:75%;} .form_item.cmm_form.multiGuide .input>.label{top:1.2rem;font-size:1.3rem;opacity:1;z-index:0;} .form_item.cmm_form.multiGuide .input input{padding:3.5rem 1.5rem 1.5rem 1.5rem ! important;} .form_item.cmm_form.multiGuide .input input::placeholder{color:#a9b0b8 !important} .form_item.cmm_form.multiGuide .input.RRN>input:nth-of-type(1){padding-right:56% !important;border:none;background-color:rgba(255,255,255,0)} .form_item.cmm_form.multiGuide .input.RRN>input:nth-of-type(1)::placeholder{color:#8c9595 !important} .form_item.cmm_form.multiGuide .input.RRN .hyphen{display:block;width:8px;height:26px;font-size:1.8rem;color:#6e7780;line-height:2.6rem;position:absolute;left:44%;top:3.5rem;} .form_item.cmm_form.multiGuide .input.RRN input:nth-of-type(2){font-family:'pass';font-size:1.9rem !important;position:absolute;width:56%;top:0;right:0;borde-radius:0;border:none;background-color:rgba(255,255,255,0);padding-top:3.3rem !important} .form_item.cmm_form.multiGuide .input.RRN input:nth-of-type(2)::placeholder{background-image:url(/img/contents/passNumbg.png?20231106001);background-repeat:no-repeat;background-size:8rem auto;background-position:left center;} .form_item.cmm_form.multiGuide .input.RRN .scBtn{position:absolute;width:56%;top:0;right:0;height:100%;z-index:50;} .form_item.cmm_form.multiGuide .input.RRN .scBtn input{font-family:'pass';font-size:1.9rem !important;position:absolute;top:0;right:0;borde-radius:0;border:none;background-color:rgba(255,255,255,0);padding-top:3.3rem !important} .form_item.cmm_form.multiGuide .input.RRN .scBtn input::placeholder{background-image:url(/img/contents/passNumbg.png?20231106001);background-repeat:no-repeat;background-size:8rem auto;background-position:left center;} /*금액입력*/ .form_item.cmm_form.multiGuide .input.unit1 input{padding-right:3.3rem ! important;text-align:right;} .form_item.cmm_form.multiGuide .input> .unit{display:block;color:#a9b0b8;transtion:all 0.2s;} .form_item.cmm_form.multiGuide .input> input:not(:placeholder-shown) ~ .unit{color:#212529;} .form_item.cmm_form.multiGuide .input> input:disabled ~ .unit{color:#757c85;} /* .aos .form_item.cmm_form.multiGuide .input.RRN input:nth-of-type(2)::placeholder{font-size:2rem !important} .ios .form_item.cmm_form.multiGuide .input.RRN input:nth-of-type(2)::placeholder{font-size:4rem !important;padding-top:1.2rem;} */ .form_item.cmm_form.multiGuide.focus{} /* m_inp_my_bankbook_memo : 내통장메모 */ .input_chip{display:inline-block;overflow:hidden;position:relative;width:auto;height:3.2rem;border:1px solid #e1e3e6;padding:0.6rem 1.3rem 0.5rem 3.2rem;font-size:1.3rem;line-height:2rem;color:#8c959f;border-radius:1.6rem;background:#fff;box-sizing:border-box;vertical-align:middle;} .input_chip:before{display:block;content:'';position:absolute;top:50%;left:1.3rem;width:1.4rem;height:1.4rem;margin-top:-0.7rem;background:url(/img/common/ico_set.png) -5rem -30rem/60rem auto no-repeat;} .input_chip input{width:14rem;height:2rem;border:0;} .input_chip input::placeholder{color:#8c9595 !important} /* 환율조회 문구 겹침 */ .page.language .list_top_area > div{width:50%;} .page.language .list_top_area > .right_area{text-align:right;margin-top:-1rem;} /*텍스트 박스 기본*/ /*felx 컨텐츠 정렬*/ .bottom_item_Fix{margin-top:auto !important;margin-bottom:3rem;padding-top:12rem;} .bottom_item_Fix20{margin-top:auto !important;margin-bottom:3rem;padding-top:20rem;} .inB{display:inline-block !important;} .info_txtBox{position:relative;width:100%;height:auto;padding:1.6rem;border-radius:0.6rem;} .info_txtBox.blue{background-color:#f5f7fa;} .info_txtBox.blue2{background-color:#f0f6ff;} .info_txtBox.blue3{background-color:#e6f1ff;} .info_txtBox.black{background-color:#000;} .info_txtBox.white{background-color:#fff;} .info_txtBox.whiteLine{background-color:#fff;border:1px solid #e1e3e6} .info_txtBox.gray{background-color:#e9ecf0;} .info_txtBox.nav{background-color:#1d2d47;} .info_txtBox.pd24{padding:2rem 2.4rem} .info_txtBox.pd12{padding-top:1.2rem;padding-bottom:1rem} .info_txtBox>p{font-size:1.4rem;color:#6e7780;line-height:2.0rem;letter-spacing:-0.01rem;word-break:keep-all;} .info_txtBox>p+p{margin-top:8px;} .info_txtBox.shadow{box-shadow:rgba(33,37,41,0.05) 0 2px 14px;} .info_txtBox.line{border:1px solid #E1E3E6} .info_txtBox>div .sub_desc{margin-top:0;padding-bottom:0;} .info_txtBox p + div{margin-top:0.8rem;} .info_txtBox .tooltip{position:absolute;} .info_txtBox .btn_help{vertical-align:5px;} .info_txtBox>p.t20{display:block;font-size:2rem;line-height:3rem;letter-spacing:-0.2px;} .info_txtBox>p.t18{display:block;font-size:1.8rem;line-height:2.6rem;letter-spacing:-0.2px;} .info_txtBox>p.t16{display:block;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.2px;} .info_txtBox>p.t15{display:block;font-size:1.5rem;line-height:2.2rem;letter-spacing:-0.2px;} .info_txtBox>p.t14{display:block;font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.1px;} .info_txtBox>p.t13{display:block;font-size:1.3rem;line-height:2.0rem;letter-spacing:0px;} .info_txtBox>p.t11{display:block;font-size:1.1rem;line-height:1.6rem;letter-spacing:0px;} .info_txtBox.dot>p{position:relative;padding-left:10px;} .info_txtBox.dot>p::before{content:"";display:block;width:3px;height:3px;background-color:#6e7780;border-radius:50%;position:absolute;left:0;top:6px} .info_txtBox.innerTxt{padding:0} .info_txtBox.innerTxt.IV_24>p+p{margin-top:2.4rem;} .info_txtBox.couponInfo{margin-top:1.2rem;padding-top:1rem;padding-bottom:0.7rem;} .info_txtBox.couponInfo .icon_base.money{font-size:1.3rem;margin-top:0;line-height:2.3rem;} /*인증보안 메인 비로그인일경우*/ [data-web-id=P_M_SECURITY_MAIN] .sec div:nth-child(3)[style*="display:none"] ~ div .dropdwon_Menu:nth-of-type(1)::before, [data-web-id=P_M_SECURITY_MAIN] .sec div:nth-child(3)[style*="display: none"] ~ div .dropdwon_Menu:nth-of-type(1)::before{display:none;} .dropdwon_Menu{position:relative;width:100%;padding:0rem 0 1.6rem;} .dropdwon_Menu::before{content:"";display:block;margin-bottom:2.4rem;margin-left:-2rem;width:calc(100% + 4rem);height:1.6rem;background-color:#f2f5f7;} .dropdwon_Menu .menuTit{font-size:1.4rem;line-height:2.2rem;color:#8c959f;margin-bottom:0.4rem;} .dropdwon_Menu .item>a.icon_base{font-size:1.6rem;font-weight:bold;color:#212529;padding:1.6rem 0;} .dropdwon_Menu .item>a.icon_base.arrow{padding-right:1.6rem} .dropdwon_Menu .item>a.icon_base.arrow::before{top:2.1rem;transform:scale(1.33);} .dropdwon_Menu .item>a.icon_base .subInfo{font-size:1.6rem;color:#6e7780;margin-left:1rem;flex-shrink:0;-webkit-flex-shrink:0;} .dropdwon_Menu .menuList{width:100%;padding-bottom:2.4rem;display:none;} .dropdwon_Menu .menuList>ul>li{padding:0.8rem 0;} .dropdwon_Menu .menuList>ul>li .detp2{background-color:#f5f7fa;margin:1.6rem 0 0.8rem 0;display:none;} .dropdwon_Menu .menuList>ul>li .detp2>li{padding:0.9rem 1.6rem 0.7rem 1.6rem;} .blueLine_box{width:100%;height:auto;padding:2rem 1rem;border:1px solid #5697f0;border-radius:0.6rem;display:flex;} .blueLine_box .item{position:relative;flex:1;text-align:center;padding:0 1rem;} .blueLine_box .item strong{display:block;font-size:1.4rem;margin-bottom:0.4rem;color:#515961;font-weight:normal;} .blueLine_box .item p{font-size:1.4rem;color:#0565f0;} .blueLine_box .item + .item::before{content:"";position:absolute;left:0;top:0;display:block;width:1px;height:40px;background-color:#e1e3e6;} .lineBox{width:100%;height:auto;padding:1.8rem 1rem 2rem 1rem;border:1px solid #5697f0;border-radius:0.6rem;display:flex;} .lineBox.gray{border:1px solid #e1e3e6;} .lineBox .item{position:relative;flex:1;text-align:center;padding:0 1rem;} .lineBox .item strong{display:block;font-size:1.4rem;margin-bottom:0.4rem;color:#515961;font-weight:normal;} .lineBox .item p{font-size:1.6rem;color:#0565f0;font-weight:bold;} button.icon_base{background-color:rgba(255,255,255,0);text-align:left;} .icon_base{position:relative;display:block;font-size:1.4rem;color:#515961;line-height:2.2rem;letter-spacing:-0.01rem;} .icon_base.arrow{padding-right:1.3rem;} .icon_base.arrow.in_line{display:inline-block;padding-right:1.6rem;color:#627780;} .icon_base.arrow::before{content:"";position:absolute;right:0;top:0.4rem;display:block;width:1.2rem;height:1.2rem;background:url(/img/contents/Icon_Chervron_Right.png) no-repeat center center/1.2rem auto;} .icon_base.security{padding-left:28px;} .icon_base.security::after{content:"";position:absolute;left:0;top:0rem;display:block;width:2rem;height:2rem;background:url(/img/common/ico_shield.png) center center/2rem auto no-repeat} .icon_base.alert{padding-left:2.2rem} .icon_base.alert::after{content:"";position:absolute;left:0;top:0.2rem;display:block;width:1.6rem;height:1.6rem;background:url(/img/contents/icon_msgAlert.png) center center/1.6rem auto no-repeat} .icon_base.warning{padding-left:2.6rem;color:#363c42} .icon_base.warning::after{content:"";position:absolute;left:0;top:0rem;display:block;width:2rem;height:2rem;background:url(/img/contents/Icon_Warning.png) center center/2rem auto no-repeat} .icon_base.coupon{padding-left:2.4rem;color:#fff;} .icon_base.coupon::after{content:"";position:absolute;left:0;top:0.3rem;display:block;width:1.6rem;height:1.6rem;background:url(/img/contents/icon_couponBtn.png) center center/1.6rem auto no-repeat} .icon_base.money{padding-left:2rem;} .icon_base.money::after{content:"";position:absolute;left:0;top:0.2rem;display:block;width:1.6rem;height:1.6rem;background:url(/img/contents/Icon_Money_Blue.png) center center/1.6rem auto no-repeat} .icon_base.expand::before{content:'';display:inline-block;width:2rem;height:2rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;transition:all 0.3s;} .icon_base.expand.active::before{transform:translateY(-50%) rotate(180deg);} .icon_base.bullet{padding-left:1.1rem;font-size:1.6rem;color:#363c42} .icon_base.bullet::before{content:"";position:absolute;left:0;top:0.7rem;width:3px;height:3px;background-color:#515961} .icon_base.hyphen{padding-left:10px;color:#363c42;} .icon_base.hyphen::before{content:"";position:absolute;left:0;top:0.8rem;display:block;width:5px;height:1px;background-color:#363c42;} .icon_base.changeUpDown{padding-left:2.2rem;} .icon_base.changeUpDown::before{content:"";position:absolute;left:0;top:calc(50% - 1rem);width:1.8rem;height:1.8rem;background:url(/img/contents/icon_changeUpDown.png) center center/1.8rem auto no-repeat} .baseDl{display:block;width:100%;} .baseDl dl{font-size:0} .baseDl dl>dt{width:10rem;display:inline-block;vertical-align:top;font-size:1.4rem;line-height:2.2rem;color:#6e7780;} .baseDl dl>dd{width:calc(100% - 10rem);display:inline-block;vertical-align:top;font-size:1.6rem;line-height:2.4rem;color:#363c42;text-align:right;padding-top:-0.2rem;} .baseDl dl>dt:nth-of-type(n+2), .baseDl dl>dd:nth-of-type(n+2){margin-top:0.8rem} /*서브타이틀 케이스*/ .subTitBase{position:relative;display:block;padding-bottom:2.4rem;} .subTitBase > p.wB{color:#363c42;margin-bottom:0.8rem;} .subTitBase > p{color:#6e7780;} .myInfo{width:100%;margin:2.8rem 0 3.2rem 0;} .myInfo .myInfoData{position:relative;width:100%;padding-left:6.4rem;background-color:#fff;text-align:left;} .myInfo .myInfoData .sitekeyImg{position:absolute;left:0;top:0;width:4.8rem;height:4.8rem;border-radius:50%;overflow:hidden;background-color:#f5f7fa} .myInfo .myInfoData .sitekeyImg>img{width:100%} .myInfo .myInfoData .name{display:block;font-size:2.2rem;color:#363c42;font-weight:bold;margin-bottom:0.4rem;} .myInfo .myInfoData .userID{display:block;font-size:1.3rem;color:#8c959f;line-height:2.0rem;} .myInfo .myInfoData .userID>i{font-size:inherit;line-height:inherit;color:inherit;vertical-align:middle;} .myInfo .myInfoChage{width:100%;height:auto;border-radius:4px;border:1px solid #e1e3e6;margin-top:2rem;background-color:#fff;} .myInfo .myInfoChage>span{display:block;line-height:2.2rem;font-size:1.4rem;color:#175ec7;text-align:center;padding:0.7rem 1rem 0.6rem 1rem;font-weight:bold;} .flexBetween{display:flex;justify-content:space-between;} /*채팅상담*/ .page.mobile .item_floating{display:none;} .item_floating{} .item_floating .floatingClosed{position:absolute;right:-0.5rem;top:-1.7rem;width:1.7rem;height:1.7rem;display:block;text-indent:-9999px;background:#e1e3e6 url(/img/contents/icon_floatingClosed.png) no-repeat center center/0.9rem auto;border-radius:50%;z-index:1;} .item_floating .floatingBtn{position:fixed;width:5.6rem;height:5.6rem;right:2rem;bottom:7.2rem;z-index:10} .item_floating .floatingBtn>a{position:relative;width:100%;height:100%;border-radius:50%;z-index:10;background-color:#fff;display:block;border:1px solid #f2f5f7;box-shadow:rgba(0,0,0,0.12) 2px 3px 10px;font-size:0;} .item_floating .floatingBtn>a>img{width:2.6rem;display:block;position:absolute;left:calc(50% - 1.3rem);top:calc(50% - 1.3rem);} .item_floating .floatingBtn>a>span{color:#6e7780;display:block;line-height:1.6rem;text-align:center;margin-top:0.2rem;font-size:1.1rem;text-indent:-9999px;} .item_floating .floatingBtn.prodDtl{width:7.2rem;height:7.2rem;bottom:8rem;} .item_floating .floatingBtn.prodDtl>a>span{font-size:1.2rem;margin-top:4.2rem;color:#515961;text-indent:0;} .item_floating .floatingBtn.prodDtl>a>img{top:1.2rem;} .item_floating .floatingArea{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(33,37,41,0.8);display:none;z-index:10;} .item_floating.open .floatingArea{display:block;} .item_floating .floatingArea a{position:absolute;right:2.2rem;bottom:8.4rem;border-radius:50%;transition:all 0.3s;font-size:0;z-index:1;} .item_floating .floatingArea a:nth-child(1){bottom:7.2rem;} .item_floating .floatingArea a .info_txt{display:inline-block;vertical-align:middle;font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#fff;margin-right:1.2rem;margin-top:0.3rem;} .item_floating .floatingArea a .icon_box{position:relative;display:inline-block;width:5.2rem;height:5.2rem;background-color:#fff;vertical-align:middle;border-radius:50%;} .item_floating .floatingArea a .icon_box>img{position:absolute;left:calc(50% - 1.2rem);top:calc(50% - 1.2rem);width:2.4rem;} .item_floating .floatingArea a.closed{z-index:10;right:2rem;} .item_floating .floatingArea a.closed .info_txt{text-indent:-9999px;} .item_floating .floatingArea a.closed .icon_box{background-color:#307ff0;width:5.6rem;height:5.6rem;} .item_floating .floatingArea a.closed .icon_box>img{position:absolute;left:calc(50% - 1rem);top:calc(50% - 1rem);width:2rem;} .item_floating .floatingArea a.item1{bottom:14rem;animation-delay:1s;} .item_floating .floatingArea a.item2{bottom:20.4rem;animation-delay:2s;} .item_floating .floatingArea a.item3{bottom:26.8rem;animation-delay:3s;} .item_floating .floatingArea a.item4{bottom:33.2rem;animation-delay:4s;} /*로그인 방식 개선*/ .icon_mulitDesc{position:relative;width:100%;height:auto;font-size:0;padding:2rem 2.1rem 1.7rem 5.6rem;text-align:left;background-color:#fff;border-radius:0.6rem;box-shadow:rgba(33,37,41,0.02) 0 4px 5px 0;min-height:7.2rem} .icon_mulitDesc.line{border:1px solid #e1e3e6;box-shadow:none;} .icon_mulitDesc::before{content:"";width:2.4rem;height:2.4rem;position:absolute;left:2rem;top:calc(50% - 1.2rem);} .icon_mulitDesc .lv1{display:block;font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;font-weight:bold;color:#175ec7;margin-bottom:0.2rem;} .icon_mulitDesc .lv2{display:block;} .icon_mulitDesc .lv2>.work{display:inline-block;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.01rem;color:#212529;font-weight:bold;vertical-align:middle;} .icon_mulitDesc .lv2>.desc{display:inline-block;font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#212529;font-weight:normal;vertical-align:middle;} .icon_mulitDesc + .icon_mulitDesc{margin-top:1.6rem} .icon_mulitDesc.mobileB::before{background:url(/img/contents/icon_Mobile.png) no-repeat center center/2.4rem;} .icon_mulitDesc.certificate::before{background:url(/img/contents/icon_Financial.png) no-repeat center center/2.4rem;} .icon_mulitDesc.joint_certificate::before{background:url(/img/contents/icon_Certification.png) no-repeat center center/2.4rem;} .icon_mulitDesc.bankID::before{background:url(/img/contents/icon_Bankid.png) no-repeat center center/2.4rem;} .icon_mulitDesc.banksign::before{background:url(/img/contents/icon_BankSign.png) no-repeat center center/2.4rem;} /*라인타입*/ .icon_mulitDesc.line{box-shadow:none;border:1px solid #e1e3e6;} .icon_mulitDesc.line .lv1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .icon_mulitDesc.line .lv2{display:flex;} .icon_mulitDesc.line .lv2>.work{flex-shrink:0;-webkit-flex-shrink:0;} .icon_mulitDesc.line .lv2>.desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.1rem} /*즐겨찾기 그룹*/ .favoritesArea{position:relative;} .favoritesArea + .favoritesArea{margin-top:1.6rem} .favoritesArea .icon_mulitDesc{padding-right:4.8rem;} .favoritesArea .check_star{right:0.6rem;padding:1rem;margin:0;top:calc(50% - 2.1rem);z-index:10;} .lssuedBtnArea{margin-top:4.0rem;padding:0 2rem;} .cont_ci{width:100%;height:auto;margin:0.8rem 0 10rem 0;font-size:0;text-align:center;} .cont_ci>img{width:auto;height:2.37rem;display:inline-block;} /*플로팅배너일경우 back 딤처리 */ body.scrollFix #jbMain .sec{overflow-y:hidden;} .bottom_nav.floatingOpen::before{content:"";display:block;width:100%;height:100%;background-color:rgba(33,37,41,0.8);z-index:1;position:absolute;left:0;top:0;} /*약관영역 여백 제거*/ .noAllCk .agr_box .agr_check{padding:0;} /*약관 들여쓰기 << 1레벨로 */ .arg_1detpIn .agr_check_item{padding-left:3.8rem;} .arg_1detpIn .agr_check_item .check_base input{left:0.2rem;} /*콤보박스 사이에 유의사항 텍스트 넣을 경우 */ .cnt_info_Group{margin:1.2rem 0 2.4rem 0;} .cnt_info_Group + .combobox_bottomsheet{margin-top:1.2rem !important;} /*타이틀 배경 흰색*/ .metaItem_whiteBg{margin-left:-2rem;width:calc(100% + 4rem);background-color:#fff;padding:0 2rem;} .often_trans .card_box:last-of-type{margin-bottom:0;} .often_trans .card_box dl+ dl{margin-top:0.8rem;} .often_trans.change .accEdit{position:absolute;right:2rem;top:2.4rem;z-index:1;display:block !important;} .often_trans.change .card_tit{padding-right:10rem;} .accEditList .card_box .card_tit{position:relative;padding-right:7.5rem;} .accEditList .card_box .accEdit{position:absolute;right:1.9rem;top:2.4rem;z-index:2} .accEdit{font-size:0} .accEdit .editBtn{width:3.2rem;height:3.2rem;display:inline-block;text-indent:-9999px;border:1px solid #d3d7db;border-radius:0.4rem} .accEdit .editBtn.up{background:url(/img/contents/icon_up.png) no-repeat center center/1.2rem auto;} .accEdit .editBtn.down{background:url(/img/contents/icon_down.png) no-repeat center center/1.2rem auto;margin-left:0.7rem;} .cirAlert{padding-left:2.2rem;position:relative;font-size:1.3rem;color:#8c959f;line-height:2.0rem;letter-spacing:0;} .cirAlert.gray{background:url(/img/contents/icon_graynoti.png) no-repeat left top/1.6rem auto} /*라운드 아이콘 박스 (고팍스 게이트)*/ .info_iconType{width:100%;height:auto;border-radius:6px;border:1px solid #e1e3e6;background-color:#fff;padding:2.4rem;margin-top:-2.4rem;} .info_iconType .item{display:table;width:100%;} .info_iconType .item + .item{margin-top:2.4rem;} .info_iconType .item .iconArea{display:table-cell;vertical-align:middle;width:6.4rem;height:auto;font-size:0;border-radius:50%} .info_iconType .item .iconArea>img{width:100%;} .info_iconType .item .info_text{display:table-cell;vertical-align:middle;width:calc(100% - 6.4rem);padding-left:2.4rem} .info_iconType .item .info_text >b{font-size:1.6rem;letter-spacing:-0.02rem;font-weight:bold;line-height:2.4rem;display:block;color:#363c42} .info_iconType .item .info_text >span{font-size:1.4rem;letter-spacing:-0.01rem;line-height:2.2rem;display:block;color:#6e7780;} /**/ .info_iconType.noLine{border:none;padding:0;margin-top:2.4rem} .info_iconType.noLine .item + .item{margin-top:2rem;} .caseGroup{margin-bottom:5rem;} .caseGroup h3{margin:1.5rem 0 1rem 0;} .groupSample{display:flex;padding:2rem;background-color:#eaeaea;} .groupSample .baseBtn:nth-of-type(n+2){margin-left:1rem;} .primary{display:block;width:100%;min-height:5.2rem;background-color:#0565F0;border-radius:0.6rem;padding-top:0.3rem;text-align:center;justify-content:unset;flex-direction:unset;align-items:unset;} a.primary{display:flex;justify-content:center;flex-direction:column;align-items:center;} .primary>.base{display:inline-block;width:100%;font-size:1.6rem;line-height:2.4rem;font-weight:bold;color:#fff;letter-spacing:-0.1px;} .primary>.subbase{display:inline-block;width:100%;font-size:1.1rem;line-height:1.6rem;font-weight:normal;color:#ADC9FF;letter-spacing:0px;} .primary:disabled, .primary.disabled{opacity:0.3;} .primary.white{background-color:#fff;} .primary.white>.base{color:#175EC7} .primary.line{background-color:#fff;border:1px solid #e1e3e6;} .primary.line>.base{color:#175EC7} .primary.secon{background-color:#E6F1FF;} .primary.secon>.base{color:#175EC7} .primary.gray{background-color:#e9ecf0;} .primary.gray>.base{color:#6e7780} .baseBtn{display:flex;width:auto;min-height:4.0rem;background-color:#fff;border-radius:0.4rem;padding:0.3rem 1.6rem 0 1.6rem;text-align:center;justify-content:center;flex-direction:column;align-items:center;} .baseBtn>.base{display:inline-block;width:100%;font-size:1.4rem;line-height:2.2rem;font-weight:bold;color:#0565F0;letter-spacing:0px;} .baseBtn.full{width:100%;} .baseBtn.secon{background-color:#E6F1FF;} .baseBtn.secon>span{color:#175EC7} .baseBtn.primary{background-color:#0565f0;} .baseBtn.primary>span{color:#fff} .baseBtn.middle{min-height:3.6rem;} .baseBtn.small{min-height:2.8rem;} .baseBtn.small>.base{font-size:1.3rem;line-height:2.0rem;} .baseBtn.line{border:1px solid #E1E3E6;border-radius:4px;} .baseBtn.blueline{border:1px solid #0565f0;border-radius:4px;} .baseBtn.blueline>.base{color:#0565f0} .baseBtn:disabled, .baseBtn.disabled{opacity:0.3;} .baseBtn.unline>.base{position:relative;} .baseBtn.unline>.base::before{content:"";display:block;width:100%;height:1px;background-color:#175ec7;position:absolute;left:0;bottom:0;} .baseBtn.unline.cB70>.base::before{background-color:#175ec7} .flexBetween.btnflex1{margin-left:-0.4rem;width:calc(100% + 0.8rem);} .flexBetween.btnflex1 .baseBtn{flex:1;margin:0 0.4rem} .baseBtn.cG5 >.base{color:#f5f7fa !important} .baseBtn.cG10>.base{color:#f2f5f7 !important} .baseBtn.cG20>.base{color:#e1e3e6 !important} .baseBtn.cG30>.base{color:#d3d7db !important} .baseBtn.cG40>.base{color:#c0c6cc !important} .baseBtn.cG50>.base{color:#a9b0b9 !important} .baseBtn.cG60>.base{color:#8c959f !important} .baseBtn.cG70>.base{color:#6e7780 !important} .baseBtn.cG80>.base{color:#515961 !important} .baseBtn.cG90>.base{color:#363c42 !important} .baseBtn.cG100>.base{color:#363c42 !important} .baseBtn.cB5 >.base{color:#f0f6ff !important} .baseBtn.cB10>.base{color:#e6f1ff !important} .baseBtn.cB20>.base{color:#c2dcff !important} .baseBtn.cB30>.base{color:#91bdfa !important} .baseBtn.cB40>.base{color:#5697f0 !important} .baseBtn.cB50>.base{color:#307ff0 !important} .baseBtn.cB60>.base{color:#0565f0 !important} .baseBtn.cB70>.base{color:#175ec7 !important} .baseBtn.cB80>.base{color:#20529e !important} .baseBtn.cB90>.base{color:#22406f !important} .baseBtn.cB100>.base{color:#1d2d47 !important} .baseBtn.wN>span{font-weight:normal !important;} .btn_area.fix .baseBtn{width:100%;} .btn_area.fix .baseBtn.unline{width:auto;margin:0 auto} .innerBtn_2r_w{padding-left:2rem;padding-right:2rem;} .fullBtn, .fullBtn .base_style{width:100% !important;display:block !important;} .certData.data_none{text-align:center;margin-top:3.2rem;padding-top:7.6rem;position:relative;} .certData.data_none:before{content:'';display:block;position:absolute;top:0;left:50%;width:6.4rem;height:6.4rem;background-repeat:no-repeat;background-position:0 0;background-size:6.4rem auto;transform:translateX(-50%);background-image:url(/img/common/ico_status_warning.png)} .btnMore{display:flex;width:100%;min-height:4.8rem;border:1px solid #E1E3E6;background-color:#fff;border-radius:0.4rem;padding:0.3rem 1.6rem 0 1.6rem;text-align:center;justify-content:center;flex-direction:column;align-items:center;} .btnMore>.base{display:inline-block;width:100%;font-size:1.4rem;line-height:2.2rem;font-weight:bold;color:#6E7780;letter-spacing:0px;} .btnMore>.base>i{position:relative;display:inline-block;width:1.6rem;height:1.6rem;margin-right:0.2rem;vertical-align:-2px;} .btnMore>.base>i::before{content:"";position:absolute;left:50%;top:50%;display:block;width:1.3rem;height:0.1rem;background-color:#6E7780;transform:translate(-50%,-50%);} .btnMore>.base>i::after{content:"";position:absolute;left:50%;top:50%;display:block;width:0.1rem;height:1.3rem;background-color:#6E7780;transform:translate(-50%,-50%);} .tabArea{display:flex;background-color:#F2F5F7;width:100%;padding:0.3rem;border-radius:0.6rem;} .tabArea.checkbBox label.tabBtn + label.tabBtn{margin-left:0.4rem;} .tabBtn{display:flex;flex:1;min-height:4.2rem;background-color:#F2F5F7;border-radius:0.5rem;padding:1.2rem 1rem 1rem 1rem;text-align:center;justify-content:center;flex-direction:column;align-items:center;} .tabBtn>.base{display:inline-block;width:100%;font-size:1.4rem;line-height:2.2rem;font-weight:bold;color:#6E7780;letter-spacing:-0.1px;} .tabBtn>.sub{display:inline-block;width:100%;font-size:1.4rem;line-height:2.2rem;font-weight:normal;color:#6E7780;letter-spacing:-0.1px;} .tabBtn.on{background-color:#fff;} .tabBtn.on>.base{color:#0561E6} label.tabBtn{position:relative;cursor:pointer;padding:0;} label.tabBtn .base{min-height:4.2rem;border-radius:0.5rem;padding:1.2rem 1rem 1rem 1rem;} label.tabBtn input:checked + .base{color:#0561E6;background-color:#fff;} .inputBase{position:relative;display:block;width:100%;height:auto;min-height:7.6rem;padding:3.4rem 1.5rem 1.4rem 1.5rem;background-color:#fff;border-radius:6px;border:1px solid #E1E3E6;transition:all 0.2s;;} .inputBase input{border:none;width:100%;border-radius:0;height:2.6rem;font-size:1.8rem;color:#212529;line-height:2.6rem;letter-spacing:-0.02rem;} .inputBase .guide{position:absolute;width:auto;display:inline-block;left:1.5rem;top:2.5rem;font-size:1.8rem;color:#6E7780;line-height:2.6rem;letter-spacing:-0.02rem;transition:all 0.3s;} .inputBase input::placeholder{opacity:0;} .inputBase.inData .guide{font-size:1.3rem;color:#6E7780;line-height:2.0rem;letter-spacing:0;top:1.5rem;} .inputBase.focus{border:1px solid #0565F0;} .inputBase input:focus + .guide{font-size:1.3rem;color:#0565F0;line-height:2.0rem;letter-spacing:0;top:1.5rem;} .accMoreInfo .icon_base{padding:2.4rem 0 2.1rem 0;} .accInfoArea{width:100%;height:auto;padding-top:9.6rem;margin-bottom:2.4rem;} .accInfoArea.pt69{padding-top:6.9rem;} .accInfoArea.onlyAccNumber{padding-top:13rem;} .accInfoArea .accChageArea{width:100%;height:auto;font-size:0;min-height:7.3rem;padding:1.2rem 2rem;position:fixed;background-color:#fff;left:0;top:5.2rem;z-index:2} .accInfoArea .accArea{font-size:0;text-align:right;position:relative;z-index:1} .accInfoArea .accArea .accAmount{font-size:0} .accInfoArea .accArea .accAmount .amount{font-size:2.6rem;color:#212529;font-weight:bold;letter-spacing:0;line-height:3.4rem;display:inline-block;vertical-align:middle;} .accInfoArea .accArea .accAmount .unit{font-size:2.2rem;color:#212529;font-weight:bold;letter-spacing:0;line-height:2.8rem;display:inline-block;vertical-align:middle;margin-left:0.2rem;} .accInfoArea .accArea .totalWithdraw{font-size:1.4rem;color:#6e7780;letter-spacing:-0.01rem;line-height:2.0rem;margin-top:0.6rem;text-align:right;} .accInfoArea .btnArea{margin-top:2.4rem;display:flex;margin-left:-0.35rem;width:calc(100% + 0.7rem);} .accInfoArea .btnArea>button{flex:1;margin:0 0.35rem;} .accInfoArea .accChageArea .baseBtn{position:absolute;right:0.4rem;top:0.1rem;z-index:20;} .accInfoArea .accChageArea .baseBtn .base{position:relative;font-size:1.6rem;color:#175ec7;} .accInfoArea .accChageArea .baseBtn .base::before{content:"";display:block;width:100%;height:1px;position:absolute;bottom:0px;left:0;background-color:#175ec7;} .accInfoArea .accChageArea .onlyAccNumberArea{margin-top:1.2rem;} .accInfoArea .accChageArea .onlyAccNumberArea .onlyAccNumberDiv{display:inline-block;border-radius:1.2rem;width:auto;height:2rem;font-size:1.1rem;line-height:2rem;font-weight:500;padding:0 0.6rem;margin-right:0.4rem;color:var(--blue6);background-color:var(--blue2);} .accInfoArea .accChageArea .onlyAccNumberArea .onlyAccNumber{font-size:1.4rem;line-height:2.2rem;color:var(--gray8);position:relative;display:inline-block;top:0.2rem;} .accChage_Btn{width:100%;background-color:rgba(255,255,255,0);padding:0rem 0rem 0 0;font-size:0;text-align:left;} .accChage_Btn.accMag p:nth-of-type(1){padding-right:9rem} .accChage_Btn p:nth-of-type(1){font-size:0;margin-bottom:0.3rem;position:relative;padding-left:3rem;} .accChage_Btn p:nth-of-type(1)>span{position:relative;font-size:1.4rem;color:#515961;letter-spacing:0.01rem;line-height:2.2rem;display:inline;vertical-align:middle;} .accChage_Btn p:nth-of-type(1)>.subInfo{} .accChage_Btn p:nth-of-type(1)>.subInfo::before{content:"";display:inline-block;width:1px;height:1.4rem;position:relative;top:2px;background-color:#d8d8d8;margin:0 0.4rem} .accChage_Btn p:nth-of-type(1) .icon{transform:scale(0.84);position:absolute;left:-3px;top:-2px;} .accChage_Btn .accNumber{position:relative;font-size:0;} .accChage_Btn .accNumber>span, .accChage_Btn .accNumber>em{font-size:1.6rem;font-weight:bold;color:#363c42;letter-spacing:0;line-height:2.4rem;} .accChage_Btn .accNumber>em{margin-right:0.2rem;} .accChage_Btn .accNumber>span::after{content:"";display:block;width:1.6rem;height:0.8rem;display:inline-block;background:url(/img/contents/icon_accinfoArrow.png) no-repeat center center/100% auto;vertical-align:0.1rem;margin-left:0.8rem;} .accInfoArea .accChageArea .combobox_bottomsheet{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1} .accInfoArea .accChageArea .combobox_bottomsheet .combobox{opacity:0;} .sechArea{font-size:0;margin-left:-2rem;width:calc(100% + 4rem);background-color:#f2f5f7;height:4.8rem;padding:1rem 2rem 1rem 2rem;display:flex;justify-content:space-between;} .sechArea .sechKeyword{padding-left:2.6rem;background:rgba(255,255,255,0) url(/img/contents/icon_SearchBtn.png) no-repeat left top 0.4rem/2.0rem auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:1rem;} .sechArea .sechFilterArea{display:inline-block;float:right;overflow:hidden;padding-top:0.2rem;margin-left:auto;flex-shrink:0;-webkit-flex-shrink:0;} .sechArea .sechFilterArea .condition{display:inline-block;vertical-align:middle;padding-top:0.3rem;} .sechArea .sechFilterArea .condition>span{display:inline-block;font-size:1.4rem;color:#515961;letter-spacing:-0.14rem;line-height:2.0rem;padding:0 0.5rem;position:relative;} .sechArea .sechFilterArea .condition>span:nth-of-type(n+2)::before{content:"";display:block;width:0.2rem;height:0.2rem;background-color:#515961;position:absolute;left:-0.1rem;top:calc(50% - 0.1rem);} .sechArea .sechFilterArea .btn_filter{position:static;display:inline-block;margin:0;vertical-align:middle;} .sechArea .keywrod{display:block;width:auto;height:2.8rem;padding:0 2.6rem 0 1.2rem;font-size:1.3rem;color:#363c42;letter-spacing:0;line-height:2.9rem;border:1px solid #e1e3e6;background:#fff url(/img/contents/icon_keywrodClose.png) no-repeat right 12px center/1rem auto;border-radius:1.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sechArea .dataArea{padding-top:0.5rem} .sechArea .dataArea>p{font-size:1.3rem;} .sechPopBtn{width:auto;display:inline-block;height:2rem;font-size:1.4rem;color:#515961;line-height:2.3rem;margin-top:0.4rem;background-color:rgba(255,255,255,0);} .stickySechbar{position:relative;} .stickySechbar .dumpBar{width:100%;height:4.8rem;} .stickySechbar .sechArea{position:absolute;} .stickySechbar .sechArea.sechFix{position:fixed;} .fundInfoArea.baseDl{width:100%;height:auto;border-radius:0.6rem;background-color:#f2f5f7;padding:1.7rem 2.0rem 1.3rem 2.0rem;margin-top:1.6rem;display:flex;justify-content:space-between;} .fundInfoArea.baseDl.full>dl{width:100%;} .fundInfoArea.baseDl>dl{vertical-align:middle;} .fundInfoArea.baseDl>dl>dt{width:7rem;} .fundInfoArea.baseDl>dl>dd{width:calc(100% - 7rem);font-size:1.4rem;line-height:2.0rem;} .fundInfoArea.baseDl>dl>dd .exchange_rate{font-size:1.4rem;line-height:2.0rem;} .fundInfoArea.baseDl>dl>dd .exchange_rate strong{font-weight:normal;} .fundInfoArea.baseDl>dl>dd .exchange_rate.increase .icon{transform:scale(0.75)} .fundInfoArea.baseDl>dl>dd .exchange_rate.decrease .icon{transform:scale(0.75) rotate(180deg)} .viewDetails{position:relative;width:100%;height:auto;margin-top:0.8rem;} /* .viewDetails::before{content:"";display:block;width:calc(100% + 4rem);position:absolute;left:-2rem;bottom:0;height:1px;background-color:#e9ecf0} */ .viewDetails ul{position:relative;width:100%;} .viewDetails ul li{position:relative;display:block;width:100%;font-size:0;min-height:11.3rem;} .viewDetails ul li:nth-of-type(1) .dtlArea{border-top:none;} .viewDetails ul li:last-of-type::after{content:"";display:block;width:calc(100% + 4rem);position:absolute;left:-2rem;bottom:0;height:1px;background-color:#e9ecf0} .viewDetails ul li .dateArea{width:5.4rem;height:auto;display:inline-block;vertical-align:top;padding:1.6rem 0;} .viewDetails ul li .dateArea .Day{font-size:1.4rem;color:#8c959f;line-height:2.2rem;letter-spacing:0;} .viewDetails ul li .dtlArea{width:calc(100% - 5.4rem);display:inline-flex;vertical-align:top;border-top:1px solid #e9ecf0;padding:1.6rem 0;justify-content:space-between;} .viewDetails ul li .dtlArea .detail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:1rem;} /* .viewDetails ul li .dtlArea .detail .title{font-size:1.6rem;color:#212529;line-height:2.4rem;letter-spacing:-0.02rem;margin-bottom:0.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetails ul li .dtlArea .detail .time{font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:0;margin-bottom:0.6rem;} .viewDetails ul li .dtlArea .detail .memoData{font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:-0.01rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetails ul li .dtlArea .detail .memoData>button{background-color:rgba(255,255,255,0);font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:-0.01rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetails ul li .dtlArea .dtlAmountArea{position:relative;text-align:right;display:inline-block;flex-shrink:0;-webkit-flex-shrink:0;padding-top:2.8rem;} .viewDetails ul li .dtlArea .dtlAmountArea>strong{font-size:1.8rem;letter-spacing:0;line-height:2.6rem;font-weight:normal;display:block;margin-bottom:0.4rem;} .viewDetails ul li .dtlArea .dtlAmountArea>strong>span{font-size:inherit;letter-spacing:inherit;line-height:inherit;display:inline-block;} .viewDetails ul li .dtlArea .dtlAmountArea>span{font-size:1.4rem;color:#6e7780;letter-spacing:0;line-height:2.2rem;display:block;} .viewDetails ul li .dtlArea .dtlAmountArea .memoBtn{position:absolute;right:0;top:0rem;} */ .viewDetails ul li .dtlArea{justify-content:unset;display:inline-block;} .viewDetails ul li .dtlArea dl{justify-content:space-between;display:flex;} .viewDetails ul li .dtlArea dl dt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetails ul li .dtlArea dl dd{flex-shrink:0;-webkit-flex-shrink:0;padding-left:1rem;} .viewDetails ul li .dtlArea dl .title{font-size:1.6rem;color:#212529;line-height:2.4rem;letter-spacing:-0.02rem;margin-bottom:0.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetails ul li .dtlArea dl .time{font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:0;margin-bottom:0.6rem;} .viewDetails ul li .dtlArea dl .memoData{font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:-0.01rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetails ul li .dtlArea dl .memoData>button{background-color:rgba(255,255,255,0);font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:-0.01rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;} .viewDetails ul li .dtlArea dl .dtlAmountArea{position:relative;text-align:right;display:inline-block;flex-shrink:0;-webkit-flex-shrink:0;} .viewDetails ul li .dtlArea dl .dtlAmountArea>strong{font-size:1.8rem;letter-spacing:0;line-height:2.6rem;font-weight:normal;display:block;margin-bottom:0.4rem;} .viewDetails ul li .dtlArea dl .dtlAmountArea>strong>span{font-size:inherit;letter-spacing:inherit;line-height:inherit;display:inline-block;} .viewDetails ul li .dtlArea dl .dtlAmountArea>span{font-size:1.4rem;color:#6e7780;letter-spacing:0;line-height:2.2rem;display:block;} .viewDetails ul li .dtlArea .hisrotyDtlBtn{justify-content:space-between;display:flex;width:100%;flex-wrap:wrap;} .viewDetails ul li .dtlArea .hisrotyDtlBtn .title{font-size:1.6rem;color:#212529;line-height:2.4rem;letter-spacing:-0.02rem;margin-bottom:0.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left;} .viewDetails ul li .dtlArea .hisrotyDtlBtn .time{font-size:1.4rem;color:#6e7780;line-height:2.2rem;letter-spacing:0;margin-bottom:0.6rem;} .viewDetails ul li .dtlArea .hisrotyDtlBtn .dtlAmountArea{position:relative;text-align:right;display:inline-block;flex-shrink:0;-webkit-flex-shrink:0;} .viewDetails ul li .dtlArea .hisrotyDtlBtn .dtlAmountArea>strong{font-size:1.8rem;letter-spacing:0;line-height:2.6rem;font-weight:bold;display:block;margin-bottom:0.4rem;} .viewDetails ul li .dtlArea .hisrotyDtlBtn .dtlAmountArea>strong>span{font-size:inherit;letter-spacing:inherit;line-height:inherit;display:inline-block;} .viewDetails ul li .dtlArea .hisrotyDtlBtn .dtlAmountArea>span{font-size:1.4rem;color:#6e7780;letter-spacing:0;line-height:2.2rem;display:block;} .transKeywordSech{width:100%;padding-right:2.5rem;background:url(/image/common/ic_line_16_forwardarrow.svg) no-repeat right center/2rem auto;text-align:left;margin:2.4rem 0;} .transKeywordSech .base{font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.01rem;font-weight:normal;color:var(--jb-blue);} .transMenoBtn{width:auto;display:inline-block;} .transMenoBtn .base{padding:0.6rem 3rem 0.5rem 1.2rem;display:inline-block;border-radius:7rem;border:1px solid var(--gray4);font-size:1.4rem;font-weight:500;line-height:2.2rem;color:var(--gray8);background:url(/image/contents/icon_memo.svg) no-repeat right 1.2rem center/1.4rem auto;} .transMenoListBtn{width:auto;display:inline-block;} .transMenoListBtn .base{padding-right:1.8rem;display:inline-block;font-size:1.4rem;font-weight:500;line-height:2.2rem;color:var(--gray7);background:url(/image/contents/icon_memo.svg) no-repeat right top 0.3rem/1.4rem auto;} .viewDetails ul li.differentDay::before{content:"";display:block;width:calc(100% + 4rem);position:absolute;left:-2rem;top:0;height:1px;background-color:#e1e3e6} .viewDetails ul li.differentDay .dtlArea{border-top:none;} .loanExtend_list{margin-bottom:4.6rem} .loanExtend_list .card_box{margin-bottom:0} .loanExtend_list .card_box .card_tit{padding:2.4rem} .loanExtend_list .card_box .desc{position:relative;margin:0 0 0.4rem 0;padding-left:2.6rem;font-size:1.4rem;color:#515961;line-height:2.2rem;} .loanExtend_list .card_box .desc>span{display:inline-block;max-width:calc(100% - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:0.4rem;vertical-align:middle;} .loanExtend_list .bank_inf{display:block;width:100%;background-color:#fff;text-align:left;margin-bottom: 4.2rem} .loanExtend_list .bank_inf::before{content:"";} .loanExtend_list .bank_inf .icon{position:absolute;left:-0.2rem;top:-0.2rem;} .loanExtend_list .bank_inf .dropDownIcon{content:'';display:inline-block;width:1.6rem;height:1.6rem;vertical-align:middle;background:url(/img/common/ico_set.png) -15rem -20rem/59.3rem auto no-repeat;transition:all 0.3s;} .loanExtend_list .bank_inf.active .dropDownIcon{transform:rotate(180deg);} .loanExtend_list .card_box .tit{font-size:1.4rem;line-height:2.2rem;color:#8c959f;} .loanExtend_list .card_box .card_tit .inf dl > dt{font-size:1.6rem;color:#515961;line-height:2.2rem;} .loanExtend_list .card_box .card_tit .inf dl > dd{font-size:2.6rem;color:#212529;line-height:3.4rem;font-weight:bold;} .loanExtend_list .card_box .btn_area{margin-top:2rem;display:flex;margin-left:-0.35rem;width:calc(100% + 0.7rem);} .loanExtend_list .card_box .btn_area>button{flex:1;margin:0 0.35rem;} .loanExtend_list .card_box .card_tit + .card_cont{background-color:#f5f7fa;padding:1.6rem 2.4rem;} .loanExtend_list .card_box .card_cont{display:none;} .loanExtend_list .card_box .card_cont .inf dl > dt{font-size:1.4rem;line-height:2rem;} .loanExtend_list .card_box .card_cont .inf dl + dl{margin-top:0.4rem} .loanExtend_list .card_box + .card_box{margin-top:1.7rem;} .sechFix{position:fixed;top:12.5rem;z-index:1;left:0;margin:0;left:0;width:100%} .viewDetailsFund.sechFixAdd{padding-top:4.8rem;} .memoBtn{display:inline-block;position:relative;padding-left:1.8rem;background-color:rgba(255,255,255,0);} .memoBtn>span{font-size:1.4rem;color:#8c959f;line-height:2.2rem;display:block;} .memoBtn:before{display:inline-block;content:'';position:absolute;left:0;top:0.8rem;width:1.4rem;height:1.4rem;margin-top:-0.7rem;background:url(/img/common/ico_set.png) -5rem -30rem/60rem auto no-repeat;vertical-align:-2px;margin-right:.4rem} .acctotalInfo.baseDl{width:100%;height:auto;border-radius:0.6rem;border:1px solid #e1e3e6;background-color:#fff;padding:1.6rem;box-shadow:rgba(0,0,0,0.06) 0px 2px 5px 0px;margin-top:2.4rem;} .acctotalInfo.baseDl dl>dt:nth-of-type(1){font-size:1.6rem;font-weight:bold;color:#363c42;line-height:2.4rem;letter-spacing:-0.02rem;} .acctotalInfo.baseDl dl>dd:nth-of-type(1){font-size:1.6rem;font-weight:bold;color:#363c42;line-height:2.4rem;letter-spacing:-0.02rem;} .acctotalInfo.baseDl dl>dt:nth-of-type(2), .acctotalInfo.baseDl dl>dd:nth-of-type(2){margin-top:0.6rem;} .acctotalInfo.baseDl dl>dd:nth-of-type(2){font-size:1.4rem;color:#6e7780;line-height:2.2rem;} /*대출*/ .viewDetailsLoan{width:calc(100% + 4rem);margin-left:-2rem;height:auto;margin-top:0.8rem;} .viewDetailsLoan .list_item{position:relative;width:100%;height:auto;padding:1.6rem 2rem;border-bottom:1px solid #e1e3e6} .viewDetailsLoan .list_item .contact_txt{width:100%;height:auto;} .viewDetailsLoan .list_item .contact_txt>em{display:block;font-size:1.6rem;font-weight:normal;color:#212529;line-height:2.4rem;letter-spacing:-0.02rem;margin-bottom:0.4rem;} .viewDetailsLoan .list_item .contact_txt>span{display:block;font-size:1.3rem;font-weight:normal;color:#8c959f;line-height:2rem;letter-spacing:0;} .viewDetailsLoan .list_item .contact_txt .baseDl{margin-top:1.6rem;} .viewDetailsLoan .list_item .contact_txt .baseDl dl>dd{font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;} .viewDetailsLoan .list_item .item_area{position:absolute;right:2rem;top:1.6rem} .viewDetailsLoan .list_item .item_area .amount>em{font-size:1.8rem;letter-spacing:0;line-height:2.6rem;font-weight:normal;display:inline-block;color:#0565f0;} /*외환*/ .viewDetailsLoan.fore .list_item{display:flex;justify-content:space-between;} .viewDetailsLoan.fore .list_item .contact_txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2rem;} .viewDetailsLoan.fore .list_item .contact_txt>em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .viewDetailsLoan.fore .list_item .item_area{position:static;flex-shrink:0;-webkit-flex-shrink:0;text-align:right} .viewDetailsLoan.fore .list_item .item_area>span{display:block;font-size:1.3rem;font-weight:normal;color:#6e7780;line-height:2.2rem;letter-spacing:0;margin-top:0.2rem;} .viewDetailsFund{width:calc(100% + 4rem);margin-left:-2rem;height:auto;margin-top:0.8rem;} .viewDetailsFund .list_item{position:relative;width:100%;height:auto;padding:1.6rem 2rem;border-bottom:1px solid #e1e3e6} .viewDetailsFund .list_item .contact_txt{width:100%;height:auto;} .viewDetailsFund .list_item .contact_txt>em{display:block;font-size:1.6rem;font-weight:normal;color:#212529;line-height:2.4rem;letter-spacing:-0.02rem;margin-bottom:0.4rem;} .viewDetailsFund .list_item .contact_txt>span{display:block;font-size:1.3rem;font-weight:normal;color:#8c959f;line-height:2rem;letter-spacing:0;} .viewDetailsFund .list_item .contact_txt .baseDl{margin-top:1.6rem;} .viewDetailsFund .list_item .contact_txt .baseDl dl>dt{width:13rem;} .viewDetailsFund .list_item .contact_txt .baseDl dl>dd{width:calc(100% - 13rem);font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;} .viewDetailsFund .list_item .item_area{position:absolute;right:2rem;top:1.6rem} .viewDetailsFund .list_item .item_area .amount>em{font-size:1.8rem;letter-spacing:0;line-height:2.6rem;font-weight:normal;display:inline-block;color:#0565f0;} .grayBgFull{position:relative;background-color:#f5f7fa;min-height:100%;margin-left:-2rem;width:calc(100% + 4rem);padding:0 2rem;box-sizing:border-box;} .grayBgFull::before{content:"";display:block;position:absolute;left:0;top:100%;background-color:#f5f7fa} .whiteInner{background-color:#fff;position:relative;} .whiteInner::before{content:"";display:block;position:absolute;left:-2rem;top:0;background-color:#fff;width:2rem;height:100%;} .whiteInner::after{content:"";display:block;position:absolute;right:-2rem;top:0;background-color:#fff;width:2rem;height:100%;} .fieldHalf{display:flex;} .form_item + .fieldHalf{margin-top:1.2rem} .form_item + .fieldHalf + .form_item, .form_item + .fieldHalf + .combobox_bottomsheet{margin-top:1.2rem} .fieldHalf>.form_item{flex:1;} .fieldHalf>.form_item:nth-of-type(1){margin:0 0.8rem 0 0} .fieldHalf>.form_item:nth-of-type(2){margin:0;} /*주소검색*/ .list_address{position:relative;width:100%;height:auto;font-size:0;margin-left:-2rem;width:calc(100% + 4rem);} .list_address::before{content:"";display:block;width:100%;height:1.6rem;background-color:#f2f5f7;} .list_address>div{border-bottom:1px solid #e1e3e6;padding:1.2rem 2rem;} .list_address>div>a{display:block;} .list_address>div>a>strong{font-size:1.6rem;color:#212529;letter-spacing:-0.01rem;line-height:2.4rem;display:block;margin-bottom:0.8rem;font-weight:normal;} .list_address>div>a>span{font-size:1.3rem;color:#6e7780;letter-spacing:0;line-height:2rem;display:block;} .list_address + .btn_area{margin:2rem 0;} .approved .card_box{box-shadow:rgba(33,37,41,0.02) 0 6px 10px 0} .approved .card_box .card_tit{padding:3.8rem 2rem 2rem 2.4rem} .approved .card_box .card_tit .endDay{font-size:1.3rem;color:#6e7780;right:2rem;letter-spacing:-0.09px} .approved .bank_inf .icon{ transform:scale(0.9);position:absolute;left:-0.4rem;top:-0.6rem;} .approved .card_box .desc{position:relative;font-size:1.6rem;color:#212529;letter-spacing:0;font-weight:bold;padding-left:2.8rem;min-height:2.4rem;padding-bottom:0.4rem;margin:0;} .approved .card_box .tit{color:#6e7780;} .approved .card_cont .inf{font-size:0} .approved .card_cont .inf>dl{font-size:0;display:inline-block;vertical-align:top;} .approved .card_cont .inf>dl+dl{margin:0 0 0 5.7rem} .approved .card_cont .inf>dl>dt{font-size:1.3rem;letter-spacing:0;line-height:2.0rem;color:#6e7780;margin-bottom:0.4rem;} .approved .card_cont .inf>dl>dd{font-size:2rem;letter-spacing:-0.025rem;line-height:2.4rem;color:#0565f0;font-weight:bold;margin-top:0;text-align:left;} .approved .card_box .card_tit{padding:2rem;} .approved .card_box .card_tit + .card_cont{padding:2rem;} .approved .txt_tit{font-size:1.8rem;margin-bottom:0.8rem;} .progress{margin:4rem 0rem 0 -2rem;width:calc(100% + 4rem);padding:4rem 2rem 6rem 2rem;background-color:#f5f7fa;} .progress .card_box{box-shadow:rgba(33,37,41,0.02) 0 6px 10px 0} .progress .card_box .card_tit{padding:2.4rem 2rem 2rem 2.4rem} .progress .card_box .card_tit .endDay{font-size:1.3rem;color:#6e7780;right:2rem;letter-spacing:-0.09px} .progress .bank_inf .icon{ transform:scale(0.9);position:absolute;left:-0.4rem;top:-0.6rem;} .progress .card_box .desc{position:relative;font-size:1.6rem;color:#212529;letter-spacing:0;font-weight:bold;padding-left:2.8rem;min-height:2.4rem;padding-bottom:0.4rem;margin:0;} .progress .card_box .tit{color:#6e7780;} .progress .card_cont .inf{font-size:0;display:flex;} .progress .card_cont .inf>div{flex-shrink:0;} .progress .card_cont .inf dl{font-size:0;display:inline-block;vertical-align:top;margin:0;white-space:nowrap} .progress .card_cont .inf dl:nth-child(2){margin-left:2.5rem} .progress .card_cont .inf dl>dt{font-size:1.3rem;letter-spacing:0;line-height:2.0rem;color:#6e7780;margin-bottom:0.4rem;display:inline-block;} .progress .card_cont .inf dl>dd{font-size:1.8rem;letter-spacing:-0.025rem;line-height:2.4rem;color:#363c42;font-weight:bold;margin-top:0;display:inline-block;margin-left:0.8rem;margin-top:0;} .progress .card_box .card_tit{padding:2rem;} .progress .card_box .card_tit + .card_cont{padding:2rem;} .progress .txt_tit{font-size:1.8rem;margin-bottom:0.8rem;} .progress.white{background-color:#fff;} .progress .baseBtn{width:100%} .progress .card_cont .inf>dl>dt.t14{font-size:1.4rem;line-height:2.2rem;vertical-align:middle;margin-bottom:0} .progress .card_cont .inf>dl>dd.t20{font-size:2rem;line-height:3rem;vertical-align:middle;} .progress .card_box .tit.t14{font-size:1.4rem} .approved[style*="display:none"] ~ .progress, .approved[style*="display: none"] ~ .progress{background-color:#fff;margin-top:0;padding-top:0;} /*통화코드*/ .currencyCode{width:100%;padding:0 2rem;} .currencyCode>li .list_item{position:relative;width:100%;height:auto;padding:2.3rem 0rem 2.9rem 4.4rem;border-bottom:1px solid #f2f5f7;} .currencyCode>li .list_item>.md{display:inline-block;position:absolute;left:0;top:calc(50% - 1.6rem);} .currencyCode>li .list_item>.contact_txt{font-size:1.8rem;line-height:2.6rem;letter-spacing:-0.02rem;color:#212529;} .boxA{width:100%;height:auto;} .boxA.round{border:1px solid #e1e3e6;border-radius:0.6rem;overflow:hidden;box-shadow:0 .6rem 1.6rem rgba(33,37,41,0.04);} .boxA + .boxA{margin-top:1.6rem;} .boxA .topDataInfo{position:relative;padding:2rem 2.4rem 1.6rem 2.4rem;} .boxA .topDataInfo.addBtn{padding-right:9.5rem;} .boxA .topDataInfo.addCk{padding-right:7rem;} .boxA .topDataInfo .name{font-size:1.6rem;line-height:2.4rem;color:#212529;letter-spacing:-0.02rem} .boxA .topDataInfo .subData{font-size:1.3rem;line-height:2rem;color:#6e7780;margin-top:0.4rem;} .boxA .topDataInfo .baseBtn{position:absolute;right:2.4rem;top:2rem;} .boxA .topDataInfo .check_bg{position:absolute;right:2.4rem;top:2rem;} .boxA .loopItem{padding:0 2.4rem 0.4rem 2.4rem;} .boxA .loopItem dl{font-size:0;margin-bottom:1.2rem;} .boxA .loopItem dl dt{width:100px;display:inline-block;vertical-align:top;font-size:1.4rem;line-height:2.2rem} .boxA .loopItem dl dd{width:calc(100% - 100px);display:inline-block;vertical-align:top;font-size:1.4rem;line-height:2.2rem;color:#212529;text-align:right;} .boxA .loopItem dl:last-of-type{margin-bottom:1.6rem} .boxA .loopItem .toggleBtn{position:relative;width:2rem;height:2rem;display:block;margin:0 auto 1.16rem auto;background-color:#fff;} .boxA .loopItem .toggleBtn::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/img/common/ico_set.png) -15rem -20rem/60rem auto no-repeat;transition:all 0.2s;} .boxA .loopItem .toggleBtn>span{display:block;text-indent:-9999px;} .boxA .loopItem .toggleBtn.on::before{transform:rotate(-180deg);} .boxA .slideItem{display:none;} .boxA .loopBtn{border-top:1px solid #e1e3e6;display:flex;width:calc(100% + 1px)} .boxA .loopBtn>button{flex:1;height:55px;background-color:#fff;border-right:1px solid #e1e3e6;} .boxA .loopBtn>button>span{font-size:1.4rem;letter-spacing:-0.01rem;line-height:55px;display:block;text-align:center;font-weight:bold;color:#515961;} .totlaArea{position:relative;width:100%;height:auto;margin-bottom:2.4rem;} .totlaArea .total{width:100%;} .totlaArea .total>p{font-size:1.6rem;font-weight:bold;line-height:2.4rem;letter-spacing:0.02rem;display:inline-block;vertical-align:middle;color:#212529;margin-right:0.8rem} .totlaArea .total>p>b{color:#0565f0;font-weight:bold;} .totlaArea .total>span{display:inline-block;vertical-align:middle;font-size:1.3rem;line-height:2rem;color:#8c959f;} .totlaArea .sechBtn{width:52px;height:20px;position:absolute;right:0;top:0;background:rgba(255,255,255,0) url(/img/contents/icon_SearchBtn.png) no-repeat left top 0rem/2.0rem auto;padding-left:2.6rem;} .totlaArea .sechBtn>span{display:block;font-size:1.4rem;letter-spacing:-0.014rem;color:#515961;line-height:2.3rem;} /*개별페이지 스타일 적용*/ /* [data-web-id="P_M_TRN270321_13"] .sec{background-color:#f5f7fa;} */ [data-web-id="P_M_NEW731511_18"] .sec{background-color:#f5f7fa;} [data-web-id="P_M_ADD_AUTH"] .sec{background-color:#f5f7fa;} /* [data-web-id="M_COM_LOGIN_SELECT"] .sec{background-color:#f5f7fa;} */ [data-web-id="P_M_NEW731511_10"] .sec{background-color:#f5f7fa;} [data-web-id="T_M_ADS687421_72"] .sec{background-color:#f5f7fa;} [data-web-id="T_M_ADS687421_72"] .ico_menu_list.out_sec{margin-left:0;margin-right:0;} /********************************** Form E ************************************/ /* 계좌인증 */ *[data-web-id="P_M_IFO653011_22"] .sec, *[data-web-id="P_M_FDR189821_01"] .sec, *[data-web-id="P_M_COM_ACCO_AUTH"] .sec{padding-bottom:9rem ! important;} /* 인증보안 >뱅크사인>인증수단관리 이용안내 */ *[data-web-id="T_M_CER002211_21"] .sec{padding-bottom:14rem ! important;} /* 휴대폰 인증 */ *[data-web-id="P_M_FDR189211_01"] .sec{padding-bottom:5rem ! important;} /* 이체 *//* [data-web-id="T_M_ADS687421_72"][]{padding-bottom:30rem ! important;}*/ body.ios *[data-web-id="T_M_ADS687421_72"] .bgB_100_full{background:none ! important;} /* 해외송금/환전>해외송금>해외송금받기 */ *[data-web-id="P_M_FEX317812_25"] .box_account_txtlist .base{padding:0.5rem 0 ! important;min-height:5rem ! important;} *[id*="m_lst_account_registration_box"] .box_account_txtlist:first-child{margin-top:1.5rem;border-top:solid 0.1rem #c6c6c6;} /********************************* test 메타데이터 CSS 작업자 : 오광현 */ /********************************** 금융상품 S ************************************/ .custom_product_box.mw_new .product_txt span{display:block;}/* Tobe 2021-11-02 jungih */ .mp_new.products_bg{margin:0 -2rem;padding:2rem;min-height:50rem;background-color:#f5f7fa;}/* Tobe 2021-11-03 jungih */ /********************************** 금융상품 E ************************************/ /********************************** P_M_FDRM40411_01 S ************************************/ .card_box .card_cont .inf.mp_new .txt_tit{display:inline-block;width:70%}/* Tobe 2021-11-08 jungih */ .card_box .card_cont .inf.mp_new .btn_secondary_smaller{position: absolute;top: 50%; right: 2rem; transform: translateY(-50%);}/* Tobe 2021-11-08 jungih */ /********************************** P_M_FDRM40411_01 E ************************************/ /********************************** P_M_FUND_MALL_DTL S ************************************/ .pro_detail_box.mp_new .pro_grade {display:inline-block;margin-top:0.4rem;width:10rem;}/* Tobe 2021-11-11 jungih */ .pro_detail_box .pro_grade.grade0{background-position: -8rem -48rem;}/* Tobe 2021-11-11 jungih */ .unit_box.percent .tit.mp_new{padding-left:0;color:#0561e6}/* Tobe 2021-11-11 jungih */ .pro_detail_top .pro_tit_wrap .sub_tit{padding-right: 6rem;}/* Tobe 2021-11-18 jungih */ .pro_detail_slick .slick-slider ~ .btn_box{margin-top:1rem;text-align:left;}/* Tobe 2021-11-18 jungih */ .pro_detail_slick .slick-slider ~ .btn_box > button:hover{border-color:#c0c6cc ! important;}/* Tobe 2021-11-18 jungih */ .pro_detail_slick .slick-slider ~ .btn_box .dot > span.active{background:#0565f0;}/* Tobe 2021-11-18 jungih */ .pro_detail_slick .slick-slider ~ .btn_box .dot > span:first-child:last-child{display:none;}/* Tobe 2021-11-18 jungih */ .pro_detail_box .pro_sub_tit.mp_new .base span { font-weight:normal;}/* Tobe 2021-11-18 jungih */ .pro_detail_box .pro_sub_tit.mp_new .unit {color: #0565f0;font-size: 1.8rem;}/* Tobe 2021-11-18 jungih */ /********************************** P_M_FUND_MALL_DTL E ************************************/ /********************************** P_M_FDR191011_01 S ************************************/ *[data-web-id="P_M_FDR191011_01"].page.mobile .sec{padding-bottom:9rem !important;}/* Tobe 2021-12-23 jungih */ .card_box .card_tit .inf .tit.mp_new{position:relative;margin-top:0.8rem;width:75%;}/* Tobe 2021-11-12 jungih */ .card_box .card_tit .inf .tit .btn.hidden{display:none;}/* Tobe 2021-11-12 jungih */ .card_box .card_tit .inf .tit.mp_new .btn{display:block;top:unset;bottom:0;right:-34%;}/* Tobe 2021-11-12 jungih */ .card_box .inf .product_txt.mp_new{position: absolute;top:2.4rem;right:2.4rem;}/* Tobe 2021-12-31 jungih */ /********************************** P_M_FDR191011_01 E ************************************/ /********************************** P_M_FDR189211_02 S ************************************/ *[data-web-id="P_M_FDR189211_02"] .sec{padding-bottom:9rem !important;}/* Tobe 2022-01-03 jungih */ .btn_secondary.active .base_style{border:0.1rem solid #5697f0}/* Tobe 2021-12-03 jungih */ .box_check .agr_check_item.mp_new{padding-left:3.1rem;}/* Tobe 2021-11-12 jungih */ .g-list-ty.mp_new > li {position:relative;}/* Tobe 2021-11-12 jungih */ .g-list-ty.mp_new > li span{color:#0565f0;}/* Tobe 2021-11-12 jungih */ .g-list-ty.mp_new > li:before{content:"";display:inline-block;position:absolute;top:9px;left:0;width:4px;height:1px;background-color:#0565f0}/* Tobe 2021-11-12 jungih */ /********************************** P_M_FDR189211_02 E ************************************/ /********************************** P_M_FDR189411_73 S ************************************/ .card_box.mp_new .btn_wrap{position:relative;z-index:1;}/* Tobe 2021-11-16 jungih */ .card_box.mp_new .card_tit .list_tit{max-width:85%}/* Tobe 2021-12-06 jungih */ .card_box.mp_new .card_tit em{position:relative;z-index:2}/* Tobe 2021-12-06 jungih */ /********************************** P_M_FDR189411_73 E ************************************/ /********************************** P_M_FUND_MALL S ************************************/ .out_sec.mp_new .pdt_mall_slider{position:relative;}/* Tobe 2021-11-16 jungih */ .out_sec.mp_new .pdt_mall_slider .fund_stamp{position:absolute;top:1.2rem;right:2rem;border-color:#fff;color:#fff}/* Tobe 2021-11-16 jungih */ .out_sec.mp_new .pdt_mall_slider .fund_stamp p{border-color:#fff;color:#fff}/* Tobe 2021-11-16 jungih */ [class^='ico_mp_fund_'] a::before {content: '';display:block;width: 1.6rem;height: 1.6rem;position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);background: url(/img/common/ico_set.png) -25rem -20rem/60rem auto no-repeat;}/* Tobe 2021-11-16 jungih */ [class^='ico_mp_fund_'] .icon {width:2.4rem;height:2.4rem;background:url(/img/common/ico_mall.png) -25rem -50rem/36rem auto no-repeat;}/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_1 .ico_menu_list {padding:1.6rem;}/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_1 .icon {margin-right:0.4rem !important;width:4rem;height:4rem;background-size: 60rem auto;background-position: -15rem -30rem; }/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_2 .icon {background-position: -12rem -51rem; }/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_3 .icon {background:url(/img/common/ico_set1_90.png) -16.8rem -50.4rem/48rem auto no-repeat;}/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_4 .icon {background:url(/img/common/ico_set1_90.png) -14.4rem -50.4rem/48rem auto no-repeat;}/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_5 .icon {width:2.4rem;height:2.4rem;background-size: 48rem auto;background-position: -19.84rem -47.8rem;}/* Tobe 2021-11-16 jungih */ .ico_mp_fund_main_6 .icon {width: 2.4rem;height: 2.4rem;background: url(/img/common/ico_set1_90.png) -19.2rem -52.8rem/48rem auto no-repeat;}/* Tobe 2021-11-24 jungih */ .ico_mp_fund_main_7 .icon {width: 2.4rem;height: 2.4rem;background: url(/img/common/ico_set1_90.png) -7.2rem -50.4rem/48rem auto no-repeat;}/* Tobe 2021-11-24 jungih */ /********************************** P_M_FUND_MALL E ************************************/ /********************************** P_M_FDR191011_01 S ************************************/ .bgB_100_full.bg_206{height:calc(100% - 20.6rem);}/* Tobe 2021-11-16 jungih */ .page.mobile .bgB_100_full.bg_206{min-height:calc(100vh - 32.6rem);}/* Tobe 2021-11-16 jungih */ /********************************** P_M_FDR191011_01 E ************************************/ /********************************** P_M_MBW652121_01 P_M_MBW652501_11 E ************************************/ *[data-web-id="P_M_NMW202011_01"].page.mobile .sec{padding-bottom:9rem !important;}/* Tobe 2021-12-22 jungih */ /**[data-web-id="P_M_NMW202011_01"].page.mobile .btn_area.fix, Tobe 2021-12-22 jungih *[data-web-id="M_AUTO_LIFE_01"].page.mobile .btn_area.fix, Tobe 2021-12-22 jungih *[data-web-id="M_AUTO_LIFE_02"].page.mobile .btn_area.fix, Tobe 2021-12-22 jungih *[data-web-id="info_agree"].page.mobile .btn_area.fix, Tobe 2021-12-22 jungih *[data-web-id="P_M_MBW652121_01"].page.mobile .btn_area.fix, Tobe 2021-12-17 jungih *[data-web-id="P_M_MBW652501_11"].page.mobile .btn_area.fix {padding:2rem !important;position:fixed !important;} Tobe 2021-12-17 jungih */ .page.mobile .web_btn .btn_area.fix, .page.mobile .btn_area.fix.mw_new{padding:2rem !important;position:fixed !important;}/* Tobe 2021-12-29 jungih */ *[data-web-id="P_M_MBW652501_11"].page.mobile .btn_area.fix {padding:2rem 0;}/* Tobe 2021-12-23 jungih */ /********************************** P_M_MBW652121_01 P_M_MBW652501_11 E ************************************/ /********************************** P_M_FDRM12411_01 S ************************************/ /*박스안의 테두리 있는 체크버튼 영역설정*/ .box_check.stl_02 label.base_style{display:block;}/* Tobe 2021-11-17 jungih */ /********************************** P_M_FDRM12411_01 E ************************************/ /********************************** P_M_FDR191011_03 s ************************************/ .bgA_400 .txt_tit.mp_new{margin-bottom:0;color:#fff;}/* Tobe 2021-11-17 jungih */ .info.bgA_400.mp_new{padding:2rem 2.4rem;font-size:1.8rem;}/* Tobe 2021-12-03 jungih */ .stl_02.mw_flex{display:flex;}/* Tobe 2022-01-03 jungih */ .stl_02.mw_flex > div{width:100%}/* Tobe 2022-01-03 jungih */ .info.box.mp_new p{font-size:1.4rem;line-height:2.2rem;color:#515961;}/* Tobe 2022-01-10 jungih */ .info.box.mp_new div + div{margin-top:0.8rem;}/* Tobe 2022-01-10 jungih */ .info.box.mp_new span{display:block;margin-top:0.2rem;padding-left:1.5rem;}/* Tobe 2022-01-10 jungih */ /********************************** P_M_FDR191011_03 E ************************************/ /********************************** P_M_FDR189411_51_POP S ************************************/ .list_top_area.mp_new > div:first-child{padding-right:11rem;}/* Tobe 2021-11-24 jungih */ .list_top_area.mp_new .txt_tit{margin-bottom:0;}/* Tobe 2021-11-17 jungih */ .list_top_area.mp_new .right_area{top:50%;transform:translateY(-50%);}/* Tobe 2021-11-17 jungih */ .box_account_txtlist.mw_new{border-top:1px solid #8c959f;}/* Tobe 2021-12-31 jungih */ .box_account_txtlist.mw_new .base:first-child{border-top:none;}/* Tobe 2021-12-31 jungih */ /********************************** P_M_FDR189411_51_POP E ************************************/ /********************************** P_M_FDR189411_72_01 S ************************************/ .loading_wrap {display:none;position:fixed;bottom:0;left:0;z-index:90;width:100%;height:100%;touch-action:none;}/* Tobe 2022-01-21 jungih */ .loading_wrap .inner {position: absolute;top:50%;left:50%;z-index:91;transform: translate(-50%, -50%);text-align: center;}/* Tobe 2021-12-16 jungih */ .loading_wrap .inner .progress_ani{width: 8rem !important;height: 8rem !important;display: inline-block;}/* Tobe 2021-12-16 jungih */ .loading_wrap .progress_ani img {width: 100%;}/* Tobe 2021-12-16 jungih */ .loading_wrap .progress_txt {margin-top: -1rem;width: 22.3rem;font-size: 1.6rem;color: #fff;text-align: center;}/* Tobe 2022-01-12 jungih */ .loading_wrap .progress_txt span{display:block;margin-top:1.2rem;font-size:1.4rem;}/* Tobe 2021-12-16 jungih */ .loading_ty2 .loading_wrap .progress_txt {width: 28rem;} /********************************** P_M_FDR189411_72_01 E ************************************/ /********************************** P_M_FUND_MALL_SRCH_POP_01 S ************************************/ .cmm_scroll_box.mp_new{width:100%;overflow:auto;}/* Tobe 2021-11-18 jungih */ .fund_sch_list .btn_secondary_small.mp_new .base_style {background:#0565f0;color:#fff !important;}/* Tobe 2021-12-03 jungih */ /********************************** P_M_FUND_MALL_SRCH_POP_01 E ************************************/ /********************************** P_M_FDR189321_61 s ************************************/ .card_box.mp_new .inf dl > dt{margin-right:1rem} .card_box.mp_new .inf dl > dd{font-size:1.6rem;flex-shrink:0;-webkit-flex-shrink:0;}/* Tobe 2021-11-18 jungih */ .btn_area.mp_new .btnA .base_style{border:none;}/* Tobe 2021-11-18 jungih */ /********************************** P_M_FDR189321_61 E ************************************/ /********************************** P_M_FDR189411_02 E ************************************/ .agr_box.mp_new .box_check input {width: 2.6rem;height: 2.6rem;}/* Tobe 2021-11-19 jungih */ .agr_box.mp_new .box_check input:before {top: 0.4rem;left: 0.9rem;width: 0.7rem;height: 1.4rem;}/* Tobe 2021-11-19 jungih */ .agr_box.mp_new .box_check span {padding-left: 1.3rem;color:#212529;font-size:1.8rem;}/* Tobe 2021-11-19 jungih */ .agr_check_item.mp_new input:before{left:1.2rem}/* Tobe 2021-11-19 jungih */ .agr_box .box_check + .agr_check {padding: 0.8rem 0 2.4rem;}/* Tobe 2021-11-19 jungih */ .agr_box.ty2 .box_check + .agr_check {padding: 0.8rem 0 0rem;} .agr_box.mp_new .box_check + .agr_check {padding: 0.8rem 0 0;}/* Tobe 2021-11-19 jungih */ *[data-web-id="P_M_FDR189411_02"] .sec{padding-bottom:9rem !important;}/* Tobe 2022-01-05 jungih */ /********************************** P_M_FDR189411_02 E ************************************/ /********************************** P_M_FDR189411_51 S ************************************/ .stl_03.btn_w50 label.base_style>span{width: 88%}/* Tobe 2021-11-24 jungih */ .button_segmented input:disabled + span{opacity: 0.6}/* Tobe 2021-11-24 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .icon{left:0;width: 3rem; height:3rem;background-image:url(/img/common/ico_set1_90.png);background-size:60rem auto;background-repeat:no-repeat;}/* Tobe 2021-12-15 jungih */ /*기본서비스*/ .ico_menu_list.col_3.mp_new .dev_card:first-child *[class^='ico_'] .icon{margin:0 auto; }/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_1 .icon{background-position:-3rem -30rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_2 .icon{background-position:-42rem 0rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_3 .icon{background-position:-51rem 0rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_4 .icon{background-position: 0rem -3rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_5 .icon{background-position: -30rem -6rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_6 .icon{background-position: -48rem 0rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_7 .icon{background-position: -18rem -6rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_8 .icon{background-position: -21rem -6rem;}/* Tobe 2021-12-15 jungih */ /*프리미엄서비스*/ .ico_menu_list.col_3.mp_new .ico_menu .service_21 .icon{background-position: -33rem -33rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_22 .icon{background-position: -33rem 0rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_23 .icon{background-position: -33rem -6rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_24 .icon{background-position: -36rem -6rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_25 .icon{background-position: -27rem -6rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_26 .icon{background-position: -54rem -0rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_27 .icon{background-position: -33rem -0rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_28 .icon{background-position: -24rem -6rem;}/* Tobe 2021-12-15 jungih */ /*추가선택1*/ .ico_menu_list.col_3.mp_new .ico_menu .service_41 .icon{background-position: -33rem -6rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_42 .icon{background-position: -48rem 0rem;}/* Tobe 2021-12-15 jungih */ /*추가선택2*/ .ico_menu_list.col_3.mp_new .ico_menu .service_51 .icon{background-position: -12rem -33rem;}/* Tobe 2021-12-15 jungih */ .ico_menu_list.col_3.mp_new .ico_menu .service_52 .icon{background-position: -48rem -39rem;}/* Tobe 2021-12-15 jungih */ /********************************** P_M_FDR189411_51 E ************************************/ /********************************** P_M_FDRM12211_01 E ************************************/ .box_account_txtlist.mp_new .list_top_area{margin-bottom:0;}/* Tobe 2021-11-24 jungih */ .box_account_txtlist.mp_new .list_top_area.fund_stamp{border-top: 1px solid #8c959f;}/* Tobe 2021-11-24 jungih */ .box_account_txtlist.mp_new .list_top_area.fund_stamp p{top:50%;transform: translateY(-50%);}/* Tobe 2021-11-24 jungih */ .box_account_txtlist.mp_new .list_top_area .base {padding-right:6rem; }/* Tobe 2021-11-24 jungih */ /********************************** P_M_FDRM12211_01 E ************************************/ /********************************** P_M_FDR189411_71 E ************************************/ .button_segmented.mp_new{height:auto;}/* Tobe 2021-11-25 jungih */ .button_segmented.mp_new .base_style {height:100%;}/* Tobe 2021-11-25 jungih */ .button_segmented.mp_new .base_style span {height:100%; line-height:unset;padding: 1.3rem 0;}/* Tobe 2021-11-25 jungih */ .button_segmented.mp_new .base_style span em{color:#6e7780;font-weight:500;}/* Tobe 2021-11-25 jungih */ /********************************** P_M_FDR189411_71 E ************************************/ /********************************** P_M_NMW_MAI_MAIN S ************************************/ .page.mobile .event_notice a span:nth-of-type(2){width:79%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} .page .mw_main_logo{margin:0 auto;padding-top:0.3rem;width:10.7rem;height:2.6rem;}/* Tobe 2021-12-08 jungih */ .page .mw_main_logo img{width:100%;height:auto;}/* Tobe 2021-12-08 jungih */ .page #header.alignLeft .mw_main_logo{width:9.5rem;margin:0.2rem 0 0 0;} .page #header.alignLeft .topper{padding-left:2rem;} .main_slide.slick_container .btn_box{margin-top: 1.9rem;}/* Tobe 2021-12-27 jungih */ /********************************** P_M_NMW_MAI_MAIN E ************************************/ /********************************** P_M_FDR573121_02 S ************************************/ /*.box_account_txtlist.mp_new{margin-right:-2rem;}*//* Tobe 2021-12-01 jungih */ .box_account_txtlist.mp_new .base{padding:1rem 1.2rem;min-height:unset;}/* Tobe 2021-11-25 jungih */ .box_account_txtlist.mp_new .base p{font-size:1.4rem; color:#515961}/* Tobe 2021-11-25 jungih */ .card_box.certificate_box .card_cont.mp_new .inf dl{border-bottom: 0.1rem solid #e1e3e6;}/* Tobe 2021-11-25 jungih */ .card_box.certificate_box .card_cont.mp_new .inf dl:last-child{border-bottom:none;}/* Tobe 2021-11-25 jungih */ .box_account_list.box_account_list.mp_new {padding:0 2.4rem;}/* Tobe 2021-11-30 jungih */ .box_account_list.box_account_list.mp_new .list_item{padding:2.4rem 0;border-bottom:0.1rem solid #f2f5f7}/* Tobe 2021-11-30 jungih */ .box_account_list.box_account_list.mp_new .list_item:last-child{border:none;}/* Tobe 2021-11-30 jungih */ .box_account_list.box_account_list.mp_new .list_item p{width:70%;font-size:1.6rem;color:#212529;}/* Tobe 2021-12-28 jungih */ .box_account_list.box_account_list.mp_new .list_item span{position:absolute;top:2.4rem;right:0;color:#a9b0b8}/* Tobe 2021-11-30 jungih */ /********************************** P_M_FDR573121_02 E ************************************/ /********************************** P_M_BDT189321_01 S ************************************/ .copyright_box{text-align: center;}/* Tobe 2021-11-26 jungih */ .copyright_box p{font-size:1.1rem;color:#d3d7db;}/* Tobe 2021-11-26 jungih */ .copyright_box > div{padding:2.4rem 0 0.8rem;border-top: 0.1rem solid #f2f5f7; }/* Tobe 2021-11-26 jungih */ .copyright_box > div > a{padding-right:1.8rem;position:relative;font-size:1.3rem;}/* Tobe 2021-11-26 jungih */ .copyright_box > div > a::before{content:'';display:block;position:absolute;width:0.2rem;height:0.2rem;top:50%;right:0.6rem;transform:translateY(-50%);border-radius:50%;background-color:#a9b0b8;}/* Tobe 2021-11-26 jungih */ .copyright_box > div > a:last-child{padding-right:0;}/* Tobe 2021-11-26 jungih */ .copyright_box > div > a:last-childa::before{display:none;}/* Tobe 2021-11-26 jungih */ /* *[data-web-id="P_M_BDT189321_01"].page.mobile .sec{padding-bottom:0rem !important;} *//* Tobe 2022-01-10 jungih */ /********************************** P_M_BDT189321_01 E ************************************/ /********************************** P_M_BDT_CMPT_01 S ************************************/ .chip.ico_chip_call.chip_white_box strong{margin-right:1.7rem;}/* Tobe 2021-11-26 jungih */ /********************************** P_M_BDT_CMPT_01 E ************************************/ /********************************** P_M_BDT189411_61 S ************************************/ .card_box.custom_prd_box.mw_new {border:1px solid #e1e3e6}/* Tobe 2022-01-11 jungih */ .custom_prd_box.mw_new .product_name > span{font-size:2.4rem;line-height:4rem;}/* Tobe 2021-11-29 oeuhwk */ .custom_prd_box.mw_new .product_sub_tit{font-size:1.6rem;line-height:2.4rem;color:#212529;margin-bottom:1.2rem;}/* Tobe 2021-11-29 oeuhwk */ .custom_prd_box.mw_new .product_state{font-size:1.3rem;line-height:2rem;color:#a9b0b8;}/* Tobe 2021-12-13 jungih */ .card_box .btn_wrap > .btn.disabled a{opacity:30%}/* Tobe 2021-12-14 jungih */ .custom_prd_slider.slick_container{position:relative;}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box > button{position: absolute;top:50%;width:4rem;height:5.2rem;border:none;background-color:rgb(33, 37, 41, 0.2);z-index:1}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box > button.btn_prev{left:-2rem;transform:translateY(-50%) rotate(0deg);border-radius:0 2.6rem 2.6rem 0;}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box > button.btn_prev::before{content:'';display:block; width:1.3rem;height:1.3rem;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg); ;border-top: 0.1rem solid #fff;border-left: 0.1rem solid #fff;}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box > button.btn_next{right:-2rem;transform:translateY(-50%) rotate(0deg);border-radius:2.6rem 0 0 2.6rem;}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box > button.btn_next::before{content:'';display:block; width:1.3rem;height:1.3rem;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(135deg); ;border-top: 0.1rem solid #fff;border-left: 0.1rem solid #fff;}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box .dot {position:absolute;bottom:0;left:50%;transform:translateX(-50%);}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box .dot .slick-dots li{display:none;}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box .dot .slick-dots li.slick-active {display:block;width:7.6rem;height:3.2rem;line-height:3.2rem;border-radius:1.6rem;background:rgb(33,37,41,0.2);color:#fff}/* Tobe 2021-12-13 jungih */ .custom_prd_slider.slick_container .btn_box .dot .slick-dots li em{text-indent:unset;}/* Tobe 2021-12-13 jungih */ .btn_area.fix div:not([style*="display:none"]):not([style*="display: none"]) ~ div .base_style span{color:#175ec7 !important;}/* Tobe 2022-01-21 joar */ .btn_area.fix div:not([style*="display:none"]):not([style*="display: none"]) ~ div .base_style.btn_change span{color:#fff !important;}/* Tobe 2022-01-21 joar */ /********************************** P_M_BDT189411_61 E ************************************/ /********************************** P_M_FDR189721_21 E ************************************/ .ico_camera .icon{width:2.4rem;height:2.4rem;background:url(/img/common/ico_set1_90.png) -42.4rem -42.4rem/60rem auto no-repeat;}/* Tobe 2021-11-30 jungih */ .ico_sub_document .icon{width:2.4rem;height:2.4rem;background-image:url(/img/common/ico_set1_90.png);background-position:-26.4rem -52.8rem;background-size:48rem auto; background-repeat: no-repeat;}/* Tobe 2022-01-24 jungih */ /********************************** P_M_FDR189721_21 E ************************************/ /********************************** P_M_FDR189411_35 S ************************************/ .form_item.cmm_form *[class*='num2'].input.unit2 input{padding-right:1rem ! important;}/* Tobe 2021-12-24 jungih */ .form_item.cmm_form *[class*='num2'].input.mp_new > input:nth-child(1):focus,.form_item.cmm_form *[class*='num2'].input.mp_new > input:nth-child(1):not(:placeholder-shown) {position:absolute;top:0;left:0;width:72%;min-width:72%;padding-right:1rem !important;text-align: right;}/* Tobe 2021-12-24 jungih */ .form_item.cmm_form *[class*='num2'].input.mp_new .dash:nth-of-type(1){padding:2rem 0 1.5rem 0!important;right:26.6%;left:unset;font-size:3.2rem;}/* Tobe 2021-12-24 jungih */ .form_item.cmm_form *[class*='num2'].input.mp_new .second,.form_item.cmm_form *[class*='num2'].input.mp_new > *:nth-child(2) {right:5rem;left: unset;width: 15%;text-align: left;padding-left:1rem !important;}/* Tobe 2021-12-24 jungih */ .tooltip_area .form_item .btn_help{margin-left:0.3rem;}/* Tobe 2021-12-10 jungih */ .form_item.cmm_form .input.unit_foreign input {padding-right: 5.5rem ! important;}/* Tobe 2021-12-27 jungih */ /********************************** P_M_FDR189411_35 E ************************************/ /********************************** P_M_INQ852011_01 E ************************************/ .ico_flag_laptop .icon{width:2.4rem;height:2.4rem;vertical-align:bottom;background:url(/img/common/ico_set1_90.png) no-repeat -38.4rem -7.2rem / 48rem auto !important;}/* Tobe 2021-12-02 jungih */ .ico_flag_social .icon{width:2.4rem;height:2.4rem;vertical-align:bottom;background:url(/img/common/ico_set1_90.png) no-repeat -40.8rem -7.2rem / 48rem auto !important;}/* Tobe 2021-12-02 jungih */ .box_connection_card div.ico_menu:nth-child(1) i:before{background-position: -43.2rem -7.2rem !important;}/* Tobe 2021-12-02 jungih */ .box_connection_card div.ico_menu:nth-child(2) i:before{background-position: -45.6rem -7.2rem !important;}/* Tobe 2021-12-02 jungih */ /********************************** P_M_INQ852011_01 E ************************************/ /********************************** loading img S ************************************/ .loading .inner .progress_ani{width:6rem;height:auto;}/* Tobe 2021-12-06 jungih */ .loading .inner .progress_ani.type2{width:4.8rem;} /********************************** loading img E ************************************/ /********************************** 금융상품 상품상세템플릿 S ************************************/ .pro_detail_top .unit_box .tit{font-size:4rem;}/* Tobe 2021-12-03 jungih */ .pro_detail_top + .pro_toggle .slide_top{border-top-color:#8c959f}/* Tobe 2021-12-03 jungih */ .pro_toggle .slide_top{background-color: transparent;} .pro_toggle .slide_top .tit{font-size:1.6rem !important;color:#212529}/* Tobe 2021-12-03 jungih */ /********************************** 금융상품 상품상세템플릿 E ************************************/ /********************************** P_M_FDRM41611_01 S ************************************/ .management_product_box.mp_new .exchange_rate i{margin:unset;margin-left:0.6rem;vertical-align:unset;}/* Tobe 2021-12-06 jungih */ .management_product_box.mp_new .exchange_rate.decrease{color:#0565f0}/* Tobe 2021-12-06 jungih */ /********************************** P_M_FDRM41611_01 E ************************************/ /********************************** #P_M_FDRM41411_01 S ************************************/ .oper_product_box.mp_new .card_box_ck .card_tit{padding:2.4rem 0 2.4rem 3.7rem;border-bottom:0.1rem solid #f2f5f7}/* Tobe 2021-12-06 jungih */ .oper_product_box.mp_new .card_box_ck .card_tit:first-child{border-top:0.1rem solid #8c959f}/* Tobe 2021-12-06 jungih */ .oper_product_box.mp_new .card_box_ck .card_tit input{top:unset;}/* Tobe 2021-12-06 jungih */ .oper_product_box.mp_new .card_box_ck .inf span{display:inline-block;margin-top:0.8rem;font-size:1.3rem;color:#8b959e;}/* Tobe 2021-12-06 jungih */ .oper_product_box.mp_new .card_box_ck .inf span:nth-of-type(2){padding:0 1.6rem;position:relative;}/* Tobe 2021-12-06 jungih */ .oper_product_box.mp_new .card_box_ck .inf span:nth-of-type(2)::before{content:'';display:block;position:absolute;width:0.1rem;height:1rem;top:50%;left:0.75rem;transform:translateY(-50%);background-color:#e1e3e6;}/* Tobe 2021-12-06 jungih */ .oper_product_box.mp_new .card_box_ck .inf span:nth-of-type(2)::after{content:'';display:block;position:absolute;width:0.1rem;height:1rem;top:50%;right:0.75rem;transform:translateY(-50%);background-color:#e1e3e6;}/* Tobe 2021-12-06 jungih */ /********************************** #P_M_FDRM41411_01 E ************************************/ /********************************** #P_M_NMW_MAI_MAIN S ************************************/ .mgt-62{margin-top:-6.2rem !important}/* Tobe 2021-12-07 jungih */ /********************************** #P_M_NMW_MAI_MAIN E ************************************/ /********************************** #아이폰 테이플 폰트 S ************************************/ .tbl_list thead th,.tbl_list tbody th, .tbl_list tbody td{-webkit-text-size-adjust:none}/* Tobe 2021-12-08 jungih */ /********************************** #아이폰 테이플 폰트 E ************************************/ /********************************** 모바일웹 가운데 타이틀 S ************************************/ .mw_cmm_tit_center{font-family:'HGGGothicssi';font-weight:600;}/* Tobe 2021-12-08 jungih */ /********************************** 모바일웹 가운데 타이틀 E ************************************/ /********************************** #P_M_MBW_STLN_02, #P_M_MBW_STLN_03_01, #P_M_MBW_STLN_03_02, #P_M_MBW_STLN_03_03 S ************************************/ .slide_top.ico_finance .img_box{background: url(/img/common/ico_set1_90.png) no-repeat -12rem -3rem /60rem auto;}/* Tobe 2021-12-09 jungih */ .slide_top.ico_jblogo .img_box{background: url(/img/common/ico_set1_90.png) no-repeat 0rem -69rem /60rem auto;}/* Tobe 2021-12-09 jungih */ .slide_top.ico_envelope .img_box{background: url(/img/common/ico_set.png) no-repeat -4.6rem -39.5rem /60rem auto;}/* Tobe 2021-12-09 jungih */ .slide_top.ico_calculator .img_box{background: url(/img/common/ico_set1_90.png) no-repeat -15rem -6rem /60rem auto;}/* Tobe 2021-12-09 jungih */ .slide_top.ico_electric .img_box{background: url(/img/common/ico_set1_90.png) no-repeat -15rem 0rem /60rem auto;}/* Tobe 2021-12-09 jungih */ .pro_toggle.ico_list_toggle .slide_top .tit{vertical-align:text-top;color:#212529}/* Tobe 2021-12-09 jungih */ .pro_toggle.ico_list_toggle .slide_top button{background-color:transparent;}/* Tobe 2021-12-10 jungih */ .pro_toggle.ico_list_toggle *[aria-expanded="true"].slide_top{border-bottom:0.1rem solid #f2f5f7;}/* Tobe 2021-12-09 jungih */ .pro_toggle.ico_list_toggle *[aria-expanded="true"].slide_top + .slide_cont{border-bottom:0.1rem solid #8c959f;}/* Tobe 2021-12-09 jungih */ /********************************** #P_M_MBW_STLN_02, #P_M_MBW_STLN_03_01, #P_M_MBW_STLN_03_02, #P_M_MBW_STLN_03_03 E ************************************/ /********************************** #P_M_NFDM43711_02 S ************************************/ .stl_03 .card_box.mp_new .inf dl > dt{min-width:unset;}/* Tobe 2021-12-13 jungih */ /********************************** #P_M_NFDM43711_02 E ************************************/ /********************************** #P_M_FDR189411_74_02 S ************************************/ .card_cont .limit_graph_bg {border: solid 1px rgb(145, 189, 250, 0.2);background-color: rgb(194, 220, 255, 0.2);}/* Tobe 2021-12-13 jungih */ /********************************** #P_M_FDR189411_74_02 E ************************************/ /********************************** #카드모바일명세서 S ************************************/ .cont_list.mp_new{padding:2rem 2.4rem;background:#f2f5f7;border-radius:0.6rem;}/* Tobe 2021-12-15 jungih */ .cont_list.mp_new .inf dl > dd{font-size:1.8rem;}/* Tobe 2021-12-15 jungih */ .cont_list.mp_new .inf .unit{font-size:1.8rem;color:#212529}/* Tobe 2021-12-23 jungih */ .mobile_statement_slider .card_box{margin-bottom:1rem;}/* Tobe 2021-12-15 jungih */ .mobile_statement_slider .card_box + .card_box{margin-top:0;}/* Tobe 2021-12-15 jungih */ .mobile_statement_slider.slick_container .btn_box .dot .slick-dots li.slick-active{background-color:#0565f0;}/* Tobe 2021-12-15 jungih */ /********************************** #카드모바일명세서 E ************************************/ /********************************** #P_M_FDR189721_04 S ************************************/ .card_box.mp_scraping .inf dl > dt{max-width:70%;}/* Tobe 2021-12-16 jungih */ /********************************** #P_M_FDR189721_04 E ************************************/ /********************************** #P_M_CAD150511_06 S ************************************/ .slideupdown.pro_toggle.mp_new .slide_top > div{padding:1.6rem 2rem 1.6rem 0;}/* Tobe 2021-12-16 jungih */ .slideupdown.pro_toggle.mp_new .slide_top .base span{font-size:1.3rem;}/* Tobe 2021-12-16 jungih */ .slideupdown.pro_toggle.mp_new .slide_top .base p span{font-size:1.8rem; color:#212529;}/* Tobe 2021-12-16 jungih */ .slideupdown.pro_toggle.mp_new .slide_top .base p em{font-size:1.3rem;}/* Tobe 2021-12-16 jungih */ .box_account_txtlist.mw_new .base>a::after{bottom:0rem;top:unset;}/* Tobe 2021-12-16 jungih */ .box_account_txtlist.mw_new .base p {font-size:0;}/* Tobe 2021-12-16 jungih */ .box_account_txtlist.mw_new .base p span{display:inline-block;width:50%;font-size:1.6rem;}/* Tobe 2021-12-16 jungih */ .mw_new .cont_box.fixed_info .list_group .cell01{line-height:2.8rem;}/* Tobe 2021-12-22 jungih */ /********************************** #P_M_CAD150511_06 E ************************************/ /********************************** #P_M_FDR_GDNC_LOAN_DTL S ************************************/ .box_checkB.mp_new .check_bg input{top: 50%;transform: translateY(-50%);}/* Tobe 2021-12-16 jungih */ /********************************** #P_M_FDR_GDNC_LOAN_DTL E ************************************/ /********************************** #P_M_FDR189321_00_meta S ************************************/ /*제휴업체기관코드*/ [class*="i_loanci_"] .icon{display:inline-block;vertical-align:middle;width:3rem;height:3rem;border-radius:0;background:url(/img/common/ico_set1_90.png) no-repeat 0 -87rem /60rem auto ;} /* Tobe 2021-12-17 jungih */ .i_loanci_000 .icon{background-position:0 -87rem;}/*전북은행*/ /* Tobe 2021-12-17 jungih */ .i_loanci_100 .icon, .i_loanci_101 .icon, .i_loanci_102 .icon, .i_loanci_103 .icon, .i_loanci_104 .icon{background-position:-3rem -87rem;}/*서민금융진흥원*/ /* Tobe 2021-12-17 jungih */ .i_loanci_300 .icon{background-position:-6rem -87rem;}/*핀마트*/ /* Tobe 2021-12-17 jungih */ .i_loanci_310 .icon{background-position:-9rem -87rem;}/*시럽*/ /* Tobe 2021-12-17 jungih */ .i_loanci_400 .icon{background-position:-12rem -87rem;}/*카카오페이*/ /* Tobe 2021-12-17 jungih */ .i_loanci_500 .icon{background-position:-15rem -87rem;}/*핀다*/ /* Tobe 2021-12-17 jungih */ .i_loanci_600 .icon{background-position:-18rem -87rem;}/*토스*/ /* Tobe 2021-12-17 jungih */ .i_loanci_700 .icon{background-position:-21rem -87rem;}/*뱅크샐러드*/ /* Tobe 2021-12-17 jungih */ .i_loanci_800 .icon{background-position:-24rem -87rem;}/*모니*/ /* Tobe 2021-12-17 jungih */ .i_loanci_900 .icon{background-position:-27rem -87rem;}/*페이코*/ /* Tobe 2021-12-17 jungih */ .i_loanci_320 .icon{background-image:url(/img/contents/loanci_320.png);background-size:2.4rem auto;background-position:center center}/*피플펀드*/ .i_loanci_370 .icon{background-image:url(/img/contents/loanci_370.png);background-size:2.4rem auto;background-position:center center}/*핀크*/ .i_loanci_380 .icon{background-image:url(/img/contents/loanci_380.png);background-size:2.4rem auto;background-position:center center}/*핀셋N*/ .i_loanci_390 .icon{background-image:url(/img/contents/loanci_390.png);background-size:2.4rem auto;background-position:center center}/*알다*/ .i_loanci_360 .icon{background-image:url(/img/contents/loanci_360.png);background-size:2.4rem auto;background-position:center center}/*네이버*/ .i_loanci_450 .icon{background-image:url(/img/contents/loanci_450.png);background-size:2.4rem auto;background-position:center center}/*현대캐피탈*/ /********************************** #P_M_FDR189321_00_meta E ************************************/ /********************************** #P_M_CAD150511_05 S ************************************/ .slide_top.ico_envelope .img_box {background: url(/img/common/ico_set.png) no-repeat -4.6rem -39.5rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_payment .img_box {background: url(/img/common/ico_set.png) no-repeat -4.6rem -64.5rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_point .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -18rem -30rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_limit .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -36rem -63rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_statement .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -15rem -63rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_card .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -54rem 0rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_earth .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -12rem -6rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_annualmembership .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -9rem -63rem /60rem auto;}/* Tobe 2021-12-20 jungih */ .slide_top.ico_safetyrules .img_box {background: url(/img/common/ico_set1_90.png) no-repeat -48rem -12rem /60rem auto;}/* Tobe 2021-12-20 jungih */ /********************************** #P_M_CAD150511_05 E ************************************/ /********************************** #P_M_FDR189411_72_E9 S ************************************/ .btn_area.fix .base_style.disabled{opacity:30%}/* Tobe 2021-12-20 jungih */ /********************************** #P_M_FDR189411_72_E9 E ************************************/ /********************************** # P_M_FDRM12511_01 S ************************************/ .mp_pd0 .helper{padding:0;}/* Tobe 2021-12-22 jungih */ /********************************** # P_M_FDRM12511_01 E ************************************/ /********************************** # P_M_CAD150511_05_02 S ************************************/ .card_box.mw_new{border:none;}/* Tobe 2021-12-22 jungih */ .cont_list.mw_new{border-top: 1px solid #8c959f;}/* Tobe 2021-12-22 jungih */ /********************************** # P_M_CAD150511_05_02 E ************************************/ /********************************** # P_M_BDT189721_12 S ************************************/ .foreignidcard_step{width:100%;height: auto;}/* Tobe 2021-12-23 jungih */ .foreignidcard_step img{width:100%;height: auto;}/* Tobe 2021-12-23 jungih */ /********************************** # P_M_BDT189721_12 E ************************************/ /********************************** # P_M_jbbank_bankinfo_13 S ************************************/ *[data-web-id="P_M_jbbank_bankinfo_13"].page.mobile .sec{padding-bottom: 0 !important;}/* Tobe 2021-12-24 jungih */ /********************************** # P_M_jbbank_bankinfo_13 E ************************************/ /********************************** # P_M_c5t6nsl_chat S ************************************/ *[data-web-id="P_M_cnsl_chat"].page.mobile .sec, *[data-web-id="P_M_scqna_write"].page.mobile .sec, *[data-web-id="P_M_CCT_CNSL"].page.mobile .sec{padding-bottom:0 !important;}/* Tobe 2021-12-27 jungih */ *[data-web-id="P_M_cnsl_chat"].page.mobile .sec .btn_area.fix, *[data-web-id="P_M_scqna_write"].page.mobile .sec .btn_area.fix, *[data-web-id="P_M_CCT_CNSL"].page.mobile .sec .btn_area.fix{padding-bottom:2rem !important;}/* Tobe 2021-12-27 jungih */ /********************************** # P_M_cnsl_chat E ************************************/ /********************************** # P_M_FDR189411_72_E9_SAMPLE1_POP S ************************************/ .sample_wrap{padding: 3.6rem 0;background:linear-gradient(to bottom, rgba(242, 245, 247, 1) 96%, rgba(242, 245, 247, 0.1) 98%, rgba(242, 245, 247, 0.08) 100%);}/* Tobe 2022-01-06 jungih */ .sample_wrap p{font-size:1.6rem;color:#515961; }/* Tobe 2022-01-06 jungih */ .sample_wrap .sample_img{position:relative;width:100%;}/* Tobe 2021-12-28 jungih */ .sample_wrap .sample_img img{width:100%;height:auto;}/* Tobe 2021-12-28 jungih */ .sample_wrap .sample_img img + img{margin-top:-12%}/* Tobe 2021-12-28 jungih */ /********************************** # P_M_FDR189411_72_E9_SAMPLE1_POP E ************************************/ /********************************** # 아이폰 모바일웹 스크롤 S ************************************/ body.ios.m-body{overflow:hidden;}/* Tobe 2021-12-28 jungih */ body.ios.m-body .page.mobile{overflow:hidden;overflow-y:auto;}/* Tobe 2021-12-28 jungih */ /********************************** # 아이폰 모바일웹 스크롤 E ************************************/ /********************************** # C_M_NMW_NFF_CARD_GW_01 S ************************************/ .card_box.owncard.mp_new .card_cont{padding-right: 14rem;}/* Tobe 2021-12-29 jungih */ /********************************** # C_M_NMW_NFF_CARD_GW_01 E ************************************/ /********************************** # P_M_FDR189411_33 S ************************************/ .form_item.cmm_form .input.flex .mp_new{width:100%}/* Tobe 2021-12-29 jungih */ .form_item.cmm_form .input.flex .mp_new > .label{left:1.6rem;} /* Tobe 2022-01-07 joar */ /********************************** # P_M_FDR189411_33 E ************************************/ /********************************** # P_M_FDR205811_01 S ************************************/ .card_box.status_txt_box.mp_new .box_account_txtlist .base{padding:2.4rem 0;min-height:unset;}/* Tobe 2021-12-29 jungih */ .card_box.status_txt_box.mp_new .box_account_txtlist:last-child .base{border-bottom:none;}/* Tobe 2021-12-29 jungih */ .card_box.status_txt_box.mp_new .card_cont{padding:0 2.4rem;}/* Tobe 2021-12-29 jungih */ .card_box.status_txt_box.mp_new .base .error{color:#e5493a;}/* Tobe 2021-12-29 jungih */ .card_box.status_txt_box.mp_new .base .error i{display: inline-block;vertical-align: middle;background-color: transparent;background-image: url(/img/common/ico_set.png);background-repeat: no-repeat;background-size: 60rem auto;width: 1.6rem;height: 1.6rem;margin: -.25rem .4rem 0 0;background-position: -0rem -10rem;border-radius: 50%;}/* Tobe 2021-12-29 jungih */ /********************************** # P_M_FDR205811_01 E ************************************/ /********************************** # P_M_NMW_CCT_CUST_CNSL_GDNC S ************************************/ .ico_chatbot .icon {width: 2.8rem;height: 2.8rem;background-position:-27.0rem -7.0rem;background-image:url(/img/common/ico_set1.png)}/* Tobe 2021-12-30 jungih */ /********************************** # P_M_NMW_CCT_CUST_CNSL_GDNC E ************************************/ /********************************** # P_M_BDT189321_41 S ************************************/ .mw_cmm_tit_center .btn_help{display: inline-block;width: 2.4rem;height: 2.4rem;padding: 0;vertical-align: middle;background: transparent url(/img/common/ico_set.png) -45.5rem -13rem/78rem auto;}/* Tobe 2021-12-30 jungih */ .txt_box .mp_new{margin-right: 2.5rem;} /* Tobe 2022-01-06 joar */ /********************************** # P_M_BDT189321_41 E ************************************/ /********************************** # P_M_BDT189321_41_02 S ************************************/ .cmm_toggle_box.mw_new .slide_top{border-top:none;}/* Tobe 2021-12-30 jungih */ .cmm_toggle_box.mw_new .slide_top .txt_tit{margin-bottom:unset;font-size:1.6rem;}/* Tobe 2021-12-30 jungih */ .cmm_toggle_box.mw_new .slide_cont{padding:0;background:transparent;}/* Tobe 2021-12-30 jungih */ .cmm_toggle_box.mw_new .slide_cont{padding:0;background:transparent;}/* Tobe 2021-12-30 jungih */ .cmm_toggle_box.mw_new .slide_cont .box_account_txtlist .base{padding:1rem 0;min-height:unset;}/* Tobe 2021-12-30 jungih */ .cmm_toggle_box.mw_new .slide_cont .box_account_txtlist .base:first-child{border-top:none;}/* Tobe 2021-12-30 jungih */ /********************************** # P_M_BDT189321_41_02 E ************************************/ /********************************** # 인풋 툴팁 버튼 S ************************************/ .form_item.cmm_form .input.flex.mp_new input:not(:placeholder-shown):focus ~ .label {top: 1.2rem;color: #5697f0;font-size: 1.3rem;opacity: 1;z-index: 0;left: 1.6rem;}/* Tobe 2021-12-30 jungih */ .form_item.cmm_form.entered .input.flex.mp_new input:valid ~ .label {top: 1.2rem;font-size: 1.3rem;opacity: 1;z-index: 0;left: 1.6rem;}/* Tobe 2021-12-30 jungih */ .form_item.cmm_form .input.flex.mp_new input:not(:placeholder-shown) ~ .label {position: absolute;top: 2.5rem;left: 1.6rem;line-height: 2.6rem;color: #6e7780;font-size: 1.8rem;opacity: 1;z-index: -1;-webkit-transition: all .25s;transition: all .25s;box-sizing: border-box;}/* Tobe 2021-12-30 jungih */ .form_item.cmm_form .input.flex.mp_new input:disabled ~ .label{z-index:0 !important} .form_item.cmm_form.addData .input.flex.mp_new input:not(:placeholder-shown) ~ .label {top: 1.2rem;font-size: 1.3rem;opacity: 1;z-index: 0;left: 1.6rem;} /********************************** # 인풋 툴팁 버튼 E ************************************/ /********************************** # C_M_NMW_JJCR S ************************************/ .base.gunsan_txt > div span{display: inline-block;vertical-align:text-top;}/* Tobe 2021-12-30 jungih */ .base.gunsan_txt > div span:last-child{width:80%}/* Tobe 2021-12-30 jungih */ /********************************** # C_M_NMW_JJCR E ************************************/ /********************************** # 모웹 하단 패딩역역 S ************************************/ *[data-web-id="P_M_FDR189211_02"].page.mobile .sec{padding-bottom:9rem ! important;}/* Tobe 2022-01-10 jungih */ /********************************** # 모웹 하단 패딩역역 E ************************************/ /********************************** # cooperate_loan S ************************************/ .box_process.mw_new{margin-top:0;}/* Tobe 2022-01-04 jungih */ /********************************** # cooperate_loan E ************************************/ /********************************** # P_M_FDR189211_01 S ************************************/ body.activeOrgKeypad .page.mobile .btn_area.fix{width:100%}/* Tobe 2022-01-04 jungih */ body.layer_open *[data-web-id="P_M_FDR189211_01"].page.mobile .sec, body.layer_open *[data-web-id="FNGR_FDR189211_01"].page.mobile .sec{padding-bottom: 23rem!important;}/* Tobe 2022-01-21 jungih */ body.layer_open.aos *[data-web-id="FNGR_FDR189211_01"].page.mobile{overflow-y:auto;} body.layer_open.aos *[data-web-id="FNGR_FDR189211_01"].page.mobile .sec{padding-bottom:27rem !important;} /********************************** # P_M_FDR189211_01 E ************************************/ /********************************** # C_M_CAD551011_13 S ************************************/ *[data-web-id="P_M_CAD553011_10"] .sec{padding-bottom:9rem ! important;}/* Tobe 2022-01-04 jungih */ /********************************** # C_M_CAD551011_13 E ************************************/ /********************************** # P_M_FDR189821_22 S ************************************/ *[data-web-id="P_M_FDR189821_22"] .sec{padding-bottom:9rem ! important;}/* Tobe 2022-01-04 jungih */ /********************************** # P_M_FDR189821_22 E ************************************/ /********************************** # P_M_FDR189411_72 S ************************************/ *[data-web-id="P_M_TPBS_POP"] .combo_sheet_area .inner .combo_sheet_area .inner{padding-bottom:0 !important;}/* Tobe 2022-01-07 jungih */ /********************************** # P_M_FDR189411_72 E ************************************/ /********************************** # P_M_FDR189721_02 S ************************************/ *[data-web-id="P_M_FDR189721_02"] .popup_contents{padding-bottom:0 !important;}/* Tobe 2022-01-10 jungih */ /********************************** # P_M_FDR189721_02 E ************************************/ /********************************** # validation S ************************************/ .validation .error .mw_new{display:block;margin-left:2rem;}/* Tobe 2022-01-12 jungih */ /********************************** # validation E ************************************/ /********************************** # 모바일웹로딩 E ************************************/ /*body.ios.m-body.layer_open .page.mobile{overflow-y: hidden;}*//* Tobe 2022-01-21 jungih */ /*body.layer_open .page.mobile .content{height:100%;overflow: hidden;}*//* Tobe 2022-01-21 jungih */ /********************************** # 모바일웹로딩 E ************************************/ /********************************** # P_M_FDR189321_05 S ************************************/ *[data-web-id="P_M_FDR189321_05"] .sec{padding-bottom:9rem ! important;}/* Tobe 2022-01-12 jungih */ /********************************** # P_M_FDR189321_05 E ************************************/ /********************************** # P_M_FDR191011_02 S ************************************/ *[data-web-id="P_M_FDR191011_02"] .sec{padding-bottom:9rem ! important;}/* Tobe 2022-01-13 jungih */ .card_box.loan_result_list_box .tit{padding-right:7.5rem}/* Tobe 2022-01-21 jungih */ /********************************** # P_M_FDR191011_02 E ************************************/ /********************************** # P_M_BDT189411_72_01 S ************************************/ .stl_02 .base_style.mw_new{padding-left:0}/* Tobe 2022-01-13 joar */ .stl_02 .base_style.mw_new input{position:relative;}/* Tobe 2022-01-13 joar */ .tbl_list.mw_new .ico_warn18{margin-right:0;margin-left:0.2rem;}/* Tobe 2022-01-13 joar */ .tbl_list.mw_new th, .tbl_list.mw_new td{font-size:1.4rem;line-height: 1.8rem;}/* Tobe 2022-01-13 joar */ .tbl_list.mw_new em{display:block;font-size:1.2rem;line-height:1.8rem;color:#8c959f;}/* Tobe 2022-01-13 joar */ .ico_warn18{display: inline-block;vertical-align: middle;background-color: transparent;background-image: url(/img/common/ico_set.png);background-repeat: no-repeat;background-size: 67.5rem auto;width: 1.8rem;height: 1.8rem;margin: -.25rem .4rem 0 0;background-position: -16.875rem -11.25rem;border-radius: 50%;}/* Tobe 2022-01-13 joar */ /********************************** # P_M_BDT189411_72_01 E ************************************/ /********************************** # P_M_FDR189411_32 S ************************************/ .form_item.cmm_form .btn_text.mp_new{width:100%;height:unset;margin-top:1.6rem;margin-right:0;box-sizing:border-box;}/* Tobe 2022-01-13 joar */ .form_item.cmm_form .btn_text.mp_new span{min-height:5rem;padding:0.9rem 1.6rem 0.7rem;border-radius:0.6rem;font-size:1.6rem;line-height:3.2rem;}/* Tobe 2022-01-13 joar */ .form_item.cmm_form .btn_text.btn_origin.mp_new span{padding:1rem 1.6rem 0.7rem;background:#0565f0;color:#fff;}/* Tobe 2022-01-13 joar */ /********************************** # P_M_FDR189411_32 E ************************************/ /********************************** # P_M_FDR189721_21_01 S ************************************/ .box_certif_choice.mp_new div.ico_menu:nth-child(1) i:before{background-position:-20rem -50rem}/* Tobe 2022-01-18 jungih */ .box_certif_choice.mp_new div.ico_menu:nth-child(2) i:before{background-position:-15rem -50rem}/* Tobe 2022-01-18 jungih */ /********************************** # P_M_FDR189721_21_01 E ************************************/ /********************************** # P_M_BDT10010_02 S ************************************/ .btn_secondary_smaller.mw_new .base_style{background:#fff;border:0.1rem solid #e1e3e6;}/* Tobe 2022-01-18 jungih */ /********************************** # P_M_BDT10010_02 E ************************************/ /********************************** # P_M_NMW_INT_PROCS S ************************************/ .cct{margin: 0 -2rem;padding: 0 2rem 4.8rem;background-color:#f5f7fa;}/* Tobe 2022-01-25 jungih */ .cct strong{font-weight:normal;}/* Tobe 2022-01-25 jungih */ .cct h5{margin:4.8rem 0 2.4rem;font-size:2rem;color:#212529}/* Tobe 2022-01-25 jungih */ .cct u{text-decoration: none;}/* Tobe 2022-01-25 jungih */ .cct table{margin:2.4rem 0;border-top: 1px solid #8c959f;border-collapse: inherit;}/* Tobe 2022-01-25 jungih */ .cct table th{padding: 0.9rem 1.2rem;border-bottom: 1px solid #f2f5f7;color: #515961;font-size: 1.3rem;font-weight: 400;text-align: left;background: #f2f5f7;}/* Tobe 2022-01-25 jungih */ .cct table td{padding: 0.9rem 1.2rem;border-bottom: 1px solid #f2f5f7;color: #212529;font-size: 1.4rem;line-height: 2.2rem;font-weight: 400;background-color:#fff}/* Tobe 2022-01-25 jungih */ .cct .info_box_01{margin: 0 -2rem;padding: 0 2rem 6rem;background-color:#fff}/* Tobe 2022-01-25 jungih */ .cct *[class^="svc_list_"] .fc_02_02{color:#e5473e;}/* Tobe 2022-01-25 jungih */ .cct .svc_list_01 > li{line-height:2.4rem;}/* Tobe 2022-01-25 jungih */ .cct .svc_list_01_02 li{line-height:2.4rem;}/* Tobe 2022-01-25 jungih */ /********************************** # P_M_NMW_INT_PROCS E ************************************/ /********************************** # P_M_BDT189921_01 S ************************************/ .chip.ico_chip_call.chip_white_box strong.mw_new{margin-right:0.6rem;}/* Tobe 2022-01-25 jungih */ /********************************** # P_M_BDT189921_01 E ************************************/ /********************************** # P_M_BDT189721_25_01_POP S ************************************/ .ico_menu_list.col_3.height_12 .ico_menu a{height: 12rem; padding: 1.2rem 0 3.2rem;}/* Tobe 2022-01-27 jungih */ .ico_menu_list .bg_light_blue .icon{width: 4.8rem; height: 4.8rem; text-align: center; border-radius: 2.4rem; background: #e6f1ff;}/* Tobe 2022-01-27 jungih */ .ico_menu_list .bg_light_gray .icon{width: 4.8rem; height: 4.8rem; text-align: center; border-radius: 2.4rem; background: #f2f5f7;}/* Tobe 2022-01-27 jungih */ .ico_menu_list .bg_light_green .icon{width: 4.8rem; height: 4.8rem; text-align: center; border-radius: 2.4rem; background: rgba(130, 214, 184, 0.2);}/* Tobe 2022-01-27 jungih */ .ico_menu_list .bg_light_red .icon{width: 4.8rem; height: 4.8rem; text-align: center; border-radius: 2.4rem; background: rgba(229, 73, 58, 0.1);}/* Tobe 2022-01-27 jungih */ .ico_earned .icon:after{content:'';position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;width:2.4rem;height:2.4rem;transform:translate(-50%, -50%);background-image:url(/img/common/ico_set1_90.png);background-position:-24rem 0rem;background-size:48rem auto;background-repeat:no-repeat;}/* Tobe 2022-01-27 jungih */ .ico_proof .icon:after{content:'';position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;width:2.4rem;height:2.4rem;transform:translate(-50%, -50%);background-image:url(/img/common/ico_bank.png);background-position:-9.6rem -14.4rem;background-size:48rem auto;background-repeat:no-repeat;}/* Tobe 2022-01-27 jungih */ .ico_payroll .icon:after{content:'';position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;width:2.4rem;height:2.4rem;transform:translate(-50%, -50%);background-image:url(/img/common/ico_set1_90.png);background-position:-14.4rem -31.2rem;background-size:48rem auto;background-repeat:no-repeat;}/* Tobe 2022-01-27 jungih */ .ico_fax .icon:after{content:'';position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;width:2.4rem;height:2.4rem;transform:translate(-50%, -50%);background-image:url(/img/common/ico_set.png);background-position:-19.8rem -69.8rem;background-size:60rem auto;background-repeat:no-repeat;}/* Tobe 2022-01-27 jungih */ .ico_pension .icon:after{content:'';position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;width:2.4rem;height:2.4rem;transform:translate(-50%, -50%);background-image:url(/img/common/ico_set.png);background-position:-35.1rem -69.2rem;background-size:60rem auto;background-repeat:no-repeat;}/* Tobe 2022-01-27 jungih */ .ico_health .icon:after{content:'';position:absolute;top:50%;left:50%;width:2.4rem;height:2.4rem;width:2.4rem;height:2.4rem;transform:translate(-50%, -50%);background-image:url(/img/common/ico_set.png);background-position:-29.8rem -69.8rem;background-size:60rem auto;background-repeat:no-repeat;}/* Tobe 2022-01-27 jungih *//********************************** # P_M_BDT189721_25_01_POP E ************************************/ /*넷퍼넬 유량제어 대기화면 스킨*/ .NetFunnel_skin{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:100;left:0;top:0;} .NetFunnel_skin .innerSkin{position:absolute;left:50%;top:50%;max-width:480px;width:calc(100% - 48px);transform:translate(-50%, -50%);background-color:#fff;border-radius:6px;text-align:center;padding:48px 15px 40px 15px;box-sizing:border-box;} .NetFunnel_skin .innerSkin .skin_title{font-size:20px;font-weight:bold;color:#212529;letter-spacing:0;line-height:26px;margin-bottom:24px;} .NetFunnel_skin .innerSkin .countInfo{font-size:0;} .NetFunnel_skin .innerSkin .countInfo .base1{margin-bottom:2px;} .NetFunnel_skin .innerSkin .countInfo .base2{margin-bottom:16px;} .NetFunnel_skin .base1{font-size:16px;color:#6E7780;letter-spacing:-0.1px;line-height:24px;} .NetFunnel_skin .base2{font-size:30px;color:#0565F0;letter-spacing:0px;line-height:38px;font-weight:bold;} .NetFunnel_skin .base3{font-size:14px;color:#515961;letter-spacing:-0.1px;line-height:24px;} .NetFunnel_skin .base4{position:relative;font-size:13px;color:#6E7780;letter-spacing:0px;line-height:19px;margin-top:12px;display:inline-block;padding-left:20px;} .NetFunnel_skin .base4::before{content:"";position:absolute;left:0;top:0px;display:block;width:16px;height:16px;background:url(/img/common/ico_status_warning.png) no-repeat center center/100% auto;} .NetFunnel_skin .base3>span{color:#0565F0;text-decoration:none !important;} .NetFunnel_skin .NetFunnel_skin_Progressbar{margin:24px 0 28px 0;width:100%;height:12px;border-radius:6px;overflow:hidden;background-color:#E1E3E6;font-size:0;text-align:left;} .NetFunnel_skin .NetFunnel_skin_Progressbar .bar{width:auto;height:100%;background-color:#307ff0;border-radius:6px;display:inline-block;transition:all 0.2s;} /*페이지 이동 게이트*/ .pageMove_Intro{width:100%;padding-top:14rem;font-size:0;text-align:center;} .pageMove_Intro img{width:8rem;display:inline-block;margin-bottom:4rem;} .pageMove_Intro .base1{font-size:2rem;line-height:2.8rem;letter-spacing:-0.02rem;color:#363c42;margin-bottom:1.2rem;font-weight:bold;} .pageMove_Intro .base2{font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#6e7780} /*JB메인 바텀업 파업 */ .eventAlertPop_dim{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(33,37,41,0);z-index:1500;transtion:all 0.2s;} .eventAlertPop_dim .popArea{position:absolute;left:0;bottom:-100%;width:100%;height:auto;border-radius:2rem 2rem 0 0;overflow:hidden;transition:all 0.3s ease;z-index:1} .eventAlertPop_dim.on{background-color:rgba(33,37,41,0.7);} .eventAlertPop_dim.on .popArea{bottom:0;} .eventAlertPop_dim .popInner{position:relative;height:auto;max-height:80vh;overflow-y:scroll;overflow-x:hidden;z-index:0} .eventAlertPop_dim .popBtnArea{width:100%;height:6rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;} .eventAlertPop_dim .popBtnArea>button{height:6rem;width:auto;background-color:#fff;padding:0 2rem} .eventAlertPop_dim .popBtnArea>button .base{font-size:1.6rem;color:#363c42;letter-spacing:0;} .eventAlertPop_dim .popInner .pagNav{position:absolute;right:1.6rem;top:2rem;text-align:right;display:inline-block;font-size:0;z-index:11;} .eventAlertPop_dim .popInner .pagNav .numberPage{} .eventAlertPop_dim .popInner .pagNav .pageNumber{background-color:rgba(0,0,0,0.4);border-radius:1rem;overflow:hidden;padding:0rem 0.3rem;height:2rem;font-size:0;z-index:1;display:inline-block;vertical-align:middle;} .eventAlertPop_dim .popInner .pagNav .pageNumber>p{font-size:0;display:inline-block;vertical-align:middle;padding-top:0.3rem;} .eventAlertPop_dim .popInner .pagNav .pageNumber>p>span{display:inline-block;font-size:1.1rem;line-height:1.6rem;color:#fff;} .eventAlertPop_dim .popInner .pagNav .pageNumber>p>.cut{width:1.2rem;height:1.2rem;background:url(/img/contents/prod_mall_slider_cut.png) no-repeat center center/1.2rem auto;text-indent:-9999px;vertical-align:-2px} .eventAlertPop_dim .popInner .pagNav .pageNumber button{width:1.2rem;height:1.2rem;display:inline-block;vertical-align:middle;} .eventAlertPop_dim .popInner .pagNav .pageNumber button>span{text-indent:-9999px;display:inline-block;} .eventAlertPop_dim .popInner .pagNav .pageNumber button.btn_prev{background:url(/img/contents/prod_mall_slider_prev.png) no-repeat center center/1.2rem auto} .eventAlertPop_dim .popInner .pagNav .pageNumber button.btn_next{background:url(/img/contents/prod_mall_slider_next.png) no-repeat center center/1.2rem auto} .eventAlertPop_dim .popInner .pagNav .btn_stop{display:inline-block;vertical-align:middle;background:rgba(0,0,0,0.4) url(/img/contents/icon_popStop.png) no-repeat center center/1.2rem auto;border-radius:50%;overflow:hidden;width:1.8rem;height:1.8rem;font-size:0;z-index:2;margin-left:0.4rem} .eventAlertPop_dim .popInner .pagNav .btn_stop.play{background:rgba(0,0,0,0.4) url(/img/contents/icon_popPlay.png) no-repeat center center/1.2rem auto;} /* .eventAlertPop_dim .popInner .pagNav .swiper-pagination-bullet{background-color:#fff;opacity:0.6;transition:all 0.2s;margin:0 3px;border-radius:0.6rem} .eventAlertPop_dim .popInner .pagNav .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;width:1.8rem} */ /*알림함*/ [data-web-id=P_M_ADSPSH_01]{background-color:#f5f7fa;} .messgeArea{width:100%;font-size:0;padding-bottom:4rem;padding-top:4rem} .messgeArea .loopItem{font-size:0;} .messgeArea .loopItem + .loopItem .dayData{margin-top:4.8rem} .messgeArea .loopItem .dayData{margin-bottom:1.2rem} .messgeArea .loopItem .dayData>p{font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;} .messgeArea .loopItem .infoArea{padding:1.6rem 2rem;background-color:#fff;box-shadow:rgba(33,37,41,0.05) 0 2px 14px;border-radius:0.6rem} .messgeArea .loopItem + .loopItem {margin-top:1.2rem} .messgeArea .loopItem .infoArea>.infoTxt{position:relative;display:block;padding:0 0 0 3.2rem;background-color:#fff;text-align:left;width:100%} .messgeArea .loopItem .infoArea>.infoTxt:after{content:"";position:absolute;left:0;top:0;display:block;width:2rem;height:2rem;background:url(/img/contents/icon_msgDefulat.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea>.infoTxt .work{display:block;font-size:1.6rem;font-weight:bold;color:#363c42;line-height:2.4rem;letter-spacing:-0.01rem;} .messgeArea .loopItem .infoArea>.infoTxt .msg{display:block;font-size:1.4rem;color:#515961;line-height:2.2rem;letter-spacing:-0.01rem;margin-top:0.8rem;padding-right:1.6rem;} .messgeArea .loopItem .infoArea>.infoTxt.linkType .msg:after{content:"";background:url(/img/contents/icon_msgArrow.png) no-repeat right center;background-size:0.8rem 1.6rem;width:0.8rem;height:1.6rem;position:absolute;right:0;top:calc(50% + 0.8rem);} /* .messgeArea .loopItem .infoArea>.infoTxt.linkType{background:url(/img/contents/icon_msgArrow.png) no-repeat right top 4px;background-size:0.8rem auto;} */ .messgeArea .loopItem .infoArea.depo>.infoTxt:after{background:url(/img/contents/icon_msgDepo.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea.depo>.infoTxt .work{color:#0565f0} .messgeArea .loopItem .infoArea.with>.infoTxt:after{background:url(/img/contents/icon_msgwithdrawal.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea.with>.infoTxt .work{color:#e5493a} .messgeArea .loopItem .infoArea.MYD>.infoTxt:after{background:url(/img/contents/icon_msgMYD.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea.smart>.infoTxt:after{background:url(/img/contents/icon_msgSmart.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea.event>.infoTxt:after{background:url(/img/contents/icon_msgEvent.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea.forex>.infoTxt:after{background:url(/img/contents/icon_msgForex.png) no-repeat center center;background-size:100% auto;} .messgeArea .loopItem .infoArea.coupon>.infoTxt:after{background:url(/img/contents/icon_msgCoupon.png) no-repeat center center;background-size:100% auto;} .messgeArea .box_message{padding-top:0;} /*환전 쿠폰*/ .couponCard{position:relative;width:100%;height:auto;border:1px solid #e1e3e6;border-radius:6px;background-color:#fff;padding:2.4rem;margin-top:2.4rem;box-shadow:rgba(33,37,41,0.05) 0 2px 14px 0} .couponCard .couponName{margin-bottom:2.0rem} .couponCard>dl{font-size:0;} .couponCard>dl>dt{font-size:1.4rem;font-weight:bold;color:#515961;width:8rem;display:inline-block;vertical-align:top} .couponCard>dl>dt:nth-of-type(n+2), .couponCard>dl>dd:nth-of-type(n+2){margin-top:0.8rem} .couponCard>dl>dd{font-size:1.4rem;color:#6e7780;width:calc(100% - 8rem);display:inline-block;vertical-align:top;text-align:right} .couponCard .delet{position:absolute;width:2rem;height:2rem;right:1.6rem;top:1.6rem;text-indent:-9999px;background-color:#fff; } .couponCard .delet:before{content:'';display:block;position:absolute;top:1rem;left:0rem;width:2rem;height:0.1rem;background:#8c959f;transform:rotate(-45deg)} .couponCard .delet:after{content:'';display:block;position:absolute;top:1rem;left:0rem;width:2rem;height:0.1rem;background:#8c959f;transform:rotate(45deg)} @media all and (min-width:48.1rem) and (max-width:102.4rem) { } @media print { html, body {width:100%;} } /* @media (max-width: 360px){ html{font-size:9px;} } @media (max-width: 320px){ html{font-size:8px;} } */ .unitPopHeader{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:6.8rem;padding:0 6rem;box-sizing:border-box} .unitPopHeader>button{display:block;position:absolute;top:2.4rem;left:2rem;z-index:81;width:2.4rem;height:2.4rem;padding:0;text-indent:-9999px;background-color:#fff;} .unitPopHeader>button:before{content:'';display:block;position:absolute;top:1.1rem;left:0rem;width:2.4rem;height:0.1rem;background:#8c959f;transform:rotate(-45deg)} .unitPopHeader>button:after{content:'';display:block;position:absolute;top:1.1rem;left:0rem;width:2.4rem;height:0.1rem;background:#8c959f;transform:rotate(45deg)} .unitPopHeader .popTitle{display:block;font-weight:700;font-size:1.8rem;letter-spacing:-0.02rem;text-align:center;color:#333741} .slide_btm_sheet .unitPopHeader{display:none;} .slide_btm_sheet.active .unitPopHeader ~ .btm_touch_area{padding-top:0} .slide_btm_sheet.trans .close_slide{display:none !important;} .slide_btm_sheet.active .unitPopHeader{display:flex;} /*금융상품몰 개선*/ .prodTab{margin-top:5.2rem;} .prodTab .pdt_mall_menu{position:fixed;border-bottom:1px solid #e1e3e6;left:0;top:5.2rem;margin:0 0 0 0;background-color:#fff;width:100%;z-index:5;} .new_pdt_mall_slider{position:relative;padding:3.2rem 2rem 4rem 2rem;} .new_pdt_mall_slider *{box-sizing:border-box;} .new_pdt_mall_slider .tit{font-family:'HGGGothicssi';font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.01rem;color:#212529;margin-bottom:1.2rem;font-weight:bold;min-height:2.4rem;} .new_pdt_mall_slider .swiper-wrapper{height:19.6rem;background-color:rgba(255,164,182,0.23);border-radius:0.6rem;overflow:hidden;border:1px solid #ffdbea;} .new_pdt_mall_slider .sliderCard{position:relative;width:100%;background-repeat:no-repeat;background-size:14rem auto;background-position:right bottom;height:20rem} .new_pdt_mall_slider .sliderCard a{display:block;padding:3rem 12rem 2.2rem 2.4rem;width:100%;height:100%;} .new_pdt_mall_slider .sliderCard .prodTit{font-size:1.4rem;line-height:2.4rem;letter-spacing:-0.01rem;color:#363c42;margin-bottom:0.8rem;} .new_pdt_mall_slider .sliderCard .prodTxt{font-size:2rem;line-height:2.8rem;letter-spacing:-0.02rem;color:#212529;margin-bottom:1.6rem;font-weight:bold;word-break:keep-all} .new_pdt_mall_slider .sliderCard .percent{font-size:2.4rem;font-weight:bold;color:#ff3380;margin-right:0.4rem;position:absolute;bottom:2.4rem} .new_pdt_mall_slider .sliderCard .percent em{display:inline-block;font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;} .new_pdt_mall_slider.iomn .sliderCard{background-image:url(/img/contents/img_prodTop_iomn.png);} .new_pdt_mall_slider.sid .swiper-wrapper{background-color:#fff8d6;border:1px solid #feeda1;} .new_pdt_mall_slider.sid .sliderCard{background-image:url(/img/contents/img_prodTop_sid.png);} .new_pdt_mall_slider.sid .sliderCard .percent{color:#ff8e00} .new_pdt_mall_slider.loan .swiper-wrapper{background-color:#e0eeff;border:1px solid #c5dfff;} .new_pdt_mall_slider.loan .sliderCard{background-image:url(/img/contents/img_prodTop_loan.png);} .new_pdt_mall_slider.loan .sliderCard .percent{color:#175ec7;} .new_pdt_mall_slider.card .swiper-wrapper{background-color:#f5f7fa;border:1px solid #e1e3e6;} .new_pdt_mall_slider.card .sliderCard .percent{color:#175ec7;} .new_pdt_mall_slider.card .card_img{position:absolute;right:1.6rem;bottom:2.8rem;} .new_pdt_mall_slider.card .card_img>img{width:6.5rem;height:auto;display:block;} .new_pdt_mall_slider.card .card_img.widthType{bottom:3.6rem;} .new_pdt_mall_slider.card .card_img.widthType>img{width:auto;height:6.5rem;} .new_pdt_mall_slider.fore .swiper-wrapper{background-color:#e5f7e7;border:1px solid #c9edcd;} .new_pdt_mall_slider.fore .sliderCard{background-image:url(/img/contents/img_prodTop_fore.png);} .new_pdt_mall_slider.fore .sliderCard .percent{color:#00925b;} .new_pdt_mall_slider.fund .swiper-wrapper{background-color:#fcebe0;border:1px solid #f8d4bf;} .new_pdt_mall_slider.fund .sliderCard{background-image:url(/img/contents/img_prodTop_fund.png);} .new_pdt_mall_slider.fund .sliderCard .hashTag{font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;position:absolute;bottom:2.8rem} .new_pdt_mall_slider.ebk .swiper-wrapper{background-color:#fee6e6;border:1px solid #fccaca;} .new_pdt_mall_slider.ebk .sliderCard{background-image:url(/img/contents/img_prodTop_ebk.png);} .new_pdt_mall_slider.ebk .sliderCard .hashTag{font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;position:absolute;bottom:2.8rem} .new_pdt_mall_slider.ebk .sliderCard .prodTxt{word-break:break-all} .new_pdt_mall_slider.isa .swiper-wrapper{background-color:#edeaf9;border:1px solid #dcd6f3;} .new_pdt_mall_slider.isa .sliderCard{background-image:url(/img/contents/img_prodTop_isa.png);} .new_pdt_mall_slider.isa .sliderCard .hashTag{font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#515961;font-weight:bold;position:absolute;bottom:2.8rem} .new_pdt_mall_slider.isa .sliderCard .prodTxt{word-break:break-all} .new_pdt_mall_slider .pageNumber{position:absolute;right:3.2rem;top:8rem;background-color:rgba(0,0,0,0.5);border-radius:0.9rem;overflow:hidden;padding:0rem 0.3rem;height:1.8rem;font-size:0;z-index:1;} .new_pdt_mall_slider .pageNumber>p{font-size:0;display:inline-block;vertical-align:middle;padding-top:0.2rem;} .new_pdt_mall_slider .pageNumber>p>span{display:inline-block;font-size:1.1rem;line-height:1.6rem;color:#fff;} /* .new_pdt_mall_slider .pageNumber>p>.cut{width:1.2rem;height:1.2rem;background:url(/img/contents/prod_mall_slider_cut.png) no-repeat center center/1.2rem auto;text-indent:-9999px;vertical-align:-1px} */ .new_pdt_mall_slider .pageNumber>p>.cut{width:1.2rem;height:1.2rem;padding-left:0.4rem;} .new_pdt_mall_slider .pageNumber button{width:1.2rem;height:1.2rem;display:inline-block;vertical-align:middle;} .new_pdt_mall_slider .pageNumber button>span{text-indent:-9999px;display:inline-block;} .new_pdt_mall_slider .pageNumber button.btn_prev{background:url(/img/contents/prod_mall_slider_prev.png) no-repeat center center/1.2rem auto;font-size:0;} .new_pdt_mall_slider .pageNumber button.btn_next{background:url(/img/contents/prod_mall_slider_next.png) no-repeat center center/1.2rem auto;font-size:0;} .combobox_contents_wrap.noDim{background:rgba(255,255,255,0);height:auto;top:auto;} .combobox_contents_wrap.noDim .combo_sheet_area{height:auto;box-shadow:0 -0.2rem 1.4rem rgba(0,0,0,0.3);border-radius:20px 20px 0 0} .combobox_contents_wrap.noDim combo_content{padding:2.4rem 2.4rem 2rem 2.4rem} .pareTit{font-size:1.6rem;color:#212529;font-weight:bold;line-height:2.4rem;margin-bottom:1.4rem;} .pareInfo{font-size:1.4rem;color:#6e7780;line-height:2.2rem;} .buttonArea{display:block;font-size:0;margin-top:2.4rem;} .buttonArea.half .primary{display:inline-flex;} .buttonArea.half .primary:nth-of-type(1){width:calc(34% - 4px);margin-right:8px} .buttonArea.half .primary:nth-of-type(2){width:calc(66% - 4px);} .prodComparison{margin-left:-2rem;width:calc(100% + 4rem);margin-top:-2rem;} .prodComparison .rowItem{display:block;font-size:0;padding:0 2rem;background-color:#fff;} .prodComparison .rowItem.topInfo .item{padding-top:0} .prodComparison .rowItem .item{display:inline-block;width:calc(50% - 10px);vertical-align:top;padding:2.4rem 0;} .prodComparison .rowItem .item:nth-of-type(1){margin-right:20px} .prodComparison .rowItem .dtlTit{margin-left:-2rem;width:calc(100% + 4rem);height:4rem;background-color:#f5f7fa;padding:0 2rem;font-size:1.3rem;font-weight:bold;color:#515961;line-height:4.3rem;} .prodComparison .prodDiv{font-size:1.3rem;line-height:2.2rem;letter-spacing:-0.01rem;color:#8c959f;margin-bottom:0.8rem} .prodComparison .name{font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.05rem;color:#212529;} .prodComparison .dtlInfo{font-size:1.4rem;line-height:2.2rem;letter-spacing:-0.025rem;color:#6e7780;word-break:keep-all} .bullet{padding-left:1.6rem;position:relative;} .bullet::before{content:attr(data-bullet);position:absolute;left:0;top:0;width:1.6rem;} .imgBox img{width:100%;} .roundBox{width:100%;border-radius:0.6rem;border:1px solid #e1e3e6;} .roundBox ul li>a{padding:1.6rem 4rem 1.6rem 1.6rem;display:block;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.02rem;color:#515961;background:url(/img/contents/img_linkArrow.png) no-repeat center right 1.6rem/0.8rem auto;} .roundBox ul li + li{border-top:1px solid #e1e3e6} .allDim{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);z-index:1000;} /* 여백 */ .mgb8{margin-bottom:0.8rem !important;} .mgb14{margin-bottom:1.4rem !important;} .mgt0{margin-top:0rem !important;} .mgt14{margin-top:1.4rem !important;} .mgt16{margin-top:1.6rem !important;} .mgt32{margin-top:3.2rem !important;} .mgt40{margin-top:4rem !important;} .fw_b {font-weight: 700 !important;} .flex_box {display: flex; flex-wrap: wrap;} .pdf_padding {padding-top: 2rem;} /* P_M_FDR190013_05 */ .loan_inf_area .info.bgA_00.mp_new {padding:2.7rem 2.4rem; font-size: 1.4rem;} .loan_inf_area .loan_inf_box {margin-top: 0.4rem; text-align: right;} .loan_inf_area .loan_inf_box > p {margin-top: 0.5rem; font-size: 1.3rem; line-height: 2rem; color: rgb(140, 149, 159);} .loan_inf_area .loan_data_box {font-size: 2rem; line-height: 2.8rem;} .loan_inf_area .loan_data_box em {font-size: 2rem; line-height: 2.8rem; color: #fff;} .cnt_tit_sub_tit {font-size: 1.4rem; color: #ccc;} .primeRate_noti {border-top: 1px solid #8c959f;} .primeRate_noti .slide_top[aria-expanded="true"] {border-bottom: 1px solid #f2f5f7;} .primeRate_noti .slide_cont.open {border-bottom: 1px solid #f2f5f7;} /* P_M_FDR190014_01 */ .inp_list_area .txt_tit {margin-top: 2.4rem;} .inp_list_area .inp_box {margin-top: 1.2rem;} .inp_list_area .inp_box .form_item:nth-child(2):not([data-type="2"]) {display: none;} .inp_list_area .inp_box .combobox_bottomsheet {display: none;} .inp_list_area.type2 .divTag:first-child .txt_tit {margin-top: 0;} .family_noti {margin-top: 1.2rem;} .family_noti > div:not(:first-child) {margin-top: 0.8rem;} /* P_M_FDR190013_11 */ .add_docu_box .box_account_txtlist {border-top: 1px solid #8c959f;} .add_docu_box .slideupdown:first-child .slide_top {border-top: none;} .add_docu_box .slide_top > span {padding-top:2.4rem;font-size: 1.6rem; font-weight: 700;} .add_docu_box .slide_top[aria-expanded="true"] + .slide_cont.open {border-bottom: 1px solid #f2f5f7;} /* 가심사 */ /* .bg_fix_icon::before {content: ''; position: fixed; bottom: 9rem; right: 2rem; display: block;width: 6.5rem; height: 5.6rem; z-index: -1; background:url('/img/common/fdr/bg_house.png') no-repeat 0 0; background-size: 100% auto;} */ .secLoan_cnt_tit .sub_tit{padding-bottom: 0;} .secLoan_subtxt .sub_desc {margin-top: 2.4rem; padding-bottom: 0;} .secLoan_linkbtn {margin-top: 1.2rem;} .secLoan_tagbtn {margin-top: 4rem; display: flex; align-items: flex-start; flex-wrap: wrap;} .secLoan_tagbtn .btn_tagLoan {margin-right: 0.8rem;} .secLoan_fix_btm {position:relative; width:100%; height:auto; margin-top: auto !important;} /* .secLoan_fix_btm .btn_btmSelect:first-child {border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem;} .secLoan_fix_btm .btn_btmSelect:last-child {border-bottom-left-radius: 0.6rem; border-bottom-right-radius: 0.6rem;} .secLoan_fix_btm .btn_btmSelect:first-child {border-top: none;} */ .secLoan_fix_btm.scroll_on::after {content: ''; position: fixed; bottom: 0; left: 0; right: 0; height: 8rem; background-image: linear-gradient(to bottom, #fff0, #fff 97%); z-index: -1;} .secLoan_fix_btm::-webkit-scrollbar {display: block !important; width: 6px;} .secLoan_fix_btm::-webkit-scrollbar-thumb {border-radius: 6px; background: #cacfd3;} /* P_M_FDR189411_71 대출 신청정보*/ .ts_flex_between {display: flex; align-items: center; justify-content: space-between;} /* P_M_FDR190014 세대원 동의 */ .family_agree_box {padding-bottom: 6rem;} .family_agree_box .family_agree_cont:not(:first-child) {margin-top: 4.8rem;} .family_agree_box .family_agree_cont:not(:first-child) .txt_tit {margin-top: 2.4rem;} .family_agree_cont .fm_info_box {margin-top: 1.2rem; border:1px solid #e1e3e5; border-radius: 0.6rem; box-shadow: 0 1px 16px 0 #2125290a, 0 6px 10px 0 #21252905;} .family_agree_cont .fm_inf {padding: 2rem 2rem 2rem; display: flex; align-items: center; flex-wrap: wrap; font-weight: 700;} .family_agree_cont .fm_inf[aria-hidden="false"] {display: none;} .family_agree_cont .fm_inf + .fm_inf {border-top: 1px solid #f2f5f7;} .family_agree_cont .fm_name_box .name {margin-bottom: 0.4rem; font-size: 1.6rem; line-height: 2.4rem; color: #212529;} .family_agree_cont .fm_name_box .phone_num {font-size: 1.3rem; line-height: 2rem;} .family_agree_cont .agree_sel {margin-left: auto; font-size: 1.3rem; color: #6e7780;} .family_agree_cont .agree_sel span {display: none;} .family_agree_cont .agree_sel .sel_agree {color: #00a684;} .family_agree_cont .agree_sel[data-agree='true'] .sel_agree {display: block;} .family_agree_cont .agree_sel[data-agree='false'] .sel_disagree {display: block;} .family_agree_cont .btn_area .btn_secondary { border-radius: 0.6rem;display: none;} .family_agree_cont .btn_area .btn_secondary[aria-hidden="true"] {margin-top:1.6rem; display: block;} .family_agree_cont .btn_area .btn_secondary[aria-hidden="true"] + .btn_secondary {margin-top: 0.8rem;} .family_agree_cont .btn_area {width: 100%;} .img_family_box {margin-top: 2rem;} /* 버튼 */ .btn_excLoan {font-size: 1.4rem; line-height: 2.2rem; color: #515961; background: transparent; border-bottom: 1px solid #515961;} .btn_tagLoan {margin-bottom:0.8rem; padding:0.6rem 1.6rem 0.4rem; min-height: 3.2rem;max-width: 15.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.4rem; line-height: 2.2rem; font-weight: bold; color: #515961; background-color: #fff; border: 1px solid #e1e3e6; border-radius: 1.8rem;} .btn_btmSelect {display: block; width: 100%; font-size: 1.8rem; font-weight: bold; line-height: 2.4rem; color: #175ec7; background: #e6f1ff; border-top: 1px solid #e9eff2; border-radius: 0.6rem; height:5.2rem;} .btn_btmSelect + .btn_btmSelect{margin-top:1.2rem;} /* 시세금액 정보 박스 */ .info.box.mkPrice_info_box {margin-top: 2.4rem; padding: 2.4rem; background: #f5f7facc; font-size: 1.4rem; line-height: 2.1rem; color: #6c7175;} .mkPrice_info_box .mkPrice_tit {color: #6c7175;} .mkPrice_info_box .mkPrice_num {margin-top: 0.4rem; font-size: 2.8rem; font-weight: 700; line-height: 4.1rem; color: #0565f0; text-align: right;} .mkPrice_info_box .mkPrice_addr_box {margin-top: 2.4rem; padding-top: 2.4rem; border-top: 1px solid #e2e8f1;} .mkPrice_info_box .mkPrice_addr_box > div:first-child {margin-bottom: 0.4rem; font-weight: 700;} /* 검색리스트 */ .apt_srchLst_area .list_address {margin-top: 1.6rem;} .apt_srchLst_area .list_address::before {display: none;} .apt_srchLst_area .list_address > div {padding:1.6rem 2rem; border-bottom:none;} .apt_srchLst_area .list_address > div > a > strong {margin-bottom: 0.4rem;} .apt_srchLst_area .list_address + .btn_area {display: none;} /* 아코디언 */ .acco_wrap {border: 1px solid #e1e3e5; border-radius: 0.6rem; overflow: hidden;} .acco_wrap + .acco_wrap {margin-top: 4.8rem;} .acco_wrap.on .btn_acco_top:after {transform: rotate(-90deg);} .acco_wrap .btn_acco_top {position:relative; padding: 1.6rem 2rem; display: block; width: 100%; font-size: 1.6rem; font-weight: 700; text-align: left; line-height: 2.4rem; color: #212529; background-color: #fff;} .acco_wrap .btn_acco_top:after {content: ''; position: absolute; top:1.6rem; right: 2rem; display: block; width: 2rem; height: 2rem; background: url('/img/bg/bg_link_arrow2.png') no-repeat 0 0 / 2rem 2rem ; transform: rotate(90deg);} .acco_wrap .acco_cont {min-width: 100%; background: #edf0f5;} .acco_wrap [class*='acco_box'] {margin:0 2rem; padding: 1.6rem 0 1.2rem;} .acco_wrap [class*='acco_box'] .tit {margin-bottom:0.8rem; font-size: 1.4rem; line-height: 2.2rem; color: #515961;} .acco_wrap [class*='acco_box'] .sel_btn_area { display: flex;} .acco_wrap [class*='acco_box'] .btn_default {margin:0 0.8rem 1.6rem 0; flex:1; min-height:5.4rem; border: 1.5px solid #fff; font-size: 1.6rem; line-height: 1; color: #212529; background-color: #fff; box-shadow: 2px 2px 0 2px rgba(46, 56, 77, 0.1); border-radius: 0.4rem;} .acco_wrap [class*='acco_box'] .btn_default.active {font-weight: 700; color: #0565f0; border-color: #0565f0;} .acco_wrap [class*='acco_box'] .btn_default:last-child {margin-right: 0;} .acco_wrap .subSel_btn_box {min-width:100%; display: none;} .acco_wrap .sub_acco_box {border-top: 1px solid #e1e3e5;} .acco_wrap .sel_btn_area.col_4 {flex-wrap: wrap;} .acco_wrap .sel_btn_area.col_4 .btn_default {flex:0 0 50%; max-width: calc(50% - 0.4rem);} .acco_wrap .sel_btn_area.col_4 .btn_default:nth-child(even) {margin-right: 0;} /* 팝업 타입 */ .popType_area .txt_tit {color: #212529;} .popType_area .txtlist_dot.type2 > div::before {display: none;} .popType_area .txtlist_dot.type2 > div:not(:first-child) {margin-top: 0.8rem;} .popType_area .txtlist_dot.type2 p {padding-left: 1rem;} .popType_area .txtlist_dot.type2 p::before {width: 0.2rem; height: 0.2rem;background: #6e7780;} .popType_area .txtlist_box > div:not(:first-child) {margin-top: 0.8rem;} .popType_area .description {margin-top: 1.2rem;} .popType_area .description > div:not(:first-child) {margin-top: 0.8rem;} .popType_area .description p {position: relative; padding-left: 1.6rem;} .popType_area .description p::before {content:'※'; display:block; position:absolute; left:0; top:0;} /* 상품상세 */ .pro_detail_top.house_type {margin-bottom:0rem;} .pro_detail_top.house_type .sub_tit {padding-top:2.4rem; padding-bottom: 2rem; font-size: 4rem; color: #212529; line-height: 4.4rem;} .pro_detail_top.house_type .sub_desc {margin-top: 0; padding-bottom: 9.6rem; font-size: 2rem; line-height: 3rem; color: #515961; font-family: 'HGGothicssi';} .pro_detail_top.house_type .sub_desc em {font-weight: 700;} .pro_detail_top.house_type .sub_desc em i{color:#0565f0 !important;} .pro_detail_top.house_type .unit_box {position: relative; margin-bottom: 6.4rem;} .pro_detail_top.house_type .unit_box::after {content: ''; position: absolute; bottom: -0.1rem; right: 1rem; display: block; width: 18.6rem; height: 15.1rem; background: url('/img/common/fdr/img_main_01.png') no-repeat 100% 100%; background-size: 15.2rem 15.5rem;} .pro_detail_top.house_type .unit_box .sub_tit_type {margin-bottom: 0.8rem; display: block; color: #6a737b;} .pro_detail_top.house_type .unit_box .tit {font-size: 5.6rem; letter-spacing: -0.0112rem; line-height: 1; font-weight: 700; font-family: 'HGGGothicssi'; color: #212529;} .pro_detail_top.house_type .unit_box .txt {margin-left: 0.4rem; font-size:4rem; line-height: 1; color: #212529; font-weight: 500;} .pro_detail_top.house_type .unit_box .date_box {display: block;} .pro_detail_top.house_type .unit_box .date_box .sub_date {padding: 0 1.2rem; display: inline-block; min-width: 13rem; height: 3.2rem; line-height: 3.2rem; font-size: 1.4rem; color: #6a737b; background: #f5f7fa; border-radius: 1.6rem; } .pro_detail_top.house_type .top_share {position: relative; padding-right: 3rem;} .pro_detail_top.house_type .top_share .btn_sheet_share {top:auto; bottom: 3.1rem; background: url('/img/common/fdr/icon_share_dark.png') no-repeat 0 0; background-size: 2.4rem 2.4rem;} .pro_detail_txt_area .pro_detail_txt {padding-bottom: 10rem;} .pro_detail_txt_area .pro_detail_txt:after {content: ''; display: block; height: 20rem;} .pro_detail_txt_area .pro_detail_txt .tit {font-size: 2.4rem; line-height: 3.2rem; color: #212529; font-weight: 700;} .pro_detail_txt_area .pro_detail_txt .txt {margin-top: 1.6rem; font-size: 1.4rem; line-height: 2.4rem;} .pro_detail_txt_area .pro_detail_txt.part1::after {background: url('/img/common/fdr/img_main_02.png') no-repeat 50% 100%; background-size: 19.3rem 14.7rem;} .pro_detail_txt_area .pro_detail_txt.part2::after {background: url('/img/common/fdr/img_main_03.png') no-repeat 50% 100%; background-size: 19.3rem 14.7rem;} .pro_detail_txt_area .pro_detail_txt.part3::after {background: url('/img/common/fdr/img_main_04.png') no-repeat 50% 100%; background-size: 19.3rem 14.7rem;} .pro_toggle.type2 .pro_detail_box .tit {margin-bottom: 0.3rem; font-size: 1.4rem; line-height:2.4rem; color: #515961;} .pro_toggle.type2 .tbl_list thead th {color: #000;} .pro_toggle.type2 .tbl_list tbody td {color: #000;} /* 전세대출 */ .pro_detail_top.house_type .unit_box.type2::after {background: url('/img/common/fdr/img_main2_01.png') no-repeat 100% 100%; background-size: 15.2rem 15.5rem;} .pro_detail_txt_area .pro_detail_txt.part4::after {height:21.5rem; background: url('/img/common/fdr/img_main2_02.png') no-repeat 50% 100%; background-size: 21.2rem 11.7rem;} .pro_detail_txt_area .pro_detail_txt.part5::after {height:22.5rem; background: url('/img/common/fdr/img_main2_03.png') no-repeat 50% 100%; background-size: 21.25rem 15.8rem;} .pro_detail_txt_area .pro_detail_txt.part6::after {height:25rem; background: url('/img/common/fdr/img_main2_04.png') no-repeat 50% 100%; background-size: 16.25rem 20.2rem;} /* sms/ 카카오톡 */ .box_certif_choice.send_msg .ico_menu:nth-child(1) a i {background-color: #c2dcff;} .box_certif_choice.send_msg .ico_menu:nth-child(1) a i::before {background-position: -35rem -40rem;} .box_certif_choice.send_msg .ico_menu:nth-child(2) a i {background-color: #F7E600;} .box_certif_choice.send_msg .ico_menu:nth-child(2) a i::before {background-position: -40rem -40rem;} /* 알림톡 화면(휴대폰인증) P_M_FDR190013_14 */ .notiTalk_area {text-align: center;} .notiTalk_area .sub_tit {padding:6.4rem 0 0;} .notiTalk_area .sub_desc {margin-top:1.2rem; padding:0; font-size: 1.6rem; line-height: 2.4rem; color: #979797;} .motion_box {position: relative; margin-top: 8rem; display: flex; align-items: center; justify-content: center;} .motion_box.type2 {margin-top: 16rem;} .motion_box .mot_mobile {position: relative; margin-right: 4.9rem; width: 5.9rem; height: 9.7rem;} .motion_box .mot_mobile:after {content: ''; position: relative; display: block; width: 100%; height: 100%; background: url('/img/common/fdr/motion_mobile.png') no-repeat 0 100%; background-size: 100% auto; z-index: 2;} .motion_box .mot_cerfi {position: absolute; bottom:2.2rem; left:0.8rem; display: block; width: 6.4rem; height: 4.3rem; background: url('/img/common/fdr/motion_certification.png') no-repeat 0 0; background-size: 100% auto; z-index: 1;} .motion_box .mot_arrow {display: flex; align-items: center;} .motion_box .mot_arrow [class^='mot_arrow'] { display: block; width: 1.6rem; height: 2.5rem; position: relative;} .motion_box .mot_arrow .mot_arrow01 {background: url('/img/common/fdr/motion_arro01.png') no-repeat 0 0; background-size:1.6rem 2.5rem;} .motion_box .mot_arrow .mot_arrow02 {background: url('/img/common/fdr/motion_arro02.png') no-repeat 0 0; background-size:1.6rem 2.5rem;} .motion_box .mot_arrow .mot_arrow03 {background: url('/img/common/fdr/motion_arro03.png') no-repeat 0 0; background-size:1.6rem 2.5rem;} .motion_box .mot_family {position: relative; margin-left: 2.7rem; width: 9rem; height: 9.7rem; background: url('/img/common/fdr/motion_family.png') no-repeat 0 100%; background-size: 100% auto;} .motion_box .mot_family .mot_chk_box {position: absolute; top:0; left: 50%; margin-left:-1rem; display: block; width: 2rem; height:2rem;} .motion_box .mot_family .mot_chk_circle01 {position: absolute; top:50%; left: 50%; margin-top:-1rem; margin-left:-1rem; display: block; width: 2rem; height:2rem; background:#00a684; opacity: 0.5; border-radius: 50%; transform: scale(0); z-index: 1;} .motion_box .mot_family .mot_chk_circle02 {position: absolute; top:50%; left: 50%; margin-top:-1rem; margin-left:-1rem; display: block; width: 2rem; height:2rem; background:#00a684; border-radius: 50%; transform: scale(0); z-index: 2;} .motion_box .mot_family .mot_chk {position:absolute; top:50%; left:50%; margin-top:-0.45rem; margin-left:-0.6rem; display: block; width: 1.2rem; height: 0.9rem; background: url('/img/common/fdr/motion_checked.png') no-repeat 0 0; background-size:100% auto; transform: scale(0);} .motion_box .mot_img01 {margin-right: 3.5rem; width: 9.1rem; height: 11.7rem; background: url('/img/common/fdr/motion_img01.png') no-repeat 0 0; background-size: 9.07rem 11.7rem;} .motion_box .mot_img02 {margin-left: 3.8rem; width: 7.4rem; height: 11.7rem; background: url('/img/common/fdr/motion_img02.png') no-repeat 0 100%; background-size: 7.4rem 10rem;} /* 공동인증서 발급 안내 P_M_FDR190017_01 */ .motion_box {position: relative; margin-top: 8rem; display: flex; align-items: center; justify-content: center;} .motion_box.type2 {margin-top: 16rem;} .motion_box .mot_arrow {display: flex; align-items: center;} .motion_box .mot_arrow [class^='mot_arrow'] { display: block; width: 1.6rem; height: 2.5rem; position: relative;} .motion_box .mot_arrow .mot_arrow01 {background: url('/img/common/fdr/motion_arro01.png') no-repeat 0 0; background-size:1.6rem 2.5rem;} .motion_box .mot_arrow .mot_arrow02 {background: url('/img/common/fdr/motion_arro02.png') no-repeat 0 0; background-size:1.6rem 2.5rem;} .motion_box .mot_arrow .mot_arrow03 {background: url('/img/common/fdr/motion_arro03.png') no-repeat 0 0; background-size:1.6rem 2.5rem;} .motion_box .ts_mot_img01 {margin-right: 3.5rem; width: 9.1rem; height: 11.7rem; background: url('/img/common/fdr/ts_motion_img01.png') no-repeat 0 0; background-size: 9.07rem 11.7rem;} .motion_box .ts_mot_img02 {margin-left: 3.8rem; width: 7.4rem; height: 11.7rem; background: url('/img/common/fdr/ts_motion_img02.png') no-repeat 0 100%; background-size: 7.4rem 10rem;} /* M_COM_PDF_SHOW_TEST */ .ts_pdf_btn_group {display: flex;justify-content: space-between;} .ts_pdf_btn_group .ts_pdf_btn_area > div {display:inline-block;} .ts_pdf_btn_group .ts_pdf_btn_area > div + div {margin-left:8px;} .ts_pdf_wrap {position: relative;} .ts_pdf_wrap .report_body_div{background-color:#fff !important;} .noti_box .txt {font-size: 1.2rem; line-height: 3.2rem; color: #6e7780; letter-spacing: -0.01rem;} /* ani */ .ani_cerfi {animation-name: motion_cerfi; animation-duration:3s; animation-iteration-count: infinite;} .ani_chk01 {animation-name: motion_chk01; animation-duration:3s; animation-iteration-count: infinite;} .ani_chk02 {animation-name: motion_chk02; animation-delay: 0.5s; animation-duration:3s; animation-iteration-count: infinite;} .ani_chk03 {animation-name: motion_chk03; animation-delay: 1s;animation-duration:3s; animation-iteration-count: infinite;} .ani_arr01 { animation-name: ani_arr01; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.86, 0.03, 0.30, 1); } .ani_arr02 { animation-name: ani_arr02; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.86, 0.03, 0.50, 1); } .ani_arr03 { animation-name: ani_arr03; animation-duration: 1.6s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: cubic-bezier(0.86, 0.03, 0.70, 1); } @-webkit-keyframes motion_chk03 { 0% { transform: scale(0); opacity: 1; } 35% { transform: scale(0); opacity: 1; } 45% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @-webkit-keyframes motion_chk02 { 0% { transform: scale(0); opacity: 1; } 85% { transform: scale(1); opacity: 1; } 99.9% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @-webkit-keyframes motion_chk01 { 0% { transform: scale(0); opacity: 0.5; } 80% { transform: scale(1); opacity: 0.5; } 85% { transform: scale(1); opacity: 0.5; } 99.9% { transform: scale(1.4); opacity: 0; } 100% { transform: scale(0); opacity: 0.5; } } @-webkit-keyframes motion_cerfi { 0% { left: 0.8rem; opacity: 0; } 20% { left: 0.8rem; opacity: 0; } 21% { left: 0.8rem; opacity: 1; } 55% { left: 2.8rem; opacity: 0; } 56% { left: 0.8rem; opacity: 0; } 100% { left: 0.8rem; opacity: 0; } } @-webkit-keyframes ani_arr01{ 0% { left: 0px; } 100% { left: 15px; } } @-webkit-keyframes ani_arr02{ 0% { left: -1px; } 100% { left: 15px; } } @-webkit-keyframes ani_arr03{ 0% { left: -1px; } 100% { left: 15px; } } /* P_M_TEST_KJA2 */ .fdr_col .button_list.col4 > *{width:25%;margin-bottom: 1.2rem;} /* 대출예상심사결과 */ .cnt_tit_box .sub_tit {padding-bottom: 3.2rem;} .info.box.loanResult_box {padding: 2.4rem 2rem;} .info.box.loanResult_box .txt_tit {font-weight: normal;} .button_segmented.typestyle {margin-bottom: 2.4rem; padding: 0; height: 4.2rem; background:transparent} .button_segmented.typestyle .n_mbt {margin-bottom: 1.2rem;} .button_segmented.typestyle > div {margin-left: 0;} .button_segmented.typestyle .base_style {height: 4.2rem;} .button_segmented.typestyle .base_style span{width: 100%; height: 4.2rem; background:transparent; border-width: 0; line-height: 4.2rem; padding-left: 0; text-align: center; color: #6e7780; font-weight: normal; border-radius: 0.6rem; overflow: hidden;} .button_segmented.typestyle .base_style input:checked + span {color: #fff; font-weight: 700; background: #0565f0;} .result_txt_box {padding-top:2.4rem; border-top: 1px solid #e2e8f1;} .result_txt_box dl {display: flex; align-items: center; justify-content: space-between;} .result_txt_box dt {font-size: 1.4rem; line-height: 2.2rem;} .result_txt_box dd {font-size: 1.8rem; line-height: 2.6rem;} .result_txt_box dd em {font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: #0565f0;} .result_txt_box .inf + .inf {margin-top: 1.2rem;} .txtbar_st {margin-top: 1.2rem;} .txtbar_st .dot_txt {position: relative; margin-top: 0.8rem; padding-left: 1.2rem; font-size: 1.3rem; line-height: 2rem;} .txtbar_st .dot_txt::before {content: '-'; position: absolute; top: -0.1rem; left: 0;} .loanResult_tit {font-size: 1.8rem; line-height: 2.6rem; color: #212529;} /* 약관동의>자금용도>주택시세조회 */ .src_txtbox .txt_tit{color:#212529;font-weight:normal !important;} .bt_line_n .list_address>*{border-bottom: none;} #m_lst_aptName_sch .bt_line_n .list_address::before{display: none;} .ts_spacing_chk{display: inline-block; width:2.4rem;height:2.4rem;background:url(/img/common/ico_set.png) -5rem -14.6rem/60rem auto no-repeat} /* 여백 */ .box_pd0 >*{padding: 0 !important;} .minus_mgt24{margin-top:-2.4rem !important} .box_m .box_message{padding-bottom: 0.8rem;} .ts_mgb_xs{margin-bottom: 0.8rem;} /* 텍스트정렬 */ .txt_c{text-align: center;} /* 전세자금대출 */ .loan_req_wrap .box_process {margin-top: 0;} /* 금액인풋 */ .form_item.cmm_form .input.ts_unit2 input{padding-right:6.6rem ! important;} /*쿠폰함*/ .couponList{width:100%;height:auto;margin-top:4rem} .couponList li{display:block;font-size:0;padding:1.6rem;box-sizing:border-box;border:1px solid #e1e3e6;border-radius:0.6rem;} .couponList li + li{margin-top:1.6rem;} .couponList li>a{display:block;width:100%;height:auto;font-size:0;} .couponList li .imgArea{position:relative;display:inline-block;width:10rem;height:10rem;background-color:#f5f7fa;border-radius:0.4rem;vertical-align:top;padding:0.4rem;box-sizing:border-box;text-align:center;} .couponList li .imgArea .imgSta{display:inline-block;width:8rem;height:5rem;margin-top:1.2rem;} .couponList li .imgArea .imgSta>span{display:block;width:8rem;height:5rem;background-image:url(/img/contents/img_couponDefulat.png);background-position:center center;background-repeat:no-repeat;background-size:100% auto;} .couponList li .imgArea .imgSta.fore>span{background-image:url(/img/contents/img_couponFore.png);} .couponList li .imgArea .time{position:absolute;left:0.4rem;bottom:0.8rem;width:calc(100% - 0.8rem);font-size:1rem;color:#fff;font-weight:bold;line-height:1.4rem;background-color:#515961;padding:0.2rem 0.6rem;text-align:center;border-radius:1rem;} .couponList li .infoArea{display:inline-block;width:calc(100% - 11.6rem);margin-left:1.6rem;padding-top:0.4rem;vertical-align:top;} .couponList li .infoArea .lv1{font-size:1.3rem;color:#515961;line-height:2rem;} .couponList li .infoArea .lv2{font-size:1.6rem;color:#363c42;line-height:2.4rem;min-height:4.8rem;margin-bottom:0.2rem;font-weight:bold;} .couponList li .infoArea .lv3{font-size:1.4rem;color:#0565f0;line-height:2.2rem;letter-spacing:-0.1px;} .couponList li.complet .imgArea .imgSta::before{content:"";position:absolute;top:0.6rem;right:0.6rem;display:block;width:3.2rem;height:3.2rem;background:url(/img/contents/img_couponComplet.png) no-repeat center center/100% auto;z-index:2} .couponList li.complet .imgArea .imgSta>span, .couponList li.complet .imgArea .time, .couponList li.expiration .imgArea .time{opacity:0.6;} .couponList li.complet .infoArea .lv3, .couponList li.expiration .infoArea .lv3{color:#6e7780;} .couponList li.expiration .imgArea .imgSta>span{background-image:url(/img/contents/img_couponDefulat_expir.png);} .couponList li.expiration .imgArea .imgSta.fore>span{background-image:url(/img/contents/img_couponFore_expir.png);} .couponList li.expiration .imgArea .imgSta::before{content:"";position:absolute;top:0.6rem;right:0.6rem;display:block;width:3.2rem;height:3.2rem;background:url(/img/contents/img_couponExpiration.png) no-repeat center center/100% auto;z-index:2} .btn_area.fix .btnA_more .base_style{background:#fff !important;color:#6e7780 !important;} @media all and (max-width:360px) { .couponList li .imgArea .time{font-weight:normal;} } .couponDtlArea .imgArea{width:100%;text-align:center;padding-top:2.4rem;margin-bottom:5.8rem;} .couponDtlArea .imgArea .imgSta{position:relative;display:inline-block;width:15.2rem;height:15.2rem;border-radius:1.2rem;background-color:#f5f7fa;margin-bottom:1.6rem;} .couponDtlArea .imgArea .imgSta>span{display:inline-block;width:12rem;height:7.5rem;background-image:url(/img/contents/img_couponDefulat.png);background-position:center center;background-repeat:no-repeat;background-size:12rem auto;margin-top:3.9rem;} .couponDtlArea .imgArea .imgSta.fore>span{background-image:url(/img/contents/img_couponFore.png);} .couponDtlArea .imgArea.complet .imgSta::before{content:"";position:absolute;top:1.2rem;right:1.2rem;display:block;width:4.8rem;height:4.8rem;background:url(/img/contents/img_couponComplet.png) no-repeat center center/100% auto;z-index:2} .couponDtlArea .imgArea.complet .imgSta>span{opacity:0.6;} .couponDtlArea .imgArea.expiration .imgSta::before{content:"";position:absolute;top:1.2rem;right:1.2rem;display:block;width:4.8rem;height:4.8rem;background:url(/img/contents/img_couponExpiration.png) no-repeat center center/100% auto;z-index:2} .couponDtlArea .imgArea.expiration .imgSta>span{background-image:url(/img/contents/img_couponDefulat_expir.png);} .couponDtlArea .imgArea.expiration .imgSta.fore>span{background-image:url(/img/contents/img_couponFore_expir.png);} .couponDtlArea .imgArea .lv1{font-size:1.4rem;line-height:2.2rem;color:#6e7780;margin-bottom:0.4rem;} .couponDtlArea .imgArea .lv2{font-size:1.6rem;line-height:2.2rem;letter-spacin:-0.1px;color:#363c42;font-weight:bold;} .box_account_txtlist.half .base{font-size:0;width:100%;min-height:0;} .box_account_txtlist.half .base>span{display:inline-block;vertical-align:top;width:10rem;padding-right:1rem;vertical-align:top;} .box_account_txtlist.half .base>strong{display:inline-block;vertical-align:top;width:calc(100% - 10rem);vertical-align:top;font-size:1.6rem;line-height:2.4rem;text-align:right;} .cmm_toggle_box .txtlist_dot li{word-break:keep-all;} .cmm_toggle_box .txtlist_dot li+li{margin-top:0.8rem} .ico_menu_list.col_4.usage > div:nth-child(6) .icon{background-image:url(/img/contents/icon_clock.png);background-size:2.4rem 2.4rem;} .homeLoanArea{padding:2.4rem 0 4rem 0;text-align:center;} .homeLoanArea>img{width: 15.5rem; margin:3rem auto 0 auto;} .greenCk{padding-left:2.4rem;background:url(/img/contents/icon_greenCk.png) no-repeat left top 0.2rem/1.8rem auto;} /* 55화면개선 : 공과금 메인 // 납부내역조회 */ .icon_renewal .icon{z-index:5;margin-bottom:1.4rem !important;} .icon_renewal .icon{background-position:0 0 !important; background-size:cover !important;width:3.2rem !important; height:3.2rem !important;} .icon_renewal .ico_menu > a{height:10rem !important;} .icon_renewal .ico_menu > a span{font-weight:bold;font-size:1.3rem;} .icon_renewal .ico_menu:after{content:'';background-color:#f5f7fa;border-radius:50%;width:4.8rem;height:4.8rem;position:absolute;z-index:0;left:calc(50% - 2.4rem);top:1.2rem;} .icon_renewal .ico_flag_apt .icon{background-image:url('/img/contents/ico_taxes_apt.png') !important;} .icon_renewal .ico_flag_kt .icon{background-image:url('/img/contents/ico_taxes_kt.png') !important;} .icon_renewal .ico_flag_elect .icon{background-image:url('/img/contents/ico_taxes_elec.png') !important;} .icon_renewal .ico_flag_univer .icon{background-image:url('/img/contents/ico_taxes_univ.png') !important;} .icon_renewal .ico_flag_tax .icon{background-image:url('/img/contents/ico_taxes_national.png') !important;} .icon_renewal .ico_flag_offense .icon{background-image:url('/img/contents/ico_taxes_amende.png') !important;} .icon_renewal .ico_flag_social .icon{background-image:url('/img/contents/ico_taxes_assurance.png') !important;} .icon_renewal .ico_flag_paper .icon{background-image:url('/img/contents/ico_taxes_giro.png') !important;} .icon_renewal .ico_flag_giro .icon{background-image:url('/img/contents/ico_taxes_manage.png') !important;} .icon_renewal .ico_flag_kt.ico_living .icon{background-image:url('/img/contents/ico_taxes_living.png') !important;} .icon_renewal .ico_flag_elect .letter{letter-spacing:-0.1rem;} /* 55화면개선 : 공과금 메인 하단 */ .icon_renewal_main .icon{background-size:cover;background-position:0 0 !important;} .icon_renewal_main .ico_paper.ico_taxes_atransfer_add .icon{background-image:url('/img/contents/ico_taxes_atransfer_add.png') !important;} .icon_renewal_main .ico_often .icon{background-image:url('/img/contents/ico_taxes_atransfer.png') !important;} .icon_renewal_main .ico_dues .icon{background-image:url('/img/contents/ico_taxes_retrieve.png') !important;} .icon_renewal_main .ico_paper .icon{background-image:url('/img/contents/ico_taxes_insure.png') !important;} /* 55화면개선 : 언어설정 */ .icon_renewal .ico_flag_korea .icon{background-image:url('/img/contents/ico_localizing_kr.png') !important;} .icon_renewal .ico_flag_usa .icon{background-image:url('/img/contents/ico_localizing_en.png') !important;} .icon_renewal .ico_flag_vietnam .icon{background-image:url('/img/contents/ico_localizing_vn.png') !important;} .icon_renewal .ico_flag_indonesia .icon{background-image:url('/img/contents/ico_localizing_id.png') !important;} .icon_renewal .ico_flag_cambodia .icon{background-image:url('/img/contents/ico_localizing_kh.png') !important;} .icon_renewal .ico_flag_myanmar .icon{background-image:url('/img/contents/ico_localizing_mm.png') !important;} .icon_renewal .ico_flag_mongoria .icon{background-image:url('/img/contents/ico_localizing_mn.png') !important;} .icon_renewal .ico_flag_china .icon{background-image:url('/img/contents/ico_localizing_cn.png') !important;} /* 55화면개선 : 국내외화이체*/ .icon_renewal .ico_exchange_rate, .icon_renewal .ico_exchange_calc{padding-bottom:1.2rem !important;position:relative !important;} .icon_renewal .ico_exchange_rate .icon, .icon_renewal .ico_exchange_calc .icon{position:relative !important;} .icon_renewal .ico_exchange_rate a span, .icon_renewal .ico_exchange_calc a span{font-size:1.3rem; font-weight:bold;margin-top:0.1rem;display:inline-block;} .icon_renewal .ico_exchange_rate:after, .icon_renewal .ico_exchange_calc:after{content:'';background-color:#f5f7fa;border-radius:50%;width:4.8rem;height:4.8rem;position:absolute;z-index:0;left:calc(50% - 2.4rem);top:1.2rem;} .icon_renewal .ico_exchange_rate .icon{background-image:url('/img/contents/ico_foreign_other.png') !important;z-index:5;margin-bottom:1.4rem !important;} .icon_renewal .ico_exchange_calc .icon{background-image:url('/img/contents/ico_foreign_jb.png') !important;z-index:5;margin-bottom:1.4rem !important;} /*이모티콘 아이콘 타입*/ .eMo{display:inline-block;vertical-align:sub;width:1.8rem;height:1.8rem;background-repeat:no-repeat;background-size:1.8rem auto;background-position:center center;} .eMo.heart{background-image:url(/img/contents/icon_eMoHeart.png);} .eMo.tear{background-image:url(/img/contents/icon_eMoTear.png);} .transComboArea{position:relative;} .transComboArea .tranArrow{position:absolute;right:0;top:5.3rem;z-index:1;} .transComboArea .icon{position:absolute;left:2rem;top:2.6rem;} .transComboArea .combo_btn, .transComboArea .combobox_bottomsheet .combo_label{padding-left:5.6rem;} .tranArrow>button{position:relative;display:inline-block;width:auto;background-color:rgba(255,255,255,0);padding-right:1.2rem;} .tranArrow>button .base{display:block;font-size:1.4rem;color:#515961;line-height:2.2rem;} .tranArrow>button:after{display:block;content:'';position:absolute;top:50%;right:0rem;width:1.2rem;height:1.2rem;margin-top:-0.7rem;background:url(/img/common/ico_set.png) -15rem -30rem/60rem auto no-repeat} /*JB뱅크 알림함 NEW*/ .notification div.new_mark:before{content:''; width:4px;height:4px;border-radius:50%;background-color:#e5493a;position:absolute;right:-6px;top:8px;} .notification > div:last-of-type.new_mark:before{right:calc(2rem - 6px )} .bn_close01{position:absolute;top:0;right:0;} /* 88_다른은행 갈아타기 확장 >> 06_제휴대출목록*/ .ext_changing_bg{background-color:white;} .ext_changing_blues{border-color:#0565f0;padding-top:0.4rem;} .ext_changing_arrows{opacity:0.6;padding-top:1.2rem;padding-bottom:.8rem;} .ext_changing_card_blues .inf dl dd{color:#0565f0 !important;} .ext_changing_blues .card_tit .bank_inf p.desc{padding-left:0px !important;} /* 타행 CI 삭제*/ .ext_changing_blues .card_tit .bank_inf i.icon{display:none !important;} .ext_changing_blues .card_tit.pdt0 .bank_inf p.desc{padding-left:2.8rem !important;} /* 타행 CI 삭제*/ .ext_changing_blues .card_tit.pdt0 .bank_inf i.icon{display:block !important;} .ext_changing_blues .card_cont.pdt0 .inf dl {width:100% !important;} .ext_changing_blues .card_cont.pdt0 .inf dl dd{font-size:1.6rem !important} .gExtT18{font-size:1.8rem !important;} /* 96_카드번호전체보기 > 3_카드번호확인*/ .gExt_owncard_check dl dt{width:5.2rem;font-size:1.4rem;display:inline-block;} .gExt_owncard_check dl dd{width:fit-content;float:right;font-weight:bold;font-size:1.4rem;font-weight:bold;color:#212529} #ebmsBnrView.ebms_img {margin:2rem 0;} #ebmsBnrView .bn_close01 span{display:block;position:absolute;right:0;top:0;z-index:9999;width:4rem;height:4rem;padding:0;background-color:rgba(255,255,255,0);text-indent:-9999px;background:url(/img/newEvent/files/20231020_0005.png) no-repeat right 1.4rem top 1.4rem/1.4rem auto} .card_box.sid_box > a {display: flex;min-height:10rem; max-height:12rem;padding: 0 2rem;justify-content: space-between; align-items: center;box-sizing: border-box; height: auto;} .sid_tit {width:52.835%;} .sid_tit .p_tit {font-size: 1.6rem;font-weight: bold;line-height: 2.4rem;letter-spacing: -0.01rem;color: #212529;word-break:} .sid_tit .p_info {font-size: 1.4rem;line-height: 2.2rem;letter-spacing: -0.01rem;} .sid_tit .sid_tit_box{padding:2.3rem 0} .sid_cont {width: 47.165%;text-align: right;} .sid_cont .p_info2 {font-size: 1.3rem;line-height: 2.0rem;letter-spacing: 0;} .sid_cont .p_rate {font-size: 1.8rem;line-height: 2.6rem; letter-spacing: -0.02rem;color: #0565f0;} .sid_cont .wave {font-size: 1.8rem;line-height: 2.6rem; margin: 0 0.2rem;color: #0565f0;} .sid_cont .p_rate2 {font-size: 2rem;font-weight: bold;line-height: 3.0rem;letter-spacing: 0;color: #0565f0;} .sid_cont .percent {font-size: 1.4rem;line-height: 2.2rem;margin-left: 0.1rem;color: #0565f0;font-weight: bold;} .card_gubun li{margin-top: 8px} .mgh_h12{height:12rem;float:none;flex:none;clear:both;} .flexGrowArea{display:flex;height:100%;flex-direction:column} .flexGrow{flex-grow:1;background-color:#f5f7fa;padding:2.4rem 0} .smIconInfo{display:block;width:100%;position:relative;border-radius:0.6rem;background-color:#fff;box-shadow:var(--shadow2);text-align:left;padding:2.4rem 2.4rem 2.4rem 5.6rem;} .smIconInfo>img{width: 2.4rem;position:absolute;left:2.4rem;top:2.4rem;} .smIconInfo .t16{color:#212529;display:block;} .smIconInfo .t13{color:#627780;display:block;margin-top:0.8rem;} .smIconInfo + .smIconInfo{margin-top:1.3rem;} .progress_wrap .progress_bar{position:relative; height: 0.4rem; background: #e1e3e6;} .progress_wrap .progress_fill{position: absolute; width:0; height:100%; background: #0565f0;transition: all ease 2s 0s;} .progress_wrap .progress_num{position: absolute; right:2rem; display: flex; margin-top:1.2rem;} .progress_wrap .progress_num span {color:#0565f0; font-weight:bold;} /* 쏙뱅크를 잡아라 이후 삭제 */ .eventClickBtn{position:absolute;right:2rem;top:5rem;z-index:10;background:blue;} .eventClickBtn>button{color:#fff;padding:2rem;} .cubeBtnArea{position:absolute;top:4rem;right:4rem;z-index:10;text-align:center;} .cubeBtn{animation:cube-bounce 0.5s infinite cubic-bezier(0, 0.3, 0.6, 1) alternate;} .cube{animation:cube-rotate 10s infinite cubic-bezier(0.2, 0.3, 0.1, 0.7) normal;height:40px;position: relative;transform-style: preserve-3d;width:40px;z-index: 1;} .cube span{height:inherit;position:absolute;width:inherit;background:url(/img//contents/img_appIcon.png) no-repeat center center/100% 100%;display:block;} .cube span:nth-of-type(1){transform:translateZ(-20px) rotateY(0deg);} .cube span:nth-of-type(2){transform:translateZ(20px) rotateX(-180deg);} .cube span:nth-of-type(3){transform:translateX(-20px) rotateY(-90deg);} .cube span:nth-of-type(4){transform:translateX(20px) rotateY(90deg);} .cube span:nth-of-type(5){transform:translateY(-20px) rotateX(-90deg);} .cube span:nth-of-type(6){transform:translateY(20px) rotateX(90deg);} @keyframes cube-bounce { 0% {transform: translateY(0);} 100% {transform: translateY(-20px);} } @keyframes cube-rotate { 0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);} 10% {transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);} 20% {transform: rotateX(0deg) rotateY(180deg) rotateZ(90deg);} 30% {transform: rotateX(-90deg) rotateY(180deg) rotateZ(0deg);} 40% {transform: rotateX(-90deg) rotateY(270deg) rotateZ(-90deg);} 50% {transform: rotateX(-180deg) rotateY(180deg) rotateZ(-90deg);} 60% {transform: rotateX(-90deg) rotateY(90deg) rotateZ(-90deg);} 70% {transform: rotateX(-90deg) rotateY(180deg) rotateZ(-180deg);} 80% {transform: rotateX(0deg) rotateY(90deg) rotateZ(-180deg);} 90% {transform: rotateX(90deg) rotateY(0deg) rotateZ(-90deg);} 100% {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);} } .cubeShadow {animation: shadow-anim 0.5s infinite cubic-bezier(0, 0.25, 1, 0.75) alternate;background-color:var(--gray3);height: 10px;width: 30px;z-index: -1;margin:0 auto;} @keyframes shadow-anim { 0% {transform: scaleX(1) scaleY(0.5);border-radius: 30%;filter: blur(2px);} 100% {transform: scaleX(1.5) scaleY(1);border-radius: 30%;filter: blur(2px);} } /* 쏙뱅크를 잡아라 이후 삭제 */ .countProgress{width:auto;display:inline-block;vertical-align:middle;font-size:0;position:absolute;right:2rem;top:0rem;z-index:20;} .countProgress>span{display:inline-block;vertical-align:middle;width:1rem;height:1rem;border-radius:50%;background-color:var(--gray6);margin:0 0.3rem;} .countProgress>span.on{font-size:1.3rem;color:#fff;width:2rem;height:2rem;background-color:var(--jb-blue);text-align:center;line-height:2.3rem;} .countProgress>span.ck{background-color:var(--jb-blue);} .new_nation {padding: 0.7rem 0;} .new_nation .name_nation{font-size:1.8rem;line-height:2.6rem;letter-spacing:-0.02rem;color:#212529;} .passArea{position:relative;display:block;font-size:0;text-align:center;padding:0 1rem;margin-bottom:3.6rem;} .passArea .phoneArea{position:relative;width:31.5rem;height:25.8rem;display:inline-block;background:url(/img/contents/img_passArea.png) no-repeat center center/100% auto;padding:0 4rem} .passArea .phoneArea .acBar{width:100%;margin-top:5rem;padding:0 4rem;} .passArea .phoneArea .acBar>span{display:block;width:0%;border-radius:0.4rem;background-color:#e5eaf1;height:1.6rem;} .passArea .phoneArea .acBar>span:nth-of-type(n+2){margin-top:0.8rem;} .passArea.on .phoneArea .acBar>span{animation:acBar 2s infinite alternate;} .passArea.on .phoneArea .acBar>span:nth-of-type(2){animation:acBar2 1.5s infinite alternate;animation-delay:0.5s;} .passArea.on .phoneArea .acBar>span:nth-of-type(3){animation:acBar3 1.5s infinite alternate;animation-delay:1s;} .loddingMoveArea{position:relative;perspective:60rem;height:10rem;width:23rem;margin:6rem auto 0 auto;} .loddingMoveArea .loddingMove{position:absolute;width:100%;height:auto;;display:inline-flex;font-size:0;text-align:center;padding-bottom:3rem;animation:floatZ 6s infinite ease-out;bottom:0;transform-style:preserve-3d;opacity:0;} .loddingMoveArea .loddingMove:nth-of-type(2){animation-delay:3s;} .loddingMoveArea .loddingMove .acBarLeft{width:6.4rem;height:6.4rem;border-radius:0.4rem;background-color:var(--gray3);position:relative;} .loddingMoveArea .loddingMove .acBarRight{width:calc(100% - 7.4rem);margin-left:1rem;} .loddingMoveArea .loddingMove .acBarRight>span{display:block;width:0%;border-radius:0.4rem;background-color:var(--gray3);height:1.6rem;animation:acBar 2s infinite alternate;} .loddingMoveArea .loddingMove .acBarRight>span:nth-of-type(2){margin-top:0.8rem;animation:acBar2 1.5s infinite alternate;animation-delay:0.5s;} .loddingMoveArea .loddingMove .acBarRight>span:nth-of-type(3){margin-top:0.8rem;animation:acBar3 1.5s infinite alternate;animation-delay:1s;} @keyframes floatZ{ 0%{transform:translateY(100%) translateZ(0);opacity:0;} 10%{transform:translateY(0%) translateZ(0);opacity:1;} 50%{transform:translateY(0%) translateZ(0);opacity:1;} 60%{transform:translateY(0%) translateZ(-10rem) scale(0.9);opacity:0;} 100%{transform:translateY(100%) translateZ(-10rem) scale(0.9);opacity:0;} } @keyframes acBar{ 0%{width:0} 100%{width:100%} } @keyframes acBar2{ 0%{width:0%} 100%{width:70%} } @keyframes acBar3{ 0%{width:0} 100%{width:50%} } .passArea.on .cretInfo{top:13.8rem;opacity:1} .passArea .cretInfo{position:absolute;left:1rem;width:calc(100% - 2rem);top:16.8rem;height:auto;padding:2rem 2rem 2rem 7.2rem;background-color:#fff;border:1px solid var(--gray4);border-radius:0.6rem;text-align:left;opacity:0;transition:1s all;} .passArea .cretInfo .business{width:4rem;height:4rem;position:absolute;left:2rem;top:2.4rem;border-radius:50%;background-color:var(--gray1);} .passArea .cretInfo .business .icon_ci{width:2.4rem;height:2.4rem;position:absolute;left:calc(50% - 1.2rem);top:calc(50% - 1.2rem);} .passArea .cretInfo .business .icon_ci.kakao{background:url(/img/contents/passCi_kakao.png) no-repeat center center/100% auto;} .passArea .cretInfo .business .icon_ci.toss{background:url(/img/contents/passCI_toss.png) no-repeat center center/100% auto;} .passArea .cretInfo .business .icon_ci.naver{background:url(/img/contents/passCI_naver.png) no-repeat center center/100% auto;} .passArea .cretInfo .business .icon_ci.pass{background:url(/img/contents/passCI_pass.png) no-repeat center center/100% auto;} .passArea .cretInfo b{font-size:1.6rem;font-weight:bold;color:var(--gray10);margin-bottom:0.2rem;display:block;line-height:2.4rem;} .passArea .cretInfo span{font-size:1.4rem;;color:var(--gray8);display:block;line-height:2.2rem;} .data_loading {position:fixed;top:0;left:0;width:100%;height:100%;z-index:60;background:#fff;padding:5.2rem 2rem 0;} /*로딩중팝업 타입 추가*/ .data_loading.moveCkLoding{padding:10rem 3.7rem 2rem 3.7rem;} .data_loading.moveCkLoding .lottieArea{margin:0 auto 3.2rem auto;width:100%;max-width:30rem;} .grade_area {position:relative;width:100%;display:block;padding:1.2rem 1.6rem;margin-top:2rem;background:#f5f7fa;color:#212529;border-radius:0.6rem;} .grade_area::after{content:'';position:absolute;top:1.4rem;right:1.4rem;width:1.6rem;height:1.6rem;background:url(/img/common/icon_arrRight.png) no-repeat;background-size:1.6rem 1.6rem;} .grade_area .txt_grade{font-weight:bold;} .grade_area .txt_grade.diamond{color:#008cdd;} .grade_area .txt_grade.platinum{color:#772faa;} .grade_area .txt_grade.family{color:#00a99e;} .grade_area .txt_grade.friends{color:#e99300;} .korimg{display:block;width:100%} .enimg{display:none;width:100%} .language .korimg{display:none;} .language .enimg{display:block;} #accountDetails{z-index:79;} /*EDD 이행주기 Alert 팝업으로 변경*/ .eddPopAlertArea{} .eddPopAlertArea .grayBox{width:100%;padding:1.6rem 2rem;border-radius:0.6rem;background-color:var(--gray2);text-align:left;margin:2.4rem 0 3.2rem 0;} .eddPopAlertArea .grayBox>ul{width:100%;margin-top:0.8rem;} .eddPopAlertArea .grayBox>ul>li{position:relative;padding-left:1.2rem;width:100%;font-size:1.4rem;line-height:2.2rem;color:var(--gray8);} .eddPopAlertArea .grayBox>ul>li::before{content:"";display:block;width:0.4rem;height:0.4rem;border-radius:50%;position:absolute;left:0;top:0.9rem;background-color:var(--gray5);} .eddPopAlertArea .grayBox>ul>li:nth-of-type(n+2){margin-top:0.4rem;} .eddPopAlertArea >.t15{margin-bottom:0.8rem;} .eddPopAlertArea ~ .btn_area{border:none;} .eddPopAlertArea ~ .btn_area #cancel .base_style{background-color:var(--gray3);color:var(--gray8);} .eddPopAlertArea ~ .btn_area #ok{border-left:none;} .eddPopAlertArea ~ .btn_area #ok .base_style{background-color:var(--jb-blue);color:#fff;} .accRetrunPop.combobox_contents_wrap .combo_sheet_area .inner{padding-bottom:0 !important;} .accRetrunPop.combobox_contents_wrap .combo_sheet_area .combo_content{padding-bottom:9rem;} #contents.kakaopay_contents hr {display:block !important;} .kakaopay_body, .kakaopay_jbMain {overflow:unset !important;} /* 공공마이데이터 약관 동의 */ .agr_check_item.pubMydTerms{ padding-left:1.6rem !important; } .agr_check_item.pubMydTerms .check_round{ padding-left:3.8rem; } .agr_check_item.pubMydTerms .check_round input{ scale:0.9; } .agr_check_item.pubMydTerms .check_round span{ padding-left:0.1rem !important; font-size:1.4rem; font-weight: 500; color:#6e7780; } .agr_check_item.pubMydTerms button.more{ top:2.2rem !important; }