@charset "utf-8";
/* layout - 2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제)
.gpcc_wrap {font-family:'San Francisco', 'SF Pro Display',  'Noto Sans KR';position:relative;height:100%;}
.safari .gpcc_wrap {font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular,'Spoqa Han Sans Neo', 'Noto Sans', Roboto, 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif;position:relative;font-weight:500;}*/
.gpcc_wrap {position:relative; height:100%;}

.nppfs-keypad-div{z-index:999999;}

.gpcc_container.form_padding{padding-bottom:150px;}
.gpcc_container {padding:0 calc(6.4% - 1px) 40px;padding-bottom:0;box-sizing:border-box;}
.gpcc_container.round {width:100%; min-height:calc(100% - 56px); margin-top:8px; padding-top:40px; background-color:rgba(255,255,255,1); border-top-left-radius:23px; border-top-right-radius:23px; border:1px solid rgba(255,255,255,1); background-clip:border-box;}
.gpcc_container.round:before {display:block; content:""; position:absolute; left:50%; top:-8px; width:87%; height:46px; transform:translateX(-50%); border-radius:44px; background-color:rgba(255, 255, 255, 0.5);z-index:-1;border-top-left-radius:20px; border-top-right-radius:20px;}
.gpcc_container.round.not_back{min-height:calc(100% - 48px); margin-top:0px;}
.gpcc_container.round.not_back:before {display:none;}

