@charset "utf-8";
/* @import url("plcc_style2.css"); */

/* layout */
.gpcc_wrap {min-height:100vh; font-family:'San Francisco', 'SF Pro Display',  'Noto Sans KR';position:relative;}

.gpcc_issue{background-color:#EBEBEB;font-family: 'San Francisco','SF Pro Display', 'Noto Sans KR';}

.half_bg{background:none !important;}
.half_bg:before{display:block;content:"";position:fixed;left:0;top:0px;width:100%;height:50%;z-index:-1;}

.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 .header_close {position:absolute; right:24px; top:8px; width:32px; height:32px; font-size: 0;}
.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%;}

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

/*즉시발급 신청 시작*/
.start_app{width:384px;margin:0 auto;/*padding-bottom:18px;*/}
.start_app .gpcc_card_area{width:246px;height:auto;margin:0 auto;overflow:hidden;border-radius:8px;box-shadow: 0 8px 32px 0 rgba(0,0,0,0.24);}
.start_app .gpcc_card_area.round14{border-radius:14px;}
.start_app .gpcc_card_area img{width:100%;}
.start_app .gpcc_init_title {position: relative; margin:96px 0 80px 0; height:72px;}
.start_app .gpcc_init_title h2 {position:absolute; left:0; top:0; width:100%; font-family: YouandiModernHEB; line-height: 36px;color:#000;font-size:28px;text-align:center; /*animation-fill-mode: forwards; animation-iteration-count: inherit; animation-name: textAni; animation-duration: 1.5s; transition: all; animation-timing-function: ease-out;*/}
.safari .start_app .gpcc_init_title h2 {position:absolute; left:0; top:0; width:100%; font-family: YouandiModernHEB !important; line-height: 36px;color:#000;font-size:28px;text-align:center; /*animation-fill-mode: forwards; animation-iteration-count: inherit; animation-name: textAni; animation-duration: 1.5s; transition: all; animation-timing-function: ease-out;*/}

.start_app .gpcc_init_title h2.first.on{top:-40px;}
.start_app .gpcc_init_title h2.second {top:40px;opacity:0;}/*opacity: 0; animation-delay: 3s; animation-name: textAni2;*/
.start_app .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;}
}

.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;}

.start_app .gpcc_card_area ~ .gpcc_btn_area {margin-bottom:0;}
.desc_gray {margin-top:8px; font-size:16px; color: rgba(0,0,0,0.64); text-align:left; line-height:26px;}
.desc_gray.small {font-size:14px; line-height:22px;padding-bottom:16px;}
.gpcc_card_area ~ .desc_gray {margin-top:18px; padding-bottom:0; text-align:center;}

