/* pc */ @charset "utf-8"; /*이용대금 명세서 서브메인_정형철 추가 */ [class*="_mt2"]{margin-top:2px;} [class*="_mt3"]{margin-top:3px;} [class*="_mt4"]{margin-top:4px;} [class*="_mt7"]{margin-top:7px;} [class*="_mt8"]{margin-top:8px;} [class*="mt11"]{margin-top:11px;} [class*="mt17"]{margin-top:17px;} [class*="mt37"]{margin-top:37px;} [class*="mt45"]{margin-top:45px;} [class*="mt51"]{margin-top:51px;} [class*="mt65"]{margin-top:65px;} .flex_row.mt36{margin-top:36px;} [class*="mb10"]{margin-bottom:10px;} [class*="fc_m"][class*="_koreaair"]{color:#39a1bc} [class*="fc_m"][class*="_costco"]{color:#c8102e} [class*="fc_m"][class*="_purple"]{color:#5c325e;} [class*="fc_m"][class*="_pink"]{color:#fb1a77 ;} .in_block{display:inline-block;} /* [class*="_blk"]{display:block;} 이영재:주석처리함 0524기준 문제 없음 */ /* 텍스트 underline */ .txt_bot_line{display:inline-block; text-decoration:underline;} .box_btn_lt.pl112{padding-left:112px;margin-top:4px;} .box_btn > [class^="btn"][class*="64_"] + [class^="btn"][class*="64_"]{margin-left:8px;} /* 하단버튼 공통 여백 추가 */ /* 달력 오류시 타입추가 */ .use_calendar.box_input01 .error label{border-color:#ff0000;} .use_calendar.box_input01 .error label input[type="text"]{color:#ff0000;} /* 셀렉트 오류시 타입추가 */ .box_input01 .error .select_wrap .btn_select{color:#ff0000;} .box_input01 .error .select_wrap .btn_select:before{border-color:#ff0000;} .ico_w32{width:32px;height:32px;display:block;} .h347{height:347px;position:relative;} .h347 .dan{position:absolute;left:36px;bottom:32px;width:500px} .b_line{border-bottom:1px solid #ebebeb;} .sub_main , .acc_ft{background:#f1f1f3;} .sub_main .content{width:100%;padding-top:44px;} .sub_main .content:after{content:'';display:block;clear:both;} .account{position:relative;width:1200px;margin:0 auto;} .account .won{font-size:29px;line-height:36px;font-weight:700} .account .items{background:#fff;border-radius:24px;width:588px;padding:37px 0 28px; box-shadow:0 2px 4px rgba(0,0,0,0.08);} .account .items + .items{margin-top:24px;} .account .items .box_btn{border-top:1px solid #ebebeb;padding-top:28px;margin-top:35px;} .account .items_tab{margin-bottom:25px;} .account [class*="items_"] , .account .cel_list{padding-left:36px;padding-right:36px;display:block;} .account [class*="items_"] > [class*="mt45"]:first-child{margin-top:0;} .account .box_tit{padding:0 36px 18px} .account .box_tit a{height:24px;} .account .box_tit .btn32_softbg_boldtxt{display:inline-block; height:32px;} /* .account .list_account_grp01 > li{min-width:64px;} */ .account .list_chkrdo01.h36 > li label{padding:6px 12px 4px;border-radius:20px;background:none;color:rgba(0,0,0,0.4); border:1px solid #fff;} /* 2021-07-14 Q10112 : 움직이는현상 수정 */ .account .list_chkrdo01.h36 > li input:checked + label{border:1px solid #000;opacity:1;} .account .card_info:after , .account [class^="items_list"]:after{display:block;content:'';clear:both} .account [class^="items_list"] dt{float:left;font-size:16px;line-height:22px;font-weight:500;padding:14px 0 12px;} .account [class^="items_list"] dt .divr_txt{display:inline-block; position:relative; margin-left:5px; padding-left:6px; color:#858585; font-size:14px; font-weight:500;} .account [class^="items_list"] dt .divr_txt:before{content:''; display:inline-block; position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#e0e0e0;} .account [class^="items_list"] dd{float:right;font-size:20px;line-height:26px;font-weight:700;padding:10px 0 12px} .account [class^="items_list"] dd span{line-height:26px;} .account [class^="items_list"] .fl p + p{margin-top:5px;} .account [class^="items_list"] .fr{padding-top:6px;} .account div[class^="items_list"]{padding:14px 36px 13px;} /* 2021-10-27 Q10112 : 링크타입추가 */ .cel_list .cel_link{position:relative; display:block; padding-right:160px;} .cel_list .cel_link + [class^="p2"]{margin-top:2px;} .cel_list .cel_link .title{display:block; } .cel_list .cel_link:hover .title{display:block;text-decoration:underline;text-underline-offset:2px;}/*2022-04-25 : GGCN45 ID7_[HPRQA-3063][검증] PC 텍스트 링크형 버튼 공통 hover 적용 요청*/ .cel_list .cel_link .divr_dot{display:block; margin-top:4px;} .cel_list .cel_link .price{position:absolute; top:0; right:0;} .cel_list .cel_link .price em{display:block;} .cel_list .cel_link .price .striketh + em{margin-top:4px;} .cel_list .cel_link .price.r16{right: 16px;} /* 2024-04-25 Q20542 미납내역 콘텐츠 수정건 추가 */ /* 2021-07-14 Q10112 : 디자인변경으로 수정 */ .account .card_info{display: table; width:calc(100% - 72px); margin-left:36px; padding:12px 4px 28px; border-bottom:1px solid #ebebeb;} .account .card_info a{display:block;} .account .card_img, .account .card_name{display:table-cell; vertical-align:middle;} .account .card_img{position:relative; width:48px; height:76px;} .account .card_img .one{position:relative; z-index:1; display:inline-block;} .account .card_img .one img{width:100%;} .account .card_img .two{position:absolute; top:-4px; left:2px; z-index:0;} .account .card_img .two img{width:44px; height:77px;} .account .card_img .lab_rb{position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.64) !important; border-radius:2px;} /* 가로카드케이스 */ .account .horizontal.card_info{padding:20px 4px 24px;} .account .horizontal .card_img{width:76px; height:48px; vertical-align:bottom;} .account .horizontal .card_img .two{top:9px; left:3px;} .account .horizontal .card_img .two img{width:70px; height:44px;} .account .card_name{display:table-cell; padding-left:16px; font-size:14px;} .account .card_name strong{display:block; margin-bottom:4px;} .account .card_name strong sup{font-weight:700;} .account .card_name .divr_txt{display:inline-block; position:relative; margin-right:4px; padding-right:6px;} .account .card_name .divr_txt:before{content:''; display:inline-block; position:absolute; top:9px; right:0; width:2px; height:2px; background-color:#e0e0e0;} .account .items_list:last-of-type{margin-bottom:12px;} .account .items_list + .items_rbtn{border-top:1px solid #ebebeb;} .account .items_rbtn{text-align:right; margin:0 36px; padding:14px 0 12px;} .account .items_rbtn a + a{margin-left:16px} .account .items_rbtn .textbico_small{background-position:100% 3px;} .account .items_bg1 a{display:block;} .account .items_bg1{padding:17px 20px 17px 72px;margin:12px 36px 0;background:rgb(211,239,242) url(/docfiles/resources/pc/images/common/icon/w32/ico_goup.png) 20px 50% no-repeat; background-size:32px; border-radius:8px;} .account .items_bg2{display:table; width:calc(100% - 72px); margin:12px 36px 0 36px; padding:8px; background:rgb(255,246,236);border-radius:8px} .account .items_bg2 .icon{position:relative; display:table-cell; width:64px; height:64px; background:url(/docfiles/resources/pc/images/common/icon/w64/ico_sale_Arrow_down02.png) no-repeat 50% 50% ; background-size:55px; vertical-align:middle;} .account .items_bg2 .icon .align{display:block; height:18px; text-align:center; /* position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; */} .account .items_bg2 .cont{display:table-cell; vertical-align:middle;} /* 2021-07-14 Q10112 : 디자인변경으로 타입추가 */ .account .items .items_con .h1_eb .textbico_mide{padding-right:34px;} .account .items .items_con .h1_eb .textbico_mide .won{vertical-align:middle;} .account .items .items_con .h4_b_lt [class^="lab_"]{margin-top:4px; padding:0 6px; height:20px; line-height:20px;} .account .items .items_con .h4_b_lt [class^="lab_"][class*="_mlink"]{padding:0 14px 0 6px;} .account .items .items_con .h4_b_lt + .pay_h1yu, .account .items .items_con .h4_b_lt + .textbico_mide{margin-top:2px;} .account .items .cel_list .cel_list_info .fl .divr_dot{max-width:325px;} .account .items .items_list [class*="fc_m"][class*="_red"], [data-fc="m_red"] {color:#e3001f;} .account .items .items_list [class*="fc_m"][class*="_green"], [data-fc="m_green"] {color:#008c15;} .account .items .items_list [class*="fc_m"][class*="_mst"], [data-fc="m_mst"] {color:#E67602;} /* 2024-01-05 Q20016 아멕스 색상 추가 */ .account .items .items_list [class*="fc_m"][class*="_amexplatinum"], [data-fc="m_amexplatinum"] {color:#9A9A9A;} .account .items .items_list [class*="fc_m"][class*="_amexgold"], [data-fc="m_amexgold"] {color:#B19859;} .account .items .items_list [class*="fc_m"][class*="_amexgreen"], [data-fc="m_amexgreen"] {color:#6D9281;} /* //2024-01-05 Q20016 아멕스 색상 추가 */ /* 2024-04-22 Q20406(동근혁) Summit 색상 추가 */ .account .items .items_list [class*="fc_m"][class*="_Summit"], [data-fc="m__Summit"] {color:#343854;} .account .items .items_list [class*="fc_m"][class*="_kakaoBankPrime"], [data-fc="m_kakaoBankPrime"], .account .items .items_list [class*="fc_m"][class*="_centurion"], [data-fc="m_centurion"] {color:#1E1E1E;}/* 2024-05-21 GGU282 카카오뱅크 Prime 색상 추가 */ /* 2025-05-14 11855 centurion 색상 추가 */ .account .items.ofh{overflow:hidden;} .account .items.type01{padding:16px 0;} .account .items.type01.ofh{padding:16px 0 32px;} .account .items.type01 .top_tit{padding:0 36px;} .account .items.type01 .top_tit .h4_b_lt{padding:19px 0;} .account .items.type01 .top_tit .h4_b_lt.link{padding:0;} .account .items.type01 .top_tit .h4_b_lt.link > a{display:block; padding:19px 25px 19px 0;} .account .items.type01 .no_data{padding:100px 0 142px;} /* 2021-07-29 Q10112 : 데이터없을때 여백 수정 */ .account .items.banner{overflow:hidden; position:relative; padding:0; min-height:100px;} .account .items.banner > .items_banner{height:100%; padding:26px 32px;} .account .items.banner .p2_m_lt_1ln, .account .items.banner .p1_b_1ln{display:block;} .account .items.banner .p2_m_lt_1ln + .p1_b_1ln{margin-top:4px;} .account .items.banner .b_img{position:absolute; bottom:0; right:0; width:200px; height:100px; text-align:right;} .account .items.banner .b_img img{width:100%; height:100%;} /* items_tab_wrap 탭 */ .account .items_tab_wrap .sw_tab{position:relative; overflow:hidden; height:32px; margin-bottom:24px;} .account .items_tab_wrap .sw_tab:after{content:''; overflow:hidden; position:absolute; top:0; right:0; z-index:1; width:17px; height:34px; background:linear-gradient(to right , rgba(255,255,255,0) , rgba(255,255,255,1) 70%); background:-ms-linear-gradient(to right , rgba(255,255,255,0) , rgba(255,255,255,1) 70%);} .account .items_tab_wrap .sw_tab.shadow_none:after{display:none;} .account .items_tab_wrap .sw_tab ul{overflow:auto; white-space:nowrap;} .account .items_tab_wrap .sw_tab ul li{display:inline-block; margin-right:4px;} .account .items_tab_wrap .sw_tab ul li:last-child{margin-right:0;} .account .items_tab_wrap .sw_tab ul li a{display:inline-block; padding:6px 12px 4px; color:#5C5C5C; font-weight:700; font-size:14px; line-height:20px; border:1px solid #fff; border-radius:16px; transition:all .3s;} .account .items_tab_wrap .sw_tab ul li.on a{color:#000; border:1px solid #000;} .account .items_tab_wrap .sw_tabcont{position:relative;} .account .items_tab_wrap .sw_tabcont .items_con{position:relative;} .account .items_tab_wrap .sw_tabcont .items_con{min-height:0; height:0; opacity:0;} .account .items_tab_wrap .sw_tabcont .items_con.on{min-height:187px; height:auto; opacity:1;} .account .items_tab_wrap .items_con{/* position:absolute; */ width:100%; min-height:207px; padding:0; background-color:#fff;} .account .items_tab_wrap .items_con .p1_m_lt_1ln{min-height:44px;} .account .items_tab_wrap .items_con .p1_m_lt_1ln + .wrap_tooltip{margin-top:8px;} .account .items_tab_wrap .items_con .wrap_tooltip{vertical-align:top;} .account .items_tab_wrap .items_con .dan{position:absolute; bottom:0;} .account .items_tab_wrap .items_con .dan .icon{vertical-align:top;} .account .items_tab_wrap .items_con .dan .icon + [class*="_mt4"]{margin-top:8px;} .account .items_tab_wrap .items_con .wrap_tooltip .ico_tip.w16{height:20px; opacity:0.64; margin-right:4px; background:url(/docfiles/resources/pc/images/common/icon/w16/ico_tip.png) no-repeat 50% 50%;} .account .items_tab_wrap .items_con .wrap_tooltip .box_tooltip{width:272px;} .tbl_row {border-top:2px solid #000; border-collapse:separate} .tbl_row th, .tbl_row td {border-bottom:1px solid #ebebeb; text-align:left; vertical-align:top;} .tbl_row thead th {padding:21px 24px} .tbl_row tbody th {padding:19px 24px} .tbl_row tbody td {padding:18px 24px} /* 2021-07-06 Q10112 : 내용없을떄 추가 , 2021-07-07 여백수정 */ .tbl_row .list_none td{padding:149px 0 92px;} .tbl_row .list_none.type02 td {padding:149px 0;} /* 2021-07-28 Q10086: 여백 149px 타입 추가 */ /* 2021-10-21 더보기 타입추가 */ .tbl_row tbody td.btn_more{padding:0 !important;} .tbl_row .box_btn.more{padding-top:30px;} .tbl_row + .box_btn.more{margin-top:20px;} /* bul_ , dash_ 링크 정렬 */ [class^="bul_"] [class^="textbico"], [class^="bul_"] [class^="textbico"], [class^="dash_"] [class^="textbico"], [class^="dash_"] [class^="textbico"], [class^="bul_"] [class^="textbico"] > span, [class^="bul_"] [class^="textbico"] > strong, [class^="dash_"] [class^="textbico"] > span, [class^="dash_"] [class^="textbico"] > strong{vertical-align:middle;} /*progress bar*/ .account .tip{position:absolute;right:31px;top:-15px;background:#000;color:#fff;font-size:14px;line-height:20px;border-radius:8px;padding:5px 8px 7px;} .account .tip::before{content:''; position:absolute; right:10px; bottom:-3px; width:7px; height:7px; border-radius:2px; background-color:#000; transform:rotate(45deg);} /* 2021-07-29 Q10112 : 화살표추가 */ .box_btn.type1{display:flex;justify-content:center;} .box_btn.type1 a{margin:0 12px;display:flex;width:248px;height:248px;color:#5c5c5c;border-radius:16px;border:1px solid #ebebeb;background:#fff;flex-direction:column;justify-content:center;align-items:center;box-shadow:0px 4px 12px rgb(0 0 0 / 8%);} .box_btn.type1 a.disabled , .box_btn.type1 a.disabled:hover , .box_btn.type1 a.disabled:active{cursor:none;border:none;} .box_btn.type1 a strong{display:block; margin-bottom:11px; color:#000;} .box_btn.type1 a:hover{border:2px solid #000} /* 실적 충족 조회 */ .account .items_prog{position:relative;margin-top:60px;width:100%; padding:0 0 4px 0;} .account .items_prog .price{position:absolute;top:-40px; box-shadow:0 2px 4px 0 rgba(0,0,0,0.16); border-radius:8px;padding:0 8px;opacity:0;right:0; word-break:keep-all;} .account .items_prog .price .won{font-weight:400; font-size:14px; line-height:20px;} .account .items_prog .price.max{right:2px !important;} .account .items_prog .price.min{left:0;right:unset !important} .account .items_prog .price span{position:relative;background:#fff;display:block;padding:5px 0 3px;text-align:center;} .account .items_prog .price:before{content:'';position:absolute;width:8px;height:8px;display:inline-block;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / 16%);transform:rotate(-45deg);left:calc(50% - 4px);bottom:-2px;} /* .account .items_prog .price:before{content:'';position:absolute;width:8px;height:8px;transform:rotate(-45deg);left:calc(50% - 5px);bottom:-3px; z-index:1; background-color:#fff; box-shadow:0 1px 3px rgb(0 0 0 / 16%); border-radius:2px;} /* 2021-11-18 텍스트 왼쪽정렬, 블릿 왼쪽정렬변경 */ .account .items_prog .prog_bar{position:relative;display:flex;width:100%;height:16px;align-items:center;} .account .items_prog .prog_bar:before{content:'';display:block;width:100%;height:8px;border-radius:20px;background:#e0e0e0} .account .items_prog .bar{display:block;background:linear-gradient(90deg , rgb(253,130,4) , rgb(255,0,0));height:8px;width:0;border-radius:20px;position:absolute;left:0;top:4px;} .account .items_prog .bar.active{background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,112,240))} .account .items_prog .prog_txt{display:flex;justify-content:space-between;width:100%; height:32px; margin-top:3px;} .account .items_prog .prog_txt p{position:relative;display:flex;justify-content:center;color:#5c5c5c; /* margin-left:-12px !important; */} /* 2021-11-18 텍스트 왼쪽정렬, 블릿 왼쪽정렬변경 */ .account .items_prog .prog_txt p:first-child{margin-left:0 !important;} .account .items_prog .prog_txt p.last{position:relative !important;left:0 !important; margin-left:0 !important;} .account #benefitArea .items_prog .prog_txt p.last{position:absolute !important;left:auto !important; right:0; text-align:right;} /* 2024-08-19 GGU282 - 추가 */ .account .items_prog .prog_txt p.current:before{border-color:#0070f0} .account .items_prog .prog_txt p:before {content:'';position:absolute; top:-20px; left:0; display:block;width:16px;height:16px;border:4px solid #e0e0e0;border-radius:100%;background:#fff} /* 2021-11-18 텍스트 왼쪽정렬, 블릿 왼쪽정렬변경 */ .account .items_prog .prog_txt.fail p:first-child:before{display:none;border-color:#ff0000;left:0;} .account .items_prog .prog_txt p:last-child:before{display:none; right:0;} .account .items_prog .prog_txt p:nth-child(1):before{display:none;} /*명세서 팝업*/ .layerPop{position:fixed;left:0;width:100%;height:100%;top:0;z-index:999;} .layerPop:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.8);position: absolute;left:0;top:0;display:block;} .pop-content{position:absolute;width:360px;background:#fff;border-radius:8px;text-align:center;margin:0 auto;overflow:hidden;} .pop-in{padding:28px 24px;} .pop-in p{margin-top:8px;} .pop_link{background:#fff;position:relative;} .pop_link.clearfix *{width:50%;float:right;} .pop_link.clearfix:before{position:absolute;left:50%;bottom:0;content:'';background:#e8e8e8;width:1px;height:100%;} .pop_link a , .pop_link button{cursor:pointer;border-top:1px solid #e0e0e0;padding:18px 0 16px;background:none;display:block;width:100%;text-align:center;font-size:16px;line-height:22px;font-weight:700;} .items .box_btn > p{display:inline-block;} .items .box_btn > p + p{margin-left:8px;} .chk_list{padding:20px 0 40px;} .chk_list li a{display:block;padding:21px 40px 19px;} .chk_list li a strong{display:block;margin-bottom:4px;} .chk_list li a:hover , .chk_list input:checked + label{background:#e8e8e8} .chk_list input + label{display:block;cursor:pointer;padding:19px 40px;} /* 2022-02-03 페이지 없음으로 주석 처리함 .layer_wrap.h420{max-height:420px;} .layer_wrap.h420 .layer_body{padding:0} .layer_wrap.h420 .layer_body h2{padding:52px 40px 0} */ /* 이용대금명세서 */ .box_account_apply01 {width:792px; margin:0 auto;} .box_top_tit + [class^='box_account'], .box_top_tit + .box_account, .box_top_tit + div > .box_account{margin-top:52px;} /* cms 분리로 안먹는 현상수정 */ .box_top_tit + .box_account04 {margin-top:27px;} /* picker */ [class^="box_picker"] {border:1px solid #000; border-radius:8px;} .box_picker01 {width:384px; padding:16px 24px 17px;} .box_picker02 {width:334px; padding:24px 24px 11px;} .dl_picker01 {width:100%; text-align:left;} .dl_picker01 + .dl_picker01 {border-top:1px solid #e0e0e0;} .dl_picker01:after {content:''; display:block; clear:both;} .dl_picker01 > dt {float:left; width:85px; padding:15px 0; font-size:20px; line-height:26px; font-weight:700; color:#000; text-align:left;} .dl_picker01 > dd {float:left; width:calc(100% - 85px);} .dl_picker01 > dd > ul > li {display:inline-block; position:relative; width:100%; height:56px;} .dl_picker01 > dd > ul > li + li {margin-top:1px;} .dl_picker01 > dd > ul > li + li:before {content:''; display:inline-block; position:absolute; top:-1px; left:0; width:100%; height:1px; background-color:#f5f5f5;} .dl_picker01 > dd > ul > li span {display:inline-block;} .dl_picker01 > dd > ul > li .txt01 {display:none;} .dl_picker01 > dd > ul > li .txt01, .dl_picker01 > dd > ul > li .txt02 {margin-left:4px;} .dl_picker01 > dd > ul > li a {display:inline-block; width:100%; height:100%; padding:15px 40px 15px 0; font-size:20px; line-height:26px; font-weight:500; color:#000; vertical-align:top;} .box_datepicker01 + .dl_picker01 {margin-top:26px;} /* 이용대금명세서-상단영역 */ .box_account_spec01 {padding:31px 0 31px; border-top:2px solid #000; border-bottom:1px solid #ccc;} .box_account_spec01 .box_top_spec01{min-height:134px;} /* 2021-07-27 Q10112 : 최소값추가 */ .box_account_spec01 .box_top_spec01 {display:inline-block; width:100%;} .box_account_spec01 .box_top_spec01 .today{display:inline-block;} .box_account_spec01 .box_top_spec01 .today + .box_select.type2{display:inline-block; width:auto; padding-left:10px; font-size:0;} .box_account_spec01 .box_top_spec01 .today + .box_select.type2:before{content:''; position:absolute; top:13px; left:3px; width:2px; height:2px; background-color:rgba(0,0,0,0.4);} .box_account_spec01 .box_top_spec01 .today + .box_won01, .box_account_spec01 .box_top_spec01 .box_select.type2 + .box_won01{margin-top:8px;} .box_account_spec01 .box_top_spec01 .today[style*="none"] + .box_select.type2{padding-left:0;} .box_account_spec01 .box_top_spec01 .today[style*="none"] + .box_select.type2:before{display:none;} .box_account_spec01 .box_top_spec01 .box_select.type2 .drop_link a .h4_m_lt{font-weight:700;} .box_account_spec01 .pay_h0yu {display:inline-block; /* margin-top:4px; */} .box_account_spec01 .pay_h0yu > .txt {margin-left:4px; font-size:28px; line-height:36px;} .box_account_spec01 .pay_h0yu > .txt .textbico_mide_blk {display:inline; vertical-align:inherit;} .box_account_spec01 .lab_mlink {margin:24px 0 0 4px; vertical-align:inherit;} .box_account_spec01 .list01{margin-bottom:21px;} .box_account_spec01 .list01 > li + li {margin-top:2px;} .box_account_spec01 .list01 > li > span {display:inline-block;} .box_account_spec01 .list01 > li > span:first-child {width:85px; margin-right:12px;} .box_account_spec01 .box_won01 + .list01 {margin-top:16px;} .box_account_spec01 .p1_m_lt_1ln + .list01 {margin-top:23px;} .box_account_spec01 .box_top_spec01 > .fl [style*="none"] + .list01{margin-top:16px;} .box_account_spec01 .box_btn + .list01 {margin-top:23px;} .box_account_spec01 .box_won01 + .box_btn {margin-top:14px;} .box_account_spec01 .box_btn + .p1_m_lt_1ln {margin-top:13px;} .box_account_spec01 .list02 {text-align:right;} .box_account_spec01 .list02 > li {display:inline-block;} .box_account_spec01 .list02 > li + li {margin-left:8px;} .box_account_spec01 .list02 + .box_btn {margin-top:50px;} .box_account_spec01 .list02 .ico.w32.ico_paperDown, .box_account_spec01 .list02 .ico.w32.ico_print, .box_account_spec01 .list02 .ico.w32.ico_sms{width:48px; height:48px; border-radius:100%;} .box_account_spec01 .list02 .ico.w32.ico_paperDown:hover, .box_account_spec01 .list02 .ico.w32.ico_print:hover, .box_account_spec01 .list02 .ico.w32.ico_sms:hover{background-color:#ebebeb;} .box_account_spec01 .box_btn > a + a {margin-left:4px;} .box_account_spec01 .not_yet {font-size:0} .box_account_spec01 .not_yet > * {vertical-align:middle;} .box_account_spec01 .not_yet .sd_m_alert {margin-left:6px;} .box_account_spec01 .guide_ny {margin-bottom:54px} .box_account_spec01 .guide_ny .ico_alert {vertical-align:text-bottom; margin-right:4px;} .box_account_spec01 .btn_pos{position:absolute; top:-6px; right:0;} /* 2021-06-21 Q10112 : style 추가 */ .box_account_spec01 .btn_pos.bot{top:auto; bottom:0;} /* 2021-06-21 Q10112 : style 추가 */ .box_mid_spec01 {position:relative;} .box_mid_spec01:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#ccc;} .box_mid_spec01 .bot_tit01:after {content:''; display:block; clear:both;} .box_mid_spec01 > .fl {position:relative; width:50%; padding:52px 80px 160px 0;} .box_mid_spec01 > .fr {position:relative; width:50%; padding:52px 0 160px 80px;} .box_mid_spec01 .cel_list .cel_list_info .fl .divr_dot{max-width:360px;} .box_mid_spec01 .list_category01 + div + .box_btn{margin-top:12px;} /* 개발페이지 유형 추가 */ .box_mid_spec01 .list_category01 + div + .box_btn[style*="none"] + .cel_total {margin-top:18px;} /* 개발페이지 유형 추가 */ .box_mid_spec01 .list_category01 + div + .box_btn[style*="none"] + .cel_total .box_info01{padding-top:16px; border-top:1px solid #ebebeb;} .box_mid_spec01 .list_category01 > li + li:before{top:21px;} /* 2021-11-17 Q10112 : 개발자 유현부장님 요청건 추가 */ .box_mid_spec01 .middot{position:relative; display:inline-block; width:10px; height:20px; vertical-align:middle;} .box_mid_spec01 .middot:before{content:''; display:inline-block; position:absolute; top:50%; left:50%; width:2px; height:2px; margin:-1px 0 0 -1px; background-color:#e0e0e0;} /* 맨처음 div display:none 될때 */ .box_mid_spec01 > .fl > .box_pay_summary:first-child, .box_mid_spec01 > .fr > .box_pay_summary:first-child{margin-top:0; padding-top:0; border-top:none;} .box_mid_spec01 > .fr .box_account_grp01[style*="none"] + .box_pay_summary, .box_mid_spec01 .box_pay_summary.first{margin-top:0; padding-top:0; border-top:none;} /* 이용대금명세서-이용내역 */ /* 옵션 */ .box_sorting01 {position:relative; margin:-10px -8px 0 0;} .box_sorting01 .btn01 {display:inline-block; position:relative; width:48px; height:48px; background:#fff url(/docfiles/resources/pc/images/common/icon/w32/ico_sorting.png) no-repeat 50% 50%; background-size:32px 32px; border-radius:24px; border:1px solid #858585;} .box_sorting01 .btn01.on {background-color:#ebebeb; border-color:#ebebeb;} .box_sorting01 .list_sel_inp + .box_btn {margin-top:32px;} .list_sorting01 {position:absolute; top:12px; left:100%; z-index:2; width:396px; margin-left:8px; padding:23px; background-color:#fff; border:1px solid #000; border-radius:8px; box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);} .list_sorting01 div:first-child + .box_title01, .list_sorting01 .box_select + .box_title01 {margin-top:32px;} .list_sorting01 .box_title01 [class^="p1"]{padding:9px 0;} .list_sorting01 .drop_link {border-width:2px;} .list_sorting01 .drop_link a {font-weight:700;} .list_sorting01 .box_select{font-size:0;} .list_sorting01 .box_select .select_down {height:300px;} /* list_sel_inp 재정렬 */ .list_sorting01 .list_sel_inp.h48{margin-top:0; margin-right:0; margin-left:0;} .list_sorting01 .list_sel_inp.h48 + .box_title01{margin-top:32px;} .list_sorting01 .list_sel_inp.h48 > li{margin:0 4px 0 0;} .list_sorting01 .list_sel_inp.h48 > li:last-child{margin-right:0;} .list_sorting01 .list_sel_inp > li.w113:nth-child(3){margin-right:0;} .list_sorting01 .select_wrap .btn_select{font-weight:700;} /* 보유카드전체 디폴트 선택으로 볼드처리함 */ /* 그래프 부분 */ .cel_grp {padding:5px 0 3px;} .cel_grp .p2_m_lt_1ln {min-width:50px;} .cel_grp [class*="sd_m_"] {display:inline-block; position:relative; width:100%; height:8px; margin-top:6px; border-radius:16px; vertical-align:top;} .cel_grp + .cel_list04 {margin-top:20px;} .cel_grp + .box_btn {margin-top:28px;} /* 2021-11-22 Q10112 : 정기결제 그래프영역 */ .box_pay_summary .cel_list04 + .cel_grp{margin-top:8px;} .box_pay_summary .cel_total02 + div + .box_btn{margin-top:28px;} /* 이용대금명세서-카드 이용분석 */ .box_account_grp01 .p2_m_lt_1ln {margin-top:15px;} .box_account_grp01 .box_btn {margin-top:25px;} .list_account_grp01 {width:100%; height:136px; padding:27px 34px 0;} .list_account_grp01 a:focus .linear_vertical > i {outline:3px solid #000;} .list_account_grp01 > li {position:relative; float:left; min-width:64px; height:100%;} .list_account_grp01 > li:hover .linear_vertical .p2_m_ctr_1ln{display:block; z-index:1;} /* 2021-08-10 Q10112 : 마우스 오버시 금액노출 추가 */ .list_account_grp01 > li + li {margin-left:30px;} .list_account_grp01 > li .p3_m_ctr_1ln {position:absolute; bottom:0; left:0; right:0; width:100%;} .list_account_grp01 .linear_vertical {position:absolute; bottom:22px; left:0; right:0; width:100%;} .list_account_grp01 .linear_vertical > i {display:block; position:relative; overflow:hidden; width:100%; background-color:#ebebeb; border-radius:4px;} .list_account_grp01 .linear_vertical .p2_m_ctr_1ln {display:none; position:absolute; top:-38px; left:-15px; right:0; width:calc(100% + 30px); padding:5px 0 6px; background-color:#fff; border-radius:8px; box-shadow:0px 2px 4px 0 rgba(0,0,0,0.16);} /* 2021-08-10 Q10112 : 마우스 오버시 금액노출 수정 */ .list_account_grp01 .linear_vertical .p2_m_ctr_1ln:before{content:''; position:absolute; left:50%; bottom:-2px; width:8px; height:8px; margin-left:-4px; background-color:#fff; transform:rotate(45deg); border-radius:2px;} /* 2021-08-10 Q10112 : 디자인누락추가 */ .list_account_grp01 .month .linear_vertical > i {background-image:linear-gradient(#0070f0, #00c9ff); background-image:-ms-linear-gradient(#0070f0, #00c9ff);} /* Q10112 2021-07-13 : ie 적용되게 css 수정 */ .list_account_grp01 .month .linear_vertical .p2_m_ctr_1ln{display:block;} /* 2021-08-10 Q10112 : 마우스 오버시 금액노출 추가 */ .list_account_grp01 .month .p3_m_ctr_1ln {color:#000;} /* 이용대금명세서-결제요약정보 */ .box_pay_summary {margin-top:65px; padding-top:18px; border-top:1px solid #000;} .box_pay_summary .divr_line {margin-top:8px; padding-top:8px;} .box_pay_summary .cel_list05 + .divr_line {margin-top:24px; padding-top:26px;} .box_pay_summary .cel_list + .divr_dot, .box_pay_summary .cel_list_info > .bul_list02 {margin-top:9px;} .box_pay_summary .cel_list_info > .box_table {margin-top:12px;} .box_pay_summary .cel_list_info + .cel_list_info > .box_table {margin-top:24px;} .box_pay_summary .cel_list05 + .box_btn, .box_pay_summary .box_tit + div + .box_btn {margin-top:16px;} /* 2021-11-22 Q10112 : 개발서버 새로운 타입적용 */ .box_pay_summary .divr_line + .divr_dot {margin-top:21px;} .box_pay_summary .box_tit + .box_btn {margin-top:29px;} .box_pay_summary .box_tit + .cel_list05, .box_pay_summary .box_tit + .cel_total02, .box_pay_summary .box_tit + .accodSlide {margin-top:22px;} .box_pay_summary .box_tit + div, /* 개발페이지 여백 깨짐현상 추가 */ .box_pay_summary .box_tit + .cel_list02, .box_pay_summary .box_table + .box_table, .box_pay_summary .box_tit .h3_b_lt + .p1_m_lt_1ln {margin-top:24px;} .box_pay_summary .accodBtn {display:inline-block; width:100%; height:100%; padding-right:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat 100% 50%; background-size:32px 32px;} .box_pay_summary.on .accodBtn {background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);} .box_pay_summary .accodSlide {display:none;} .box_pay_summary .btn_link {display:inline-block; width:100%; height:100%; padding-right:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:32px 32px;} /* 2021-06-21 Q10112 이용대금명세서 - 명세서별 결제금액 추가 */ .box_pay_summary .box_tit + .cel_list{margin-top:16px;} .box_pay_summary .cel_list{padding:12px 0;} .box_pay_summary a.cel_list{display:block;} .box_pay_summary .cel_list .cel_list_top [class*="h4_b"]{font-weight:700; font-size:20px; line-height:24px;} .box_pay_summary [class*="cel_list"] .cel_list_info + .cel_list_info02{margin-top:18px;} .box_pay_summary .box_round4 {border-radius:8px;} .box_pay_summary .box_round4 .divr_col > .divr_txt{margin-right:12px; padding-right:13px;} /* 2021-10-26 Q10337 이용대금 명세서 득별적립 노출 case 추가에 따른 간격 */ .box_pay_summary .cel_list05 .mt4 {margin-top:4px} .box_pay_summary .tbl01 .pl30{padding-left:30px;} /* 즉시결제 */ .list_sel_inp + .box_account_info01 {margin-top:54px;} .box_bul + .box_use01 {margin-top:52px;} /* 2021-07-19 Q10086: 즉시결제 명세서 팝업 css추가 */ .chk_statement .box_chk01 label:hover {background-color: #e8e8e8;} .chk_statement label .chk_txt > p {margin-top: 4px;} .chk_statement input + label {display: flex; align-items: center; padding: 20px 0;} .chk_statement input:focus + label {outline:2px solid #000;} .chk_statement input + label:after {content:''; display: block; width:32px; height:32px; margin-left: auto; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;} .chk_statement input:checked + label:after {opacity: 1;} .modal_statement .box_content {padding: 0 0 40px;} /* [조회할 대상] 팝업(즉시결제 프로세스 개선) // 2025-02-19 GGU477 추가 */ .chk_statement.type2 li + li {border-top: 1px solid rgba(0,0,0,.08);} .chk_statement.type2 input + label {padding: 15px 0;} .chk_statement.type2 label .chk_txt > p {color: rgba(0,0,0,.48);} /* 이용한도조회변경 */ .list_chkrdo01 + .box_account_usage01 {margin-top:32px;} .box_account_usage01 {padding:39px 0 43px; border-top:2px solid #000; border-bottom:1px solid #ccc;} .box_account_usage01 .h4_b_lt + .pay_h0yu {margin-top:3px;} .box_account_usage01 .pay_h0yu .won {line-height:62px;} .box_account_usage01 .pay_h0yu .txt {margin-left:2px; font-size:40px;} .box_account_usage01 .pay_h0yu + .p2_m_lt_1ln {margin-top:18px;} .box_account_usage01 .p2_m_lt_1ln + .p2_m_lt_1ln {margin-top:2px;} .box_account_usage01 .fr .p2_m_rt_1ln {padding-left:20px; background:url(/docfiles/resources/pc/images/common/icon/w16/ico_alert.png) no-repeat 0 3px; background-size:16px 16px;} .box_mid_usage01 {position:relative;} .box_mid_usage01:before {content:''; position:absolute; top:0; left:816px; width:1px; height:100%; background-color:#ccc;} .box_mid_usage01 .bot_tit01:after {content:''; display:block; clear:both;} /* 상향가능있을때 케이스 추가 */ .box_mid_usage01 > .fl {position:relative; width:816px; padding:36px 48px 160px 0;} .box_mid_usage01 > .fr {position:relative; width:383px; padding:36px 0 160px 43px;} .box_mid_usage01.up > .fl, .box_mid_usage01.up > .fr{padding-top:64px;} .box_account_usage02 {position:relative;} .box_account_usage02 > .fl {position:relative; width:340px;} .box_account_usage02 > .fl + .fl {margin-left:88px;} .box_info_usage01 {position:relative; min-height:113px;} .box_info_usage01 .h3_b_lt + .pay_h4 {margin-top:8px;} .box_info_usage01 .pay_h4 .won{font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, 'Spoqa Han Sans Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif;} .box_info_usage01 .pay_h4 + .p2_m_lt_1ln {margin-top:5px;} .box_info_usage01 .box_btn {position:absolute; top:0; right:0; z-index:2;} .box_info_usage01 .box_btn a span {padding:0 8px;} .box_info_usage01 .h4_b_lt + .p2_m_lt_1ln {margin-top:16px;} .box_info_usage01 .list_info01 {margin-top:16px;} .box_info_usage01 .list_info01 > li:after {content:''; display:block; clear:both;} .box_info_usage01 .list_info01 > li + li {margin-top:4px;} .box_info_usage01.divr_line {margin-top:35px; padding-top:36px;} .box_info_usage01.divr_line .box_btn {top:36px;} .box_info_usage01 .lab_m {position:absolute; top:-32px; left:0; z-index:2;} .box_info_usage02 .bar01 {position:relative; width:100%; height:8px; margin-top:7px; background-color:#e0e0e0; border-radius:16px; vertical-align:top;} .box_info_usage02 .bar01 [class*="sd_m_"] {display:inline-block; position:relative; width:100%; height:8px; background-color:#000; border-radius:16px; vertical-align:top;} .box_account_usage02 [class*="textbico_"] {margin-top:11px; color:#00a3b8;} .box_account_usage02 + .box_account_usage03 {margin-top:80px;} .box_account_usage03 .box_tit01 + .box_select_input {margin-top:55px;} .box_account_usage03 .box_input01 + .h4_b_lt {margin-top:59px;} .box_account_usage03 .h4_b_lt + .box_input01 {margin-top:15px;} .box_account_usage03 .box_select_input + .box_btn {margin-top:80px;} .box_account_usage03 .box_btn + .box_bul {margin-top:120px;} .box_account_usage03.type01 {padding-top:36px;border-top: 2px solid #000;}/*2021-07-30 GGCZ06 추가*/ .box_info_usage01 + .list_account_banner01 {margin-top:79px;} .list_account_banner01 > li {position:relative; background-color:#ebebeb; border-radius:8px;} .list_account_banner01 > li + li {margin-top:16px;} .list_account_banner01 > li .btn_inblock {padding:20px 73px 20px 24px;} .list_account_banner01 > li a.btn_inblock{position:relative;} .list_account_banner01 > li a.btn_inblock:before{content:''; position:absolute; top:50%; right:12px; width:32px; height:32px; margin-top:-16px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 50% 50%; background-size:32px 32px;} .list_account_banner01 > li .p1_b_lt_1ln {margin-top:2px;} .list_account_banner01 > li .box_btn {position:absolute; top:50%; right:16px; margin-top:-20px; z-index:2;} .list_account_banner01 > li .box_btn [class^="btn"]{width:57px;} /* 카드 이용내역 */ .box_card_usage01 {position:relative; border-top:2px solid #000; /* border-bottom:1px solid #ccc; */} /* 2021-11-15 : 라인삭제요청건 */ .box_card_usage01:before {content:''; position:absolute; top:0; left:408px; width:1px; height:100%; background-color:#ccc;} .box_card_usage01 > .fl {width:408px; padding:44px 60px 160px 0;} .box_card_usage01 > .fr {width:791px; padding:36px 0 160px 79px;} .box_card_usage01 .box_select .drop_link a {font-weight:700;} .box_card_usage01 .cel_total + .cel_list {padding-top:20px; } .box_card_usage01 .list02 {margin-top:10px; text-align:right;} .box_card_usage01 .list02 > li {display:inline-block;} .box_card_usage01 .list02 > li + li {margin-left:20px;} .box_card_usage01 .box_top_category + .cel_total {margin-top:0; border-bottom:1px solid #ebebeb;} .box_card_usage01 .box_select + .box_title01 {margin-top:42px;} .box_card_usage01 .box_datepicker01:after {content:''; display:block; clear:both} .box_card_usage01 .box_datepicker01 .all_calendar .direct_cld label.end_date input[type=text]{width:230px;} .box_card_usage01 .list_sel_inp + .box_datepicker01 {margin-top:4px} .box_card_usage01 .box_datepicker01 + .box_title01 {margin-top:42px} .box_card_usage01 .banner_bottom {display:block;padding:20px 12px 20px 24px; border-radius:8px; background:#ebebeb url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) calc(100% - 12px) 50% no-repeat; background-size:32px auto;} /* 2021-07-16 Q10086: 카드 이용내역 팝업 css 추가 */ .modal_card_use .box_bul .bul_list02 li {line-height: 22px;} .modal_card_use .co_tbl_info_article.type01 .grp_title, .modal_card_use .co_tbl_info_article.type01 .grp_cont {padding: 21px 24px 20px;} .modal_card_use .co_tbl_info_article .grp_cont ul li, .modal_card_use .sub_accod > .accodWrap .accodSlide ul li {line-height: 26px;} .modal_card_use .sub_accod > .accodWrap dt .accodBtn {padding: 16px 0 34px;} .modal_card_use .sub_accod > .accodWrap {border-top: 1px solid #000;} .modal_card_use .sub_accod > .accodWrap:nth-child(n+2) {margin-top: 57px;} .modal_card_use .sub_accod > .accodWrap > .accodSlide {padding: 21px 0;} .modal_card_use .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .grp_title {padding-left: 24px;} .modal_card_use .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp {padding: 21px 0;} .modal_card_use .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp:first-child {padding-top: 0;} .modal_card_use .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp:last-child {padding-bottom: 0;} .modal_card_use .sub_accod > .accodWrap .accodSlide .co_tbl_info_section .box_grp {border-bottom: 1px solid #ebebeb;} /* 이용내역 없을때 */ .box_account_comp01 {padding:64px 0 60px; text-align:center;} .box_account_comp01 .h1_m_ctr {margin-top:34px;} .box_account_comp01 .p1_m_ctr_1ln {margin-top:11px;} .box_account_comp01 .textbico_small_link {margin-top:33px;} /* 금융 이용내역 */ .box_finance_list01 {position:relative; border-top:2px solid #000; /* border-bottom:1px solid #ccc; */} /* 2021-11-10 Q10112 : 금융이용내역 하단 라인 삭제 */ .box_finance_list01:before {content:''; position:absolute; top:0; left:408px; width:1px; height:100%; background-color:#ccc;} .box_finance_list01 > .fl {width:408px; padding:50px 60px 160px 0;} .box_finance_list01 > .fr {width:791px; padding:54px 0 160px 79px;} .box_finance_list01 .h2_b_lt + .box_banner01 {margin-top:42px;} .box_banner01 {position:relative; padding:14px 28px 12px 20px; background-color:#ebebeb; border-radius:8px;} .box_banner01 + .box_banner01 {margin-top:16px;} .box_banner_finance01:before{content:'';position:absolute; top:50%; right:28px; width:48px; height:40px; margin-top:-20px; background:#ebebeb url(/docfiles/resources/pc/images/account/banner/img_finance_money.png) no-repeat 0 0; background-size:48px 40px;} /* 20201-11-25 Q10112 : ie깨짐현상수정 */ .box_finance_usage02 .h3_b_lt .btn_inblock {background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:32px 32px;} .box_finance_usage02 .h3_b_lt + .p1_m_lt_1ln {margin-top:8px;} .box_finance_usage02 .h3_b_lt + .cel_list06, .box_finance_usage02 .p1_m_lt_1ln + .cel_list06 {margin-top:12px;} .box_finance_usage02 + .box_finance_usage02 {margin-top:64px; padding-top:20px; border-top:1px solid #000;} .box_finance_usage02 .divr_line {margin-top:9px; padding-top:14px;} .box_finance_usage02 .divr_line .textbico_small_blk + .textbico_small_blk {margin-left:14px;} /* 2024-04-09 GGU282 - 금융 이용내역 > 카드론 내 대출 기간 변경 버튼 및 툴팁 추가 */ .box_finance_usage02 .divr_line .tip_wrap + .textbico_small_blk {margin-left:14px;} .tip_wrap {position:relative; display:inline-block;} .tip_wrap .tip {position:absolute;right:0;top:-40px;background:#000;color:#fff;font-size:14px;line-height:20px;border-radius:8px;padding:5px 8px 7px;white-space:nowrap;} .tip_wrap .tip::before {content:''; position:absolute; right:18px; bottom:-3px; width:7px; height:7px; border-radius:2px; background-color:#000; transform:rotate(45deg);} /* 내카드목록 */ /* 2021-07-12 : 소스 수정 */ .box_card_list01 {position:relative; border-top:2px solid #000;} .box_card_list01:before {content:''; position:absolute; top:0; left:408px; width:1px; height:100%; background-color:#ccc;} .box_card_list01 > .fl {width:408px; padding:0 0 160px 0;} .box_card_list01 > .fr {width:791px; padding:36px 0 160px 79px;} .box_card_list01 > .fr.eventright{left:50%;} /* 2021-12-02 Q10112 스크롤기능 css 추가 */ .list_my_card01 > li {position:relative; border-bottom:1px solid #fff; } .list_my_card01 > li:not(:first-of-type) {border-top:1px solid #fff} .list_my_card01 > li.on {border-bottom:1px solid #ccc;} .list_my_card01 > li.on:not(:first-of-type) {border-top:1px solid #ccc} .list_my_card01 > li.on::before {content:''; position:absolute; top:0; right:-1px; z-index:2; width:1px; height:100%; background-color:#fff;} .list_my_card01 > li.on:after{content:''; position:absolute; top:50%; right:24px; z-index:-1; width:32px; height:32px; margin-top:-16px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_down.png) no-repeat 50%/32px; transform:rotate(-90deg);} .list_my_card01 > li [class*="cel_"][class*="_cardP56"] .img{height:96px; width:61px; margin-right: 19px;} /* 2023-02-02 GGCP31 우측 높이만큼 카드이미지 높이 키우기 88->96 */ /* 2025-07-02 Q11924 높이키운만큼 너비확보 */ .list_my_card01 > li .btn_inblock{padding-right:72px;} /* 2021-11-10 Q10112 : 내카드목록 여백추가 */ /* 블릿 위치변경 */ .list_my_card01 .p2_m_lt_1ln span + span{position:relative; padding-left:10px;} .list_my_card01 .p2_m_lt_1ln span + span:before{content:''; display:inline-block; position:absolute; top:9px; left:3px; width:2px; height:2px; background-color:#e0e0e0;} .sub_mycardlist .list_my_card01 .cel_cardP56 .h4_m_lt + .p2_m_lt_1ln {margin-top:2px;} .sub_mycardlist .list_my_card01 .cel_cardP56 .divr_txt { color:#949494;} .list_my_card01 + .box_banner01 {margin-top:44px; margin-right:60px;} .box_card_setting01 + .box_card_setting01 {margin-top:64px;} .box_card_setting01 > .box_tit {padding:18px 0 14px;} .box_card_setting01 > .box_tit + .cel_list07 {margin-top:8px;} .box_card_setting01 > .cel_list07 .p1_m_lt_1ln {padding:6px 0 4px;} .box_card_setting01 > .cel_list07 .btn_inblock.textbico_large_blk {width:32px; height:32px;} .box_card_setting01 > .cel_list07 .box_btn .p1_b_1ln {display:inline-block; vertical-align:middle;} .box_card_setting01 > .cel_list07 .box_btn a span {padding:0 8px;} .box_card_setting01 > .cel_list07 .box_btn .p1_b_1ln + a {margin-left:30px;} /* 전체링크타입추가 */ .box_card_setting01 > a.cel_list07{display:block; padding-right:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:32px 32px;} .box_card_setting01 > a.cel_list07 [class^="p1"][class*="1ln"]{display:inline-block;} /* 2022-12-19 Q10941 신용카드 설명서 다운로드 아이콘 가운데 맞춤 */ .box_card_setting01 .cel_list07 a.ico_download {position: absolute; right: 24px; top: 50%; transform: translateY(-50%);} /* 내카드목록 PCACC018600 팝업 최소 사이즈 수정 */ .sub_mycardlist .modal_pop.respond .layer_wrap{min-height:304px;} /* 분할납부 */ .list_chkrdo01 + .box_title01 {margin-top:58px;} .box_title01 + .box_intall_pay01, .box_title01 + form .box_intall_pay01 {margin-top:18px;} .box_intall_pay01 {border-top:2px solid #000;} .box_intall_pay01 + .box_intall_pay01{border-top:none;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */ .box_intall_pay01 .box_info {padding:37px 0 40px;} .box_intall_pay01 .box_info:after {content:''; display:block; clear:both;} .box_intall_pay01 .box_info + .box_info {border-top:1px solid #ebebeb;} .box_intall_pay01 .box_tit + .box_info {margin-top:18px;} .box_intall_pay01 > .box_info + .acc_sum.type1 {padding-top:29px; border-top:1px solid #ebebeb;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */ .box_intall_pay01 .date01 {float:left; width:204px;} .box_intall_pay01 .option01 {float:left; width:792px;} .box_intall_pay01 .option01 .h4_b_lt + .divr_dot, .box_intall_pay01 .option01 .h4_b_lt + .p2_m_lt_1ln {margin-top:12px} .box_intall_pay01 .option01 .p2_m_lt_1ln + .divr_dot {margin-top:4px} .box_intall_pay01 .option01 .box_select {width:300px; margin-top:15px;} .box_intall_pay01 .option01 .box_select .drop_link {border-color:#ccc;} .box_intall_pay01 .option01 [class*="textbico"] {margin-top:11px} .box_intall_pay01 .option01 .divr_dot.fc_blk > .divr_txt{color:#000;} .box_intall_pay01 .box_item01 {margin-top:12px; padding:17px 20px 16px; background-color:#f5f5f5; border-radius:8px;} .box_intall_pay01 .box_item01.mt20{margin-top:20px;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */ .box_intall_pay01 .box_item01 .list01 > li {padding:10px 0 6px;} .box_intall_pay01 .box_item01 .list01 > li:after {content:''; display:block; clear:both;} .box_intall_pay01 .box_item01 .list01 > li > p {float:left;} .box_intall_pay01 .box_item01 .list01 > li > .p2_m_lt_1ln.fc_m_a64 {width:76px;} .box_intall_pay01 .box_item01 .list01 > li > .p2_m_rt_1ln {float:right;} .box_intall_pay01 .won01 {float:left; width:204px;} .box_intall_pay01 + .box_btn {margin-top:80px;} .box_intall_pay01 + .box_btn + .box_bul {margin-top:80px;} .box_intall_pay01 .box_info_date {padding:32px 0 62px; border-bottom:1px solid #ebebeb;} .box_intall_pay01 .box_info_date:after {content:''; display:block; clear:both;} .box_intall_pay01 .box_info_date .box_date01 {float:left;} .box_intall_pay01 .box_info_date .won01 {float:right;} .box_intall_pay01 .co_top_total01[style*="none"] + .no_data_box01{margin-top:20px;} /* 개발 내역없음 노출일때 케이스 추가 */ .box_account_case01 + .box_title01 {margin-top:66px;} .box_account_case01 + .box_btn {margin-top:80px;} .box_account_case01 {position:relative; overflow:hidden; padding:24px; border-radius:20px; text-align:center;} .box_account_case01:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f5f5f5;} .box_account_case01 > dl {display:flex; flex-direction:row; position:relative; z-index:2; padding:16px 16px 14px; text-align:left;} /*2021-07-02 Q10086: 디자인변경으로 css 수정*/ .box_account_case01 > dl > dt {width:164px; font-size:20px; line-height:26px; color:#5c5c5c;} .box_account_case01 > dl > dd {width:calc(100% - 164px); font-size:20px; line-height:26px; color:#000; font-weight:700;} .box_account_case01 .divr_line {width:486px; margin-top: 7px; margin-left: 180px; padding-top:17px;} /*2021-07-29 GGCZ06 css 수정*/ /* 2021-07-29 GGCZ06 */ .box_account_case01.type01 > dl > dt {width:266px;} .box_account_case01.type01 > dl > dd {width:calc(100% - 266px);} .box_account_case01.type01 .divr_line {width:384px; margin-left: 282px;} .box_account_case01 [class*="divr_line"]:before {background-color:#e0e0e0; opacity:1;} .box_account_case01 .list01 {margin-top:3px;} .box_account_case01 .list01 > li {padding:10px 0 5px;} .box_account_case01 .list01 > li:after {content:''; display:block; clear:both;} /* 신청,변경 완료 */ .box_account_comp02 .box_comp01 + .box_btn {margin-top:79px;} .box_account_comp02 .box_comp01 .h1_eb_ctr + .h4_b_ctr {margin-top:18px;} .box_com_result {width:792px; padding:24px; margin:52px auto 0; border-radius:8px; background-color:#f5f5f5;} .box_com_result table {width:100%; table-layout:auto;} .box_com_result table th {padding:15px 16px; white-space:nowrap} .box_com_result table td {padding:15px 16px 15px 4px} .wrap_com_result {width:792px; margin:80px auto 0;} .box_top_tit + .wrap_com_result{margin-top:52px;} .wrap_com_result .box_com_result {width:100%; margin:0;} .wrap_com_result [class^='h3_'] + .tbl_row, .wrap_com_result [class^='h3_'] + .box_com_result {margin-top:20px;} .wrap_com_result h4[class^="h4"]{margin-top:36px;} .wrap_com_result h4[class^="h4"]:first-child{margin-top:0;} .wrap_com_result h4[class^="h4"] + .box_com_result{margin-top:16px;} .box_com_result table th p.pb26 {padding-bottom: 26px;} .box_com_result .pay_date .h4_b_lt + .fc_m_link{display:inline-block; margin-left:8px; line-height:26px; vertical-align:top;} /* PCACC023000, PCACC023200, PCACC022600 예외처리 */ .box_com_result.align_center table{min-height:56px;} .box_com_result.align_center table tbody th, .box_com_result.align_center table tbody td{vertical-align:top;} .box_com_result.align_center table td [class^="h4"] + [class^="h4"]{margin-top:8px;} /* 선불카드 */ /* 충전,조회,환불 */ .sub_prepaid_card .tab_default {margin-bottom:56px;} .sub_prepaid_card .box_list_card .list_card {margin-top:20px; border-top:2px solid #000} .sub_prepaid_card .box_list_card .list_card .no_data{border-bottom:1px solid #ebebeb;} /* 2021-07-23 Q10112 : 내역없을때 추가 */ .sub_prepaid_card .box_list_card .list_card .item_card {position:relative; padding:31px 24px; border-bottom:1px solid #ebebeb} /* 2021-07-22 Q10112 : 디자인변경으로 여백수정 */ .sub_prepaid_card .box_list_card .list_card .item_card .img {position:absolute; left:24px; top:31px; width:48px} /* 2021-07-22 Q10112 : 디자인변경으로 여백수정 */ .sub_prepaid_card .box_list_card .list_card .item_card .img img {width:100%} .sub_prepaid_card .box_list_card .list_card .item_card .h4_b_lt {float:left; margin-left:65px} .sub_prepaid_card .box_list_card .list_card .item_card .h4_b_lt span {color:#ff0000; padding-left:10px;} /*2021-07-02 Q10086: 디자인변경으로 css 수정*/ .sub_prepaid_card .box_list_card .list_card .item_card .h4_b_rt {float:right} .sub_prepaid_card .box_list_card .list_card .item_card ul {clear:both; padding:12px 0 0 65px;} .sub_prepaid_card .box_list_card .list_card .item_card ul li ~ li {margin: top 2px;} .sub_prepaid_card .box_list_card .list_card .item_card ul li:after {content:""; display:block; clear:both} .sub_prepaid_card .box_list_card .list_card .item_card ul li span {float:left} .sub_prepaid_card .box_list_card .list_card .item_card ul li span ~ span {margin-left:10px;} .sub_prepaid_card .box_list_card .list_card + .box_bul {margin-top:24px} /* 2021-07-22 Q10112 : 디자인변경으로 여백수정 */ .sub_prepaid_card .box_list_card .box_bul + .box_btn {margin-top:80px} .sub_prepaid_card .box_guide {margin-top:120px;} .sub_prepaid_card .box_guide h3 {margin-bottom:33px;} .sub_prepaid_card .box_guide h4 + ul {margin-top:13px} .sub_prepaid_card .box_guide h4 ~ h4 {margin-top:21px} .sub_prepaid_card .box_certification .form_desc {margin-top:10px} .sub_prepaid_card .box_certification .form_desc p ~ p {margin-top:4px;} .sub_prepaid_card .box_certification h3[class^='h3_'] {margin-bottom:20px;} .sub_prepaid_card .box_certification h4[class^='h4_'] {margin-top:42px; margin-bottom:16px;} .sub_prepaid_card .box_certification .list_sel_inp.h64 > li {padding-top:0} .sub_prepaid_card .box_certification .way_charge {margin-top:10px} .sub_prepaid_card .box_certification .way_charge .bul_list01 {margin-bottom:39px} /*2021-07-02 Q10086: 디자인변경으로 css 수정(bul_list02->01)*/ .sub_prepaid_card .box_certification .way_charge .own_type {margin-top:16px;} .sub_prepaid_card .box_certification .way_charge .own_type ~ .own_type {margin-top:20px} .sub_prepaid_card .box_certification .way_charge h3[class^='h3_'] {margin-top:64px} .sub_prepaid_card .box_use01 {margin-top:52px} .sub_prepaid_card .box_history .option_search {border-top:2px solid #000; margin-top:20px; padding-top:32px;} .sub_prepaid_card .box_history .option_search:after {content:''; display:block; clear:both} .sub_prepaid_card .box_history .option_search .option {float:left} .sub_prepaid_card .box_history .option_search .option ~ .option {float:right;} .sub_prepaid_card .box_history .option_search .option .list_sel_inp, .sub_prepaid_card .box_history .option_search .option .wrap_card {float:left} .sub_prepaid_card .box_history .option_search .option .list_sel_inp.h48 {margin:0} .sub_prepaid_card .box_history .option_search .option .list_sel_inp.h48 > li {padding-top:0; margin:0} .sub_prepaid_card .box_history .option_search .option .list_sel_inp.h48 > li ~ li {margin-left:4px} .sub_prepaid_card .box_history .option_search .option1 .list_sel_inp li {width:100px} .sub_prepaid_card .box_history .option_search .option1 .wrap_card {position:relative;} /* 2021-06-29 Q10112 margin-left:24px 삭제 */ .sub_prepaid_card .box_history .option_search .option1 .list_sel_inp + .wrap_card, .sub_prepaid_card .box_history .option_search .option1 .list_sel_inp + .wrap_card + .wrap_card {margin-left:24px;} /* 2021-06-29 Q10112 margin-left:24px 타입추가 */ .sub_prepaid_card .box_history .option_search .option1 .wrap_card:after {content:''; display:block; clear:both} .sub_prepaid_card .box_history .option_search .option1 .wrap_card .box_select {float:left} .sub_prepaid_card .box_history .option_search .option1 .wrap_card .box_select ~ .box_select {margin-left:4px;} .sub_prepaid_card .box_history .option_search .option1 .wrap_card .remain {position:absolute; left:0; top:100%; margin-top:8px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .list_sel_inp li ~ li {width:158px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .wrap_card .box_select {width:360px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .wrap_card ~ .wrap_card .box_select {width:360px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .wrap_card ~ .wrap_card .box_select ~ .box_select {width:120px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .list_sel_inp li {width:100px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .list_sel_inp li ~ li {width:158px} .sub_prepaid_card .box_history .option_search.option_charge .option1 .wrap_card .box_select {width:360px} .sub_prepaid_card .box_history .option_search.option_use .option1 .wrap_card .box_select {width:360px} .sub_prepaid_card .box_history .option_search.option_use .option1 .wrap_card ~ .wrap_card .box_select {width:120px} .sub_prepaid_card .box_history .option_search.option_use .option1 .wrap_card ~ .wrap_card .box_select ~ .box_select {width:360px} .sub_prepaid_card .box_history .option_search .option2 .list_sel_inp.h48 li {width:80px} .sub_prepaid_card .box_history .option_search .option2 .range, .sub_prepaid_card .box_history .option_search .option2 .range [class^='btn48_'] {float:left} .sub_prepaid_card .box_history .option_search .option2 .range {position:relative} .sub_prepaid_card .box_history .option_search .option2 .range .box_datepicker01 {position:absolute; left:0; top:100%; width:100%; margin-top:8px;} .sub_prepaid_card .box_history .option_search .option2 .range .box_datepicker01 > * {float:left} .sub_prepaid_card .box_history .option_search .option2 .range .box_datepicker01 .input_datepicker {width:calc(50% - 12px)} .sub_prepaid_card .box_history .option_search .option2 .range .box_datepicker01 .bar_dash {width:24px; line-height:48px; text-align:center;} .sub_prepaid_card .box_history .option_search .option2 [class^='btn48_'] {margin-left:8px;} .sub_prepaid_card .box_history .box_btn.more, .sub_prepaid_card .co_tbl_info_section .box_btn.more {background-color:#fff; padding-top:21px; margin-top:-1px} .sub_prepaid_card .box_history .result_total {margin-top:64px; padding:15px 0;} .sub_prepaid_card .box_history .result_total:after {content:''; display:block; clear:both} .sub_prepaid_card .box_history .result_total strong {float:left; padding-top:2px;} .sub_prepaid_card .box_history .result_total em {float:right;} .sub_prepaid_card .list_history_prepaid {border-top:1px solid #ebebeb} .sub_prepaid_card .list_history_prepaid li {border-bottom:1px solid #ebebeb; padding:40px 24px;} /* 2021-07-22 Q10112 : 디자인변경으로 여백수정 */ .sub_prepaid_card .list_history_prepaid li:after {content:''; display:block; clear:both} .sub_prepaid_card .list_history_prepaid li .cell {float:left} .sub_prepaid_card .list_history_prepaid li .cell > * {display:block;} .sub_prepaid_card .list_history_prepaid li .cell > [class*='_link'] {display:inline-block;} .sub_prepaid_card .list_history_prepaid li .cell > .divr_dot, .sub_prepaid_card .list_history_prepaid li .cell > [class^='p2_'] {margin-top:12px} .sub_prepaid_card .list_history_prepaid li .date {width:160px} .sub_prepaid_card .list_history_prepaid li .amount {width:160px; text-align:right} .sub_prepaid_card .list_history_prepaid li .name {width:calc(100% - 320px)} /* 2021-07-15 Q10112 : 더보기버튼 위치변경, 내역없음 추가 */ .sub_prepaid_card .list_history_prepaid li.btn_more{padding:0; border-bottom:none;} /* 2021-07-22 Q10112 : 디자인변경으로 여백수정 */ .sub_prepaid_card .list_history_prepaid li.btn_more .box_btn.more, .co_tbl_info_article li.btn_more .box_btn.more {padding-top:32px;} /* 2021-07-22 Q10112 : 디자인변경으로 여백추가 */ .sub_prepaid_card .list_history_prepaid li.no_data{padding:173px 0;} /*0603 정형철 추가 공통으로 사용될경우 따로 분리*/ .mt0{margin-top:0 !important} .mt6{margin-top:6px;} .mt8{margin-top:8px;} .mt10{margin-top:10px;} .mt12{margin-top:12px;} .mt16{margin-top:16px;} .mt20{margin-top:20px;} .mt22{margin-top:22px !important;} .mt42{margin-top:42px;} .mt54{margin-top:54px;} .mt66{margin-top:66px;} .mt80{margin-top:80px !important;} .mt120{margin-top:120px;} .mt52{margin-top:52px;} /* margin left */ .ml10{margin-left:10px;} .ml12{margin-left:12px;} .ml21{margin-left:21px;} .ml84{margin-left:84px;} .ml160{margin-left:160px;} .pr0 {padding-right:0 !important;} .b_line{border-bottom:1px solid #ebebeb} .b_line_pb12{border-bottom:1px solid #ebebeb;padding-bottom:12px;} .bdn{border:none !important} .no_data{padding:173px 0;text-align:center;font-size:16px;line-height:20px;} /* sub_account bul_list01 재설정 */ .sub_account .bul_list01.mt20{margin-top:24px;} .sub_account .ico_tip_line.w24{background:url(/docfiles/resources/pc/images/common/icon/w24/ico_tip_line.png) no-repeat 50% 50%;} .sub_account .list_sel_inp.h48.nth3 > li{margin:0;} .sub_account .list_sel_inp.h48.nth3 > li + li{margin-left:16px;} .sub_account .box_input01.nth2{display:flex;justify-content:space-between;width:100%;} .sub_account .box_input01.nth2 .box_select{width:333px;} .sub_account .box_input01.nth2 .input_cell_box{width:435px;} /* 64px input placeholder */ /* .sub_account input[class*="h64"]{ padding:16px 0; font-size:24px; line-height:32px;} 2022-01-07 인풋 공통화로삭제 */ .sub_account input[class*="h64"]::placeholder{font-size:24px;} .sub_account input[class*="h64"][type*="password"]::placeholder {font-size:20px;} /* 이용한도 usage_limit */ .usage_limit .w792{width:792px;margin:0 auto;} .usage_limit .graybox{background:#f5f5f5;border-radius:8px;padding:24px 40px;} .usage_limit .graybox .box_list{width:100%;} .usage_limit .graybox .box_list th{padding:15px 0;text-align:left;font-size:20px;line-height:26px;} .usage_limit .graybox .box_list td{padding:15px 0;text-align:left;font-size:20px;line-height:26px;color:#000;font-weight:700;} .usage_limit .graybox .box_list tbody th{color:#5c5c5c;} .usage_limit .graybox .box_list.type01 td:nth-child(2){position:relative;} .usage_limit .graybox .box_list.type01 td:nth-child(2):before{content:''; position:absolute; top:50%; right:40px; width:24px; height:24px; margin-top:-12px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 50% 50%; background-size: 24px 24px;} .usage_limit .graybox.type1 dl{display:flex;justify-content:space-between;width:100%;padding:15px 16px} .usage_limit .box_pay_summary{margin-top:0;} .usage_limit .tbl03 th{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;padding:17px 60px} .usage_limit .tbl03 td{border-bottom:1px solid #f5f5f5;padding:17px 60px} .usage_limit .ns{padding:40px 0;} .usage_limit .box_select.h92{margin:56px 0 52px} .usage_limit .tbl04{position:relative;border-top:1px solid #000;margin-top:20px;} .usage_limit .tbl04 li{display:flex;} .usage_limit .tbl04 li + li{border-top:1px solid #ebebeb} .usage_limit .tbl04 li:last-child{border-bottom:1px solid #ebebeb} .usage_limit .tbl04 li > strong{display:block;min-width:190px;margin-right:40px;padding:19px 0 18px 24px;} .usage_limit .tbl04 li > .h4_b_lt{padding:19px 0 18px;} .usage_limit .tbl04 li > .h4_b_lt a span{line-height:24px;} .usage_limit .tbl04 .box_input01{width:100%;} .usage_limit .tbl04 .box_input01 .p3_m_lt_1ln{padding-bottom:5px;} .usage_limit .tbl04.bg{border-radius:8px;background:#f5f5f5;border:none;padding:24px 16px;} /*2021-07-02 Q10086: 디자인변경으로 css수정*/ .usage_limit .tbl04.bg strong{padding:15px 0 15px 24px} .usage_limit .tbl04.bg li span{padding:15px 0 15px;} .usage_limit .tbl04.bg li + li{border-top:none} .usage_limit .tbl04.bg li:last-child{border-bottom:none} /*2021-07-02 Q10086: 어카운트(이용한도조회변경) css추가*/ .usage_limit .type1 .input_cell_check01 > label .p2_m_1ln + .box_btn_lt {margin-top: 4px;} .usage_limit .box_title01 + .box_intall_pay01 {margin-top: 20px;} .usage_limit .box_intall_pay01 .box_info {padding: 43px 0;} .usage_limit .box_account03 .box_title01 + .tbl04 {border-top: 2px solid #000;} .usage_limit .box_intall_pay01.type1.bbn {border-bottom: none;} /* 즉시결제 ins_payment*/ .ins_payment .linkbox{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;} .ins_payment .linkbox a{display:flex;position:relative;flex-direction:column;width:100%;border:1px solid #f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,.08);border-radius:16px;height:168px;justify-content:center;align-items:flex-start;padding:0 36px;margin-top:24px;} .ins_payment .linkbox.nth2 a{width:384px;} .ins_payment .linkbox a:hover:before{content:'';display:block;position:absolute;border-radius:16px;left:0;top:0;width:100%;height:100%;border:1px solid #000;} .ins_payment .linkbox a [class^="h3"]{display:block;} .ins_payment .linkbox a [class^="p1"]{display:inline-block; margin-top:12px;} .ins_payment .banner{position:fixed;right:8px;bottom:8px;z-index:100;width:344px;height:104px;background:#00a3b8;border-radius:24px;} .ins_payment .banner a{display:flex;padding:16px;display:flex;align-items:center;width:100%;height:100%;} .ins_payment .banner i img{width:48px;margin-right:12px;} .ins_payment .ban_close{cursor:pointer;width:32px;height:32px;right:0;top:0;position:absolute;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;border-radius:100%;top:8px;right:8px} .ins_payment .ban_close img{width:32px;height:32px;} .ins_payment .box_pay_summary{margin-top:4px;padding-top:0;border-top:none;} .ins_payment .box_pay_summary .accodBtn{padding-right:40px;width:auto;} .ins_payment .tbl03 th , .ins_payment .tbl03 td{border:none;padding:8px 0;} .ins_payment .tooltip{display:inline-block;position:relative;} .ins_payment .tooltip .box_tooltip{right:unset;left:-16px;width:470px;} .ins_payment .tooltip .box_tooltip:after{right:unset;left:24px;} .ins_payment .graybox{border-radius:8px;background:#f5f5f5;padding:16px 20px;width:100%;} .ins_payment .graybox.type1{padding:24px;} .ins_payment .graybox.type1 dl{display:flex;justify-content:space-between;width:100%;padding:15px 16px} .ins_payment .graybox.type2{padding:39px} .ins_payment .graybox .p2_m_1ln{margin:4px 0 2px;} .ins_payment .flex_row_tit{border-top:2px solid #000;margin-top:22px;display:flex;justify-content:space-between;height:116px;align-items:center;padding-right:32px;} .ins_payment .flex_row{padding:26px 40px 15px;display:flex;justify-content:space-between;border-top:1px solid #ebebeb;margin-top:12px;} .ins_payment .flex_row.type1{padding:17px 0} .ins_payment .flex_row.type2{padding:17px 0;border:none;} .ins_payment .flex_row.type3{padding:17px 0;border-top:none;border-bottom:1px solid #ebebeb;margin-top:0;} .ins_payment .flex_row.type2 + .flex_row.type2{margin:0;} .ins_payment .flex_row.bg{background:#fafafa;border-radius:8px;border-top:none;} .ins_payment .section .box_datepicker01{display:flex;justify-content:space-between;align-items:center;} .ins_payment .section .input_datepicker{width:364px;} .ins_payment .result .box_intall_pay01.type1 .input_cell_check01{width:calc(100% - 150px);} .ins_payment .result .box_intall_pay01.type1 .won01{width:150px;} .ins_payment .box_intall_pay01.type1.nbd{border-bottom:none;} .ins_payment .bk_list.nth2{display:flex;justify-content:space-between;flex-wrap:wrap;} .ins_payment .bk_list.nth2 .line{border-top:1px solid #000} .ins_payment .bk_list.nth2 .w384{width:384px;padding:18px 8px;margin-top:52px;} .ins_payment .bk_list ul{display:flex;width:100%;border:1px solid #ebebeb;border-radius:8px;flex-wrap:wrap;} .ins_payment .bk_list ul li{width:25%;} .ins_payment .bk_list ul li a{display:flex;width:100%;height:100px;justify-content:center;align-items:center;} .ins_payment .bk_list .ico_h60 img{height:60px;} /* 신청 radio checkbox */ .sub_account .type1 .input_cell_check01 label{display:block;padding-left:112px;cursor:pointer;} .sub_account .type1 .input_cell_check01 .pl{padding-left:24px;} .sub_account .type1 .input_cell_check01{width:870px;display:inline-block;} .sub_account .box_intall_pay01.type1 {border-bottom:1px solid #ebebeb} .sub_account .box_intall_pay01.type1.bdn{border-bottom:none;} .sub_account .box_intall_pay01.type1 .won01{float:right;width:330px;} .sub_account .type1 .input_cell_check01 label{display:block;cursor:pointer;} .sub_account .type1 .input_cell_check01 label{padding-left:112px;} .sub_account .type1 .top{border-bottom:1px solid #ebebeb;padding-bottom:12px;} .sub_account .type1 dl.top{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0} .sub_account .type1 .top .input_cell_check01{width:auto;} .sub_account .type1 .top .input_cell_check01 + .input_cell_check01{margin-left:24px;} .sub_account .type1 .top .input_cell_check01 label{display:inline-block;padding-left:44px;} .sub_account .type1 .input_cell_check01.date label{padding-left:44px;display:flex;} .sub_account .box_intall_pay01.type1 .box_info_date{border-bottom:none;} .sub_account .accodSlide .box_intall_pay01.type1{border-top:none;padding-top:64px;} .sub_account .box_intall_pay01.type1 .won01 input{height:40px;border-radius:4px;width:200px;border:1px solid #ccc;margin-top:12px;padding:0 16px;} .sub_account .accodSlide .box_intall_pay01.type1{border-bottom:none;} .sub_account .input_cell_check01 input[type="checkbox"] + label > i:before , .chkbox input + label > i:before{background:#e0e0e0 url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') no-repeat;width:28px;height:28px;background-size:28px 28px;left:0;top:0;} .sub_account .input_cell_check01 input:checked + label > i:before{background-color:#000;} /* .sub_account .input_cell_check01 input:checked + label {text-decoration: underline;} */ /* 2025-02-17 Q11817 접근성 관련 수정 */ .sub_account .box_intall_pay01 .box_info.line{border-top:1px solid #ebebeb;margin-top:12px;} .sub_account .box_intall_pay01 dl{display:flex;justify-content:space-between;padding:17px 24px;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */ .sub_account .box_intall_pay01 dl.sm{padding:8px 40px} .sub_account .input_cell_check01 > .h4_b_lt{padding-left:40px;} .layer_body.chk{padding:20px 0 40px} .modal_pop .type1 .w588 .layer_body {padding:0;} .modal_pop .type1 .w588 .layer_body .box_content{padding-top:0;} .pay_h1yu{font-size:29px;line-height:36px;font-weight:700} .box_account_usage01.bdc{border-bottom-color:#ebebeb} .textbico_small_link.rg{position:absolute;bottom:-37px;right:0;z-index:4} .sub_account .tab_default a{min-width:80px;text-align:center;font-size:16px;} .box_account_usage04 .box_tit01{margin:55px 0 20px;} .box_account_usage04 .box_pay_summary + .box_pay_summary{margin-top:52px;} .box_account_usage04 h3 + .box_btn {position:absolute;top:16px;left:232px;} /* 2021-07-30 GGCZ06 추가 */ .box_chk01 .btn_pop_arrow:after{display:none;} .accodBtn.flex{display:flex;justify-content:space-between;align-items:center;min-height:92px;} .box_pay_summary.out2{border-width:2px;padding-top:12px;} .box_title01 .fr a + a{margin-left:24px;} .ico_32 img{width:32px;} /* 수시결제 */ .sub_payment_t2t .box_account > .box_btn {margin-top:80px;} .sub_payment_t2t .box_account .tab_default {margin-bottom:56px;} .sub_payment_t2t .box_account .box_group_table ~ .box_group_table {margin-top:64px;} .sub_payment_t2t .box_account .box_group_table ~ .box_group_table {margin-top:64px;} .sub_payment_t2t .box_account .box_group_table > [class^='h3_'] + .tbl_row {margin-top:20px;} .sub_payment_t2t .box_group_table + .bul_list02 {margin-top:52px;} .sub_payment_t2t .box_group_table + .bul_list02 {margin-top:52px;} .sub_payment_t2t .box_account .bul_list02 .dash_list02 li ~ li {margin-top:0;} /* 테이블 재설정 : 왼쪽으로만 여백 PCACC017300.html */ .box_group_table .tbl_row thead th, .box_group_table .tbl_row tbody th, .box_group_table .tbl_row tbody td{padding:20px 0 20px 24px;} .box_group_table .tbl_row [class^="txt_"][class*="list"][class*="2ln"] > li{letter-spacing:-0.8px;} /* 블릿아닌 텍스트리스트 기본타입추가 */ [class^="txt_"][class*="list"][class*="2ln"] > li{font-weight:500; line-height:26px;} [class^="txt_"][class*="list"][class*="2ln"] > li + li{margin-top:8px;} /* 하단 플롯팅 버튼 추가 */ .bot_fixed_btn{position:relative; margin-top:34px;} .bot_fixed_btn .btn_fix{position: fixed; right:0; bottom:0; left:0;} .bot_fixed_btn .box_btn{width:1200px; margin:0 auto; padding:46px 0 36px; background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%);} .bot_fixed_btn .box_btn[style*="fixed"]{width:1200px;} .bot_fixed_btn .box_btn > [class^="btn"][class*="64_"] + [class^="btn"][class*="64_"]{margin-left:12px;} /* ************************************ account common ************************************ */ /* table & list */ .co_tbl_info_article {width:100%; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #ebebeb;} .co_tbl_info_article.thin {border-top:1px solid #000;} .co_tbl_info_article + [class^='bul'], .co_tbl_info_article + [class^='dash'] {margin-top:24px;} .co_tbl_info_article + [class^='bul'].mt52, .co_tbl_info_article + [class^='dash'].mt52{margin-top:52px;} .co_tbl_info_article + .box_btn {margin-top:80px} .co_tbl_info_article + .box_btn.more{margin-top:20px} .co_tbl_info_article + .box_btn.btn_right{margin-top:24px; text-align:right;} .co_tbl_info_article + .box_btn.btn_right > button + button, .co_tbl_info_article + .box_btn.btn_right > a + a{margin-left:12px;} .box_top_tit + .co_tbl_info_section, .box_top_tit + .tab_default {margin-top:52px;} .tab_default + .co_tbl_info_section {margin-top:56px;} .co_tbl_info_section + .co_tbl_info_section, .co_tbl_info_article + .co_tbl_info_article {margin-top:64px;} .co_tbl_info_section.w792 {width: 792px; margin-left:auto; margin-right:auto;} .co_tbl_info_article .box_grp {border-top:1px solid #f0f0f0; border-bottom:0 none; display:table; table-layout:fixed; width:100%;} .co_tbl_info_article .box_grp:after {content:""; display:block; clear:both;} .co_tbl_info_article .box_grp:first-child {border-top:0 none; border-bottom:0 none;} .tbl_article.type01 {margin-top:36px;} /* 2021-07-02:Q10113: table style modify */ .co_tbl_info_article .tbl_row {border-top:0} .co_tbl_info_article .tbl_row tbody tr:last-child th, .co_tbl_info_article .tbl_row tbody tr:last-child td {border-bottom: none;} /* 2021-06-22 Q10113 : 테이블 유동 너비에 따른 스타일 수정 + 타이틀 여백 조정 */ .co_tbl_info_article.type01 {display:table; width:100%; table-layout:fixed;} .co_tbl_info_article.type01 .grp_title, .co_tbl_info_article.type01 .grp_cont {display:table-cell; padding:19px 24px;} /* 2021-07-09 Q10111 : 패딩값에 따른 title width 값사이즈 조정 */ /* 2021-08-30 Q10113 : width 값사이즈 조정 */ .co_tbl_info_article.type01 .grp_title {width:180px; padding-right:0} .co_tbl_info_article.type01 .grp_cont {width:100%;} .co_tbl_info_article.type01 .grp_cont.pdrl0{padding:19px 0;} /* 좌우 패딩 여백없을때 */ .co_tbl_info_article .co_no_data {padding:137px 0} .grp_cont.co_wlink_row {font-size:0; vertical-align: top;} .grp_cont.co_wlink_row > * {display:inline-block; vertical-align:middle;} .co_wlink_row > span + a {margin-left:12px;} .grp_cont.valign_m {vertical-align: middle;} /* 2021-07-28 Q10086: 가운데 정렬 css 추가 */ .co_tbl_info_article .box_table.sub_table {border-top:1px solid #000;} [class^='co_tbl_type'] th, [class^='co_tbl_type'] td {padding:17px 24px; border-bottom:1px solid #ebebeb;} .co_tbl_type01 .list_none td {padding:100px 0 92px;} .co_tbl_type01 + .p3_m_lt_2ln {margin-top:8px;} .co_tbl_type01 .list_none td {border-bottom:none;} /* 2021-06-24 Q10112 :first-child table 기본높이 48px일때 */ .co_tbl_type02 table tbody th, .co_tbl_type02 table tbody td{padding:13px 0;} .co_tbl_type02 table tbody th{vertical-align:top;} .co_tbl_type02.type01 table tbody th, .co_tbl_type02.type01 table tbody td{border-bottom:none;} .co_tbl_type02 .pd0{padding:0 !important;} /* Title */ [class^='co_title_box']:after, .co_title_box02 .subbox:after {display: block; content:''; clear: both;} [class^='co_title_box'] + .co_tbl_info_article, [class^='co_title_box'] + .box_table {margin-top:18px;} .co_tbl_info_article + [class^='co_title_box'] {margin-top:64px;} .co_nec, .fc_red {color:#eb2e2d} .co_title_box02 .subbox {display:table-cell; vertical-align:middle; font-size:0;} .co_title_box02 .subbox > * {display:inline-block; vertical-align:middle; float:none;} .co_title_box02 .subbox .co_nec + .fc_m_a64 {padding-left:10px;} .co_title_box02 .subbox .fc_m_link {line-height:32px;} .co_title_box02 .subbox [class*="textbico_"] {margin-top:0} .co_title_box02 .subbox.fr a + a {margin-left:12px;} .co_title_box02 .subbox.pd3 {padding: 3px 0;} /* 2021-07-28 Q10086: 상하 여백 조정 css 추가 */ /* 2021-06-21 Q10112 : text 기본 리스트 추가 */ /* text 기본 리스트 */ .co_txt_list .h3_b_lt + .p1_b_lt_1ln{margin-top:33px;} .co_txt_list .h4_b_lt{margin-top:64px;} .co_txt_list .h4_b_lt:first-child{margin-top:0;} .co_txt_list > .p1_b_lt_1ln{margin-top:21px;} .co_txt_list > .p1_b_lt_1ln:first-child{margin-top:0;} .co_txt_list > ul{margin-top: 16px;} /* text 타이틀에 밑줄있는 리스트 */ .co_txt_list.type01 > ul {margin-top:12px; padding-top:20px; border-top:1px solid #a3a3a3;} .co_txt_list.type01 > ul:first-child{margin-top:0;} /* 2021-07-29 Q10112 : 타입추가 */ /* 20210630 Q10111 : text 리스트추가 */ .tab_default + .co_txt_list {margin-top: 56px;} .co_txt_list ul + .h3_b_lt {margin-top: 64px;} .co_txt_list .h3_b_lt + ul {margin-top: 20px;} .co_txt_list ul + ul {margin-top: 24px;} /* 분할납부(해외) */ .no_data_box01 {border-top:1px solid #ebebeb; } .box_list_total {margin-top:64px; padding:15px 0;} .box_list_total:after {content:''; display:block; clear:both} .box_list_total strong {float:left; padding-top:2px;} .box_list_total em {float:right;} .box_coacc_link:after {display:block; content:''; clear: both;} .box_coacc_link .textbico_small_link {margin-top:18px;} /* Q10112 금융이용내역상세팝업 PCACC004130 */ .tbl_loan_wrap{margin-top:80px;} .tbl_loan_wrap:first-child{margin-top:0;} .tbl_loan_wrap .tbl_row{margin-top:12px; border-top:1px solid #ebebeb;} .tbl_loan_wrap .tbl_row:first-child{margin-top:0;} .tbl_loan_wrap .tbl_row + .tbl_row{margin-top:30px;} .tbl_loan_wrap .alR + .tbl_row{border-top:1px solid #ebebeb;} .tbl_loan_wrap .tbl_row .p1_m_lt_1ln{display:inline-block; margin-right:10px;} .tbl_loan_wrap .tbl_row .p1_m_lt_1ln:last-child{margin-right:0;} .tbl_loan_wrap .tbl_row .p1_m_lt_1ln.divr_txt{margin-right:4px;} .tbl_loan_wrap .tbl_row .p1_m_lt_1ln.divr_txt:last-child{margin-right:0;} .tbl_loan_wrap .tbl_row td.alR{padding-left:0;} .tbl_loan_wrap .cel_total.type01{padding:20px; background-color:#fafafa; border-radius:8px;} .tbl_loan_wrap .cel_total.type01 .box_info01{padding:7px 4px;} /* 2021-07-16 Q10086: 어카운트 약관 css 추가 */ .popup_agree .inner.contents {line-height: 26px; font-size: 16px;} .popup_agree .inner .clause + ol, .popup_agree .inner .clause + p, .popup_agree .inner p + ol, .popup_agree .con-type2 .tit + p, .popup_agree .con-type2 .txt-type3, .popup_agree .con-type2 .pl, .popup_agree .inner .txt-type1, .popup_agree .inner h4 + p, .popup_agree .inner h4 + ul, .popup_agree .agreement p, .popup_agree .agreement h4 + ol {color: #5c5c5c;} .popup_agree .con-type2 p.pl + ul {margin-left: 24px;} .popup_agree .inner > ol li, .popup_agree .con-type2 p.pl, .popup_agree .con-type2 ul li, .popup_agree .agreement ol li {padding-left: 24px; position: relative;} .popup_agree .inner > ol li span.num, .popup_agree .inner h4 + ul li span.num, .popup_agree .con-type2 span.num, .popup_agree .agreement span.num {position: absolute; left: 0; top: 0;} /*결제연기서비스 약관*/ .popup_agree .inner ol table {margin:5px 0; border-bottom:1px solid #f0f0f0;} .popup_agree .inner ol table th {padding:5px 0; border-top:1px solid #f0f0f0; text-align:left; font-weight:normal;} .popup_agree .inner ol table td {padding:5px 0; border-top:1px solid #f0f0f0;} /*카드본인확인서비스 약관*/ .popup_agree .inner .tit_wrap {margin-bottom: 12px;} .popup_agree .inner.conf_type ol > li:nth-child(n+2) .tit {margin-bottom: 18px;} .popup_agree .inner .box_x_layer span.num {position: relative;} .popup_agree .inner .box_x_layer .txt-type1 li {padding-left: 0;} .popup_agree .inner .box_x_layer .txt-type1.pl10 li {padding-left: 10px;} .popup_agree .inner .box_x_layer .tit + p {font-size: 16px; line-height: 26px; color: #000;} /*내정보관리 약관*/ .popup_agree .content_group .tit {font-weight: 700; line-height: 26px;} .popup_agree .content_group .tit .list_style01 {margin-top: 12px; font-size: 14px; font-weight: 500; line-height: 22px; color: #5c5c5c;} .popup_agree .content_group .tit .list_style01 > li {position: relative; padding-left: 8px;} .popup_agree .content_group .tit .list_style01 > li:before {content: ''; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #949494;} .popup_agree .inner h4 {font-size: 16px; font-weight: 700; margin-bottom: 12px;} .popup_agree .inner h4:nth-child(n+2) {margin-top: 32px;} .popup_agree .inner h4 + ul li {padding-left: 24px; position: relative;} /* 2021-07-12 GGCZ06 약관 추가 */ .popup_agree .inner .list_style01 {position: relative;} .popup_agree .inner .list_style01.type_1 {margin-top: 15px;} .popup_agree .inner .list_style01:after {content: ''; display: block; clear: both;} .popup_agree .inner .list_style01 > li {position: relative; padding-left: 8px;} .popup_agree .inner .list_style01 > li:before {content: ''; display: inline-block; position: absolute; top: 11px; left: 0; width: 4px; height: 1px; background: #949494;} /* 2021-07-13 GGCZ06 신용 지킴이 서비스 약관 추가 */ .popup_agree .agreement { font-size:16px; line-height:22px; } .popup_agree .agreement h4 { margin-top: 20px; margin-bottom: 12px; font-weight: 700; font-size: 16px; line-height: 22px; } .popup_agree .agreement h4:first-child {margin-top: 0;} /* 2021-07-28 Q10086: 케어서비스 css 추가 */ .sub_care .box_top_tit .h2_b_ctr + .p1_m_ctr_1ln {margin-top: 24px;} .sub_care .co_tbl_info_section + .bul_list, .sub_care .co_tbl_info_section + .bul_txt {color: #5c5c5c;} .sub_care .co_tbl_info_section + .bul_list + .co_tbl_info_section .grp_cont p, .sub_care .co_tbl_info_section + .co_tbl_info_section .grp_cont p {color: #5c5c5c;} .sub_care .co_tbl_info_section .grp_cont .bul_list {color: #5c5c5c;} .sub_care .grp_cont .bul_list li p.mt4 {margin-top: 4px;} /*07-30 수정*/ .sub_care .bul_list.line_h26 li {line-height: 26px;} .sub_care .dash_list li.h4_b_lt {font-size: 20px; line-height: 26px;} .sub_care .co_tbl_info_section .tbl_row.vAlign_m td {vertical-align: middle;} .sub_care .account_link_wrap + .co_tbl_type02.type01.bd_type01 {padding-top: 0; border-top: none;} .sub_care .co_tbl_type02.bd_type01 table tbody th, .co_tbl_type02.bd_type01 table tbody td, .sub_care .co_tbl_type02.bd_type02 table tbody th, .co_tbl_type02.bd_type02 table tbody td {padding: 21px 24px;} .sub_care .co_tbl_type02.bd_type01 tbody th, .co_tbl_type02.bd_type01 tbody th + td, .co_tbl_type02.bd_type01 tbody td.clearfix, .sub_care .co_tbl_type02.bd_type02 tbody th, .co_tbl_type02.bd_type02 tbody td {border-top: 1px solid #ebebeb;} .sub_care .tab_btn_section {display: flex; justify-content: space-between; align-items: center;} .sub_care .tab_btn_section .tab_default {width: auto;} .sub_care .icon_chat {padding-left: 24px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_chat.png) no-repeat left center/24px 24px;} .sub_care .icon_download {padding-left: 24px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_download.png) no-repeat left center/24px 24px;} .pop_acc_care .reward_step {display: flex; align-items: center; justify-content: space-around; padding: 35px 66px; border: 1px solid #ebebeb; border-radius: 8px;} .pop_acc_care .reward_step .icon img {width: 64px;} .pop_acc_care .reward_step i.ico_arrow {width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat center/32px 32px; opacity: 0.2;} .sub_care .box_banner{width:100%;height:320px;padding:40px 44px;border-radius:16px;background:#F9C846 url('/docfiles/resources/pc/images/card/img_topVisual_mysecurity.png') no-repeat right bottom;margin-top:52px;} /* 2022-07-15 Q20098 이미지 변경 */ .sub_care .box_banner h3 + p{margin-top:12px;} /* .sub_care [class^="bul_"][class*="list"] > li, .sub_care [class^="dash_"][class*="list"] > li {font-weight:normal;} medium 500이여서 다시 삭제 */ /* 2022-06-09 Q20098 유의사항 */ .sub_care .useinfo ul li {font-size:18px;} .sub_care .useinfo ul li + li {margin-top:14px;} .sub_care .useinfo > .h4_b_lt + .box_bul {margin-top:24px;} .sub_care .useinfo .line_top {margin-top: 40px; padding-top: 40px; border-top:1px solid #e0e0e0;} .sub_care .useinfo .bul_list li > .dash_list {margin: 14px 0;} .sub_care .useinfo .box_bul + .h4_b_lt {margin-top: 40px;} /* 2021-07-14 Q10086: 내 정보 관리 팝업 css 추가 */ .modal_myInfo .box_content {padding: 0;} .modal_myInfo_cert .box_content {padding: 28px 0;} .modal_myInfo_cert .list_sel_inp > li {width: 268px;} .modal_myInfo_cert .box_terms_wrap.type2 {margin-top: 40px;} .modal_myInfo_Receipt .box_content {padding: 6px 0 0;} .modal_myInfo_Receipt .box_content .co_tbl_info_article {margin-top: 20px;} .modal_myInfo_Receipt .box_content .co_tbl_info_article th {padding: 16px 25px;} .modal_myInfo_Receipt .box_content .co_tbl_info_article td {padding: 16px 0;} /* 2021-07-28 Q10086: 서비스 이용동의 조회/변경 팝업 css 추가 */ .pop_revolving .box_content {padding-top: 6px;} /* 2021-07-13 GGCZ06 케어서비스 팝업 css 추가 */ .modal_pop .box_content .qrcode {width: 80px; height: 80px; margin: 43px auto 20px;} .modal_pop .box_content .qrcode img {width: 100%;} .modal_pop .box_content .ins_img {width: 300px; margin: 22px auto;} .modal_pop .box_content .ins_img img {width: 100%;} /* 2021-07-31 Q10086 케어서비스 팝업 css 수정 */ .modal_usechk .box_datepicker01{display:flex;align-items:center;margin-right:8px} .modal_usechk .box_datepicker01 .bar_dash{margin:0 12px;} .modal_usechk .box_datepicker01 .start_date , .modal_usechk .box_datepicker01 .end_date{width:200px;display:flex;justify-content:space-between;} .modal_usechk .box_datepicker01 .items{width:108px;} .modal_usechk .box_datepicker01 .items + .items{width:88px;} .modal_usechk .box_date01 + .box_txt {margin-top:12px} .modal_usechk .box_date01 + .co_tbl_info_article, .modal_usechk .box_date01 + .box_txt + .co_tbl_info_article {margin-top: 26px;} .modal_usechk .co_tbl_info_article .co_no_data{margin-bottom:-1px; border-bottom:1px solid #fff;} /* 내역없을때 하단회색라인 숨기기 */ .modal_usechk .graybox {background-color: #fafafa; border-radius: 8px; padding: 24px;} /* 케어서비스 높이값 변경 PCACC024700.html */ .box_account_apply01 .list_sel_inp.h160 .w384 a{min-height:182px; padding:36px;} /* PCACC021500.html */ /* 변경할수령방법 전체보기추가 */ .tab_view_toggle{position:relative;} .tab_view_toggle .btn_view{position:absolute; top:0; right:0; padding-right:28px; line-height:24px;} .tab_view_toggle .btn_view:before{content:''; position:absolute; top:0; right:0; opacity:.64; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat 0 0 / 24px; transition:all .2s;} .tab_view_toggle .tab_view_list{overflow:hidden; margin-top:16px; height:64px;} .tab_view_toggle .tab_view_list .rdo_tab_btn{margin-top:-16px;} .tab_view_toggle .tab_view_list .rdo_tab_btn li:nth-child(1), .tab_view_toggle .tab_view_list .rdo_tab_btn li:nth-child(2){width:388px;} .tab_view_toggle .tab_view_list .rdo_tab_btn li{width:253px; padding-top:16px;} /* .tab_view_toggle .rdo_tab_wrap{margin-top:20px;} */ .tab_view_toggle.on .btn_view:before{transform:rotate(-180deg);} .tab_view_toggle.on .tab_view_list{height:auto;} /* 2021-12-20 account_01.css 취합 */ /* 텍스트 오류일때 타입추가 */ .txt_error{margin-top:12px; color:#ff0000;} /* 리스트 타입 margin-top:16px; PCACC003400.html */ .sub_account .list_type01 li{margin-top:16px;} .sub_account .list_type01 li:first-child{margin-top:0;} /* _________________________ 이용대금명세서 _________________________ */ /* 현대카드앱 */ .sub_account .ico_hyundaicard{width:20px; height:22px; margin-right:8px; background:url(/docfiles/resources/pc/images/common/badge/badge_Hyundaicard.png) no-repeat 50% 50%; background-size:20px 20px;} /* PCACC000200.html 빈도순 */ .box_mid_spec01 .sub_accod{margin-top:0; border-top:none;} .box_mid_spec01 .sub_accod > .accodWrap dt .accodBtn{overflow:hidden; padding:17px 28px 17px 0;} .box_mid_spec01 .sub_accod > .accodWrap dt .accodBtn:after{top:50%; right:0; width:24px; height:24px; margin-top:-12px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat 50% 50%; background-size:24px 24px;} .box_mid_spec01 .sub_accod > .accodWrap.on dt{border-bottom:none;} .box_mid_spec01 .sub_accod > .accodWrap.on dt .accodBtn:after{background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png);} .box_mid_spec01 .sub_accod > .accodWrap > .accodSlide{padding:4px 28px; background-color:#fafafa; border-bottom:none;} .box_mid_spec01 .sub_accod > .accodWrap:last-child dt{border-bottom:none;} .box_mid_spec01 .no_data{padding:100px 0;} /* 자주하는질문 PCACC000900.html */ .sub_account .qa_warp{margin-top:24px;} .sub_account .qa_warp dl{border-bottom:1px solid #e0e0e0;} .sub_account .qa_warp dl:first-child{border-top:1px solid #e0e0e0;} .sub_account .qa_warp dl.on{background-color:#fafafa;} .sub_account .qa_warp dl.on dt .accodBtn{font-weight:700;} .sub_account .qa_warp dl dt .accodBtn{position:relative; display:block; padding:15px 56px 15px 24px; background:none;} .sub_account .qa_warp dl dt .accodBtn:after{content:''; position:absolute; top:50%; right:16px; width:24px; height:24px; margin-top:-12px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat 100% 50%; background-size:24px 24px;} .sub_account .qa_warp dl.on dt .accodBtn:after{background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png);} .sub_account .qa_warp dl dd .p2_m_lt_2ln{padding:4px 56px 24px 24px;} .sub_account .qa_warp + [class^="bul_"], .sub_account .qa_warp + [class^="dash_"]{margin-top:24px;} /* 분석카드 레이어 PCACC001600 */ .modal_alert .w288 .qr_img{width:68px; height:68px; margin:20px auto 8px;} .modal_alert .w288 .qr_img img{max-width:68px; max-height:68px;} /* 영수증 팝업 PCACC001000.html */ /* 금액상세 */ .receipt_wrap .top_price{position:relative; margin-top:24px;} .receipt_wrap .top_price .price{position:relative; text-align:left;} .receipt_wrap .top_price .price .striketh{position:absolute; top:-24px;} .receipt_wrap .top_price .accodWrap{margin-top:4px; text-align:left;} .receipt_wrap .top_price .accodWrap .accodBtn{position:relative; padding-right:20px;} .receipt_wrap .top_price .accodWrap .accodBtn:after{content:''; overflow:hidden; position:absolute; top:4px; right:0; width:16px; height:16px; background:#5c5c5c url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_down_wht.png) no-repeat 100% 50%; background-size:16px 16px; border-radius:16px;} .receipt_wrap .top_price .accodWrap.on .accodBtn:after{background-image:url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_up_wht.png);} .receipt_wrap .top_price .accodWrap .accodSlide{margin-top:20px;} .receipt_wrap .top_price .accodWrap .accodSlide .sd_m_02{padding:16px 20px;} .receipt_wrap .top_price .btn_pos{position:absolute; top:6px; right:0;} /* 영수증상세 */ .receipt_wrap .top_price + .co_tbl_type02{margin-top:16px;} .receipt_wrap .co_tbl_type02 + .co_tbl_type02, .receipt_wrap .co_tbl_type02 table + .p2_m_lt_1ln{margin-top:24px;} .receipt_wrap .co_tbl_type02 > .p2_m_lt_1ln{padding:8px 0;} .receipt_wrap .co_tbl_type02 + .box_btn{margin-top:16px} /* 가맹점 정보 */ .receipt_wrap .merchant_info{margin-top:16px; padding:16px 20px; text-align:left;} .receipt_wrap .merchant_info .address + .divr_dot{margin-top:6px;} .receipt_wrap .merchant_info .divr_dot + .accodWrap{margin-top:6px;} .receipt_wrap .merchant_info .accodWrap .accodBtn{position:relative; padding-right:18px;} .receipt_wrap .merchant_info .accodWrap .accodBtn:after{content:''; overflow:hidden; position:absolute; top:2px; right:0; width:16px; height:16px; background:url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_down.png) no-repeat 100% 50%; background-size:16px 16px; opacity:0.4;} .receipt_wrap .merchant_info .accodWrap.on .accodBtn:after{background-image:url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_up.png);} .receipt_wrap .merchant_info .accodWrap .accodSlide{margin-top:4px;} /* 매출확인서 영문 PCACC001100.html */ .receipt_wrap .info_conflrm{text-align:left;} .receipt_wrap .info_conflrm .p1_m_lt_1ln + .p1_m_lt_1ln{margin-top:6px;} .receipt_wrap .info_conflrm .p1_m_lt_1ln > span{position:relative; margin-right:17px;} .receipt_wrap .info_conflrm .p1_m_lt_1ln > span:before{content:''; position:absolute; top:7px; right:-8px; width:1px; height:8px; background-color:rgba(0,0,0,0.12);} .receipt_wrap .info_conflrm .p1_m_lt_1ln > span:last-child{margin-right:0;} .receipt_wrap .info_conflrm .p1_m_lt_1ln > span:last-child:before{display:none;} /* 유의사항(맨하단 라인있는 텍스트박스) */ .receipt_wrap .txt_notice.en + .co_tbl_type02{margin-top:20px;} .txt_notice{margin-top:24px;} .txt_notice .logo{margin-top:24px;} .txt_notice .logo img{width:118px;} .txt_notice.divr_line{margin-top:24px; padding-top:16px;} .txt_notice.en{margin-top:28px;} .txt_notice.en.divr_line{margin-top:20px; padding-top:28px;} /* 이용대금명세서 인쇄하기 윈도우 팝업 PCACC000400.html */ .pop_wrap{width:928px; margin:0 auto; padding:80px 0;} .pop_wrap *{font-family:'YouandiNewKr';} .pop_wrap .pop_header {position:relative; padding-bottom:40px; text-align:center;} .pop_wrap .pop_header .logo{font-size:0; line-height:0;} .pop_wrap .pop_header .logo a {display:inline-block; font-size:0;} .pop_wrap .pop_header .logo a img {width:118px; height:24px; vertical-align:top;} .pop_wrap .pop_header .page_title {padding-top:20px; font-size:30px;} .pop_wrap .pop_header .sub_title {margin:17px 0 0; font-size:15px; color:#666;} .pop_wrap .pop_header .print{position:absolute; right:0; bottom:40px; width:64px; cursor:pointer;} .pop_wrap .pop_contents .statement_summary {position:relative; padding:36px 40px 40px 39px; background:#fafafa;} .pop_wrap .pop_contents .statement_summary:after {display:block; content:''; clear:both;} .pop_wrap .pop_contents .statement_summary .total_amount {float:left;} .pop_wrap .pop_contents .statement_summary .statement_title .title{color:#000; font-size:20px;} .pop_wrap .pop_contents .statement_summary .statement_amount {margin-top:5px; color:#000; font-size:18px;} .pop_wrap .pop_contents .statement_summary .statement_amount p {font-size:18px;} .pop_wrap .pop_contents .statement_summary .statement_amount span {margin-right:4px; font-size:40px;} .pop_wrap .pop_contents .statement_summary .statement_amount .minimum{margin-top:10px; color:#666; font-size:15px;} .pop_wrap .pop_contents .statement_summary .statement_amount .minimum span{margin-left:4px; margin-right:0; color:#000; font-size:15px;} .pop_wrap .pop_contents .statement_summary .statement_amount .minimum span:last-child{margin:0;} .pop_wrap .pop_contents .statement_summary .headword {float:right;} .pop_wrap .pop_contents .statement_summary .headword:after {display:block; content:''; clear:both;} .pop_wrap .pop_contents .statement_summary .headword .line_list {width:390px; font-size:15px;} .pop_wrap .pop_contents .statement_summary .headword .line_list li {padding:12px 0 14px; color:#666; border-top:1px solid #ebebeb;} .pop_wrap .pop_contents .statement_summary .headword .line_list li:after{display:block; content:''; clear:both;} .pop_wrap .pop_contents .statement_summary .headword .line_list li:first-child {padding-top:0; border-top:0 none;} .pop_wrap .pop_contents .statement_summary .headword .line_list li:last-child{padding-bottom:0;} .pop_wrap .pop_contents .statement_summary .headword .line_list .item_right{float:right; color:#000;} .pop_wrap .pop_contents .account_article {margin-top:33px; border-bottom:1px solid #ebebeb;} .pop_wrap .pop_contents .account_article:after {display:block; content:''; clear:both;} .pop_wrap .pop_contents .statement_section {overflow:hidden; float:left; margin:0 0 -1px 65px;} .pop_wrap .pop_contents .statement_section:first-child {margin-left:0;} .pop_wrap .pop_contents .statement_section:first-child + .statement_section {float:right;} .pop_wrap .pop_contents .statement_header.type1 {margin-bottom:19px;} .pop_wrap .pop_contents .statement_header .title {font-size:21px;} .pop_wrap .pop_contents .statement_section .statement_list{position:relative; border-top: 2px solid rgba(0,0,0,0.64);} .pop_wrap .pop_contents .statement_section .statement_list ul {float:left; width:266px; margin-left:64px;} .pop_wrap .pop_contents .statement_section .statement_list ul:first-child {margin-left:0;} .pop_wrap .pop_contents .statement_section .statement_list ul li{padding:19px 0 21px; color:#666; font-size:13px; border-bottom:1px solid #ebebeb;} .pop_wrap .pop_contents .statement_section .statement_list ul li > span{float:right; color:#000;} .pop_wrap .pop_contents .list_style01{margin-top:15px;} .pop_wrap .pop_contents .list_style01 li{position:relative; margin-top:4px; padding-left:8px; color:#666; font-size:14px; line-height:17px; letter-spacing:-0.8px;} .pop_wrap .pop_contents .list_style01 li:first-child{margin-top:0;} .pop_wrap .pop_contents .list_style01 li:before{content:''; position:absolute; top:6px; left:0; width:4px; height:1px; background-color:rgba(0,0,0,0.40);} .pop_wrap .pop_contents .table_box {width:100%; margin-top:32px;} .pop_wrap .pop_contents .table_box .table_header{overflow:hidden; margin-bottom:18px;} .pop_wrap .pop_contents .table_box .table_header .form_title{float: left; font-size: 21px;} .pop_wrap .pop_contents .table_content {border-top:2px solid #5c5c5c;} .pop_wrap .pop_contents .form_table{border-bottom:1px solid #ebebeb;} .pop_wrap .pop_contents .form_table thead th, .pop_wrap .pop_contents .form_table tbody th {padding:17px 0; color:#666; font-size:15px; line-height:19px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; text-align:center; vertical-align:middle;} .pop_wrap .pop_contents .form_table thead tr.line th {border-top:1px solid #ebebeb;} .pop_wrap .pop_contents .form_table tbody th {color:#000; line-height:20px;} .pop_wrap .pop_contents .form_table tbody td {padding:13px 0; border-left:1px solid #f0f0f0; font-size:15px; line-height:20px; text-align:center; border-top: 1px solid #f0f0f0;} .pop_wrap .pop_contents .form_table thead th:first-child, .pop_wrap .pop_contents .form_table tbody th:first-child, .pop_wrap .pop_contents .form_table tbody td:first-child {border-left:0 none;} .pop_wrap .pop_contents .form_table tbody tr > td:first-child {font-size:13px;} .pop_wrap .pop_contents .form_table tfoot td {border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#f9f9f9;} .pop_wrap .pop_contents .form_table tfoot td:first-child {border-left:0 none;} .pop_wrap .pop_contents .form_table tbody tr.last td {border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#f9f9f9;} .pop_wrap .pop_contents .form_table tbody tr.last td:first-child {border-left:0 none; font-size:15px;} .pop_wrap .pop_contents .form_table tbody tr.last td em{font-weight:700;} .pop_wrap .pop_contents .form_table .col_left6 {padding: 13px 10px !important; text-align: left !important; } .pop_wrap .pop_contents .form_table .col_right4 {padding: 19px 10px 19px 0 !important; text-align: right !important;} .pop_wrap .pop_contents .input_section.line {padding:20px 0 0; border-top: 2px solid rgba(0,0,0,0.64);} .pop_wrap .pop_contents .list_section {margin:20px 0 0;} .pop_wrap .pop_contents .result_list_area {overflow-x:hidden; overflow-y:scroll; height:248px; padding:24px; border:1px solid #ebebeb;} .pop_wrap .pop_contents .result_list_area .print_list li {margin:15px 0 0;} .pop_wrap .pop_contents .result_list_area .print_list li:first-child {margin:0;} .pop_wrap .pop_contents .result_list_area .print_list li .maker {display:inline-block; min-width:200px;} /* _________________________ 정기결제 _________________________ */ /* PCACC012600.html */ .co_title_box02.bot_line01{padding-bottom:20px; border-bottom:2px solid #000;} /* ico_check_box */ /* 2021-07-29 GGCZ06 css 수정 */ .sub_account .ico_check_box{position:relative; vertical-align:top;} .sub_account .ico_check_box .check_label{display:table; width:100%; padding:0 20px 0 104px; height:128px; color:#000; border:1px solid #cccccc; border-radius:8px;} .sub_account .ico_check_box .check_input:checked + .check_label {padding:0 19px 0 103px; border:2px solid #000;} .sub_account .ico_check_box .check_label .txt{position:relative; display:table-cell; vertical-align:middle;} .sub_account .ico_check_box .check_input + .check_label:before{top:50%; left:auto; right:23px; margin-top:-16px;} .sub_account .ico_check_box:before{content:''; position:absolute; top:24px; left:12px; width:80px; height:80px;} .sub_account .ico_check_box.ico_10:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular10.png) no-repeat 50% 50%; background-size:80px;} /* 월세 */ .sub_account .ico_check_box.ico_01:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular01.png) no-repeat 50% 50%; background-size:80px;} /* 초중고교 */ .sub_account .ico_check_box.ico_02:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular02.png) no-repeat 50% 50%; background-size:80px;} /* 휴대폰요금 */ .sub_account .ico_check_box.ico_03:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular03.png) no-repeat 50% 50%; background-size:80px;} /* 전화요금 */ .sub_account .ico_check_box.ico_04:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular04.png) no-repeat 50% 50%; background-size:80px;} /* 아파트 */ .sub_account .ico_check_box.ico_05:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular05.png) no-repeat 50% 50%; background-size:80px;} /* 도시가스 */ .sub_account .ico_check_box.ico_06:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular06.png) no-repeat 50% 50%; background-size:80px;} /* 전기요금 */ .sub_account .ico_check_box.ico_07:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular07.png) no-repeat 50% 50%; background-size:80px;} /* 4대보험 */ .sub_account .ico_check_box.ico_08:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular08.png) no-repeat 50% 50%; background-size:80px;} /* 임대료 */ .sub_account .ico_check_box.ico_09:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular09.png) no-repeat 50% 50%; background-size:80px;} /* 멤버십 */ .sub_account .ico_check_box.ico_11:before{background:url(/docfiles/resources/pc/images/common/icon/w80/ico_regular11.png) no-repeat 50% 50%; background-size:80px;}/* TV 수신료 *//* 2024-08-19 Q20542 추가 */ /* width 1200 * 3칸 left 여백 16px top 20 */ .sub_account .regular_list01{overflow:hidden;} .sub_account .regular_list01 li{float:left; width:389px; margin:20px 0 0 16px;} .sub_account .regular_list01 li:nth-child(3n+1){margin-left:0;} .sub_account .regular_list01 li:nth-child(-n+3){margin-top:0;} /* 유의사항 추가 */ .sub_account .regular_list01 + .regular_notice{margin-top:24px;} .sub_account .regular_notice [class^="bul_"] + .box_btn, .sub_account .regular_notice [class^="dash_"]+ .box_btn{margin-top:16px; padding-left:8px;} .sub_account .regular_notice .box_btn ul li{margin-top:5px;} .sub_account .regular_notice .box_btn ul li:first-child{margin-top:0;} /* 2023-08-10 Q20406(동근혁) 순서변경 */ .sub_account .regular_notice .box_btn{padding-left:8px;} .sub_account .regular_notice .box_btn + [class^="bul_"], .sub_account .regular_notice .box_btn + [class^="dash_"]{margin-top:16px;} /* 아코디언 타입추가 */ .sub_account .regular_wrap .accodWrap.on dt, .sub_account .regular_wrap .accodWrap.on dd{background-color:rgba(0, 0, 0, .02);} .sub_account .regular_wrap .accodWrap.on dt{border-bottom:none;} .sub_account .regular_wrap .accodWrap.on dt .accodBtn{font-weight:700;} .sub_account .regular_wrap .accodWrap .accodSlide .co_tbl_info_article.type01 .grp_title{padding-left:24px;} .sub_account .regular_wrap .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp{border-top:1px solid #f0f0f0;} .sub_account .regular_wrap .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp:first-child{border-top:none;} .sub_account .regular_wrap .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp:first-child .grp_title, .sub_account .regular_wrap .accodWrap .accodSlide .co_tbl_info_article.type01 .box_grp:first-child .grp_cont{padding-top:8px;} .sub_account .regular_wrap .accodWrap .accodSlide .box_select.h64{line-height:0;} /* 버튼 바로열기 */ .sub_account .btn_open_more{position:relative; display:inline-block; padding:19px 44px 19px 24px; background-color:#f5f5f5; border-radius:8px;} .sub_account .btn_open_more:after{content:''; position:absolute; top:50%; right:20px; width:24px; height:24px; margin-top:-12px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:24px 24px;} /* 서브페이지 아코디언 */ .sub_accod{margin-top:20px; border-top:2px solid #000;} .sub_accod > .accodWrap dt{position:relative; border-bottom:1px solid #ebebeb;} .sub_accod > .accodWrap dt .accodBtn{position:relative; display:block; padding:20px 72px 20px 24px;} .sub_accod > .accodWrap dt .accodBtn:after{content:''; position:absolute; top:50%; right:20px; width:32px; height:32px; margin-top:-16px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat 50% 50%; background-size:32px 32px;} .sub_accod > .accodWrap.on > dt .accodBtn:after{background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);} .sub_accod > .accodWrap > .accodSlide{display:none; padding:24px; border-bottom:1px solid #ebebeb;} .sub_accod > .accodWrap > .accodSlide .bul_txt.h4_m_lt{font-size:20px; font-weight:500; line-height:26px;} /* 리스트 테이블 스타일 재설정 */ .co_tbl_info_article.no_bot_line{border-bottom:none;} .co_tbl_info_article.type01.tit140 .grp_title{width:140px;} .co_tbl_info_article.type01.tit156 .grp_title{width:156px;} .co_tbl_info_article.type01.tit200 .grp_title{width:200px;} .co_tbl_info_article.type01.tit234 .grp_title{width:234px;} .sub_accod > .accodWrap .accodSlide .co_tbl_info_article{border-top:none; border-bottom:none;} .sub_accod > .accodWrap .accodSlide .co_tbl_info_article .box_grp{border-top:none;} .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .grp_title{padding-left:0;} .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .grp_cont{padding-right:0;} /* PCACC012600.html 정렬 재설정 */ .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .bul_list li > .p2_m_lt_1ln.fc_m_link.ml12{display:inline-block; vertical-align:middle;} .sub_accod > .accodWrap .accodSlide .co_tbl_info_article.type01 .bul_list li > .p2_m_lt_1ln.fc_m_link.ml12 > [class^="textbico"]{vertical-align:initial;} /* 아코디언 안에 tbl_row 재설정 */ .sub_accod > .accodWrap .accodSlide .tbl_row{/* width:calc(100% + 48px); margin:0 -24px; */ border-top:none;} .sub_accod > .accodWrap .accodSlide .tbl_row.top_bot_line01{border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .sub_accod > .accodWrap .accodSlide .tbl_row th, .sub_accod > .accodWrap .accodSlide .tbl_row td{border-bottom:none;} /* 구분선 타입추가 */ .sub_accod > .accodWrap .accodSlide .tbl_row .top_line th, .sub_accod > .accodWrap .accodSlide .tbl_row .top_line td{border-top:1px solid #ebebeb;} .sub_accod > .accodWrap .accodSlide .tbl_row .bot_line th, .sub_accod > .accodWrap .accodSlide .tbl_row .bot_line td{border-bottom:1px solid #ebebeb;} .sub_accod > .accodWrap .accodSlide .tbl_row.bd_type th, .sub_accod > .accodWrap .accodSlide .tbl_row.bd_type td {border-bottom: 1px solid #ebebeb;} /* 2021-07-30 Q10086 추가 */ .sub_accod > .accodWrap .accodSlide .sub_accod{margin-top:56px; border-top-width:1px;} /* 아코디언안에 하단버튼 여백 재설정 */ .sub_accod .accodSlide [class^='bul'] + .box_btn.alC, .sub_accod .accodSlide .box_select_input + .box_btn.alC{margin-top:64px;} /* 서브페이지 아코디언 텍스트 영역과 열고닫기버튼 분리, 아코디언 영역 사잇간격 56일때 */ .sub_accod.type01{margin-top:0; border-top:none;} .sub_accod.type01 > .accodWrap{margin-top:56px; border-top:2px solid #000;} .sub_accod.type01 > .accodWrap:first-child{margin-top:0;} .sub_accod.type01 > .accodWrap > dt{border-bottom:none;} .sub_accod.type01 > .accodWrap > dt .tit{padding:16px 72px 16px 24px;} .sub_accod.type01 > .accodWrap > dt .accodBtn{padding:16px 72px 16px 0;} .sub_accod.type01 > .accodWrap > dt .accodBtn:after{right:0;} .sub_accod.type01 > .accodWrap > dt .tit + .accodBtn{position:absolute; top:0; right:0; bottom:0; width:64px; padding:0;} .sub_accod.type01 > .accodWrap > .accodSlide{padding:36px 0 24px; border-bottom:none;} .sub_accod.type01 > .accodWrap > .accodSlide .no_data.line01{padding:134px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .sub_accod.type01 > .accodWrap > .accodSlide [class^="p3"] + .co_tbl_info_article.type01{margin-top:16px;} .sub_accod.type01 > .accodWrap > .accodSlide .co_tbl_info_article.type01{border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;} .sub_accod.type01 > .accodWrap > .accodSlide .co_tbl_info_article.type01.grp_top_line {border-top:none; border-bottom:none;} .sub_accod.type01 > .accodWrap > .accodSlide .co_tbl_info_article.type01.grp_top_line .box_grp{border-top:1px solid #f0f0f0;} .sub_accod.type01 > .accodWrap > .accodSlide .co_tbl_info_article.type01 .grp_title{padding-left:24px;} .sub_accod.type01 > .accodWrap > .accodSlide .co_tbl_info_article.type01 .grp_cont{padding-right:24px;} /* PCACC012800.html */ .sub_account .reconflrm_content .h3_b_lt + .co_tbl_info_section{margin-top:52px;} .sub_account .reconflrm_content .co_tbl_info_section{margin-top:80px;} .sub_account .reconflrm_content .co_title_box02 + h5[class^="h4"]{margin-top:16px; padding-top:48px; border-top:2px solid #000;} .sub_account .reconflrm_content h5[class^="h4"]{margin-top:48px; margin-bottom:16px;} .sub_account .reconflrm_content h5[class^="h4"] + .co_tbl_info_article.type01.thin{border-color:rgba(0, 0, 0, .08);} .sub_account .reconflrm_content .co_tbl_info_article.type01 .grp_title{letter-spacing:-.5px;} /* 약관 회색박스 radius 변경 */ /* 에러문구 나올때 깨짐현상있어 수정 */ .box_terms_wrap.box_terms_radius .agree_wrap{padding:14px 12px;} .box_terms_wrap.box_terms_radius .agree_wrap + .agree_wrap{position:relative;} .box_terms_wrap.box_terms_radius .agree_wrap + .agree_wrap:before{content:''; position:absolute; top:-10px; right:0; left:0; height:20px; background-color:#f5f5f5;} /* 어카운트 input 재설정 삭제로 삭제 .popup_juso_sch input[class*="h64"], .popup_juso_sch input[class*="h64"][type*="tel"]{padding:19px 0; font-size:20px; line-height:26px;} 어카운트 input 재설정 삭제로 삭제 */ /* PCACC019700.html */ /* 보인인증 안에 카드정보입력 영역 여백 재설정 */ .box_certification .box_select_input + .box_fianance_step01{margin-top:64px;} .box_certification .box_fianance_step01 + .box_btn{margin-top:80px;} .box_certification .box_fianance_step01 .box_select_input .box_select + .box_input01{margin-top:20px;} /* _________________________ 정기결제(월세) _________________________ */ /* PCACC015222.html */ .co_tbl_info_article .box_grp .rent_address{position:relative; padding:0 94px 0 69px;} .co_tbl_info_article .box_grp .rent_address [class^="lab_"]{position:absolute; top:0; left:0;} .co_tbl_info_article .box_grp .rent_address .box_btn{position:absolute; top:0; right:0;} /* PCACC015223.html */ .sub_account .rent_step{padding:24px 47px; border:1px solid #d9d9d9; border-radius:8px;} .sub_account .rent_step .rent_step_list{display:flex;} .sub_account .rent_step .rent_step_list li{position:relative; margin-right:72px; opacity:.2; width:120px; height:112px; padding-top:79px; background-repeat:no-repeat; background-position:50% 11px; background-size:64px;} .sub_account .rent_step .rent_step_list li:before{content:''; position:absolute; top:40px; right:-52px; width:32px; height:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png) no-repeat 50% 50%; background-size:32px;} .sub_account .rent_step .rent_step_list li:last-child{margin-right:0;} .sub_account .rent_step .rent_step_list li:last-child:before{display:none;} .sub_account .rent_step .rent_step_list li.on{opacity:1;} .sub_account .rent_step .rent_step_list li.on:before{opacity:.2;} .sub_account .rent_step .rent_step_list li.on [class^="p1_"]{font-weight:700;} .sub_account .rent_step .rent_step_list li.ico_01{background-image:url(/docfiles/resources/pc/images/account/icon/ico_rent_step01.png);} .sub_account .rent_step .rent_step_list li.ico_02{background-image:url(/docfiles/resources/pc/images/account/icon/ico_rent_step02.png);} .sub_account .rent_step .rent_step_list li.ico_03{background-image:url(/docfiles/resources/pc/images/account/icon/ico_rent_step03.png);} .sub_account .rent_step .rent_step_list li.ico_04{background-image:url(/docfiles/resources/pc/images/account/icon/ico_rent_step04.png);} .sub_account .rent_step + [class^="bul_"]{margin-top:12px;} /* PCACC015229.html */ /* 셀렉트박스 선택시 높이 예외케이스 추가 */ .box_datepicker01.h192 .select_wrap .ul_select_list{max-height:192px;} /* _________________________ 수시결제 _________________________ */ /* PCACC017800.html */ .sub_content_wrap{width:792px; margin:52px auto 0;} /* width 792px 컨텐츠일때 */ /* .sub_content_wrap 일때 간격 재설정*/ .sub_content_wrap .co_tbl_info_article + .cel_total{margin-top:12px;} .sub_content_wrap .co_tbl_info_article + .cel_total .box_info01{padding:16px 24px;} .sub_content_wrap .cel_total + .co_title_box01{margin-top:64px;} .sub_content_wrap .co_title_box01 + .box_select_input, .sub_content_wrap .co_title_box02 + .box_select_input{margin-top:20px;} .sub_content_wrap .co_title_box01 + .box_select.h64{margin-top:16px;} .sub_content_wrap .box_select_input + .co_title_box01{margin-top:64px;} .sub_content_wrap .box_select.h64 + .bul_txt{margin-top:11px;} .sub_content_wrap .h3_b_lt + .box_select_input, .sub_content_wrap .h3_b_lt + .tbl_row{margin-top:20px;} .sub_content_wrap .box_select_input + [class^='bul'], .sub_content_wrap .tbl_row + [class^='bul'], .sub_content_wrap .box_com_result + [class^='bul']{margin-top:24px;} .sub_content_wrap [class^='bul'] + .box_btn.alC, .sub_content_wrap .box_select_input + .box_btn.alC{margin-top:80px;} /* PCACC018200.html */ /* box_certification 들어왔을때 데이터피커 재설정 */ .sub_content_wrap .box_datepicker01{display:inline-block; width:100%; vertical-align:top;} .sub_content_wrap .box_datepicker01 .input_datepicker, .ie10 .sub_content_wrap .box_datepicker01 .start_date, .ie10 .sub_content_wrap .box_datepicker01 .end_date {float:left; width:46%; height:64px;} .sub_content_wrap .box_datepicker01 .input_datepicker input[type="text"]{font-size:20px; font-weight:500; line-height:26px} .sub_content_wrap .box_datepicker01 .bar_dash{float:left; width:8%; height:64px; line-height:64px; text-align:center;} .sub_content_wrap .box_datepicker01 .h64 .bar_dash{width:17%;} .sub_content_wrap .co_title_box01 + .box_datepicker01{margin-top:16px;} /* PCACC018300.html */ /* app_type radio 디자인변경 */ .sub_content_wrap .box_intall_pay01.app_type .date01{padding-left:24px;} .sub_content_wrap .box_intall_pay01.app_type .option01{width:384px;} .sub_content_wrap .box_intall_pay01.app_type .option01 .divr_dot + .divr_dot{margin-top:12px;} .sub_content_wrap .box_intall_pay01.app_type .won01{float:right; width:180px; padding-right:24px;} .sub_content_wrap .box_intall_pay01.app_type .box_item01 .list01 > li > .p2_m_lt_1ln.fc_m_a64{width:auto;} .sub_content_wrap .box_intall_pay01.app_type .input_cell_check01 input:checked + label > i{background-color:#e0e0e0;} .sub_content_wrap .box_intall_pay01.app_type .input_cell_check01 input:checked + label > i:before{background-color:#000;} /* _________________________ 내 정보 관리 _________________________ */ /* PCACC031500.html box_certification 본인인증 탭 들어왔을때 재설정 */ .box_certification .co_title_box01 + .list_sel_inp{margin-top:20px;} /* PCACC031600.html co_tbl_info_article 안에 box_input01 내용이 있을때 재설정 */ /* .sub_content_wrap .co_title_box01 + .co_tbl_info_article > .box_input01:first-child, .sub_content_wrap .co_title_box02 + .co_tbl_info_article > .box_input01:first-child{margin-top:-22px; background-color:#fff;} */ .sub_content_wrap .co_title_box01 + .co_tbl_info_article > .box_input01:last-child, .sub_content_wrap .co_title_box02 + .co_tbl_info_article > .box_input01:last-child{margin-bottom:-1px;} .sub_content_wrap .co_tbl_info_article > .box_grp + .box_input01{border-top:1px solid #f0f0f0;} .sub_content_wrap .co_tbl_info_article > .box_input01 + .box_grp{border-top:none;} .sub_content_wrap .co_tbl_info_article > .box_input01 + .box_input01{margin-top:0;} .sub_content_wrap .co_tbl_info_article > .box_input01 + .box_grp {padding-top:20px;} .sub_content_wrap .co_tbl_info_article > .box_input01{padding-top:20px;} .sub_content_wrap .co_tbl_info_article .grp_cont .h4_b_lt > input{height:26px; font-weight:700; font-size:20px; line-height:26px;} .sub_content_wrap .co_tbl_info_article .grp_cont .h4_b_lt > input[readonly]{outline:none;} .sub_content_wrap .co_tbl_info_article .grp_cont [class^="h4"] + .textbico_small_link{margin-top:4px;} /* PCACC022500.html 셀렉트박스추가 */ .sub_content_wrap .co_tbl_info_article > .box_select, .sub_content_wrap .sub_self_auth .cert_msg_middle.mt56{margin-top:56px;} /* co_tbl_info_article 회색일때 타입추가 */ .co_tbl_info_article.type01.bg_grey_wrap{margin-top:20px; border-top:none; border-bottom:none;} .co_tbl_info_article.type01.bg_grey_wrap .box_grp.grey_inner{padding:24px; background-color:#f5f5f5; border-radius:8px;} .co_tbl_info_article.type01.bg_grey_wrap .box_grp.grey_inner + .box_input01{margin-top:20px; border-top:none;} .co_tbl_info_article.type01.bg_grey_wrap .grey_inner .grp_title, .co_tbl_info_article.type01.tbl_inspayapply01.bg_grey_wrap .grp_title{width:164px; padding:15px 0 15px 16px; vertical-align:top;} .co_tbl_info_article.type01.bg_grey_wrap .grey_inner .grp_cont, .co_tbl_info_article.type01.tbl_inspayapply01.bg_grey_wrap .grp_price{padding:15px 16px;} .co_tbl_info_article.type01 .box_btn.ml12{margin-left:12px;} /* 인증서 본인인증케이스 변경 */ .cert_msg.mt64{margin-top:64px;} .cert_msg_middle.mt44{margin-top:44px;} /* PCACC033020.html */ .sub_account .box_info_step .tit + [class^="p1"]{margin-top:20px;} .sub_account .box_info_step [class^="p1"] + .list_step{margin-top:16px;} .sub_account .box_info_step .list_step{padding:24px 40px; border:1px solid #ebebeb; border-radius:8px;} .sub_account .box_info_step .list_step ul{overflow:hidden;} .sub_account .box_info_step .list_step ul li{position:relative; float:left; width:33%; padding-top:66px; background:url(/docfiles/resources/pc/images/account/icon/ico_kakao_step01.png) no-repeat 50% 0 / 65px 64px; text-align:center;} .sub_account .box_info_step .list_step ul li:first-child:before{display:none;} .sub_account .box_info_step .list_step ul li:before{content:''; position:absolute; top:50%; left:-16px; width:32px; height:32px; margin-top:-16px; background:url(/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png) no-repeat 50% 0 / 32px;} .sub_account .box_info_step .list_step ul li.step01{background-image:url(/docfiles/resources/pc/images/account/icon/ico_kakao_step01.png);} .sub_account .box_info_step .list_step ul li.step02{background-image:url(/docfiles/resources/pc/images/account/icon/ico_kakao_step02.png);} .sub_account .box_info_step .list_step ul li.step03{background-image:url(/docfiles/resources/pc/images/account/icon/ico_kakao_step03.png);} .sub_account .box_info_step .list_step ul li .num + [class^="p2"]{margin-top:4px;} /* PCACC032900.html , PCACC033100.html */ .sub_account .marketing_list{margin-top:20px; padding:0 24px; border-top:2px solid #000;} .sub_account .marketing_list li > .h4_b_lt:first-child{margin-top:36px;} .sub_account .marketing_list li:first-child > .h4_b_lt:first-child{margin-top:24px;} .sub_account .marketing_list li:first-child > .check_wrap:first-child{margin-top:12px;} .sub_account .marketing_list li .h4_b_lt + .check_wrap{margin-top:12px;} .sub_account .marketing_list li .check_wrap{padding:10px 0;} .sub_account .marketing_list li .check_wrap .box_chk01{display:inline-block; margin-right:32px;} .sub_account .marketing_list li .check_wrap .box_chk01:last-child{margin-right:0;} .sub_account .marketing_list + .box_btn.alC{margin-top:80px;} /* 2021-07-28 Q10086: border type 추가 */ .sub_account .marketing_list.type_bd {border-bottom: 1px solid #ebebeb;} .sub_account .marketing_list.type_bd li > .h4_b_lt, .sub_account .marketing_list.type_bd li > .h4_b_lt:first-child {margin-top: 0;} .sub_account .marketing_list.type_bd li {padding: 24px 0; border-top: 1px solid #ebebeb;} /* PCACC033100.html */ .sub_account .service_status{margin-top:20px; border-top:2px solid #000;} .sub_account .service_status ul{overflow:hidden; margin-top:-4px; padding:0 18px;} .sub_account .service_status ul li{float:left; width:25%; height:192px; margin-top:28px; text-align:center;} .sub_account .service_status .icon_box{width:64px; height:64px; margin:0 auto;} .sub_account .service_status .icon_box img{width:100%; height:100%;} .sub_account .service_status .tit{margin-top:4px; height:44px;} .sub_account .service_status .tit + .lab_m{margin-top:8px;} .sub_account .service_status .date, .sub_account .service_status .date_chang{display:block; margin-top:8px;} /* 2021-11-16 Q10112 : 현행화 */ .sub_account .regular_list02{overflow:hidden;} .sub_account .regular_list02 li{float:left; width:388px; margin:20px 0 0 16px;} .sub_account .regular_list02 li:nth-child(odd){margin-left:0;} .sub_account .regular_list02 li:nth-child(even){margin-left:16px;} .sub_account .regular_list02 li .tit{display:block;} .sub_account .regular_list02 li .date, .sub_account .regular_list02 li .date_chang{display:block;} /* sub_content_wrap wid792 버전 추가 PCACC012600 수정시 확인필요 */ .sub_account .sub_content_wrap .ico_check_box .check_label{padding:0 24px 0 88px;} .sub_account .sub_content_wrap .ico_check_box .check_input:checked + .check_label{padding:0 23px 0 87px} .sub_account .sub_content_wrap .ico_check_box:before{top:32px; left:12px; width:64px; height:64px; background-repeat:no-repeat; background-position:50% 50%; background-size:64px;} .sub_account .sub_content_wrap .ico_check_box.ico_01:before{background-image:url(/docfiles/resources/pc/images/common/icon/w64/ico_cardloan.png);} /* 장기카드대출 (카드론) 이용 */ .sub_account .sub_content_wrap .ico_check_box.ico_02:before{background-image:url(/docfiles/resources/pc/images/common/icon/w64/ico_revolving.png);} /* 일부결제금액이월약정 (리볼빙) 설정 */ .sub_account .sub_content_wrap .ico_check_box.ico_03:before{background-image:url(/docfiles/resources/pc/images/common/icon/w64/ico_limit.png);} /* 이용한도 상향 안내*/ .sub_account .sub_content_wrap .ico_check_box.ico_04:before{background-image:url(/docfiles/resources/pc/images/common/icon/w64/ico_recipient.png);} /* 이용대금명세서 수령 방법 */ .sub_account .sub_content_wrap .ico_check_box.ico_05:before{background-image:url(/docfiles/resources/pc/images/common/icon/w64/ico_cardloan02.png);} /* 단기카드대출 (현금서비스) 이용*/ /* PCACC033400.html */ .tab_input_wrap .tab_input_cont .tab_cont{display:none;} .tab_input_wrap .tab_input_cont .tab_cont > .p1_b_lt_1ln{padding:17px 16px; background-color:#f5f5f5; border-radius:8px;} .tab_input_wrap .tab_input_cont .tab_cont > .p1_b_lt_1ln + [class*='star_']{margin-top:24px;} /* 조회하기영역 */ .sub_account .inquiry_box:after{content:''; display:block; clear:both;} .sub_account .inquiry_box .w314{width:314px;} .sub_account .inquiry_box .w104{width:104px;} .sub_account .inquiry_box .w180{width:180px;} .sub_account .inquiry_box > *{float:left; margin-left:4px;} .sub_account .inquiry_box > *:first-child{margin-left:0;} .sub_account .inquiry_box > .box_btn{margin-left:8px;} .sub_account .inquiry_box .select_wrap{vertical-align:top;} .sub_account .inquiry_box + .co_tbl_info_article.type01{margin-top:16px;} .sub_account .inquiry_box + [class^="p3"]{margin-top:6px;} /* 정렬 플랙스일때 */ .h4_b_lt + .list_sel_inp.h64{margin-top:4px;} .sub_account .align_flex{display:flex;} .sub_account .align_flex .flex1{flex:1;} .sub_account .align_flex .w154{width:154px; flex:none;} /* ie 10 , 11 깨짐현상으로 flex:none; 추가 */ .sub_account .align_flex .spacing3{letter-spacing:-3px;} .sub_account .align_flex.list_sel_inp.h48{margin-right:0; margin-left:0;} .sub_account .align_flex.list_sel_inp.h48 > li{margin:0 0 0 16px; padding:0;} .sub_account .align_flex.list_sel_inp.h48 > li:first-child{margin-left:0;} .sub_account .align_flex.interval16 > *{margin-left:16px;} .sub_account .align_flex.interval8 > *{margin-left:8px !important;} .sub_account .align_flex.interval16 > *:first-child, .sub_account .align_flex.interval8 > *:first-child{margin-left:0 !important;} /* list_sel_inp cell03 */ .sub_account .list_sel_inp.cell03{margin:4px 0 0 -16px;} .sub_account .list_sel_inp.cell03 li{width:calc(33.3% - 16px); margin:12px 0 0 16px; padding:0;} .sub_account .list_sel_inp.auto_cell{margin:4px 0 0 -16px;} .sub_account .list_sel_inp.auto_cell li.w33{width:calc(33.3% - 16px); margin:12px 0 0 16px; padding:0;} .sub_account .list_sel_inp.auto_cell li.w25{width:calc(25% - 16px); margin:12px 0 0 16px; padding:0;} /* 카드 정보*/ .sub_account .box_select + .list_card_ty01{margin-top:8px;} .sub_account .list_card_ty01 li{padding:16px 24px; border-top:1px solid #ebebeb;} .sub_account .list_card_ty01 li:first-child{border-top:none;} .sub_account .list_card_ty01 li:last-child{padding-bottom:0;} .sub_account .list_card_ty01 .item_card{position:relative; min-height:76px; padding-left:68px;} .sub_account .list_card_ty01 .item_card .img{position:absolute; top:0; left:0; width:48px; height:76px;} .sub_account .list_card_ty01 .item_card .img img{max-width:100%; max-height:100%;} .sub_account .list_card_ty01 .item_card .img .lab_rb{position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.64) !important; border-radius:2px;} .sub_account .list_card_ty01 .item_card .cont .name{margin-top:2px;} .sub_account .list_card_ty01 .item_card .cont .name + .user, .sub_account .list_card_ty01 .item_card .cont .user + .num, .sub_account .list_card_ty01 .item_card .cont .name + .num{margin-top:4px;} /* box_chk01 타입추가 회색동그라미에 체크시 가운데 검정동그라미 */ .box_chk01.type01 .check_label{padding:12px 0 12px 44px;} .box_chk01.type01 .check_input + .check_label:before{top:50%; margin-top:-16px; opacity:1; background-image:none; background-color:#e0e0e0; border-radius:16px;} .box_chk01.type01 .check_input:checked + .check_label span:after{content:''; position:absolute; top:50%; left:9px; width:14px; height:14px; margin-top:-7px; background-color:#000; border-radius:7px;} /* tab 클릭시 컨텐츠 변경 일때*/ .co_tab_wrap .co_tab_content .co_tab_cont{display:none;} /* * 텍스트 또는 리스트일때 들여쓰기 */ .star_txt, .star_list{margin-top:4px;} .star_txt, .star_list li{position:relative; padding-left:6px;} .star_txt:before, .star_list li:before{content:'*'; position:absolute; top:0; left:0;} .layer_body .top_txt + .co_tbl_info_article.type02.thin{margin-top:20px;} .layer_body .co_tbl_info_article.type02.thin + .box_btn.mt40{margin-top:40px;} /* PCACC034200.html */ .reason_box{margin-top:20px;} .reason_box .box_chk01+ .textarea{margin-top:12px;} .textarea{overflow:hidden; position:relative; height:240px; border:1px solid #000; border-radius:8px;} .textarea textarea{width:100%; height:100%; padding:16px; color:#858585; font-size:16px; font-weight:500; line-height:22px; border:none; border-radius:0;} .textarea textarea::placeholder {color:#858585; font-size:16px; font-weight:500; line-height:22px;} .textarea .count_num{position:absolute; right:16px; bottom:16px; color:#ccc;} /* PCACC022700.html */ .sub_account .list_card_ty02 > li{margin-top:64px; border-top:2px solid #000;} .sub_account .list_card_ty02 > li:first-child{margin-top:0;} .sub_account .list_card_ty02 .item_card{display:table; padding:18px 0;} .sub_account .list_card_ty02 .item_card > *{display:table-cell; vertical-align:middle;} .sub_account .list_card_ty02 .item_card .img{position:relative; width:40px; height:64px;} .sub_account .list_card_ty02 .item_card .img img{max-width:100%; max-height:100%;} .sub_account .list_card_ty02 .item_card .img .lab_rb{position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.64) !important; border-radius:2px;} .sub_account .list_card_ty02 .item_card .cont{padding-left:16px;} .sub_account .list_card_ty02 .item_card .cont .name, .sub_account .list_card_ty02 .item_card .cont .user{vertical-align:middle;} .sub_account .list_card_ty02 .item_card .cont .name + .user{padding-left:10px;} .sub_account .list_card_ty02 .section{margin-top:36px;} .sub_account .list_card_ty02 .section .h4_b_lt + .list_sel_inp{margin-top:16px;} .sub_account .list_card_ty02 .item_card + .section{margin-top:20px;} .sub_account .list_card_ty02 .list_none{padding:132px 0; /* border-bottom:1px solid #ebebeb; */} /* 2021-11-10 Q10112 : 내역없을때 라인없애기 */ /* 2021-07-27 Q10086: 디자인 변경으로 css 수정 */ .flex_list_section.foreign_payblock {margin-top: 12px;} .flex_list_section.foreign_payblock .flex_list {display: flex; align-items:center; justify-content: space-between; border-top: 1px solid #ebebeb; padding: 16px 0;} /* .flex_list_section.foreign_payblock .flex_list > p {padding: 13px 0;} */ .flex_list_section.foreign_payblock .flex_list > ul li {width: 120px; padding-top:0;} .flex_list_section.foreign_payblock .flex_list > ul li li:last-child {margin-left: 4px;} /* PCACC022300.html */ /* 카드이미지 없음 택스트일때 */ .sub_account .card_txt_list{border-top:2px solid #000;} .sub_account .co_withallchk_list.card_txt_list .all_chkbox{margin-top:12px; padding:12px 0;} .sub_account .card_txt_list .co_tbl_info_article.type01 .box_grp{padding:37px 0 37px 24px;} .sub_account .card_txt_list .co_tbl_info_article.type01 .box_grp .input_cell_check01 .h4_b_lt + .divr_dot{margin-top:12px;} .sub_account .card_txt_list .co_tbl_info_article .co_no_data{padding:109px 0;} /* PCACC004130.html */ .sub_account .cel_total.type01{padding:20px 24px; background-color:#fafafa; border-radius:8px;} .sub_account .cel_total.type01 .box_info01{padding:7px 0;} /* _________________________ 케어서비스 _________________________ */ /* PCACC025100.html */ .sub_account .sub_bot_box{padding:24px 0;} .sub_account .sub_bot_box:after{content:''; display:block; clear:both;} .sub_account .sub_bot_box .star_txt{margin-top:0;} /* 본문 스크롤시 상단 타이틀영역 고정 */ body.fixed .box_top_tit.top_scroll{position:fixed; top:48px; right:0; left:0; z-index:998; height:64px; background-color:#fff; box-shadow:0 1px 1px 0 rgba(0,0,0,0.16); transition:all 0.2s linear;} body.fixed .box_top_tit.top_scroll .top_cont{overflow:hidden; width:1200px; height:100%; margin:0 auto;} body.fixed .box_top_tit.top_scroll .h1_eb_ctr{float:left; margin-top:0; padding-top:19px; font-size:20px; font-weight:700; line-height:26px;} body.fixed .box_top_tit.top_scroll .h4_b_ctr{display:none;} body.fixed .box_top_tit.top_scroll .top_cont .box_btn.alC{float:right; margin-top:12px;} body.fixed .box_top_tit.top_scroll .top_cont .box_btn.alC .btn48_defaultbg_boldtxt{height:40px; padding:9px 7px 9px 8px; font-size:14px;} body.fixed .box_top_tit.top_scroll .top_cont .box_btn.alC a.w200{min-width:81px;} body.fixed .box_top_tit.top_scroll + .box_account01{margin-top:112px;} .sub_account .box_top_tit .top_cont .box_btn.alC{margin-top:36px;} .sub_account .box_top_tit.top_scroll + .box_account01{margin-top:64px;} /* 이용중상품 */ .sub_account .use_prd{overflow:hidden; padding:24px; background-color:#f5f5f5; border-radius:8px;} .sub_account .use_prd > .left{float:left; padding:16px;} .sub_account .use_prd > .left .tit{float:left; width:164px;} .sub_account .use_prd > .left .txt{float:left;} .sub_account .use_prd > .right{float:right; padding:16px 0;} .sub_account .use_prd > .right .fc_m_link{margin-right:12px; padding:20px 0;} .sub_account .use_prd > .right .fc_m_link:last-child{margin-right:0;} .sub_account .use_prd + .tab_default{margin-top:52px;} .sub_account .use_notice{margin:11px 0 19px; text-align:right;} .sub_account .tab_default + .tab_default_cont{margin-top:36px;} .sub_account .tab_default + .tab_default_cont.mt56{margin-top:56px;} .sub_account .tab_sub01 ul{overflow:hidden;} .sub_account .tab_sub01 ul li{position:relative; float:left; margin-right:25px;} .sub_account .tab_sub01 ul li:after{content:''; position:absolute; top:50%; right:-13px; width:1px; height:12px; margin-top:-5px; background-color:#ebebeb;} .sub_account .tab_sub01 ul li:last-child{margin-right:0;} .sub_account .tab_sub01 ul li:last-child:after{display:none;} .sub_account .tab_sub01 ul li a{color:#5c5c5c; font-size:16px; font-weight:500; line-height:22px;} .sub_account .tab_sub01 ul li.on a{color:#000; font-weight:700;} .sub_account .tab_sub01 + .tab_sub_cont{margin-top:56px;} .sub_account .tab_sub_cont .box_table + .bul_txt{margin-top:24px;} /* 상품수수료 계산영역 */ .sub_account .calculation_cont{padding:36px; text-align:center;} .sub_account .calculation_cont + .bul_list{margin-top:24px;} .sub_account .calculation_cont .align{position:relative; display:inline-block;} .sub_account .calculation_cont .align .p1_b_1ln{display:block; text-align:left;} .sub_account .calculation_cont .align .p1_b_1ln + .box_input01{margin-top:4px;} .sub_account .calculation_cont .align .input_cell{width:340px;}.sub_account .calculation_cont .align .txt_multiply, .sub_account .calculation_cont .align .txt_equal{margin:0 50px;} /* 2021-07-30 Q10086 추가 */ .sub_account .calculation_cont .align .box_calc_result {width: 340px; border: 1px solid #cccccc; border-radius: 4px; padding: 16px; text-align: left;} .sub_account .calculation_cont .align .box_calc_result .commision {font-size: 24px; line-height: 32px; font-weight: 700; color: #ccc;} .sub_account .calculation_cont .align .box_calc_result .commision.result {color: #000;} .sub_account .sub_accod .accodWrap .accodSlide .calculation_cont{border:1px solid #ccc; border-radius:8px;} .sub_account .sub_accod .accodWrap .accodSlide .co_title_box02 + .calculation_cont{margin-top:36px;} /* _________________________ 즉시결제 _________________________ */ /* PCACC036800.html */ .sub_account .result_cont .section:first-child{margin-top:0;} .sub_account .list_sel_inp + .result_box{margin-top:36px;} .sub_account .tab_default_cont .co_title_box02 + .box_cont .list_sel_inp.h64{margin-top:8px;} .sub_account .tab_default_cont .sub_self_auth .list_sel_inp > li{padding-top:12px;} .sub_account .result_box .top_total{margin-top:12px; padding-top:16px; border-top:2px solid #000; } /* 2021-11-12 Q10112 : 이준우차장님 수정 요청건 디폴트 a링크로 변경 오픈일때 arrow 추가 */ .sub_account .result_box .top_total .align_table{display:table; position:relative; width:100%; padding:18px 24px; cursor:default;} .sub_account .result_box .top_total a.align_table.arrow{padding:18px 60px 18px 24px; cursor:pointer;} .sub_account .result_box .top_total a.align_table.arrow:before{content:''; position:absolute; top:31px; right:24px; width:32px; height:32px; margin-top:-16px; background: url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat 0 0; background-size:32px; transition:all .2s;} .sub_account .result_box .top_total a.align_table.arrow.on:before{background: url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat 0 0; background-size:32px; transform:rotate(-180deg);} .sub_account .result_box .top_total .align_table .cell{display:table-cell;} .sub_account .result_box .top_total .align_table .cell .h4_m_lt + .divr_dot, .sub_account .result_box .top_total .align_table .cell .p1_m_lt + .divr_dot{margin-top:8px;} .sub_account .result_cont .no_data{padding:149px 0;} /* 내역없음추가 */ /* 리스트 1개이상일때 재설정 */ .sub_account .result_box .top_total + .top_total{margin:0 24px; padding-top:0; border-top:1px solid #ebebeb;} .sub_account .result_box .top_total + .top_total .align_table{padding:20px 0;} .sub_account .result_box .bot_total{display:table; width:100%; margin-top:12px; padding:19px 24px; background-color:rgba(0,0,0,0.04); border-radius:8px;} .sub_account .result_box .bot_total .cell{display:table-cell; vertical-align:middle;} .sub_account .result_box .cardloandtl_chk .all_chkbox{margin-top:12px; padding:12px 0;} .sub_account .result_box .cardloandtl_chk .all_chkbox i{top:3px;} .sub_account .result_box .cardloandtl_chk .all_chkbox .input_cell_check01{display:inline-block; margin-right:24px;} .sub_account .result_box .cardloandtl_chk .all_chkbox .input_cell_check01:last-child{margin-right:0;} /* 스크롤재설정 */ .sub_account .result_box .cardloandtl_chk .scroll_box{max-height:590px; /* margin-bottom:32px; */} .sub_account .result_box .cardloandtl_chk .scroll_box .mCSB_inside > .mCSB_container{margin-right:0;} .sub_account .result_box .cardloandtl_chk .scroll_box .mCSB_scrollTools{width:4px;} .sub_account .result_box .cardloandtl_chk .scroll_box.scroll_y{overflow-y:auto;} .sub_account .result_box .cardloandtl_chk .scroll_box.scroll_y::-webkit-scrollbar{width:3px; background-color:#e0e0e0;} /* scroll bg */ .sub_account .result_box .cardloandtl_chk .scroll_box.scroll_y::-webkit-scrollbar-thumb{background-color:#ccc;} /* scroll 막대 */ /* .sub_account .result_box .cardloandtl_chk .scroll_box.scroll_y::-webkit-scrollbar-tarck{background-color:#000;} /* scroll 남은 막대 */ .sub_account .result_box .cardloandtl_chk .co_tbl_info_article.type01 .input_cell_check01 .grp_cont .divr_dot{margin-top:8px;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 [class^='grp_']{padding-top:5px !important;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_date{width:156px;} .sub_account .result_box .cardloandtl_chk .box_grp{padding-top:20px; padding-bottom:20px;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price{width:144px; text-align:right;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price [class^="p1_b"] em{font-weight:700;} /* 개발페이지깨짐현상추가 */ .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input{position:relative; display:inline-block; width:120px; margin-top:12px;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input input{padding:10px 6px; font-size:14px; font-weight:700; border:1px solid #ccc; border-radius:4px; text-align:right;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input input::placeholder{font-weight:500;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input input::-webkit-placeholder, .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input input::-moz-placeholder, .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input input::-ms-placeholder{font-weight:500;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input .txt{display:none; position:absolute; right:6px; bottom:10px;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input:hover input{border-color:#000;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input.focused input{border:2px solid #000;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input.complete input{padding-right:19px;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input.complete .txt{display:inline-block;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input.error input{padding-right:19px; color:#ff0000; border:1px solid #ff0000;} .sub_account .result_box .cardloandtl_chk .input_cell_check01 .grp_price .price_input.error .txt{display:inline-block; color:#ff0000;} .sub_account .result_box .cardloandtl_chk .box_btn.alC{margin:12px 0 32px;} .sub_account .result_box .cardloandtl_chk +.bot_total{margin-top:0;} .sub_account .tab_cont_revolving{display:none;} /* 일부결제금액이월약정(리볼빙) 탭 */ /* PCACC036900.html */ /* 결제방법 탭 결제계좌 */ .h4_b_lt + .co_tab_wrap .list_sel_inp.h64{margin-top:4px;} .pay_selinput .bank_info{padding:19px 16px; background-color:#f5f5f5; border-radius:8px;} .pay_selinput .bank_info .divr_dot > .divr_txt.h4_m_lt{color:#000;} /* 결제방법 탭 본인명의 타계좌 */ .co_tbl_info_article.type01.list_bank_info {border-top:1px solid #f0f0f0; margin-top:16px;} .co_tbl_info_article.type01.list_bank_info .grp_cont, .co_tbl_info_article.type01.list_bank_info .grp_price {padding:13px 24px 16px;} .co_tbl_info_article.type01.list_bank_info .grp_cont {float:left; width:500px;} .co_tbl_info_article.type01.list_bank_info .grp_price{float:right; padding-left:0;} .co_tbl_info_article.type01.list_bank_info .grp_price .box_btn a, .co_tbl_info_article.type01.list_bank_info .grp_price .box_btn button{margin-left:4px;} .co_tbl_info_article.type01.list_bank_info .grp_price .box_btn a:first-child, .co_tbl_info_article.type01.list_bank_info .grp_price .box_btn button:first-child{margin-left:0;} .co_tbl_info_article.type01.list_bank_info .divr_dot{margin-top:12px;} /* 본인인증 영역 간격 재설정 */ .sub_self_auth .co_title_box01 + .box_certification{margin-top:20px;} .sub_self_auth .co_title_box02 + .cert_msg{margin-top:64px;} /* 조회하기영역 타입추가 */ .sub_account .box_history .h3_b_lt + .co_inquiry_box01.type02{margin-top:20px;} .sub_account .box_history .co_inquiry_box01 + .result_total{margin-top:16px; padding:27px 0;} .sub_account .box_select.w560{width:560px;} .sub_account .box_select.w560 + .remain{position:absolute; top:37px; left:611px;} .sub_account .co_inquiry_box01.inspay_status .sel_choice.w300{width:300px;} /* PCACC006800.html */ .sub_account .box_intall_pay01.bt_none{border-top:none;} .sub_account .box_intall_pay01.special_limit .box_info{padding:37px 24px 41px;} .sub_account .box_intall_pay01.special_limit .box_info .input_cell_check01{float:left; width:754px;} .sub_account .box_intall_pay01.special_limit .box_info .input_cell_check01 > .h4_b_lt{padding-left:0;} .sub_account .box_intall_pay01.special_limit .box_info .input_cell_check01 .p2_m_1ln + .fc_m_link{display:inline-block; margin-top:4px;} .sub_account .box_intall_pay01.special_limit .box_info .won01{float:left;} .sub_account .box_intall_pay01.special_limit .box_info .box_btn{float:right; width:68px; text-align:right;} /* PCACC021100.html */ .divr_dot.align_center{text-align:center;} .divr_dot.align_center .divr_txt{float:none; display:inline-block; margin-right:0;} .divr_dot.align_center.fc_m_a64 .divr_txt{color:#5c5c5c;} /* 2021-12-20 account_02.css 취합 */ /* _[Common] ___________________________________________________________*/ .section_wrap.w792 {width:792px; margin-left:auto; margin-right:auto;} .box_top_tit .h4_b_ctr + .p1_m_ctr_1ln {margin-top:24px;} .box_sub_article + .box_sub_article {margin-top:32px;} .box_sub_article [class^='co_title_box'] + .co_tbl_info_article, .co_sub_article01 [class^='co_title_box'] + .box_table {margin-top:16px;} .box_sub_article .box_acc_radius01 {margin-top:12px;} .box_sub_article .co_title_box01 + [class^='bul'] {margin-top:19px;} .box_select .select_down.height_auto {height:auto;} .box_intall_pay01.list_myacc_abroad01 {border-bottom:1px solid #ebebeb;} .box_intall_pay01.list_myacc_abroad01 .box_info > div:first-of-type {padding-left:24px;} .box_intall_pay01.list_myacc_abroad01 .box_info > div:last-of-type {padding-right:24px;} .box_intall_pay01.list_myacc_abroad01 .no_data {padding:149px 0;} .co_txt_list.type02 .h3_b_lt + .bul_list {margin-top:20px;} .bul_list.top_no_title {margin-top:24px;} [class^='bul'] > li .asterick_ref {margin-left:-8px;} .box_userv {font-size:0;} .box_userv:after,.box_userv .btn > div:after {display:block; content:''; clear:both;} .box_userv .info, .box_userv .btn a {float:left;} .box_userv .info > p {line-height:32px;} .box_userv .btn a{width:49px; text-align:center;} .box_userv .btn a + a {margin-left:4px;} .box_userv .btn {float:right;} .co_ndata {padding:149px 0;} [class^='co_title_box'] .link a + a {margin-left:12px;} .co_title_box02 + [class^='co_inquiry_box']{margin-top:20px;} [class^='co_inquiry_box'] .input_datepicker {width:152px;} [class^='co_inquiry_box'] + [class^='co_top_total'], form + [class^='co_top_total'] {margin-top:16px;} [class^='co_inquiry_box'] + [class^='co_top_total'].scarduse_chk, form + [class^='co_top_total'].scarduse_chk {margin-top:-4px;} [class^='co_inquiry_box'] .select_opt {font-size:0;} [class^='co_inquiry_box'] .list_sel_inp {font-size:0;} [class^='co_inquiry_box'] .list_sel_inp > li {padding:0;} [class^='co_inquiry_box'] .list_sel_inp > li > label > p {font-weight:500;} [class^='co_inquiry_box'] .list_sel_inp > li > input:checked + label > p {font-weight:700;} .co_inquiry_box01 {padding:24px 27px; border:1px solid #333; border-radius:8px; background-color:#fff;} .co_inquiry_box01:after {display:block; content:''; clear:both;} .co_inquiry_box01 .co_date_period01 {float:left;} .co_inquiry_box01 + table {margin-top:16px;} .co_inquiry_box01.type02 .select_opt, .co_inquiry_box01.type02 .co_date_period02 {display:block;} .co_inquiry_box01.type02 .select_opt + .co_date_period02 {margin-top:10px;} .co_inquiry_box01.type02 {position:relative;} .co_inquiry_box01.type02 .fr .box_btn {position:absolute; right:27px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .co_inquiry_box02 {padding-top:20px; padding-bottom:20px; font-size:0;} /* 정렬일때 하단여백생기는건 수정 */ .co_inquiry_box02:after {display:block; content:''; clear:both;} .co_inquiry_box02 .select_opt {float:left;} .co_inquiry_box02 .select_opt + .co_date_period02 {margin-left:36px;} .co_inquiry_box02 > .fl > .box_datepicker02:first-child{margin-left:0;} [class^='co_inquiry_box'] .box_datepicker02:after {display:block; content:''; clear:both;} [class^='co_inquiry_box'] .box_datepicker02 {display:inline-block; font-size:0; margin-left:4px;vertical-align: top;} [class^='co_inquiry_box'] .box_datepicker02 .use_calendar, [class^='co_inquiry_box'] .box_datepicker02 .box_btn {display:inline-block; vertical-align:top;} [class^='co_inquiry_box'] .box_datepicker02 .box_btn {margin-left:8px;} [class^='co_inquiry_box'] .bar_dash {font-size:16px; color:#5c5c5c; font-weight:500; line-height:48px;vertical-align:top; padding:0 8px;} [class^='co_inquiry_box'] .box_datepicker02.w320 { width:320px; } /* 2024-11-01 GGU282 추가 - [공통] PC웹 메뉴개편 */ .co_date_period01:after, .co_date_period01 .cell > div:after{display:block; content:''; clear:both;} .co_date_period01 .cell {float:left;} .co_date_period01 .year, .co_date_period01 .month {float:left;} .co_date_period01 > div:nth-child(2) {padding:0 8px; color:#5c5c5c; height:48px; line-height:48px;} .co_date_period01 .year {width:152px;} .co_date_period01 .month {width:100px; margin-left:4px;} .month .select_wrap .ul_select li a{overflow:visible;} /* 2021-12-03 Q10112 : 월일때 말줄임삭제 */ .co_date_period01 .box_select .select_down .list01 > li {padding:0 16px 0 16px; text-align:left;} .co_date_period01 .box_select .select_down .list01 > li.active {background-position:right 5px top 50%;} .co_date_period01 .drop_link, .co_date_period01 .box_select .select_down {border-color:#eaeaea;} .co_date_period02 {display:inline-block;} .co_date_period02 .range:after {display:block; content:''; clear:both;} .co_date_period02 .list_sel_inp, .co_date_period02 .box_datepicker01 {display:inline-block;} .co_date_period02 .list_sel_inp > li {width:84px; padding:0;} .co_date_period02 .box_datepicker01 {display:inline-block; margin-left:4px;} .sub_in_article.type02 {margin-top:64px;} .sub_in_article .list_sel_inp.dpt02 > li {width:388px;} .sub_in_article .list_sel_inp > li input:checked + label strong {font-weight:700;} .w338 {width:338px;} .co_datelink_box:after {display:block; content:''; clear:both;} .co_datelink_box .date {float:left;} .co_datelink_box .link{line-height:0;} .co_datelink_box .link a{float:none;} .co_datelink_box .link a {display:inline-block; margin-left:12px; line-height:16px;} .co_datelink_box .link a:first-child{margin-left:0;} .co_top_infobox01 > div {display:table-cell;} .co_datelink_box + [class^='co_inquiry_box'], .co_datelink_box + form [class^='co_inquiry_box'] {margin-top:20px;} /* 인쇄 버튼 추가로 케이스 추가 */ .co_datelink_box.flex_right{display:flex; align-items:center; justify-content:flex-end;} .co_datelink_box.flex_right .link, .co_datelink_box.flex_right .btn_pos{text-align:right;} .co_datelink_box.flex_right .btn_pos ul li{display:inline-block; margin-left:24px;} .co_datelink_box.flex_right .btn_pos ul li:first-child{margin-left:36px;} .co_top_total01 + .co_tbl_info_article {border-top:1px solid #ebebeb;} .tbl_dateinfo > p, .tbl_dateinfo .date {display:inline-block;} .tbl_dateinfo .date span {padding-left:10px; font-size:16px; color:#858585; line-height:22px; font-weight:500;} .co_input_txtarea {position:relative; width:100%; border-color:#ccc; height:240px; background-color:#fff; border:1px solid #ccc;} .co_input_txtarea, .co_input_txtarea textarea {border-radius:8px;} .co_input_txtarea:focus {border-color:#000; width:100%;} .co_input_txtarea textarea {border:0; height:204px; padding-bottom:40px; width:100%;} .co_input_txtarea textarea:focus, .co_input_txtarea textarea:active {border:0; outline:0;} .co_input_txtarea .limit_num {position:absolute; bottom:16px; right:16px; color:#ccc; font-size:14px; font-weight:500; line-height:20px;background-color:#fff;} .co_tbl_info_section .co_title_box01 + .sub_self_auth .box_certification {margin-top:20px;} .box_terms_wrap .agree_wrap.agreechk_link {position: relative;} .agreechk_link .co_agreelink01 {background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) center/24px no-repeat; position:absolute; top:0; right:0; bottom:0; width:56px;} /* 그냥링크 타입추가 */ .box_terms_wrap .agree_wrap.agree_link{padding:0;} .box_terms_wrap .agree_wrap.agree_link .btn_link{position:relative; display:block; padding:17px 54px 17px 24px;} .box_terms_wrap .agree_wrap.agree_link .btn_link:before{content:''; position:absolute; top:16px; right:12px; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 50%/24px;} .mt2 {margin-top:2px;} /* _[포인트 결제 전환] ___________________________________________________________*/ /* _common */ .list_pointstep [class^='step_'] {position:relative; width:100%; margin:0 auto;} .list_pointstep [class^='step_']:before {display:block; margin:0 auto;width:40px; height:40px; background-repeat:no-repeat; background-size:40px; background-position:center; content:'';} .list_pointstep .step_terms:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_termscheck.png);} .list_pointstep .step_life:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_life.png);} .list_pointstep .step_deposit:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_deposit.png);} /* 포인트 결제 전환 안내 */ .box_acc_radius01 {border:1px solid #ebebeb; border-radius:8px; margin-top:34px; background-color:#fff; padding-top:36px; padding-bottom:36px;} .box_acc_radius01 + [class*="list"] {margin-top:24px;} .accodWrap.swcpoint_accord01 {border-top:2px solid #000;} .accodWrap.swcpoint_accord01 > .box_tit {padding:0 24px 18px; border-bottom:1px solid #ebebeb;} .accodWrap.swcpoint_accord01 .accodSlide {padding-left:24px; padding-right:24px;} .accodWrap.swcpoint_accord01 .box_sub_article + .box_sub_article {margin-top:36px;} .accodWrap.swcpoint_accord01 .tbl_row01 th, .swcpoint_accord01 .tbl_row01 td {padding:17px 24px;} .switchpoint_step {display:table; table-layout:fixed; margin:0 auto;} .switchpoint_step:after {display:block; content:''; clear:both;} .switchpoint_step > li {display:table-cell; text-align:center; padding-right:40px;} .switchpoint_step > li + li {background:url(/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png) 0 50%/32px no-repeat; padding-left:72px;} .switchpoint_step > li em {width:40px; height:40px; background-color:red; display:block; margin:0 auto;} .switchpoint_step p {margin-top:12px;} .point_precaution {display:table; table-layout:fixed; width:100%;} .point_precaution em {width:40px; height:40px; background-color:red; display:block; margin:0 auto;} .point_precaution > div {display:table-cell; position:relative;} .point_precaution > div:last-child:before {position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:1px; height:64px; background-color:#e0e0e0; content:'';} .point_precaution h5 {margin-top:16px;} .point_precaution p {margin-top:4px;} .repayway {margin:0 78px;} .repayway ul > li:after {display:block; content:''; clear:both;} .repayway ul > li + li {margin-top:16px;} .repayway ul > li > p, .repayway .period {float:left;} .repayway .period { width:591px; margin:0 38px; text-align:center; background:url(/docfiles/resources/pc/images/account/comp/point_line01.png) 0 0/100% no-repeat;} .repayway .period:after {display:block; content:''; clear:both;} .repayway .period > span {display:inline-block; margin:0 30px;} .repayway .fr {text-align:center;} .repayway .fl:last-of-type {margin-top:9px; text-align:center;} .co_tbl_info_article.type01.knowhow_pointswc .grp_title {width:132px;} .co_tbl_info_article.type01.knowhow_pointswc .box_grp {border-top:none;} .co_tbl_info_article.type01.knowhow_pointswc .grp_subcont + .grp_subcont{margin-top:28px;} .co_tbl_info_article.type01.knowhow_pointswc .grp_subcont .subbox p:first-child {color:#000;} .co_tbl_info_article.type01.knowhow_pointswc .grp_subcont .subbox p + p{padding-left:8px;} .list_knowhow_logo {margin-top:8px;} .list_knowhow_logo:after {display:block; content:''; clear:both;} .list_knowhow_logo li {float:left;} .list_knowhow_logo li + li {margin-left:24px;} .list_knowhow_logo img {width:112px; height:60px;} .list_repayexam:after {display:block; content:''; clear:both;} .list_repayexam .title {margin-top:16px;} .list_repayexam > li em {width:40px; height:40px; background-color:red; display:block; margin:0 auto;} .list_repayexam > li:last-child {padding-right:0;} .list_repayexam > li span {display:block;} .list_repayexam > li span:first-of-type {margin-top:4px;} .list_repayexam > li span + span {margin-top:8px;} .list_repayexam > li span + span {margin-top:8px;} .switchpoint_step.list_repayexam > li + li {background:url(/docfiles/resources/pc/images/common/icon/w64/ArrowB_Forward_gry.png) 0 50%/32px no-repeat;} .sub_switchpointpay .divr_dot > .divr_txt.fc_blk {color:#000;} /* _[카드이용알림 서비스] ___________________________________________________________*/ /* 카드이용알림서비스 앱/문자 */ .box_top_tit + [class^='notifycarduse_type'] {margin-top:64px;} /* .tab_default + [class^='notifycarduse_type'] {margin-top:56px;} */ .notifycarduse_type01 {margin-top:56px;} .notifycarduse_type01 + .notifycarduse_type01 {display:none;} [class^='notifycarduse_type']:after {display:block; content:''; clear:both;} .notifycarduse_type01 > .fl {width:752px;} .box_usingservice {width:384px; padding:43px; background-color:#fff; border-radius:16px; border:1px solid #333; box-shadow:0 4px 16px 0 rgba(0, 0, 0, .12);} .box_usingservice .list_usingservice li + li {margin-top:12px;} .title_usingservice {margin-top:24px; padding-bottom:36px; border-bottom:1px solid #ebebeb;} .title_usingservice .box_userv + p {margin-top:9px;} .list_sel_inp.applyncu_sellist {margin-top:4px; display:flex;} .list_sel_inp.applyncu_sellist > li {float:inherit;} .list_sel_inp.applyncu_sellist label .sub_txt {padding-top:4px; display:block;} .list_sel_inp.applyncu_sellist.dpt4 > li {width:186px;} .list_sel_inp.applyncu_sellist.dpt2 > li { width:388px;} .list_sel_inp.applyncu_sellist > li input:checked + label strong {font-weight:700;} .list_sel_inp.applyncu_sellist + [class^='bul'], .list_sel_inp.applyncu_sellist + [class^='dash'] {margin-top:11px;} .notifyfamily_mem .tbl_article.type01 {margin-top:47px;} .dpt2.applyncu_sellist.reception_division > li {width:186px;} .bul_list.nofity_reftxt:before {display:none;} .nofity_reftxt > li {display:none;} .nofity_reftxt > li.on {display:block;} .nofity_reftxt > li.none.on {display:none;} .ars_infostep {margin-left:-4px;} .ars_infostep > ul {padding:36px 4px; display:table;} .ars_infostep > ul > li {display:table-cell; vertical-align:middle; padding-right:12px; color:#5c5c5c; text-align:center;} .ars_infostep > ul > li + li {padding-left:48px;background:url(/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png) 0 50%/32px no-repeat;} /* 납부이력 조회 팝업 */ .payhistorychk_range:after, .payhistorychk_range .cell > div:after{display:block; content:''; clear:both;} .payhistorychk_range .cell {float:left;} .modal_pop.modal_payhischk .layer_body {padding-right:18px;} .modal_payhischk .layer_body .box_btn {margin-top:20px;} .modal_payhischk .layer_body .box_btn > a {width:100%;} .modal_payhischk .box_content {padding-bottom:0;} .payhistorychk_range .year, .payhistorychk_range .month {float:left;} .payhistorychk_range > div:nth-child(2) {padding:0 6px; color:#5c5c5c; height:48px; line-height:48px;} .payhistorychk_range .year {width:143px;} .payhistorychk_range .month {width:94px; margin-left:4px;} .payhistorychk_range .box_select .select_down .list01 > li {padding:0 16px 0 16px; text-align:left;} .payhistorychk_range .box_select .select_down .list01 > li.active {background-position:right 5px top 50%;} .payhistorychk_range .drop_link, .payhistorychk_range .box_select .select_down {border-color:#eaeaea;} .payhistorychk_range .drop_link a {text-align:left;} .modal_payhischk .co_tbl_info_article {margin-top:36px;} /* _[분할납부] ___________________________________________________________*/ .installpay_depth {margin:52px auto 0; display:table;} .installpay_depth:after {display:block; content:''; clear:both;} .installpay_depth .dpt {width:384px; background-color:#fff; padding:47px 36px; border-radius:16px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, .08); float:left; border:1px solid #fff;} .installpay_depth .dpt + .dpt {margin-left:24px;} .installpay_depth .dpt:hover {border-color:#000;} .installpay_depth .dpt p {margin-top:12px;} /* 분할납부(국내) */ .list_divisionpay01 .date01 {padding-left:24px;} .list_divisionpay01 .won01 {padding-right:24px;} /* 분할납부(국내) 본인인증 */ .dinstallpay_seftauth01 {margin-top:52px;} .dinstallpay_seftauth01 .box_terms_wrap {margin-top:80px;} .dinstallpay_seftauth01 .box_terms_wrap .agreechk_link + .agreechk_link {margin-top:12px;} .dinstallpay_seftauth01 .co_title_box01 {margin-bottom:20px;} .dinstallpay_seftauth01 .accodWrap {margin-top:52px;} /* 분할납부 해외 */ .list_dividedpay_abroad .no_data {padding:149px 0;} .co_tbl_info_article.type01.replay_plan .grp_title {width:1000px;} .co_tbl_info_article.type01.replay_plan .grp_cont {width:200px; vertical-align:middle;} .co_tbl_info_article.type01.replay_plan .divr_dot {margin-top:12px;} .img_w40 img {width:40px;} /* 분할납부(해외) 신청 */ .sub_dvpayab01 .hds_box {margin-top:25px;} .sub_dvpayab01 .co_title_box02 .subbox.fr > p {line-height:32px;} .sub_dvpayab01 .box_item02 {margin-top:24px;} .box_item02 {padding:17px 20px 16px; background-color:#f5f5f5; border-radius:8px;} .box_item02 .list01 > li {padding:10px 0 6px;} .box_item02 .list01 > li:after {content:''; display:block; clear:both;} .box_item02 .list01 > li > p {float:left;} .box_item02 .list01 > li > .p2_m_lt_1ln.fc_m_a64 {width:76px;} .box_item02 .list01 > li > .p2_m_rt_1ln {float:right;} select.dvpay_select:disabled + .select_wrap .btn_select {color:#ccc ;} select.dvpay_select:disabled + .select_wrap .btn_select:before {border:1px solid #ccc;} select.dvpay_select:disabled + .select_wrap .btn_select:after {content:''; position:absolute; top:50%; background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_Forward_gry.png); transition:transform 200ms; transform:rotate(90deg);} /* 분할납부(해외) 결제 이용 전 예약 */ .abinspay_reserve {margin-top:52px;} .abinspay_reserve .sub_in_article + .sub_in_article {margin-top:36px;} .abinspay_reserve .box_datepicker01 {width:100%;} .abinspay_reserve .input_datepicker, .abinspay_reserve .bar_dash {float:left; height:64px;} .abinspay_reserve .abinspayrsv_date01 {margin-top:16px;} .abinspay_reserve .abinspayrsv_date01 .input_datepicker {width:364px; float:left;} .abinspay_reserve .abinspayrsv_date01 input[type='text'] {border-color:#ccc;} .abinspay_reserve .abinspayrsv_date01 input[type='text']:focus {border-color:#000;} .abinspay_reserve .abinspayrsv_date01 .bar_dash {width:64px; line-height:64px; text-align:center; font-size: 16px; font-weight: 500;} .abinspay_reserve .link {margin-top:19px;} /* 해외이용 할부전환 예약내역 */ .tbl_abinspayrsv01 tbody tr:not(.list_none) td {color:#5c5c5c;} /* 상환스케쥴 보기 */ .list_repay > li {padding:24px 0; border-bottom:1px solid #ebebeb;} .pop_listrepayschedule .top {display: flex;} .pop_listrepayschedule .top .title {flex:1 1 auto} .pop_listrepayschedule .top .title > p {line-height:20px;} .pop_listrepayschedule .top .title .lab_s {vertical-align: top;} .pop_listrepayschedule .top + ul {margin-top:6px;} .pop_listrepayschedule .top + .divr_dot {width: 320px;} .pop_listrepayschedule .total {padding-top:27px;} /* _[카드본인확인서비스] ___________________________________________________________*/ /* _common */ .co_tbl_info_article.type01.list_selfcarduse {border-top:0; border-bottom:0;} .co_tbl_info_article.type01.list_selfcarduse .box_grp {display:table; table-layout:fixed ;width:100%;} .co_tbl_info_article.type01.list_selfcarduse .grp_title, .co_tbl_info_article.type01.list_selfcarduse .grp_cont {padding-top:40px; padding-bottom:40px;} .co_tbl_info_article.type01.list_selfcarduse + .box_btn {margin-top:32px;} .sub_cardselfconfservice .input_datepicker {width:152px;} .sub_cardselfconfservice .co_no_data {padding:149px 0;} .sub_cardselfconfservice .box_intall_pay01 .box_info_date {padding-top:26px;} .sub_cardselfconfservice .list_selfcarduse.hpcertapply.dpt03 .grp_cont:last-child {width:148px;} /* 이용안내 */ .selfcarduse_type01 .fl {width:752px;} .box_usingservice02 {width:384px; padding:8px 44px; background-color:#fff; border-radius:16px; border:1px solid #333; box-shadow:0 4px 16px 0 rgba(0, 0, 0, .12);} .list_selfcardusing > li {padding-top:36px; padding-bottom:36px;} .list_selfcardusing > li + li {border-top:1px solid #ebebeb;} .list_selfcardusing .link, .list_selfcardusing .ref_txt {margin-top:12px;} .list_selfcardusing .box_userv + .link, .list_selfcardusing .box_userv + .ref_txt {margin-top:16px;} .list_sub_cardselfusing {margin-top:16px;} .list_sub_cardselfusing > li + li {margin-top:24px;} .list_sub_cardselfusing p {line-height:20px; font-weight:500; font-size:14px; text-align:left;} .list_sub_cardselfusing .period {padding-top:4px; color:#5c5c5c;} /* 인증 신청내역 */ .co_tbl_info_article.type01.hpcertapply .grp_title {width:258px;} /* 홈페이지 인증 */ .form_hpconfirm {width:792px;} .form_hpconfirm .co_title_box01 {margin-bottom:20px;} .form_hpconfirm .box_input01 {margin-top:10px;} .form_hpconfirm .hds_box_in + .hds_box_in {margin-top:36px;} .form_hpconfirm .box_terms_wrap {margin-top:83px;} .form_hpconfirm .agreechk_link + .agreechk_link {margin-top:12px;} /* 홈페이지 인증 신청 */ .hpconfirmapply .sub_self_auth {border-top:2px solid #000; border-bottom:1px solid #ebebeb;margin-top:20px; padding-bottom:30px;} .hpconfirmapply .sub_self_auth .cert_msg_middle {margin-top:44px;} /* _[결제연기] ___________________________________________________________*/ /* _common */ .co_inquiry_box02 + .co_tbl_info_article.type01[class*='list_paydelay']{margin-top:20px; border-top:1px solid #ebebeb;} .co_tbl_info_article.type01[class*='list_paydelay'] .grp_price {width:180px;} .co_tbl_info_article.type01.list_paydelay .box_grp > div:not(.co_no_data) {display:table-cell; padding-top:40px; padding-bottom:40px; vertical-align:top;} .co_tbl_info_article.type01.list_paydelay .grp_date {width:180px; padding-left:24px;} .co_tbl_info_article.type01.list_paydelay .grp_cont .loan_price, .list_paydelay .grp_cont a {margin-top:12px;} .co_tbl_info_article.type01.list_paydelay .grp_cont .loan_price {color:#858585;} .co_tbl_info_article.type01.list_paydelay .grp_price {padding-right:24px;} .co_tbl_info_article.type01.list_paydelay div.co_no_data {padding:149px 0;} .co_tbl_info_article.type01.list_paydelay + .box_btn {margin-top:32px;} .co_tbl_info_article.type01.list_paydelay .box_item01 {margin-top:12px; padding:17px 20px 16px; background-color:#f5f5f5; border-radius:8px;} .co_tbl_info_article.type01.list_paydelay .box_item01 .list01 > li {padding:10px 0 6px;} .co_tbl_info_article.type01.list_paydelay .box_item01 .list01 > li:after {content:''; display:block; clear:both;} .co_tbl_info_article.type01.list_paydelay .box_item01 .list01 > li > p {float:left;} .co_tbl_info_article.type01.list_paydelay .box_item01 .list01 > li > .p2_m_lt_1ln.fc_m_a64 {width:76px;} .co_tbl_info_article.type01.list_paydelay .box_item01 .list01 > li > .p2_m_rt_1ln {float:right;} .paydelay_dtl {margin-top:20px;} .paydelay_dtl {width:100%;} .paydelay_dtl .input_cell_check01 .date > span {margin-top:12px;} /* 결제연기 */ .sub_paydelay01 .grp_cont .box_select {width:300px;} .sub_paydelay01 .hds_box {font-size:0;} .sub_paydelay01 .grp_cont .divr_dot {margin-top:12px;} .paydelay_selfauth .box_certification {width:100%;} .paydelay_selfauth .box_certification .list_sel_inp > li {width:calc(100% / 3); padding:0 8px;margin:0;} .sub_paydelay01 .grp_cont .hds_box {margin-top:4px;} .sub_paydelay01 .co_txt_list > .bul_list {margin-top:23px;} .sub_paydelay01 .grp_cont select:disabled + .select_wrap .btn_select {color:#ccc ;} .sub_paydelay01 .grp_cont select:disabled + .select_wrap .btn_select:before {border:1px solid #ccc;} .sub_paydelay01 .grp_cont select:disabled + .select_wrap .btn_select:after {content:''; position:absolute; top:50%; background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_Forward_gry.png); transition:transform 200ms; transform:rotate(90deg);} /* 결제연기 내역 */ .sub_paydelay02 .co_top_total01 {padding-top:8px;} .sub_paydelay02 .grp_cont .link {margin-top:12px;} .sub_paydelay02 .grp_cont .cont01 > .divr_txt{color:#000; margin-top:12px;} .sub_paydelay02 .grp_cont .cont01 + .divr_dot {margin-top:4px;} .sub_paydelay02 .grp_cont .cont01 .link {margin-top:12px;} .pop_midwayrepay {margin-top: 12px; padding: 5px 10px; background-color: #f5f5f5;border-radius: 8px;} .pop_midwayrepay > dl {display: table; width: 100%; table-layout:fixed; padding:5px 0;} .pop_midwayrepay dt, .pop_midwayrepay dd {display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 500; line-height:22px;} .pop_midwayrepay dt {text-align: left; color:#5c5c5c;} .pop_midwayrepay dd {text-align: right;} /* 결제연기 신청 완료 */ .sum_paydelaycomplete .box_account_case01 dt {width:164px;} .sum_paydelaycomplete .box_account_case01 .divr_line {margin-left:180px; margin-top:8px;} /* _[금융 이용내역] ___________________________________________________________*/ /* _common */ .sub_finusehistory .box_top_tit + .box_link {margin-top:52px; padding-bottom:20px;} .sub_finusehistory .box_link:after {display:block; content:''; clear:both;} .lab_s {vertical-align:middle;} .list_fee01 .tbl_row {border-top:none;} .list_fee01 table th, .list_fee01 table td {text-align:center; font-size:16px; line-height:22px;} .list_fee01 .tbl_row thead th {font-weight:700;} .list_fee01 .tbl_row tbody td {font-weight:500; border-color:#ebebeb; padding:21px 24px; color:#333;} .list_fee01 .tbl_row tbody td:nth-child(3), .list_fee01 .tbl_row tbody td:nth-child(4) {text-align: right;} .list_fee01 .tbl_row .list_none td {padding:169px 0;} .list_fee01 .co_inquiry_box01 {margin-top:20px;} .co_btm_banner {margin-top:120px;} .co_btm_banner:after {display:block; content:''; clear:both;} .co_btm_banner .dpt {display:flex;} .co_btm_banner .dpt + .dpt {margin-top:24px;} .co_btm_banner .inner_banner {position:relative; float:left; padding:24px 26px 28px; background-color:#f5f5f5; border-radius:12px; width:384px; height:240px;} .co_btm_banner .inner_banner + .inner_banner {margin-left:24px;} .co_btm_banner .inner_banner h4 + p {margin-top:16px;} .co_btm_banner .link {position:absolute; bottom:28px; font-size:0;} .co_btm_banner .link a {margin-top:6px; margin-right:24px; display:inline-block;} .co_withallchk_list .all_chkbox {padding:24px; border-bottom:1px solid #ebebeb;} /* .co_withallchk_list .all_chkbox i + span {line-height:32px;} */ .co_withallchk_list > ul > li + li {border-top:1px solid #ebebeb;} .co_withallchk_list .co_tbl_info_article {border-top:0;} [class^='co_title_box'] + .co_withallchk_list {margin-top:20px;} .co_top_total01 {display:table;width:100%; table-layout:fixed;} .co_top_total01 .cell {display:table-cell; vertical-align:middle; padding-top:15px; padding-bottom:15px; font-size:0;} /* 2022-01-17 PCACC004100.html 총합계 여백수정 */ /* 하단 토탈 추가 */ .co_bot_total01 {margin-top:16px; display:table;width:100%; table-layout:fixed; padding:0 24px;} .co_bot_total01 .cell {display:table-cell; vertical-align:middle; padding-top:15px; padding-bottom:15px; font-size:0;} .section_wrap .co_tbl_info_section.lscardloan_section:first-of-type {margin-top:56px;} .co_tbl_info_section.lscardloan_section + .co_tbl_info_section.lscardloan_section {margin-top:120px;} .co_tbl_info_section.lscardloan_section .co_top_total01 {margin-top:36px;} .list_finusehistory01 {border-top:1px solid #000; margin-top:52px;} .list_finusehistory01 > li {padding:36px 0;} .list_finusehistory01 > li + li {border-top:1px solid #ebebeb;} .list_finusehistory01 .btn_inblock {background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) 100% 50%/24px no-repeat; padding-right:24px;} .list_finusehistory01 .box_finance_usage02 .p1_m_lt_1ln {margin-top:16px;} /* 장기카드대출 만기연장 */ .cardloan_extform {margin-top:52px;} .cardloan_extform:after {display:block; content:''; clear:both;} .list_extcardloan {border-top:2px solid #000;} .list_extcardloan > li {border-bottom:1px solid #ebebeb;} .list_extcardloan > li.no_data{padding:169px 0;} .box_extcardloan {display:table; width:100%;table-layout:fixed; padding:37px 20px 37px 24px;} .box_extcardloan:after {display:block; content:''; clear:both;} .box_extcardloan .info_chk {float:left;} .box_extcardloan .price {float:right; display:table;} .box_extcardloan .price .pay_h4, .box_extcardloan .price a {display:table-cell; vertical-align:middle;} .box_account_case02 .cell {width:50%;} .box_account_case02{overflow:hidden; padding:24px; border-radius:8px; text-align:center;display:flex; background-color:#f5f5f5;} .box_account_case02 dl {display:table;width:100%;padding-top:8px; padding-bottom:8px; text-align:left;} .box_account_case02 dt, .box_account_case02 dd {width:50%; display:table-cell; vertical-align:middle;} .dtl_extcardloan {padding-left:68px;} .list_extcardloan .accodWrap.on .box_extcardloan {padding-bottom:12px;} .list_extcardloan .accodWrap .accodSlide {display:none; padding-bottom:39px;} .list_extcardloan .accodWrap .accodBtn {display:inline-block; width:100%; height:100%; padding-right:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat 100% 50%; background-size:32px 32px; width:32px; height:32px;} .list_extcardloan .accodWrap.on .accodBtn {background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);} .list_extcardloan + [class^='bul'] {margin-top:24px;} .sub_extcardloanhistory .box_terms_wrap {margin-top:64px;} /* 단기카드대출 연장신청 */ .sub_repayextapply .box_select_input + .box_input01 {margin-top:36px;} .sub_repayextapply .ref_list {margin-top:12px;} .sub_repayextapply .ref_list .divr_txt {color:#5c5c5c;} /* 단기카드대출(현금서비스) 상환연장신청 */ .co_tbl_info_section.tbl_shortrepayext01 .sub_tit {padding:0;} .co_tbl_info_section.tbl_shortrepayext01 .sub_tit > .grp_title, .co_tbl_info_section.tbl_shortrepayext01 .sub_tit > .grp_cont {padding:30px 0;} .co_tbl_info_section.tbl_shortrepayext01 .sub_tit > .grp_title {width:60%;} .co_tbl_info_section.tbl_shortrepayext01 .sub_tit > .grp_cont {width:40%; text-align:right;} .co_tbl_info_section.tbl_shortrepayext01 .box_grp > div {display:table-cell; padding-top:40px; padding-bottom:40px;} .co_tbl_info_section.tbl_shortrepayext01 .sub_tit .fc_a64 {margin-top:8px;} .co_tbl_info_section.tbl_shortrepayext01 .grp_date {width:142px; padding-left:24px;} .co_tbl_info_section.tbl_shortrepayext01 .divr_txt {font-size:14px; line-height:20px; color:#858585;} .co_tbl_info_section.tbl_shortrepayext01 .grp_cont .divr_dot {margin-top:12px;} .co_tbl_info_section.tbl_shortrepayext01 .grp_price {width:145px; padding-right:24px;} .co_tbl_info_section.tbl_shortrepayext02 .co_title_box01 + .box_input01 {margin-top:20px;} .co_tbl_info_section.tbl_shortrepayext02 .co_title_box01 + .box_input01 + .p1_m_lt_1ln {margin-top:7px;} .co_tbl_info_section.tbl_shortrepayext02 .bul_list {margin-top:24px;} /* 장기카드대출(카드론) 이용 조건 변경 */ .sub_lcardloancondition .section_wrap {margin-top:52px;} .sub_lcardloancondition .box_select + .box_select {margin-top:20px;} .sub_lcardloancondition .interest_rate {margin-top:36px;} .sub_lcardloancondition .interest_rate h3 {float:left;} .sub_lcardloancondition .interest_rate .pay_h3 {float:right;} .sub_lcardloancondition .interest_rate .pay_h3 .txt {font-weight:500;} .sub_lcardloancondition .interest_rate .p2_m_lt_1n {margin-top:16px;} .sub_lcardloancondition .ref_txt {margin-top:120px;} .sub_lcardloancondition .ref_txt > ul {margin-top:16px;} /* 장기카드대출 이용내역 */ .co_title_box02 + .cardloan_totalprice {margin-top:24px;} .lscardloan_section .co_listwrap_type01 {border-top:0;} .cardloan_priceinfo {background-color:#e0f4f7; padding:25px 0; border-radius:20px; position: relative;} .cardloan_priceinfo > .date {position: absolute; top:24px; right:24px;} .cardloan_priceinfo > .date:after {display:block; content:''; clear:both;} .cardloan_priceinfo > .date .divr_dot {float:right; margin-bottom:8px;} .cardloan_priceinfo .dpt_box {margin:0 auto;} .cardloan_priceinfo .dpt_box > div {display:table; text-align:left; font-size:0;} .cardloan_priceinfo .type01 > div {margin:0 auto;} .cardloan_priceinfo .type01 .title {font-size:16px; font-weight:700; line-height:22px; color:#858585;} .cardloan_priceinfo .type01 .price {margin-top:4px;} .cardloan_priceinfo .type01 .won {font-weight:700; font-size:34px; line-height:44px; letter-spacing:-0.2px;} .cardloan_priceinfo .type01 .txt {font-weight:400; font-size:29px; line-height:36px;} .cardloan_priceinfo .type02 {display:table; padding-top:14px; padding-bottom:14px; font-size:0;} .cardloan_priceinfo .type02 > div + div {margin-top:30px;} .cardloan_priceinfo .type02 .title, .cardloan_priceinfo .type02 >.price {display:table-cell; vertical-align:middle; text-align:left;} .cardloan_priceinfo .type02 .title {width:470px;font-weight:500;color:#5c5c5c; font-size:20px; line-height:26px;} .cardloan_priceinfo .type02 .won, .cardloan_priceinfo .type02 .txt {font-weight:700; font-size:20px; line-height:26px;} .cardloan_totalprice + [class^='co_title_box'] {margin-top:64px; padding-bottom:2px;} .cardloan_totalprice + .co_tbl_info_section {margin-top:64px;} .co_tbl_info_article.type01[class*='list_lscarduse'] .grp_price {width:195px;} .co_tbl_info_article.type01.list_lscarduse01 {border-bottom:0;} .co_tbl_info_article.type01.list_lscarduse01 .top_total .fl {padding-top:41px; padding-bottom:17px;} .co_tbl_info_article.type01.list_lscarduse01 .top_total .fr {padding-top:39px; padding-bottom:15px;} .co_tbl_info_article.type01.list_lscarduse01 .box_grp > div {display:table-cell; padding-top:40px; padding-bottom:40px; vertical-align:top;} .co_tbl_info_article.type01.list_lscarduse01 .grp_date {width:180px; padding-left:24px;} .co_tbl_info_article.type01.list_lscarduse01 .grp_cont .loan_price, .list_lscarduse01 .grp_cont a {margin-top:12px;} .co_tbl_info_article.type01.list_lscarduse01 .grp_cont .loan_price {color:#858585;} .co_tbl_info_article.type01.list_lscarduse01 .grp_price {padding-right:24px;} .co_tbl_info_article.type01.list_lscarduse01 .grp_price > a > p {padding-right:32px; line-height:32px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) center right/32px no-repeat ;} .co_tbl_info_article.type01.list_lscarduse01 div.co_no_data {width:100%; padding:169px 0; border-bottom:1px solid #ebebeb;} .co_tbl_info_article.type01.list_lscarduse01 + .box_btn {margin-top:32px;} .grp_cont .with_status {font-size:0;} .grp_cont .with_status > [class^="h4"] {display:inline-block; margin-top:0; vertical-align:middle;} .grp_cont .with_status [class^='lab']{margin-left:8px;} .co_txt_list .link_list {margin-top:16px; padding-left:8px; font-size:0;} .co_txt_list .link_list > a + a {margin-left:12px;} /* 단기카드대출 이용내역 */ .co_tbl_info_article.type01.list_lscarduse01 .box_info_date {padding-top:24px; padding-bottom:19px;} .list_lscarduse01.shortcard .grp_title span {display: block; margin-top:12px;} /* 마이너스 이용내역 */ .tab_default + .cardloan_totalprice {margin-top:28px;} .co_tbl_info_article.type01.list_lscarduse02 .grp_cont, .co_tbl_info_article.type01.list_lscarduse02 .grp_price {padding:40px 24px;} .co_tbl_info_article.type01.list_lscarduse02 .grp_cont h4 + p {margin-left:16px;} .co_tbl_info_article.type01.list_lscarduse02 .date_info {font-size:0;} .co_tbl_info_article.type01.list_lscarduse02 .date_info h4, .co_tbl_info_article.type01.list_lscarduse02 .date_info p {display:inline-block;vertical-align:middle;} .co_tbl_info_article.type01.list_lscarduse02 .grp_cont .divr_dot {margin-top:12px;} .co_tbl_info_article.type01.list_lscarduse02 .grp_price {display:table-cell; padding-left:0; margin-top:12px;} [class^='co_title_box'] + .co_listwrap_type01 {margin-top:20px;} .co_listwrap_type01 {border-top:2px solid #000;} .co_listwrap_type01.bdn {border-top:0;} /* .co_listwrap_type01 .co_no_data {padding:179px 0;} */ .co_tbl_info_section.lscardloan_section + .co_tbl_info_section.lscardloan_section.minus {margin-top:64px;} .co_tbl_info_section.lscardloan_section.minus .co_listwrap_type01 {border-top:2px solid #000;} /* 단기카드대출(현금서비스) 이용내역 */ .cardloandtl_chk .co_tbl_info_article {border-bottom:none; border-top:0;} .cardloandtl_chk .all_chkbox {margin-top:16px;} .cardloandtl_chk .all_chkbox[style*="none"] + .co_tbl_info_article{margin-top:20px; border-top:1px solid #ebebeb;} /* 전체선택 숨김처리되었을때 리스트 라인 + 간격추가 */ .cardloandtl_chk .box_grp {padding-top:41px; padding-bottom:41px;} .cardloandtl_chk .all_check span {padding-left:24px;} .cardloandtl_chk :not(.all_chkbox) .input_cell_check01 label > i {left:24px;} .cardloandtl_chk :not(.all_chkbox) .input_cell_check01 label {display:table; width:100%; table-layout:fixed; padding:3px 0 3px 24px;} .cardloandtl_chk .co_tbl_info_article.type01 .input_cell_check01 [class^='grp_'] {display:table-cell; vertical-align:top;} .cardloandtl_chk .input_cell_check01 .grp_date {padding-left:44px; width:262px;} .cardloandtl_chk .co_tbl_info_article.type01 .input_cell_check01 .grp_cont {padding:0 24px;} .cardloandtl_chk .co_tbl_info_article.type01 .input_cell_check01 .grp_cont .divr_dot {margin-top:2px;} .cardloandtl_chk .co_tbl_info_article.type01 .input_cell_check01 .grp_cont [class^="h4"] + .divr_dot{margin-top:12px;} .cardloandtl_chk .input_cell_check01 .grp_price {width:195px; padding-right:24px;} .cardloandtl_chk .co_tbl_info_article + .box_btn {margin-top:33px;} /* _[이용내역안내메일서비스] ___________________________________________________________*/ /* 이용내역안내메일서비스 신청·변경 */ .sub_usehistorymailservice .sub_in_article {margin-top:64px;} .co_tbl_info_article.type01.mailapplyinfo .grp_title, .co_tbl_info_article.type01.mailapplyinfo .grp_cont {padding-top:27px;padding-bottom:27px;} .co_tbl_info_article.type01.mailapplyinfo .applyncu_sellist {margin:0 -4px 0;} .co_tbl_info_article.type01.mailapplyinfo .list_sel_inp.h64 > li, .co_tbl_info_article.type01.mailapplyinfo .list_sel_inp.h48 > li {padding:0;} .co_tbl_info_article.type01.mailapplyinfo .list_sel_inp.applyncu_sellist.dpt2 > li{width:240px; margin:0 4px;} .co_tbl_info_article.type01.mailapplyinfo .grp_title {width:204px; vertical-align: middle;} .co_tbl_info_article.type01.mailapplyinfo .grp_cont {padding-left:0;} .co_tbl_info_article.type01.mailapplyinfo .grp_cont p + .link {margin-top:8px; line-height:16px;} .co_tbl_info_article.type01.mailapplyinfo .grp_cont p + .link a{line-height:16px;} .useinfomailservice_chk {border-top:2px solid #000;} .useinfomailservice_chk .all_chkbox {padding:24px 0 12px;} .useinfomailservice_chk .all_chkbox .input_cell_check01 label {padding-left:44px;} .useinfomailservice_chk .box_grp {padding:18px 24px 18px 24px;} /* .useinfomailservice_chk .input_cell_check01 label {padding:0;} */ .useinfomailservice_chk :not(.all_chkbox) .input_cell_check01 label {position:relative; padding-left:78px;} .useinfomailservice_chk :not(.all_chkbox) .input_cell_check01 i {top:50%; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .useinfomailservice_chk .co_tbl_info_article.type01 .grp_cont {display:table; padding:0;} .useinfomailservice_chk .grp_cont .img, .useinfomailservice_chk .grp_cont p {display:table-cell; vertical-align:middle;} .useinfomailservice_chk .grp_cont p {padding-left:16px;} .useinfomailservice_chk .grp_cont .img {width:40px; height:64px; box-shadow:0 2px 4px rgba(0, 0, 0, .08);} .useinfomailservice_chk .grp_cont .img img {width:100%;} .useinfomailservice_chk .co_tbl_info_article .co_no_data {padding:131px 0;} /* _[서류 발급] ___________________________________________________________*/ .sub_issuedocument .box_top_tit + .section_wrap {margin-top:52px;} .sub_issuedocument .tab_default + .sub_in_article {margin-top:56px;} .sub_issuedocument .sub_in_article {margin-top:36px;} .sub_issuedocument .sub_in_article .hds_box {margin-top:20px;} .sub_issuedocument .box_select {font-size:0;} .sub_issuedocument .tbl_row th, .sub_issuedocument .tbl_row td {padding-top:17px; padding-bottom:17px;} .list_sel_inp.issuedoc_chklist {margin-top:8px;} .list_sel_inp.issuedoc_chklist > li {width:388px;} .list_sel_inp.issuedoc_chklist > li input:checked + label strong {font-weight:700;} .list_sel_inp.issuedoc_chklist.type01 > li:nth-child(1), .list_sel_inp.issuedoc_chklist.type01 > li:nth-child(2), .list_sel_inp.issuedoc_chklist.type01 > li:nth-child(3) {width:253px;} .sub_issuedocument .select_year, .sub_issuedocument .select_period {display: none; margin-top: 36px;} .sub_issuedocument .select_year > [class^="h4"], .sub_issuedocument .select_period > [class^="h4"]{margin-bottom:16px;} .sub_issuedocument .select_period .co_inquiry_box02 {padding:0;} .sub_issuedocument .select_period .co_date_period02{vertical-align:top;} /* 개인사업자용 이용내역서 탭클릭시 직접입력 */ .sub_issuedocument .select_period .co_date_period02 .list_sel_inp{margin-right:-2px; margin-left:-2px; vertical-align:top;} .sub_issuedocument .select_period .co_date_period02 .list_sel_inp > li{width:100px; margin:0 2px;} .sub_issuedocument .select_period [class^='co_inquiry_box'] .box_datepicker02{margin-top:12px; margin-left:0;} .sub_issuedocument .select_period .direct_cld label.w129.h64{width:227px; margin-top:0;} .sub_issuedocument .select_period .direct_cld label.w129.h64 + .bar_dash{padding:0 25px; font-size:20px; font-weight:400;} /* _[소득 공제] ___________________________________________________________*/ /* _common */ .btm_printinfomsg {margin-top:64px;} .btm_printinfomsg p {margin-top:11px; color:#5c5c5c;} .btm_printinfomsg .link {margin-top:19px;} .icddc_inqyear_box {padding:24px 0 44px; font-size:0;} .icddc_inqyear_box > .hds_box_in .box_select {width:360px;} .icddc_inqyear_box > .hds_box_in, .icddc_inqyear_box > .box_btn {display:inline-block; vertical-align:top;} /* 2021-11-11 Q10112 : IE정렬깨짐수정 */ .icddc_inqyear_box > .box_btn {margin-left:8px;} .co_tbl_info_article.tbl_icddc01 {border-bottom:0; border-top:1px solid #ebebeb;} .co_tbl_info_article.tbl_icddc01.cont {max-height:480px; margin-top:0;border-top:0;} .co_tbl_info_article.tbl_icddc01 .mCSB_inside > .mCSB_container {margin-right:5px;} .co_tbl_info_article.tbl_icddc01 .mCSB_scrollTools .mCSB_draggerContainer {right:-10px;} /* 2021-11-11 Q10112 : 테이블 스타일 재정렬 */ /* 첫번째 th, td에 rowspan 있을때 */ .tbl_icddc01 .tbl_row thead tr th:first-child[rowspan] [class*="_lt"], .tbl_icddc01 .tbl_row tbody tr td:first-child[rowspan] [class*="_lt"], .tbl_icddc01 .tbl_row tfoot tr td:first-child[rowspan] [class*="_lt"]{padding-left:24px;} /* 넥스트 정렬기준으로 여백조절 */ .tbl_icddc01.head .tbl_row tbody td{padding:0; color:#000; vertical-align:middle;} .tbl_icddc01.head .tbl_row tbody td [class^="p1"][class*="1ln"]{padding:15px 0;} .tbl_icddc01.head .tbl_row tbody td [class^="p2"][class*="1ln"]{padding:13px 0 15px;} .tbl_icddc01.head .tbl_row tbody tr:last-child td{border-bottom:1px solid #ebebeb;} .tbl_icddc01 .tbl_row tbody td{padding:19px 0 22px; color:#5c5c5c; vertical-align:top;} .tbl_icddc01 .tbl_row tbody td [class*="_rt"], .tbl_icddc01 .tbl_row tfoot td [class*="_rt"]{padding-right:16px;} .tbl_icddc01 .tbl_row tfoot{background-color:#fafafa;} .tbl_icddc01 .tbl_row tfoot td{padding:19px 0 22px; vertical-align:top;} .tbl_icddc01 .tbl_row .list_none td{padding:149px 0 92px;} /* // 2021-11-11 Q10112 : 테이블 스타일 재정렬 */ .box_top_tit + .box_history.list_deposit01 {margin-top:52px;} .sub_container .box_history.list_deposit01 .box_btn.more {margin-top:0;} .sub_container .box_history.list_deposit01 .option_search {padding-top:24px;} .sub_container .box_history.list_deposit01 .option_use {font-size:0;} .sub_container .box_history.list_deposit01 .option_search .w104 {width:104px;} .sub_container .box_history.list_deposit01 .list_history_prepaid li .amount {padding-right:24px;} .sub_depositlist .list_history_prepaid .co_no_data {padding-top:109px; padding-bottom:109px;} .box_history.list_deposit01 .co_top_total01 {margin-top:42px;} .co_tbl_info_article.tbl_icddc02 .co_no_data {padding:149px 0;} /* 소득공제내역 */ .sub_incomededuction01 .co_title_box02 .link, .sub_incomededuction01 .btn_pos {display:inline-block;} .sub_incomededuction01 .btn_pos {font-size:0; margin-left:36px;} .sub_incomededuction01 .btn_pos li {display:inline-block;} .sub_incomededuction01 .btn_pos li + li {margin-left:24px;} /* 소득공제 확인서 발급 신청 정보 */ .sub_incomededuction02 .co_tbl_info_section + .co_tbl_info_section {margin-top:120px;} /* Gift카드 소득공제내역 */ .sub_incomegiftcard .box_info_date {padding:24px 0;} .sub_incomegiftcard .co_tbl_info_article .co_no_data {padding:149px 0;} .sub_incomegiftcard .co_txt_list {margin-top:32px;} .sub_incomegiftcard .co_txt_list .link_list {margin-top:19px;} .incomegift_listwrap .co_inquiry_box02 {padding-bottom:40px; border-bottom:1px solid #ebebeb;} .incomegift_listwrap .co_tbl_info_article {border-top:0;} .co_tbl_info_article.type01.list_incomegift .box_grp > div:not(.co_no_data) {display:table-cell; padding-top:40px; padding-bottom:40px; vertical-align:top;} .co_tbl_info_article.type01.list_incomegift .grp_date {width:180px; padding-left:24px;} .co_tbl_info_article.type01.list_incomegift .grp_cont .p2_m_lt_1ln {margin-top:12px;} .co_tbl_info_article.type01.list_incomegift .grp_price {padding-right:24px; width: 160px; text-align:right;} /* 입금 상세내역 */ .modal_pop.modal_listdepositdtl .box_content {padding-bottom:0;} .modal_listdepositdtl .subbox.fl {line-height:32px;} .modal_listdepositdtl .co_title_box02 .subbox.fr > a + a {margin-left:24px;} .co_tbl_info_article.type01.listpopup_depositdtl {margin-top:12px;} .co_tbl_info_article.type01.listpopup_depositdtl .box_grp > div:not(.co_no_data) {display:table-cell; padding:24px;} .co_tbl_info_article.type01.listpopup_depositdtl .grp_date {width:160px;} .co_tbl_info_article.type01.listpopup_depositdtl .grp_date > span {margin-top:6px; color:#858585; display:inline-block;} .co_tbl_info_article.type01.listpopup_depositdtl .grp_cont .divr_dot {margin-top:6px;} .co_tbl_info_article.type01.listpopup_depositdtl .grp_price {width:160px;} /* 발급가능 프린트 확인 */ .list_printcompany {background-color:#fafafa; padding:20px;} .list_printcompany .print_list {width:100%; display:table;} .list_printcompany > dl > dt, .list_printcompany > dl > dd {display:table-cell; padding:7px 0 7px 24px; color:#333;} .list_printcompany > dl > dt {width:147px;} .list_printcompany > dl > dd {width:321px;} .modal_pop.modal_printcompany .box_content {z-index:0; padding:0;} .modal_pop.modal_printcompany .layer_head {padding-right:40px;} .modal_pop.modal_printcompany .layer_head h1 + p {margin-top:40px;} .modal_pop.modal_printcompany .layer_body {padding-top:14px;} .modal_pop.modal_printcompany .hds_box{margin-bottom:20px;} .modal_pop.modal_printcompany .layer_body .box_content .mCSB_container{padding:0;} .modal_pop.modal_printcompany .hds_box + .list_printcompany {min-height:288px;} /* 2022-12-16 GGU282 추가 - selectbox 눌렀을 때 높이값 */ /* 입금경로별 반영 기준표 */ .modal_pop.modal_tbldepositpath .box_content {padding-bottom:0;} .tbl_row.tbl_depositpath th , .tbl_row.tbl_depositpath td{text-align:left; font-size:16px; padding:16px 0 16px 24px;} .tbl_row.tbl_depositpath th {font-weight:700; line-height:22px;} .tbl_row.tbl_depositpath td {font-weight:500; line-height:26px; color:#5c5c5c;} .tbl_row.tbl_depositpath tr:last-child td {padding-right:20px; line-height:26px;} .tbl_row.tbl_depositpath td[rowspan='2'] + td, .tbl_row.tbl_depositpath tr:nth-child(2) td:first-child {padding-left:0;} /* 소득공제 상세내역 팝업 */ .modal_pop.modal_icddc_dtl .info_date {padding-bottom:8px;} .modal_icddc_dtl .tbl_row th, .modal_icddc_dtl .tbl_row td {padding:16px 0;} .modal_icddc_dtl .tbl_row th [class*="_lt"], .modal_icddc_dtl .tbl_row td [class*="_lt"]{padding-left:24px;} .modal_icddc_dtl .tbl_row .list_none td {padding:69px 0;} .modal_pop.modal_icddc_dtl .co_tbl_info_article {border-top:1px solid #949494;} .modal_pop.modal_icddc_dtl .layer_body {padding:0 80px 40px;} .modal_pop.modal_icddc_dtl .box_content {padding:22px 0 0;} .modal_pop.modal_icddc_dtl .co_tbl_info_article + .bul_list {margin-top:11px;} .modal_pop.modal_icddc_dtl .mt60 {margin-top:60px;} .modal_pop.modal_icddc_dtl .bul_list .p1_m_lt_2ln {line-height:26px;} /* 입금내역 */ .sub_depositlist .co_top_total01 {padding-top:20px; padding-bottom:12px;} .sub_depositlist [class^='co_inquiry_box'] .hds_box {width:320px;} /* 개인사업자별 이용내역 */ /* .sub_individualuse .co_top_total01 {padding-top:4px; padding-bottom:12px;} */ .co_tbl_info_article.tbl_individualuse {border-top:0; border-bottom:none;} .tbl_individualuse table.tbl_row {border-top:1px solid #ebebeb; border-bottom:0; border-collapse:collapse;} .tbl_individualuse table.tbl_row th {vertical-align:middle; padding-top:14px;padding-bottom:14px;} .tbl_individualuse table.tbl_row th, .tbl_individualuse table.tbl_row td {padding-left:24px; padding-right:24px; border-top:1px solid #ebebeb; border-bottom:none;} .tbl_individualuse table.tbl_row td {padding-top:26px; padding-bottom:26px;} .tbl_individualuse table.tbl_row tbody td{color:#5c5c5c;} .tbl_individualuse table.tbl_row th p, .tbl_individualuse table.tbl_row td p {padding-top:4px; padding-bottom:4px;} .tbl_individualuse table.tbl_row + .box_btn {margin-top:30px;} .tbl_individualuse table.tbl_row td.btn_more{border-top:none;} .tbl_individualuse table.tbl_row tbody tr:last-child th:not(.btn_more), .tbl_individualuse table.tbl_row tbody tr:last-child td:not(.btn_more){border-bottom:1px solid #ebebeb;} /* 2024-11-01 GGU282 추가 - [공통] PC웹 메뉴개편 */ .tbl_individualuse table.tbl_row.bd_t1_a40 thead tr:first-child th, .tbl_individualuse table.tbl_row.bd_t1_a40 tbody tr:first-child th, .tbl_individualuse table.tbl_row.bd_t1_a40 tbody tr:first-child td {border-top:0 none;} .tbl_individualuse table.tbl_row.bd_t1_a40 thead + tbody tr:first-child th, .tbl_individualuse table.tbl_row.bd_t1_a40 thead + tbody tr:first-child td {border-top:1px solid #ebebeb;} /* //2024-11-01 GGU282 추가 - [공통] PC웹 메뉴개편 */ .sub_individualuse .list_deposit01 + .bul_list {margin-top:52px;} .sub_individualuse .co_listwrap_type01 {margin-top:20px;} .box_top_tit + .co_datelink_box {margin-top:52px;} .co_btm_banner.idvuse_banner {margin-top:67px;} .co_btm_banner.idvuse_banner .inner_banner {border-top:0; width:auto;} .co_btm_banner.idvuse_banner .inner_banner + .inner_banner {margin-left:188px;} /* 전자확인증 발급 */ .elecconfirm_wrap {width: 997px; margin:120px auto 0;} /* .elecconfirm_wrap {padding:120px; width: 1316px;} */ .elecconfirm_wrap .box_top_tit > h1 {margin-top:0;} .elecconfirm_wrap .setup_list {margin-top:24px;} .elecconfirm_wrap .setup_list > li {color:#5c5c5c;} .elecconfirm_wrap .setup_list > li em {font-weight:700;} .elecconfirm_wrap .co_tbl_info_article {width: 100%; margin-top:39px;} .elecconfirm_wrap .tbl_row th, .elecconfirm_wrap .tbl_row td {padding:20px 0 40px 20px; vertical-align:middle;} .elecconfirm_wrap .tbl_row td {color:#5c5c5c;} .elecconfirm_wrap .ico_download:before {content: ''; display: inline-block; width: 20px; height: 20px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_download.png) center/20px no-repeat; vertical-align: top; margin-top:4px; padding-right:2px;} /* 비로그인 회원 */ .sub_login.sub_incomelogin {margin-top:64px; padding-top:0; padding-bottom:160px;} .sub_login.sub_incomelogin h1 {position:initial; left:initial; top:initial; width:auto; height:auto; background:none; margin:64px auto 0;} .sub_login.sub_incomelogin .tab_default {width:402px; margin:52px auto 56px; justify-content:center;} .sub_login.sub_incomelogin .title {position:absolute; top:0; left:0;width:100%; padding-top:36px;} .sub_login.sub_incomelogin .title h2 {position:initial; left:initial; top:initial;right:initial;} .sub_login.sub_incomelogin .title h2 + p {margin-top:16px;} .sub_login.sub_incomelogin .wrap_login .tab {top:170px;} .sub_login.sub_incomelogin .wrap_login .tab.tab2:after {width:50%;} .sub_login.sub_incomelogin .wrap_login .tab[data-active-bar='1']:after {transform:translateX(0);} .sub_login.sub_incomelogin .wrap_login .tab.tab2[data-active-bar='2']:after {transform:translateX(100%);} .sub_login.sub_incomelogin .wrap_login .box_login {height:714px; padding:291px 40px 0;} .sub_login.sub_incomelogin.type02 .wrap_login .box_login {height:776px; padding:202px 40px 0;} .sub_login.sub_incomelogin.type02 .agree_wrap {margin-top:52px;} /* _[이용내역안내메일서비스] ___________________________________________________________*/ .notifymailservice_type {margin-top:52px;} .notifymailservice_type:after {display:block; content:''; clear:both;} .notifymailservice_type .fl {width:752px;} .box_usingservice.mail .title_usingservice {border-bottom:0; padding-bottom:0; margin-top:0;} .box_usingservice .dtl_serviceinfo {margin-top:16px;} .box_usingservice .dtl_serviceinfo > dl {display:table; width:100%; table-layout:fixed;} .box_usingservice .dtl_serviceinfo > dl + dl {margin-top:16px;} .box_usingservice .dtl_serviceinfo > dl > dt {color:#5c5c5c; width:85px;} .box_usingservice .dtl_serviceinfo > dl > dt , .box_usingservice .dtl_serviceinfo > dl > dd {display:table-cell; font-size:14px; font-weight:500; line-height:20px; text-align:left;} .box_usingservice .dtl_serviceinfo .link {margin-top:4px;} .box_usingservice .dtl_serviceinfo .link .fc_m_link{line-height:16px;} /* _[내 카드 목록] ___________________________________________________________*/ .sub_mycardlist .cel_list07 .fr .box_btn {font-size:0;} .sub_mycardlist .box_card_setting01 > .cel_list07 .box_btn .p1_b_1ln + a {margin-left:24px;} .input_cell_box.focused.error .input_txtcnt, .input_cell_box.error .input_txtcnt {color:#ff0000;} .input_txtcnt {position:absolute; top:22px; right:0; color:#ccc;} .input_cell_box.focused .input_txtcnt {color:#858585;} .cardnum_type02 .num_info {text-align:right; font-size:0;} .cardnum_type02 .num_info > span {display:inline-block; padding-left:18px;} .cardnum_type02 .ref_txt {margin-top:8px; color:#949494;} .sub_mycardlist .box_no_card {border-top:2px solid #000; padding-top:100px;} .sub_mycardlist .box_no_card .img img {width:120px; margin:0 auto;} .list_cardreissue .box_grp {padding:38px 24px;} .co_tbl_info_article.type01.list_cardreissue .box_grp .grp_cont {padding-top:0; padding-bottom:0;} .list_cardreissue .input_cell_check01 label {padding:0;} .list_cardreissue .input_cell_check01 label {position:relative; padding-left:32px;} .list_cardreissue .input_cell_check01 i {top:50%; position:absolute; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .list_cardreissue .co_tbl_info_article.type01 .grp_cont {display:table; padding:0;} .list_cardreissue .grp_cont .img, .list_cardreissue .grp_cont .txt {display:table-cell; vertical-align:middle;} .list_cardreissue .grp_cont .img > div {width:100%; height:64px;} .list_cardreissue .grp_cont .img {width:40px; height:64px;} .list_cardreissue .grp_cont .img img {width:100%;} .list_cardreissue .grp_cont .txt {padding-left:16px;} .list_cardreissue .txt .h4_b_lt + p {margin-top:2px;} .list_cardreissue .txt .num, .list_cardreissue .divr_dot {margin-top:4px;} /* 갱신/재발급 */ .co_tbl_info_section.tbl_cardreissue .co_tbl_info_article {border-bottom:0;} .co_tbl_info_section.tbl_cardreissue .box_terms_wrap {margin-top:20px;} .sub_cardreissueinfo .sub_in_article .address {padding:17px 16px; background-color: #f5f5f5;} /* 카드 해지 시 유의사항 */ .modal_cancelcard01 .reftxt_box {margin-top:36px;} .modal_cancelcard01 .reftxt_box .co_txt_list:first-of-type {margin-top:16px;} .modal_cancelcard01 .bul_list02 > li + li {margin-top:4px;} .modal_cancelcard01 .reftxt_box .co_txt_list + .co_txt_list {margin-top:24px;} .modal_cancelcard01 .link {margin-top:14px; font-size:0;} .modal_cancelcard01 .link a + a{margin-left:12px;} .modal_cancelcard01 .bul_list02 > li {line-height:22px;} .modal_cancelcard01 .box_terms_wrap {margin-top:34px;} /* 상환금액 결제 동의 및 신청 */ .modal_cancelcard02 .co_tbl_info_article {margin-top:22px;} .modal_cancelcard02 .sub_tit {padding-top:22px;} .modal_cancelcard02 .tbl_row thead th, .modal_cancelcard02 .tbl_row thead td {padding:16px 24px;} .modal_cancelcard02 .bul_list02 + .bul_list02 {margin-top:26px;} .modal_cancelcard02 .mt26 {margin-top:26px;} .modal_cancelcard02 .box_content {padding-bottom:20px;} /* _[영문 주소 관리] ___________________________________________________________*/ .modal_pop.modal_engaddress01 .layer_body {padding:0 80px 40px !important;} .co_tbl_info_article.type01.list_engaddress .box_grp {padding:24px;} .co_tbl_info_article.type01.list_engaddress [class^='grp_'] {padding:0; vertical-align: middle;} .co_tbl_info_article.type01.list_engaddress .row {display: table; table-layout: fixed; width: 100%;} .co_tbl_info_article.type01.list_engaddress .grp_btn {width:114px; display:table-cell; vertical-align:middle; text-align:right; padding-left:0;} .co_tbl_info_article.type01.list_engaddress .grp_btn .btn:after {display:block; content:''; clear:both;} .co_tbl_info_article.type01.list_engaddress .grp_btn .btn {display:inline-block; margin:0 auto; text-align:center;} .co_tbl_info_article.type01.list_engaddress .grp_btn button, .co_tbl_info_article.type01.list_engaddress .grp_btn a {width:41px; padding:6px 0; float:left; margin:0 4px; text-align:center; cursor:pointer;} .co_tbl_info_article.type01.list_engaddress + [class^='bul_'] > li {line-height:26px; color:#858585;} .co_tbl_info_article.type01.list_engaddress .co_no_data {padding:69px 0; color:#333;} .list_inner_engaddr {margin-top:6px;} .list_inner_engaddr > li {color:#858585; padding:4px 0;} .engaddr_cell_check {position:relative; overflow:hidden; font-size:0;} .engaddr_cell_check input {display:inline-block; width:100%; height:100%; border:0; vertical-align:top;} .engaddr_cell_check label {display:inline-block; padding-left:28px; cursor:pointer; min-height:24px;} .engaddr_cell_check label > i {position:absolute; top:0; left:0; z-index:2; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_checkB_radio_gry.png) 0 center/100% no-repeat; display:inline-block;} .engaddr_cell_check input:checked + label > i {background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_checkB_radio.png);} .engaddr_cell_check input:checked + label > p {color:#000;} /* 영문 주소 등록 */ .modal_pop.modal_engaddress02 .box_select {font-size: 0;} .modal_pop.modal_engaddress02 .box_input01 {margin-top:20px;} .modal_pop.modal_engaddress02 .layer_body {padding:0 80px;} .modal_pop.modal_engaddress02 .box_content {padding-bottom:20px;} /* 영문 주소 변경 */ .modal_engaddress02 .cardinfo {background-color:#f5f5f5; border-radius:8px; padding:39px 40px; display:table; table-layout:fixed; width:100%;} .modal_engaddress02 .cardinfo dt, .modal_engaddressMod .cardinfo dd {display:table-cell; vertical-align:middle;} .modal_engaddress02 .cardinfo dt {width:202px; color:#5c5c5c;} /* _[이용대금 명세서] ___________________________________________________________*/ /* 영수증 인쇄 */ .popup_cardreceipt {padding:16px 30px; background-color:#fff; width:690px;} .popup_cardreceipt .top_title {position:relative; line-height:32px;} .popup_cardreceipt .btn64_defaultbg_whitetxt { position:absolute; right:0; top:0; height:32px; width:64px; padding:0; cursor:pointer;} .popup_cardreceipt .btn_print span {line-height:32px;} .slip_area {padding-top:48px; padding-bottom:24px; margin-top:16px; border:1px solid #ccc; background-color:#f5f5f5;} .slip_area .sub_box {background:url(/docfiles/resources/pc/images/account/comp/cardreceipt_bg.png) #f5f5f5 0 0/627px auto repeat-y; padding:0 48px 6px;} .slip_area.type02 {padding-bottom:40px;} .slip_area .title {font-size:0; padding:8px 0 12px; text-align:left;} .slip_area .title span, .slip_area .title strong {font-size:16px; line-height:22px;} .slip_area .title span {font-weight:500;} .slip_area .title strong {font-weight:700; padding-left:10px;} .slip_area .deal_date {color:#000; font-weight:700;} .slip_cont {background-color:#fff; padding:16px;} .tbl_cardreceipt {border-top:1px solid #000; background-color:#fff;} .tbl_cardreceipt thead {display:none;} .tbl_cardreceipt th, .tbl_cardreceipt td {padding:13px 24px; font-size:16px; line-height:22px; font-weight:500; vertical-align:top;} .tbl_cardreceipt td {padding-left:0px;} .tbl_cardreceipt tbody th, .tbl_cardreceipt tbody td {border-bottom:1px solid #f5f5f5;} .tbl_cardreceipt th {text-align:left;} .tbl_cardreceipt td {text-align:right; color:#5c5c5c;} .tbl_cardreceipt tfoot tr:not(:first-child) th, .tbl_cardreceipt tfoot tr:not(:first-child) td {border-top:1px solid #eee;} .tbl_cardreceipt tfoot {background-color:#f9f9f9;} .tbl_cardreceipt tfoot td {color:#000; font-weight:700;} .slip_area .ref_txt {padding-top:18px;color:#5c5c5c;} .slip_area .ref_txt > ul {text-align:center; font-size:0;} .slip_area .ref_txt > ul > li {position:relative;display:inline-block; font-size:12px; font-weight:500; line-height:16px; text-align:center; position:relative; padding:0 8px;} .slip_area .ref_txt > ul li + li:before {position:absolute; top:6px; left:0; width:1px; height:8px; background-color:#e0e0e0; content:'';} .slip_area .ref_txt a {color:#5c5c5c;} .slip_area .ref_txt ul + p {margin-top:4px;} .slip_area.type01 .tbl_cardreceipt tbody tr:last-of-type th, .slip_area.type01 .tbl_cardreceipt tbody tr:last-of-type td{padding-bottom:30px; border-bottom:0;} .slip_area .sub_reftxt {margin-top:16px; padding-left:20px; padding-right:20px;} /* _[즉시결제] ___________________________________________________________*/ /* _common */ .co_tbl_info_article.type01.tbl_inspayapply01 .grp_title, .co_tbl_info_article.type01.tbl_inspayapply01 .grp_price{padding:19px 24px;} .co_tbl_info_article.type01.tbl_inspayapply01 .grp_title {width:282px;} .co_tbl_info_article.type01.list_inspayapply {margin-top:16px; display: block;} .co_tbl_info_article.type01.list_inspayapply .grp_cont, .co_tbl_info_article.type01.list_inspayapply .grp_price {padding:20px 24px 21px;} .co_tbl_info_article.type01.list_inspayapply .grp_cont {width:648px;} .co_tbl_info_article.type01.list_inspayapply .grp_price {padding-left:0;} .co_tbl_info_article.type01.list_inspayapply .divr_dot {margin-top:4px;} .inspay_link {margin-left:7px;} .inspay_link > span {line-height:26px;} /* 이중출금 */ .modal_pop.modal_dbwithdrawal .box_content {padding:22px 0 20px;} .modal_dbwithdrawal .p1_b_lt_1ln + .bul_txt02 {margin-top:16px;} .modal_dbwithdrawal .co_txt_list, .modal_dbwithdrawal .box_terms_wrap {margin-top:34px;} .modal_dbwithdrawal [class^='bul'], .modal_dbwithdrawal [class^='bul'] > li {line-height:22px; color:#5c5c5c;} /* 기존 즉시결제 예약 건 안내 */ .modal_orgininspayinfo .box_btn {font-size: 0;} .modal_orgininspayinfo .box_btn > a, .modal_orgininspayinfo .box_btn > button {margin:0 6px;} .modal_orgininspayinfo .mt14 {margin-top:14px;} .modal_orgininspayinfo button.w204 {min-width:204px;} /* 즉시결제 신청 */ .list_inspayapply .divr_txt {line-height:20px;} /* 즉시결제 정보확인 */ .sub_inspayapply02 .mt83 {margin-top:83px;} .sub_inspayapply02 .sub_in_article {margin-top:64px;} .sub_inspayapply02 .box_certification {margin-top:20px;} .co_tbl_info_article.list_inspayapply {border-width:1px;} .pay_selinput {margin-top:20px;} .pay_selinput:after {display:block; content:''; clear:both;} .pay_selinput .hds_box {float:left; width:333px;} .pay_selinput .box_input01 {float:right; width:435px;} .list_sel_inp.inspayapplay_chklist.dpt02 > li {width:388px;} .list_sel_inp.inspayapplay_chklist.dpt03 > li {width:253px;} /* 선결제 할인/적립대상 조회 팝업 */ .co_inquiry_box01.prepayment {padding:2x 28px 23px;} .co_inquiry_box01.prepayment .fl {font-size:0;} .co_inquiry_box01.prepayment .fl:after {display:block; content:''; clear:both;} .co_inquiry_box01.prepayment .fl > div {float:left;} .co_inquiry_box01.prepayment .list_sel_inp > li {min-width:80px;} .co_inquiry_box01.prepayment .range + .range, .co_inquiry_box01.prepayment .box_datepicker {margin-left:28px;} .co_inquiry_box01.prepayment .box_datepicker.type02 .input_datepicker {width:128px;} .sub_account .modal_prepayinquiry .box_intall_pay01 {border-top:0;} .sub_account .modal_prepayinquiry .box_intall_pay01 .co_ndata {border-bottom:1px solid #ebebeb; } .sub_account .modal_prepayinquiry .type1 dl.top {border-bottom:1px solid #ebebeb;} .sub_account .modal_prepayinquiry .type1 dl.top{padding-top:43px; padding-bottom:29px; display:table; width:100%;} .sub_account .modal_prepayinquiry .type1 dl.top:after {display:block; content:''; clear:both;} .sub_account .modal_prepayinquiry .type1 dl.top > dt, .sub_account .modal_prepayinquiry .top > dd {display:table-cell; vertical-align:middle;} .sub_account .modal_prepayinquiry .type1 dl.top > dd {text-align:right;} .sub_account .modal_prepayinquiry .box_intall_pay01 .box_info {padding-top:40px; padding-bottom:40px;} .sub_account .modal_prepayinquiry .box_info .input_cell_check01 , .modal_prepayinquiry .box_info .date {float:left;} .sub_account .modal_prepayinquiry .box_info .input_cell_check01 {width:686px; padding-left:24px;} .sub_account .modal_prepayinquiry .box_info .date {width:164px;} .sub_account .modal_prepayinquiry .input_cell_check01 > .h4_b_lt {padding-left:0;} .sub_account .modal_prepayinquiry .box_intall_pay01.type1 .box_info .won01 {width:150px; padding-right:24px;} /* 즉시결제 출금 방법 안내 */ .modal_inspayway .bul_txt {margin-top:14px;} /* 2021-08-06 Q10112 : 케이스 추가 및 수정 */ .modal_inspayway .co_txt_list + .co_title_box01{margin-top:64px;} .modal_inspayway .co_title_box01 + .sub_self_auth{margin-top:20px;} .modal_inspayway .sub_self_auth .box_certification {width:100%;} .modal_inspayway .sub_self_auth .box_certification:first-of-type {margin-top:0;} /* .modal_pop.modal_inspayway .layer_body {padding:0 80px;} */ .inspay_nodata {padding:169px 0; border-bottom:1px solid #ebebeb;} /* 즉시결제 신청 */ .sub_inspayapply .box_account_usage01 {padding:23px 0 24px; border-bottom: 0;} .sub_inspayapply .box_account_usage01 .mt12 {margin-top:12px;} .sub_inspayapply .sub_in_article {margin-top:64px;} .sub_inspayapply .ico_tip {margin-top:1px;} .box_account_case01.plural03 {padding:3px 0 5px; border-radius:8px;} .box_account_case01.plural03 > dl > dt {width: 116px;} /*복수명세서 즉시결제 */ .inspay_topinfo .co_title_box01 + .box_account_case01 {margin-top:20px;} .inspay_topinfo .bul_txt + .link {margin-left:8px;} .box_account_case01 .plural, .box_account_usage02 .bul_txt > em {font-weight: 700;} .inspay_topinfo + .inspay_topinfo {margin-top:40px;} .box_account_case01.plural dt {width: 282px;} .box_account_case01.plural dd {width:calc(100% - 282px);} .sub_inspayapply .bul_txt + .link .textbico_small_link {color:#0070f0; margin-top:0;} .box_account_case01.plural02 .list_inspayapply {padding-left:180px; margin-top:12px;margin-right:16px; width:auto;} .box_account_case01.plural02 .list_inspayapply .box_grp {border-top:1px solid #ebebeb;} .box_account_case01.plural02 .co_tbl_info_article.type01.list_inspayapply .grp_cont {width:450px; padding-right:16px;} .box_account_case01.plural02 .co_tbl_info_article.type01.list_inspayapply .grp_cont, .box_account_case01.plural02 .co_tbl_info_article.type01.list_inspayapply .grp_price {padding:12px 0;} .box_account_case01.plural02 .co_tbl_info_article.type01.list_inspayapply .divr_dot {margin-top:6px;} /* 복수명세서 당월 청구금액 */ .co_tbl_info_article.type01.list_inspayapply .grp_price.inspay_ipbox {width:100%; padding-right:0; display: table-cell; vertical-align: middle;} .grp_price.inspay_ipbox .price_input{position:relative; display:inline-block; width:120px;} .grp_price.inspay_ipbox .price_input input{padding:10px 6px; font-size:14px; font-weight:700; border:1px solid #ccc; border-radius:4px; text-align:right; width: 100%;} .grp_price.inspay_ipbox .price_input input::placeholder{font-weight:500;} .grp_price.inspay_ipbox .price_input input::-webkit-placeholder, .grp_price.inspay_ipbox .price_input input::-moz-placeholder, .grp_price.inspay_ipbox .price_input input::-ms-placeholder{font-weight:500;} .grp_price.inspay_ipbox .price_input .txt{display:none; position:absolute; right:6px; bottom:10px;} .grp_price.inspay_ipbox .price_input:hover input{border-color:#000;} .grp_price.inspay_ipbox .price_input.focused input{border:2px solid #000;} .grp_price.inspay_ipbox .price_input.complete input{padding-right:19px;} .grp_price.inspay_ipbox .price_input.complete .txt{display:inline-block;} .grp_price.inspay_ipbox .price_input.error input{padding-right:19px; color:#ff0000; border:1px solid #ff0000;} .grp_price.inspay_ipbox .price_input.error .txt{display:inline-block; color:#ff0000;} .sub_account .result_box .cardloandtl_chk +.bot_total{margin-top:12px;} /* 즉시결제 신청완료 */ .sub_inspayapplycomp .box_account_case01 {margin-top:20px;} .sub_inspayapplycomp .box_account_case01 dl {display:table; width:100%; table-layout:fixed; font-size: 0;} .sub_inspayapplycomp .box_account_case01 dt, .sub_inspayapplycomp .box_account_case01 dd {display:table-cell;} .sub_inspayapplycomp .box_account_case01 dt {width:164px;} /* 즉시결제 내역 */ .sub_inspaylist .mt14 {margin-top:14px !important;} .sub_inspaylist .box_title01 .fr {font-size:0;} .sub_inspaylist .box_title01 .textbico_small_link {margin-top:0;} .sub_inspaylist .box_title01 .textbico_small_link > span {line-height:32px;} .sub_account.sub_inspaylist .box_intall_pay01.type1 {border-bottom: 0;} .sub_inspaylist .list_inspay > ul > li.box_info {border-bottom: 0;} .sub_inspaylist .list_inspay > ul > li + li {border-top:1px solid #ebebeb;} .sub_account .box_intall_pay01.list_inspay [class^='co_inquiry_box'] + .top {padding-top:23px;} .sub_account .box_intall_pay01.list_inspay .top {height:auto; padding-top:27px; padding-bottom:27px;} .sub_account .box_intall_pay01.list_inspay .box_info {display: table; width: 100%; table-layout: fixed;} .sub_account .box_intall_pay01.list_inspay .input_cell_check01 {width: 100%;} .sub_account .box_intall_pay01.list_inspay .input_cell_check01, .sub_account .box_intall_pay01.type1.list_inspay .won01 {display: table-cell; vertical-align: top;} .sub_account .box_intall_pay01.type1.list_inspay .won01 {float:none; width: 164px;} .sub_account .box_intall_pay01.list_inspay .input_cell_check01 > .h4_b_lt {padding-left:24px;} .sub_account .box_intall_pay01.list_inspay .input_cell_check01 > span + .fl {margin-left:68px;} .sub_account .box_intall_pay01.list_inspay .won01 {padding-right:24px;} .sub_account.sub_inspaylist .box_intall_pay01 dl, .sub_account.sub_inspaylist .box_intall_pay01 dl.sm {padding-left:24px; padding-right:24px;} /* 즉시결제 선택현황 */ .sub_account .box_intall_pay01.type1.box_inspay_status .co_tbl_info_article {border-top:0;} .sub_account .box_intall_pay01.type1.box_inspay_status .co_tbl_info_article .input_cell_check01 label {padding:0; display: table; width: 100%; table-layout: fixed; padding:0;} .sub_account .box_intall_pay01.type1.box_inspay_status .input_cell_check01 {width: 100%;} .box_intall_pay01.type1.box_inspay_status .box_grp {padding:36px 0;} .box_intall_pay01.type1.box_inspay_status .co_no_data {border-bottom: 1px solid #ebebeb; padding:169px 0; margin-top:16px;} .box_intall_pay01.type1.box_inspay_status [class^='grp'] {display: table-cell; vertical-align: top; padding:0;} .box_intall_pay01.type1.box_inspay_status .grp_date {width:228px; padding-left:68px;} .box_intall_pay01.type1.box_inspay_status .box_grp .input_cell_check01 label > i {left:24px;} .box_intall_pay01.type1.box_inspay_status .grp_price {width: 144px; padding-right:24px;} .sub_inspaystatus .box_intall_pay01 {border-top:0;} .sub_inspaystatus .btn_inblock {width:auto; height:auto;} .sub_inspaystatus .box_title01 .fr {font-size:0;} .sub_inspaystatus .box_title01 .textbico_small_link {margin-top:0 ;} .sub_inspaystatus .box_title01 .textbico_small_link > span {line-height:32px;} .sub_inspaystatus .box_intall_pay01 .box_info {padding:40px 24px;} .sub_inspaystatus .box_intall_pay01 .box_info:last-of-type {border-bottom:1px solid #ebebeb;} .sub_inspaystatus .box_intall_pay01 dl.total {padding:17px 24px;margin-top:12px;} .sub_inspaystatus .won01 {width:282px;} .co_inquiry_box01.inspay_status {position:relative;} .co_inquiry_box01.inspay_status .row:after {display: block; content:''; clear: both;} .co_inquiry_box01.inspay_status .hds_box {font-size:0;} .co_inquiry_box01.inspay_status .sel_card, .co_inquiry_box01.inspay_status .sel_choice {float: left;} .co_inquiry_box01.inspay_status .sel_card .hds_box_in {width:332px;} .co_inquiry_box01.inspay_status .row + .sub_inquiry {margin-top:10px;} .co_inquiry_box01.inspay_status .row + .sub_inquiry .co_date_period02 {margin-left:0;} .co_inquiry_box01.inspay_status .sub_inquiry:after {display:block; content:''; clear:both;} .co_inquiry_box01.inspay_status .sel_choice {width:152px;} .co_inquiry_box01.inspay_status div + .sel_choice{margin-left:8px;} .co_inquiry_box01.inspay_status .sub_inquiry > div {float:left;} .co_inquiry_box01.inspay_status .sub_inquiry .co_date_period02{margin-left:28px;} .co_inquiry_box01.inspay_status .list_sel_inp > li {width:80px;} .co_inquiry_box01.inspay_status .box_btn {position:absolute; top:50%; right:24px; -ms-transform:translateY(-50%); transform:translateY(-50%);} .co_inquiry_box01.btn_fix .box_btn {position:static; -ms-transform:translateY(0); transform:translateY(0);} .sub_account.sub_inspaystatus .box_intall_pay01.type1 {border-bottom:0;} .box_inspay_status .co_tbl_info_article.type01 {border-bottom: 0;} .box_inspay_status .co_tbl_info_article.type01 + .more {margin-top:0;} /* 입금전용(가상)계좌 신청/조회 */ .sub_depositonlyaccount .co_btm_banner {margin-top:48px;} .sub_depositonlyaccount .co_btm_banner .inner_banner {min-height:260px;} .co_tbl_info_section.tbl_deposit01 div.box_grp .grp_cont {padding-left:0;} .co_tbl_info_section.tbl_deposit01 .box_grp + ul {border-top:1px solid #ebebeb;} .co_tbl_info_section.tbl_deposit01 ul > li [class^='p3'] {margin-top:8px; color:#858585;} .co_tbl_info_section.tbl_deposit01 .co_title_box01 h3 {line-height:48px;} .co_tbl_info_section.tbl_deposit01 .deposit_selcard {float:right;} .co_tbl_info_section.tbl_deposit01 .hds_box_in {width: 360px; font-size: 0;} .tbl_deposit01 .co_tbl_info_article.type01 [class^='grp_'] {display: table-cell; padding:19px 24px; vertical-align: middle;} .tbl_deposit01 .co_tbl_info_article.type01 .grp_date {width:180px; color:#858585;} .co_tbl_info_section + .co_tbl_info_section.tbl_deposit02, .co_tbl_info_section.tbl_deposit02 {margin-top:80px;} .co_tbl_info_section.tbl_deposit02 .co_tbl_info_article {border-bottom: 0;} .co_tbl_info_section.tbl_deposit02 .box_grp {padding:20px 0;} .co_tbl_info_section.tbl_deposit02 .grp_cont:after {display: block; content:''; clear: both;} .co_tbl_info_section.tbl_deposit02 .grp_cont .hds_box_in {width: 551px; font-size: 0; float: left;} .co_tbl_info_section.tbl_deposit02 .grp_cont .box_btn {float: right;} .co_tbl_info_section.tbl_deposit02 .grp_cont .box_btn [class^="btn"][class*="64_"] {padding:19px 0; width: 225px;} .deposit_num {margin-top:12px;} .deposit_num input{padding:16px 19px; height: 64px; line-height:32px;background-color: #f5f5f5; border-radius:8px;} .deposit_num input, .deposit_num input:focus, .deposit_num input:active {font-size: 20px; width: 100%;} .deposit_num input:focus {outline:0; border:0;} .ins_payment .bk_list.avail_bank > ul {border:0;} .bk_list.avail_bank > ul:after {display:block; content:''; clear:both;} .bk_list.avail_bank > ul > li { padding-bottom:16px;} .bk_list.avail_bank > ul > li:not(:nth-of-type(4n)) {padding-right:16px;} .ins_payment .bk_list.avail_bank ul li a {display:flex; text-align:center; border:1px solid #ebebeb; background-color:#fff; border-radius:8px;min-height:95px; height:100%;} .bk_list.avail_bank .em {display:block;} /* 총 이용금액 결제 */ .box_account_usage01.inspayapply_type01 {margin-top:52px; padding-bottom:0;} .box_account_usage01.inspayapply_type01 .box_top_usage01 {border-bottom:1px solid #ebebeb; padding-bottom:32px;} .box_account_usage01.inspayapply_type01 .box_top_usage01 + .bul_list {margin-top:24px;} .inspayapply_type01 .price_info {display: table; table-layout: fixed; width: 100%;} .inspayapply_type01 .price_info > .cell {width: 50%; display: table-cell;} .sub_inspayapply .box_certification {margin-top:20px;} /* 카드 도난분실 신고 해제 */ .sub_accidentconsulting .co_tbl_info_article {border-bottom:0;} .tbl_row.tbl_accidentconsulting tbody td {padding:21px 24px;} .tbl_row.tbl_accidentconsulting tbody tr:not(.list_none) > td {color:#5c5c5c;} .co_tbl_info_article .tbl_row.tbl_accidentconsulting tbody tr.list_none td {border-bottom:1px solid #f5f5f5;} /* 타 카드사 일괄 분실신고 결과 */ .co_tbl_info_section.card_reportloss {border-bottom:0;} /* _[정기결제 월세] ___________________________________________________*/ /* Layer Common */ .modal_monthly01 .mt36, .mrent_ipbox:not(:first-of-type), .mrent_ipbox + .mrent_ipbox {margin-top:36px;} .mrent_ipbox .tit + .box_datepicker01 {margin-top:16px;} .mrent_ipbox .mrent_databox, .mrent_ipbox .hds_box {margin-top:16px;} .mrent_ipbox .box_datepicker01 + .input_cell_box {margin-top:20px;} .box_datepicker01.mrent_databox {font-size: 0;} .box_datepicker01.mrent_databox > .input_datepicker {width: 235px; vertical-align: top; height:64px;} .box_datepicker01.mrent_databox .bar_dash {padding:0 12px; font-size: 20px; font-weight: 500; text-align: center; line-height:64px;} .mrent_ipbox.mt16{margin-top:16px;} .mrent_ipbox .acc_number {display: block; justify-content:initial} .mrent_ipbox .acc_number .drop_link {display: block; width: 100%; margin-right:0;} .mrent_ipbox .acc_number .drop_link + .input_cell_box {width: 100%; margin-top:20px;} .mrent_ipbox .acc_number .drop_link + .input_cell_box + p{position:static;} .modal_monthly01 .box_account_case01 > dl > dt {width: 110px;} .box_monthlyagree {margin-top:56px;} .box_monthlyagree > [class^="bul_"], .box_monthlyagree > ol{margin-top:20px;} .box_monthlyagree > ol > li {margin:4px 0; display: table; table-layout: fixed;width:100%} .box_monthlyagree > ol > li > span, .box_monthlyagree > ol > li > p {display: table-cell; vertical-align: middle;} .box_monthlyagree > ol > li > span {width: 48px; height: 24px; line-height:24px; border-radius:4px; border:1px solid #e0e0e0; background-color: #fff; text-align: center;} .box_monthlyagree > ol > li > p {padding-left:8px;} /* Q10337 */ /* 파일첨부 */ .input_file {position:relative} .input_file .file_intro {display:block; width:100%; /* height:64px; */ padding:20px 195px 18px 0; color:#000; font-size:20px; font-weight:700; line-height:26px} .input_file .file_intro > p {display:inline-block; word-break:break-all; margin-right:32px;} .input_file .btn_file {position:absolute; right:0; top:16px; display:inline-block; background-color:#000; color:#fff; cursor: pointer;} /* 정기결제신청일때 가져오기 버튼 삭제 */ label.input_file{display:inline-block; width:100%; cursor: pointer;} .box_input01 .input_cell_box .input_file .btn_file[class^="btn"][class*="defaultbg"]{background-color:#000;} .box_input01 .input_cell_box .input_file .btn_file[class^="btn"][class*="defaultbg"] span{color:#fff;} .box_input01 .input_cell_box .input_file .btn_del {display:inline-block; margin-left:8px; margin-top:0; width:16px; height:16px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_x_o_gry.png) no-repeat 50% 50%; background-size:16px 16px; vertical-align:middle;} .file_notic {color:#858585; font-size:14px; line-height:20px;} /* 월세 신청 정보 입력 */ .ie10 .datepicker-wrap.h64 .select_wrap {width:46%;} .datepicker-wrap.h64 .select_wrap .btn_select {height:64px; font-size:20px; line-height:64px;} .co_tab_content .wrap_tooltip {vertical-align:top;} /* 월세 신청 정보 확인 */ .wrap_com_result h3.h3_b_lt + p.p1_m_lt_1ln + .box_com_result {margin-top:20px} /* 월세 조회 및 변경 */ .co_tbl_info_article .box_select + .box_grp {border-top:none} /* 월세 납부 내역 */ .sub_prepaid_card.sub_rent .box_history .result_total {padding:27px 0; margin-top:20px} .sub_prepaid_card.sub_rent .list_history_prepaid li .name .h4_b_lt .holder {display:inline-block; position:relative; margin-right:10px} .sub_prepaid_card.sub_rent .list_history_prepaid li .name .h4_b_lt .holder:after {content:""; display:inline-block; position: absolute; top:12px; right:-6px; width:2px; height:2px; background-color: #e0e0e0;} .print_2021{font-family:'YouandiModernTR';padding-bottom:50px;} .print_2021 *{font-weight:normal;} .print_2021 h2{margin:64px 0 20px;font-size:21px;} .print_2021 .print_top{position:relative;padding-top:75px;text-align:center;background:url(/docfiles/resources/pc/images/common/logo/logo_hyundaicard_light.png) no-repeat center 25px; background-size:118px 24px} .print_2021 .print_top h1{font-size:30px;} .print_2021 .print_top p{margin-top:18px;color:#666;font-size:13px;} .print_2021 .print_top .btn_print{position:absolute;right:0;top:75px;width:64px; border: 1px solid #000;background: #000;color: #666;padding: 0 10px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;cursor:pointer} .print_2021 .print_top .btn_print span{display:block;height: 30px;line-height: 31px;font-family:'YouandiModernTR';} .print_2021 .print_page{width:928px;margin:0 auto;font-size: 15px;min-height:auto;} .print_2021 .rent_print_table{border-top: 2px solid #555;} .print_2021 .rent_print_table .col_right{text-align:right;} .print_2021 .rent_print_table .col_center{text-align:center;} .print_2021 .rent_print_table table{width:100%;table-layout:fixed;} .print_2021 .rent_print_table th{font-size:15px;color:#666;padding:18px 20px;text-align:left;border-bottom:1px solid #e1e1e1;} .print_2021 .rent_print_table th + th {border-left:1px solid #e1e1e1} .print_2021 .rent_print_table td{font-size:15px;color:#000;padding:20px;text-align:left;border-bottom:1px solid #e1e1e1;} .print_2021 .rent_print_table td + td {border-left:1px solid #e1e1e1} .print_2021 .rent_print_table thead ~ tbody td{border-top:1px solid #f0f0f0;} .print_2021 .rent_print_total{background:#fafafa;border-bottom:1px solid #e1e1e1;} .print_2021 .rent_print_total .total_view{overflow:hidden;padding:18px 20px;} .print_2021 .rent_print_total .total_view .bind_item{float:left;} .print_2021 .rent_print_total .total_view .item_amount{float:right;} .print_2021 .rent_print_total .total_view .item_amount span{font-size: 16px;font-weight:bold;} @media print{ .print_2021 .print_top .btn_print{display:none;} } /* 소득공제내역 수정 */ .icddc_inqyear_box .hds_box_in + .hds_box_in {margin-left:8px} /* 달력 수정 */ .direct_cld label.h64 {margin-top:-5px} .use_calendar .datepicker-wrap .bar_dash.pLR12 {width:17%;} /* 내 카드 목록 */ /* 카드해지 */ .box_card_cancel {margin-top:20px; padding:24px 88px 4px; border:1px solid #ebebeb; border-radius:8px;} /* .box_card_cancel ul {font-size:0} */ .box_card_cancel ul li {display:inline-block; margin-left:122px; margin-bottom:32px; width:120px;} /* 2021-12-27 Q10112 : 사파리줄바꿈으로수정 */ .box_card_cancel ul li:nth-child(3n+1) {margin-left:0} .box_card_cancel ul li p {white-space:nowrap;} .box_card_cancel ul li p:before {content:""; display:block; margin:0 auto; width:80px; height:80px; background:url(/docfiles/resources/pc/images/account/icon/ico_cancel01.png) 0 0 no-repeat; background-size:80px} .box_card_cancel ul li.cancel02 p:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_cancel02.png);} .box_card_cancel ul li.cancel03 p:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_cancel03.png);} .box_card_cancel ul li.cancel04 p:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_cancel04.png);} .box_card_cancel ul li.cancel05 p:before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_cancel05.png);} .box_gray_wrap {margin-top:56px; font-size:0; display:flex; justify-content:space-between;} .box_gray_wrap .box_gray {display:inline-block; position:relative; padding:24px 28px 28px; width:384px; height:240px; background-color:#f2f2f2; border-radius:12px;} .box_gray_wrap .box_gray + .box_gray {margin-left:24px} .box_gray_wrap .box_gray p {margin-top:17px;} .box_gray_wrap .box_gray a {position:absolute; bottom:28px; left:28px} .agree_wrap.h56 {padding:14px 12px} /* 2021-12-20 account_03.css 취합 */ /* 20210630 Q10111 카드도난분실 신고_해제 */ /* 분실신고안내 링크리스트 */ .sub_account .account_link_wrap {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; margin-top: 12px;} .sub_account .account_link_wrap p + p {margin-left: 12px;} .sub_account .account_link_wrap + .h3_b_lt {margin-top: 64px;} /* 절차안내 */ .sub_account .step_guide {display:flex; display:-webkit-flex; display:-ms-flexbox; justify-content: space-between; padding: 36px 32px; border: 1px solid #ebebeb; border-radius: 8px;} .sub_account .step_guide li {position: relative; width: 200px;} .sub_account .step_guide li:last-child:after {display: none;} .sub_account .step_guide li:after {content: ''; display: block; position:absolute; right: -48px; top:50%; transform: translateY(-50%); width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png)no-repeat 50% 50%; background-size: 32px 32px;} .sub_account .step_guide li .img {margin: 0 auto 20px; width: 32px; height: 32px;} .sub_account .step_guide li .img img {width: 100%;} .sub_account .co_txt_list .sub_accod {margin-top: 64px;} .sub_account .co_txt_list .sub_accod .grp_cont p {margin-top: 7px;} .sub_account .co_txt_list .sub_accod .accodWrap .accodSlide {padding-bottom: 64px; border-bottom: 0;} .sub_account .co_txt_list .sub_accod .accodWrap .accodSlide > .co_tbl_info_article { padding-bottom: 36px;} .sub_account .co_txt_list .sub_accod .accodWrap .accodSlide.no_data {padding: 0; text-align: left;} .sub_account .co_txt_list .sub_accod .accodWrap .accodSlide.no_data > p {padding: 149px 0 ; margin-bottom: 24px;} .sub_account .co_txt_list .sub_accod .accodWrap + .accodWrap {border-top: 2px solid #000;} /* 카드선택 라디오버튼 */ .card_sel .box_info {padding: 38px 0;} .card_sel .box_info .date01 {width: auto;} .card_sel .box_info .input_cell_check01 label {display:flex; display:-webkit-flex; display:-ms-flexbox; padding-left: 56px;} .card_sel .box_info .input_cell_check01 label > i {top: 50%; transform: translateY(-50%);} .card_sel .box_info .input_cell_check01 label .cont {margin-left: 16px;} .card_sel .box_info .input_cell_check01 label .cont .card_info {margin-top: 4px;} .card_sel .box_info .input_cell_check01 label .cont .card_info span + span {margin-left: 10px;} .card_sel .box_info label .img {width: 48px; height: 76px;} .card_sel .box_info label .img img {width: 100%;} /* 부정거래 등록 */ .sub_account .box_info.illegal_deal {padding: 37px 24px 41px;} .sub_account .box_info.illegal_deal + .acc_sum {padding: 27px 24px; border-top: 1px solid #ebebeb;} .sub_account .box_info.illegal_deal .option01, .sub_account .box_info.illegal_deal .won01 {width: auto;} .sub_account .box_info.illegal_deal .won01 {float: right;} .sub_account .box_info.no_data {padding: 149px 0; border-bottom: 1px solid #ebebeb;} /* Q10113 : border color 수정 */ /* drop_box_wrap */ .sub_account .drop_box_wrap {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top: 16px;} .sub_account .drop_box_wrap > .box_select + .box_select {margin-left: 12px;} /* 사고조사내역 */ .accodWrap.accident .detail_info {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; padding: 20px 0;} .accodWrap.accident .detail_info .detail_img {width: 48px; height: 76px;} .accodWrap.accident .detail_info .detail_img img {width: 100%;} .accodWrap.accident .detail_info .detail_cont { margin-left: 16px;} .accodWrap.accident .detail_info .detail_cont ul {display:flex; display:-webkit-flex; display:-ms-flexbox; margin-top: 4px;} .accodWrap.accident .detail_info .detail_cont ul li + li {margin-left: 10px;} .accodWrap.accident .detail_info .detail_cont .lab_m {margin-top: 12px;} .accodWrap.accident .accodSlide {padding-left: 88px;} .accodWrap.accident .accodSlide .status_box {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap: wrap; padding: 24px; background: #f5f5f5; border-radius: 8px;} .accodWrap.accident .accodSlide .status_box dl {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap: wrap; width: 50%;} .accodWrap.accident .accodSlide .status_box dl:nth-child(n+3) {margin-top: 16px;} .accodWrap.accident .accodSlide .status_box dt, .accodWrap.accident .accodSlide .status_box dd {width: 50%; border: none} .input_textarea {position: relative;} .input_textarea.error textarea:focus-visible {outline: none;} .input_textarea.error textarea:focus {border: 2px solid #ff0000;} .input_textarea.error textarea {border: 1px solid #ff0000;} .input_textarea textarea {position: relative; width: 100%; height: 240px; margin-top: 20px; padding-bottom: 40px; border-radius: 8px; border: 1px solid #ebebeb;} .input_textarea textarea::placeholder {line-height: 26px; font-weight: 500; font-size: 16px; color: #858585;} .input_textarea .limit_num {position: absolute; bottom: 16px; right: 16px; color: #ccc;} /* 카드분실신고 해제 */ .sub_account .report_clear .card_img {width: 184px; height: 291px; margin: 52px auto 0;} .sub_account .report_clear .card_img + p {margin-top: 36px;} .sub_account .report_clear .card_img img {width: 100%;} .sub_account .report_clear .card_name + .user_info {margin-left: 18px;} .sub_account .report_clear + .box_btn a {width: 240px;} /* 결제정보관리 */ /* 결제정보조회 변경 */ .co_tbl_info_article .box_grp .grp_cont .card_info {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;} .co_tbl_info_article .box_grp .grp_cont .card_info + .card_info {margin-top: 20px;} .co_tbl_info_article .box_grp .grp_cont .card_info .img {width: 40px; height: 64px; margin-right: 16px;} .co_tbl_info_article .box_grp .grp_cont .card_info .img img {width: 100%;} .sub_account .box_account_case01 > dl {align-items: center;} /* 명세서 수령방법 조회변경 */ .sub_account .present_method {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;} .sub_account .rdo_tab_wrap .tab_item {display: none; margin-top: 20px;} .sub_account .rdo_tab_wrap .tab_item.on {display: block;} .sub_account .box_info_change {padding: 14px 0;} .sub_account .box_info_change [class^="h4"]{width:724px; padding-top:3px;} /* 2021-07-29 Q10086: 간격 수정 */ .sub_account .list_sel_inp + .box_info_change, .sub_account .box_info_change + .box_terms_wrap {margin-top: 16px;} .sub_account .receive_item .box_terms_wrap + .bul_list02 {margin-top: 24px;} .sub_account .list_sel_inp.rdo_tab_btn + .box_terms_wrap {margin-top: 20px;} /* 케어서비스 */ .sub_account .co_title_box02 + .co_section_topline {margin-top: 20px;} .sub_account .co_section_topline {border-top: 2px solid #000;} .sub_account .co_section_topline > ul {margin-top: 24px;} .sub_account .co_section_topline > p {margin-top: 21px;} /* 2021-07-30 Q10086 수정 */ .sub_account .box_partition_item, .sub_account .box_partition_item + .sub_account .box_partition_item {margin-top: 36px;} .sub_account .box_partition_item > ul {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: stretch; justify-content: flex-start; padding: 36px 120px 36px 100px; margin: 0 auto; border: 1px solid #ebebeb; border-radius: 8px; overflow: hidden;} /* 2022-08-19 Q10803 수정 */ .sub_account .box_partition_item > p + ul {margin-top: 16px;} .sub_account .box_partition_item > ul > li {position:relative; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; justify-content: center; width: 25%;} /* 2022-08-19 Q10803 수정 */ .sub_account .box_partition_item > ul > li .img {width: 60px; height: 60px;} .sub_account .box_partition_item > ul > li .img img {width: 100%;} .sub_account .box_partition_item > ul > li .cont {margin-left: 16px;} .sub_account .box_partition_item > ul > li:after {content: ''; position: absolute; right: 0; display: inline-block; width: 1px; height: 34px; background: #e0e0e0;} /* 2022-08-19 Q10803 수정 */ .sub_account .box_partition_item > ul > li:last-child::after {display: none;} .sub_account .box_partition_item + .sub_accod {margin-top: 64px;} /* 2022-08-19 Q10803 col3,col5 추가(기존경우 col4) */ .sub_account .box_partition_item > ul.col3 {padding: 36px 110px 36px 90px;} .sub_account .box_partition_item > ul.col3 > li {width: 33.33%;} .sub_account .box_partition_item > ul.col5 {padding: 36px 30px 36px 0;} .sub_account .box_partition_item > ul.col5 > li {width: 20%;} .sub_account .box_partition_item > ul.colAuto > li {width: auto;} /* 2022-09-15 GGU477 추가 */ /* 2022-10-18 Q10941 col4 추가 */ .sub_account .box_partition_item > ul.col4 {padding: 36px 102px 36px 102px; flex-wrap: wrap;} .sub_account .box_partition_item > ul.col4 > li {width: 33.33%;} .sub_account .box_partition_item > ul.col4 > li:nth-child(n+4) {padding-top: 36px;} .sub_account .box_partition_item > ul.col4 > li:nth-child(3)::after {display:none;} /* 2023-01-31 Q20093 col4_2(4개씩 2줄 이상) 추가 */ .sub_account .box_partition_item > ul.col4_2 {padding: 36px 110px 36px 90px; flex-wrap: wrap;} .sub_account .box_partition_item > ul.col4_2 > li:nth-child(n+5) {padding-top: 36px;} .sub_account .box_partition_item > ul.col4_2 > li:nth-child(4)::after, .sub_account .box_partition_item > ul.col4_2 > li:nth-child(8)::after {display:none;} /* 2024-01-23 Q11139 수정 */ /* 보험서비스 PCACC024900 */ .sub_account .co_section_topline + .co_tbl_type02.bd_type02{border-top:1px solid #ebebeb;} .co_tbl_type02.bd_type02 table tbody th{padding:21px 24px;} /* 보험서비스 PCACC024800 아코디언 테이블 재설정 */ .sub_account .account_link_wrap + .co_tbl_type02.type01 {overflow:hidden; margin-top: 36px; margin-bottom:-1px;/* padding-top: 10px; border-top: 1px solid #ebebeb; */} .sub_account .account_link_wrap + .co_tbl_type02.type01 table{overflow:hidden; margin-bottom:-1px;} .sub_account .account_link_wrap + .co_tbl_type02.type01 table tbody th, .sub_account .account_link_wrap + .co_tbl_type02.type01 table tbody td{padding:21px 24px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .sub_account .step_guide.type02 {padding: 45px 0; border: none; justify-content: space-around;} .sub_account .step_guide.type02 li {width: auto;} .sub_account .step_guide.type02 li > p + p {margin-top: 8px;} .sub_account .step_guide.type02 + ul {margin-top: 20px;} .sub_account .step_guide.type02 li:after {width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png)no-repeat 50% 50%; background-size: 32px; opacity: .2;} .tab_default + .sub_accod.account_answer {margin-top: 56px;} .sub_accod.account_answer .accodWrap dt {position: relative;} .sub_accod.account_answer .accodWrap dt .accodBtn{padding:21px 72px 21px 44px;} .sub_accod.account_answer .accodWrap dt .accodBtn:before {content: 'Q.'; display: inline-block; position: absolute; left: 24px; top: 21px; font-size: 16px; font-weight: 700;} .sub_accod.account_answer .accodWrap.on {background: #f5f5f5;} .sub_accod.account_answer .accodWrap.on dt {border-bottom: 0;} .sub_accod.account_answer .accodWrap > .accodSlide{padding:9px 40px 23px;} .sub_account .co_title_box01 + .possible_input_wrap {margin-top: 16px;} .sub_account .possible_input_wrap {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;} .sub_account .possible_input_wrap > div {flex: 1;} .sub_account .possible_input_wrap > div + div {margin-left: 16px;} .sub_account .possible_input_wrap .box_datepicker01 .input_datepicker {width: 100%; height: 64px; margin-top: 11px;} .sub_account .co_tbl_info_article.type01 .grp_cont.dp_flx {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;} .sub_account .grp_cont.dp_flx p + p {margin-left: 12px;} .sub_account .grp_cont.dp_flx.alBetw {justify-content: space-between;} .sub_account .link_wrap a + a {margin-left: 12px;} .co_tbl_info_article.type01.wide_tit .box_grp .grp_title {width: 258px;} .sub_account .co_title_box02 + .box_partition_item.type02{margin-top:20px;} .sub_account .box_partition_item.type02 > ul {padding: 36px;} .sub_account .box_partition_item.type02 > ul > li {flex: 1; display: block; position: relative; margin: 0 auto;} .sub_account .box_partition_item.type02 > ul.colAuto > li {flex: auto;} /* 2022-09-15 GGU477 추가*/ .sub_account .box_partition_item.type02 > ul > li.multi {flex: 1.5;} .sub_account .box_partition_item.type02 > ul > li:after {position: absolute; right: 0px; top: 50%; transform: translateY(-50%);} .sub_account .box_partition_item.type02 > ul > li.step:after {width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png)no-repeat 50% 50%; background-size: 32px; opacity: .2; right: -16px;} .sub_account .box_partition_item.type02 .item_list {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; justify-content: center; margin-top: 16px;} .sub_account .box_partition_item.type02 .item_list li + li {margin-left: 36px;} .sub_account .box_partition_item.type02 .item_list li:before {content: ''; display: block; width: 64px; height: 64px; margin: 0 auto; background-size:64px;} /* 아이콘추가 */ /* 쇼핑전 */ .sub_account .box_partition_item .item_list.shopping .ico01:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_shopping_01.png);} /* 쇼핑할인권 */ .sub_account .box_partition_item .item_list.shopping .ico02:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_shopping_02.png);} /* 회원전용 */ .sub_account .box_partition_item .item_list.shopping .ico03:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_shopping_03.png);} /* 외식 */ /* 배송 */ .sub_account .box_partition_item .item_list.delivery .ico01:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_delivery_01.png);} /* 가상전화번호 */ .sub_account .box_partition_item .item_list.delivery .ico02:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_delivery_02.png);} /* 배성정보 */ .sub_account .box_partition_item .item_list.delivery .ico03:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_delivery_03.png);} /* 방문택배 */ .sub_account .box_partition_item .item_list.delivery .ico04:before{background-image: url(/docfiles/resources/pc/images/account/icon/ico_benefits_delivery_04.png);} /* 해외직구 운송보상 //2022-09-15 GGU477 추가 */ /* 수령 */ .sub_account .box_partition_item .item_list.receipt .ico03:before{background-image: url(/docfiles/resources/pc/images/account/icon/ico_benefits_receipt_01.png);} /* 해외직구 반품보상 //2022-09-15 GGU477 추가 */ /* 사용 */ .sub_account .box_partition_item .item_list.use .ico01:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_use_01.png);} /* 구매물품 */ .sub_account .box_partition_item .item_list.use .ico02:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_use_02.png);} /* 휴대폰기기 */ .sub_account .box_partition_item .item_list.use .ico04:before{background-image: url(/docfiles/resources/pc/images/account/icon/ico_benefits_use_03.png);} /* 해외직구 수리보상 //2022-09-15 GGU477 추가 */ /* 개인정보보호 */ .sub_account .box_partition_item .item_list.privacy .ico01:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_privacy_01.png);} /* 금융사기방지 */ .sub_account .box_partition_item .item_list.privacy .ico02:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_privacy_02.png);} /* 신용관리 */ .sub_account .box_partition_item .item_list.privacy .ico03:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_privacy_03.png);} /* 명의보호 */ .sub_account .box_partition_item .item_list.privacy .ico04:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_privacy_04.png);} /* 주차안심 */ /* 금융사기보상 */ .sub_account .box_partition_item .item_list.fraud .ico01:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_fraud_01.png);} /* 피해보상 */ /* 통합형추가알림서비스 */ .sub_account .box_partition_item .item_list.notice .ico01:before{background-image:url(/docfiles/resources/pc/images/account/icon/ico_benefits_notice_01.png);} /* 카드승인알림서비스 */ .sub_account .co_tbl_info_article.type01 .grp_title.w282 {width: 282px;} .sub_account .co_tbl_type02 .setp_list, .sub_account .co_tbl_info_article .box_grp .setp_list {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; justify-content: flex-start;} .sub_account .co_tbl_type02 .setp_list li, .sub_account .co_tbl_info_article .box_grp .setp_list li {position: relative;} .sub_account .co_tbl_type02 .setp_list li + li, .sub_account .co_tbl_info_article .box_grp .setp_list li + li {margin-left: 72px;} .sub_account .co_tbl_type02 .setp_list li + li:before, .sub_account .co_tbl_info_article .box_grp .setp_list li + li:before {content: ''; display: block; position: absolute; left: -48px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png)no-repeat 50% 50%; background-size: 24px; opacity: .2;} .sub_account .co_tbl_info_section.tb_line {margin: 37px 0 24px; padding: 24px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} .sub_account .co_tbl_info_article.type01.tb_line, .sub_account .co_tbl_type02.tb_line {padding: 11px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} .sub_account .co_tbl_info_article.type01.tb_line, .sub_account .bul_list + .co_tbl_type02.tb_line, .sub_account .bul_txt + .co_tbl_type02.tb_line {margin-top: 36px;} .sub_account .use_calendar label.h64 {height: 64px;} /* 2021-07-30 Q10086 추가 */ /* 기타 서비스 */ .sub_account .co_title_box02 + .etc_service_wrap {margin-top: 20px;} .sub_account .etc_service_wrap {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; flex-wrap: wrap; margin: -12px;} .sub_account .etc_service_wrap .item {position: relative; width: calc(33.33% - 24px); /*height: 256px;*/ padding: 28px; border-radius: 8px; border: 1px solid #e0e0e0;} /* 2022-09-02 Q20016 간격 조정 위해 높이값 삭제 */ /* 2022-09-02 Q20016 픽토그램 삭제 */ /* .sub_account .etc_service_wrap .item:before{content: ''; display: block; width: 72px; height: 72px; margin:-12px 0 0 -8px; background-size:72px 72px;} .sub_account .etc_service_wrap .item:nth-child(1):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_01.png);} .sub_account .etc_service_wrap .item:nth-child(2):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_02.png);} .sub_account .etc_service_wrap .item:nth-child(3):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_03.png);} .sub_account .etc_service_wrap .item:nth-child(4):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_04.png);} .sub_account .etc_service_wrap .item:nth-child(5):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_05.png);} .sub_account .etc_service_wrap .item:nth-child(6):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_06.png);} .sub_account .etc_service_wrap .item:nth-child(7):before {background-image:url(/docfiles/resources/pc/images/account/icon/ico_etc_service_07.png);} */ /* //2022-09-02 Q20016 픽토그램 삭제 */ .sub_account .etc_service_wrap .item > .h4_b_lt {margin: 8px 0;} .sub_account .etc_service_wrap .item > .h4_b_lt + span{display:block; height:66px; color:#5c5c5c;} .sub_account .etc_service_wrap .item {margin: 12px;} .sub_account .etc_service_wrap .item .link_btn {margin:16px 0 0;} .sub_account .sub_accod .accodWrap dt > .dp_flx {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: flex-start;} .sub_account .sub_accod .accodWrap dt > .dp_flx .bul_list {flex: 1; margin-left: 10px;} /* 팝업내부 탭리스트 */ .modal_wrap .list_sel_inp.tab2 > li {width: calc(50% - 16px)} .modal_wrap .tab_content {margin-top: 64px;} .modal_wrap .list_sel_inp.tab3 > li {width: calc(33.33% - 16px);} /* 팝업딤 예외 */ .modal_pop.dim0::before {opacity: 0;} /* 2021-12-20 account_04.css 취합 */ /* 아파트관리비 신청내역 조회/해지 */ .sub_account .box_intall_pay01.apt_type .date01 {padding-left:24px;} .sub_account .box_intall_pay01.apt_type .date01 > .h4_b_lt {padding-left:44px;} .sub_account .box_intall_pay01.apt_type .option01 {width:calc(100% - 204px);} .sub_account .box_intall_pay01.apt_type .option01 .p2_m_1ln {margin-top:4px;} /* 정기결제 신청 */ .sub_accod.regular_apply {border-top:none;} .sub_accod.regular_apply > .accodWrap {margin-bottom:80px;border-top:2px solid #000;} .sub_accod.regular_apply > .accodWrap:last-child {margin-bottom:0;} .sub_accod.regular_apply > .accodWrap dt {font-size:0; border-bottom:0;} .sub_accod.regular_apply > .accodWrap > dt .tit + .accodBtn{width:32px;} .sub_accod.regular_apply > .accodWrap.on dt, .sub_accod.regular_apply > .accodWrap.on dd{background:none;} .sub_accod.regular_apply > .accodWrap > dt .tit {padding:16px 0;} .sub_accod.regular_apply > .accodWrap > dt .tit .box_btn{position:absolute; right:52px;} .sub_accod.regular_apply > .accodWrap > .accodSlide {padding:0; border-bottom:0; border-top:0;} /* 인풋버튼 재설정 검정 */ .sub_accod.regular_apply > .accodWrap > .accodSlide .box_input01 .input_cell_box [class^="btn"][class*="defaultbg"]{background-color:#000} .sub_accod.regular_apply > .accodWrap > .accodSlide .box_input01 .input_cell_box [class^="btn"][class*="defaultbg"] span, .sub_accod.regular_apply > .accodWrap > .accodSlide .input_cell_box [class^="btn"][class*="defaultbg"] strong{color:#fff;} .sub_accod.regular_apply .box_intall_pay01 {border-top:0;} .sub_accod.regular_apply .box_intall_pay01 .box_info {padding:24px;} .sub_accod.regular_apply .box_intall_pay01 .box_info .input_cell_check01 > .h4_b_lt {padding-left:44px;} .sub_accod.regular_apply .box_intall_pay01 .box_info .input_cell_check01 > .divr_dot {padding-left:44px;} .group_select {display:flex; font-size:0; justify-content:space-between;} .group_select.col3 .box_select {width:calc((100% - 32px) / 3);} .group_cell {display:flex; font-size:0; justify-content:space-between;} .group_cell.col2 .input_cell_box {width:calc((100% - 16px) / 2);} .group_cell.col2 .input_cell_box + .input_cell_box {margin-top:0;} .box_input01.group_cell:after {display:none;} .list_sel_inp.h64 > li input[type="radio"]:checked + label .tit01 {color:#000; font-weight:700;} .group_sel_input .box_select {width:282px;} .group_sel_input .box_input01 {width:494px;} .group_sel_input .box_input01 + .box_input01 {margin-top:0;} [class^='co_title_box'] + .co_tbl_info_article.mt16 {margin-top:16px;} /* layout.css 겹침현상으로 .accodWrap 추가 */ .accodWrap .box_search_input .search_list {display:none; position:absolute; left:0; top:64px; width:100%; max-height:469px; padding:12px 40px; border-radius:0 0 16px 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.16);z-index:36; background:#fff;} .accodWrap .box_search_input .search_list li a {display:block; padding:16px 0;} .accodWrap .box_search_input .search_list li + li {border-top:1px solid #e0e0e0;} .accodWrap .box_search_input .search_list li a .p1_m_lt_1ln {margin-top:8px;} .accodWrap .box_search_input .search_list.mCustomScrollbar {padding-right:10px} .accodWrap .box_search_input .search_list li.result_none {padding:73px 0;} .accodWrap .box_search_input .txt_choice, .accodWrap .box_input01 .txt_choice {padding:19px 16px; background:#f5f5f5; border-radius:8px;} .accodWrap .box_search_input .txt_choice .h4_b_lt .zipcode{margin-right:6px;} /* 2021-12-20 account_05.css 취합 */ /* 카드 재발급 신청 : 약관 동의 아코디언 */ .box_terms_wrap .chk_down{position:relative; padding:12px; border:1px solid #ebebeb; border-radius:8px;} .box_terms_wrap .chk_down a{display:inline-block; position:relative; padding:5px 0 5px 40px; font-size:16px; line-height:22px; color:#858585;} .box_terms_wrap .chk_down:before{content:''; position:absolute; top:12px; left:12px; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;} .box_terms_wrap .chk_down.current:before {opacity:1;} .box_terms_wrap .chk_down.current a{color:#000;} .box_terms_wrap .agree_terms_wrap {border:1px solid #ebebeb; border-radius:8px;} .box_terms_wrap .agree_terms_wrap .box_chk {position:relative; overflow:hidden; padding:12px 36px 12px 12px;} .box_terms_wrap .agree_terms_wrap .box_chk .check_input {display:inline-block; border:0; vertical-align:top;} .box_terms_wrap .agree_terms_wrap .box_chk .check_input + .check_label:before {content:''; position:absolute; top:0; left:0; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;} .box_terms_wrap .agree_terms_wrap .box_chk .check_label {display:inline-block; position:relative; padding:5px 36px 5px 36px; font-size:16px; line-height:22px; color:#858585; cursor:pointer; font-weight:500;} .box_terms_wrap .agree_terms_wrap .box_chk .check_input:checked + .check_label {color:#000;} .box_terms_wrap .agree_terms_wrap .box_chk .check_input:checked + .check_label:before {opacity:1;} .box_terms_wrap .agree_terms_wrap .btn_aco{opacity:.64; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat center center; background-size:24px 24px;display:inline-block; width:24px; height:24px; position:absolute; right:12px; top:16px;} .box_terms_wrap .agree_terms_wrap .btn_aco:hover {cursor:pointer;} .box_terms_wrap .agree_terms_wrap.on .btn_aco{background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png') no-repeat center center;background-size:24px 24px;} .box_terms_wrap .agree_terms_wrap .box_chk + .agree_wrap {padding:0; border-top:1px solid #ebebeb; border-radius:0;} .box_terms_wrap .agree_terms_wrap .agree_wrap > .items ~ .items {border-top:1px solid #ebebeb;} .box_terms_wrap .agree_terms_wrap .agree_wrap > .items .box_chk01 {padding:12px 36px 12px 12px;} .box_terms_wrap .agree_terms_wrap .agree_wrap > .items .box_chk01 .check_label {padding:5px 0 5px 36px;} .box_terms_wrap .chk_down ~ .agree_terms_wrap {margin-top:8px;} /* 에러 메시지 */ .err.box_select .select_wrap .btn_select:before {border:1px solid #ff0000;} .err.box_select .select_wrap.on .ul_select_list {border:1px solid #ff0000;} .err.box_select + .msg_error {color:#ff0000;} .mCSB_container{min-height:100%;} /* 2022-06-29 Q10771 [공통]내 정보 관리 화면 내 아파트관리비 신청 팝업 추가 요청의 건 */ .txt_radiusbox {display:block; position:relative; padding:28px; background-color:rgba(0,0,0,0.04); border-radius: 8px;} /* 2022-08-26 Q10771 미납내역 페이지 담당자 연락처 부분 수정 */ .tel_txt + .tel_txt {position:relative; margin-left:10px; padding-left:10px;} .tel_txt + .tel_txt:before {content:''; position:absolute; top:5px; left:0px; width:1px; height:12px; background:#858585;} /* 2023-01-17 GGCP31 내카드목록 카드목록간격 20px로 수정 */ .list_my_card01 > li { padding: 20px 0; } .list_my_card01 > li .btn_inblock { display: block; } .list_my_card01 > li [class*="cel_"][class*="_cardP56"] { padding: 0; } /* 2023-03-08 GGU442 (MyAccount)최근이용내역, 영수증 내 로고 추가의 건 */ .divr_pay{height:20px;margin:0 0 0 1px;} .pay_wrap{position: relative;padding-right:6px} .pay_wrap >img{height: 22px;} .pay_wrap::after{content: "";display: inline-block;position: absolute;top: 10px;right: 0;width: 2px;height: 2px;background-color: #e0e0e0;} #viewListArea .cel_list .cel_link{padding-right: 0!important;} #viewListArea .cel_list .cel_link .p1_m_lt_1ln{padding-right:160px;display: inline-block;} /* 2023-03-28 내정보관리 직장정보 삭제 추가 */ .del_add {position: relative;} .del_add .add_btn {position: absolute;right:0;top:16px;} .del_add .btn_del {width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/btnicon/ico_dark_del.png) no-repeat 50% 50%;background-size: 24px 24px;display: block;} /* 2023-05-09 q10552 분할납부 팝업추가 */ .div_payment .payment_left {float:left} .div_payment .payment_right {float:right;text-align: right;} .div_payment .box_grp {padding:19px} .div_payment .payment_mont {color:#858585;margin-top:6px;font-size:14px} /* 2023-05-19 Q10552 결제졔좌 ars추가 */ .ars_img24 {width:24px;display: inline-block;} .ars_img24 img {width:100%} /* 2023-10-18 Q10552 카카오톡 소득공제내역 확인 추가 */ .kakao_process {padding-top:0 !important} .kakao_process .check_ico span {margin-top:11px;position: relative;padding-left: 28px;} .kakao_process .check_ico span::before {content:''; position:absolute; top:-5px; left:-5px; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;opacity: .48} .kakao_process .btn_kakao {background-color: #FAE300;width:380px} .kakao_process .btn_kakao span {color: #000;background:url(/docfiles/resources/mo/images/com/icon/w64/ico_kakaoX64.png) no-repeat 0 0; background-size: 52px 52px;height: 52px;line-height: 46px;padding-left: 56px;margin-top: -12px;} .kakao_process .kakao_header {width:100%;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);height: 80px;} .kakao_process .kakao_header .header_cont {width:1200px;margin:0 auto} .kakao_process .kakao_header h1 { background: url(/docfiles/resources/pc/images/common/logo/logo_hyundaicard_scr.svg) no-repeat center center; background-size: 138px 28px;width:138px;height:80px;margin: 0 auto;} .kakao_process .logout {background: url(/docfiles/resources/pc/images/common/icon/w24/ico_login_auto.png) no-repeat 15px 50%; background-size: 24px 24px;position: absolute; right: 0; top: 15px;font-size:14px;padding-left:48px} /* 2023-11-21 GGU477 [공통]고객확인제도 프로세스 신규제작(PC) */ .box_IDcard_rdo {width: 792px; margin: 56px auto 0;} .box_IDcard_rdo .list_sel_inp.h64 > li {padding-top: 0;} .box_IDcard_rdo .list_sel_inp.tab2 > li {width: 388px;} .box_IDcard_rdo .list_sel_inp.tab3 > li {width: 253px;} .box_IDcard_rdo .list_sel_inp li {text-align: center;} .box_IDcard_rdo .list_sel_inp li label {font-size: 20px; line-height: 26px;} .box_IDcard_rdo .certImg {margin:52px 0 40px; text-align:center;} .box_IDcard_rdo .certImg .img {width:336px; height:205px; display:inline-block; overflow:hidden;} .box_IDcard_rdo .certImg .img img {width: 100%;} /* 2024-05-17 GGU477 [MyAccount] 카드 해지 신청 프로세스 내 UIUX 변경 */ .box_card_cancel_infoCont1 {margin-top: 18px;} .box_card_cancel_infoCont1 > ul {display: flex; flex-wrap: wrap; border: 1px solid #ebebeb; padding: 24px 54px 35px; border-radius: 8px;} .box_card_cancel_infoCont1 > ul > li {width: 33.33%; text-align: center;} .box_card_cancel_infoCont1 > ul > li:nth-child(n+4) {margin-top: 10px;} .box_card_cancel_infoCont1 > ul > li .svg {width: 80px; height: 80px;} .box_card_cancel_infoCont1 > ul > li .img_ico + p {margin-top: 5px;} .box_card_cancel_infoCont1 > ul > li p.caution {position: relative; padding-left: 18px;} .box_card_cancel_infoCont1 > ul > li p.caution::before {content: ''; display: inline-block; width: 16px; height: 16px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_alert_line.png) no-repeat 0 0; background-size: 16px; position: absolute; top: 2px; left: 15px;} .cardcanceldone_infoBox > ul {display: flex; justify-content: space-evenly; padding: 24px 0 35px; border-radius: 8px; border: 1px solid #ebebeb;} .cardcanceldone_infoBox > ul > li { width: 230px; text-align: center;} .cardcanceldone_infoBox > ul > li .svg {width: 80px; height: 80px;} .cardcanceldone_infoBox > ul > li .img_ico + p {margin-top: 5px;} /* 2025-11-21 Q11955 [Account] 내카드목록_카드해지신청 내 즉시탈회 문구 및 콘텐츠 수정(PC) */ .box_card_cancel_infoCont2 {margin-top: 52px;} .box_card_cancel_infoCont2 > ul > li{display: flex; align-items: flex-start; padding: 12px 0;} .box_card_cancel_infoCont2 > ul > li + li{border-top: 1px solid #ebebeb;} .box_card_cancel_infoCont2 > ul > li .img_ico{width: 32px; height: 32px; margin-right: 6px;} .box_card_cancel_infoCont2 > ul > li .svg{width: 100%;} .box_card_cancel_infoCont2 > ul > li .txt p:first-child{padding: 3px 0;} /* 2024-06-11 GGU477 [공통] 내정보관리_마케팅 수신거부 신청 내 동의프로세스 추가 및 타이틀명 변경 */ .agree_recomCard_box {width: 100%; height: 56px; padding: 18px 24px; border-radius: 12px; background-color: rgba(0, 0, 0, 0.04); display: flex; align-items: center; position: relative;} .agree_recomCard_box .label {display: inline-block; background-color: #000; color: #fff; border-radius: 40px;} .agree_recomCard_box p.tit {display: inline-block; /*margin-left: 8px;*/} /* 2024-07-19 GGU477 margin-left 삭제 */ .agree_recomCard_box .co_agreelink01 {width: 56px; position: absolute; top: 0; right: 0; bottom: 0; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) center/24px no-repeat;} .agree_recomCard_box + .agree_recomCard_box {margin-top: 12px;} /* popup */ #pop_IND_all.popup_agree .swiper-slide a:focus, #pop_FR_all.popup_agree .swiper-slide a:focus {border: none;} .popup_agree .recomCard_inner_wrap .pop_in_radio {display: flex; align-items: center; margin-top: 30px;} .popup_agree .recomCard_inner_wrap .pop_in_radio > li {margin-top: 0;} .popup_agree .recomCard_inner_wrap .pop_in_radio .box_rad01 {position: relative;} .popup_agree .recomCard_inner_wrap .pop_in_radio .box_rad01 + .box_rad01 {margin-left: 28px;} .popup_agree .recomCard_inner_wrap .pop_in_radio .radio_label {padding-left: 32px; background: #fff; font-size: 18px; line-height: 26px;} .popup_agree .recomCard_inner_wrap .pop_in_radio .radio_input:focus {outline: none;} .popup_agree .recomCard_inner_wrap .pop_in_radio .radio_input + .radio_label:before { content: ''; position: absolute; background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png); background-color: #e0e0e0; border-radius: 100%; top: 2px; left: 0; opacity: 1; background-size: 24px; width: 22.5px; height: 22.5px;} .popup_agree .recomCard_inner_wrap .pop_in_radio .radio_input:checked + .radio_label:before {background-color: #000;} .popup_agree .recomCard_inner_wrap .pop_in_radio .radio_input + .radio_label:after {content: ''; background: none;} .popup_agree .recomCard_inner_wrap .terms_grayBox {padding: 29px 32px 24px 32px; margin: 24px 0; background: #f5f5f5;} .popup_agree .recomCard_inner_wrap .terms_table_plcc {display: block;} .popup_agree .recomCard_inner_wrap .terms_table_plcc caption {position: absolute; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important;} .popup_agree .recomCard_inner_wrap .terms_table_plcc col:first-child {width: 100px;} .popup_agree .recomCard_inner_wrap .terms_table_plcc th {border-bottom: 1px solid #ebebeb; vertical-align: top; padding: 14px 0; font-weight: 500; font-size: 14px; text-align: left; word-break: keep-all;} .popup_agree .recomCard_inner_wrap .terms_table_plcc td {border-bottom: 1px solid #ebebeb; vertical-align: top; padding: 14px 0 14px 12px; font-size: 14px; line-height: 22px;} .popup_agree .recomCard_inner_wrap .terms_table_plcc td * {font-size: 14px; line-height: 22px; margin: 0 !important; padding: 0;} .popup_agree .recomCard_inner_wrap .terms_table_plcc .terms_small {color: rgba(0,0,0,.64);} .popup_agree .recomCard_inner_wrap .terms_table td {padding-left: 30px !important;} .popup_agree .recomCard_inner_wrap .under_line {text-decoration: underline;} .popup_agree .recomCard_inner_wrap .pop_in_box {display: block; position: relative; width: 100%; padding: 17px 19px 23px; margin-top: 12px; background-color: rgba(0,0,0,0.04); box-sizing: border-box;} .popup_agree .recomCard_inner_wrap .pop_in_check {display: flex; position: relative; flex-wrap: wrap;} .popup_agree .recomCard_inner_wrap .pop_in_check .check_label {display: inline-block; position: relative; padding: 4px 0 4px 34px; font-size: 16px; line-height: 22px; color: #858585; cursor: pointer; word-break: keep-all;} .popup_agree .recomCard_inner_wrap .pop_in_check .check_input + .check_label:before {content: ''; position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; opacity: 0.2; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b.png) no-repeat 50% 50%; background-size: 32px 32px;} .popup_agree .recomCard_inner_wrap .pop_in_check .check_input:checked + .check_label {color: #000;} .popup_agree .recomCard_inner_wrap .pop_in_check .check_input:checked + .check_label:before {opacity: 1;} .popup_agree .recomCard_inner_wrap .pop_in_check .check_input + .check_label:after {background: none;} .popup_agree .recomCard_inner_wrap .pop_in_check.col2 li {width: 50%; margin: 0; padding: 0;} .popup_agree .recomCard_inner_wrap .pop_in_check.col2 li:nth-child(n+3) {margin-top: 16px;} .popup_agree .recomCard_inner_wrap .marketing_list {border-top: none; padding: 0; margin-top: 56px;} .popup_agree .recomCard_inner_wrap .marketing_list li .check_wrap {margin-top: 12px;} .popup_agree .recomCard_inner_wrap .marketing_list .box_chk01 .check_input + .check_label:before {width: 24px; height: 24px; background-size: 24px 24px;} .popup_agree .recomCard_inner_wrap .marketing_list .check_wrap .check_label {padding-left: 32px; margin-bottom: 16px; line-height: 16px;} .modal_pop .recomCard_inner_wrap .tit_flex {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; padding-top: 24px; padding-bottom: 20px;} /* 2024-07-19 GGU477 추가 */ /* 2024-07-10 Q11139 서울대학교 교직원 개인정보 필수 동의 */ .agree_Sbox{display: flex; position: relative; height: 64px; padding: 21px 32px; align-items: center; justify-content: space-between; background-color: rgba(0, 0, 0, .04);} .grp_title.padT20{padding: 20px 24px !important;} .grp_cont.padT20{padding: 20px 24px !important;} .agree_Sbox{border-radius: 8px;} .popup_agree .recomCard_inner_wrap .pop_in_radio .radio_input + .radio_label.inner_Sbox:before {width: 24px; height: 24px;} /* 2024-08-23 GGU282 추가 - [MyAccount] 카드이용알림서비스 내 카카오톡 동의 항목 추가 */ /* 요약/전체 탭이 layer_head 에 있을 때 agree_tab_wrap, tabOn 클래스 사용 */ .popup_agree.agree_tab_wrap .layer_wrap {height:608px; max-height:none; margin:0 auto;} .popup_agree.agree_tab_wrap .layer_body {padding-right:0;} .popup_agree.agree_tab_wrap .layer_wrap .swiper-container, .popup_agree.agree_tab_wrap .layer_wrap .scrBarWrap {height:437px !important;} .popup_agree.agree_tab_wrap .layer_body.tabOn .swiper-container, .popup_agree.agree_tab_wrap .layer_body.tabOn .scrBarWrap {height:361px !important;} .popup_agree .recomCard_inner_wrap.type02 .terms_table_plcc td [class^="p0"][class*="1ln"] {font-size:18px; line-height:22px;} .popup_agree .recomCard_inner_wrap.type02 .terms_table_plcc td [class^="p0"][class*="2ln"] {font-size:18px; line-height:26px;} .popup_agree .recomCard_inner_wrap.type02 .pop_in_box {padding:16px 20px; border-radius:8px;} .popup_agree .recomCard_inner_wrap.type02 .pop_in_box p + .pop_in_check.col2 {margin-top:12px;} /* //2024-08-23 GGU282 추가 - [MyAccount] 카드이용알림서비스 내 카카오톡 동의 항목 추가 */ /* 2024-08-26 Q20542 [MyAccount] 즉시결제,분할결제 신청완료 페이지 내 리볼빙 배너추가 */ .btmR_banner .bg_box.type02{background-color: #fff;border: 1px solid #000;border-radius: 24px;padding: 20px 0 20px 8px;} .btmR_banner .bg_box.type02 .txt{width: 231px;} .btmR_banner .bg_box.type02 .txt p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .ins_payment .banner.type02{position: relative;width: 100%;height: 0;z-index: 900;right: 0;bottom: 0;} .ins_payment .banner.type02 .inner{position: absolute;bottom: -152px;right: 8px;} .ins_payment .banner.type02 a{width: 344px;height: 104px;display:flex;padding:16px;align-items:center;border-radius: 24px;padding: 20px 0 20px 8px;border: 1px solid #000;background:#fff;} .ins_payment .banner.type02 a .txt{width: 231px;} .ins_payment .banner.type02 a .txt p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /* // 2024-08-26 Q20542 [MyAccount] 즉시결제,분할결제 신청완료 페이지 내 리볼빙 배너추가 */ /* 2024-09-20 Q20542 [MyAccount] 이용한도, 카드이용알림서비스 화면 내 Teens 회원 추가 */ .box_account_usage03.type02 {padding-top:36px;border-top: 2px solid #000;} .box_account_usage03.type02 .box_input01 + .h4_b_lt {margin-top:52px;} .box_account_usage03.type02 .h4_b_lt + .box_input01 {margin-top:16px;} .box_account_usage03.type02 .box_input01 .input_cell_box + .p3_m_lt_1ln{margin-bottom: 6px;} .box_account_usage01.tabType03 {padding: 32px 0 44px;} .box_account_usage01.tabType03 .txt{font-family: inherit;} .box_account_usage01.tabType03 .h4_b_lt + .pay_h0yu{margin-top: 4px;} .box_account_usage01.tabType03 .pay_h0yu + .p2_m_lt_1ln{margin-top: 16px;} .box_account_usage02.tabType03{padding-bottom: 44px;border-bottom: 1px solid #ccc;} .box_info_usage02.tabType03 .bar01{margin-top: 8px;} .box_account_usage04.tabType03 .box_tit01{margin-top: 64px;} .box_account_usage04.tabType03 .tbl03{display: inline-table;margin-top: 36px;} .box_account_usage04.tabType03 .date_txt{text-align: right;margin-top: 12px;} .box_account_usage03 .box_tit01 + .box_select_input{margin-top: 56px;} .box_account_usage03.type02 .box_tit01 + .box_select_input{margin-top: 56px;} .box_account_usage03.type02 input[class*="h64"]{font-size: 24px;line-height: 32px;padding: 16px 0;} /* // 2024-09-20 Q20542 [MyAccount] 이용한도, 카드이용알림서비스 화면 내 Teens 회원 추가 */ /* 2024-11-21 Q20662 [My Account] 특별한도 신청 UI개선(타이틀변경, 업종카테고리 추가 등) */ /* .fixed .box_account03 .fixed_tab_wrap {min-width: 1400px;} */ .fixed .box_account03 .fixed_tab_wrap {height: 116px;} .fixed .box_account03 .fixed_tab_wrap .fixed_tab { position: fixed; z-index: 100; top: 96px; left: 0; justify-content: space-between; width: 100%; height: auto; padding: 18px calc(50% - 600px); margin-top: 0; background: #fff; animation: slideDown .5s;} .fixed .box_account03 .fixed_tab_wrap .fixed_tab .tab_default {transform-origin: left center; transform: scale(.84);} .box_account03 .fixed_tab_wrap .fixed_tab .tab_default { transform-origin: left center; transform: scale(1);} /* //2024-11-21 Q20662 [My Account] 특별한도 신청 UI개선(타이틀변경, 업종카테고리 추가 등) */ /**************************************************************************** 2025-02-14 GGU477 [MyAccount] 즉시결제 프로세스 개선(PC) - start *****************************************************************************/ /* _________________________ common _________________________ */ .block {display: block !important;} .align_flex._align_c {align-items: center;} .align_flex._just_bet {justify-content: space-between;} .pt13 {padding-top: 13px !important;} .pt200 {padding-top: 200px !important;} .pd_y7 {padding-top: 7px !important; padding-bottom: 7px !important;} .pd_y200 {padding-top: 200px !important; padding-bottom: 200px !important;} .w104 {width: 104px !important;} .w144 {width: 144px !important;} .w148 {width: 148px !important;} .w304 {width: 304px !important;} .w325 {width: 325px !important;} /* display:flex (benefits.css 동일) */ [class*="dpfx"] {display:flex; display: -webkit-flex; display: -ms-flexbox;} [class*="dpfx"][class*="_align_c"] {align-items:center; -ms-flex-align: center;} [class*="dpfx"][class*="_align_e"] {align-items:flex-end; -ms-flex-align: end;} [class*="dpfx"][class*="_just_c"] {justify-content:center;} [class*="dpfx"][class*="_just_e"] {justify-content:flex-end;} [class*="dpfx"][class*="_just_bet"] {justify-content:space-between;} [class*="dpfx"][class*="_just_sEvn"] {justify-content:space-evenly;} .align_self_c {align-self:center;} /* _________________________ 즉시결제 Gate _________________________ */ .immedPay .bul_list00 > li, .immedPay .dash_list00 > li {position: relative; font-size: 18px; line-height: 26px; font-weight: 500; color: #000;} .immedPay .bul_list00 > li + li, .immedPay .dash_list00 > li + li {margin-top: 14px;} .immedPay.box_account_apply01 {margin-top: 52px;} .immedPay.box_account_apply02 {width: 1200px; margin: 52px auto 0;} .immedPay .acc_summary_wrap {position: relative; margin-top: 52px;} .immedPay .acc_summary_wrap .btn_view {position: absolute; right: 0; bottom: -44px;} .immedPay .linkbox {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;} .immedPay .linkbox.row2 a {position: relative; width: 590px; height: 154px; padding: 0 36px; margin-top: 0; border: 1px solid #f5f5f5; box-shadow: 0 4px 12px rgba(0,0,0,.08); border-radius: 16px; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;} .immedPay .linkbox.row2 a .link {width: calc(100% + 8px); background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size: 32px 32px;} .immedPay .linkbox.row2 .items .link + p {margin-top: 12px;} .immedPay .linkbox .items {position: relative; /* display: flex; flex-direction: column; width: 590px; height: 168px; */ padding: 0 36px; /* margin-top: 20px; */ border: 1px solid #f5f5f5; box-shadow: 0 4px 12px rgba(0,0,0,.08); border-radius: 16px; /* justify-content: center; align-items: flex-start; */ } .immedPay .linkbox .sm + .sm {margin-top: 20px;} .immedPay .linkbox.expand_row2 {display: flex; justify-content: space-between;} .immedPay .linkbox.expand_row2 > div.col {width: 590px;} .immedPay .linkbox.expand_row2 .items {display: block; /*min-height: 154px;*/ padding: 44px 36px; border: 1px solid #f5f5f5; box-shadow: 0 4px 12px rgba(0,0,0,.08); border-radius: 16px;} .immedPay .linkbox.expand_row2 .items .link {width: calc(100% + 8px); background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size: 32px 32px;} .immedPay .linkbox.expand_row2 .items.expand {height: 328px;} .immedPay .linkbox.expand_row2 .items.expand.type1 {} .immedPay .linkbox.expand_row2 .items.expand.type2 {height: auto; min-height: 328px; padding-bottom: 24px;} .immedPay .linkbox.expand_row2 .items.expand .areaTop {border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 38px;} .immedPay .linkbox.expand_row2 .items.expand .areaBottom {padding-top: 38px;} .immedPay .linkbox.expand_row2 .items.expand .areaBottom .lab_m {height: 24px; margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 20px;} .immedPay .linkbox.expand_row2 .items.expand .areaBottom .amountTxt {margin-top: 4px;} .immedPay .linkbox.expand_row2 .items.expand .areaBottom .box_gray_btn {width: calc(100% + 32px); /* width: 100%; */ height: 40px; margin: 19px -16px 0px; background: rgba(0,0,0,.04); border-radius: 8px; padding: 9px 8px 9px 16px;} .immedPay .linkbox.expand_row2 .items.expand .areaBottom .box_gray_btn .link { display: block; width: 100%; background: url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_forward_gry_a40.png) no-repeat 100% 50%; background-size: 24px 24px; } .immedPay .linkbox.expand_row2 .items.sm {height: 154px;} .immedPay .linkbox.expand_row2 .items.sm .link {width: calc(100% + 8px); background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size: 32px 32px;} .immedPay .linkbox.expand_row2 .items.sm .link + p {margin-top: 12px;} .immedPay .linkbox.expand_row2 .items.expand .areaBottom .revolving {margin-top: 2px; padding-top: 12px;} .immedPay .amount_accodType .accodBtn {display: inline-block; width: 32px; height: 32px; padding-right: 40px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_light_down.png) no-repeat 100% 50%; background-size: 32px 32px;} .immedPay .amount_accodType.on .accodBtn {background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_light_up.png);} .immedPay .amount_accodType .accodSlide {padding-top: 16px;} .immedPay .box_amount .amount_list {margin-top: 16px; } .immedPay .box_amount .amount_list > li {display: flex; justify-content: space-between; padding: 3px 0;} .immedPay .box_amount .amount_list > li + li {margin-top: 2px;} .immedPay .box_amount .amount_list > li p {font-size: 14px; font-weight: 500; line-height: 20px; color: rgba(0,0,0,.64);} .immedPay .box_amount .amount_list > li .card_name {} .immedPay .box_amount .amount_list > li .card_amount {} /* _________________________ //즉시결제 Gate _________________________ */ /* _________________________ 결제 금액 설정 _________________________ */ .immedPay .box_gray1 {width: 100%; padding: 20px 24px; background-color: rgba(0,0,0,.04); border-radius: 12px;} .immedPay .con_bundle {margin-top: 80px;} .immedPay .divr_dot.type2 > .divr_txt {margin-right: 8px; padding-right: 9px;} .immedPay .divr_dot.type2 > .divr_txt:before {background-color: rgba(0,0,0,.4);} .immedPay .divr_dot.type2 > .divr_txt > span {margin-right: 4px;} .immedPay .bill_list > p + .divr_dot.type2 {margin-top: 8px;} .immedPay .bill_list + .bill_list {margin-top: 16px;} .immedPay .total_box {padding: 34px 0 44px; margin-top: 56px; border-bottom: 1px solid #ccc; border-top: 2px solid #000;} .immedPay .total_box.type_deposit {border-bottom: none; padding-bottom: 0;} /* 예수금 영역 노출시 노출 클래스 */ .immedPay .total_box .lab_m {height: 24px; /* margin-top: 4px; */ font-size: 14px; font-weight: 700; line-height: 20px;} .immedPay .list_sel_inp.h64.inspayapplay_chklist.type_radius4 > li label {border-radius: 4px;} .immedPay .list_sel_inp.h64.inspayapplay_chklist.type_radius4 > li label:before {border-radius: 4px;} .immedPay .pay_selinput .bank_info {padding: 20px 24px;} .immedPay .deposit_box {width: 100%; margin-top: 24px; padding: 20px 24px; background-color: rgba(0,0,0,.04); border-radius: 12px;} .immedPay .deposit_box .top {display: flex; justify-content: space-between; padding-bottom: 21px; padding-right: 8px; border-bottom: 1px solid rgba(0,0,0,.08);} /* .immedPay .deposit_box .top .won {font-size: 21px; font-weight: 800; line-height: 26px;} */ .immedPay .deposit_box .wrap_tooltip .ico_tip.w20 {width: 20px; height: 20px; margin-top: 0; background: url(/docfiles/resources/pc/images/common/icon/others/ico_tip_line_bk_w20.png) no-repeat 50% 50%;} .immedPay .pay_won_box {display: flex; align-items: center;} .immedPay .pay_won_box .won {font-size: 21px; font-weight: 800; line-height: 26px;} .immedPay .deposit_box .bottom {padding-top: 16px;} .immedPay .bill_list_type2 {border-top: 1px solid #000;} .immedPay .bill_list_type2 > li {padding: 20px 24px; border-bottom: 1px solid rgba(0,0,0,.08); display: flex; justify-content: space-between; align-items: center;} .immedPay .bill_list_type2 > li > .detail p + .divr_dot {margin-top: 8px;} .immedPay .bill_list_type2 > li > .won {width: 200px;} /* input - borderbox 1px type */ .immedPay .price_input {position: relative; display: inline-block; width: 100%;} .immedPay .price_input input {width: 100%;height: 40px; padding: 10px 20px 10px 8px; color: #000; font-size: 14px; font-weight: 700; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; text-align: right;} .immedPay .price_input .txt {position: absolute; bottom: 9px; right: 6px; display: inline-block; color: #000;} .immedPay .box_price_input.error .price_input > input {border-color: #ff0000; color: #ff0000;} .immedPay .box_price_input.error .price_input > span {color: #ff0000;} .immedPay .box_price_input.error > p {margin-top: 4px; color: #ff0000;} .immedPay .bill_list_type3 {border-top: 1px solid #000;} .immedPay .bill_list_type3 > li {padding: 20px 24px; border-bottom: 1px solid rgba(0,0,0,.08); display: flex; justify-content: space-between;} .immedPay .bill_list_type3 > li:last-child {border-bottom: none;} .immedPay .bill_list_type3 > li > .detail p + .divr_dot {margin-top: 8px;} .immedPay #cpapy_moduleMain {margin-top: 80px;} #popImmedPay_apply .box_content {padding-top: 24px;} #popImmedPay_apply .bg_box_con {border-radius: 12px; padding: 32px 24px; margin-top: 24px; background: rgba(0,0,0,.04);} #popImmedPay_apply .bg_box_con .list > li {display: flex;} #popImmedPay_apply .bg_box_con .list > li > p:first-child {width: 83px;} #popImmedPay_apply .bg_box_con .list > li + li {margin-top: 20px;} #popImmedPay_apply .bg_box_con .list > li .popAccNum {color: rgba(0,0,0,.48); display: block; margin-top: 4px;} /* _________________________ //결제 금액 설정 _________________________ */ /* _________________________ 이용 건별 결제 _________________________ */ .immedPay .select_wrap .btn_select:before {border-radius: 4px;} .immedPay .inquery_section {padding:24px 28px; border:1px solid #333; border-radius:8px;} .immedPay .inquery_section .row {display:flex; display:-ms-flexbox; display:-webkit-flex; font-size: 0; justify-content: space-between;} .immedPay .inquery_section .row > .inner {display:flex;} .immedPay .inquery_section .row > .inner > .box_input01 {display:inline-block; margin-top:0;} .immedPay .inquery_section .row > .inner > .box_input01 + .box_input01 {margin-left: 4px; margin-top: 0;} .immedPay .inquery_section .row .box_input01.w300 {width:300px;} .immedPay .inquery_section .row .box_input01.w298 {width:298px;} .immedPay .inquery_section .row > .box_btn {display:inline-block;} .immedPay .inquery_section .row > .box_btn button {width:104px;} /* select type2 */ .box_select.type2.immedPay_type {width: 300px; margin-right: 4px; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 4px;} .box_select.type2.immedPay_type .drop_link {width: 100%; border-radius: 4px;} .box_select.type2.immedPay_type .drop_link:before {right: 12px; top: calc(50% - 12px);} .box_select.type2.immedPay_type .drop_link > a > p {padding-left: 12px;} .box_select.type2.immedPay_type .drop_link a .p1 {} .box_select.type2.immedPay_type .drop_link a .p2 {color: rgba(0,0,0,.48); font-weight: 500;} .box_select.type2.immedPay_type .select_down {min-width: 300px; top: 55px; box-shadow: none; border-radius: 4px;} .box_select.type2.immedPay_type .select_down .list01 .p1 {font-weight: 500;} .box_select.type2.immedPay_type .select_down .list01 .p2 {color: rgba(0,0,0,.48); font-weight: 500;} .box_select.type2.immedPay_type .select_down .list01 p + p {margin-top: 6px;} /* select - 카드선택 dl type (2025-04-01 select 형태로 수정되어 dl은 개발페이지에서 삭제됨) */ .box_select.immedPay_type .select_down {height: auto; max-height: 668px;} .box_select.immedPay_type .select_down dl { padding-top: 26px; } .box_select.immedPay_type .select_down dl:last-of-type {padding-bottom: 26px;} .box_select.immedPay_type .select_down dl dt { margin: 0 20px; border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 8px; } .box_select.immedPay_type .select_down dl dd { position: relative; } .box_select.immedPay_type .select_down dl dd + dd a::before { content: ""; display: inline-flex; width: 90%; height: 1px; background-color: rgba(0,0,0,0.04); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .box_select.immedPay_type .select_down dl dd a { display: inline-block; padding: 12px 50px 12px 16px; width: 100%; /* justify-content: space-between; */ } .box_select.immedPay_type .select_down dl dd a:hover, .box_select.immedPay_type .select_down dl dd a:focus { background-color: rgba(0,0,0,0.04); } .box_select.immedPay_type .select_down dl dd a.active { user-select: none; pointer-events: none; opacity: .45; padding: 12px 46px 12px 16px; } .box_select.immedPay_type .select_down dl dd a.active::after { content: ""; display: inline-flex; width: 26px; height: 26px; position: absolute; top: 24px; right: 20px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat center; background-size: cover; } .box_select.immedPay_type .select_down dl dd a.active.on { opacity: 1; } .immedPay_tab2 {} .immedPay_tab2 .btn_zeroCard_area {display: flex; margin-top: 16px; justify-content: flex-end;} .immedPay_tab2 .btn_zeroCard_area .txt {display: flex; align-items: center;} .immedPay_tab2 .ico_tip.w24.gray {background: url(/docfiles/resources/pc/images/common/icon/w24/ico_tip_line.png) no-repeat 50% 50%; opacity: 0.4;} .immedPay_tab2 .btn_zeroCard_area .switch_btn {margin-left: 12px;} /* switch btn */ .immedPay .switch_btn label{display:block;width:48px;height:28px;background:#e0e0e0;border-radius:20px;position:relative;transition:background .7s} .immedPay .switch_btn label:after{content:'';position:absolute;width:24px;height:24px;display:block;border-radius:100%;background:#fff;left:2px;top:2px;transition:left .5s} .immedPay .switch_btn input:checked + label{background:#000;transition:background .7s} .immedPay .switch_btn input:checked + label:after{left:22px;transition:left .5s} .immedPay .immedPay_tab2 .total_gray_box2 {width: 100%; margin-top: 52px; padding: 25px 24px; background-color: rgba(0,0,0,.04); border-radius: 8px; display: flex; justify-content: space-between; align-items: center;} .immedPay_tab2_list_wrap {} .immedPay_tab2_list > li.cel_list {border-top: 1px solid rgba(0,0,0,.08); padding: 20px 24px;} .immedPay_tab2_list > li.more {padding: 0;} .immedPay_tab2_list .cel_list .box_btn {margin-left: 12px;} .immedPay_tab2_list .cel_list_info {margin-top: 8px; padding-left: 44px;} .immedPay_tab2_list2 {} .immedPay_tab2_list2 > li {display: flex; justify-content: space-between; border-top: 1px solid rgba(0,0,0,.08); padding: 20px 24px;} .immedPay_tab2_list2 > li.more {padding: 0; border-top: none;} .immedPay_tab2_list2 > li .txt .divr_dot {margin-top: 8px;} .immedPay_tab2_list2 > li .left {display: flex;} .immedPay_tab2_list2 > li .right {display: flex; align-items: center; } .immedPay_tab2_list2 > li .right .box_btn {margin-left: 12px;} .immedPay_tab2 .w104 {width: 104px;} .immedPay_tab2 .w304 {width: 304px;} .immedPay_totalBox {border-top: 2px solid #000; padding: 34px 0 0; margin-top: 20px;} /* radio_dropdown */ .immedPay [class^="radio_box"].row1.left label, .immedPay [class^="radio_box"].row2.left label {align-items: center; justify-content: flex-start; padding: 12px 16px; height: 64px;} /* .cert.top {text-align: left; margin: 44px 0 50px 6px;} */ .immedPay .radio_dropdown {position: relative; height: 20px; text-align: left;} .immedPay .radio_dropdown label {position: relative; display: block; padding: 5px 0; color: #848484; font-size: 16px; line-height: 22px;} .immedPay .radio_dropdown input:checked + label {font-weight: 700; color: #000; display: block;} .immedPay .radio_dropdown input:checked + label::after {content: ''; display: block; width: 24px;height: 24px; position: absolute; right: 0; top: 4px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_check_b.png) no-repeat; background-size: 24px auto;} .immedPay .radio_dropdown .btn_dropdown {position: relative; display: inline-block; padding-right: 30px; width: 100%; height: 100%;} .immedPay .radio_dropdown .btn_dropdown::after {content: ''; display: block; width: 24px; height: 24px; position: absolute; right: 0; top: -1px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_light_down.png) no-repeat; background-size: 24px auto; transition: .3s all ease-in-out;} .immedPay .radio_dropdown.on .btn_dropdown::after {transform: rotate(-180deg);} .immedPay .radio_dropdown .radio_dropdown_el {display: none; position: absolute; top: 32px; right: 0; z-index: 111; background: #fff; padding: 12px 16px 12px 20px; width: 141px; box-shadow: 0 0 8px 0 rgb(0 0 0 / 16%); border-radius: 8px;} .immedPay .radio_dropdown.on .radio_dropdown_el {display: block;} .immedPay .radio_dropdown_el li+li {margin-top: 4px;} /* //radio_dropdown */ /* [조회할 대상] 팝업 //chk_statement 영역에 추가완료 */ /* .chk_statement.type2 li + li {border-top: 1px solid rgba(0,0,0,.08);} .chk_statement.type2 input + label {padding: 15px 0;} .chk_statement.type2 label .chk_txt > p {color: rgba(0,0,0,.48);} */ .immedPay_tab2_list2 .box_input01.w144 {width: 144px; height: 40px; margin-right: 4px; } .immedPay_tab2_list2 .select_wrap .btn_select {height: 40px; line-height: 40px; font-size: 14px;} .immedPay_tab2_list2 .select_wrap .btn_select:before {border-radius: 4px;} .immedPay .pay_detail_box {background: rgba(0,0,0,.04); padding: 20px 24px; border-radius: 12px; margin-top: 32px;} .immedPay .pay_detail_box .accodWrap .tit {display: flex; justify-content: space-between;} .immedPay .pay_detail_box .accodWrap .accodBtn {display: inline-block; width: 32px; height: 32px; padding-right: 40px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat 100% 50%; background-size: 32px 32px;} .immedPay .pay_detail_box .accodWrap.on .accodBtn {background-image: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png);} .immedPay .bill_list_type4 {border-top: 1px solid rgba(0,0,0,.08);} .immedPay .bill_list_type4 > li {display: flex; justify-content: space-between; margin-top: 16px;} .immedPay .bill_list_type4 > li > .detail p + .divr_dot {margin-top: 8px;} .immedPay .box_intall_pay01 .pays + .pays {margin-top: 52px;} .immedPay .box_intall_pay01 .pays .co_top_total01 .cell {padding: 20px 0;} .immedPay .box_intall_pay01 .pays .bill_list_type2 {border-top: 1px solid rgba(0, 0, 0, 0.08);} .immedPay .box_intall_pay01 .pays .bill_list_type2.al_t > li {align-items: flex-start;} .immedPay .box_intall_pay01 .pays .bill_list_type2 .ml_8 {margin-left: 8px;} .immedPay .box_intall_pay01 .pays .bill_list_type2 .price {display: flex; align-items: center;} .immedPay .box_intall_pay01 .pays .bill_list_type2 .price button {margin-left: 12px;} /* 2025-04-01 GGU477 단수/복수 명세서 custom Select */ .immedPay_customSelect {position: relative; width: 300px; margin-right: 2px;} .immedPay_customSelect .select-box {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;} .immedPay_customSelect .select-box:after {content: ''; position: absolute; top: 50%; margin-top: -12px; right: 12px; width: 24px; height: 24px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) 50% 50% no-repeat; background-size: 24px 24px; transition: all .2s;} .immedPay_customSelect .select-box p {width: 260px; height: 48px; padding: 13px 0 13px 16px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .immedPay_customSelect.active .select-box {border: 2px solid #000;} .immedPay_customSelect.active .select-box:after {transform: rotate(-180deg);} .immedPay_customSelect .option-box {display: none; position: absolute; top: 56px; width: 100%; max-height: 340px; padding: 0 16px 12px 16px; background: #fff; border: 1px solid #000; border-radius: 4px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.2); z-index: 10;} .immedPay_customSelect .option-box .mCSB_inside > .mCSB_container {margin-right: 0;} .immedPay_customSelect .group {padding: 26px 0 8px 2px; font-size: 14px; font-weight: 700; color: rgba(0,0,0,0.48); border-bottom: 1px solid rgba(0,0,0,0.04);} .immedPay_customSelect .option {padding: 12px 0; border-bottom: 1px solid #eee; position: relative; cursor: pointer; transition: background 0.2s;} .immedPay_customSelect .option:last-child {border-bottom: none;} .immedPay_customSelect .option:hover {background: #f0f0f0;} .immedPay_customSelect .option p {padding-right: 26px;} .immedPay_customSelect .option p.info1 {font-size: 16px;} .immedPay_customSelect .option p.info2 {font-size: 14px; font-weight: 500; color: rgba(0,0,0,0.48); margin-top: 6px;} .immedPay_customSelect .option .check-icon {display: none; width: 20px; height: 20px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_check_b.png) no-repeat 0 0; background-size: 24px auto;} .immedPay_customSelect .option.selected .check-icon {display: block; position: absolute; top: calc(50% - 12px); right: 10px;} .immedPay_customSelect.active .option-box {display: block;} .immedPay_customSelect select {position: absolute; opacity: 0; width: 0; height: 0;} /* _________________________ //이용 건별 결제 _________________________ */ /* _________________________ 금액 확인 _________________________ */ .immedPay .acc_graybox_pd40 {background: rgba(0,0,0,.04); padding: 40px; border-radius: 12px;} .immedPay .co_tbl_info_article.type01.list_bank_info .saved_others_account_item .grp_cont {padding: 20px 24px;} .immedPay .co_tbl_info_article.type01.list_bank_info .saved_others_account_item .grp_price {padding: 20px 24px;} .immedPay .co_tbl_info_article.type01.list_bank_info .saved_others_account_item .grp_price .box_btn {display: flex; flex-direction: row-reverse;} .immedPay .co_tbl_info_article.type01.list_bank_info .saved_others_account_item .grp_price .box_btn button {margin-right: 8px;} .immedPay .bul_list.fc_m_a64 > li, .immedPay .bul_list.fc_a64 > li {color: rgba(0,0,0,.64);} /* _________________________ //금액 확인 _________________________ */ /* ___[팝업] 즉시결제 출금 방법 안내 팝업 - 본인명의 타계좌 _________________________ */ #cpapy_ars_cert.modal_pop .box_certification {width: 100%; margin-top: 0;} #cpapy_ars_cert.modal_pop .modal_wrap .tab_content {margin-top: 20px;} .modal_wrap .list_sel_inp.tab4 > li {width: calc(25% - 16px);} #popCertification .modal_wrap .tab_content {margin-top: 20px;} /* _________________________ 즉시결제 내역 _________________________ */ .immedPay .direct_cld label.start_date, .immedPay .direct_cld label.end_date {width: 325px !important;} .sub_account .immedPay .box_intall_pay01.list_inspay .top {border-bottom: none; padding-top: 0; padding-bottom: 20px; margin-top: 52px;} .immedPay .inspay_nodata {height: 284px; background: rgba(0, 0, 0, 0.04); border-bottom: none; border-radius: 12px;} .sub_account .immedPay .box_intall_pay01 dl {padding: 7px 24px;} .sub_account .immedPay .box_intall_pay01 dl:first-child {margin-top: 20px;} .immedPay .list_inspay .inspay_data_list {background: rgba(0, 0, 0, 0.04); border-radius: 12px; padding: 24px 24px 32px; position: relative;} .immedPay .list_inspay .inspay_data_list + .inspay_data_list {margin-top: 8px;} .immedPay .list_inspay .inspay_data_list .detail {margin-top: 24px;} .immedPay .list_inspay .inspay_data_list .detail > li + li {margin-top: 20px;} .immedPay .list_inspay .inspay_data_list .btn_go {width: 24px; height: 24px; display: inline-block; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) 0 0 no-repeat; background-size: 24px 24px; position: absolute; right: 16px; top: 22px; opacity: 0.48;} .immedPay .list_inspay .inspay_data_list .date {font-size: 14px; font-weight: 700; line-height: 20px; color: rgba(0,0,0,.48);} .immedPay .list_inspay .inspay_data_list .won {font-size: 20px; font-weight: 700; line-height: 26px; margin-right: 4px;} .immedPay .list_inspay .inspay_data_list .detail_txt {font-size: 14px; font-weight: 700; line-height: 20px; color: rgba(0,0,0,.64); margin-top: 8px;} .immedPay .list_inspay .inspay_data_list .detail_txt + .detail_txt {margin-top: 4px;} .immedPay .list_inspay .inspay_data_list .detail_txt > span + span {margin-left: 4px;} .immedPay .list_inspay_apply01 {margin-top: 22px; border-top: 2px solid #000;} .immedPay .list_inspay_apply01 > ul > li {padding: 24px;} .immedPay .list_inspay_apply01 > ul > .list + .list {border-top: 1px solid rgba(0, 0, 0, 0.08);} .immedPay .list_inspay_apply01 > ul > .more {padding: 0; margin-top: 20px;} .immedPay .list_inspay_apply01 .detail {margin-top: 8px;} .immedPay .list_inspay_apply01 .detail > p, .immedPay .list_inspay_apply01 .detail .divr_txt {color: rgba(0,0,0,.64); font-size: 14px; font-weight: 500; line-height: 20px;} .immedPay .list_inspay_apply01 .detail > p + p {margin-top: 2px;} .immedPay .list_inspay_apply01 .detail > p > span + span {margin-left: 4px;} .immedPay .list_inspay_apply01 .detail .state_cancel {color: #000;} .immedPay .list_inspay_apply01 .detail .state_ok {color: #0070f0;} .immedPay .list_inspay_apply01 .detail .state_yet {color: #ff0000;} /* _________________________ //즉시결제 내역 _________________________ */ /* 2025-06-11 GGU477 팝업 [기존 즉시결제 예약 건 안내] */ .modal_pop.respond.orginInsPayInfo_pop .layer_wrap {min-height: auto;} /**************************************************************************** //2025-02-14 GGU477 [MyAccount] 즉시결제 프로세스 개선(PC) - end *****************************************************************************/ /* 2025-03-07 Q11791 [MyAccount] 분할결제 신청완료 페이지 내 추가결제가능내역 추가 */ .box_intall_pay01.installment_top3 .box_info {display: flex; align-items: center; padding: 21px 24px 20px;} .box_intall_pay01.installment_top3 .box_info:last-of-type {border-bottom: 1px solid #ebebeb;} .box_intall_pay01.installment_top3 .box_info > div {float: unset;} .box_intall_pay01.installment_top3 .box_info > div:not(:first-of-type) {margin-left: 24px;} .box_intall_pay01.installment_top3 .option01 {flex: 1; width: auto;} .box_intall_pay01.installment_top3 .option01 .h4_b_lt + .divr_dot {margin-top: 8px;} .box_intall_pay01.installment_top3 .box_btn {width: 144px;} /* //2025-03-07 Q11791 [MyAccount] 분할결제 신청완료 페이지 내 추가결제가능내역 추가 */ /* 2025-03-25 Q11817 카드해지 팝업 */ .modal_pop.respond.popup_cancel .layer_head { padding: 40px 56px 26px 40px;} .popup_cancel .list-content {display: flex; justify-content: space-between; align-items: center } .popup_cancel .list-content .img-box {width: 64px; margin-right: 24px; padding: 24px 0; display: flex; align-items: center;} .popup_cancel .list-content .img-box img {width: 64px;} .popup_cancel .list-content .txt-box {position: relative; width: 100%; padding:24px 0; display: flex; justify-content: space-between;} .popup_cancel .pop-list li .txt-box::before { content: ""; display: block; border-bottom: 1px solid #e0e0e0 !important; position: absolute; top: 0; left: 0; width: 100%; } .popup_cancel .pop-list li:first-child .txt-box::before { content: ""; display: block; border-bottom: none !important; } .popup_cancel .pop-list .list-content .txt-box .apply-btn {padding: 10px 16px; background: #000; color: #fff; font-size: 14px; font-weight: 700; border-radius: 8px; height: 40px;} /* //2025-03-25 Q11817 카드해지 팝업 */ /* 2025-07-04 Q11792 추가 - [Account] 생활요금_정기결제 신청완료 화면 내 생활요금 자동사용납부 배너 추가(3종) */ .ac_box_banner {position: relative; width: 344px; margin-top: 52px; z-index: 1;} .ac_box_banner.type_wide {width: 408px;} .ac_box_banner .ac_btn_close {position: absolute; right:8px; top:8px; width: 32px; height: 32px; background:transparent; cursor: pointer;} .ac_box_banner .ac_btn_close img {width: 100%;} .ac_box_banner > .ac_item_banner {display:flex; align-items:center; justify-content: space-between; padding:12px 0px 12px 20px; border-radius:24px;} .ac_box_banner > .ac_item_banner + .ac_item_banner {margin-top:8px;} .ac_box_banner > .ac_item_banner .txt {padding: 0px 0;} .ac_box_banner > .ac_item_banner .img {width:80px; height:80px; display: flex; margin-right: 16px;} .ac_box_banner > .ac_item_banner .img img, .ac_box_banner > .ac_item_banner .img .svg {width:80px !important; height: 80px !important;} .ac_box_banner.type_fixed {position: fixed; right: 8px; bottom:6px; margin-top: 0px; transition: all .3s ease;} .ac_box_banner.type_fixed.stop {position: absolute; right: 8px; bottom:6px;} .ac_box_banner.type_fixed.remove {display: none;} .ac_box_banner > .ac_item_banner:not(.sd_m_04) { background-color:#0082ca;} .ac_box_banner > .ac_item_banner:not(.sd_m_04) .txt {color:#fff;} /* 2025-07-17 Q11792 추가 - [공통] 내정보 관리_카카오톡 수신동의,철회 메뉴 통합 및 추가프로세스 신규개발 */ .sub_account .list_link02.type02 li {margin-top:12px; background-color:transparent; border: 1px solid #ebebeb; border-radius: 12px;} .sub_account .list_link02.type02 li + li {margin-top:12px;} .sub_account .list_link02.type02 li:first-child {margin-top:0;} .sub_account .list_link02.type02 li > a {position:relative; display:block; padding:17px 44px 17px 24px;} .sub_account .list_link02.type02 li > a:before {opacity: 0.48; content:''; position:absolute; top:50%; transform: translateY(-50%); right:20px; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 50% 50%; background-size:24px;} /* 2025-09-30 Q11855 [Account] 즉시결제 메인 이번달청구금액영역 단기카드대출신청 항목개선 */ .immedPay .linkbox.expand_row2 .items.expand .areaBottom .box_gray_btn.box_gray_btn2{height: auto; padding: 17px 8px 16px 16px;} .immedPay .linkbox.expand_row2 .col.col2 .items{padding: 44px 36px; height: 157.5px;} .immedPay .linkbox.expand_row2 .col.col2.col_plural .items{padding: 47px 36px; height: 162.5px;} .immedPay .linkbox.expand_row2 .items.expand .areaTop.no_bottom{padding-bottom: 0; border-bottom: 0;} /* 2025-11-05 GGU477 [Account,메인] 카드관리 페이지 신규제작 및 메인 내 픽토,랜딩링크 적용(PC) */ .list_cardManagement_link {display: flex; justify-content: space-between; flex-wrap: wrap;} .list_cardManagement_link li {width: 388px; height: 128px;} .list_cardManagement_link li:nth-child(n+3) {margin-top: 20px;} .list_cardManagement_link li > a {display: flex; align-items: center; width: 388px; height: 128px; padding: 24px 24px 24px 12px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, .2); } .list_cardManagement_link li > a > .img {width: 80px; height: 80px; margin-right: 12px;} .list_cardManagement_link li > a > .img svg {width: 80px; height: 80px;} /* 2025-11-13 Q11792 [Account] 분할결제 국내외 탭구분 및 신청내역 전체선택 기능개선 */ .sub_account .overflow_y_auto {overflow-y: auto;} .sub_account .overflow_y_auto.type_cust .mCSB_inside > .mCSB_container{margin-right:0;} .sub_account .overflow_y_auto.type_cust .mCSB_scrollTools {width:4px;} .sub_account .overflow_y_auto.type_cust::-webkit-scrollbar{width:3px; background-color:#e0e0e0;} .sub_account .overflow_y_auto.type_cust::-webkit-scrollbar-thumb{background-color:#ccc;} .sub_account .box_intall_pay01 .overflow_y_auto .box_info .option01 {width: 780px;} .sub_account .box_info_wrap + .acc_sum.type1 {padding-top:29px; border-top:1px solid #ebebeb;} .sub_account .box_info_wrap .btn_more {margin: 12px 0 32px;}