.gpcc_header {position:relative; height:48px; box-sizing:border-box; text-align:center;}
.gpcc_header h1 {font-size:16px; font-weight:bold; color:#000000; text-align:center; line-height:48px;}
.gpcc_header.shadow1:after {display:block;width:100%;height:40px;content:"";position:absolute;bottom:-48px;left:0;border-top-left-radius:23px;border-top-right-radius:23px;box-shadow:0px -2px 16px rgba(0,0,0,.12);}
.gpcc_header.shadow2:after {display:block;width:100%;height:40px;content:"";position:absolute;bottom:-40px;left:0;border-top-left-radius:23px;border-top-right-radius:23px;box-shadow:0px -2px 16px rgba(0,0,0,.12);}
.layer_popup .gpcc_header.shadow1:after,.layer_popup .gpcc_header.shadow2:after{display:none;}
.gpcc_header .header_close {position:absolute; right:2.133%; top:8px; width:32px; height:32px; color:transparent;}
.gpcc_header .header_close:before{display:block; content:""; position:absolute; left:0%; top:0%; width:100%; height:100%; background:url('../images/ico_X.png') center no-repeat; background-size:100%;}

.gpcc_top_title {padding-top:64px; font-family:YouandiModernHEB; font-size:28px; color:#000000; text-align:left; line-height:36px;}

.history_back {position:absolute; left:2.133%; top:8px; width:32px; height:32px;}
.history_back:before {display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:32px; height:32px; background:url(../images/ico_ArrowB_Back.png) 0 0 no-repeat; background-size:cover;}
.history_back span {color:transparent;}

.progress_wrap .progrees_bar {position:absolute; left:50%; top:50%; z-index:2; width:66.13%; height:4px; transform:translate(-50%, -50%); border-radius:10px; background-color:#fff; transition:all 0.3s;}
.progress_wrap.big .progrees_bar {height:20px;}
.progress_wrap .progrees_bar > span {position:absolute; top:0; z-index:2; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:right;}
.progress_wrap .progrees_bar.step09 > span {right:51%;}
.progress_wrap .progrees_bar.step14 > span {right:22%;}
.progress_wrap .progrees_bar.step17 > span {right:8px;}
.progress_wrap .progrees_bar:after {content:""; position:absolute; left:0; top:0; width:0; height:100%; background-color:#000; transition:all 0.5s; border-radius:10px;}
.progress_wrap .progrees_bar.step02:after {width:10%;}
.progress_wrap .progrees_bar.step03:after {width:19.76%;}
.progress_wrap .progrees_bar.step04:after {width:20%;} /* 로그인 후 - 신분증 */
.progress_wrap .progrees_bar.step05:after {width:40%;} /* 로그인 후 - 약관동의 */
.progress_wrap .progrees_bar.step06:after {width:60%;} /* 로그인 후 - 본인인증 */
.progress_wrap .progrees_bar.step07:after {width:50%;}
.progress_wrap .progrees_bar.step08:after {width:33.3%;}
.progress_wrap .progrees_bar.step09:after {width:52.9%;}
.progress_wrap .progrees_bar.step10:after {width:58.8%;}
.progress_wrap .progrees_bar.step11:after {width:64.7%;}
.progress_wrap .progrees_bar.step12:after {width:69.6%;}
.progress_wrap .progrees_bar.step13:after {width:76.4%;}
.progress_wrap .progrees_bar.step14:after {width:82.3%;}
.progress_wrap .progrees_bar.step15:after {width:88.2%;}
.progress_wrap .progrees_bar.step16:after {width:94.1%;}
.progress_wrap .progrees_bar.step17:after {width:101%;}

.gpcc_init_title {position:relative; margin-top:56px; height:72px;}
.gpcc_init_title h2 {position:absolute; left:0; top:0; width:100%; font-family:YouandiModernHEB; font-size:24px; color:#000; text-align:center; line-height:36px; animation-fill-mode:forwards; animation-iteration-count:inherit; animation-name:textAni; animation-duration:1.5s; transition:all; animation-timing-function:ease-out;}
.gpcc_init_title h2.first {animation-delay:1.5s;}
.gpcc_init_title h2.second {opacity:0;; animation-delay:3s; animation-name:textAni2;}
.gpcc_init_title h2.third {opacity:1;transform:translateY(0);animation-fill-mode:none;animation-iteration-count:initial;animation-name:none;animation-duration:initial;transition:none;animation-timing-function:unset;}
@keyframes textAni {
  from {transform:translateY(0); opacity:1;}
  to {transform:translateY(-40px); opacity:0;}
}
@keyframes textAni2 {
  from {transform:translateY(40px); opacity:0;}
  to {transform:translateY(0); opacity:1;}
}

.my_card_list {margin-top:9px; height:auto;}
.my_card_list li {position:relative; padding:20px 0;}
.my_card_list li + li {border-top:1px solid rgba(0,0,0,.04);}
.my_card_list li .box_my_card {display:flex; display:-webkit-flex; position:relative;}
.my_card_list li .box_my_card:after {display:none; content:""; position:absolute; right:0; width:40px; height:100%; background:url(../images/ico_CheckB.png) center no-repeat; background-size:40px;}
.my_card_list li.active .box_my_card:after {display:block;}
.my_card_list li .box_my_card .img_area {width:32px; height:52px; /*overflow:hidden;*/}
.my_card_list li .box_my_card .img_area img {max-width:100%; box-shadow:0 2px 4px rgba(0,0,0,0.08);}
.my_card_list li .box_my_card .desc_area {width:calc(100% - 32px); padding:0 40px 0 16px; box-sizing:border-box;}
.my_card_list li .box_my_card .desc_area .title_card {display:block; font-size:20px; color:#000; line-height:26px; font-weight:normal;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .my_card_list li .box_my_card .desc_area .title_card {font-weight:normal;}*/
.my_card_list li .box_my_card .desc_area .num_card {display:block; margin-top:4px; font-size:14px; color:rgba(0,0,0,0.80); line-height:20px;}
.layer_popup.bottom_sheet .layer_wrap .layer_content.my_card_sel.non_card{height:211px;min-height:auto;max-height:none;padding-top:34px;}
.layer_popup.bottom_sheet .layer_wrap .layer_content.my_card_sel.non_card .sub_desc{text-align:center;/*font-weight:bold;*/}

.gpcc_top_title.medium {margin-bottom:32px; padding-top:0; font-size:24px; font-weight:bold; font-family:'San Francisco','SF Pro Display', 'Noto Sans KR'; color:#000; line-height:32px; text-align:left; word-break:keep-all; word-wrap:break-word;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .gpcc_top_title.medium {margin-bottom:32px; padding-top:0; font-size:24px; font-weight:bold; font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display' ; color:#000; line-height:32px; text-align:left; word-break:keep-all; word-wrap:break-word;}*/
.gpcc_top_title.medium.mar_b20{margin-bottom:20px;}
.gpcc_top_title.medium.mar_t20 {margin-top:16px!important;}
.gpcc_06_01 .gpcc_top_title.medium {margin-bottom:12px;}
/*.CPCCA0142_01 .gpcc_top_title.medium {margin-bottom:12px!important;}*/
.gpcc_06_03 .gpcc_top_title.medium {margin-bottom:29px;}
.CPCCA0142_02 .gpcc_top_title.medium {margin-bottom:29px;}

.card_area {overflow:hidden; width:302px; height:190px; margin:33px auto 40px; /*box-shadow:0 5px 5px #d6d6d6;*/ border-radius:5px;}
.card_area img {width:100%; height:100%;}
.gpcc_card_area {width:167px; height:266px; overflow:hidden; margin:64px auto 116px;}
.gpcc_card_area.type {width:192px; height:304px; margin:80px auto 40px; border-radius:7px; box-shadow:0 16px 32px 0 rgba(0,0,0,0.24);}
.gpcc_card_area ~ .desc_gray {margin-top:18px; text-align:center;}

.box_link_arrow {margin-top:78px;}
.box_link_arrow > a {position:relative; display:block; padding:0 24px; background-color:#fff; border-radius:8px; font-size:16px; font-weight:bold; color:#000; line-height:64px;}
.box_link_arrow > a + a {margin-top:8px;}
.box_link_arrow > a:after {display:block; content:""; position:absolute; right:20px; top:24px; width:10px; height:16px; background:url(../images/ico_ArrowB_Forward.png) 0 0 no-repeat; background-size:cover;}
/* Q10546 22-12-06 #245 PLCC모듈화OCR */
.box_link_arrow.ocr > a{background-color:#e0e0e0;}

.my_input_list {margin-top:32px;}
.my_input_list li {margin-top:12px;}
.my_input_list li .custom_input {width:100%;}
.my_input_list li:first-child {margin-top:0;}

.form_bundle_wrap {position:relative;}
.form_bundle_wrap > ul.bundle_list > li {margin-top:12px;}
.form_bundle_wrap > ul.bundle_list > li .custom_input {width:100%;}
.form_bundle_wrap > form > ul.bundle_list > li .custom_input {width: 100%;}/*2024-01-08 Q11024 #505 삼성페이 카드 비밀번호 입력화면에서 form으로 인해 input 틀어짐 방지*/ 
.form_bundle_wrap > ul.bundle_list > li .custom_select {width:100%;}
.form_bundle_wrap > ul.bundle_list > li .custom_select.error select{border-bottom:1px solid #f00;}
.form_bundle_wrap > ul.bundle_list > li:first-child {margin-top:0;}
/* 21-09-16 KJH 이마트24 점포 선택 */
.form_bundle_wrap > ul.bundle_list > li .shopname {display:none;}
.form_bundle_wrap > ul.bundle_list > li.active {position:relative;}
.form_bundle_wrap > ul.bundle_list > li.active .shopname {display:block; position:absolute; top:-4px; left:0; z-index:1; font-size:18px; font-weight:bold; color:#000; line-height:24px;}
.form_bundle_wrap > ul.bundle_list > li.active .custom_input.icon_search input[type="text"] {font-size:16px; border-bottom:2px solid #000;}
.gpcc_tab_wrap .gpcc_tab_cont.active .form_bundle_wrap .txt_valid {margin-top:5px;}
/* // 21-09-16 KJH 이마트24 점포 선택 */

.account_bundle .custom_input input[type="text"] {padding:20px 10px 10px 10px;}
.account_bundle .custom_input:before {display:none; content:""; position:absolute; left:-10px; top:33px; width:6px; height:1px; background-color:rgba(0,0,0,0.12);}
.account_bundle .custom_input.on:before{display:block;}
.account_bundle .custom_input:first-child:before {display:none;}
/* .account_bundle .custom_input.on {padding-left:30px;} */

/* 본인인증 - 휴대폰 */
.flex_bundle_list {display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:flex-start; margin:0 0 24px 0;}
.flex_bundle_list.col2 li {/*{width:49%;*/ width:calc(50% - 4.5px);}
.flex_bundle_list.col2 li + li {margin-left:9px;}
.flex_bundle_list li {width:32.7%; margin-bottom:4px;}
.flex_bundle_list li .custom_radio {width:100%;}
.flex_bundle_list li .custom_radio input[type="radio"] + label {display:flex; display:-webkit-flex; width:100%; padding:13px 5px 12px 5px; justify-content:center; align-content:center; font-size:14px; color:rgba(0,0,0,0.48); box-sizing:border-box;}
.flex_bundle_list li .custom_radio input[type="radio"] + label .small {display:block; margin-top:3px; width:100%; font-size:12px; line-height:18px; text-align:center;color:rgba(0,0,0,.4);}
.flex_bundle_list li .custom_radio input[type="radio"] + label .small span{font-size:14px;font-weight:bold;}
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label .small {color:rgba(0,0,0,1);}
.flex_bundle_list li .custom_radio input[type="radio"] + label:before {display:none;}
.flex_bundle_list li .custom_radio input[type="radio"] + label:before {display:block; content:""; position:absolute; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,0.48); border-radius:6px; background-image:none;}
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label {color:#000; font-weight:bold;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .flex_bundle_list li .custom_radio input[type="radio"]:checked + label span{color:rgba(0,0,0,1); font-weight:bold;}*/
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label span.small{font-weight:500;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제) //plcc_common.css 744줄 font 12px normal 적용됨 필요없음 + checked 폰트컬러는 safari구분 필요없음
.safari .flex_bundle_list li .custom_radio input[type="radio"] + label span.small b{font-size:14px;color:rgba(0,0,0,.48);}
.safari .flex_bundle_list li .custom_radio input[type="radio"]:checked + label span.small b{font-size:14px;font-weight:bold;color:rgba(0,0,0,1);}*/

.flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000; border-width:2px;}
.flex_bundle_list li .custom_radio.error input[type="radio"] + label {color:#ff0000;}
.flex_bundle_list li .custom_radio.error input[type="radio"] + label:before {border-color:#ff0000;}
.gpcc_phone_list + .terms_wrap {margin-top:24px;}

/* 본인인증 - 신용·체크카드 */
.box_amex ~ .terms_wrap {margin-top:40px;}
.box_amex .radio_area {margin-bottom:28px;}
.box_amex .radio_area .custom_radio + .custom_radio {margin-left:40px;}
.box_amex .input_area {position:relative;}
.box_amex .input_area .label {display:inline-block; position:absolute; left:0; top:0; z-index:10; font-size:12px; line-height:16px; color:rgba(0,0,0,0.40);}

.box_amex .input_area .custom_input input {padding:20px 10px 10px 10px; border-bottom:none; text-align:center;}
.box_amex .input_area .custom_input:before {display:block; content:""; position:absolute; left:-5px; top:36px; width:6px; height:1px; background-color:rgba(0,0,0,0.4);}
.box_amex .input_area .custom_input:first-child:before {display:none;}
.box_amex .radio_area .custom_radio input[type="radio"] + label {color:#000; font-size:16px; line-height:22px;}
.box_amex .input_area .row {display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(0,0,0,0.12);}
.box_amex .input_area .row.focus {border-bottom:2px solid rgba(0,0,0,1);}
.box_amex .input_area .error {border-bottom:1px solid #ff0000;}
.box_amex .input_area .error .custom_input input {color:#ff0000;}
.box_amex .input_area .custom_input {width:25%;}
.box_amex .amex .custom_input:nth-child(3) {width:20%;}
.box_amex .amex .custom_input:nth-child(4) {width:30%;}
.box_amex .input_area .custom_input input:read-only {color:rgba(0,0,0,0.20);}
.box_amex .input_area .custom_input input:disabled {color:rgba(0,0,0,0.20);}
.box_amex .input_area .amex {display:none;}
.box_amex .input_area .amex .custom_input.align_right input {text-align:right; padding-right:0;}
.box_amex .input_area .amex .custom_input:nth-child(3) input {padding-left:0; text-align:left;}
.custom_input #cvv,
.custom_input #cardPwd {font-size:26px !important;}
.secure.active .custom_input input.nppfs-npv{border-bottom:2px solid #000;}
.safari .custom_input #cvv,
.safari .custom_input #cardPwd {font-size:13px !important;padding-bottom:5px;}
.box_amex .input_area .custom_input:nth-child(1) input[type=password],
.box_amex .input_area .custom_input:nth-child(2) input[type=password] {font-size:26px;}
.box_amex .input_area .custom_input:nth-child(3) input,
.box_amex .input_area .custom_input:nth-child(4) input {font-size:26px;border:0;}
.safari .box_amex .input_area .custom_input:nth-child(1) input[type=password],
.safari .box_amex .input_area .custom_input:nth-child(2) input[type=password] {font-size:13px;}
.safari .box_amex .input_area .custom_input:nth-child(3) input,
.safari .box_amex .input_area .custom_input:nth-child(4) input {font-size:13px;}
.box_amex .input_area .custom_input:nth-child(1) input[type=password]::-webkit-input-placeholder,
.box_amex .input_area .custom_input:nth-child(2) input[type=password]::-webkit-input-placeholder {font-size:13px;}
.box_amex .input_area .custom_input:nth-child(3) input::-webkit-input-placeholder,
.box_amex .input_area .custom_input:nth-child(4) input::-webkit-input-placeholder {font-size:13px;}
.box_amex .input_area .amex .custom_input:nth-child(3):before {display:none;}
.box_amex .radio_area.js_amex span{font-weight:bold;}

.input_area .card_input_area .custom_input input:read-only{padding-top:36px !important;letter-spacing:.15em;}
.safari .box_amex .input_area .custom_input:nth-child(1) input[type=password],
.safari .box_amex .input_area .custom_input:nth-child(2) input[type=password]{font-size:13px !important;padding-top:28px !important;}
.safari .box_amex .input_area .custom_input:nth-child(3) input,
.safari .box_amex .input_area .custom_input:nth-child(4) input{font-size:16px !important;padding-top:28px !important;}
.input_area .card_input_area .custom_input input[type=password]{padding-top:20px !important;letter-spacing:.05em;}
.box_amex .input_area .custom_input:nth-child(3) input::-webkit-input-placeholder {font-size:10px !important;letter-spacing:.05em;}
.box_amex .input_area .custom_input:nth-child(4) input::-webkit-input-placeholder {font-size:10px !important;letter-spacing:.05em;}
.safari .box_amex .input_area .custom_input:nth-child(3) input::-webkit-input-placeholder,
.safari .box_amex .input_area .custom_input:nth-child(4) input::-webkit-input-placeholder{font-size:15px !important;letter-spacing:.05em;}

.gpcc_phone_list {justify-content:space-between; margin:24px 0 20px 0;}
.gpcc_phone_list li {width:32.7%; margin-bottom:4px;}

.gpcc_bank_list {justify-content:space-between; margin:36px 0 40px 0; }
/*.desc_black + .gpcc_bank_list{margin-top:40px;}*/
.gpcc_bank_list li {width:32.7%; margin-bottom:4px;}
.gpcc_bank_list li .custom_radio {width:100%;}
.gpcc_bank_list.flex_bundle_list li .custom_radio input[type="radio"] + label {display:flex; display:-webkit-flex; width:100%; height:72px; padding:8px; justify-content:center; align-content:center; box-sizing:border-box; flex-wrap:wrap;}
.gpcc_bank_list li .custom_radio input[type="radio"] + label span {display:block; overflow:hidden; position:relative; width:100%; text-align:center; font-size:14px; color:rgba(0,0,0,0.48); line-height:22px;}
.gpcc_bank_list li .custom_radio input[type="radio"] + label:before {display:none;}
.gpcc_bank_list li .custom_radio input[type="radio"] + label:before {display:block; content:""; position:absolute; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,0.48); border-radius:6px; background-image:none;}
.gpcc_bank_list li .custom_radio input[type="radio"]:checked + label span {color:#000; font-weight:bold;}
.gpcc_bank_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000; border-width:2px;}
.gpcc_bank_list li .custom_radio input[type="radio"] + label span.logo {display:block; position:relative; width:100%; height:34px; overflow:hidden; color:transparent;}
.gpcc_bank_list li .custom_radio input[type="radio"]:checked + label span.logo {color:transparent;}
.gpcc_bank_list li .custom_radio input[type="radio"] + label span.logo:before {display:block; content:""; position:absolute; left:50%; top:50%; width:66px; height:66px; transform:translate(-50%, -50%); background:url(../images/spr_cardlogo.png) 0 0 no-repeat; background-size:400px auto;}
.gpcc_bank_list li.shinhan .custom_radio input[type="radio"] + label span.logo:before {background-position:-200px 0;}
.gpcc_bank_list li.samsung .custom_radio input[type="radio"] + label span.logo:before {background-position:-198px -264px;}
.gpcc_bank_list li.BC .custom_radio input[type="radio"] + label span.logo:before {background-position:0 0;}
.gpcc_bank_list li.KB .custom_radio input[type="radio"] + label span.logo:before {background-position:-132px 0;}
.gpcc_bank_list li.hana .custom_radio input[type="radio"] + label span.logo:before {background-position:0 -66px;}
.gpcc_bank_list li.lotte .custom_radio input[type="radio"] + label span.logo:before {background-position:-66px 0;}

/* 카드 정보 */
.form_card_wrap {position:relative; max-width:304px; margin:0 auto; padding-top:32px;}
.form_card_wrap > div.box_card_bundle {position:relative; /*height:486px; 2024-12-17 #791 Q11067 박스높이 유동적(현업요청)*/height:auto; box-sizing:border-box;}
.form_card_wrap > div.box_card_bundle > div.front_card {display:none; /*2024-12-17 #791 Q11067 박스높이 유동적(현업요청) - front_card영문입력영역 현재사용안함(박스겹침오류수정)*/ position:relative;left:0; top:0; width:100%; height:100%; z-index:10;border-radius:12px;/*opacity:1; 2024-12-17 Q10547 수정 */ opacity:0;}
.form_card_wrap > div.box_card_bundle > div.back_card.old {height:auto;}
.form_card_wrap > div.box_card_bundle > div.back_card .form_card {width:100%; height:100%; padding:19px 16px 16px 16px; box-sizing:border-box;}
.form_card_wrap > div.box_card_bundle > div.back_card .form_card span.desc {display:block; margin-top:6px; font-size:16px; color:rgba(255,255,255,0.80); line-height:22px;}
.form_card_wrap > div.box_card_bundle strong.title {display:block; margin-top:4px; font-size:24px; color:#fff; line-height:32px; word-break:keep-all; word-wrap:break-word;}
.form_card_wrap > div.box_card_bundle strong.title ~ .form_bundle {margin-top:12px;}
.form_card_wrap > div.box_card_bundle strong.title + .form_bundle > .box_account {margin-top:16px;}
.form_card_wrap > div.box_card_bundle .gpcc_btn_area {position:absolute; bottom:16px; width:calc(100% - 32px);margin:0;}
.form_card_wrap > div.box_card_bundle .gpcc_btn_area .btn {height:48px; line-height:48px;}

.form_card_wrap > div.box_card_bundle strong.title {font-weight:bold;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .form_card_wrap > div.box_card_bundle strong.title {font-weight:bold;}*/

.box_card_bundle .back_card {display:none; /*2024-12-17 #791 Q11067 박스높이 유동적(현업요청) - back_card영문입력영역 현재사용안함(박스겹침오류수정)*/ visibility:hidden; position:absolute; left:0; top:0; z-index:2; width:307px; height:486px; border-radius:6px; box-shadow:0 16px 32px 0 rgba(0,0,0,0.24);}
.box_card_bundle.active .back_card {visibility:visible; z-index:11; }
.form_card_wrap .form_bundle {margin-top:12px;}
.form_card_wrap .form_bundle .box_account {display:flex; display:-webkit-flex; justify-content:flex-start;}
.form_card_wrap .form_bundle .box_account .custom_input input[type="text"] {width:100%; height:48px; color:#fff; background-color:transparent; border-bottom:1px solid rgba(255,255,255,0.2); font-size:16px; font-weight:bold;caret-color:#fff !important;}
.form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus{border-bottom:2px solid #fff;}
.form_card_wrap .form_bundle .box_account .custom_input.error input[type="text"]{border-bottom-color:#f00 !important;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]{font-weight:bold;}*/
.form_card_wrap .form_bundle .box_account .custom_input input[type="text"] + label {top:21px;font-size:16px; line-height:22px; color:rgba(255,255,255,0.40);}
.form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus + label {top:0; font-size:12px;}
.form_card_wrap .form_bundle .box_account .custom_input input[type="text"].active + label {top:0; font-size:12px;}
.form_card_wrap .form_bundle .box_account .custom_input {width:65%;}
.form_card_wrap .form_bundle .box_account .custom_input:first-child {width:32%;}
.form_card_wrap .form_bundle .box_account .custom_input + .custom_input {margin-left:3%;}
.form_card_wrap .form_bundle .auto_complete_list {height:194px; overflow-y:auto; margin-top:20px;}
.form_card_wrap .form_bundle .auto_complete_list li {margin-bottom:12px; font-size:16px; color:#fff; letter-spacing:0.5px; line-height:26px;}
.form_card_wrap .form_bundle .gpcc_btn_area .btn.gray {background:rgba(0,0,0,0.08); color:rgba(0,0,0,0.20); border-radius:8px;}
.form_card_wrap .form_bundle .gpcc_btn_area .btn.active {background-color:#000 !important; color:#fff !important;}
@media all and (max-width:320px) {
  .form_card_wrap .form_bundle .auto_complete_list {height:160px;}
  .form_card_wrap .form_bundle .gpcc_btn_area {margin-top:26px;}
}

/* 본인인증 완료 */
.complete_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.complete_wrap .complete p:before {content:''; position:absolute; top:0; margin:0 auto; width:72px; height:72px; background:#000;}
.complete_wrap .complete p {position:relative; padding-top:80px; font-weight:bold; font-size:16px; color:#000; letter-spacing:0; text-align:center; line-height:26px;}

/* card 플레이트 */

.star_bomb .form_card_wrap .form_bundle .box_account .custom_input input[type="text"] {caret-color:#fff !important;}
.star_bomb .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus{border-bottom:2px solid rgba(255,255,255,1);}
.foggy_planet .form_card_wrap .form_bundle .box_account .custom_input input[type="text"] {caret-color:#fff !important;}
.foggy_planet .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus{border-bottom:2px solid rgba(255,255,255,1);}

.form_card_wrap.page div.box_card_bundle {height:auto; padding:16px 5.2% 20px;}
.form_card_wrap.page div.box_card_bundle .box_account {margin-bottom:20px;}
/* 2024-12-17 #791 Q11067 박스높이 유동적(현업요청)
.box_account.mar_b16 + .form_card_bundle{overflow-y:scroll;width:89.6%;height:calc(100% - 96px);padding-top:4px;box-sizing:border-box;position:absolute;left:5.2%;bottom:20px;}
.title + .form_bundle .box_account.mar_b16 + .form_card_bundle{position:static;top:162px; overflow-y:scroll !important;width:100%;padding-top:0;box-sizing:border-box; height:284px !important;} /*2023-05-30 Q11067 #343 해외결제차단 (IOS16.4 클릭영역버그 관련 height변경 추가)
.card_TPE3 .title + .form_bundle .box_account.mar_b16 + .form_card_bundle{height:calc(100% - 178px);}
.card_TPME3 .title + .form_bundle .box_account.mar_b16 + .form_card_bundle{height:calc(100% - 178px);}
*/
.title + .form_bundle .box_account.mar_b16 + .form_card_bundle .sec_body.plate,
.title + .form_bundle .box_account.mar_b16 + .form_card_bundle .sec_body:last-child {margin-bottom:20px;}
.form_card_bundle .sec_header {position:relative; margin-bottom:8px; font-size:16px; font-weight:bold; color:#fff; line-height:22px;}
.form_card_bundle .sec_header .btn_info {display:block; position:absolute; right:0; bottom:2px; color:rgba(255,255,255,0.64); font-size:14px; font-weight:normal; line-height:20px;}
.form_card_bundle .sec_header .btn_info:after {display:inline-block; content:"";background:url(../images/ArrowB_Forward_White.png) no-repeat center; background-size:100%;width:16px;height:16px;vertical-align:middle;opacity:.4;margin-top:-2px;}
.form_card_bundle .sec_body {margin-bottom:24px;}
.form_card_bundle .sec_body.overseas_pay {margin-bottom:0;} /*2024-12-17 #791 Q11067 박스높이 유동적(현업요청)*/
.form_card_bundle .sec_body.overseas_pay + #metal_area {margin-top:24px;} /*2024-12-17 #791 Q11067 박스높이 유동적(현업요청) - 박스하단여백유지*/
.form_card_bundle .sec_body:last-child {margin-bottom:0;}
.form_card_bundle .sec_body .toggle_bundle {border:2px solid rgba(0,0,0,0.04); border-radius:4px;}
.form_card_bundle .sec_body .box_white {position:relative; height:48px; padding:0 8px 0 16px; margin-top:2px; background-color:#fff; border:2px solid rgba(0,0,0,0.04); border-radius:4px; box-sizing:border-box;}
.form_card_bundle .sec_body .box_white:first-child {margin-top:0;}
.form_card_bundle .sec_body .box_white .toggle_title {font-size:16px; color:#000; line-height:48px;}
.form_card_bundle .sec_body .box_white .toggle_switch {position:absolute; top:50%; right:16px; margin-top:-3px; transform:translate(0, -50%);}

div.back_card .gpcc_btn_area.full{padding-bottom:0;}

/*카드뒤집기 수정 코드 0807*/
div.back_card .gpcc_btn_area.full{padding-bottom:0;}
.box_card_bundle .form_plate_card {visibility:hidden; position:relative; width:307px;/*position:absolute; left:0; top:0; *height:486px; 2024-12-17 #791 Q11067 박스높이 유동적(현업요청)*/ z-index:2; border-radius:6px; box-shadow:0 16px 32px 0 rgba(0,0,0,0.24);}/* 2024-12-17 Q10547 수정 */
.box_card_bundle.active .form_plate_card {visibility:visible;}
.box_card_bundle .form_plate_card .box {position:relative; opacity:0;padding:16px 5.2% 20px; box-sizing:border-box;/*height:100%; 2024-12-17 #791 Q11067 박스높이 유동적(현업요청)*/}
.box_card_bundle .form_plate_card .box .form_bundle {margin-top:0;}
.box_card_bundle .form_plate_card .gpcc_btn_area {  position:absolute !important; left:0 !important; bottom:-120px !important; width:100% !important; margin:0;padding-bottom:16px;}
.form_card_wrap + .gpcc_btn_area{padding-bottom:16px;}
.box_card_bundle .form_plate_card .box + .gpcc_btn_area{width:114% !important;margin-left:-7%;}
.box_card_bundle.active .form_plate_card {z-index:11; }
.box_card_bundle.active .form_plate_card .box {transition-delay:0.2s; opacity:1; }
.box_card_bundle.active .form_plate_card .gpcc_btn_area {transition-delay:0.6s; opacity:1;}

.card_PLCC .gpcc_btn_area.card_bottom_btn {margin-top:64px;padding-bottom:16px;}/* 2024-12-17 Q10547 수정 */
.card_bottom_btn{margin:24px 0 0 0;width:100%;position:absolute;left:0;}
.card_bottom_btn a{display:inline-block;margin:0 auto;width:100%;max-width:343px;}

.intro_cont .card_spin_box .card_cnt2{position:relative;width:200px;height:auto;margin:0 auto;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);background-color:transparent;transform-style:preserve-3d;transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4),-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);}
.intro_cont .card_spin_box .card_cnt2 .card{position:relative;left:0;top:0;width:200px;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden; -webkit-transition:top .25s;transition:top .25s;left:calc(50% - 100px);top:0;background-color:none;border-radius:8px;}
.intro_cont .card_spin_box .card_cnt2 .b_card{position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.intro_cont .card_spin_box .card_cnt2.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

.overseas_pay.overseas_pay2 .box_white{height:auto;min-height:48px;background:#fafafa;border:0 !important;}
.overseas_pay .box_white .custom_radio,
.overseas_pay .box_white .custom_radio input[type="radio"] + label {display:block;padding-left:0;line-height:46px;}
.overseas_pay .box_white .custom_radio input[type="radio"] + label:before {width:0; height:0; background:none;} /*2023-01-09 Q11067 메탈플레이트 토글 ios공통추가 - background초기화*/
.overseas_pay .box_white .custom_radio input[type="radio"] + label span.logo {position:absolute; top:8px; left:-10px; width:52px; height:28px; background:url('../images/img_visa.png') center no-repeat; background-size:36px 12px; color:transparent;text-indent:-999em;}
.overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"] + label span.logo {position:absolute;top:9px;top:50%;transform:translateY(-50%);left:-10px;width:52px;height:28px;background:url('../images/img_visa.png') center no-repeat;background-size:36px 12px;color:transparent;}
.overseas_pay .box_white.master .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_master.png'); background-size:30px 20px;}
.overseas_pay .box_white.union .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_union.png'); background-size:29px 18px;}
.overseas_pay .box_white.amex .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_amex.png'); background-size:52px 28px;}
.overseas_pay .box_white.only_nation .custom_radio input[type="radio"] + label span.logo {background-image:url('../images/img_regularcard.png'); background-size:28px 21px;}
.overseas_pay .box_white .custom_radio input[type="radio"] + label span.logo + span {padding-left:54px; color:rgba(0,0,0,0.48); font-size:16px; line-height:22px;}
.overseas_pay .box_white .custom_radio input[type="radio"] + label span.logo + span.lineTwo {padding-left:54px;color:rgba(0,0,0,0.64);font-size:16px;line-height:20px;display:inline-block;padding:14px 0 12px 54px;word-break:keep-all;}
.overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"] + label span.logo + span.lineTwo {padding:16px 0 16px 54px;}
.overseas_pay .box_white .custom_radio input[type="radio"]:checked + label span.logo + span {color:#000; font-weight:bold;}
.overseas_pay .box_white .custom_radio input[type="radio"]:checked + label:before {content:''; position:absolute; top:6px; right:-2px; left:auto; width:32px; height:32px; background:url('../images/ico_CheckB.png') center no-repeat; background-size:32px;}
.overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"]:checked + label:before{display:none;}
.overseas_pay.overseas_pay2 .box_white .custom_radio input[type="radio"]:checked + label .lineTwo{color:rgba(0,0,0,0.64);font-weight:normal;}

.overseas_pay.big .box_white + .box_white {margin-top:8px;}
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label {/* padding:11px 12px 9px 18px; */ padding:21px 12px 19px 18px; border:1px solid #ebebeb; border-radius:8px; line-height:22px;} /* 2026-04-16 Q11812 #1544_PLCC_다크패턴 과제_UI변경 및 해외 결제 항목 삭제(국내겸용 브랜드 라디오 위아래 여백수정) */
.overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label {border:1px solid #000;}
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span.logo {left:10px; top:50%; transform:translateY(-50%); background-size:43px 14px;}
.overseas_pay.big .box_white.master .custom_radio input[type="radio"] + label span.logo {background-size:38px 24px;}
.overseas_pay.big .box_white.union .custom_radio input[type="radio"] + label span.logo {background-size:38px 25px;}
.overseas_pay.big .box_white.amex .custom_radio input[type="radio"] + label span.logo {background-size:38px 25px;}
.overseas_pay.big .box_white.only_nation .custom_radio input[type="radio"] + label span.logo {background-size:35px 27px;}
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span.logo + span {color:#000;}
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span {display:block; font-weight:bold;}
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span .price,
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span .desc {margin-top:2px; font-size:14px; font-weight:400;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .overseas_pay.big .box_white .custom_radio input[type="radio"] + label span .desc {font-weight:400;}*/
.overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label:before {right:18px; top:50%; transform:translateY(-50%); background-size:32px;}

.cha_txt{font-size:16px;line-height:26px;}
p.box_white{background:#fff;border-radius:4px;border:0 !important;font-size:14px;color:rgba(0,0,0,.64);line-height:20px;padding:11px 16px 11px 16px !important;height:auto !important;}

.fee_txt{color:rgba(0,0,0,.48);font-size:14px;line-height:22px;margin-top:12px;}
.star_bomb .fee_txt,.foggy_planet .fee_txt{color:rgba(255,255,255,.48);}

/* 연회비 정보 팝업 */
.layer_annual_fee {margin-top:-8px;}
.layer_annual_fee li {padding:11px 8px; height:68px; border-bottom:1px solid rgba(0,0,0,.04); box-sizing:border-box;}
.layer_annual_fee li > span {display:inline-block; vertical-align:middle;}
.layer_annual_fee li span {color:#000; letter-spacing:0; line-height:22px;}
.layer_annual_fee li .icon {margin-right:8px; width:52px; height:28px; color:transparent; background:url('../images/img_visa.png') center no-repeat; background-size:43px 15px;}
.layer_annual_fee li .icon.master {background-image:url('../images/img_master.png'); background-size:38px 24px;}
.layer_annual_fee li .icon.union {background-image:url('../images/img_union.png'); background-size:37px 24px;}
.layer_annual_fee li .icon.amex {background-image:url('../images/img_amex.png'); background-size:60px 33px;}
.layer_annual_fee li .icon.only_nation {background-image:url('../images/img_regularcard.png'); background-size:35px 26px;}
.layer_annual_fee li .txt {font-weight:bold; font-size:16px;}
.layer_annual_fee li .price {display:block; margin-top:2px; font-size:14px;}
.layer_popup.bottom_sheet .layer_content .txt_info {margin-top:12px; font-size:14px; color:rgba(0,0,0,0.48); letter-spacing:0; line-height:22px;}

/* box switch */
.toggle_bundle {position:relative; height:48px; padding:0 16px; background-color:#fff; border-radius:5px; box-sizing:border-box;}
.toggle_bundle .toggle_title {font-size:16px; color:#000; line-height:44px;}
.toggle_bundle .toggle_switch {position:absolute; top:50%; right:8px;height:28px; margin-top:0 !important;transform:translate(0, -50%);}
.toggle_bundle.toggle_bundle2 .toggle_switch {position:absolute; top:50%; right:8px; margin-top:-7px;transform:translate(0, -50%);}
.safari .toggle_bundle .toggle_switch {margin-top:-2px;}
.safari .toggle_bundle.toggle_bundle2 .toggle_switch {margin-top:-7px;}
.toggle_bundle.white {padding:0; border-radius:0;}
.toggle_bundle.border {height:56px; border:2px solid #f5f5f5;}
.toggle_bundle.border .toggle_title {line-height:52px;}
.toggle_bundle.border .toggle_switch {margin-top:-3px;}
.safari .toggle_bundle.border .toggle_switch {margin-top:-2px;}
.toggle_bundle.bg_gray {padding:19px 20px 16px; height:auto; background-color:rgba(0,0,0,0.04);}
.toggle_bundle.bg_gray .toggle_title {line-height:22px;}
.toggle_bundle.bg_gray .toggle_switch {top:30px; margin-top:0;}
.toggle_bundle.bg_gray .desc {margin-top:20px; font-size:14px; color:rgba(0,0,0,0.48); line-height:20px;}
.toggle_switch .custom_check input[type="checkbox"] + label {cursor:pointer; color:transparent; width:48px; height:28px; background:rgba(0,0,0,0.12); display:block; border-radius:100px; position:relative; padding-left:0; transition:0.3s;text-indent:-999em;}
.toggle_switch .custom_check input[type="checkbox"] + label:before {display:none;}
.toggle_switch .custom_check input[type="checkbox"] + label.over:after, .toggle_switch .custom_check input[type="checkbox"] + label:focus:after {outline:none;}
.toggle_switch .custom_check input[type="checkbox"] + label:after {display:block !important; content:''; position:absolute; top:2px; left:2px; margin-top:0; background:none; width:24px; height:24px; background:#fff; border-radius:90px; transition:0.3s;}
.toggle_switch .custom_check input[type="checkbox"]:checked + label {background:#000;}
.toggle_switch .custom_check input[type="checkbox"] + label:active:after {width:24px;}

/* 2023-01-09 Q11067 메탈플레이트 토글 ios공통추가 (plcc_kalt3.css 참고)*/
.toggle_switch .custom_check {overflow:hidden;width:48px;height:28px;}
.toggle_switch .custom_check input[type="checkbox"] {left:0;top:unset;width:48px;height:28px;}
.toggle_switch .custom_check input[type="checkbox"]:checked + label:after {left:22px;transition:left 0.3s;transform:none;}

/* 2023-01-09 Q11067 메탈플레이트 후불교통 기능 앞 아이콘 공통추가 */
.form_card_bundle .sec_body.plate .toggle_bundle .toggle_title .icon {display:inline-block;vertical-align:middle;margin:0 6px 0 -8px;width:16px;height:16px;background:url(/plcc/m/images/ico_step.png)0 0 no-repeat;background-size:16px;}

/* the green 플레이트 팝업 & 카드 신청 실패 */
.box_thegreen {margin-top:20px; padding:19px 16px 20px; background:rgba(0,0,0,0.04); border-radius:8px;}
.box_thegreen .title {margin-top:0; font-size:14px; color:#008C15; line-height:20px;}
.box_thegreen .caution {margin-top:0; font-size:14px; color:#FF0000; line-height:20px;}
.box_thegreen .caution:before {content:''; display:inline-block; vertical-align:-1px; width:14px; height:12px; margin-right:4px; background:url('../images/ico_Alert_Red.png') no-repeat 0 0; background-size:cover;}
.box_thegreen span {display:block; margin-top:5px; font-size:16px; color:#000; text-align:center; line-height:26px; font-weight:bold;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .layer_popup .box_thegreen span {font-weight:bold;}*/

.CPCCA0142_01 .gpcc_top_title.medium + .h2_desc.type02 {margin-top:-8px;}
.h2_desc.type02 + .desc_black {margin-top:40px;}
.h2_desc.type02 ~ .box_thegreen {margin-top:16px;}

/* 카드대금 */
.box_myaccount {margin:29px 0 40px 0;}
.box_myaccount h3.title {font-size:16px; font-weight:bold; color:#000; line-height:22px;}
.box_myaccount .my_account {display:flex; display:-webkit-flex; margin-top:13px; padding:19px 0;background:#fafafa;border-radius:8px;box-shadow:0px 2px 4px rgba(0,0,0,.08);}
.box_myaccount .my_account .logo_area {width:100px; height:54px; overflow:hidden; background:url('../images/spr_cardlogo.png') no-repeat; background-size:600px auto; color:transparent;background-position:80px 0;}
.box_myaccount .my_account .account_area {width:calc(100% - 100px);}
.box_myaccount .my_account .account_area .name {display:block; font-size:14px; color:#000; line-height:20px;}
.box_myaccount .my_account .account_area .myaccount {display:block; font-size:24px; color:#000; line-height:32px; font-weight:bold; /*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제)font-family:'San Francisco','SF Pro Display', 'Noto Sans KR';*/}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .box_myaccount .my_account .account_area .myaccount {display:block; font-size:24px; color:#000; line-height:32px; font-weight:bold; font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display';}*/
.gpcc_btn_area .btn.icon_tel:before {display:inline-block; vertical-align:-2px; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/ico_Phone_white.png') 0 0 no-repeat; background-size:cover;} /* 2025-08-01 Q11812 #1128_PLCC_미래에셋 간소화 전화 퍼블 추가 수정 요청의 건 */
.layer_popup.bottom_sheet .layer_wrap .layer_content .box_myaccount .my_account {margin-bottom:5px;}
@media all and (max-width:320px) {
  .box_myaccount .my_account .account_area .myaccount {font-size:18px;}
}

/* 카드대금 - 로고 */
.box_myaccount .my_account .logo_area.kb{background-position:-200px -22px;}
.box_myaccount .my_account .logo_area.shinhan {background-position:-300px -22px;}
.box_myaccount .my_account .logo_area.woori {background-position:-400px -22px;}
.box_myaccount .my_account .logo_area.nh {background-position:-500px -22px;}
.box_myaccount .my_account .logo_area.hana {background-position:0 -122px;}
.box_myaccount .my_account .logo_area.ibk {background-position:-100px -122px;}
.box_myaccount .my_account .logo_area.sc {background-position:-200px -122px;}
.box_myaccount .my_account .logo_area.bnk {background-position:-300px -122px;}
.box_myaccount .my_account .logo_area.dgb {background-position:-400px -122px;}
.box_myaccount .my_account .logo_area.post {background-position:-500px -122px;}
.box_myaccount .my_account .logo_area.kakao {background-position:0 -222px;}
.box_myaccount .my_account .logo_area.kfcc {background-position:-100px -222px;}
.box_myaccount .my_account .logo_area.kbj {background-position:-200px -222px;}
.box_myaccount .my_account .logo_area.city {background-position:-300px -222px;}
.box_myaccount .my_account .logo_area.kdb {background-position:-400px -222px;}
.box_myaccount .my_account .logo_area.kbank {background-position:-500px -222px;}
.box_myaccount .my_account .logo_area.shinhyup {background-position:0 -322px;}
.box_myaccount .my_account .logo_area.sh {background-position:-100px -322px;}
.box_myaccount .my_account .logo_area.sb {background-position:-200px -322px;}
.box_myaccount .my_account .logo_area.nfcf {background-position:-300px -322px;}
.box_myaccount .my_account .logo_area.deutsche {background-position:-400px -322px;}
.box_myaccount .my_account .logo_area.icbc {background-position:-500px -322px;}
.box_myaccount .my_account .logo_area.hsbc {background-position:0 -422px;}
.box_myaccount .my_account .logo_area.myasset {background-position:-100px -422px;}
.box_myaccount .my_account .logo_area.mirae {background-position:-200px -422px;}
.box_myaccount .my_account .logo_area.samsung {background-position:-300px -422px;}
.box_myaccount .my_account .logo_area.meritz {background-position:-400px -422px;}
.box_myaccount .my_account .logo_area.daishin {background-position:-500px -422px;}
.box_myaccount .my_account .logo_area.truefriend {background-position:0 -522px;}
.box_myaccount .my_account .logo_area.sk {background-position:-100px -522px;}
.box_myaccount .my_account .logo_area.hiib {background-position:-200px -522px;}
.box_myaccount .my_account .logo_area.hanwa {background-position:-300px -522px;}
.box_myaccount .my_account .logo_area.db {background-position:-400px -522px;}
.box_myaccount .my_account .logo_area.hyundai {background-position:-500px -522px;}
.box_myaccount .my_account .logo_area.kyobo {background-position:0 -622px;}
.box_myaccount .my_account .logo_area.bookook {background-position:-100px -622px;}
.box_myaccount .my_account .logo_area.shinyoung {background-position:-200px -622px;}
.box_myaccount .my_account .logo_area.eugene {background-position:-300px -622px;}
.box_myaccount .my_account .logo_area.ebest {background-position:-400px -622px;}
.box_myaccount .my_account .logo_area.cape {background-position:-500px -622px;}
.box_myaccount .my_account .logo_area.kiwoom {background-position:0 -722px;}
.box_myaccount .my_account .logo_area.toss {background-position:-90px -726px;} /* 2022-12-19 Q10547 토스뱅크 아이콘 수정 */

.certified_bundle .gpcc_tab_wrap{margin-bottom:0;}
.certified_bundle .text_area {margin-bottom:12px;}
.certified_bundle .text_area .step {display:block; font-size:12px; font-weight:bold; color:#000;margin-bottom:3px;}
.certified_bundle .text_area .desc {display:block; font-size:16px; color:#000; line-height:26px;}
.certified_bundle .terms_wrap {margin-top:12px;}
.certified_bundle .agree_bundle.single .custom_check.first {padding-top:16px;}
.certified_bundle .gpcc_tab_wrap .gpcc_tab_cont:last-child .text_area {margin-bottom:16px;}

/* 2023-02-23 Q11060 #276_GPCC_PLCC_출금동의_네이버 인증 추가::체크아이콘 없는 약관동의 유형 */
.certified_bundle .agree_bundle.single .custom_check.no_chk {padding-left:48px; padding-top:0; padding-bottom:0;}
.certified_bundle .agree_bundle.single .custom_check.no_chk .btn_pop_arrow {top:0;}
.certified_bundle .agree_bundle.single .custom_check.no_chk + .no_chk {margin-top:8px; }
.certified_bundle .agree_bundle.single .custom_check.no_chk:last-child {margin-bottom:20px;}
.certified_bundle .custom_check.no_chk input[type="checkbox"] + label {padding-left:0; font-size:14px;}
.certified_bundle .custom_check.no_chk input[type="checkbox"] + label::before {display:none;}
.certified_bundle .gpcc_btn_area .complete_txt {width:100%; font-size:14px; line-height:20px; text-align:center; color:rgba(0, 0, 0, .64);}
.certified_bundle .btn.btn_arrow.black::after {opacity:1;}

/* 은행·증권사 카드대금 */
.gpcc_withdraw_wrap {margin:29px -6.4% 0;}
.gpcc_withdraw_tit {padding:0 6.4%; font-size:16px; color:#000; letter-spacing:0; line-height:22px;}
.gpcc_withdraw_list {margin:9px 0 50px;}
.gpcc_withdraw_list li {position:relative; width:33%; margin-right:1px; text-align:center;}
.gpcc_withdraw_list li:nth-child(2n+1) {margin-right:0;}
.gpcc_withdraw_list li:first-child {margin-right:1px;}
.gpcc_withdraw_list li a {display:block; padding:60px 0 20px;color:rgba(0,0,0,.64);font-size:14px;}
.gpcc_withdraw_list li a:before {content:''; position:absolute; top:-7px; left:50%; transform:translate(-50%, 0); width:80px; height:80px; background:url('../images/spr_cardlogo.png') no-repeat 0 0; background-size:480px auto;}
.gpcc_withdraw_list li > span {font-size:14px; color:rgba(0,0,0,0.64); letter-spacing:0; line-height:20px;}
.gpcc_withdraw_list li.kb a:before {background-position:-160px 0;}
.gpcc_withdraw_list li.shinhan a:before {background-position:-240px 0;}
.gpcc_withdraw_list li.woori a:before {background-position:-320px 0;}
.gpcc_withdraw_list li.nh a:before {background-position:-400px 0;}
.gpcc_withdraw_list li.hana a:before {background-position:0 -80px;}
.gpcc_withdraw_list li.ibk a:before {background-position:-80px -80px;}
.gpcc_withdraw_list li.sc a:before {background-position:-160px -80px;}
.gpcc_withdraw_list li.bnk a:before {background-position:-240px -80px;}
.gpcc_withdraw_list li.dgb a:before {background-position:-320px -80px;}
.gpcc_withdraw_list li.post a:before {background-position:-400px -80px;}
.gpcc_withdraw_list li.kakao a:before {background-position:0 -160px;}
.gpcc_withdraw_list li.kfcc a:before {background-position:-80px -160px;}
.gpcc_withdraw_list li.kbj a:before {background-position:-160px -160px;}
.gpcc_withdraw_list li.city a:before {background-position:-240px -160px;}
.gpcc_withdraw_list li.kdb a:before {background-position:-320px -160px;}
.gpcc_withdraw_list li.kbank a:before {background-position:-400px -160px;}
.gpcc_withdraw_list li.shinhyup a:before {background-position:0 -240px;}
.gpcc_withdraw_list li.sh a:before {background-position:-80px -240px;}
.gpcc_withdraw_list li.sb a:before {background-position:-160px -240px;}
.gpcc_withdraw_list li.nfcf a:before {background-position:-240px -240px;}
.gpcc_withdraw_list li.deutsche a:before {background-position:-320px -240px;}
.gpcc_withdraw_list li.icbc a:before {background-position:-400px -240px;}
.gpcc_withdraw_list li.hsbc a:before {background-position:0 -320px;}
.gpcc_withdraw_list li.myasset a:before {background-position:-80px -320px;}
.gpcc_withdraw_list li.mirae a:before {background-position:-160px -320px;}
.gpcc_withdraw_list li.samsung a:before {background-position:-240px -320px;}
.gpcc_withdraw_list li.meritz a:before {background-position:-320px -320px;}
.gpcc_withdraw_list li.daishin a:before {background-position:-400px -320px;}
.gpcc_withdraw_list li.truefriend a:before {background-position:0 -400px;}
.gpcc_withdraw_list li.sk a:before {background-position:-80px -400px;}
.gpcc_withdraw_list li.hiib a:before {background-position:-160px -400px;}
.gpcc_withdraw_list li.hanwa a:before {background-position:-240px -400px;}
.gpcc_withdraw_list li.db a:before {background-position:-320px -400px;}
.gpcc_withdraw_list li.hyundai a:before {background-position:-400px -400px;}
.gpcc_withdraw_list li.kyobo a:before {background-position:0 -480px;}
.gpcc_withdraw_list li.bookook a:before {background-position:-80px -480px;}
.gpcc_withdraw_list li.shinyoung a:before {background-position:-160px -480px;}
.gpcc_withdraw_list li.eugene a:before {background-position:-240px -480px;}
.gpcc_withdraw_list li.ebest a:before {background-position:-320px -480px;}
.gpcc_withdraw_list li.cape a:before {background-position:-400px -480px;}
.gpcc_withdraw_list li.kiwoom a:before {background-position:0 -560px;}
.gpcc_withdraw_list li.toss a:before {background-position:-78px -560px;} /* 2022-12-19 Q10547 토스뱅크 아이콘 수정 */

/* 출금 */
.withdrawal_wrap {margin-top:-3px;position:relative;z-index:8;}
.withdrawal_wrap .title {display:block; margin-bottom:13px; font-size:16px; font-weight:bold; color:#000; line-height:22px;}
.withdrawal_wrap .date_list {justify-content:space-between; margin:0 0 14px 0;}
.withdrawal_wrap .date_list li {width:24.2%;}
.withdrawal_wrap .date_list li.fixed{width:100%;margin-bottom:0;}
.withdrawal_wrap .text_desc_area > .desc {display:none; font-size:16px; color:#000; line-height:26px;}
.withdrawal_wrap .text_desc_area > .desc.active {display:block;}
.withdrawal_wrap .flex_bundle_list li .custom_radio input[type="radio"] + label:before {border:1px solid #ebebeb;}
.withdrawal_wrap .flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border:2px solid #000;}
.withdrawal_wrap .date_list ~ .gpcc_btn_area.fixed{width:91.47%;margin:0;}
.withdrawal_wrap .date_list ~ .gpcc_btn_area .btn{visibility:hidden;}
.withdrawal_wrap .date_list ~ .gpcc_btn_area .btn.active{visibility:visible;}
.price_list {margin-top:0; justify-content:space-between;}
.price_list li {margin-bottom:0;}

/* 카드 한도 */
.direct_input {display:none; margin-top:20px;}
.direct_input .title {display:block; margin-bottom:0; font-size:16px; font-weight:normal; color:#000; line-height:26px;}
.direct_input.active {display:block;}
.direct_input .custom_input input[type="text"],
.direct_input .custom_input input[type="tel"] {font-weight:bold; /*border-bottom:2px solid #000;*/}
.direct_input .custom_input.error input[type="text"],
.direct_input .custom_input.error input[type="tel"] {border-bottom:2px solid #ff0000;}

.box_info_limit {padding:20px 20px 0 20px; background-color:#D3EFF2; border-radius:8px;}
.box_info_limit .text_top {font-size:16px; color:#000; line-height:24px; font-weight:bold;}
.box_info_limit .text_bottom {padding:7px 0 20px 0; font-size:16px; color:#000; line-height:22px;}
.box_info_limit .btn_arrow {display:block; position:relative; padding:17px 0; height:56px; color:#00A3B8; line-height:22px; font-size:16px; text-align:center;font-weight:bold;box-sizing:border-box;}
.box_info_limit .btn_arrow:after {vertical-align:top; margin-top:3px; background:url('../images/ArrowB_Forward_Mint.png') no-repeat center; background-size:100%; width:16px; height:16px; opacity:1;}
.safari .box_info_limit .btn_arrow:after {margin-top:4px;}

.box_info_limit .btn_arrow:before {content:''; position:absolute; top:0; left:-20px; padding:0 20px; width:100%; height:1px; background-color:rgba(255,255,255,.64);}
.box_info_limit .btn_arrow span {vertical-align:top;}
.direct_input.direct_input2 .custom_input{font-weight:bold; border-bottom:1px solid;}
.direct_input.direct_input2 .custom_input input{width:30px;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제) .safari .direct_input.direct_input2 .custom_input input {font-weight:bold;} */
.direct_input.direct_input2 .custom_input .won{display:inline-block;position:relative;left:0;top:0;margin-top:10px;vertical-align:middle;}

/* 리볼빙 */
.box_revolving {margin-top:40px; margin-bottom:110px;}
.box_info_complete {background-color:#f5f5f5; padding:24px 20px 0 20px; border-radius:8px;}
.box_info_complete .text_top {padding-bottom:24px; text-align:center; font-size:16px; color:#000; line-height:24px; font-weight:bold;}
.box_info_complete .btn_arrow {display:block; position:relative; padding:17px 0; height:56px; color:rgba(0,0,0,0.64); line-height:22px; font-size:16px; text-align:center;box-sizing:border-box;font-weight:bold;}
.box_info_complete .btn_arrow:before {content:''; position:absolute; top:0; left:-20px; padding:0 20px; width:100%; height:1px; background-color:rgba(255,255,255,.4);}
.box_info_complete .btn.btn_arrow:after {vertical-align:top; margin-top:3px; opacity:0.4;}
.safari .box_info_complete .btn.btn_arrow:after {margin-top:4px;}
.box_info_complete .btn_arrow span {vertical-align:top;}

.revolving_wrap {position:relative; padding-top:20px;/*border-bottom:1px solid rgba(0,0,0,.04);*/}
.revolving_wrap + .revolving_wrap {border-top:1px solid rgba(0,0,0,.04);}
/* .revolving_wrap:last-child{border-bottom:0;} */
.brand_box{border-bottom:1px solid rgba(0,0,0,.04);padding-bottom:44px;}
/* .brand_box + .revolving_wrap {padding-top:10px;border-bottom:0} */
.brand_box .h3_title{margin-top:17px;}
.revolving_wrap .item_bundle {position:relative; padding-bottom:33px;}
.revolving_wrap .item_bundle + .item_bundle {padding-top:20px; border-top:1px solid #f5f5f5;}
.revolving_wrap .item_bundle.line .bullet_list {margin-top:19px;}
.revolving_wrap .item_bundle .btn_arrow {display:block; position:relative; margin-top:15px; font-size:14px; color:#000; line-height:20px; font-weight:bold;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제) .safari .revolving_wrap .item_bundle .btn_arrow span{font-weight:bold;} */

.revolving_wrap .item_bundle .btn_arrow:after {display:inline-block; opacity:1; /*content:">"; margin-left:8px;*/}
.revolving_wrap .select_area:after {content:''; display:block; clear:both;}
.revolving_wrap .select_area .custom_select {width:49%;float:left;}
.revolving_wrap .select_area .custom_select:last-child {width:calc(49% - 7px);margin-left:7px;}
.revolving_wrap .select_area .custom_select label {color:rgba(0,0,0,0.4)}

/* 연회비 캐시백 간격 */
.h3_title.half + .revolving_wrap {margin-top:21px; padding-top:0;}
.revolving_wrap + .h3_title {margin-top:30px;}
.h2_desc.type02 + .gpcc_btn_area {margin-top:32px;}

/* 이용대금 - 현대카드 앱 */
.app_info_wrap {position:relative; margin-top:53px;}
.app_info_wrap:after {display:block; content:""; clear:both;}
.app_info_wrap .top_bundle,
.app_info_wrap .middle_bundle {position:relative;} /* 2023-01-17 Q10941 middle_bundle 추가 */
.app_info_wrap .top_bundle p {padding-right:75px; font-weight:bold; font-size:16px; line-height:22px; color:#000;}
.app_info_wrap .top_bundle .btn {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.app_info_wrap .top_bundle .btn.btn_arrow:after {opacity:.4;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제) .safari .app_info_wrap .top_bundle .btn.btn_arrow:after {opacity:.4;} */

.app_info_wrap .middle_bundle {font-size:14px; color:rgba(0,0,0,0.64); line-height:22px;} /* 2023-01-17 Q10941 middle_bundle 추가 */
.app_info_wrap .toggle_bundle {border-bottom:1px solid #f5f5f5;}
.app_info_wrap .btn_other {float:right;padding:11px 0 9px;margin-top:4px;}
.app_info_wrap .al_r span{vertical-align:top;}
.app_info_wrap .al_r:after{vertical-align:top;margin-top:3px;opacity:.4;}
.safari .app_info_wrap .al_r.btn.btn_arrow.gray:after{opacity:.4;margin-top:2px;}

.app_info_wrap .toggle_bundle {margin-top:13px; min-height:56px;}
.app_info_wrap .toggle_bundle.white .toggle_title {font-weight:inherit;}
.app_info_wrap .toggle_bundle.bg_gray .toggle_switch {top:28px; right:16px;}

.flex_bundle_list.service_list {margin:0 0 22px 0;}
.service_list li {width:32.3%; margin-left:1%; align-items:stretch;}
.service_list li:nth-child(3n+1) {margin-left:0;}
.service_list li .custom_radio {height:100%;}
.service_list li .custom_radio input[type="radio"] + label {min-height:60px; flex-wrap:wrap; text-align:center; height:100%;}
.service_list li:last-child .custom_radio input[type="radio"] + label {line-height:40px;}
.flex_bundle_list.service_list li.last:last-child .custom_radio input[type="radio"] + label {line-height:normal;}

.text_applogin, .text_alert, .text_kakaologin {display:none; /*margin:20px 0 7px;*/ font-size:14px; color: rgba(0,0,0,0.64); line-height:22px;}/* 2026-05-22 Q11796 #1575_PLCC_다크패턴 과제_디폴트 제거 및 버튼 수정 */
.btn_small_area a {display:block;}
.btn_small_area .btn.js_guide, .btn_small_area .btn.js_terms {display:none;}

/* 이용대금 - 기존 */
.img_App_area {margin:56px 0 40px 0;}
.img_App_area .app_logo {position:relative; display:block; margin:0 auto; padding-top:76px; font-size:14px; line-height:20px; text-align:center; color:rgba(0,0,0,0.64);}
.img_App_area .app_logo:before {display:block; content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:64px; height:64px; background:url(../images/bg_App_icon.png) 0 0 no-repeat; background-size:cover;}
.img_App_area ~ .btn.btn_arrow.gray {margin-bottom:152px;}
.img_App_area ~ .btn.btn_arrow:after {opacity:0.4;}

/* 정보불러오기 */
.my_info_wrap {margin-top:4px;}
.my_info_wrap ul li {border-top:1px solid #f5f5f5;}
.my_info_wrap ul li:first-child{border-top:0;}
.my_info_wrap ul li .custom_check {width:100%;}
.my_info_wrap ul li .custom_check input[type="checkbox"] + label {display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; padding:13px 0 13px 24px; font-size:14px;}
.my_info_wrap ul li .custom_check input[type="checkbox"] + label:before {top:13px; width:24px; height:24px; background:url('../images/ico_CheckB_24.png'); background-size:24px;}
.my_info_wrap ul li .custom_check input[type="checkbox"] + label .title {margin-left:2px; width:90px;}
.my_info_wrap ul li .custom_check input[type="checkbox"] + label .desc {width:calc(100% - 90px);}
.gpcc_search_wrap {position:relative; margin-top:14px;}
.gpcc_search_wrap .gpcc_search_result{width:100%;/*height:calc(100% - 56px);*/height:100%;overflow-y:scroll;}
.gpcc_search_wrap .gpcc_input_area .custom_input input {font-weight:bold; border-bottom:2px solid #000;}
.gpcc_search_wrap .gpcc_input_area .custom_input input::placeholder {font-weight:500;}
/* 0624 .gpcc_search_wrap .gpcc_input_area .custom_input input[type="search"] {font-weight:bold; border-bottom:2px solid #000;}*/
.gpcc_search_wrap .gpcc_input_area .custom_input input.on {font-weight:bold; border-bottom:1px solid rgba(233, 152, 152, 0.12)}
.gpcc_search_wrap .gpcc_input_area .custom_input input + .btn_delete{display:none;}
.gpcc_search_wrap .gpcc_input_area .custom_input input.on + .btn_delete{display:block;}
.custom_input .btn_delete {position:absolute; right:0; top:22px; width:22px; height:22px; background:url(../images/ico_XO.png) 0 0 no-repeat; background-size:cover;opacity:1;}
.custom_input .btn_delete span {color:transparent;}
.text.gray.small.half.kcb ~ .btn.btn_arrow.blue {margin-top:8px !important; font-weight:bold;}
.text.gray.small.half.kcb ~ .btn.btn_arrow.blue:after {margin-top:-2px;}
.text.gray.small.half.kcb ~ .btn.btn_arrow.blue span {vertical-align:top;}

/* 10 - 상세구분 */
.gpcc_top_title.medium + .form_bundle_wrap {margin-top:40px;}
.sec_category {position:relative;}
.detailLine_list li {width:100%;}
.detailLine_list li:last-child {margin-bottom:0;}
.detailLine_list.flex_bundle_list li .custom_radio input[type="radio"] + label {font-size:14px;}
.business_list {justify-content:space-between;}
.business_list li {width:32.7%;}
.business_list li:nth-child(4),
.business_list li:nth-child(5),
.business_list li:nth-child(6) {margin-bottom:0;}
.business_list.flex_bundle_list li .custom_radio input[type="radio"] + label {height:52px; font-size:14px; line-height:52px;}
.business_list.flex_bundle_list li:last-child .custom_radio input[type="radio"] + label {padding:6px 5px; text-align:center; line-height:20px;}
@media all and (max-width:320px) {
  .business_list li {width:49%;}
}
@media all and (min-width:365px) {
  .business_list.flex_bundle_list li:last-child .custom_radio input[type="radio"] + label {line-height:40px;}
}
.category_bundle{position:relative;}/*소득유형 에러메세지 0810*/
.category_bundle .gpcc_tab_wrap {margin-bottom:40px;}
.gpcc_tab_wrap .married .tab_nav.col4 li{margin-bottom:0;}

/* 직장 팝업 */
.my_business_list {height:calc(100% - 113px - 112px -26px);max-height:none;overflow-y:auto; margin-top:24px;}
.my_business_list li a {position:relative; display:block; padding:14px 12% 14px 0; border-bottom:1px solid #f5f5f5;}
.my_business_list.mar_t0 li:first-child a {padding-top:0;}
.my_business_list li:last-child a {border-bottom:0;}
.my_business_list li a:before {display:none; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:32px; height:32px; background:url(../images/ico_CheckB.png) 0 0 no-repeat; background-size:cover;}
.my_business_list li a.active:before {display:block;}
.my_business_list li a .title {display:block; font-size:20px; color:#000; line-height:26px; font-weight:normal;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제).safari .my_business_list li a .title {font-weight:normal;}*/
.my_business_list li a .my_address {display:block; margin-top:4px; font-size:14px; color:rgba(0,0,0,0.48); line-height:20px;}
.my_business_list strong{font-weight:normal;}
/* #companySearch .layer_wrap .layer_footer .gpcc_btn_area.full .btn + .btn {height:auto; line-height:100%; padding-top:20px; border-left:none; border-radius:8px;} */

/* 주소 팝업 */
.gpcc_search_result .address_list li {position:relative; padding:18px 0 22px 0; border-bottom:1px solid rgba(0,0,0,0.04);}
.gpcc_search_result .address_list .zipcode {display:block; font-size:16px; color:#000; line-height:22px;}
.gpcc_search_result .address_list .shopname {display:block; font-size:18px; font-weight:bold; color:#000; line-height:24px;} /* 21-09-16 KJH 추가 */
.gpcc_search_result .address_list .address {display:block; margin-top:4px; font-size:16px; color:#000; line-height:22px;}
.gpcc_search_result .address_list .address em {font-style:normal; color:#0070F0; font-weight:bold;}
.gpcc_search_result .address_list .gibun {position:relative; display:block; padding-left:34px; margin-top:4px; font-size:14px; color:rgba(0,0,0,0.48); line-height:20px;}
/* .gpcc_search_result .address_list .gibun:after{display:block;content:"";width:24px;height:24px;position:absolute;right:0;top:-1px;z-index:2;background:url(../images/ico_SearchB.png) 0 0 no-repeat;background-size:cover;} */
.gpcc_search_result .address_list .gibun .label {position:absolute; top:2px; left:0; min-width:30px; padding:0 4px; height:16px; font-size:10px; text-align:center; color:#fff; line-height:16px; background-color:#5C5C5C; border-radius:10px;font-weight:bold;box-sizing:border-box;}
.safari .gpcc_search_result .address_list .gibun .label {line-height:17px;}
#apartSearch .gpcc_search_result .address_list .gibun {padding-left:46px;}
#apartSearch .gpcc_search_result .address_list .gibun .label{padding:0 6px;}
#aptBasicAddr .gibun .label{padding:0 6px;}
#aptBasicAddr .gibun {padding-left:46px;}
/* .gpcc_search_result.detail .address_list > li:first-child {border-bottom:1px solid rgba(0,0,0,0.12);padding-top:8px;padding-bottom:13px;} */
.gpcc_search_wrap + .bullet_list {margin-top:16px;}
.txt_desc {font-weight:bold;font-size:16px;color:#000000;line-height:22px;}
/*2023-09-xx Q11067 #346 금소법(사파리 폰트구분 삭제) .safari .layer_popup .txt_desc {font-weight:bold;}*/
.layer_popup .txt_desc + .custom_input.full {margin-top:25px;}
.gpcc_search_result.detail .address_list li {margin-top:4px; padding-top:0; border-bottom:0;}
.gpcc_search_result.detail .address_list > li + li {margin-top:24px;}

/* 아파트 검색 */
.gpcc_search_wrap + .terms_wrap.bg_gray {margin-top:2px;}
.layer_content .text_black + .form_bundle_wrap {margin-top:24px;}
.gpcc_search_result.apt_detail .address_list .gibun {padding-right:24px;}
.gpcc_search_result.apt_detail {margin-bottom:22px;}
.gpcc_search_result.apt_detail .address_list > li {padding:0; border-bottom:0;}
.gpcc_search_result.apt_detail .address_list > li:first-child {padding:8px 0 13px; margin-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.12);}
.gpcc_search_result.apt_detail .address_list > li:first-child span.gibun:after {content:''; position:absolute; top:-2px; right:0; width:24px; height:24px; background:url('../images/ico_SearchB.png') right 0 no-repeat; background-size:24px;}
.gpcc_search_result.apt_detail .address_list .flex_bundle_list.col2 li {border-bottom:0;}

/* 차량조회 팝업 */
.search_car_area .h3_title {margin-bottom:7px;}
.search_car_area .desc {font-size:16px; color:#000; line-height:26px;}
.search_car_area .desc2 {font-size:16px; color:#000; line-height:26px;}
.search_car_area .gpcc_btn_area {margin-top:12px;width:100%;margin-left:0;}
.search_car_area.married{margin-top:44px;}
.search_car_area.married.mar_t24{margin-top:24px;}
.search_car_area.married > span {font-size:16px; color:#000; line-height:22px;}
.search_car_area.married .gpcc_tab_wrap {margin-top:12px;}
.search_car_area.married .gpcc_tab_wrap.js_tab {margin-top:8px;margin-bottom:40px;}
.search_car_area.married .gpcc_tab_wrap.js_tab li{margin-bottom:0;}

/* 완료 check icon */
.check_wrap .ico_check {display:block; margin:0 auto; width:80px; height:80px; background:url('../images/ico_check.png') center no-repeat; background-size:53px 38px; color:transparent;}
.check_wrap ~ .title_desc {margin-top:0 !important;}

/* 카드비밀번호 */
.card_password_wrap {margin-top:104px; text-align:center;}
.card_password_wrap.type {margin-top:136px;}
.card_password_wrap li {display:inline-block; vertical-align:top; margin:0 8px;; width:16px; height:16px; border:2px solid #000; border-radius:50%; color:transparent;}
.card_password_wrap li.active {background-color:#000;}
.card_password_wrap .error_msg {margin-top:12px; font-size:16px; color:#FF0000; line-height:22px;}
.card_password_wrap .gpcc_btn_area {position:fixed; left:50%; bottom:0; width:91.47%;margin-left:0;margin-bottom:0; transform:translateX(-50%);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-top:constant(safe-area-inset-top);padding-bottom:constant(safe-area-inset-bottom);}

/* 부가서비스 + 리볼빙 */
.text.small02 {margin:-12px 0 0;}
.apply_bundle_list {margin-top:-4px; padding-bottom:135px;}
.apply_bundle_list ~ .floating_btn .gpcc_btn_area{margin-top:0; background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0));}
/* .CPCCA0143_01 .floating_btn + #frm {display:none;}
.apply_bundle_list ~ .floating_btn {padding-bottom:0;} */
.apply_bundle_list li {position:relative; padding:23px 0 17px;}
.apply_bundle_list li + li {border-top:1px solid #f5f5f5;}
.apply_bundle_list li .tit {padding-right:69px; font-size:20px; color:#000;/* letter-spacing:-2px;*/ line-height:26px;}
.apply_bundle_list li .txt {margin-top:5px; font-size:14px; color:rgba(0,0,0,0.48); line-height:22px;}
.apply_bundle_list li .btn.btn_arrow {position:absolute; top:23px; right:0; font-size:16px; font-weight:bold;}
.apply_bundle_list li .btn.btn_arrow:after {vertical-align:middle; width:24px; height:24px; margin-top:1px; opacity:1;}
.address_list .flex_bundle_list.col2 {margin:0;}
.address_list .flex_bundle_list.col2 li {padding:0; margin-bottom:0;}
/* .address_list li .icon_search {display:block; position:absolute; right:5px; bottom:25px; width:100%; height:14px; background:url('../images/ico_SearchB.png') right 0 no-repeat; background-size:14px;}
.address_list li .icon_search:after {content:''; position:absolute; bottom:-12px; left:0; width:100%; height:1px; background:rgba(0,0,0,0.12);} */
.flex_bundle_list.col2.other .custom_input:first-child {width:35%;}
.flex_bundle_list.col2.other .custom_input {width:65%;}
.flex_bundle_list.col2.other .custom_input + .custom_input {/*margin-left:3%;*/margin-left:8px;width:calc(65% - 8px);}
/*.flex_bundle_list li .custom_radio input[type="radio"] + label {padding:9px 5px 8px 5px;}*/
.flex_bundle_list li .custom_radio input[type="radio"] + label {padding:0 5px;height:48px;line-height:48px;font-size:16px;}
.flex_bundle_list.date_list li .custom_radio input[type="radio"] + label {font-size:16px;}
.flex_bundle_list.price_list li .custom_radio input[type="radio"] + label {font-size:16px;}
.flex_bundle_list.service_list li .custom_radio input[type="radio"] + label {padding:0 5px;/*font-size:16px;font-size:3.5vw;*/font-size:14px;color:rgba(0,0,0,.48);height:auto;line-height:normal;}
.flex_bundle_list.service_list li .custom_radio input[type="radio"]:checked + label {color:rgba(0,0,0,1);}
.flex_bundle_list.service_list li:last-child .custom_radio input[type="radio"] + label{line-height:58px;}
.flex_bundle_list li .custom_radio input[type="radio"] + label:before {border-radius:4px; border-color:#ebebeb;}
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000;}
.flex_bundle_list.gpcc_phone_list li .custom_radio input[type="radio"] + label {padding:0 5px;height:40px;line-height:40px;/*font-size:16px;*/font-size:14px;}
/* .layer_popup.full .layer_wrap .layer_footer .gpcc_btn_area.full .btn + .btn + .btn {height:auto; line-height:100%; padding-top:20px; border-left:none; border-radius:8px;} */
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn.gray:last-child {margin-bottom:-20px;}

/* 0610 카드페이지 수정 */
.gpcc_container.starting_card{padding:0 6.4% 8vw; box-sizing:border-box;position:relative;left:0;top:0;width:100%;}
.gpcc_container.starting_card .gpcc_init_title {position:relative; margin-top:16px; height:64px;}
.gpcc_container.starting_card .gpcc_init_title h2{/*font-size:6.4vw;*/ line-height:32px;}
.gpcc_container.starting_card .gpcc_card_area {width:167px; height:auto; overflow:hidden;/*margin:12.8vw auto 0;*/margin:48px auto 0;text-align:center;position:relative;border-radius:3px;box-shadow:0px 16px 32px rgba(0,0,0,.24)}
.card_TPME3 .gpcc_container.starting_card .gpcc_card_area,.card_TPE3 .gpcc_container.starting_card .gpcc_card_area{border-radius:8px;}
.gpcc_container.starting_card .gpcc_card_area .gpcc_card_name{color:#000;font-size:4vw;margin-bottom:5px;position:absolute;left:0;top:6vw;width:100%;text-align:center;}
.gpcc_container.starting_card .gpcc_card_area .gpcc_card_back{color:#fff;font-size:3vw;background:#666;padding:10px;margin-top:15px;display:inline-block;border-radius:15px;position:absolute;left:50%;bottom:2vw;transform:translate(-50%,0);}
.gpcc_container.starting_card .gpcc_btn_area{margin:97px 0 5vw -2%;}
/*.gpcc_container.starting_card .box_link_arrow{margin-top:0;}*/
.gpcc_container.starting_card .box_link_arrow > a{line-height:14vw;}
.gpcc_container.starting_card .box_link_arrow > a:after{top:50%;transform:translate(0,-50%);}

/* 차량번호조회 결과 */
.car_num{margin-top:12px;}
.car_num .custom_input{width:100%;}

/* 하단 플로팅 버튼(레이어팝업 아닌경우) */
.floating_btn{position:fixed;left:0;bottom:0;width:100%;box-sizing:border-box; z-index:7;align-self:flex-end; background:linear-gradient(to top,rgba(255,255,255,1) 74%,rgba(255,255,255,0));padding-top:40px;padding-bottom:20px;}
.floating_btn .gpcc_btn_area{width:92%;margin:0 auto;background:#fff;}
.floating_btn .btn.gray:last-child {margin-bottom:-20px;}

/* 푸본현대생명 */
.layer_popup .layer_wrap .terms_wrap.space2 {margin-top:40px;}

/* 가족 카드 */
.form_bundle_wrap.mar_t20 {margin-top:19px !important;}
.flex_bundle_list.col2.other {margin-bottom:0;}
.flex_bundle_list.col2.other .custom_input input[type="text"] {text-transform:uppercase;}
.layer_popup .layer_content .bullet_list.mt15 + .form_bundle_wrap.mar_t10 {margin-top:28px !important;}

/* 기존회원 - 결제 정보 */
.layer_content .box_myaccount {margin-bottom:0;}

/* 카드 배송지·이용대금명세서 */
.space_15 .gpcc_top_title.medium {margin-bottom:29px;}
.space_15 .h3_title.half {margin-top:29px;}
.space_15 .gpcc_tab_wrap.js_tab {margin-bottom:0;}
.old_address_wrap {margin:29px 0 53px;}

/* 카드 배송지·이용대금명세서 layer_pop */
.layer_space_15 .h3_title.half {margin-top:25px;}
.layer_space_15 .gpcc_tab_wrap.js_tab {margin-bottom:0;}
.layer_space_15 .gpcc_tab_cont .h3_title {margin:24px 0 12px; font-weight:inherit;}
.layer_popup .layer_wrap .layer_space_15 .terms_wrap {margin-top:40px;}
.layer_space_15 .agree_bundle.single .custom_check.first {padding-right:19.3%}
.safari .layer_space_15 .agree_bundle.single .custom_check.first {padding-right:25%}
.layer_space_15 .agree_bundle.single .custom_check.first label {word-break:break-all;}
.layer_space_15 .flex_bundle_list.service_list {margin:0 0 24px 0;}
.layer_space_15 .flex_bundle_list.service_list li:nth-child(4),
.layer_space_15 .flex_bundle_list.service_list li:nth-child(5) {margin-bottom:0;}

.layer_popup.bottom_sheet .layer_space_15 .h3_title.half {margin-top:9px;}
/* .layer_space_15 .btn_small_area .js_terms {margin-top:19px;} */
.layer_space_15 .text.gray.small {margin:0;}
.layer_space_15 .text.gray.small + .text_applogin {margin:16px 0 0;}
/* .layer_space_15 .btn_small_area.js_tab_cont {margin-top:12px;} */
.layer_space_15 .btn_small_area .btn.js_guide {margin-top:16px;}
.layer_space_15 .btn_small_area .btn.js_guide.app_notice {padding-bottom:0;}
.layer_space_15 .btn_small_area .btn.js_terms {margin-top:24px;}

.layer_popup.bottom_sheet .layer_wrap .layer_statementP .layer_content {padding-bottom:113px;}
.layer_popup.bottom_sheet .layer_wrap .layer_content.layer_statement {max-height:67vh; height:67vh; padding-bottom:130px;}
.layer_popup.bottom_sheet .layer_wrap .bor_bottom ~ .sub_desc{display:none !important;}
/*.layer_popup.bottom_sheet .layer_wrap .bor_bottom ~ .sub_desc + .layer_statementP .layer_content{max-height:calc(50vh + 12px);}*/
.layer_popup.bottom_sheet .layer_wrap .bor_bottom ~ .layer_statementP .layer_content.layer_statement {max-height:calc(67vh + 26px); height:calc(67vh + 26px);}
#visaBenefit_layer.layer_popup.bottom_sheet .layer_wrap .bor_bottom ~ .layer_statementP .layer_content.layer_statement{max-height:67vh; height:67vh;}
.layer_popup.bottom_sheet .layer_wrap .bor_bottom ~ .layer_content{max-height:calc(50vh + 26px); height:calc(50vh + 26px);}
.layer_popup.bottom_sheet .layer_wrap .bor_bottom.service_height ~ .layer_content{max-height:50vh; height:50vh;}
.layer_statementP + .layer_footer {width:100%; position:absolute; left:0; bottom:0; background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0));}
/* .layer_statement {position:absolute;left:0;top:90px;height:62vh;max-height:none !important;padding-bottom:50px;}
.bor_bottom ~ .layer_statement{top:65px;}
.layer_statement + .layer_footer{padding-top:55vh !important;}
.layer_statement + .layer_footer .gpcc_btn_area {border-top:0 !important;background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0)) !important;padding-top:40px;}
.layer_statementP + .layer_footer{padding-top:55vh !important;}
.layer_statementP + .layer_footer .gpcc_btn_area {border-top:0 !important;background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0)) !important;padding-top:40px;}  */

/* 랩업 결혼여부 추가 */
.marry_list {margin-bottom:0;}
.marry_list li {width:calc(50% - 2px); margin-bottom:0;}
.marry_list li + li {margin-left:4px;}

/*1.5차 스타일*/
/* .starting_card.intro_cont {overflow:visible;} */
.intro_cont{padding:0 0 5px 0;position:relative;width:100%;overflow-x:hidden;}
.intro_cont .swiper-wrapper{padding-top:0;}
.intro_cont .swiper-slide{background:none;}
.intro_cont .swiper-slide-shadow-left,
.intro_cont .swiper-slide-shadow-right{display:none;}

.intro .title_area{height:0;padding:0;}
.intro_cont .card_select_tit{position:relative;text-align:center;font-size:14px;font-weight:bold;color:#000;margin-top:-35px;line-height:20px;}
.intro_cont .card_select_tit_txt{font-size:14px;color:#000;line-height:22px;text-align:center;display:block;}

.intro_cont .card_slide{padding:26px 0 45px 0;width:116%;margin-left:-8%;}

.intro_cont .card_slide .card_cnt{position:relative;width:156px;height:auto;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);background-color:transparent;transform-style:preserve-3d;transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4),-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);}
.intro_cont .card_slide li .card{position:relative;left:0;top:0;width:156px;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.08);-webkit-transition:top .25s ease;transition:top .25s ease;left:calc(50% - 78px);top:0;background-size:160px 253px;background-color:none;border-radius:8px;}
.intro_cont .card_slide li .b_card{position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.intro_cont .card_slide li.swiper-slide-active .card{-webkit-box-shadow:0 16px 32px 0 rgba(0,0,0,.2);box-shadow:0 16px 32px 0 rgba(0,0,0,.2);}
.intro_cont .card_slide .card_cnt.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

.intro_cont .card_slide label{display:block;width:100%;}
.intro_cont .card_slide label .dot{position:relative;display:block;width:2.4px;height:2.4px;margin:0 auto 1px auto;background:url(../../m/img/icon/intro_radio.png) no-repeat;background-size:4.8px auto;background-position:-2.4px 0;}
.intro_cont .card_slide input:checked + label .dot{background-position:0 0;}

.intro_cont .txt_cont{padding:4px 3px 0 3px;}
.intro_cont .intro_tit{color:#fff;font-size:14px;}
.intro_cont .intro_txt{color:#fff;font-size:13px;line-height:2px;padding:1px 0 0 0;}
.intro_cont .intro_txt li{position:relative;padding:0 0 0 8px;}
.intro_cont .intro_txt li:before{content:"";position:absolute;left:0;top:9px;width:25px;height:25px;background:#fff;border-radius:50%;}

.intro_cont .rolling_txt{padding:4px 0 55px 0;}
.intro_cont .rolling_txt ul{position:relative;}
.intro_cont .rolling_txt li{font-size:27px;line-height:39px;font-weight:bold;letter-spacing:-0.08em;text-align:center;opacity:0;position:absolute;width:100%;top:30px;}
.intro_cont .rolling_txt li:first-child{position:relative;opacity:1;top:0;}
/*.intro_cont .rolling_txt li.in{opacity:1;position:relative;}
.intro_cont .rolling_txt li.in.out{opacity:0;position:absolute;}*/

.intro_cont .back_side_view_btn{display:block;position:absolute;z-index:2; margin:16px 0 0 -40px;left:50%;width:80px;height:32px;line-height:32px;font-size:11px;font-weight:bold;color:#fff;background:#6c757c;border-radius:14px;letter-spacing:-0.05em;text-align:left;font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display',  'Noto Sans KR';}
.intro_cont .back_side_view_btn:before{content:"";display:inline-block;vertical-align:top;position:relative;top:0px;margin:4px 0px 0 7px;width:24px;height:24px;background:url(../images/flip_Arrow.png) no-repeat center;background-size:100% auto;}
.back_side_view_btn ~ .desc_gray {margin-top:18px; text-align:center;}

.card_img{width:24px;position:absolute;left:16px; top:50%; transform:translateY(-50%);box-shadow:0 2px 4px rgba(0,0,0,.08);}
.overseas_pay.big .box_white .custom_radio input[type="radio"] + label span.card_img + span .txt{font-weight:normal;}
.overseas_pay .box_white .custom_radio input[type="radio"] + label span.card_img + span {padding-left:36px; color:rgba(0,0,0,1); font-size:16px; line-height:22px;}
.card_design_pop .overseas_pay .box_white .custom_radio input[type="radio"] + label{height:68px;display:flex;align-items:center;padding:10px 12px 12px 16px;}
.card_design_pop .overseas_pay .box_white .custom_radio input[type="radio"] + label:before {content:'';position:absolute;top:50%;right:12px;left:auto;margin-top:-12px;width:24px;height:24px;background:url('../images/card_eye.png') center no-repeat;background-size:24px;}
.card_design_pop .overseas_pay .box_white .custom_radio input[type="radio"] + label .card_detail_view {display:block;color:transparent;position:absolute;top:50%;right:12px;left:auto;margin-top:-12px;width:24px;height:24px;background:url('../images/card_eye.png') center no-repeat;background-size:24px;text-indent:-999em;}
.card_design_pop .overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label:before {top:50%;right:12px;left:auto;margin-top:-12px;background-size:24px;    transform:translateY(0%);}

.intro_cont .card_select_tit2{position:relative;text-align:center;font-size:20px;font-weight:bold;color:#000;margin-top:91px;margin-bottom:11px;}
.intro_cont .card_spin_box .card_cnt3{position:relative;width:248px;height:auto;margin:72px auto 0 auto;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);background-color:transparent;transform-style:preserve-3d;transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4),-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);}
.intro_cont .card_spin_box .card_cnt3:after{display:block;content:"";clear:both;}
.intro_cont .card_spin_box .card_cnt3 .card{position:relative;width:92px;height:auto;margin:0 16px;float:left;backface-visibility:hidden;-webkit-backface-visibility:hidden;/*-webkit-box-shadow:0 16px 32px 0 rgba(0,0,0,.15);box-shadow:0 16px 32px 0 rgba(0,0,0,.15);*/left:0;top:0;background-color:none;border-radius:8px;}
.intro_cont .card_txt{font-size:14px;/*color:rgba(0,0,0,.64);*/color:rgba(0,0,0,1);text-align:center;margin-top:16px;margin-bottom:145px;}
.intro_cont .card_txt strong{color:rgba(0,0,0,1);}
.intro_cont .card_txt span{position:absolute;left:0;width:100%;display:inline-block;margin-top:4px;line-height:22px;}
.card_txt ~ .desc_gray {margin-top:18px; text-align:center;}

.intro_cont .card_select_tit2{position:relative;text-align:center;font-size:20px;font-weight:bold;color:#000;margin-top:91px;margin-bottom:11px;}
.card_design_txt{margin-bottom:24px;color:#000;font-size:16px;}

.intro_cont .card_spin_box .card_cnt2{position:relative;width:200px;height:auto;margin:0 auto;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);background-color:transparent;transform-style:preserve-3d;transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4),-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);}
.intro_cont .card_spin_box .card_cnt2 .card{position:relative;left:0;top:0;width:200px;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;/*-webkit-box-shadow:0 16px 32px 0 rgba(0,0,0,.15);box-shadow:0 16px 32px 0 rgba(0,0,0,.15);*/-webkit-transition:top .25s ease;transition:top .25s ease;left:calc(50% - 100px);top:0;background-color:none;border-radius:8px;}
.intro_cont .card_spin_box .card_cnt2 .b_card{position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.intro_cont .card_spin_box .card_cnt2.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

.intro_cont .back_side_view_btn{display:block;position:absolute;z-index:2; margin:16px 0 0 -40px;margin:-29px 0 0 -40px;margin:10px 0 0 -40px;left:50%;width:80px;height:32px;line-height:32px;font-size:11px;font-weight:bold;color:#fff;background:rgba(0,0,0,.48);border-radius:16px;letter-spacing:-0.05em;text-align:left;font-family:-apple-system, BlinkMacSystemFont,'San Francisco', 'SF Pro Display',  'Noto Sans KR';}
.intro_cont .back_side_view_btn + .gpcc_btn_area{margin-top:51px;margin-top:32px;}
.intro_cont .back_side_view_btn.back_side_view_btn2{position:relative;margin-top:16px;}
.intro_cont .back_side_view_btn:before{content:"";display:inline-block;vertical-align:top;position:relative;top:0px;margin:4px 0px 0 7px;width:24px;height:24px;background:url(../images/flip_Arrow.png) no-repeat center;background-size:100% auto;}

.select_wrapping_card{margin-top:36px;}
.select_wrapping ul li.card_designLi{display:block;padding:0;border:0;}
.select_wrapping ul li + .card_designLi{padding-top:18px;border-top:1px solid #f5f5f5;}
.select_wrapping ul li.card_designLi h4{color:#000;font-size:16px;margin-bottom:8px;}
.card_design{background:#f5f5f5;border-bottom:0;border-radius:4px;overflow:hidden;align-items:center;padding-right:8px !important;width:104%;margin-left:-2%;box-sizing:border-box;display:flex;padding:16px 0;justify-content:space-between;}
.card_design div{display:flex;align-items:center;}
.card_design div span{display:inline-block;width:32px;margin-left:16px;align-items:center;}
.card_design div span:first-child{box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);}
.card_design div span + span{font-size:16px;width:auto;margin-left:16px;}

/*1.5차 스타일*/
.layer_popup .intro_cont{padding:0 0 5px 0;position:relative;width:100%;overflow:hidden;}
.layer_popup .intro_cont .swiper-wrapper{padding-top:0;}
.layer_popup .intro_cont .swiper-slide{background:none;display:block;}
.layer_popup .intro_cont .swiper-slide-shadow-left,
.layer_popup .intro_cont .swiper-slide-shadow-right{display:none;}

.layer_popup .intro .title_area{height:0;padding:0;}
.layer_popup .intro_cont .card_txt.type {height:40px;margin-bottom:10px;color:#000;}
.layer_popup .intro_cont .card_select_tit{position:relative;text-align:center;font-size:14px;font-weight:bold;color:#000;margin-top:-35px;line-height:20px;}
.layer_popup .intro_cont .card_select_tit_txt{font-size:14px;color:#000;line-height:22px;text-align:center;display:block;}
.intro_cont .back_side_view_btn{position:relative;}

.layer_popup .intro_cont .card_slide{padding:0 0 45px 0;display:block;}

.card_D.layer_popup.bottom_sheet .layer_wrap .layer_content{padding-left:0;padding-right:0;}
.card_D.layer_popup.bottom_sheet .layer_wrap .layer_content .plate_title{padding-left:6.4%;padding-right:6.4%;}

.layer_popup .intro_cont .card_slide .card_cnt{position:relative;width:120px;height:auto;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);background-color:transparent;transform-style:preserve-3d;transition:-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4);transition:transform .9s cubic-bezier(.4,.4,.1,1.4),-webkit-transform .9s cubic-bezier(.4,.4,.1,1.4);margin:0 auto;}
.layer_popup .intro_cont .card_slide li .card{position:relative;left:0;top:0;width:120px;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.08);-webkit-transition:top .25s ease;transition:top .25s ease;left:calc(50% - 60px);top:0;background-size:160px 253px;background-color:none;border-radius:8px;}
.layer_popup .intro_cont .card_slide li .b_card{position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.layer_popup .intro_cont .card_slide li.swiper-slide-active .card{-webkit-box-shadow:0 16px 32px 0 rgba(0,0,0,.2);box-shadow:0 16px 32px 0 rgba(0,0,0,.2);}
.layer_popup .intro_cont .card_slide .card_cnt.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}

/*하드코딩 약관*/
.detail_cont:not(.font_initial) ul li{position:relative;}
.detail_cont:not(.font_initial) .terms_bullet{position:absolute;left:0;top:0;}
.detail_cont:not(.font_initial) > ul > li{font-size:14px;line-height:22px;}
.detail_cont:not(.font_initial) div > ul > li{font-size:14px;line-height:22px;}
.detail_cont:not(.font_initial) > ul > li ul li{padding-left:23px;font-size:14px;line-height:22px;margin-bottom:8px;}
.detail_cont:not(.font_initial) div > ul > li ul li{padding-left:23px;font-size:14px;line-height:22px;margin-bottom:8px;}
.detail_cont:not(.font_initial) ul li li:first-child{margin-top:8px;}
.detail_cont:not(.font_initial) ul li li:last-child{margin-bottom:0px;}

.detail_cont2:not(.font_initial) li{padding-left:8px !important;color:rgba(0,0,0,.64);margin-bottom:6px !important;}
.detail_cont2:not(.font_initial).black li{color:rgba(0,0,0,1);font-size:16px;}
.detail_cont2:not(.font_initial).black li:last-child{margin-bottom:0 !important;}
.detail_cont2:not(.font_initial) li.pad_l0{padding-left:0 !important;}
.detail_cont2:not(.font_initial) li.mar_t0{margin-top:0 !important;}
.detail_cont2:not(.font_initial) > li:first-child{margin-top:12px !important;}
.detail_cont2:not(.font_initial) > li > ul li:first-child{margin-top:6px !important;}
.detail_cont2:not(.font_initial) li li:last-child{margin-bottom:12px !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li{margin-bottom:0;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li:first-child{margin-top:8px !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont2 li:first-child{margin-top:6px !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li:last-child{margin-bottom:0 !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont .terms_space{margin-top:8px;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li.mar_8{margin:8px 0;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont > ul > li:first-child{margin-bottom:28px;}

.bullet_numHan + ul li{color:rgba(0,0,0,.64);padding-left:0 !important;}
.info_num + div > ul > li:first-child .terms_space{margin-top:0 !important;}
.flex_bundle_list.service_list li .custom_radio.error input[type="radio"] + label {color:#f00;}
.bundle_list li.origin_cash, .goal_deal {display:none;}

/* 약관 슬라이더 내비 화살표 2021-08-06 */
/* S. 2025-03-06 Q11795 #887 동의서 내 화살표 위치 통일화 요청 (fixed 추가) */
.terms-slide-type2 .swiper-container .swiper-button-prev {position:fixed; top:45%; left:8px; width:48px; height:48px; border-radius:100%; background:rgba(0, 0, 0, .08) url(../images/ico_ArrowB_Back.png) no-repeat center; background-size:32px auto}
.terms-slide-type2 .swiper-container .swiper-button-next {position:fixed; top:45%; right:8px; width:48px; height:48px; border-radius:100%; background:rgba(0, 0, 0, .08) url(../images/ArrowB_Forward.png) no-repeat center; background-size:32px auto}
/* E. 2025-03-06 Q11795 #887 동의서 내 화살표 위치 통일화 요청 (fixed 추가) */

/* npay 추가 */
.npay_wrap {margin:-15px 0 30px; text-align:center;}
.npay_wrap .npay_cont {position:relative;}
.npay_wrap .npay_cont .npay_comment {position:absolute;bottom:27px;margin-left:-7px;min-width:148px;font-weight:normal;background:#000;border-radius:8px;height:28px;line-height:28px;opacity:0;}
.npay_wrap .npay_cont .npay_comment > span {padding:0 8px 0;font-size:14px;color:#fff;display:inline-block;}
.npay_wrap .npay_cont .npay_comment:after {content:'';position:absolute;bottom:-4px;left:12px;width:8px;height:4px;background:url('/plcc/m/images/bg_comment.png') 0 0 no-repeat;background-size:8px 4px;}
.npay_wrap .npay_cont .npay_txt {font-weight:bold; font-size:14px; color:#000; text-align:center; line-height:20px;}
.npay_wrap .npay_cont .npay_txt > span {vertical-align:top; margin-left:1px;}
.npay_wrap .npay_cont .npay_txt:before {display:inline-block; vertical-align:-4px; content:''; width:49px; height:19px; background:url('/plcc/m/images/img_npay.png') 0 0 no-repeat; background-size:49px 19px;}
.npay_wrap .npay_cont .npay_txt.btn.btn_arrow:after {vertical-align:top; margin-top:2px; margin-left:-4px; opacity:1;}

/* 부가서비스 - Hipass*/
.apply_bundle_acc + li {padding-top:20px;border:none !important;}
.apply_bundle_list li + .apply_bundle_acc {padding-top:64px;padding-bottom:0 !important;}
.apply_bundle_acc .header_accordion {padding-bottom:12px !important;}
.apply_bundle_acc .header_accordion .tit_area {position:relative;display:inline-block;width:90%;font-size:20px;font-weight:700;color:#000;}
.apply_bundle_acc .header_accordion .text_desc.small {padding:12px 0 0 !important;font-size:16px;color:#000;line-height:22px;}
.apply_bundle_acc .header_accordion .swiching_txt strong {display:block;margin-top:24px;font-size:16px;}
.apply_bundle_acc .header_accordion .text_desc.small {padding:12px 0;font-size:14px;line-height:22px;}
.apply_bundle_acc .header_accordion .text_desc.small span {display:block;color:#000;font-size:14px;}
.apply_bundle_acc .header_accordion .swiching_txt strong {display:block;margin-top:24px;font-size:16px;}
.apply_bundle_list li .bullet_list li {padding:0 0 0 8px;border-top:none;}
.apply_bundle_list .apply_bundle_acc .star_list {margin-top:8px;}
.apply_bundle_list .apply_bundle_acc .star_list li{position:relative;margin-top:6px;padding:0 0 0 8px;border-top:0;font-size:14px;color:#000;line-height:22px;letter-spacing:0;}
.apply_bundle_list .apply_bundle_acc .star_list li:first-child {margin-top:0;}
.apply_bundle_list .apply_bundle_acc .star_list li:before {content:'*';position:absolute;left:0;top:0;}
.apply_bundle_list .apply_bundle_acc .hyphen_list li {padding:0 0 0 10px;margin-top:8px;font-size:14px;color:rgba(0,0,0,.64);}
.apply_bundle_list .apply_bundle_acc .hyphen_list li:before {display:block;content:"";position:absolute;left:0;top:10px;width:5px;height:1px;background-color:rgba(0,0,0,0.4);}
.apply_bundle_list .apply_bundle_acc .hyphen_list li + li {border:none;}

/* 2023-06-12 Q10547 354_PLCC_부가서비스개선및통신비결제 수정요청의건 */
.apply_bundle_list.extra_list {padding-bottom:0;}
.card_PLCC .apply_bundle_list.extra_list li {padding:22px 0;}
.apply_bundle_list.extra_list li .txt {width:72%;letter-spacing:-0.7px;}
.apply_bundle_list.extra_list li .btn_extra{position:absolute;right:0;top:50%;transform:translate(0, -50%);padding:6px 16px 6px 15px;background-color:#000;border-radius:6px;color:#fff;font-weight:500;}
.apply_bundle_list.extra_list li .btn_extra.active {background:rgba(0,0,0,0.08);color:rgba(0,0,0,0.20);}
.apply_bundle_list.extra_list li .btn_benefit {display:inline-block;position:relative;height:20px;padding:2px 13px 2px 6px;font-size:12px;border:1px solid #000;border-radius:10px;line-height:14px;letter-spacing:-0.8px;box-sizing:border-box;}
.apply_bundle_list.extra_list li .btn_benefit:after {content:'';position:absolute;right:-1px;top:1px;width:16px;height:16px;background:url(/plcc/m/images/ArrowB_Forward.png) no-repeat center;background-size:100%;}
.apply_bundle_list.extra_list li .btn_benefit + .tit {margin-top:9px;}
.card_PLCC .apply_bundle_list.extra_list + .bullet_list {margin-top:44px;}
.card_PLCC .apply_bundle_list.extra_list + .bullet_list li {color:rgba(0,0,0,1)}

.hipass_desc .card_img{position:static;width:164px;height:257px;margin:40px auto;transform:translateY(0);box-shadow:0 16px 32px 0 rgb(0 0 0 / 24%);}
.hipass_desc .big_tit {font-size:18px;font-weight:700;}
.hipass_desc .desc_wrap {padding:20px;border-top:1px solid #e0e0e0;}
.hipass_desc .desc_wrap.line_top_b {margin-top:20px;border-top:2px solid #000;}
.hipass_desc .desc_wrap .desc_list li {padding-bottom:8px;color:#5d5d5d;font-size:14px;line-height:26px;font-weight:500;}
.hipass_desc .desc_wrap .bul_txt {position:relative;padding-left:8px;}
.hipass_desc .desc_wrap .bul_txt:before {content:'';display:inline-block;position:absolute;top:12px;left:1px;width:2px;height:2px;background:rgba(0,0,0,0.4);border-radius:100%;}
.hipass_desc .desc_wrap .dash_txt {position:relative;padding-left:10px;}
.hipass_desc .desc_wrap .dash_txt:before {content:'';display:inline-block;position:absolute;top:13px;left:1px;width:4px;height:1px;background:rgba(0,0,0,0.4);}
.hipass_desc .desc_wrap .detail_box {padding-top:30px;}
.hipass_desc .desc_wrap .detail_box ul {display:flex;justify-content:center;padding:0 36px;width:100%;box-sizing:border-box;}
.hipass_desc .desc_wrap .detail_box ul li {text-align:center;}
.hipass_desc .desc_wrap .detail_box ul li + li {margin-left:50px;}
.hipass_desc .desc_wrap .detail_box ul li .con {margin-top:12px;}
.hipass_desc .desc_wrap .detail_box ul li .con p {font-size:14px;color:#000;letter-spacing:-1.2px;}
.hipass_desc .desc_wrap .detail_box ul li .con p + p {margin-top:12px;font-size:12px;color:rgba(0,0,0,0.64);letter-spacing:0;}
.hipass_desc .desc_wrap .detail_box ul li .img {overflow:hidden;display:inline-block;width:96px;height:150px;border-radius:8px;box-shadow:0 3px 2px rgb(0 0 0 / 10%);}
.hipass_desc .desc_wrap .use_hipass {display:flex;justify-content:space-between;align-items:center;margin-top:16px;}
.hipass_desc .desc_wrap .use_hipass .step_hipass {display:block;text-align:center;}
.hipass_desc .desc_wrap .use_hipass .step_hipass .step_img {width:44px;margin:auto;}
.hipass_desc .desc_wrap .use_hipass .step_hipass .step_tit {font-size:12px;font-weight:700;text-align:center;}
.hipass_desc .desc_wrap .use_hipass .step_txt {font-size:14px;font-weight:700;color:#949494;text-align:center;}
.hipass_desc .line_top {border-top:1px solid #e0e0e0;}
.hipass_desc .qna_box {margin-top:18px;border-top:1px solid #000;}
.hipass_desc .qna_box dt {display:flex;padding:20px 0;font-size:16px;}
.hipass_desc .qna_box dt:before {content:'Q';display:inline-block;margin-right:12px;padding-top:2px;font-weight:700;}
.hipass_desc .qna_box dd {display:flex;width:calc(100% + 48px);padding:20px 24px;margin-left:-24px;background-color:#f5f5f5;border-top:1px solid #ebebeb;box-sizing:border-box;}
.hipass_desc .qna_box dd:before {content:'A';display:inline-block;margin-right:12px;font-weight:700;}

/* 2023-01-09 Q11067 PLCC모듈 크림페이 적용*/
/*.floating_btn_bg {overflow-x:hidden; overflow-y:scroll; max-height:calc(100vh - 119px);} 영역분리 - ios문제있음*/
.floating_btn_bg .floating_btn {padding-top:0 !important; background:transparent;} /*발급완료 버튼영역 배경색초기화*/
.floating_btn_bg .floating_btn .gpcc_btn_area {bottom:0 !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 !important; background:transparent;}
/*plcc_common.css (plcc2.js scroll_on 동작관련 상속막음)*/
.floating_btn_bg .floating_btn .gpcc_btn_area {position:static !important; transform:none !important;}
.floating_btn_bg .floating_btn .gpcc_btn_area .btn {width:100% !important; margin:0 !important;}

.card_PLCC .floating_btn .desc_gray.type02 {position:fixed !important; bottom:0 !important; display:flex; justify-content:center; align-items:center; height:53px; margin:0; padding:0 !important; line-height:18px !important;} /*floating_btn 안쪽 범위한정*/
/* 애플페이 신규버튼 */
.card_PLCC .gpcc_btn_area .btn.btn_applepay_type1 {background-color:#000; color:#fff;} /*btn_default color !important 우회 신규클래스 사용*/
.btn_applepay_type1>span {position:relative;}
.btn_applepay_type1>span:before {content:''; display:inline-block; width:62px; height:40px; margin:-3px 10px 0 0; vertical-align:middle; background:url(../images/btn_applepay_type1.png) no-repeat 0 0/100% auto;}

body.card_PLCC .floating_btn_bg .gpcc_complete_area {padding-bottom:152px;}
/*--------------- 발급완료 픽스버튼 백그라운드 시작 ---------------*/
body.card_BMHC .floating_btn_bg .floating_btn {background:#f4fcfb;}
body.card_CSTC .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_CSTMB .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_ESPCLB .floating_btn_bg .floating_btn {background:#fffdf7;}
body.card_ESPE2 .floating_btn_bg .floating_btn {background:#fffdf7;}
body.card_ESPS .floating_btn_bg .floating_btn {background:#fffdf7;}
body.card_GCE2 .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_KALT1 .floating_btn_bg .floating_btn,
body.card_KALT2 .floating_btn_bg .floating_btn,
body.card_KALT3 .floating_btn_bg .floating_btn,
body.card_KALT4 .floating_btn_bg .floating_btn {background:#e3eaf2;}
body.card_MRASSTDM .floating_btn_bg .floating_btn,
body.card_MRASSTGL .floating_btn_bg .floating_btn,
body.card_MRASSTSV .floating_btn_bg .floating_btn {background:#f5f5f5;}
body.card_MSSHC .floating_btn_bg .floating_btn {background:#f5f5f5;}
body.card_NOLHC .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_SBHC .floating_btn_bg .floating_btn {background:#f9f9f9;}
body.card_SCHC .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_SGE2 .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_SGE2FLY .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_NVHC .floating_btn_bg .floating_btn {background:#e9ebee;}
body.card_NEXON .floating_btn_bg .floating_btn,
body.card_NEXONC .floating_btn_bg .floating_btn,
body.card_NXMM .floating_btn_bg .floating_btn,
body.card_NXNX .floating_btn_bg .floating_btn {background:#f5f5f5;}/* 2025-12-05 Q11795 #1367 NXMM, NXNX 추가 */

/* 2023-11-30 추가 */
body.card_CSTCE2 .floating_btn_bg .floating_btn {background: #e9ebee;}
body.card_CSTMBE2 .floating_btn_bg .floating_btn {background: #e9ebee;}
body.card_ESPE3 .floating_btn_bg .floating_btn {background:#fffdf7;}
body.card_GCE3 .floating_btn_bg .floating_btn {background: #e9ebee;}
body.card_SBHFLY .floating_btn_bg .floating_btn {background:#f9f9f9;}
body.card_GMSE4 .floating_btn_bg .floating_btn{background:#fffdf7;} /* 2026-07-07 Q11795 #1659_PLCC_지마켓 리뉴얼 플레이트 디자인 퍼블 요청 */
/*--------------- 발급완료 픽스버튼 백그라운드 끝 ---------------*/

/* .safari .gpcc_complete_area .text_area .tit_cline,
.safari .gpcc_complete_area .text_area .bullet_list {font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display';}
.gpcc_complete_area .text_area .tit_cline,
.gpcc_complete_area .text_area .bullet_list {font-family:'San Francisco', 'SF Pro Display',  'Noto Sans KR'} */

/* 사파리 팝업 노출 이슈 */
/*PLCC넥슨 Q11067 - 2023-03-30 IOS스크롤막기 진행중 //plcc_msshc 213줄 (무신사 먼저 삭제 한 후)(추후삭제예정)
.layer_popup {-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;}
.layer_popup {-webkit-transform:initial !important; -webkit-backface-visibility:initial !important;}*/

/*메탈플레이트 팝업 function metalYn openLayer($("#popMetal"))호출시 container 뒤로 숨는 현상 예외처리*/
#popMetal {-webkit-transform:translateZ(0) !important; -webkit-backface-visibility:hidden !important;}

/* OCR 가이드 */
.ocr_camera {background:rgba(0,0,0, .8);min-height:100vh;}
.ocr_camera .layer_title_area {padding:0 8px;}
.ocr_camera .nav {display:flex; justify-content:space-between; align-items:center; height:100%;}
.ocr_camera .nav .btn_icon {width:32px; height:32px; background-size:100%;}
.ocr_camera .nav .btn_icon span {position:absolute; width:1px; height:1px; border:0; clip:rect(1px, 1px, 1px, 1px,); overflow:hidden; z-index:-1;}
.ocr_camera .nav .icon_back_w {background-image:url('/plcc/m/images/ico_ArrowB_White.png');}
.ocr_camera .nav .icon_close_w {background-image:url('/plcc/m/images/ico_X_white.png');}
.ocr_camera .camera {min-height:auto; padding:16px 0 0 0; background:none;}
.ocr_camera .camera .main_txt {color:#fff; font-size:16px; text-align:center; font-weight:700; line-height:26px;}
/* S. 2026-04-08 Q11795 #1499_PLCC_신분증 OCR 개선 퍼블 css 적용 요청의 건 */
/*
.ocr_camera .camera_in{background:#bbb;width:312px;height:192px;margin:32px auto 16px;overflow:visible;}
.ocr_camera .camera_in:before {content:''; position:absolute; left:-6px; top:-6px; display:block;width:324px;height:206px;background:url(/docfiles/resources/mo/images/car/bg_rect.png) no-repeat;background-size:100%;}
*/
.ocr_camera .camera_in { position: relative; overflow: visible; width: 311px; height: 196px; margin: 28px auto 0; background: #bbb; }
.ocr_camera .camera_in:before{display:none;}
.ocr_camera .camera_in canvas, .ocr_camera .camera_in video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ocr_camera .camera_in video { z-index: 1; object-fit: cover; }
.ocr_camera .camera_in canvas { z-index: 2; }
/* S. 흰색 테두리 영역 */
/*
.ocr_camera .camera_in > span[class^=cnr_] { position: absolute; display: block; border-style: solid; border-color: #fff; z-index:11; width: 31px; height: 31px;}
.ocr_camera .camera_in > .cnr_lt { left: 27px; top: 14px; border-width: 6px 0 0 6px; }
.ocr_camera .camera_in > .cnr_rt { left: 253px; top: 14px; border-width: 6px 6px 0 0; }
.ocr_camera .camera_in > .cnr_lb { left: 27px; top: 150px; border-width: 0 0 6px 6px; }
.ocr_camera .camera_in > .cnr_rb { left: 253px; top: 150px; border-width: 0 6px 6px 0; } 
*/
/* E. 흰색 테두리 영역 */
/* E. 2026-04-08 Q11795 #1499_PLCC_신분증 OCR 개선 퍼블 css 적용 요청의 건 */
.ocr_camera .desc_wrap {display:flex;background:#fff;border-radius:24px;padding:20px 16px 0;flex-wrap:wrap;position:fixed;left:0;bottom:0;width:100%; box-sizing:border-box;}
.ocr_camera .desc_wrap .items{width:50%;text-align:center;}
.ocr_camera .desc_wrap .items .img{width:80px;margin-bottom:2px;display:inline-block;}
.ocr_camera .desc_wrap .items .desc{color:rgba(0,0,0, .64); font-size:14px; line-height:20px;}
.ocr_camera .desc_wrap .box_btn{width:100%;border-top:1px solid #ebebeb;}
.ocr_camera .desc_wrap .box_btn .btn{width:100%; height:100%; padding:20px 0; font-size:16px; color:#000; line-height:22px; font-weight:700; text-align:center;}
/* 2026-07-14 Q11870 1680_PLCC_ 대한항공 스타링크 목업 신규 제작 요청의 건 */
.ocr_camera.camera_koair .desc_wrap{border-radius: 24px 24px 0 0;}
.ocr_camera.camera_koair .camera_in{width:327px;height: 230px;}
.ocr_camera.camera_koair .camera_btn{position: fixed;bottom:246px;left:0;display: block;width:100%}
.ocr_camera.camera_koair .camera_btn > a{display: block; width:64px;margin: 0 auto;}
.card_area.img_passport{width:327px;height:239px;margin-top: 16px;}
.flex_bundle_list.two_up li:nth-child(odd){margin-left:0}
@media only screen and (max-height: 670px) {
  .ocr_camera.camera_koair .camera_btn{bottom:215px;}
}

.prcss_panel{position:relative;}
.prcss_panel.com_hide:after{content:''; position:absolute; display:block; top:0; right:0; bottom:0; left:0; background:rgba(255,255,255,.72); z-index:11;}

/* S. 2026-03-16 Q11795 #1499_PLCC_신분증 OCR 개선 퍼블 css 적용 요청의 건 */
/* 
#inzicamera {
  display: none;
} */

@media (orientation: portrait) {
  /* #inzicamera{position: absolute; top: 0px; left: 0px; min-width: 100vmin; min-height: 100vmin; width: 100vw; height: 100vh; background-color: black; z-index: 800; overflow: hidden;} */
  .inzicamera-body{top: 0%; left: 0%; width: 100%; height: 100%; position: absolute; z-index: 801;/* border:2px solid #000;*/}/* 2026-03-20 Q11870  */
  .inzicamera-footer{bottom: 0px; left: 0px; width: 100%; height: 25%; position: absolute; background-color: black; z-index: 801;}
  .inzicamera-footer-close{position: absolute; top: 50%; text-align: center; width: 15vmin; height: 15vmin; top: 60%; transform: translateY(-50%); right: 5vmin;}
  .inzicamera-footer-close-button{color: white; background-color:black; right: 5vmin; font-size:15vmin; bottom: 0;}

  .inzicamera-footer-device{width: 70%; position: absolute; left: 0; margin-left: 15%;}
  .inzicamera-footer-device-select{text-align: center; height: fit-content; width: 100%; min-height: 1px; background-color: black; color: white; font-size: 5vmin; text-align-last: center; text-align: center; margin-top: 3%;}
  .inzicamera-footer-capture{width: 100%; height: fit-content; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; }
}

@media (orientation: landscape) {
  #inzicamera{position: absolute; top: 0px; left: 0px; min-width: 100vmin; min-height: 100vmin; width: 100vw; height: 100vh; background-color: black; z-index: 800; overflow: hidden; }
  .inzicamera-body{top: 0px; left: 0px; width: 80%; height: 100%; position: absolute; z-index: 801; }
  .inzicamera-footer{top: 0px; right: 0px; width: 20%; height: 100%; position: absolute; background-color: black; font-size:3vh; z-index: 801; }
  .inzicamera-footer-close{position: absolute; width: 15vmin; height: 15vmin; top: 5vmin; right: 50%; transform: translateX(50%); }
  .inzicamera-footer-close-button{color: white; font-size:15vmin; bottom: 0; right: 3vmin; }
  .inzicamera-footer-device{width: 90%; position: absolute; right: 0; margin-right: 5%; top: 30%; }
  .inzicamera-footer-device-select{text-align: center; height: fit-content; width: 100%; min-height: 1px; background-color: black; color: white; text-align-last: center; text-align: center; font-size: 3vmin; }
  .inzicamera-footer-capture{width: 100%; height: fit-content; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; }
}
.inzicamera-body-video{/*width: 100%; *//*height: 100%; */position: absolute; z-index: 802; }
.inzicamera-body-canvas{position: absolute; z-index: 803; }
.inzicamera-footer-capture-button{width: 20vmin; height: 20vmin; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-color: rgba(0,0,0,0); z-index: 805; color:white; font-size:20vmin; font-weight: bold; }
.inzicamera-footer-close-button{width: 8vmin; z-index: 805; background-repeat: no-repeat; background-size: cover; background-color: black; position: absolute; }
.extract-image{display: none;}
/* E. 2026-03-16 Q11795 #1499_PLCC_신분증 OCR 개선 퍼블 css 적용 요청의 건 */


/* 2023-02-07 Q10941 하이라이트 추가 */ /* 2023-03-02 Q11024 #269_PLCC모듈_푸본현대생명 위치 변경 :하이라이트 제거 */
.desc_black02 {color:#000; font-size:16px; line-height:22px;}

/* 2023-03-28 Q11024 #303_PLCC_모듈화 :1단계 디자인선택 페이지 플로팅 버튼 클래스 추가 */
.card_PLCC .floating_btn_bg .floating_btn.type02 {background:transparent;} /*임시로 투명처리*/
.card_PLCC .floating_btn_bg .floating_btn.type02 .gpcc_btn_area {margin-top:0;}
.card_PLCC .floating_btn_bg .floating_btn.type02 .desc_gray {text-align:center;}

@media all and (max-height:660px) {
  .card_PLCC .floating_btn_bg .floating_btn.type02 {padding-bottom:0px;} /*임시로 투명처리*/
}

@media all and (max-height:600px) {
  .card_PLCC .floating_btn_bg .floating_btn.type02 {padding-bottom:0px;} /*임시로 투명처리*/
  .card_PLCC .floating_btn_bg .floating_btn.type02 .gpcc_btn_area {margin-top:0;margin-bottom:0}
  .card_PLCC .floating_btn_bg .floating_btn.type02 .desc_gray {text-align:center;}
}

/* 2023-05-18 Q11060 #342 라디오버튼 풀타입 */
.flex_bundle_list[class*="full_type"] li {width:100%; margin-bottom:0;}
.flex_bundle_list[class*="full_type"] li + li {margin-top:8px;}
.flex_bundle_list[class*="full_type"] li .custom_radio input[type="radio"] + label {align-items:center; height: 100%; min-height: 48px; padding:8px 16px; line-height: 22px;}
.flex_bundle_list[class*="full_type"][class*="_60"] .custom_radio input[type="radio"] + label {min-height: 60px;}
/* 2024-06-14 Q11060 #342 라디오버튼 flex-between 타입 */
.flex_bundle_list.between{justify-content: space-between; gap: 4px;}
.flex_bundle_list.between li {position: relative; margin-bottom: 0; width: calc((100% - 8px)/3);}
/* 2024-06-17 Q11060 #342 블릿리스트 li간격  */
.bul_list.pad_type li {padding: 3px 0; padding-left: 8px; margin-top: 0px;}
.bul_list.pad_type > li:before {top: 14px;}
/* 2023-11-21 Q11060 #342 .error_msg외 별도로 쓰이는 유의문구 타입 */
/* .notice_msg { display: block; margin-top: 5px; font-size: 12px; line-height: 18px; color: #ff0000;} */

 /* 2023-05-30 Q11067 #343 해외결제차단 */
.box_card_bundle.active .form_plate_card .box .desc_point{display:block;margin-top:6px;font-size:16px;line-height:22px;color:#FF0000;word-break:keep-all;}
/*2024-12-17 #791 Q11067 박스높이 유동적(현업요청) - 삭제
.box_card_bundle.active .form_plate_card .box .desc_point + .form_bundle .box_account.mar_b16 + .form_card_bundle{position:static;top:162px; overflow-y:scroll !important;width:100%;padding-top:0;box-sizing:border-box; height:calc(100% - 170px); height:264px !important;}
*/
/* 2023-08-07 Q10941 #405_PLCC_쏘카_패스포트_부가서비스_신규 제작 */
.benefit_tit {display:flex; justify-content:space-between; align-items:center;}
.first + .bg_white .bullet_list {padding:17px 20px 18px 36px;}
.first + .bg_white .bullet_list.fs12 li {font-size:12px; line-height:18px;}
.first + .bg_white .bullet_list.fc_a48 li {color:rgba(0,0,0,0.48);}

/* 2023-10-04 Q10941 #436_PLCC_쏘카_유도팝업 및 패스포트 신청 수정 요청 - 쏘카_유도팝업 선배포(231124 CSS원상복구)*/

/* 2023-10-25 Q10941 #346_13_GPCC,PLCC_체크카드 금소법 화면 제거에 따른 결제일 항목 추가 */
.due_box {display: block; position: relative; padding: 16px 12px; margin: 0; background: rgba(0,0,0,0.04);}

/* 2023-11-21 Q10547 #473 카드이용한도설정 UI 변경(type_line2 두줄유형 추가) */
.gpcc_tab_wrap .tab_nav.type_line2 {display:flex;flex-wrap: wrap;}
.gpcc_tab_wrap .tab_nav.type_line2 li {width: calc((100% - 12px) / 4);}
.gpcc_tab_wrap .tab_nav.type_line2 .custom_radio input[type="radio"] + label {display:flex;justify-content:center;align-items:center;height:60px;flex-direction:column;font-size:14px;line-height:20px;}
.flex_bundle_list.type_line2 {display:flex;flex-wrap: wrap;margin-bottom:0 !important;}
.flex_bundle_list.type_line2 li {width: calc((100% - 12px) / 4);}
.flex_bundle_list.price_list.type_line2 .custom_radio input[type="radio"] + label {display:flex;justify-content:center;align-items:center;height:60px;flex-direction:column;font-size:14px;line-height:20px;padding:0;}/* 2024-10-07 Q10547 #741 : 수정 */
/* 2023-11-27 Q11067 #473 카드이용한도설정(.price_list .small 컬러 추가) */
.gpcc_tab_wrap .tab_nav.type_line2 .small {display:block; width:100%; font-size:12px; text-align:center; color:rgba(0,0,0,.4);}
.gpcc_tab_wrap .tab_nav.type_line2 .active .small {color:#000}
/*11단계 대한항공 .price_list 폰트컬러 예외처리(18단계 랩업 이용한도 .small폰트컬러 기존처리됨)*/
.card_KALT1 .gpcc_tab_wrap .tab_nav.type_line2.price_list .active .small {color:#062F87}
.card_KALT2 .gpcc_tab_wrap .tab_nav.type_line2.price_list .active .small {color:#062F87}
.card_KALT3 .gpcc_tab_wrap .tab_nav.type_line2.price_list .active .small {color:#062F87}
.card_KALT4 .gpcc_tab_wrap .tab_nav.type_line2.price_list .active .small {color:#062F87}

/*---------- ---------- ---------- (배포일)2023-11-29 Q11067 #346 금소법(gpcc plcc 공통클래스 사용) Start ---------- ---------- ----------*/
/* 작은 아코디언(고객센터 FAQ유형)(gpcc ~ customer.css ~ sub_customer->sub_card 전환) */
.accod_list.max_list .accodWrap:last-child {border-bottom:none;}
.accod_list .box_tit {position:relative; /*padding:0 24px;*/}
.accod_list .accodWrap .accodBtn {display:block; /*width:100%;*/ padding:20px 39px 20px 0; border-top:1px solid #ebebeb;}
.accod_list .accodBtn:after {content:""; display:block; position:absolute; /*right:24px;*/right:0; top:20px; width:24px; height:24px; background: url(../images/ico_ArrowB_Down.png) no-repeat right center; background-size:24px; opacity: 0.8;}
.accod_list .accodWrap.on .accodBtn:after {transform: rotate(180deg);}
.accod_list .accodWrap:first-child .accodBtn {border-top:none;}
.accod_list .accodSlide {display:none; padding:20px 24px;}
/* 필요없는 부분 삭제  */
.accod_list + .box_btn {margin-top:32px;}
.accod_list.t_line .accodWrap .accodBtn {border-top:1px solid #ebebeb;}
.accod_list .accodWrap .box_tit .fw_bold {font-weight:700;}

/* 카드 설명서 타입(신청프로세스 신규유형) */
.accod_list .accodWrap .accodBtn {font-size:16px; font-weight:500; line-height:26px;}
.accod_list .accodWrap .accodBtn.on {font-weight:700;}
.accod_list.cardExplain_type .accodSlide {padding:20px 0;}
.accod_list.cardExplain_type .accodWrap:last-child.on .accodBtn {border-bottom:0;}
.accod_list.cardExplain_type .accodWrap:last-child.on .accodSlide {border-bottom:1px solid #ebebeb;}

.accod_list.cardExplain_type .accodSlide .box_answer {font-size:16px; font-weight:500; color:rgba(0,0,0,0.64); line-height:26px;}
.accod_list.cardExplain_type .accodSlide .box_answer > p + p {margin-top:24px;}
.accod_list.cardExplain_type .accodSlide .box_answer > p + table {margin-top:40px;}
.accod_list.cardExplain_type .accodSlide .box_answer > p + .dash_list {margin-top:6px;} /*금소법 3p 신용카드의 제한*/
.accod_list.cardExplain_type .accodSlide .box_answer > ul + p {margin-top:36px;}
.accod_list.cardExplain_type .accodSlide .box_answer > .termsBox_type1 .gubun_line {background:rgba(0,0,0,0.08);}
.accod_list.cardExplain_type .accodSlide .box_answer > .termsBox_type1 .gubun_line + .ceterms_txt01 {margin-top:32px;}
.accod_list.cardExplain_type .accodSlide .box_answer > .termsBox_type1 .ceterms_txt01 {margin-top:26px;}
.accod_list.cardExplain_type .accodSlide .box_answer > .termsBox_type1 .ceterms_txt01 + .ceterms_txt02 {margin-top:6px;}
.accod_list.cardExplain_type .accodSlide .box_answer > .termsBox_type1 + p {margin-top:20px;}
.accod_list.cardExplain_type .accodSlide .box_answer .ceterms_tit {margin-top:36px;}
.accod_list.cardExplain_type .accodSlide .box_answer .ceterms_tit:first-child {margin-top:0;}
.accod_list.cardExplain_type .accodSlide .box_answer .ceterms_tit + p {margin-top:16px;}
/*2024-10-16 Q11067 #752 금소법+리볼빙 상품설명서(아코디언 예외처리)(strong태그모바일공통 -기본 font-weight:normal -강조 fw_bold클래스사용)*/
.accod_list.cardExplain_type .accodSlide .box_answer strong {font-weight:700;}

/* 회색 라운드 타입(신규유형) */
.accod_list.round_type .box_tit {border-radius:8px;}
.accod_list.round_type .accodWrap {margin-top:8px; border-radius:8px; background:#f5f5f5;}
.accod_list.round_type .accodWrap:first-child {margin-top:0;}
.accod_list.round_type .accodWrap .accodBtn {padding:12px 39px 12px 16px; border-top:0;}
.accod_list.round_type .accodWrap .accodBtn:after {right:10px; top:13px;}
.accod_list.round_type .accodSlide {padding:15px 16px 23px 16px;}
/*2024-10-16 Q11067 #752 금소법+리볼빙 상품설명서(아코디언 예외처리)(strong태그모바일공통 -기본 font-weight:normal -강조 fw_bold클래스사용)*/
.accod_list.round_type .accodSlide strong {font-weight:700;}

/* 회색 라운드 타입(하위답변에 대한 질문) */
.accod_list_wrap + .accod_list_wrap {margin-top:40px;}
.accod_list_wrap .wrap_text {font-size:16px; font-weight:700; color:#000; line-height:26px;}
.accod_list_wrap .wrap_text + .accod_list {margin-top:10px}

/*card_PLCC 신규추가*/
.accod_list .accodWrap {margin-top:0;} /*popup_agree 상속막음*/
.accod_list .accodWrap .accodBtn p {margin-top:0;}

/*아코디언 낸 예시 회색박스*/
.termsBox_type1 {position:relative; margin-top:20px; padding:20px; background:#f5f5f5; font-size:14px; color:rgba(0,0,0,0.64); line-height:22px;}
.termsBox_type1.termsBox_gap01 {margin-bottom:36px;}
.termsBoxTit strong {font-weight:700; color:#000;}
.termsBox_type1 .f_letter {margin:0 4px 0 -36px; font-weight:700; color:#000;}
.termsBoxTit {padding-left:36px;}
.termsBoxCon {margin-top:20px;}
.termsBoxCon li {font-size:14px; line-height:22px;}
.termsBoxCon li + li {margin-top:4px;}
.termsBoxCon li .oNum {font-size:12px;}

.highlight2 {background-image: linear-gradient(to bottom, /*transparent 0 -2px,*/transparent 0 6px, #fbff00 8px calc(100% - 2px), transparent calc(100% - 2px) 100%);}

/*---------- plcc_ui.css (info_num->info_num2 클래스 변경)*/
.info_num2 {display:block; margin-top:64px; margin-bottom:30px; font-weight:700; font-size:24px; line-height:32px; } /*2024-04-11 Q11067 #600 금소법 UI개선(margin-bottom:50px;->30px)*/
.info_num2:first-child {margin-top:0;}
.info_num2 + h3.ceterms_tit {margin-top:50px;} /*3page*/
h3.ceterms_tit + .accod_list_wrap {margin-top:10px;}
/*(폰트 진하게)*/
.ceterms_wrap .table_x_title {margin-top:12px; font-size:16px; font-weight:700; color:#000; letter-spacing:0; line-height:22px;}
.ceterms_wrap h3:first-child + table {margin-top:16px;}

/*---------- popup.css (terms_table->terms_table2 클래스 변경)*//*2024-05-22 Q11067 #634 MPO 대한항공060(padding:13px 0 13px 8px->13px 8px)*/
.terms_table2 thead th {border-top:1px solid #ebebeb;}
.terms_table2 th{border-bottom:1px solid #ebebeb;vertical-align:top;padding:13px 8px;font-weight:700;font-size:14px;color:#000;line-height:22px;text-align:left;word-break:break-all;}
.terms_table2 th.normal{font-weight:500;}
.terms_table2 td{border-bottom:1px solid #ebebeb;vertical-align:top;padding:13px 8px;font-size:14px;color:rgba(0,0,0,0.64);line-height:22px;}
/*라인 세로정보 강조*/
.terms_table2.line_col_2th thead th:nth-child(2) {border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000;}
.terms_table2.line_col_2th tbody tr td:nth-child(2) {border-right:1px solid #000; border-left:1px solid #000;}
.terms_table2.line_col_2th tbody tr:last-child td:nth-child(2) {border-bottom:1px solid #000 !important;}

.terms_table2 tbody th, 
.terms_table2 tbody th + td {padding:16px 0;}
.terms_table2 tbody th + td {color:#000;}
.terms_table2 [class^="bul_"][class*="list02"] > li, 
.terms_table2 [class^="dash_"][class*="list02"] > li, 
.terms_table2 [class^="bul_"][class*="txt02"], 
.terms_table2 [class^="dash_"][class*="txt02"] {color:rgba(0,0,0,0.64);}

/*(gpcc plcc 공통사용) 테이블*/
ul + .terms_table2 {margin-top:20px;}
.terms_table2.bd_top {border-top:1px solid #ebebeb;}
.terms_table2.bd_btmNone tbody tr:last-child th,
.terms_table2.bd_btmNone tbody tr:last-child td {border-bottom:0 !important;}
.terms_table2 .bd_btmNone {border-bottom:0 !important;}

.terms_table2 td * + p {margin-top:16px;}
.terms_table2 td * + .bul_list02,
.terms_table2 td * + .bul_list02 > li + li {margin-top:4px;}
.terms_table2 + .asterisk_list {margin-top:0;}
/*(gpcc plcc 공통사용) 제목*/
.ceterms_tit {font-size:16px; font-weight:700; color:#000; letter-spacing:0; line-height:22px;}
h3.ceterms_tit {margin-top:64px;}
h3.ceterms_tit:first-child {margin-top:0;}
.ceterms_tit.ceterms_gap01 {margin-top:42px;}
h4.ceterms_tit {margin-top:40px;}
h3.ceterms_tit + h4.ceterms_tit {margin-top:12px;}
.ceterms_tit + ul,.ceterms_tit + ol {margin-top:16px;}
.ceterms_tit + .table_x_title {margin-top:16px;}
/*(gpcc plcc 공통사용) 내용*/
.ceterms_wrap .fb {font-weight:bold;} /*gpcc .fb클래스 가져옴*/
.ceterms_wrap [class^="bul_"][class*="list02"] > li, 
.ceterms_wrap [class^="dash_"][class*="list02"] > li {color:rgba(0,0,0,0.64);}
.ceterms_wrap [class^="bul_"][class*="list"] > li + li {margin-top:10px;}
.ceterms_wrap [class^="bul_"][class*="list02"] > li + li {margin-top:8px;}
.ceterms_txt01 {margin-top:20px; font-size:14px; font-weight:700; color:#000; line-height:22px;}
.ceterms_txt01 + ul {margin-top:10px;}
.ceterms_txt01 + .ceterms_txt02 {margin-top:8px;}
.ceterms_txt02 {font-size:14px; font-weight:500; color:rgba(0,0,0,0.64); line-height:22px;} /*2023-10-04 쏘카_유도팝업 선배포*/
.ceterms_txt02 + ul, .ceterms_txt02 + .ceterms_txt02 {margin-top:8px;}
ul + .ceterms_txt02 {margin-top:8px;} /* 2023-07-11 Q11024 the red stripe (마일리지형 + 포인트형) 유형 */



/*CLCC MKTE3TP*/
.cBlack {color:#000 !important;} /*2023-10-04 쏘카_유도팝업 선배포*/
.ceterms_txt03 {margin-top:15px; font-size:16px; font-weight:500; color:rgba(0,0,0,0.64); line-height:26px;}
h4.ceterms_txt03, h5.ceterms_txt03 {color:#000;}
h4.ceterms_txt03 + ul {margin-top:10px;}
.ceterms_txt03 + ul,.ceterms_txt03 + ol {margin-top:15px;} /*PLCC GCE3 (231115추가)*/

.gubun_line {position:relative; height:1px; margin:20px 0 12px 0; background:#ebebeb;}
.gubun_line.gubun_gap01 {margin:48px 0 32px 0;} /*금소법페이지*/
.gubun_line.bgNone {background:transparent;} /*카드상품개요 적립종류 구분*/
.gubun_line + .ceterms_txt01 {margin-top:32px;}
.gubun_line + .asterisk_list {margin-top:0;}
.gubun_line + .h3_title {margin-top:0;} /*plcc추가*/

/*부가서비스 이용(신규유형)*/
.ol_list_type1 > li {font-size:16px;font-weight:500;line-height:26px;}
.ol_list_type1 > li + li {margin-top:10px;}
.ol_list_type1.fc_m_a64 > li {color:rgba(0,0,0,0.64);}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont ol.fc_m_a64 li {color:rgba(0,0,0,0.64);} /*plcc_ui 상속막음*/
.ol_list_type1 > li * {padding-left:19px;}
.ol_list_type1 > li > ul {margin-top:6px;}

/*---------- (gpcc plcc 공통사용) gpcc 클래스 가져옴*/
.bul_list > li {position:relative; padding-left:8px; font-size:16px; font-weight:500; line-height:26px;}
.bul_list > li + li {margin-top:10px;}
.bul_list > li > ul > li:first-child {margin-top:6px;}
.detail_cont:not(.font_initial) div > .bul_list > li {font-size:16px; line-height:26px;}
.detail_cont:not(.font_initial) div > .bul_list > li + li {margin-top:10px;}
.bul_list > li:before {content:''; display:inline-block; position:absolute; top:12px; left:1px; width:2px; height:2px; background:#949494; border-radius:100%;}
.bul_list.fc_m_a64 > li {color:rgba(0,0,0,0.64)}
.bul_list.fc_m_a64 > li.fw_bold {color:#000;}
.detail_cont:not(.font_initial) div > .bul_list.fc_m_a64 > li.fw_bold {color:#000;}
/*2023-10-04 쏘카_유도팝업 선배포(bul_list02 부분)*/
.bul_list02 > li {position:relative; padding-left:8px; font-size:14px; font-weight:500; line-height:22px; color:rgba(0,0,0,0.64);}
.bul_list02 > li + li {margin-top:6px;}
.bul_list02 > li > ul > li:first-child {margin-top:6px;}
.detail_cont:not(.font_initial) div > .bul_list02 > li {font-size:14px; line-height:22px;}
.detail_cont:not(.font_initial) div > .bul_list02 > li + li {margin-top:6px;}
.bul_list02 > li:before {content:''; display:inline-block; position:absolute; top:10px; left:0; width:2px; height:2px; background:#949494; border-radius:100%;}

.bul_list02.fc_a48 > li {color: rgba(0,0,0,0.48);} /* 2024-04-11 Q10941 bul_list02 색상 변경 추가 */

.dash_list > li {position:relative; padding-left:8px; font-size:16px; font-weight:500; line-height:26px;}
.dash_list > li + li {margin-top:10px;}
.dash_list > li > ul > li:first-child {margin-top:10px;}
.detail_cont:not(.font_initial) div > ul > li .dash_list > li {padding-left:8px; font-size:16px; line-height:26px;}
.detail_cont:not(.font_initial) div > ul > li .dash_list > li + li {margin-top:10px;}
.dash_list > li:before {content:''; display:inline-block; position:absolute; top:13px; left:1px; width:4px; height:1px; background:#949494;}
.dash_list.fc_m_a64 > li {color:rgba(0,0,0,0.64)}
/*2023-10-04 쏘카_유도팝업 선배포(dash_list02 부분)*/
.dash_list02 > li {position:relative; padding-left:8px; font-size:14px; font-weight:500; line-height:22px;}
.dash_list02 > li + li {margin-top:6px;}
.dash_list02 > li > ul > li:first-child {margin-top:6px;}
.detail_cont:not(.font_initial) div > ul > li .dash_list02 > li {padding-left:8px; font-size:14px; line-height:22px;}
.detail_cont:not(.font_initial) div > ul > li .dash_list02 > li + li {margin-top:6px;}
.dash_list02 > li:before {content:''; display:inline-block; position:absolute; top:11px; left:0; width:4px; height:1px; background:#949494;}
.dash_list02.fc_m_a64 > li {color:rgba(0,0,0,0.64)}

/*(plcc 전용) 별목록 폰트컬러수정*/
.ceterms_wrap .asterisk_list li {color:rgba(0,0,0,0.64)}
.asterisk_list.fc_m_a64 li {color:rgba(0,0,0,0.64)} /*미리추가*/
.logo_naverPlusMBS {display:inline-block; width:73px; height:18px; vertical-align:sub; background:url(../images/logo_naverPlusMBS.png) 0 0 no-repeat; background-size:auto 18px;}
.logo_npayPlusR {display:inline-block; width:50px; height:16px; vertical-align:sub; background:url(/docfiles/resources/mo/images/detail/img_npayplus.png) 0 0 no-repeat; background-size:auto 16px;} /* 2024-12-18 Q11024 #793 :네이버페이플러스 로고 추가 */

/*(plcc mo전용) 금소법 관련추가 ---------- plcc 스크롤 이벤트 위치변경*/
.cepage_item_wrap {overflow-y:auto; height:100%;}
.cepage_item_wrap.is-stopScroll {overflow:hidden;}
.cepage_item_inner .box_terms {padding:0 6.4% 60px 6.4%;}
/*두번째 영역 버튼스타일 맞춤*/
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .js_scroll_end {border-radius:8px;}

/*plcc pc에서 가져옴*/
.new_bottom_sheet_title .layer_slide_back {position:relative; float:left; width:32px; height:32px; margin:0 0 0 -10px;}
.new_bottom_sheet_title .layer_slide_back:before {display:block; content:""; width:32px; height:32px; background:url(../images/ico_ArrowB_Back.png) 0 0 no-repeat; background-size:32px;}
.new_bottom_sheet_title .layer_slide_back.hidden {display:none;}
.new_bottom_sheet_title .layer_slide_back span {font-size:0;}

/*(plcc 전용) 이전버튼(disbled) 신규*/
.gpcc_btn_area .btn_gray2 {background: rgba(0,0,0,0.08);color:#000;}
.gpcc_btn_area .btn_gray2.disabled {color: rgba(0,0,0,0.20);}

/*(plcc 전용) 금소법 최종 싱글 체크 (오른쪽 여백 조정)*/
/* .agree_bundle_list.single > li .header_accordion .custom_check label {margin-right:15px;} */

/*---------- (gpcc plcc 공통클래스 사용) 3:7 비율 신규유형추가*/
.wType1 {width:calc(36% - 4px) !important;}
.wType2 {width:calc(64% - 4px) !important;}

/*(gpcc plcc 공통사용)2023-08-xx Q11067 #346 금소법(다운로드 버튼추가)*/
.layer_add {position:absolute; right:56px; top:8px;}
.layer_add a {margin-right:4px;}
.btn_docuDown {display:inline-block; position:relative; width:48px; height:48px; background:url(../images/btn_docuDown.png) no-repeat 50% 50%; background-size:48px auto;}
.a11y {position:absolute;left:0;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);font-size:1px;}
/*---------- ---------- ---------- (배포일)2023-11-29 Q11067 #346 금소법(gpcc plcc 공통클래스 사용) End ---------- ---------- ----------*/

/* 2023-12-05 Q10941 #484_PLCC_넥슨카드기소지자_신용카드 발급시해지동의 추가요청 */
.notice_bundle {display: block; position: relative; margin: 20px 0 56px;}
.notice_bundle .tit {font-size: 20px; line-height: 26px; font-weight: bold; color: #000;}
.notice_bundle .notice_icolist {position: relative; margin-top: 32px;}
.notice_bundle .notice_icolist li {position: relative; display: flex; align-items: center; }
.notice_bundle .notice_icolist li + li {margin-top: 16px;}
.notice_bundle .notice_icolist .img {width: 56px; height: 56px;}
.notice_bundle .notice_icolist p {font-size: 16px; line-height: 22px; font-weight: bold; color: #000; padding-left: 20px;}
.notice_bundle + .terms_box {display: block; position: relative; margin: 56px 0 40px;}
.notice_bundle + .terms_box .sub_tit {font-size: 16px; line-height: 22px; font-weight: bold; color: #000; margin-top: 24px;}
.notice_bundle + .terms_box .sub_tit:first-child {margin-top: 0;}
.terms_wrap.hold_checkCard {margin: 40px 0 40px;}

/* 2023-12-13 Q10941 #492_PLCC_브랜드선택 내 국제 브랜드 유도팝업 제작요청 */
.layer_popup.bottom_sheet.brandChk_layer .overseas_pay {margin-top: 36px;}
.layer_popup.bottom_sheet.brandChk_layer .overseas_pay .h3_title {font-size: 16px; font-weight: bold; color: #000; line-height: 22px; margin: 0 0 12px;}
.layer_popup.bottom_sheet.brandChk_layer .overseas_pay.big .box_white .custom_radio input[type="radio"]:checked + label {border: 2px solid #000;}

/* 2024-01-11 Q11060 #508_PLCC_내외국인신청구분 및 신분증 단계 개선건 */
/* .card_PLCC .npay_wrap.new_space {margin: 64px 0 60px 6px;} */
/* .top_bundle.form_tit {display: flex; justify-content: space-between; align-items: center; margin-top: -4px; margin-bottom: 30px;} */
.top_bundle.form_tit {display: flex; justify-content: space-between; align-items: center; margin: 0 0 24px;}/* 2024-07-09 #636_간소화 가이드 적용(Q11060)*/
.top_bundle.form_tit .h3_title {margin: 0;} 
.notice_msg { display: block; margin-top: 5px; font-size: 12px; line-height: 18px; color: #858585;}
.flex_bundle_list.engName {margin-bottom: 0 !important; justify-content: space-between;}
.flex_bundle_list.engName .custom_input:first-child {width: 32%;}
.flex_bundle_list.engName .custom_input:last-child {width: 65%;}
.flex_bundle_list.left .custom_radio input[type="radio"] + label {justify-content: flex-start;}
.radio_dropdown {position: relative; height: 20px; text-align: left;}                            
.radio_dropdown input+label {position:relative; display: block; padding: 5px 0; color: #848484; font-size: 16px; line-height: 22px;}
.radio_dropdown input+label::after {content: ''; display: block; width: 24px; height: 24px; position: absolute; right: 0; left: auto; background: none;}
.radio_dropdown input:checked + label {font-weight: 700; color: #000; display: block;}
.radio_dropdown input:checked + label::after {background: url(/plcc/m/images/ico_CheckB.png) no-repeat; background-size: 24px auto;}
.radio_dropdown .btn_dropdown {position: relative; display: block; padding-right: 22px;}
.radio_dropdown .btn_dropdown::after {content: ''; display: block; width: 18px; height: 18px; position: absolute; right: 0; top: 2px; background: url(/plcc/m/images/ico_arrowFold_down.png) no-repeat; background-size: 18px auto; transition: .3s all ease-in-out;}
.radio_dropdown.on .btn_dropdown::after {transform: rotate(-180deg);}
.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; box-sizing: border-box;}
.radio_dropdown.on .radio_dropdown_el {display: block;}
.radio_dropdown_el li+li {margin-top: 4px;}
/* 운전면허 입력란 개선 */
.form_bundle_wrap > ul > li .custom_mix.driverLicense .account_bundle {width: 65%;}
.card_PLCC .form_bundle_wrap > ul > li .custom_mix.driverLicense .account_bundle .custom_input {position: relative !important;}
.card_PLCC .form_bundle_wrap > ul > li .custom_mix.driverLicense .account_bundle .custom_input:nth-child(1) {width: calc(100%  - 65px);}
.card_PLCC .form_bundle_wrap > ul > li .custom_mix.driverLicense .account_bundle .custom_input:nth-child(2) {width: 65px;}
.card_PLCC .form_bundle_wrap > ul > li .custom_mix.driverLicense .account_bundle .custom_input:nth-child(2) input {text-align: center;}
.card_PLCC .form_bundle_wrap > ul > li .custom_mix.driverLicense .account_bundle .custom_input:nth-child(2)::before {left: 0; display: block}

/* 2024-02-08 Q11060 #527_GPCCPLCC_금소법 개선건(가족영문포함) */
.accod_list_wrap.ceterms_accord01 {margin-top:56px;}
.accod_list_wrap.ceterms_accord01 .accodBtn .ceterms_tit {margin-top:0; font-weight:500;}
.accod_list_wrap.ceterms_accord01 .accod_list .accodWrap.on .accodBtn .ceterms_tit {font-weight:700;}
.comment_box.w100 {width: 100% !important;}
.comment_box .apllepay_comment.cepage_coment {width:260px;height:28px;padding:2px 8px;bottom:66px;text-align:center;letter-spacing:-.5px}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn {border-radius: 8px;}

/* 2024-03-08 Q11024 #562_PLCCGPCC_신규 MPO 추천 팝업 제작 요청의건 */
.termsBox_type2 {padding:20px; background:#fafafa; border-radius:2px;}
.ceterms_wrap .fc_air {color:#0077b4;}
.ceterms_wrap [class^="bul_"][class*="list02"] > li.fw_bold {font-weight:700;}
.ceterms_wrap .card_bundle .box_step_list {margin-top:10px;}
.ceterms_wrap .box_step_list li {position:relative; padding:16px 22px; border:1px solid rgba(0,0,0,0.08); border-radius:2px; text-align:center;}
.ceterms_wrap .box_step_list li + li {margin-top:40px;}
.ceterms_wrap .box_step_list li + li:before {position:absolute; left:50%; top:-32px; margin-left:-12px; content:""; display:block; width:24px; height:24px; background:url(/plcc/m/images/ico_ArrowB_Down.png) center no-repeat; background-size:24px; opacity:0.4;}
.ceterms_wrap .box_step_list li.graybox {background: #fafafa;}
.ceterms_wrap .box_step_list + .bul_list {margin-top:32px;}
.ceterms_wrap .box_step_list li.item_none {margin-top:4px;}
.ceterms_wrap .box_step_list li.item_none:before {display:none;}
.ceterms_wrap .box_step_list li .tit {font-size:16px; font-weight:500; letter-spacing:0; line-height:26px;}
.ceterms_wrap .box_step_list li .con {font-size:14px; font-weight:500; letter-spacing:0; line-height:22px;}
.ceterms_wrap .box_step_list li .con.type02 {font-size:16px; font-weight:700; letter-spacing:0; line-height:26px;}

/*2024-03-08 Q11067 #562 MPO추천팝업*/
.rcmmndCardBox {position:relative; margin-top:15px; padding:32px 24px 6px 24px;}
.rcmmndCardTit {position:absolute; left:20px; top:-11px; background:#fff;}
.textGradient {padding:0 4px; background:linear-gradient(to right, #32C5ff 0%, #B620E0 100%); background-clip:text; -webkit-background-clip:text; color:transparent; font-size:16px; font-weight:bold;}
.bgGradientLeft {display:block; position:absolute; left:0; top:0; z-index:-1; width:50%; height:100%; border:2px solid #32C5ff; border-right:0; border-radius:8px 0 0 8px; box-sizing:border-box;}
.bgGradientRight {display:block; position:absolute; right:0; top:0; z-index:-1; width:50%; height:100%; border:2px solid #B620E0; border-left:0; border-radius:0 8px 8px 0; box-sizing:border-box;}
.bgGradientTop {display:block; position:absolute; left:10px; right:10px; top:0; z-index:0; border-top:2px solid transparent; border-radius:8px; border-image:linear-gradient(to right, #32C5ff 0%, #B620E0 100%); border-image-slice:1;}
.bgGradientBtm {display:block; position:absolute; left:10px; right:10px; bottom:0; z-index:0; border-bottom:2px solid transparent; border-radius:8px; border-image:linear-gradient(to right, #32C5ff 0%, #B620E0 100%); border-image-slice:1;}
.rcmmndCardList > li + li .listItem {padding-top:16px}
.rcmmndCardList > li .listItem {position:relative; padding-bottom:20px;}
.rcmmndCardList > li .listItem:before {content:''; display:block; position:absolute; left:86px; top:0; width:calc(100% - 86px); height:1px; background:rgba(0,0,0,0.08);}
.rcmmndCardList > li:first-child .listItem:before {display:none;}
.rcmmndCardList > li .listItem:after {content:''; display:block; clear:both;}
.rcmmndCardList > li .listItem .rcimg {float:left; width:66px;}
.rcmmndCardList > li .listItem .rctxt {float:left; width:calc(100% - 66px); position:relative; padding-left:20px; box-sizing:border-box;}
.rcmmndCardList > li .listItem .rctit {margin-top:0; color:#000; font-size:16px; font-weight:bold;}
.rcmmndCardList > li .listItem .rccon {margin-top:4px;color:#000; font-size:14px; line-height:20px;}
.rcmmndCardList > li .listItem .btns_ra {display:inline-block; margin-top:6px;}
.rcmmndCardList > li .listItem .btns_ra span:after {display:inline-block; content:""; background:url('../images/ArrowB_Forward.png') no-repeat center;background-size:100%;width:16px;height:16px;vertical-align:middle;opacity:.36;margin-top:-3px;}
.rcmmndCardList > li .listItem .btns_ra.gray {color:rgba(0,0,0,0.48);}
.rcmmndCardList > li .listItem .rcbtn {margin-top:12px;}
.rcmmndCardList > li .listItem .btns_h40 {display:inline-block; height:40px; line-height:40px; padding:0 16px; border-radius:8px; background:#000; color:#fff; font-size:14px; font-weight:bold;}

.tit_cline.borderNone {margin-top:36px; padding-top:0; border-top:0;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .tit_cline strong {font-size:16px;}
.new_bottom_sheet.layer_popup.full.no_footer .layer_wrap .layer_slider_wrap .box_terms .detail_cont {padding-bottom:0 !important;}

/* 2024-03-13 Q10941 #570_PLCC_코스트코 리워드 현대카드 Edition2 신청안내 팝업 수정요청 : text list 간격 조정 */
.overBG.BG_list .bullet_list:first-child {margin-top: 0;}
.overBG.BG_list .bullet_list + .bullet_list {margin-top: 24px;}
.overBG.BG_list .bullet_list .dash_list02 li {margin-top: 6px;} 

/* 2024-03-15 Q10941 #572_GPCCPLCC_부가서비스 내 APPLE PAY 항목 추가 및 팝업 제작요청 */
.terms_bundle_applepay {position: relative; display: block; margin: 56px 0 16px;}
.terms_bundle_applepay .sub_title {display: block; font-size: 16px; line-height: 22px; color: #000; font-weight: bold; margin-bottom: 12px;}

/* 2024-03-22 Q10547 #577_GPCCPLCC_MPO 간소화 프로세스 신규 제작요청의건 */
.box_solid.mpo_terms {padding:20px;margin-top:16px;}
.box_solid.mpo_terms .pop_in_radio .box_rad01 + .box_rad01 {padding-left:20px;}
.box_solid.mpo_terms .pop_in_radio .radio_label {font-size:14px;line-height:22px;}
.box_solid.mpo_terms .pop_in_radio {align-items:center;}
.box_solid.mpo_terms .pop_in_radio .radio_input + .radio_label:before {top:50%;transform:translate(0, -50%);width:26px;height:26px;background-size:26px;}
.box_solid.mpo_terms .pop_in_radio .radio_input:checked + .radio_label {color:#000;font-weight:bold;}
.comment_box .cepage_coment.type02 {width:186px;height:auto;}
.accod_list.cardExplain_type .accodSlide .box_answer.mpo_type .dash_list > li + li {margin-top:6px;}

/* 2024-04-12 Q10941 598_GPCCPLCC_랩업_ 자택주소 수정 및 랩업 내 주소지 노출 수정요청 */
.select_wrapping ul li.highlight.hlt_top:before {top: 28px}
.select_wrapping .result_wrap {text-align: right; min-width: 30%;}                                            
.select_wrapping .result_wrap .details_box li {display: block; padding: 4px 24px 0 0;}      
.select_wrapping .result_wrap .details_box li span{display: inline-block; font-size: 16px; color: #000; line-height: 22px; vertical-align: top; font-weight: bold; margin-right: 0; word-wrap: break-word; word-break: keep-all;}
/*gpcc common.css 가져옴*/
.fs_016 {font-size: 16px !important;}
.fs_020 {font-size: 20px !important;}

/* 2024-06-03 Q11067 #643 스마일혜택 팝업 */
.gubun_line2 {border-top:1px solid #dbdbdb;}

/* 2024-06-27 Q10941 #657_GPCCPLCC_MPO 추천팝업 상품확대 제작요청 : 상세 내용 팝업 추가로 plcc/gpcc 클래스 동일하게 제작 */
.alM {vertical-align: middle !important;}
.alC {text-align: center !important;}
.mt16 {margin-top: 16px !important;}
.mt48 {margin-top: 48px !important;}
.fs_012 {font-size: 12px !important;}
.fc_a48 {color:rgba(0,0,0,0.48) !important;}

.ceterms_wrap.mpo_detail_wrap h3.ceterms_tit01 {margin-top: 64px;}
.ceterms_wrap.mpo_detail_wrap .ceterms_tit01 {font-size: 20px; line-height: 26px; font-weight: 700; color: #000; letter-spacing: 0;}                                    
.ceterms_wrap.mpo_detail_wrap .ceterms_tit01 + ul.bul_list02 {margin-top: 16px;}

.ceterms_wrap.mpo_detail_wrap .ceterms_tit02 {font-size: 16px; line-height: 22px; font-weight: 700; color: #000; letter-spacing: 0;}
.ceterms_wrap.mpo_detail_wrap .ceterms_tit02 + ul.bul_list02,
.ceterms_wrap.mpo_detail_wrap .ceterms_tit02 + .ceterms_txt02 {margin-top: 12px;}      

.ceterms_wrap.mpo_detail_wrap .ceterms_txt01 {margin-top: 16px;}
.ceterms_wrap.mpo_detail_wrap .ceterms_txt01 + ul.bul_list02 {margin-top: 8px;}

.ceterms_wrap.mpo_detail_wrap ul.bul_list02.cBlack li {color: #000 !important;}
.ceterms_wrap.mpo_detail_wrap ul.bul_list02 li + li {margin-top: 6px;}
.ceterms_wrap.mpo_detail_wrap ul.bul_list02 + .ceterms_txt02 {margin-top: 6px;}

.ceterms_wrap.mpo_detail_wrap .gubun_line01 {position: relative; height: 1px; margin: 32px 0 20px; background: rgba(0,0,0,.08);}
.ceterms_wrap.mpo_detail_wrap .gubun_line02 {position: relative; height: 1px; margin: 20px 0; background: rgba(0,0,0,.08);}
.ceterms_wrap.mpo_detail_wrap .gubun_line01.bgNone,
.ceterms_wrap.mpo_detail_wrap .gubun_line02.bgNone {background: transparent;}

.ceterms_wrap.mpo_detail_wrap .logo_npayplus {display: inline-block; position: relative; width: 51px; height: 16px; background: url(/docfiles/resources/pc/images/detail/img_npayplus.png) 0 0 no-repeat; background-size: auto 100%; font-size: 0;  top: -2px;}

/*----- 배포완료 ------*/

/* 2024-07-15 Q11060 #342_PLCC_콤비카드_리워드선택형 화면페이지 제작요청건 */
/* 적립비율선택-라디오박스 회색 배경 ---------------------------------------- 240821 운영베타 임시용CSS (추후삭제예정)*/
.bundle_list_wrap .box_solid {position: relative; margin-top: 16px; padding: 20px; background-color: rgba(0, 0, 0, 0.04);}
.bundle_list_wrap .box_solid .h3_title {margin: 0 0 12px;}
.bundle_list_wrap .box_solid .flex_bundle_list.between {margin-bottom: 0;}
.bundle_list_wrap .box_solid .flex_bundle_list.between li .custom_radio input[type="radio"] + label { background-color: #fff;}
.bundle_list_wrap .box_solid .flex_bundle_list.between li .custom_radio input[type="radio"]:disabled + label {color: rgba(0,0,0,0.16); background-color: transparent;}
.bundle_list_wrap .box_solid .flex_bundle_list.between + .h3_title {margin-top: 16px;}
.flex_btn_wrap {display: flex; align-content: center; justify-content: flex-start;}
.flex_btn_wrap.right {justify-content: flex-end;}
.flex_btn_wrap.fix_end {justify-content: flex-end; position: absolute; right: 0;}
.flex_btn_wrap.h52 {bottom: -52px; height: 52px;}
.flex_btn_wrap.h52 [class*="btn_ico"][class*="_24"]{padding: 16px 10px 16px 34px;}
/* 24*24 아이콘 버튼 */
[class*="btn_ico"] {font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.64); box-sizing: border-box;}
[class*="btn_ico"][class*="_24"] {padding:8px 10px 8px 34px; background-position: 8px center; background-repeat: no-repeat; background-size: 24px 24px;}
[class*="btn_ico"].btn_refresh {background-image: url(/plcc/m/images/ico_refresh.png);}
.select_wrapping .result_wrap .details_box .reward_area > span {max-width:none; width:100%;} /*랩업*/

/*2024-08-16 Q11067 #342 3body적립UI수정(UI변경)*/
.fixSumResult {position:relative;}
.fixSumResult .box_solid {margin:16px 0 0 0; padding:20px; background-color: rgba(0, 0, 0, 0.04);}
.fixSumResult .h3_title {margin:16px 0 0 0;}
.fixSumResult .h3_title:first-child {margin-top:0;}
.fixSumResult .h3_title:after {content:''; display:block; clear:both;}
.h3_title .titleRightText {float:right;}
.fixSumResult .flex_btn_wrap {display:flex;}
.fixSumResult .flex_btn_wrap.fix_end {justify-content:flex-end; position:static;}
.fixSumResult .flex_btn_wrap [class*="btn_ico"][class*="_24"]{padding: 16px 10px 16px 34px;}

.new_bottom_sheet .new_bottom_sheet_title.type_f20 {padding:19px 50px 17px 24px; font-size:20px; line-height:26px;}
.layer_content .wrap_slider_box {padding:24px 0;}
.wrap_slider_period2 {position:relative; width:calc(100% - 2px); margin:0; padding:40px 1px 0 1px; background:#fff;}
.wrap_slider_period2 + .wrap_slider_period2 {margin-top:58px;}
.wrap_slider_period2 .h3_title {position:absolute; left:0; top:0; margin:0;}
.wrap_slider_period2.slider_area .ui-widget.ui-widget-content {height:8px; background:#e0e0e0;}
.wrap_slider_period2.slider_area .ui-slider-horizontal .ui-slider-handle::before {left:-19px; top:-13px !important; width:56px !important; height:56px !important; background:url(/plcc/m/images/btn_drag_circle.png) no-repeat center center !important;background-size:100% auto !important;}
.slide_base2 {position:absolute; top:0; right:2px;}
.counter_payrete_num2 {width:fit-content; margin-left:-15px; font-size:24px; color:#0f1e2d; font-weight:bold; line-height:1;}

.range_ruler2_box {padding:0 2px;}
.range_ruler2 {margin-top:-6px;}
.range_ruler2 .flexbox.type3 {position:relative;}
.range_ruler2 .flexbox.type3 div{position:absolute; top:0;}
.range_ruler2 .flexbox.type3 div:before {content:''; display:block; position:relative; z-index:1; width:4px; height:4px; background:rgba(255, 255, 255, 0.4); border-radius:50%;}
.range_ruler2 .flexbox.type3 div:nth-child(1) {left:0;}
.range_ruler2 .flexbox.type3 div:nth-child(2) {left:13.8%;}
.range_ruler2 .flexbox.type3 div:nth-child(3) {left:28.1%;}
.range_ruler2 .flexbox.type3 div:nth-child(4) {left:42.7%;}
.range_ruler2 .flexbox.type3 div:nth-child(5) {left:57%;}
.range_ruler2 .flexbox.type3 div:nth-child(6) {left:71.4286%;}
.range_ruler2 .flexbox.type3 div:nth-child(7) {left:85.7143%;}
.range_ruler2 .flexbox.type3 div:nth-child(8) {left:98.5%;} /*MO,PC다름*/
.range_ruler2 .flexbox.type3 div span{display:inline-block;padding-top:12px;text-align:right;font-size:12px;color:#777;position:absolute;}
.range_ruler2 .flexbox.type3 div span {left:-4px;}

.wrap_slider_sum {margin-top:66px; padding-top:16px; border-top:1px solid rgba(0,0,0,0.08); text-align:center;}
.wrap_slider_sum .pType1 {font-size:20px; font-weight:bold; line-height:22px;}
.wrap_slider_sum .slider_sum {margin-left:3px; font-size:24px;}
.wrap_slider_sum.error .slider_sum {color:#ff0000;}
.wrap_slider_sum .error_msg {margin-top:8px; font-size:14px; font-weight:bold; line-height:20px;}

.pb11 {padding-bottom:11px !important;}
.revolving_area h4.strong + .desc_gray.small {line-height:14px;} /*line-height 14px 공통 삭제 -> 기존 리볼빙 디자인 맞추기 위해 추가*/

/*----- 배포완료 ------*/

/*2024-09-09 Q11067 #712 기존회원 한도변경*/
.flex_bundle_list.hType1 .custom_radio input[type="radio"] + label {display:flex;justify-content:center;align-items:center;height:60px;flex-direction:column;font-size:14px;line-height:20px;}
.limit_box {position: relative; display: block; margin: 32px 0 44px; padding: 20px; background-color: #f5f5f5; border-radius: 8px;} /*GPCC + PLCC 공통마크업*/
.limit_box .limit_box_list .limit_con {display: flex; justify-content: center; align-items: center;}/* 2026-05-13 Q11796 #1575_PLCC_다크패턴 과제_디폴트 제거 및 버튼 수정 */
.limit_box .limit_box_list .limit_con p {font-size: 16px; font-weight: 700; line-height: 22px; color: #000;}

/* 2024-11-12 Q10941 #769_체크박스(약관X) 추가 */
.box_solid.check_gray {margin-top: 24px; padding: 0;}
.box_solid.check_gray .agree_bundle .custom_check {padding: 14px 10px;}

/* 2025-02-03 Q11796 #836 기획확인_올리브영 동의항목 추가 */
.terms_table.type_h col:first-child{width:auto !important}/* 약관테이블 세로형 */
.terms_table.type_h th {text-align: center;padding: 13px 8px}
.terms_table.type_h td {padding: 13px 8px}
.layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont:not(.font_initial) div > ul > li .h4_tit_1 {margin: 16px 0 8px}
.layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont ul + .h4_tit_1,
.layer_popup.new_bottom_sheet.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont table + .h4_tit_1 {margin-top: 16px}



/* 2025-03-12 Q11795 #851  */
.layer_title_area.low3{padding-top:10px; padding-bottom:10px; height:auto;} /* 2025-03-31 Q11795 #904 */
.layer_title_area.low3 h2 {padding-right:18px; font-size:22px; line-height:1.6; white-space:normal; text-align:left;} /* 2025-03-31 Q11795 #904 */
.layer_popup.full .layer_wrap .layer_title_area.low3 + .layer_content{height:calc(100% - 126px);} /* 2025-03-31 Q11795 #904 */
.form_bundle_wrap > ul.bundle_list.type02 > li{font-size:14px;}
.fs_018{font-size:18px !important;}
.bul_list02 > li .fw_bold{color:#000;}

/* 2025-04-03 Q11795 #904-1  */
.fs_014{font-size:14px !important;}
.padLow3{padding-top:3px; padding-bottom:3px;}
.text_list li.colType1{color:rgba(0,0,0, 0.4);}
.dash_list02.fc_m_a4 > li{color:rgba(0,0,0,0.4)}
.detail_cont:not(.font_initial) div > ul.li_pad_l8 > li{padding-left:8px}
.bul_list02.black li{color:#000}
.h4_title{font-size:14px; font-weight:700; line-height:20px;}

/* 2025-05-16 Q11812 #994_PLCC_KB 카드인증 제외 요청의 건 */
.gpcc_bank_list.row3{justify-content:initial;}
.gpcc_bank_list.row3 li{ width: calc((100% - 8px) / 3);}
.gpcc_bank_list.row3 li:nth-child(3n + 1){margin-left: 0px;}
.gpcc_bank_list.row3 li + li{margin-left: 4px;}

/* 2025-06-02 Q11811 #1019_디자인 선택 단계 UI개선 요청의 건 */
.sec_wrap .overseas_pay.lineType.hs_prc .box_white{height:auto}
.sec_wrap .overseas_pay.lineType.hs_prc .box_white .custom_radio input[type="radio"] + label{height:auto; padding:12px 0; line-height:1.2;}
.sec_wrap .overseas_pay.lineType.hs_prc .box_white .custom_radio input[type="radio"] + label span.logo + span{display:inline-block;}
.sec_wrap .overseas_pay.lineType.hs_prc .price{font-weight:500; font-size:14px;}
.sec_wrap .sec_header.wrap_btn_area{display:flex;justify-content:space-between; align-items:center}
.sec_wrap .sec_header .btn_right{position:relative;}
.sec_wrap .sec_header .btn_right button{position:relative; padding:8px; font-weight:500; font-size:12px; color:#5c5c5c; line-height:1.5;}
.sec_wrap .sec_header .btn_right:after{content:''; position:absolute; display:block; width:1px; height:8px; top:14px; left:50%;  background:rgba(0, 0, 0, 0.2);}

/* 2025-06-17 Q11870 #1032_부가서비스 페이지 내 e하이패스 신청 페이지 추가 제작 요청 */
.box_terms_wrap.type2 .accodWrap .accodBtn.btn_pop_arrow{background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat center center;background-size: 24px;} 
.box_terms_wrap.type2 .accodWrap.on .accodBtn.btn_pop_arrow{background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up.png);} 

.app_info li .app_blue01 {background: url(/docfiles/resources/mo/images/pay/app_hyundai.png) center center no-repeat !important;background-size: 24px 24px !important;}
.app_info li .app_kia01 {background: url(/docfiles/resources/mo/images/pay/app_kia.png) center center no-repeat !important;background-size: 24px 24px !important;}

.gray_info{background:#f5f5f5;border-radius: 8px;padding:16px 15px}
.gray_info .line_top{border-top:solid 1px rgba(0,0,0,0.08);padding-top:16px;margin-top:16px}

.hipass_select_wrap .hipass_select_list li{border-bottom:solid 1px rgba(0,0,0,0.08); padding:28px 0}
.hipass_select_wrap .hipass_select_list li:last-child{border:none;padding-bottom:0}
.hipass_select_wrap .hipass_select_list li .input_cell_check01 input + label::after{display: none;}
.hipass_select_wrap .hipass_select_list li .input_cell_check01 input + label{padding:3px 0 3px 40px}
.hipass_select_wrap .hipass_select_list li .input_cell_check01 label > i{display: inline-block;position:absolute;top:2px;left:2px; width:28px;height:28px; background:rgba(0,0,0,0.12)!important;border-radius: 100%;}
.hipass_select_wrap .hipass_select_list li .input_cell_check01 label > i::before{content: '';position: absolute;top: 9px;left: 9px;width: 10px;height: 10px;background-color: #e0e0e0;border-radius: 100%;}
.hipass_select_wrap .hipass_select_list li .input_cell_check01 label .block{display:block}
.hipass_select_wrap .hipass_select_list li .input_cell_check01 > input:checked + label > i::before{background-color: #000;}
.hipass_select_wrap .hipass_select_list li [class^="lab_"][class*="_m"] {padding: 3px 6px;border:solid 1px #000;border-radius: 12px;}

.histep_list{border-bottom:solid 1px rgba(0,0,0,0.08);padding-bottom:12px}
.histep_list > li{position:relative; box-sizing: border-box;padding: 0 0 48px 60px}
.histep_list > li::before{content: "";position: absolute; width:1px;height: 100%;display: block;background:rgba(0,0,0,.40); top:0;left: 22px;}
.histep_list > li:last-child::before{display: none;}
.histep_list > li .step_num{position: absolute; top:0;left: 0px;font-weight: 700; font-size:10px;color: #fff;background: #000;padding:4px 6px;border-radius: 60px;display: inline-block;line-height: 14px!important;}
.histep_list > li .h4_b_lt_1ln{margin-bottom:8px;font-size:20px;line-height:26px;font-weight: 700;}
.histep_list > li .p1_m_lt_2ln{margin-bottom:8px;font-size:16px;line-height:26px;font-weight: 500;}
.histep_list > li .exp_m_13{font-size:13px;font-weight:500;line-height: 18px;}

.app_info{margin-top:20px;}
.app_info li{padding:16px 0 16px 20px;border-radius:12px;margin-bottom: 8px;}
.app_info li:last-child{border:none;margin:0}
.app_info li .ps_p2_b_lt_1ln{display: flex;align-items: center;margin-bottom: 6px;font-size:14px!important;font-weight: 700;margin:0!important}
.app_info li .icoApp{display: inline-block; width:24px;height:24px;border-radius: 4.8px;margin-right: 6px;}
.app_info li .app_blue{background: url('/docfiles/resources/mo/images/detail/app_hyundai.png') center center no-repeat;background-size: 24px 24px;}
.app_info li .app_kia{background: url('/docfiles/resources/mo/images/detail/app_kia.png') center center no-repeat;background-size: 24px 24px;}
.app_info li .app_Gen{background: url('/docfiles/resources/mo/images/detail/app_genesis.png') center center no-repeat;background-size: 24px 24px;}
.app_info li .exp_m_13{font-size:13px!important;font-weight:500;line-height: 18px;margin:0!important;color:rgba(0,0,0,0.64)!important}

.useinfo{}
.useinfo .line_top{border-top: 1px solid #e0e0e0;padding-top:15px;margin-top:15px}
.pr48{padding-right:48px!important}

.pb120{padding-bottom:120px!important}
.e_hipass .fc_a64, .fc_a64{color:rgba(0, 0, 0, 0.64)!important}
.fc_a40{color:rgba(0, 0, 0, 0.4)}
.h4_b_lt{font-size:20px;line-height: 26px; font-weight: 700;color:#000}
.p1_b{font-size:16px;font-weight:700}
.p2_b_2ln{font-size:14px;font-weight: 700;}
.p2_m_2ln, .p2_m_lt_2ln {font-size:14px;font-weight: 500;}
[class^="lab_"] {display: inline-block;position: relative;overflow: hidden;color: #fff;font-weight: 700;border-radius: 16px;vertical-align: top;}
[class^="lab_"][class*="_m"] {padding: 2px 6px;font-size: 12px;line-height: 16px;}
[class*="sd_m_blk"]{background:#000;}
[class*="fc"][class*="_wht"]{color:#fff}
[class^="textbico"][class*="_small"] {padding-right: 16px;background: url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward.png) no-repeat 100% 50%;background-size: 16px 16px;}
.sd_a04{background-color: rgba(0,0,0,0.04);}

.e_hipass .h4_b_lt{font-size:20px;line-height:26px;font-weight: 700;}
.e_hipass .p1_m_lt_2ln{font-size:16px;line-height:26px;font-weight: 500;}
.e_hipass .p2_m_lt_2ln{font-size:14px;line-height:22px;font-weight: 500;}
.e_hipass .p3_m{font-size:12px;font-weight: 500;}
.bul_txt02{position: relative;padding-left: 8px;font-size: 14px;font-weight: 500;line-height: 22px;color: #5c5c5c;}
.bul_txt02:before{content: '';display: inline-block;position: absolute;top: 12px;left: 0;width: 2px;height: 2px;background: #949494;border-radius: 100%;}
.fs20{font-size:20px!important}
.img_w120{width:120px!important;height:auto!important}

.hibox_infowrap{margin: 40px -16px 48px -16px;border-radius: 24px;padding:32px 24px;border-radius: 24px;}
.hibox_infowrap .box_info{margin-top:32px;}
.hibox_infowrap .box_info li{position:relative; box-sizing: border-box;padding-left:60px;margin-bottom:22px}
.hibox_infowrap .box_info li:last-child{margin:0}
.hibox_infowrap .box_info li .svg{position: absolute;top:0;left:0; width: 48px;height:48px;}

.hilogo_wrap{margin-bottom: 64px;}
.hilogo_wrap .hilogo_list{margin:0 0 16px 0;text-align: center;}
.hilogo_wrap .hilogo_list li{display: inline-block; width:40px;height: 40px;border-radius: 20px;overflow: hidden;margin-right: 12px;}
.hilogo_wrap .hilogo_list li:nth-child(2){border: solid 0.3px #000;}
.hilogo_wrap .hilogo_list li:last-child{margin:0}
.hilogo_wrap .hilogo_list li img{width: 100%;}
.hilogo_wrap .exp_m_ctr_13{font-size:13px;font-weight:500;line-height: 18px;}

/* 약관 동의 */
.box_terms_wrap .agree_wrap { padding:12px; background-color:#f5f5f5; border-radius:8px; }
.box_terms_wrap.type2 { margin-top:40px; }
.box_terms_wrap + .box_terms_wrap {margin-top:12px;}
.box_terms_wrap .box_chk01 + .agree_list {padding:12px 0 0;}
.box_terms_wrap + .box_bul {margin-top:56px;}
.box_terms_wrap .p3_m_lt_1ln { margin-top:6px; display:none; }
.box_terms_wrap.error .p3_m_lt_1ln { display:block; color:#ff0000; }
.box_select_input + .box_terms_wrap {margin-top:61px;}
.box_terms_wrap .agree_list li .box_bul {padding:14px 62px 6px 36px;}
.box_terms_wrap .agree_list li .box_bul .bul_list02 li {color:#858585;}
.box_terms_wrap input[type=checkbox] + label:after{display: none;}

.box_chk01 {position:relative; overflow:hidden;}
.box_chk01 .check_input {display:inline-block; border:0; vertical-align:top;}
.box_chk01 .check_label {display:inline-block; position:relative; padding:3px 40px 3px 36px; font-size:16px; line-height:22px; color:#5C5C5C; cursor:pointer;}
.box_chk01 .check_input + .check_label:before {content:''; position:absolute; top:-3px; left:0; 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;}
.box_chk01 .check_input:focus + .check_label:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dotted #ccc;}
.box_chk01 .check_input:checked + .check_label:before {opacity:1;}
.box_chk01 .check_input:checked + .check_label {color:#000; font-weight: 700;}/*Q10048 추가*/
.box_chk01 .btn_pop_arrow,
.box_chk02 .btn_pop_arrow {display:inline-block; position:absolute; top:0; right:0; z-index:2; width:24px; height:24px; opacity:0.64; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat 50% 50%; background-size:24px 24px;}
.box_terms_wrap .box_chk01 .btn_pop_arrow,
.box_terms_wrap .box_chk02 .btn_pop_arrow {top:-12px; right:-12px; width:52px; height:52px;}
.box_terms_wrap .box_chk01 .wrap_tooltip {position:absolute;top:50%;right:3px;transform:translateY(-50%);}
.box_chk01 .btn_pop_arrow.no_line:after {content:none;}
.box_chk01.error .check_input + .check_label:before {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_red.png); background-size:32px 32px; opacity:1;}

.box_chk02 {position:relative; overflow:hidden;}
.box_chk02 .check_input {display:inline-block; border:0; vertical-align:top;}
.box_chk02 .check_label {display:inline-block; position:relative; padding:4px 0 4px 36px; font-size:14px; line-height:20px; color:#5C5C5C; cursor:pointer; word-break:keep-all;}/* Q10048 padding 32-> 36 수정 */
.box_chk02 .check_input + .check_label:before {content:''; position:absolute; top:2px; 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:24px 24px;}
.box_chk02.custom_check .check_input + .check_label:before{background-size: 24px!important;} /* 2025-07-25 Q11870 #1033 */
.box_chk02 .check_input:focus + .check_label:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dotted #ccc;}
.box_chk02 .check_input:checked + .check_label:before {opacity:1;}
.box_chk02 .check_input:checked + .check_label {color:#000; font-weight: 700;}/* Q10048 추가 */
.box_chk02.error .check_input + .check_label:before {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b_red.png); background-size:24px 24px; opacity:1;}

.mt64{margin-top:64px!important}
.pl36 {padding-left: 36px !important;}

dl.accodWrap dt{padding:19px 0;}
dl.accodWrap{border-top:1px solid rgba(0,0,0,0.12);} /*2022-08-02 Q20093 : 가이드 적용 sd_m_12*/
dl.accodWrap.last{border-bottom:1px solid #ebebeb;}
dl.accodWrap .fc_a40{color:rgba(0,0,0,.4)}
.accod_tit{padding:20px 0;}
.accod_con{display:none;}
dl.accodWrap .accodBtn{width:100%;display:block;background:url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_down.png') no-repeat right center;background-size:24px 24px;text-align:left;box-sizing: border-box;}
dl.accodWrap .big .accodBtn{width:100%;display:block;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat right center/16px;background-size:32px 32px;text-align:left;padding-right:32px;}
dl.accodWrap.on .accodBtn{background:url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_up.png') no-repeat right center;background-size:24px 24px;}
dl.accodWrap.on .big .accodBtn{background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up.png') no-repeat right center / 32px;}

.qna h3{padding:19px 0;border-top:1px solid #ebebeb}
.qna dl + dl{border-top:1px solid #ebebeb}
.qna dl dt{padding:20px 46px 20px 0;display:flex;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat right center / 24px}
.qna dl dt.on{background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up.png') no-repeat right center / 24px}
.qna dl .aco_wrap{background:#f5f5f5;padding:20px 24px 20px;width:calc(100% + 48px);margin-left:-24px;box-sizing: border-box;}
.qna dl .con_in{display:flex;}
.qna dl .con_in a{display: contents;}
.qna dt:before{content:'Q';display:inline-block;margin-right:24px;padding-top:2px;font-weight:700;}
.qna .con_in:before{content:'A';display:inline-block;margin-right:24px;font-weight:700;}
.bd_none{border:none}
.bd_btm_a12{border-bottom:solid 1px rgba(0,0,0,0.12)}

/* .ehipass_check .box_chk01{overflow: auto!important;} */
.ehipass_check .box_chk01 .check_input + .check_label:after, .ehipass_check .box_chk02 .check_input + .check_label:after {background:none!important;margin-top:0!important}
.ehipass_check .box_chk01 .check_input:focus + .check_label:after , .ehipass_check .box_chk02 .check_input:focus + .check_label:after{content:'';display:block; position:absolute; top:0; left:0; width:99%; height:90%; border:1px dotted #ccc!important;margin-top:0!important;}

.hp_check_list{padding:0!important;}
.hp_check_list .agree_list li{padding: 17px 40px 17px 12px!important;border-bottom:solid 1px  #ebebeb}
.hp_check_list .agree_list li:last-child{border-bottom:none}

.ehipass_card{position: relative;}
.ehipass_card .hipass_label{position: absolute;top: -11px;right: -10px;display: block;width: 50%!important;}


/* 2025-09-16 Q11812 #1187_PLCC_쏘카카드 0단계 페이지 수정 요청의 건 */
body.pd_info .gpcc_top_title.pt4 {padding-top: 4px;} 
body.pd_info .gpcc_top_title.sub_desc {font-size:20px;}
.info_desc_ico03 > li{ display:flex; align-items:center; position:relative; color:#000; font-size:18px; line-height:26px;}
.info_desc_ico03 > li + li {margin-top:20px; padding-top:20px; border-top:1px solid rgba(0,0,0,0.08);}
.info_desc_ico03 > li .list_benefit02 {margin-left:16px;}
.info_desc_ico03 > li .list_benefit02 .fw_b {font-weight:800;}
.txt_color_nhn04 {position:relative; z-index:1; white-space:nowrap;}
.txt_color_nhn04::before {content:''; position:absolute; z-index:-1; left:0; bottom:2px; width:100%; height:12px; background-color:#FBFF00;}
.info_desc_ico03 > li.icon:before {content:''; display:block; width:32px; height:32px; margin:0 0 0 20px;}
.info_desc_ico03 > li.icon.icon_phone:before{background:url(/socar/m//images/icon_phone.png) no-repeat center; background-size:100%;}
.info_desc_ico03 > li.icon.icon_shop:before{background:url(/socar/m/images/icon_shop.png) no-repeat center; background-size:100%;}
.info_desc_ico03 > li.icon.icon_basket:before{background:url(/socar/m/images/icon_basket.png) no-repeat center; background-size:100%;}
.info_desc_ico03 + .pd_tit_type0 {margin-top:60px; font-size:16px; line-height:22px; font-weight:700;}

.bdRadiusBox {margin-top:16px; padding:20px; border:1px solid rgba(0,0,0,0.12); border-radius:16px;}
.textBlue {color:#3F7AF6; font-size:20px; font-weight:bold;}
.bdRadiusBox .pd_tit_type1 {margin:24px 0 8px 0;;}
.subText {margin-top:4px; color:rgba(0,0,0,0.64); font-size:12px; font-weight:500; line-height:16px;}


/* 2025-09-23 Q11812 #1193_PLCC_넥슨 리뉴얼 팩종류 선택 팝업 제작 요청의 건 */
.overseas_pay.big .box_white .custom_radio.card_type input[type="radio"] + label {padding:14px 16px; border:2px solid #ebebeb; border-radius:8px; line-height:22px; display: flex; align-items: center; color: #000;}
.overseas_pay.big .box_white .custom_radio.card_type input[type="radio"] + label span.img {width: 24px; height: 39px; margin-right: 12px;}
.overseas_pay.big .box_white .custom_radio.card_type input[type="radio"]:checked + label {border:2px solid #000;}
.overseas_pay.big .box_white .custom_radio.card_type input[type="radio"]:checked + label:before {display: none;}


/* 2025-12-01 Q11812 #1358_GPCC_MPO_GS 에너지플러스 카드사명 변경 요청 */
.dash_list02 li.t_indent35 {display: inline-block; padding-left: 35px; text-indent: -35px;}
   

/* 2026-01-13 Q11812 #1413_PLCC_마이시큐리티 부가서비스 페이지 수정 요청의 건 */
.layer_content.my_security_desc .app_info_wrap .top_bundle .badge.blk {background-color: #000; color: #fff;}
.layer_content.my_security_desc .app_info_wrap .bullet_list li {font-size: 16px; color: #000;}
.layer_content.my_security_desc .app_info_wrap .bd_t1 {border-top: 1px solid rgba(0, 0, 0, 0.08);}
.layer_content.my_security_desc .app_info_wrap .agree_bundle_wrap .agree_bundle {background-color: rgba(0, 0, 0, 0.04); border: none;}
.layer_content.my_security_desc .app_info_wrap .agree_bundle_wrap .agree_bundle_list > li  {border: none;}


/* 2026-01-22 Q11812 #1432_PLCC_신분증 OCR 개선 퍼블 목업 제작 요청의 건 */
.stepListWrap{position:relative;}
.stepListWrap:before{content:''; position:absolute; top:0; left:12px; bottom:42px; z-index:0; width:1px; background:rgba(0,0,0,.4);}
.stepListWrap .stepList{position:relative; z-index:1; display:flex;}
.stepListWrap .stepList + .stepList{margin-top:40px;}
.stepListWrap .stepList.on .num{background:rgba(0,0,0,1);}
.stepListWrap .stepList .num{width:24px; height:24px; font-size:14px; line-height:1; font-weight:700; color:rgba(255,255,255,1); display:flex; justify-content:center; align-items:center; border-radius:50%; background:rgba(148,148,148,1);}
.stepListWrap .stepList .con{margin-left:14px;}
.stepListWrap .stepList .con dl dt{font-size:16px; font-weight:700; color:rgba(0,0,0,1); line-height:22px; }
.stepListWrap .stepList .con dl dd{margin-top:4px; font-size:16px; font-weight:400; color:rgba(0,0,0,1); line-height:22px;}

.cShoot {display: block; position: relative; background-color: #fff; border-radius: 100px; width: 85px; margin: 4px auto 0; padding: 6px 12px;}
.cShoot .btn_shoot {display: inline-flex; align-items: center; word-break: keep-all;}
.cShoot .btn_shoot .ico_camera {display: flex; align-items: center; justify-content: center; width: 20px; height: 20px;}
.cShoot .btn_shoot .txt {font-size: 16px; font-weight: 700; line-height: 22px; color: #000;}
.cShoot .btn_shoot .ico_camera + .txt {margin-left: 4px;}

/* 2026-05-13 Q11796 #1575_PLCC_다크패턴 과제_디폴트 제거 및 버튼 수정 */
.flex_bundle_list li .custom_radio.error input[type="radio"] + label > span {color: #ff0000}

/* 2026-05-21 Q11796 #1575_PLCC_다크패턴 과제_디폴트 제거 및 버튼 수정 */
.balloon_wrap2 {position: relative;}
.balloon_wrap2 .balloon {opacity: 0; position: absolute; display: flex; align-content: center; justify-content: center; z-index: 100; bottom: calc(50% - 72px); left:0; transform: translateY(-50%); width: unset; padding: 4px 8px; border-radius: 8px; background-color: #000; white-space: nowrap;}
.balloon_wrap2 .balloon:after {content:''; position:absolute; top:0; left:45px; transform: rotate(90deg); margin-top:-6px; width:0; height:0; border-style:solid; border-width: 4px 4px 4px 0px; border-color: transparent #000 transparent transparent;}

.linked_bg_box .box a{position:relative;display:block; padding:16px 66px 16px 24px; border-radius:16px; background-color:rgba(0,0,0,0.04);}
.linked_bg_box .box a:before{position:absolute;content:'';display:block;width:24px;height:24px;top:50%;right:24px;margin-top:-12px;background:url('../images/ArrowB_Forward.png') no-repeat 50% 50%;background-size:24px;}
.linked_bg_box .box + .box {margin-top:8px;}
.fc_a80{color:rgba(0,0,0,.8)!important}
.fc_a48{color:rgba(0,0,0,.48)!important}