/* 주소 팝업 */
.layer_popup.address_pop .layer_wrap{width:516px;}
.layer_popup.address_pop2 .layer_wrap{width:516px;}
.gpcc_search_result .address_list li {position:relative; padding:18px 0 13px 0; border-bottom:1px solid rgba(0,0,0,0.04);}
.gpcc_search_result .address_list li#basicAddress{border-bottom: 0;padding-bottom: 28px;}
.gpcc_search_result.detail .address_list li:first-child{border-bottom: 0;padding-bottom: 28px;}
#apartForm .gpcc_search_result.detail .address_list > li:first-child{border-bottom:1px solid rgba(0,0,0,0.12);padding-bottom: 13px;}
#apartForm .gpcc_search_result.detail .address_list > li:last-child li{padding-bottom:0;}
.gpcc_search_result .address_list li a{display:inline-block;}
#apartForm .gpcc_search_result.detail .address_list li:first-child a{display:block;}
.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-23 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.doro{padding-left:42px;}
.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;}
#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_wrap + .bullet_list {margin-top:16px;}*/
.txt_desc {font-weight: bold;font-size: 16px;color: #000000;line-height: 22px;}
.layer_popup .txt_desc + .custom_input.full {margin-top:25px;}

/* 상세 주소 */
.gpcc_search_wrap .gpcc_search_result.detail{height:auto;}
.gpcc_search_wrap .gpcc_search_result.detail .address_list li:last-child {border-bottom:0;}

/* nodata */
/* 아파트명 검색 */
.gpcc_no_data {padding:24px 0 0; font-size:16px; color:#000; line-height:26px; text-align:center;}
.gpcc_no_data p.info_text {margin-top:8px; padding: 0 6.4%; text-align:left;}
.gpcc_no_data p .desc {display:block; margin-top:12px; font-size:14px; color:rgba(0,0,0,0.64); line-height:22px;}
/* 직장 검색 */
.gpcc_no_data.company {padding:10px 0 4px;}
/* 주소 검색 */
.gpcc_no_data.address {padding-top:40px;}
/* kcb 불러오기 */
.gpcc_no_data.kcb_no_data {padding-bottom:0;padding-top:0;}

.revolving_wrap .item_bundle {position: relative; padding-bottom:33px;}
.revolving_wrap.pad_b0 .item_bundle {position: relative; padding-bottom:36px;}
.revolving_wrap .item_bundle + .item_bundle {padding-top:23px; 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;}
.revolving_wrap .item_bundle .btn_arrow:after {display:inline-block; opacity: 1;}

.revolving.scroll .layer_content{height:580px;}

.revolving.layer_popup.full .layer_wrap .layer_container .layer_footer .btn.btn_default:only-child {margin-bottom: 24px;}
.layer_content > .mCustomScrollBox.mCSB_inside{padding:0 24px;}
.difficult_popup .layer_content > .mCustomScrollBox.mCSB_inside{padding:0 32px;}
.layer_content .mCSB_scrollTools{margin:12px 0;}

.layer_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0); filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; }
.layer_content:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; }
.layer_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {background-color:#000; background-color:rgba(0,0,0,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";}
.layer_content .mCSB_scrollTools .mCSB_draggerRail {display:none;}
.layer_content .mCSB_inside > .mCSB_container{margin-right:0 !important;}
.layer_content2 .mCSB_scrollTools{margin:12px 0;}

.layer_content2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0); filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)"; }
.layer_content2:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.2); filter:"alpha(opacity=20)"; -ms-filter:"alpha(opacity=20)"; }
.layer_content2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:active {background-color:#000; background-color:rgba(0,0,0,0.5); filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";}
.layer_content2 .mCSB_scrollTools .mCSB_draggerRail {display:none;}
.layer_content2 .mCSB_inside > .mCSB_container{margin-right:0 !important;}
.layer_content2 .gpcc_no_data,.layer_content2 .address_list{padding-right:24px;}
.layer_wrap .mCSB_scrollTools .mCSB_dragger{z-index:10;}
.layer_popup .select_wrap .btn_select:hover{background:none;}
.layer_popup .select_wrap .btn_select:focus{background:none;border-bottom:2px solid #000;outline:0;}
.layer_popup .select_wrap.on .mCustomScrollBox{border-top:2px solid #000;}
.msie9 .layer_popup .select_wrap.on .ul_select_list{border-top:2px solid #000;}
.layer_popup .select_wrap .ul_select li a{color:#000;}
.layer_popup .select_wrap .ul_select li.on a,.layer_popup .select_wrap .ul_select li a:hover {background:rgba(0,0,0,.04); color:#000;}

.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;}
.layer_popup .layer_wrap .my_input_list + .terms_wrap {margin-top:32px;}
.my_input_list ~ .text.small {margin:20px 0;}

/* 차량조회 팝업 */
.search_car_area{position:relative;z-index:1;}
.search_car_area .h3_title {margin-bottom:9px;}
.search_car_area .desc {font-size:16px; color:#000; line-height:26px;}
/* .search_car_area .desc2 {font-size:16px; color:rgb(46, 32, 32); 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 .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; font-size:0;}
.check_wrap ~ .title_desc {margin-top:0 !important;}

/* 직장 팝업 */
.my_business_list {height:100%;max-height:none;margin-top:24px;padding-bottom: 18px;}
.my_business_list li a {position: relative; display:block; padding:15px 12% 15px 0; border-bottom:1px solid #f5f5f5;}
.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%; margin-top:-16px; 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;}
.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;}

/* 가맹점주 팝업 */
.h3_title.type02 + .my_business_list {margin:0 0 0px;padding-bottom:0;}
.h3_title.type02 + .my_business_list li {padding:0;padding-top:13px;}
.h3_title.type02 + .my_business_list li a{padding:0;}
.h3_title.type02 + .my_business_list li a.active:before{display:none;}
.h3_title.type03{display:none}
.h3_title.type03 + .my_business_list{margin-top:24px;padding-bottom:0;}
.h3_title.type03 + .my_business_list li {padding:0;}

/* MX CARD 중 특수 소재 플레이트 팝업 이전버튼 */
.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%; margin:-16px 0 0 -16px;; width:32px; height:32px; background:url(../images/ico_ArrowB_Back.png) 0 0 no-repeat; background-size:cover;}
.history_back span {font-size:0;}

/*하드코딩 약관*/
.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{overflow:hidden;margin-bottom:2px;}
.detail_cont2:not(.font_initial).black li{color:rgba(0,0,0,1);font-size:16px;}
.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;}
.box_terms {position: relative;height:100%;overflow:hidden;}
.box_terms .detail_cont {height:100%; padding-bottom:80px !important; box-sizing: border-box; overflow-y:auto;}
.box_terms .detail_cont.mCustomScrollbar{padding-bottom:0 !important;}
.box_terms .detail_cont.pad_b0{padding-bottom:0 !important;}
.box_terms .detail_cont .terms_space {display:inline-block; margin-top: 22px;}
.new_bottom_sheet .box_terms .detail_cont .terms_space {display:inline-block; margin-top:16px;font-size:14px;}

/* 연회비 정보 팝업 */
.layer_annual_fee {padding:10px 0 0 0;}
.layer_annual_fee li {padding:11px 8px; height:68px; border-bottom:1px solid #ebebeb; box-sizing:border-box;/*border-radius:8px;*/}
.layer_annual_fee li:last-child{margin-bottom:0;}
.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:64px; height:28px; font-size:0; 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;}

/* 기존회원 - 카드 선택 */
.layer_annual_fee.selected {padding-top:0;padding-bottom:100px;margin-top:9px;}
.layer_annual_fee.selected li{height:auto;padding:20px 0;}
.layer_annual_fee.selected .non_card {margin-bottom: 10px; font-size: 16px; color: #000; text-align: center; line-height: 26px;}
.layer_annual_fee .custom_radio{width:100%;}
.layer_annual_fee .custom_radio{width:100%;}
.layer_annual_fee .custom_radio input[type=radio]{display:inline-block; width:1px; height:1px; position:absolute; top:-1px; left:-1px; opacity: 0;}
.layer_annual_fee .custom_radio input[type=radio] + label{padding:9px 12px 9px 40px;line-height:22px;display:block;}
.layer_annual_fee .custom_radio input[type=radio] + label:before{display:none;}
.layer_annual_fee .custom_radio input[type=radio]:checked + label:before{content:''; position:absolute;  left:auto; width: 32px; height: 32px; background:url('../images/ico_CheckB.png') center no-repeat; right:0px; top:50%; transform: translateY(-50%); background-size:40px;display:block;}
.layer_annual_fee .custom_radio input[type=radio] + label .card_img{width:32px;display:inline-block;position:absolute;left:0;top:9px;}
.layer_annual_fee .custom_radio input[type=radio] + label .card_img img{width:100%;display:block;}
.layer_annual_fee.selected .custom_radio input[type=radio] + label {padding:0;}
.layer_annual_fee.selected .custom_radio input[type=radio] + label .card_img{top:50%;}
.layer_annual_fee.selected li .card_img + span {display: inline-block; padding-left:48px;}
.layer_annual_fee.selected li .txt{font-size:20px;font-weight:normal;line-height: 26px;}
.layer_annual_fee.selected li .num_card{display: block; margin-top:4px;color:rgba(0,0,0,0.8);line-height:20px;}
.layer_annual_fee.selected li:last-child{border-bottom: 0;}

/* 이용대금 - 현대카드 앱 */
.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; top: 0; right: 0; bottom: 0; margin: auto;}
.app_info_wrap .top_bundle .btn.btn_arrow:after {opacity:.4;}
.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 .toggle_bundle.white {height: 56px; border-bottom: 1px solid #e1e1e1;}
.app_info_wrap .toggle_bundle.white .toggle_title {font-weight: normal; line-height: 56px;}
.app_info_wrap .btn_other {float:right;padding: 11px 0 9px;margin-top: 5px;}
.app_info_wrap > .btn.btn_arrow.btn_other {display: block; position: relative; margin-top: 10px; text-align: right;}
.app_info_wrap > .btn.btn_arrow.btn_other span {vertical-align: top;}
.app_info_wrap > .btn.btn_arrow.btn_other::after {vertical-align: top; margin-top: 3px;}

.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; line-height: 57px;}
.app_info_wrap .toggle_bundle.bg_gray .toggle_switch {top:28px; right:16px;}

.old_address_wrap {margin-top:37px;}

.another_way{text-align:right;}
.another_way a.btn.btn_arrow{display:block;float:none;}
.another_way a.btn.btn_arrow:after{vertical-align:top;}
.another_way a.btn.btn_arrow:first-child:after{margin-top:4px;}

.flex_bundle_list.service_list {margin: 0 0 16px 0;}
.service_list li {width:166px; margin-left:1%; align-items: stretch;margin-bottom: 8px;}
.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.clo5 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;}

.layer_content .service_list li {width:150px; margin-left:0;margin-right:8px;margin-bottom:8px; align-items: stretch;}
.layer_content .service_list li + li{width:150px;}
.layer_content .service_list li:nth-child(3n+3) {margin-right:0;}
/* .layer_content .service_list ~ .btn_small_area{padding-bottom:130px;} */
.layer_content {padding-bottom: 130px;}

.layer_space_15 .text.gray.small {margin-bottom:16px;}
.text_applogin,
.text_alert,
.text_kakaologin {display:none; margin:16px 0; font-size:16px; color:#000; line-height:26px;}
.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:after {opacity:0.4;}

/* 카드대금 */
.box_myaccount {margin:37px 0 40px 0;}
.layer_wrap .box_myaccount {margin:37px 0 0px 0;}
.box_myaccount h3.title {font-size:16px; font-weight:bold; color:#000; line-height:22px;}
.box_myaccount .my_account { 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; display:inline-block;overflow:hidden; background:url('../images/spr_cardlogo.png') no-repeat; background-size:600px auto; font-size:0;background-position:80px 0;vertical-align:middle;}
.box_myaccount .my_account .account_area {width:calc(100% - 120px);display:inline-block;vertical-align:middle;}
.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; font-family:'San Francisco','SF Pro Display', 'Noto Sans KR';}
.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.png') 0 0 no-repeat; background-size:cover;}

/* 카드대금 - 로고 */
.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{position:inherit; 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;}

/* 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 {font-size: 14px; line-height: 20px; text-align: center; color: rgba(0, 0, 0, .64);}
.certified_bundle .btn.btn_arrow.black::after {opacity: 1;}

/* 카드비밀번호 */
.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%; font-size:0;}
.card_password_wrap li.active {background-color:#000;}
.card_password_wrap .error_msg {margin-top:12px; font-size:16px; color:#FF0000; line-height:22px;}

/* the green 플레이트 팝업 & 카드 신청 실패 */
.box_thegreen {padding:19px 40px 20px; background:rgba(0,0,0,0.04); border-radius:8px;margin:0 auto 20px auto;width:100%;box-sizing:border-box;}
.box_thegreen .title {margin-top:0; font-size:14px; color: #008C15; line-height:20px;}
.box_thegreen .caution {padding-left:16px; font-size:14px; color:#FF0000; line-height:20px;margin-top:1px;}
.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;}

.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;}

/*하이패스*/
.card_area {overflow:hidden; width:302px; height:190px; margin:40px auto; /*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:18px auto 40px; border-radius: 7px; box-shadow:0 16px 32px 0 rgba(0,0,0,0.24);}
.gpcc_card_area img{width:100%;}
.gpcc_card_area ~ .desc_gray {margin-top:18px; text-align:center;margin-bottom:16px;}
.gpcc_card_area.type ~ .text{margin-top:8px;}

/*코스트코*/
.card_area.costco_card{width:296px;margin:20px auto;}
.costco_num{display:none;}

/*공인인증서 탭*/
.gpcc_row.certi_box{/*margin-top:18px;*/overflow:hidden;}
.gpcc_row.certi_box .gpcc_btn_area{/*bottom: -484px;*/}

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

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

.gpcc_issue .card_slide_box{position: relative; margin-left:-66px;width: 516px;}
.gpcc_issue .card_slide_box .swiper-button-prev{width:56px;height:56px;left:-80px;margin-top: -50px;background:url('../images/btn_slide_arrow_left.png') no-repeat;}
.gpcc_issue .card_slide_box .swiper-button-next{width:56px;height:56px;right:-80px;margin-top: -50px;background:url('../images/btn_slide_arrow_right.png') no-repeat;}
.gpcc_issue .card_slide{padding-bottom: 60px;width:516px;overflow:hidden;padding-top:0;margin-top:-38px;}

.gpcc_issue .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);}
.gpcc_issue .card_slide li .card{position:relative;left:0;top:0;width:246px;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:50%;margin-left:-123px;top:0;background-size:160px 253px;background-color:none;border-radius:8px;}
.gpcc_issue .card_slide li .b_card{position:absolute;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.gpcc_issue .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);}
.gpcc_issue .card_slide .card_cnt.back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.gpcc_issue .card_slide label{display:block;width:100%;}
.gpcc_issue .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;}
.gpcc_issue .card_slide input:checked + label .dot{background-position:0 0;}

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

.gpcc_issue .rolling_txt{padding:4px 0 55px 0;}
.gpcc_issue .rolling_txt ul{position:relative;}
.gpcc_issue .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;}
.gpcc_issue .rolling_txt li:first-child{position:relative;opacity:1;top:0;}

.gpcc_issue .back_side_view_btn{display:block;position: relative; margin:14px auto 0;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';z-index:2;}
.gpcc_issue .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;}
.back_side_view_btn ~ .gpcc_btn_area {margin:44px 0 0;}

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

.intro_cont .card_spin_box .card_cnt2{position:relative;width:246px;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:246px;height:auto;/*-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;backface-visibility: hidden;-webkit-backface-visibility:hidden;}
.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 .card_spin_box .card_cnt2 img{width:100%;}

.ie .intro_cont .card_spin_box .card_cnt2 .b_card{backface-visibility:hidden;-webkit-backface-visibility: hidden;z-index:1;}
.ie .intro_cont .card_spin_box .card_cnt2.back_ie .b_card{backface-visibility:visible;-webkit-backface-visibility: visible;z-index:2;}
.ie .intro_cont .card_spin_box .card_cnt2.back.back_ie .b_card{backface-visibility:visible;-webkit-backface-visibility: visible;z-index:2;}

.ie_low .intro_cont .card_spin_box .card_cnt2 .card{position:relative;display:block;}
.ie_low .intro_cont .card_spin_box .card_cnt2 .b_card{position:relative;display:none;}
.ie_low .intro_cont .card_spin_box .card_cnt2.back .card{display:none;}
.ie_low .intro_cont .card_spin_box .card_cnt2.back .b_card{display:block;}

.gpcc_issue .card_spin_box .card_cnt3{position:relative;width:354px;height:auto;margin:88px auto 0;/*-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);*/}
.gpcc_issue .card_spin_box .card_cnt3:after{display:block;content:"";clear:both;}
.gpcc_issue .card_spin_box .card_cnt3 .card{position:relative;width:145px;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;}
.gpcc_issue .card_spin_box .card_cnt3 .b_card{}
.gpcc_issue .card_spin_box .card_cnt3.back{}
.gpcc_issue .card_spin_box .card_cnt3 img{width:100%;}

.intro_cont .back_side_view_btn{display:block;position:absolute;z-index:2; margin:16px 0 0 -40px;margin:-29px 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;}
.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;}


.gpcc_issue .card_txt{margin:16px 0 100px; font-size:14px;/*color:rgba(0,0,0,.64);*/color:rgba(0,0,0,1);text-align:center;line-height:22px;}
.gpcc_issue .card_txt strong{color:rgba(0,0,0,1); font-size: 16px;line-height:20px;}
/* .gpcc_issue .card_txt span{position:absolute;left:0;width:100%;display:inline-block;margin-top:4px;line-height:22px;} */

.card_txt ~ .gpcc_btn_area {margin:0 0 18px 0;}
.card_txt ~ .gpcc_btn_area + .desc_gray {margin-top:0;padding-bottom:0;text-align:center;line-height:20px;}

.select_wrapping_card{margin-top:36px;}
.select_wrapping ul li.card_designLi{display:block;padding: 0;border: 0;}
.select_wrapping ul li.card_designLi h4{color:#000;font-size:16px;margin-bottom:8px;line-height:22px;}
.select_wrapping ul li.card_designLi .card_design{position:relative;}
.select_wrapping ul li.card_designLi .card_design img{box-shadow: 0 2px 4px rgba(0,0,0,.08);border-radius:2px;width:100%;}
.select_wrapping ul li.card_designLi .btn{position:absolute;right:10px;top:31px;}
.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: 15px 0;justify-content: space-between;}
.card_design div{display:inline-block;}
.card_design div span{display:inline-block;width:32px;margin-left:16px;vertical-align: middle;}
.card_design div span + span{font-size:16px;width:auto;margin-left:16px;}
.card_img{width:24px;position:absolute;left:16px; top:50%; transform:translateY(-50%);box-shadow: 0 2px 4px rgba(0,0,0,.08);}
.card_img img{width:100%;}

.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;display:inline-block;margin-top:8px;}
.card_design_pop .overseas_pay .box_white .custom_radio input[type="radio"] + label{height:68px;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.big .box_white .custom_radio input[type="radio"] + label span.card_img + span {margin-top:11px;}
.card_design_pop .overseas_pay .box_white .custom_radio input[type="radio"] + label .card_detail_view {display:block;font-size:0;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.big .box_white .custom_radio input[type="radio"]:checked + label:before {display:none; top: 50%;right: 12px;left:auto;margin-top: -12px;background-size: 24px; transform: translateY(0%);}

.card_design_txt{margin-bottom:18px;color:#000;font-size:16px;line-height:26px;}

/* 카드교체 상세 */
.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)}
.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:96px 0 5vw -2%;}
.gpcc_container.starting_card .box_link_arrow > a{line-height:64px;}
.gpcc_container.starting_card .box_link_arrow > a:after{top:50%;transform:translate(0,-50%);}

.text.space + .terms_wrap.bg_gray {margin-top: 0;} /* 할인한도 */
.select_wrapping ul li + .card_designLi {border-top: 1px solid #f5f5f5;padding-top:18px;} /* 랩업 */

/* 카드 플레이트 */
.layer_popup.bottom_sheet .layer_wrap.non_Mheight{max-height:none;}
.layer_popup.bottom_sheet .layer_wrap.fix_height{min-height:640px;}
.layer_popup.bottom_sheet .layer_wrap.fix_height .layer_cardDesign .layer_content{min-height:577px;}
.form_card_bundle .sec_body.plate{max-height:137px;}
.form_card_bundle .sec_body.plate .toggle_bundle.cardDesign {margin-bottom: 1px;}
.form_card_bundle .sec_body.plate .toggle_bundle.traffic .toggle_title.f_nor {font-weight:normal;}
.form_card_bundle .sec_body.plate .toggle_bundle .toggle_title .icon {display: inline-block;vertical-align: middle;margin: -3px 6px 0 -8px;width:16px;height:16px;background: url('../images/ico_step.png')0 0 no-repeat;background-size: 16px;}
.form_card_bundle .sec_body.plate .toggle_bundle.cardDesign .btn_info{margin-right:6px; font-size:16px;font-weight:bold;line-height:44px;color:#000;position:absolute; top:0; right:0;}
.form_card_bundle .sec_body.plate .toggle_bundle.cardDesign .btn_info:after{display:inline-block; vertical-align:middle; margin-top:-2px; content:"";background: url('../images/ArrowB_Forward.png') no-repeat center; background-size: 100%;width:24px;height:24px;}

/* 특수소재 플레이트 신청 팝업 */
.layer_popup.bottom_sheet .layer_wrap .layer_header.small.history_btn {padding: 16px 26.9% 16px 12px;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.history_btn::after {display: block; content: ''; clear: both;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.history_btn .layer_history_back {position: relative; float: left; width:32px; height:32px;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.history_btn .layer_history_back:before {display:block; content:""; position:absolute; left:50%; top:50%; margin: -16px 0 0 -16px; width:32px; height:32px; background:url(../images/ico_ArrowB_Back.png) 0 0 no-repeat; background-size:32px;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.history_btn .layer_history_back span {font-size:0;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.history_btn h1 {float: left; margin-top:3px;}

.layer_popup.bottom_sheet .layer_wrap .layer_cardDesign.layer_scroll_list .layer_content {padding-right: 0;}
.layer_scroll_list .plate_title {padding-right: 6.84%;}

.plate_title{padding-top:10px; margin-bottom:30px;}
.plate_title dt{color:#000;font-size:16px;line-height:22px;margin-bottom:12px;font-weight:bold !important;}
.plate_title dd{font-size:16px;color:#000;line-height:22px;}
.plate_title dd + dt{margin-top:28px;}
.plate_title dd + dt + dd + dt{margin-top:30px;}
.plate_title .bullet_list {margin-top: 12px;}
.plate_title .bullet_list.black li {font-size: 16px; color: #000;}
.plate_title.plate_title2 dt {margin-bottom: 4px;} /* card list 3개 */
.plate_title + .bullet_list {margin:15px 0 70px;}

.cardDesign_list{text-align:center;width:100%;}
.cardDesign_list ul{margin-bottom:17px;}
.cardDesign_list ul.over_count{margin:0 auto;/*margin-bottom:0; text-align:left;*/}
.cardDesign_list ul.over_count li{float:left;}
/* .cardDesign_list ul.over_count li:first-child{margin-left:0;} */
.cardDesign_list li{width:132px;text-align:center;display:inline-block;margin:0 18px;padding-bottom:8px;}
.cardDesign_list li:first-child{margin-left:0;}
.cardDesign_list li:last-child{margin-right:0;}
.cardDesign_list li span{color:#000; font-size:14px;font-weight:bold !important;display:block;text-align:center;line-height:100%;}
.cardDesign_list li span.cont{color:#000; font-size:14px;font-weight:normal !important;line-height:20px;margin-top:5px;width:100%;margin-left:0%;}
.cardDesign_list li .custom_radio input[type="radio"] + label{padding:0; line-height: 0;}
.cardDesign_list li .custom_radio input[type="radio"] + label:before{display:inline-block;position:relative;margin-bottom:10px;width:24px;height: 24px;}
.cardDesign_list li .custom_radio input[type="radio"]:checked + label:before {background-position: 0 -24px;}
.cardDesign_list li img{width:100%;margin-bottom:12px;}
.layer_popup.bottom_sheet .layer_wrap .layer_cardDesign .layer_content{max-height: 586px; padding-bottom:120px;}
.layer_cardDesign + .layer_footer {position:absolute; left:0; right:0; bottom:0; width:100%; background-image:url('../images/background_gradation.png'); background-position:0 0; background-repeat:repeat-x;}

.visa_txt{margin: 10px 0 29px;font-size: 16px;line-height: 26px;}

/* 가족카드 */
.form_bundle_wrap.type {margin-top:28px;}
.custom_card_select{width:100%;padding:20px 0 10px 0;border-bottom: 1px solid rgba(0,0,0,0.12);}
.custom_card_select .btn.btn_arrow {display: block;}
.custom_card_select .btn.btn_arrow:after{margin-top:0;content:"";position:absolute;right:0;top:21px;width:24px;height:24px;background:url(../images/ico_ArrowB_Down.png) no-repeat 0 0;background-size:100%;opacity: 0.8;}
.custom_card_select span{font-size:20px;color:#000;line-height:26px;}

/* 21-09-23 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;}
/* // 21-09-23 KJH 이마트24 점포 선택 */

/*카드디자인 선택*/
.card_slide{width:516px;overflow:hidden;}
.card_slide .slides{width:100%;height:390px;position:relative;}
.card_slide .slides .swiper-slide{position:absolute;top:50%;left:0%;margin-left:526px;margin-top:-71px;width:90px;height:auto;z-index:2;}
.card_slide .slides .swiper-slide .card_cnt{width:100%;}
.card_slide .slides .swiper-slide img{width:100%;}
.card_slide .slides .swiper-slide.center{width:246px;margin-left:135px;margin-top:-195px;}
.card_slide .slides .swiper-slide.clone_prev{margin-left:-100px}

.gpcc_issue .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);}

.gpcc_issue .card_slide .slides .card{position:relative;left:0;top:0;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;background-size:160px 253px;background-color:none;border-radius:8px;}
.gpcc_issue .card_slide .slides .b_card{position:absolute;width:100%;z-index:1;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.gpcc_issue .card_slide .slides.center .card{-webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,.2);box-shadow: 0 16px 32px 0 rgba(0,0,0,.2);}
.gpcc_issue .card_slide .card_cnt.back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

/*ie10 이상*/
.ie .gpcc_issue .card_slide .card_cnt .b_card{backface-visibility:hidden;-webkit-backface-visibility: hidden;z-index:1;}
.ie .cardDesign_list .card_cont.back .b_card{backface-visibility:hidden;-webkit-backface-visibility: hidden;}
.ie .cardDesign_list .card_cont .b_card{backface-visibility:hidden;-webkit-backface-visibility: hidden;}
.ie .gpcc_issue .card_slide .card_cnt.back_ie .b_card{backface-visibility:visible;-webkit-backface-visibility: visible;}
.ie .cardDesign_list .card_cont.back.back_ie .b_card{backface-visibility:visible;-webkit-backface-visibility: visible;z-index:2;}
.ie .cardDesign_list .card_cont.back_ie .b_card{backface-visibility:visible;-webkit-backface-visibility: visible;}
/*ie9*/
.ie_low .gpcc_issue .card_slide .card_cnt .card{z-index:2;}
.ie_low .gpcc_issue .card_slide .card_cnt .b_card{z-index:1;}
.ie_low .gpcc_issue .card_slide .card_cnt.back .card{z-index:1;}
.ie_low .gpcc_issue .card_slide .card_cnt.back .b_card{z-index:2;}
.ie_low .cardDesign_list .card_cont .card{z-index:2;display:block;}
.ie_low .cardDesign_list .card_cont .b_card{z-index:1;display:none;position:relative;}
.ie_low .cardDesign_list .card_cont.back .card{z-index:1;display:none;}
.ie_low .cardDesign_list .card_cont.back .b_card{z-index:2;display:block;}

/*safari font*/
.safari .gpcc_issue *{font-family: -apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display','SF Text Display' !important;font-weight:500;}
.safari .layer_popup * {font-family: -apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display','SF Text Display' !important;font-weight:500;}

/* 약관 슬라이더 내비 화살표 2021-08-06 */
/* S. 2025-03-06 Q11795 #887 동의서 내 화살표 위치 통일화 요청 (fixed 추가, top 수정) */
.terms-slide-type2 .swiper-container .swiper-button-prev {position:fixed; /* top:40%; */ 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:40%; */ 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 추가, top 수정) */

/* npay 추가 */
.npay_wrap {margin-bottom:28px; text-align: center;margin-top:-8px;}
.npay_wrap .npay_cont {position: relative;}
.npay_wrap .npay_cont .npay_comment {position: absolute;top:-36px;left:50%;margin-left:-138px;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('../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('../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;}

/* 특수 소재 플레이트 */
.form_card_bundle .sec_body.plate {position: relative; min-height: 44px; background-color: #fff; border-radius: 4px; border: 2px solid rgba(0,0,0,0.04); box-sizing: border-box;}
.form_card_bundle .sec_body.plate .toggle_bundle {height:44px; border:0; border-radius:0;}
.form_card_bundle .sec_body.plate .toggle_bundle .toggle_title {line-height:44px;}
.form_card_bundle .sec_body.plate .toggle_bundle.traffic {display:none;}
.form_card_bundle .sec_body.plate .toggle_bundle.active {display:block;}

/* 부가서비스 */
/* .apply_bundle_acc + li {border:none !important;}
.apply_bundle_acc .header_accordion {position:relative;width:100%;padding-bottom:12px !important;border-bottom:1px solid #e6e6e6;}
.apply_bundle_acc .header_accordion.active {border-bottom:1px solid #000;}
.apply_bundle_acc .header_accordion .tit_area {position:static !important;display:inline-block;width:90% !important;font-size:20px;color:#000;}
.apply_bundle_acc .header_accordion .btn_accor_arrow {position:absolute;right:0px;top:2px;width:24px;height:24px;}
.apply_bundle_acc .header_accordion .btn_accor_arrow.active {transform: rotate(180deg);}
.apply_bundle_acc .header_accordion .btn_accor_arrow:before {display: block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(/plcc/pc/images/ico_ArrowB_Down.png) center no-repeat;background-size:100%;opacity:0.64;}
.apply_bundle_acc .header_accordion .text_desc.small {padding:12px 0 0 !important;font-size:16px;line-height:26px;}
.apply_bundle_acc .header_accordion .change_txt {display:none;}
.apply_bundle_acc .header_accordion.active .basic_txt {display:none;}
.apply_bundle_acc .header_accordion.active .change_txt {display:block;}
.apply_bundle_acc .cont_accordion .swiching_txt .text_desc.small {padding:12px 0;font-size:16px;line-height:26px;}
.apply_bundle_acc .cont_accordion .swiching_txt .text_desc.small span {display:block;color:#000;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 li {padding:0 0 0 8px;margin-top:8px;font-size:14px;color:rgba(0,0,0,.64);}
.apply_bundle_list .apply_bundle_acc .star_list li + li {border:none;}
.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_부가서비스개선및통신비결제 수정요청의건 */
.card_PLCC .apply_bundle_list.extra_list li {padding:22px 0;}
.apply_bundle_list.extra_list li .txt {width:415px;}
.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/pc/images/ArrowB_Forward.png) no-repeat center;background-size:100%;}
.apply_bundle_list.extra_list li .btn_benefit + .tit {margin-top:9px;}
.apply_bundle_list.extra_list + .bullet_list {margin-top:64px;}
.apply_bundle_list.extra_list + .bullet_list li {color:rgba(0,0,0,1);}
/*// 2023-06-12 Q10547 354_PLCC_부가서비스개선및통신비결제 수정요청의건 */

.apply_bundle_acc + li {padding-top:20px;border:none !important;}
.apply_bundle_list li + .apply_bundle_acc {padding-top:64px;}
.apply_bundle_acc .header_accordion {position:relative;width:100%;padding-bottom:12px !important;}
.apply_bundle_acc .header_accordion .tit_area {position:static !important;display:inline-block;width:90% !important;font-size:20px;color:#000;}
.apply_bundle_acc .header_accordion .text_desc.small {padding:8px 0 32px !important;font-size:16px;line-height:26px;color:#000;}
.apply_bundle_acc .header_accordion .text_desc.small span {display:block;color:#000;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_acc .hyphen_list li {padding:0 0 0 10px;margin-top:8px;font-size:14px;color:rgba(0,0,0,.64);}
.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_acc .hyphen_list li + li {border:none;}

.layer_popup.full.hipass_pop .layer_wrap .layer_content .mCSB_container {padding-bottom:0;}
.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:24px;font-weight:700;}
.hipass_desc .desc_wrap {padding:20px 24px 40px;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:16px;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;}
.hipass_desc .desc_wrap .detail_box ul li {display:inherit; align-items:center; width: 50%;}
.hipass_desc .desc_wrap .detail_box ul li .con {margin-left:16px;}
.hipass_desc .desc_wrap .detail_box ul li .con p {color:#000;font-size:14px;font-weight:700;}
.hipass_desc .desc_wrap .detail_box ul li .con p + p {margin-top:4px;font-size:12px;font-weight:500;}
.hipass_desc .desc_wrap .detail_box ul li .img { flex: none; width:51px; height:80px; overflow:hidden;}
.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 {width:130px;}
.hipass_desc .desc_wrap .use_hipass .step_hipass .step_img {width:64px;height:64px;margin:auto;}
.hipass_desc .desc_wrap .use_hipass .step_hipass .step_tit {font-size:16px;line-height:22px;text-align:center;}
.hipass_desc .desc_wrap .use_hipass .step_txt {font-size:20px;font-weight:700;color:#949494;line-height:26px;text-align:center;}
.hipass_desc .line_top {border-top: 1px solid #e0e0e0;}
.hipass_desc .qna_box {margin-top: 18px; padding: 0 24px; border-top: 2px solid #000;background-color:#fafafa;border-bottom: 1px solid #e0e0e0; }
.hipass_desc .qna_box dl {padding: 17px 0;}
.hipass_desc .qna_box dt + dd {padding-top:17px;}

/* 2023-02-03 Q10941 상품설명서 항목 수정 */
.dg_items { margin-top: 49px; position: relative; display: block;}

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

/* 2023-04-18 Q11024 #303_PLCC_모듈화 : 한정판문구 있는 구조 ex)스타벅스 */
.back_side_view_btn_wrap ~ .desc_gray {text-align:center;}

/* 2023-05-11 Q11060 #334_PLCC_카드이용한도설정 수정요청의건 */
.layer_wrap .flex_bundle_list.price_list.col4 li {width: calc((100% - 24px)/4);}
.layer_wrap .flex_bundle_list.price_list.col4 li + li {margin-left: 8px;}

/* 2023-05-18 Q11060 #342 라디오버튼 풀타입 */
/* .flex_bundle_list.full_type {margin-top: 14px;} */
.flex_bundle_list[class*="full_type"] li {width: 100%; margin-bottom: 0;}
.flex_bundle_list[class*="full_type"] li + li {width:100%; margin-top: 8px; margin-left: 0;}
.flex_bundle_list[class*="full_type"] li .custom_radio input[type="radio"] + label {display: flex; justify-content: center; align-items:center; height: 100%; min-height: 48px; padding:8px 16px; line-height: 22px;}
.flex_bundle_list.left[class*="full_type"] li .custom_radio input[type="radio"] + label {justify-content: flex-start;}
.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{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px;}
.flex_bundle_list.between::after{display: none;}
.flex_bundle_list.between li, .flex_bundle_list.between li + li{position: relative; margin-left: 0; width: calc((100% - 16px)/3);}
.flex_bundle_list.between li.w100{width: 100%;}
/* 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-10-25 Q10941 #346_13_GPCC,PLCC_체크카드 금소법 화면 제거에 따른 결제일 항목 추가 */
.due_box {display: block; position: relative; padding: 16px 12px; margin: 12px 0 40px; background: rgba(0,0,0,0.04);}
.bank_select_list .bank_detail {font-size: 16px; color: #000; line-height: 26px; font-weight: normal; padding: 0 24px;}

/* 2023-11-21 Q10547 #473 카드이용한도설정 UI 변경 */
.price_list.type_line2 {display:flex;flex-wrap: wrap;}
.price_list.type_line2 li {width: calc(25% - 6px) !important;padding:0;margin-left:0 !important;}
.price_list.type_line2 .custom_radio input[type="radio"] + label {display:flex !important;justify-content:center;height:64px !important;flex-direction:column;line-height:22px !important;}
.price_list.type_line2 .custom_radio input[type="radio"] + label .small {font-size:12px;}

/*---------- ---------- ---------- (배포일)2023-11-29 Q11067 #346 금소법(gpcc plcc 공통클래스 사용) Start ---------- ---------- ----------*/
/* 기본 아코디언(고객센터 FAQ유형)(gpcc ~ customer.css ~ sub_customer->sub_card 전환) */
/* .accod_list.add_list .accodWrap:last-child {border-bottom:0;} */
.accod_list {border-top:2px solid #000;}
.accod_list .box_tit {position:relative;}
.accod_list .box_tit:hover {background: #fafafa;}
.accod_list .box_tit .accodBtn:after  {content:""; display:block; position:absolute; right:20px; top:20px; width:24px; height:24px; background: url(../images/ico_ArrowB_Down.png) no-repeat right center; background-size:24px; opacity: 0.64; z-index:2;}
.accod_list .box_tit .accodBtn:after  {background: url(./../../../plcc/pc/images/ico_ArrowB_Down.png) no-repeat right center; background-size:24px;}
.accod_list .accodWrap.on .accodBtn:after  {transform: rotate(180deg);}
.accod_list .accodWrap.on .accodBtn {font-weight:700;}
.accod_list .accodWrap + .accodWrap {border-top:1px solid #ebebeb;}
/* .accod_list .accodWrap:last-child {border-bottom:1px solid #ebebeb;} */
.accod_list .accodWrap .accodBtn {display:block; /*width:100%;*/ z-index:3; padding: 20px 60px 20px 24px;}
.accod_list .accodWrap.on .accodBtn {font-weight:700;} /*속성값위치변경*/
.accod_list .accodWrap.on {background:#fafafa;}
.accod_list .box_btn.more {margin-top:32px; border-bottom:none;}
.accod_list .accodSlide {display:none; /*padding:4px 40px 24px 40px;*/padding-bottom:24px;}
/* 필요없는 부분 삭제  */
.accod_list + .box_btn {margin-top:32px;}

/* 카드 설명서 타입(신청프로세스 신규유형) */
.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 {border-top:0;}
.accod_list.cardExplain_type .box_tit:hover {background:#fff;}
.accod_list.cardExplain_type .box_tit .accodBtn:after {right:0;}
.accod_list.cardExplain_type .accodWrap .accodBtn {padding: 20px 60px 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 .accodWrap.on {background:#fff;}

.accod_list.cardExplain_type .accodSlide {padding:20px 0;}
.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;}

/* 회색 라운드 타입(신규유형) */
.accod_list.round_type {border-top:0;}
.accod_list.round_type .accodWrap + .accodWrap {border-top:0;}
.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;}
/* 회색 라운드 타입(하위답변에 대한 질문) */
.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:20px}

/*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:40px; font-weight:700; font-size:28px; line-height:36px; }
.info_num2:first-child {margin-top:0; padding-top:4px;} /*margin사용시 mCustom top값 마이너스 초기화됨*/
.info_num2 + h3.ceterms_tit {margin-top:60px;} /*3page*/
h3.ceterms_tit + .accod_list_wrap {margin-top:20px;}
.popCardExplain .cepage_item:first-child .info_num2:first-child {margin-bottom:56px;} /*예외처리*/

/*(폰트 진하게)*/
.table_x_title {margin:12px 0 8px; font-size:14px; font-weight:500; color:#000; line-height:20px; } /*gpcc pc 가져옴*/
.ceterms_wrap .table_x_title {font-size:16px; font-weight:700; line-height:22px;}
.ceterms_wrap h3:first-child + table {margin-top:24px;}
.ceterms_wrap .asterisk_list>li {line-height:22px;}

/*---------- popup.css (terms_table->terms_table2 클래스 변경)*/
.terms_table2 thead th {border-top:1px solid #ebebeb;}
.terms_table2 th{border-bottom:1px solid #ebebeb;vertical-align:top;padding:13px 0 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 0 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 {margin-top:6px;}
.terms_table2 td * + .bul_list02 > li + li {margin-top:4px;}
.terms_table2 + .asterisk_list {margin-top:0;}

/* 2025-03-07 Q11812 #883 단기대출 이용기간 팝업 */
.terms_table3 thead th{padding:10px 0; color:#000; font-weight:bold; text-align:center; border-top:1px solid #000; border-bottom:1px solid rgba(0,0,0,0.08);}
.terms_table3 tbody th,
.terms_table3 tbody td{padding:10px 0; color:#000; text-align:center; border-bottom:1px solid rgba(0,0,0,0.08);}
.terms_table3 .bd_right{border-right:1px solid rgba(0,0,0,0.08);}


/* .terms_table2 .br_mo_only {display:none;} *//*너비가 gpcc보다 작음*/
/*(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:15px;}
.ceterms_tit + .table_x_title {margin-top:16px;}
/*(gpcc plcc 공통사용) 내용*/
.ceterms_wrap .table_x_title:first-child {margin-top:56px;} /*pc추가*/
.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_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;}
.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*/
.ceterms_txt03 {margin-top:15px; font-size:16px; font-weight:500; color:rgba(0,0,0,0.64); line-height:26px;}
.cBlack {color:#000 !important;}
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추가*/

/*(gpcc plcc 공통사용) 내용 + pc추가*/
.ceterms_wrap [class^="bul_"][class*="list"][class*="fc"][class*="_a64"] > li, 
.ceterms_wrap [class^="dash_"][class*="list"][class*="fc"][class*="_a64"] > li {color:rgba(0,0,0,0.64);}

/*부가서비스 이용(신규유형)*/
.ol_list_type1 > li {font-size:16px;font-weight:500;line-height:26px;}
.ol_list_type1 > li + li {margin-top:12px;}
.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:12px;}
.bul_list > li > ul > li:first-child {margin-top:8px;}
.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:12px;}
.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;}

.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:12px;}
.dash_list > li > ul > li:first-child {margin-top:12px;}
.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:12px;}
.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)}

.dash_list02 > li {position:relative; padding-left:8px; font-size:14px; font-weight:500; line-height:22px;}
.dash_list02 > li + li {margin-top:8px;}
.dash_list02 > li > ul > li:first-child {margin-top:8px;}
.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:8px;}
.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:60px; height:19px; vertical-align:sub; background:url(/docfiles/resources/pc/images/detail/img_npayplus.png) 0 0 no-repeat; background-size:auto 19px;} /* 2024-12-18 Q11024 #793 :네이버페이플러스 로고 추가 */

/*(plcc pc전용) 금소법 관련추가*/
.cepage_item_wrap {height:584px;} /*고정높이 .detail_cont (max-height:584px 맞춤)*/
.cepage_item_wrap .cepage_item {height:calc(100% - 80px);}
.cepage_item_inner {height:100%;}
.cepage_item_inner .box_terms {padding:0 24px 40px 24px;} /*탭포커스 좌측 짤림방지*/

/* 2023-06-xx Q11067 #346 금소법 (plcc_common.css 37줄 수정)*/
.card_plcc .gpcc_btn_area.col2 {display:flex; justify-content:center; align-items:center; width:100%;}
.card_plcc .gpcc_btn_area.col2 .btn{width:calc(50% - 9px);float:none;}
.card_plcc .gpcc_btn_area.col2 .btn:last-child{margin-left:18px;}
.card_plcc .gpcc_btn_area.col2 .btn.full{margin-left:0;}

/*팝업버튼 pc추가*/
.box_btn a.w508 {min-width:508px;} /*신규*/
.box_btn.js_scroll_end > a + a {margin-left:12px;}
.box_btn.js_scroll_end .box_btn a.w508 {margin-left: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 > li .header_accordion .custom_check label {margin-right:15px;} */

/*(plcc pc전용) 금소법 관련추가*/
.new_bottom_sheet.popCardExplain .new_bottom_sheet_title .tit {padding-left:0;}

/*---------- (gpcc plcc 공통클래스 사용) 3:7 비율 신규유형추가*/
.wType1 {width:calc(29% - 9px) !important;}
.wType2 {width:calc(71% - 9px) !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: 40px 0 56px;}
.notice_bundle .tit {font-size: 20px; line-height: 26px; font-weight: bold; color: #000;}
.notice_bundle .notice_icolist {position: relative; margin-top: 42px; display: flex; flex-wrap: wrap;}
.notice_bundle .notice_icolist li {position: relative; display: flex; align-items: center; flex-direction: column; width: 33.3%;}
.notice_bundle .notice_icolist li:nth-child(-n+3) {margin-bottom: 44px;}
.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-top: 20px; text-align: center;}
.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: 40px;}
.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 .sub_desc {margin-top: 10px; padding: 0;}
.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: 71px 0 50px 6px; padding-top: 0;} */
.top_bundle.form_tit {display: flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 24px;}
.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; 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 {text-align: left;} */
/* .flex_bundle_list.full_type li+li {width: 100%;} */
.radio_dropdown {position:relative; height: 20px; text-align: left;}
.radio_dropdown label {position: relative; display: block; padding: 5px 0; color: #848484; font-size: 18px; line-height: 22px;}
.radio_dropdown input:checked + label {font-weight: 700; color: #000; display: block;}
.radio_dropdown input:checked + label::after {content: ''; display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 4px; background: url(/plcc/pc/images/ico_check_b.png) no-repeat; background-size: 24px auto;}
.radio_dropdown .btn_dropdown {position: relative; display: inline-block; padding-right: 22px; width: 100%; height: 100%; box-sizing: border-box;}
.radio_dropdown .btn_dropdown::after {content: ''; display: block; width: 18px; height: 18px; position: absolute; right: 0; top: 2px; background: url(/plcc/pc/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: 146px; 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 .custom_input input + label {width: auto;}
.form_bundle_wrap > ul > li .custom_mix.driverLicense .custom_input:last-child::before {display: block;}

/* 2024-02-08 Q11060 #527_GPCCPLCC_금소법 개선건(가족영문포함) */
.accod_list_wrap.ceterms_accord01 {margin-top:44px;}
.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;}
h3.ceterms_tit.ceterms_sub {margin-top:16px;color:rgba(0,0,0,0.64)}
.comment_box {position:relative;}
.comment_box .cepage_coment {position:absolute;left:50%;transform:translate(-50%, 0);width:260px;height:28px;bottom:10px;text-align:center;font-weight:normal;background:#000;border-radius:8px;padding:2px 8px;opacity:1;box-sizing: border-box;}
.comment_box .cepage_coment::before {content:'';display:none;background:none;}
.comment_box .cepage_coment > span {display:inline-block;font-size:14px;color:#fff;font-weight:500;}
.comment_box .cepage_coment::after {content: '';position:absolute;bottom:0px;left:50%;transform:translate(-50%, 0);margin-bottom:-4px;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:#000 transparent transparent transparent;}

/* 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-04-12 Q10941 #598_GPCCPLCC_랩업_ 자택주소 수정 및 랩업 내 주소지 노출 수정요청 */
.select_wrapping ul li.highlight.hlt_top:before {top: 28px;}
.select_wrapping .result_wrap {position: relative; display: block;}   
.select_wrapping .result_wrap .details_box {position: relative; display: block; clear: both;}                  
.select_wrapping .result_wrap .details_box li {display: flex; flex-direction: column; align-items: flex-end; text-align: right; padding: 4px 24px 0 0;}
.select_wrapping .result_wrap .details_box li span {margin-right: 0; word-wrap: break-word; word-break: keep-all; font-size: 16px; color: #000; line-height: 22px; vertical-align: top; font-weight: bold;}

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

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

/* 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;}
.layer_popup .layer_content .app_info_wrap .flex_btn_wrap.fix_end {position:relative;}
/* 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/pc/images/ico_refresh.png);}
.select_wrapping ul li .reward_area > span {max-width:none;} /*랩업*/

/*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;} /*리워드페이지와 랩업페이지의 팝업아이디 popSelectReward 동일 사용*/
.mCSB_container > .wrap_slider_box {padding-bottom: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:99%;} /*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:26px;}
.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:22px;}

.mt16 {margin-top:16px !important;}
.mt32 {margin-top:32px !important;}
.pb11 {padding-bottom:11px !important;}
.pb120 {padding-bottom:120px !important;} /*.layer_content 130px과 .layer_footer 120px gap 10px여백 없애는 용도*/
#yearly_reward .layer_content {padding-bottom:120px;}
#popSelectReward .layer_content {padding-bottom:120px;}
#popSelectReward.layer_popup.full .layer_wrap .layer_slider_wrap .mCSB_inside > .mCSB_container {overflow:visible; padding-bottom:0}
#popSelectReward.layer_popup.full .layer_wrap .layer_slider_wrap:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:none;}
.card_plcc .gpcc_issue #popSelectReward .mCSB_container {overflow:visible;} /*랩업페이지 팝업 좌우짤림 처리*/

.card_plcc .gpcc_complete_area.scroll_on .complete_txt {position:relative; left:0; width:100%; margin:0; opacity:1;} /*2024-08-23 Q11067 발급완료 버튼영역하단 텍스트*/

/*2024-09-09 Q11067 기존회원 한도변경*/
.flex_bundle_list.hType1 .custom_radio input[type="radio"] + label { display:flex; justify-content:center; height:64px; flex-direction:column; line-height:22px;}
.layer_wrap .flex_bundle_list.two_up li + li {width:50%;}
.limit_box {position: relative; display: block; margin: 28px 0 44px; padding: 20px; background-color: #f5f5f5; border-radius: 8px;} /*GPCC + PLCC 공통마크업*/
.limit_box .limit_box_list .limit_con {display: flex; justify-content: space-between; align-items: center;}
.limit_box .limit_box_list .limit_con p {font-size: 16px; font-weight: 700; line-height: 22px; color: #000;}
.mt28 {margin-top:28px !important;}


/* 2025-04-03 Q11795 #904-1  */
.bul_list02.black li{color:#000}
.fc_a4{color:rgba(0,0,0,0.4) !important;}
.detail_cont:not(.font_initial) div > ul.li_pad_l8 > li{padding-left:8px}

/* 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;}
.overseas_pay.lineType.hs_prc .box_white .custom_radio input[type="radio"] + label:before{content:none;}
.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-size:12px; color:#5c5c5c;}
.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);}