@charset "utf-8";
/*font*/
/*html {height:100vh;}*/
.txt_color1{color:#000 !important}
.card_SC .gpcc_top_title.medium.font_musinsa{ font-weight:normal;letter-spacing:-1px;}
.card_SC .top_text_area p{font-weight:normal;}
.card_SC .loading_area .inner_loading .count{font-family:'Musinsa Stencil';font-weight:normal;font-size:43px;line-height:52px;}
.card_SC .gpcc_complete_area .text_area .name_card,
.card_SC .gpcc_complete_area .text_area .name_card strong{word-break: keep-all;}
.card_SC .pd_info_box .top_cont h3,
.card_SC .pd_info_box .top_cont p{font-weight:normal;}
.eng_name {color:#000 !important;font-weight: bold;}
.r_price {position: absolute;right:0;top:0;font-size:16px;color:#000}
.fw_bold {font-weight: bold !important;}
.f16 {font-size:16px !important}
.f14 {font-size:14px !important}
.card_SC .pit_msg {color:#ff0000}
.gpcc_tab_wrap .small {
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: rgba(0,0,0,.4);
}
.gpcc_tab_wrap .active .small {
    color:#000
}
.gpcc_tab_wrap li a, .gpcc_tab_wrap li.active a {
    flex-wrap: wrap;
    text-align: center;
    padding:11px 0 11px 0
}
.fcolor {color:#0078ff}
.card_SC .tc {text-align: center !important;}
.agree_bundle > .text_desc {padding: 0 16px 18px 48px !important;}
.side_pad {padding:16px 16px !important}
/* .txt_valid {color:#0473ea;} */
/*bg color*/

/* 공통 */
.no_blit li {padding-left:0}
.no_blit li:before {background: none !important}
.w100 {width:100% !important}
.issue {width: 48px; text-align: center;}
body.card_SC,
.card_SC .gpcc_wrap,
.card_SC .gpcc_wrap .layer_popup.card_design_pop,
.card_SC .layer_popup.card_design_pop{background-color:#f5f5f5;}
.card_SC .gpcc_complete_area .img_area:before {background: #f5f5f5;}
.card_SC .gpcc_complete_area .img_area:after {background: #f5f5f5;}
.card_SC .in_type01 {background-color: #f5f5f5;border-radius: 8px;padding: 17px 16px;margin-top: 12px;}
/*header*/
.card_SC .gpcc_header .logo{position: absolute;left: 4.3%;top: 15px;width:174px;height:25px;background:url('../images/logo.png') no-repeat center;background-size:100%;text-indent: -9999px;}
.card_SC .progress_wrap .progrees_bar{background:#ccc;}
/*.card_SC .gpcc_header .tit { font-size: 16px; font-weight: bold; color: #000000; text-align: center; line-height: 48px; }*/
/*check*/
.card_SC .terms_wrap .agree_all_wrap .custom_check input[type="checkbox"]:checked + label:before{background:url('../images/ico_CheckO.png') 0 0 no-repeat;background-size:32px;}
.card_SC .custom_check input[type="checkbox"]:checked + label:before{background:url('../images/ico_CheckB.png') 0 0 no-repeat;background-size:32px;}
.card_SC .agree_bundle_list > li .cont_accordion .inner_list li .custom_check input[type="checkbox"]:checked + label:before{background:url('../images/ico_CheckB_24.png');background-size:24px;}
.card_SC .agree_bundle.single .inner_list li .custom_check label:before{background-size:24px;}
.card_SC .overseas_pay .box_white .custom_radio input[type="radio"]:checked + label:before{background:url('../images/ico_CheckB.png') center no-repeat;background-size:32px;}
.card_SC .card_design_pop .overseas_pay .box_white .custom_radio input[type="radio"]:checked + label:before{background:none;}
.card_SC .my_info_wrap ul li .custom_check input[type="checkbox"] + label:before{background:url('../images/ico_CheckB.png') 0 0 no-repeat;background-size:24px;}
.card_PLCC.card_SC .my_business_list li a:before{right:0;width:32px;height:32px;background: url(../images/ico_CheckB.png) 0 0 no-repeat;background-size: cover;}
.no_check .logo  {position: absolute;top:8px;left:-10px;width:52px;height:28px;background: url('/plcc/m/images/img_regularcard.png') center no-repeat;background-size: 28px 21px;text-indent: -999em;color:transparent;}
.no_check .logo + span {color:#000;font-weight: bold;padding-left: 54px;font-size:16px;line-height: 22px;}

.business_list.flex_bundle_list li .custom_radio input[type="radio"] + label, 
.card_PLCC .flex_bundle_list.service_list li .custom_radio input[type="radio"] + label {font-size:14px;text-align: center;}

/*toggle switch*/
.card_SC .toggle_switch .custom_check input[type=checkbox]:checked + label{background:#0473ea;}
/*input focus, error*/
.card_SC .custom_input input[type="text"],
.card_SC .custom_input input[type="number"],
.card_SC .custom_input input[type="tel"],
.card_SC .custom_input input[type="search"],
.card_SC .custom_input input[type="email"],
.card_SC .custom_input input[type="password"] {
    caret-color:#0473ea !important;
}
.card_SC .custom_input.error input[type="text"],
.card_SC .custom_input.error input[type="number"],
.card_SC .custom_input.error input[type="tel"],
.card_SC .custom_input.error input[type="search"],
.card_SC .custom_input.error input[type="email"],
.card_SC .custom_input.error input[type="password"] {
    caret-color:#f00 !important;
}
.card_SC .custom_input input[type="text"]:focus,
.card_SC .custom_input input[type="number"]:focus,
.card_SC .custom_input input[type="tel"]:focus,
.card_SC .custom_input input[type="search"]:focus,
.card_SC .custom_input input[type="email"]:focus,
.card_SC .custom_input input[type="password"]:focus {
    border-bottom:2px solid #0473ea;
}
.card_SC .custom_input.error input[type="text"],
.card_SC .custom_input.error input[type="tel"],
.card_SC .custom_input.error input[type="search"],
.card_SC .custom_input.error input[type="email"],
.card_SC .custom_input.error input[type="password"] {border-bottom:1px solid #ff0000; color:#ff0000;}
.card_SC #cardLimit{border-bottom:2px solid #0078ff;}
.card_SC .error #cardLimit{border-bottom:2px solid #f00;}
.card_SC .error #carNumber1{border-bottom:2px solid #f00;}
.card_SC #carNumber1{border-bottom:2px solid #0078ff;}
.card_SC .ss_id.active input,
.card_SC .custom_mix.idcard.active input{border-bottom:2px solid #0473ea}
.card_PLCC.card_SC .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus{border-bottom:2px solid #0473ea} /* 2022-06-13 수정 */
.card_SC .box_amex .input_area .row.focus{border-bottom:2px solid #0078ff;}
.card_SC .box_amex .input_area .custom_input input:focus{border-bottom:none;}

.card_SC .form_card_wrap .form_bundle .box_account .custom_input input[type="text"]:focus{caret-color:#0473ea !important} /* 2022-06-13 수정 */
/*p00*/
/*.card_SC.pd_info .gpcc_header .logo{background:url(../images/pd_logo.png) no-repeat 0 0;background-size:100%;}*/
.card_SC .pd_info_box .top_cont{background:url(../images/pd_main_img.png) no-repeat center center;background-size:cover;height:431px;}
.card_SC .pd_info_box .top_cont p{margin-bottom:4px;}
.card_SC.pd_info .info_box .tit0 em,
.card_SC.pd_info .info_box .list_txt em{ color:#000;}

.card_SC .info_desc_ico > li.ico0:before{ background:url(../images/pd_ico0.png) no-repeat center; background-size:100%;}
.card_SC .info_desc_ico > li.ico1:before{ background:url(../images/pd_ico1.png) no-repeat center; background-size:100%;}
.card_SC .info_desc_ico .info_desc_sub{ font-size:14px; color:#666; line-height:20px; }
.card_SC .gpcc_tab_wrap .tab_nav li > a {height:60px !important;line-height:18px !important}
.card_SC .js_tab .tab_nav li > a {height:48px !important;line-height:100% !important}

.card_PLCC.card_SC .pd_info_box .top_cont h3{color:#000;}
.card_PLCC.card_SC.pd_info .gpcc_header .btn_header_close{position: absolute;right: 2.133%;top: 8px;width: 32px;height: 32px;color: transparent;background:url('/plcc/m/images/ico_X.png') center no-repeat;background-size:100%;}
/*p01*/
@media all and (max-width:320px){
    .card_PLCC.card_SC .gpcc_container.starting_card .gpcc_init_title{width:100vw;left:-7.4%;}
    .card_PLCC.card_SC .gpcc_container.starting_card2 .gpcc_init_title{width:100%;left:0;}
}
/*p06*/
.card_PLCC.card_SC .form_card_wrap > div.box_card_bundle > div.front_card{background:#f5f5f5;}
.card_SC .title + .form_bundle .box_account.mar_b16 + .form_card_bundle {overflow-y: scroll; width: 100%; padding-top: 0; box-sizing: border-box; height: 284px;}

/*p10*/
.card_PLCC.card_SC .top_title_eye_brow em{color:#0078ff;}
/*p17 complete*/
.card_SC .complete_logo{width:42px;height:70px;background:url(../images/loading_img.png) no-repeat 0 0 ;background-size:100%;margin:0 auto 16px auto;}
.card_PLCC.card_SC .gpcc_container.loading_page .loading_area .inner_loading{top:208px;}
.card_PLCC.card_SC .add_on_event_box{border:1px solid #e0e0e0;background: transparent}
.card_PLCC.card_SC .add_on_event_box .event_box_sub_txt.type02{margin:0 0 14px 0;}
.card_PLCC.card_SC .add_on_event_box .event_box_icon{background:url('../images/ico_Eventbox_01.png') no-repeat center;background-size:100% 100%;margin-top:0;right:5px;}


.card_PLCC .add_on_event_box .event_box_desc.type03{color: rgba(0,0,0,.64);font-size: 15px; padding-right:25px;letter-spacing: -0.5px}
.card_PLCC .add_on_event_box .event_box_desc.type03 strong{color:#000;}
/* .card_PLCC .gpcc_complete_area .add_on_event_box.type03.fixed{margin-top:56px} */
.card_PLCC .gpcc_complete_area .add_on_event_box.type04.fixed{margin-top:56px;padding-left:15px;padding-right:15px;background: #f5f5f5;}
.card_PLCC.card_SC .add_on_event_box .event_box_sub_txt.type02{font-size:13px;line-height:20px;letter-spacing:-0.5px;margin:0 0 2px 0;}
.card_PLCC.card_SC .add_on_event_box .event_box_desc.type03 em{color:#0078ff;}

.card_PLCC.card_SC .btn_arrow.blue_link{color:#0078ff;margin:2px 0 0 0;}
.card_PLCC.card_SC .btn_arrow.blue_link:after{background:url('../images/ArrowB_Forward.png') no-repeat center;background-size:100% 100%;opacity:1;}

.card_PLCC.card_SC .gpcc_complete_area .text_area .name_card strong{display:inline;}
/*loading*/
.card_PLCC.card_SC #loading-modal{display:none;position:fixed;z-index:10000;top:0px;left:0px;height:100%;width:100%;background:rgba(0,0,0,.8)}
.card_PLCC.card_SC #loading-modal .loading_box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90px;overflow:hidden;text-align:center;}
.card_PLCC.card_SC #loading-modal .loading_img{width:42px;height:70px;background:url(../images/loading_img.png) no-repeat 0 0 ;background-size:100%;margin:0 auto 16px auto;}
.card_PLCC.card_SC #loading-modal .loading_txt{width:100%;font-size:14px;line-height:18px;color:#fff;font-family:'San Francisco','SF Pro Display','Noto Sans KR';}
.safari #loading-modal .loading_txt{font-family:-apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display','SF Text Display';font-weight:500;}
.card_PLCC.card_SC #loading-modal .loading_txt .dot{display:inline-block;position:relative;margin:0 0 0 2px;vertical-align:bottom;width:12px;height:5px;background:url(../images/loading_dot.gif) no-repeat 0 0;background-size:100% auto;}
/**/

/*네이버인증*/
.card_SC .naver_logo {background:url(../images/icon_naverlogo.png) no-repeat center center;background-size: 80px 80px;width:80px;height:80px;margin:28px auto 44px}
.card_SC .naver_logo span {display: none;}
.card_SC .info_num {font-size:16px;font-weight: bold;}
.card_PLCC.card_SC .gpcc_search_result .address_list .address em{color:#0473ea;}
/**/
.card_PLCC.card_SC .check_wrap .ico_check{background:url(../images/ico_check.png) no-repeat 0 0;background-size:100% 100%;}

.download.active:before {
    background:url('../images/ico_CheckB.png') 0 0 no-repeat;background-size:32px;
}
.card_PLCC .gpcc_complete_area .text_area .desc{letter-spacing: -0.5px}
/* .card_PLCC .service_list.flex_bundle_list li label {min-height: 48px !important;} */
.card_PLCC .service_list.flex_bundle_list li.sub_dept .custom_radio input[type="radio"] + label {
    display: block;padding: 4px 5px;text-align: center;
}
.card_PLCC .service_list.flex_bundle_list li.sub_dept .custom_radio input[type="radio"] + label span {
    display: block;font-size:12px
}
/*p12 align*/
.card_PLCC .flex_bundle_list.service_list li:last-child .custom_radio input[type="radio"] + label {
    height: 100%;
    max-height: 100%;
    line-height: normal!important
  }
  /*p17_2 scroll_on 추가시 bottom popup buttom 쏠림*/
.layer_popup.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{
    left:0
  }

@media (min-height:810px){
    .card_PLCC .gpcc_complete_area {
        padding-top: 48px;
        padding-bottom:90px;
        min-height: calc(100vh - 138px);
    }
    .card_PLCC .gpcc_complete_area.scroll_on .gpcc_btn_area {
        position: absolute;
        width: 100vw;
        left: 50%;
        bottom: 20px;
        transform: translateX(-50%);
        margin: 40px 0 0 0;
        padding: 0 0 16px 0;
    }
    .card_PLCC .gpcc_complete_area.scroll_on .desc_gray.type02{

        position: absolute;
        bottom: 0px;
        padding-bottom:10px

        }
    /* .layer_popup.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{
        left:50%;
        } *//*GGCA96 2021-08-04 button 틀어짐*/
}
.layer_popup .intro .title_area {height:0; padding:0;}
.layer_popup .intro_cont .card_txt.type {height:40px; margin-bottom:10px; color:#000;}
.layer_popup .intro_cont .card_select_tit {position:relative; text-align:center; font-size:14px; font-weight:bold; color:#000;
     margin-top:-35px; line-height:20px;margin-bottom:0}
.layer_popup .intro_cont .card_select_tit_txt {font-size:14px; color:#000; line-height:22px; text-align:center; display:block;}
.intro_cont .back_side_view_btn {position:relative;}
.ltsp {letter-spacing: -1px;}
/* 2021-03-19 리볼빙 신청 개선 요청의 건 */
.title_area h2.tit2{letter-spacing:-0.23rem;line-height:3rem;}
.content.type2{padding:3.5rem 2rem 9rem;}

/* 2022-08-17 가로 카드 슬라이드 */
.card_SC .intro_cont.add .gpcc_btn_area {position: fixed; left: 0; bottom: 0; margin: 0; padding: 0 2.45% 16px; width: -webkit-fill-available;}
.card_SC .intro_cont.add .card_slide + .card_select_tit {margin:0;}
.card_SC .intro_cont.add .back_side_view_btn {margin-top:12px;}
.card_SC .intro_cont.add .card_slide {padding: 26px 0 12px 0;}
.intro_cont .card_slide .horiaontal .card_cnt {width: 247px;}
.intro_cont .card_slide .horiaontal .card_cnt .card {width: 247px; left: calc(50% - 123.5px);}
.card_SC .intro_cont.add .card_slide .swiper-slide-prev .card_cnt, .card_SC .intro_cont.add .card_slide .swiper-slide-next .card_cnt {width:118px;}
.card_SC .intro_cont.add .card_slide .swiper-slide-prev .card_cnt .card, .card_SC .intro_cont.add .card_slide .swiper-slide-next .card_cnt .card {width:118px; left: calc(50% - 59px);}
.card_SC .intro_cont.add .card_slide .swiper-slide-prev.horiaontal .card_cnt, .card_SC .intro_cont.add .card_slide .swiper-slide-next.horiaontal .card_cnt {width:186px;}
.card_SC .intro_cont.add .card_slide .swiper-slide-prev.horiaontal .card_cnt {margin-right:60px;}
.card_SC .intro_cont.add .card_slide .swiper-slide-next.horiaontal .card_cnt {margin-left:60px;}
.card_SC .intro_cont.add .card_slide .swiper-slide-prev.horiaontal .card_cnt .card, .card_SC .intro_cont.add .card_slide .swiper-slide-next.horiaontal  .card_cnt .card {width:186px; left: calc(50% - 93px);}
.horiaontal {padding-top:30px;}
.p2_m_1ln {font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: 0;}
.alC {text-align:center;}

/* 2022-08-24 카드 상세페이지 레이아웃 변경 */
.card_SC .intro_cont.add2 .gpcc_btn_area {position: fixed; left: 0; bottom: 0; margin: 0; padding: 0 2.45% 16px; width: -webkit-fill-available;}
.card_SC .intro_cont.add2 .card_slide + .card_select_tit {margin:0;}
.card_SC .intro_cont.add2 .back_side_view_btn {margin-top:12px;}
.card_SC .intro_cont.add2 .card_slide {padding: 26px 0 12px 0; height: auto;}

/* 2022-06-10  inner_list 간격 수정 */
.inner_list.bankNum {display:block; position:relative;}
.inner_list.bankNum li {margin-top:6px;}
.inner_list.bankNum li:first-child {margin-top:0;}
.gpcc_btn_area.type02 .btn {padding:6px 0; height:auto; line-height:22px;}
.revolving_area .tip {font-size: 12px; background:#ffff00;}

/* 2022-06-13  radio type 이미지 변경 */
.card_SC .type02 .custom_check input[type=radio] + label:after {background:url('../images/ico_CheckB.png') 0 -5px no-repeat;background-size:32px;opacity:0.2;}
.card_SC .type02 .custom_check input[type=radio]:checked + label:after {background:url('../images/ico_CheckB.png') 0 -5px no-repeat;background-size:32px;opacity:1;}

/* 2022-06-13 css 변경 */
.btn.btn_arrow.green {color:#0473ea;}
.btn.btn_arrow.green:after {background:url('../images/ArrowB_Forward_green.png') no-repeat center;background-size:100%;width:16px;height:16px;opacity:1;margin-top:3px;}
.card_PLCC .custom_select select:focus{border-bottom:2px solid #0473ea}
/* .box_myaccount .my_account .logo_area {width:100px; height:54px; overflow:hidden; background:url('../images/spr_cardlogo.png') no-repeat; background-size:600px auto; color:transparent;background-position:80px 0;} */ /* 2023-01-06 Q10941 로고 이미지 통일화로 삭제 */

/* 2022-08-18 css 변경 */
.tab_sheet {display:flex;}
.tab_sheet .custom_radio {width:100%; align-items: stretch;}
.tab_sheet .custom_radio + .custom_radio {margin-left: 4px;}
.tab_sheet .custom_radio input[type="radio"] + label:before {display:none;}
.tab_sheet .custom_radio input[type="radio"] + label {display:flex; display:-webkit-flex; justify-content: center; align-items: center; padding:0; width:100%; height:48px; border:1px solid #ebebeb; font-size:16px; color: rgba(0,0,0,0.48); line-height:100%; border-radius: 4px; text-align:center; box-sizing:border-box;}
.tab_sheet .custom_radio input[type="radio"]:checked + label {color: #000; font-weight: bold; border: 2px solid #000;}
.tab_sheet .custom_radio input[type="radio"]:checked + label span {font-weight: bold;}

/* #footer.type2 .btn_footer[disabled],
#footer.type2 .btn_footer.disabled{background:#fff;color:#777;}
#revolPop2 .pop_btn_area > .btn_pop span{color:#777;font-weight:bold;}
#revolPop2 .pop_btn_area > .btn_pop.btn_ok{background:#000;}
#revolPop2 .pop_btn_area > .btn_pop.btn_ok span{color:#fff;} */
/* range slider */
.slider_area .ui-widget-header{background:#000 !important;border-radius: 5px;}
.slider_area .ui-widget.ui-widget-content{height:10px;background:#e6e6e6;border:none !important;}
.slider_area .ui-corner-all,
.slider_area .ui-corner-bottom,
.slider_area .ui-corner-right,
.slider_area .ui-corner-br{border-bottom-right-radius:5px !important;}
.slider_area .ui-corner-all,
.slider_area .ui-corner-bottom,
.slider_area .ui-corner-left,
.slider_area .ui-corner-bl{border-bottom-left-radius:5px !important;}
.slider_area .ui-corner-all,
.slider_area .ui-corner-top,
.slider_area .ui-corner-right,
.slider_area .ui-corner-tr{border-top-right-radius:5px !important;}
.slider_area .ui-corner-all,
.slider_area .ui-corner-top,
.slider_area .ui-corner-left,
.slider_area .ui-corner-tl{border-top-left-radius:5px !important;}
.slider_area .ui-slider-horizontal .ui-slider-handle::before{content:'';display:block;width:30px !important;height:30px !important;background:#fff; border:1px solid #d9d9d9; border-radius:30px; position:absolute;left:-11px;top:-6px !important;text-align:center;line-height:1.6em;color:#000;font-size:16px;outline:0;}
.slider_area .ui-slider-horizontal .ui-slider-handle:focus{outline:0;border:0;}
.slider_area .ui-slider-horizontal .ui-slider-handle::before:focus{outline:0;border:0;}

.wrap_slider_payrete{width:310px;height:45px;margin:45px auto 0;}
.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content{width:100%}
.slide_base{position:relative;width:100%;}
.tooltip_revolving{position:absolute;display:none;top:50px;padding:10px;border-radius:3px;border:1px solid #bbb;z-index:10;}
.tooltip_revolving p{font-size:11px;color:#777;letter-spacing:-0.1em;}
.tooltip_100{right:-10px;}
/* .tooltip_100::before{width:11px;height:9px;background:url(/costco/m/img/images/img_tooltip_tail_r.png) no-repeat 0 0;background-size:11px 9px !important;content:'';display:block;position:absolute;top:-9px;right:15px;} */
.tooltip_tail{width:11px;height:9px;display:block;background-size:11px 9px !important;position:absolute;top:-9px;}
.counter_payrete_num{position:absolute;top:-34px;left:100%;width:fit-content;margin-left:-15px;font-size:14px;color:#000;font-weight:bold;}
.wrap_slider_period{width:310px;height:45px;margin:50px auto 0;}
.counter_period_num{position:absolute;top:-34px;left:100%;width:fit-content;margin-left:-15px;font-size:14px;color:#000;font-weight:bold;}
.range_ruler{width:310px;height:10px;;margin:0 auto;}
.range_ruler .flexbox{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:2;}
.range_ruler .flexbox div{width:4px;height:4px;border-radius:4px;background:rgba(255,255,255,0.4);position:relative;top:13px;}
.range_ruler .flexbox div span{display:inline-block;padding-top:16px;text-align:right;font-size:14px;color:#000;position:absolute;}
.range_ruler .flexbox.type1 div .num10{left:-12px;}
.range_ruler .flexbox.type1 div .num50{left:-12px;}
.range_ruler .flexbox.type1 div .num100{left:-12px;}
.range_ruler .flexbox.type2 div span{width:27px;}
.range_ruler .flexbox.type2 div .num1{left:-18px;}
.range_ruler .flexbox.type2 div .num3{left:-18px;}
.range_ruler .flexbox.type2 div .num5{left:-18px;}
.revolving_area .tit_area h3 {font-size:16px;margin-bottom:20px}


/* S. 2026-03-13 Q11795 #1492_CLCC_금융사 선택화면 개선 요청의 건 */
/* .card_SC .gpcc_withdraw_list li.toss a:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 80px;
    height: 80px;
    background: url(../images/spr_cardlogo.png) no-repeat 0 0;
    background-size: 480px auto;
} 

.card_SC .gpcc_withdraw_list li.toss a:before {
    background-position: -78px -560px;
} */
/* E. 2026-03-13 Q11795 #1492_CLCC_금융사 선택화면 개선 요청의 건 */

.card_SC .dblits {padding-left:0;}
.card_SC .dblits::before {display: none;}

@media screen and (max-width:380px){
    .ltsp3p {letter-spacing: -3px;}
 }
 .card_SC .gpcc_tab_wrap .tab_nav li > a {line-height:100%}

 /* 2022-08-31 Q10771 유의사항 css */
.card_SC .point li {color:#000}
.card_SC .point li.fw_bold {font-weight: bold;}
.card_SC .point h4, .card_SC .infor_title {font-size:16px}

 /* 2022-09-06 Q10771 css 수정 test */
 .card_SC .gpcc_container.starting_card {padding:0 6.4% 0; height: calc(100% - 48px);}
 
 /* 2022-09-15 Q10771 css 수정 하이라이트 강조 _ p18_old */
.h2_desc.highlight {position: relative; margin:0 0 36px;}
.h2_desc.highlight:before {display:block; content:""; width:100%; height:70px; position: absolute; left:0; top:50%; z-index: -1; transform: translateY(-50%); background-color:#f8ff00;}

 /* 2022-09-20 Q10771 css 수정 안심 아이콘 */
.lab_s  {display: inline-block; position: relative; margin-top:0 !important; overflow: hidden; color: #fff !important; font-weight: 700 !important; border-radius: 16px; vertical-align: top; padding: 2px 6px !important; font-size: 12px !important; line-height: 16px !important;}
.sd_m_blk {background-color: #019dc2;}
.lab_s > span {position: relative; z-index: 2; vertical-align: top;}
.terms_table td .lab_s {line-height: 16px !important;}
.terms_table td .lab_s > span {font-size: 12px !important; line-height: 16px !important;}

 /* 2022-09-02 Q10771 로딩 css 추가 */
.loading_page .inner {position:absolute;top:215px;left:50%;width:240px;height:240px;margin:0 0 0 -120px;}
.loading_page .inner .count  { position:relative; width:95px; height:95px; margin:0 auto; text-align:center; background: url(/sc/m/images/img_loading.png) 50% 50% no-repeat;background-size:35%; }
.loading_page .inner .count .num { display:block; font-weight: normal; font-size: 43px; line-height: 52px; position: absolute;bottom: -80px;left: 50%;transform: translateX(-50%);color: #000;}
.loading_page .inner .count .text { display:block; font-size:1.3rem; color:#4e4e4e; }
.loading_page .inner .count .circle_rotate { position:absolute; top:0px; left:0px; width:95px; }
.loading_page .circle_rotate {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1700ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function:linear;
	animation-name: spin;
	animation-duration: 1700ms;
	animation-iteration-count: infinite;
	animation-timing-function:linear;
}
@-webkit-keyframes spin {
	form { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	form { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* 2024-02-05 Q10547 531_PLCC_SC제일은행_발급완료 페이지 내 애플페이 개선외 수정요청의건 */
body.card_SC .floating_btn_bg .floating_btn {background-color: #f5f5f5;}
body.card_SC .floating_btn_bg .floating_btn .gpcc_btn_area .btn {padding:0;line-height:56px;}


/* S. 2025-05-19 Q11795 #984 */
.sub_card .list01.extra_list {position:relative; margin-top:16px;}
.sub_card .list01.extra_list li {position:relative; padding:22px 0;}
.sub_card .extra_list li:first-child {padding-top:0;}
.extra_list .tit {padding-right:85px; font-size:20px; line-height:26px; font-weight:500; color:#000;}
.extra_list .txt {display:block; margin-top:4px; padding-right:85px; font-size:14px; color:#858585; line-height:20px; font-weight:500;}
.extra_list .btn_extra {position:absolute; right:0; top:50%; transform: translate(0, -50%);}
.btn_extra {padding: 6px 18px 6px 17px; background-color:#000; border-radius:6px; color:#fff; font-weight:500;}
.btn_extra:hover, .btn_extra:active, .btn_extra:visited {color:#fff;}
.btn_extra span {font-size:14px; line-height:20px; font-weight:700;}
.btn_extra.active {background:rgba(0,0,0,0.08); color:rgba(0,0,0,0.20);}
@media (prefers-color-scheme: dark) {
    .extra_list .tit {color:#fff;}
    .btn_extra.active {background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.2);}
    .btn_extra.active:hover, .btn_extra.active:active, .btn_extra.active:visited {color: rgba(255,255,255,0.2);}
}

.sub_card .list01.type1 li{justify-content:space-between;display:flex;}
.sub_card .list01 li{padding:16px 0 15px;border-bottom:1px solid #ebebeb}
.sub_card .list01 li:last-child{border-bottom:none;padding-bottom:23px;}
.sub_card .list01 li p{display:block;}
.sub_card dl.list01{display:flex;justify-content:space-between;align-items:center;padding:17px 0;}
/* .card_img{width:192px;margin:0 auto;box-shadow:0 16px 32px 0 rgba(0,0,0,.24);height:298px} */

.sub_card .list01 li .btn_benefit {display:inline-block;position:relative;margin-bottom:9px;padding:0 0 0 6px;font-size:12px;line-height:18px;letter-spacing:-0.8px;color:#000;box-sizing:border-box;border:1px solid #000;border-radius:10px;}
.sub_card .list01 li .btn_benefit > .textbico_small {background-position:100% 1px;}
.sub_card.at_card .list01 li .btn_benefit {border:1px solid #009DE0;color:#009DE0;} /* AutoDigital - 쏘카 색상 사용 */
.sub_card.at_card .list01 li .btn_benefit.filter_br5 {filter:brightness(0.5);}
.sub_card.at_card .list01 li .btn_benefit > .textbico_small {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward_lightblue.png);} /* AutoDigital - 쏘카 색상 사용 */

.sub_card .list01.extra_list li .btn_benefit {height:20px; padding:2px 13px 2px 6px; line-height:14px;}
.sub_card .list01.extra_list li .btn_benefit:after {content: ''; position: absolute; right: -1px; top: 1px; width: 16px; height: 16px; background: url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward.png) no-repeat center; background-size: 100%;}
.sub_card .line_top.ver02 {margin-top:48px; padding-top:28px;}

@media (prefers-color-scheme:dark) {
    .sub_card .list01.extra_list li .btn_benefit:after {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_wht.png) no-repeat center; background-size: 100%;}
}

/* 약관정보 */
.terms_wrap { /*padding: 0 16px;*/ margin: 64px auto; }
/* E. 2025-05-19 Q11795 #984 */


/* S. 2025-12-12 Q11795 1372_CLCC_SC 신청 프로세스 3종 신규 작업 요청의 건 */
.mt41{margin-top:41px;}
.flex_wrap{display:flex; justify-content:space-between; align-items:center;}

.gpcc_plate .sec_header .toggle_switch{line-height:0;}
.gpcc_plate .layer_content .p1_m{font-size:16px; font-weight:500;}
.gpcc_plate .layer_content .p1_m_lt_2ln{font-size:16px; font-weight:500; line-height:26px;}
.gpcc_plate .layer_content .p1_b,
.gpcc_plate .layer_content .p1_b_lt,
.gpcc_plate .layer_content .p1_b_lt_2ln{font-size:16px; font-weight:700; letter-spacing:0;}

/*radio_box*/
.gpcc_plate .radio_box{display:flex;flex-wrap:wrap;}
.gpcc_plate .radio_box li label{background:#fff;border-radius:4px;line-height:22px;}
.gpcc_plate .radio_box:not(.col) li + li{margin-left:4px;}
.gpcc_plate .radio_box.col{flex-direction:column;}
.gpcc_plate .radio_box.col > li{position:relative;}
.gpcc_plate .radio_box.col > li + li{margin-top:8px;}
.gpcc_plate .radio_box.col label{height:48px;justify-content:center;align-items:center; border:2px solid #f5f5f5}
.gpcc_plate .radio_box.col.lt label{justify-content:flex-start;padding:0 16px;}
.gpcc_plate .radio_box.col label .img{width:24px;height:39px}
.gpcc_plate .radio_box.col label .txt{margin-left:12px;}
.gpcc_plate .radio_box.col label .txt p + p{margin-top:2px;}
.gpcc_plate .radio_box.col.chk label {height:64px;padding:0 20px;color:#000;justify-content:flex-start}/* 2024-06-28 Q20542 수정 */
.gpcc_plate .radio_box.col.chk input:checked + label:after{content:''; position:absolute; top:18px; right:20px; width:32px; height:32px; opacity:1; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;}

.gpcc_plate .radio_box.col.hAuto {display:block;}
.gpcc_plate .radio_box.col.hAuto > li + li {margin-top: 8px;}
.gpcc_plate .radio_box.col.hAuto label{display:block; height:auto; padding:13px 0 13px 16px; color:#000;}
.gpcc_plate .radio_box.col.hAuto label:before {border:1px solid #ebebeb; border-radius:8px;}
.gpcc_plate .radio_box.col.hAuto input:checked + label:before {border: 2px solid #000;}
.gpcc_plate .radio_box.col.hAuto label span{display:block;}
.gpcc_plate .radio_box.col.hAuto label span:first-child{font-weight:700;}
.gpcc_plate .radio_box.col.hAuto label.hAutoLabel span:first-child + span {font-size:14px; font-weight:500; line-height:22px;}

.gpcc_plate .radio_box input[type="radio"]:checked + label{color:#000;font-weight:700;}
.gpcc_plate .radio_box input[type="radio"] + label:after{display:none;}
.gpcc_plate .radio_box input[type="radio"] + label.on:after{content:'';position:absolute;display:block;width:32px;height:32px;left:auto;right:8px;top:50%; margin-top:-16px; background:url('/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png') no-repeat;background-size:32px auto;}

/* table */
.gpcc_plate .view_table td,
.gpcc_plate .view_table th{padding:17px 0;border-bottom:1px solid #e0e0e0;vertical-align:top;}
.gpcc_plate .view_table.type02 thead tr th{border-bottom: 1px solid rgba(0, 0, 0, .48);border-top: 1px solid rgba(0, 0, 0, .08);}
.gpcc_plate .view_table.type02 tbody tr td{border-bottom-color: rgba(0, 0, 0, .04);}
.gpcc_plate .view_table.type02 th,
.gpcc_plate .view_table.type02 td{padding: 12px; font-size: 14px; line-height: 22px; color: rgba(0, 0, 0, .64);}
.gpcc_plate .view_table.type02 th{ color: rgba(0, 0, 0); font-weight: 700;}
.gpcc_plate .view_table.type02 th[scope="row"] {border-bottom-color: rgba(0, 0, 0, .04);}
.gpcc_plate .view_table.type02 tr th:first-child,
.gpcc_plate .view_table.type02 tr td:first-child {padding-right: 0;}
.gpcc_plate .view_table.type02 tr th:last-child,
.gpcc_plate .view_table.type02 tr td:last-child {padding-left: 40px;}
.gpcc_plate .view_table.type02 .p2_b_1ln_lt{text-align:left;}

/*  layer popup full */
.gpcc_plate .layer_popup.full .layer_head { padding:36px 48px 36px 24px; height:auto; flex-wrap: wrap }
.gpcc_plate .layer_popup.full .layer_head h1 {font-size:24px; font-weight:700; line-height:32px; white-space:normal;}
.gpcc_plate .layer_popup.full .layer_content .box_content{padding-top:0;}
.gpcc_plate .layer_popup.full .layer_btn {position:absolute; right:0; bottom:0; left:0; z-index:99; padding:40px 16px calc(constant(safe-area-inset-bottom) + 16px ); padding:40px 16px calc(env(safe-area-inset-bottom) + 16px ); background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%); }
.gpcc_plate .layer_popup.full .layer_btn [class^="btn"] { display:block; }
.gpcc_plate .layer_popup.full .layer_btn .box_btn { width:100%; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:nowrap; }
.gpcc_plate .layer_popup.full .layer_btn .box_btn [class^="btn"] { margin:0.3em; flex-grow:1; text-align:center; height:auto; padding:17px 4px; font-size:16px; line-height:22px; border-radius:8px; background-color:#000;}
.gpcc_plate .layer_popup.full .layer_btn .box_btn [class^="btn"] span{color:#fff;}
.gpcc_plate .layer_popup.full .layer_btn .box_btn [class^="btn"].disabled{background-color: #e0e0e0;}
.gpcc_plate .layer_popup.full .layer_btn .box_btn [class^="btn"].disabled span{color:#7a7a7a;}
.gpcc_plate .layer_popup.full .layer_btn.full{padding:40px 16px 0 16px; padding-bottom:calc(constant(safe-area-inset-bottom)); padding-bottom:calc(env(safe-area-inset-bottom));}
.gpcc_plate .layer_popup.full .layer_btn.full .box_btn{display:block;}
.gpcc_plate .layer_popup.full .layer_btn.full .box_btn [class^="btn"]{margin:0;}
.gpcc_plate .layer_popup.full .layer_btn.full .box_btn .btn56_boldtxt{margin-right:-16px; margin-left:-16px;}
.gpcc_plate .layer_popup.full .box_terms .detail_cont{padding:0!important;}

/* .gpcc_plate #available_area .line_top {border-top: 1px solid rgba(0,0,0,0.12); padding-top:24px; margin-top:24px;}
.gpcc_plate #available_area .h4_b{font-size:20px; font-weight:700; line-height:26px;}
.gpcc_plate #available_area .view_table td{padding:13px 10px 13px 0;} */

.gpcc_plate #termsAgree.layer_popup.full .box_terms .detail_cont{padding-bottom:0 !important;}

.gpcc_plate .bul_list02_lt li{position:relative; padding-left:8px; font-size:14px; font-weight:500; line-height:22px; color:#5c5c5c;}
.gpcc_plate .bul_list02_lt li:before{content:''; display:inline-block; position:absolute; top:12px; left:0; width:2px; height:2px; background:#949494; border-radius:100%;}

.gpcc_plate .form_card_bundle .sec_body .toggle_bundle.active{border-bottom:0; border-radius:4px 4px 0 0}
.gpcc_plate .form_card_bundle .sec_body .toggle_bundle.active + .toggle_bundle{border-top:0; border-radius:0 0 4px 4px;}

.gpcc_plate .active_con .input_items{width:100%;display:flex;justify-content:space-between;padding-left:20px;background:url('/docfiles/resources/pc/images/card/ico_re.png') no-repeat -4px center / 16px;}
.gpcc_plate .active_con .input_items + .input_items{margin-top:20px;}

/* .card_PLCC .new_bottom_sheet_title.bor_bottom{font-size:20px; line-height:26px; white-space:pre; overflow:hidden; text-overflow:ellipsis;} */

.intro_cont .card_slide.isHorizontal .swiper-slide{margin-top: 40px;}
.intro_cont .card_slide.isHorizontal .swiper-slide .card_cnt {left: /*35%*/calc(25% + 37px);width: 244px;height: 155px;margin-top: -35px;}
.intro_cont .card_slide.isHorizontal .swiper-slide .card_cnt .card{display: block;position: absolute;width: 100%;height: auto;left: 0;top: 0;opacity: 1;transition: opacity .1s;transition-delay: .1s;}
.intro_cont .card_slide.isHorizontal .swiper-slide-active{margin-top:0}
.intro_cont .card_slide.isHorizontal .swiper-slide-active .card_cnt{min-height: 156px;/*padding-top: 62px !important;padding-bottom:  61px;*/left: 0;width: 247px;height: 156px;margin-top: 0;}
.intro_cont .card_slide.isHorizontal .swiper-slide-active .card_cnt .card{left:0;width:100%}
.intro_cont .card_slide.isHorizontal .swiper-slide-prev .card_cnt {left: /*-35%*/calc(-25% - 37px);}

.input_box.gray_bg {border: none;padding: 16px 22px 16px 16px;height: auto;background: #f5f5f5;}

.form_items .custom_price .box {display:flex; align-items:center; background:#fff; border-radius:4px; border:1px solid #ebebeb; height:48px; margin-top:8px; padding:0 16px 0 10px; font-size:16px; font-weight:700; color:#000;}
.form_items .custom_price .box .img_w52 {width:52px; margin-right:8px;} 
.form_items .custom_price .box .img_w52 img {width:100%;} 
.form_items .custom_price .box .title {line-height:1.2;} 
.form_items .custom_price .box .price {margin-left:auto; line-height:1.2;} 

.gpcc_container.horizontal .gpcc_card_area.small {width:77.5%;max-width: 253px; height:auto; margin:0 auto; overflow: hidden;text-align:center;position:relative;border-radius:4.5%;box-shadow: 0px 16px 32px rgba(0,0,0,.24);}

.card_design.isHorizontal div span{width:52px}

/* E. 2025-12-12 Q11795 1372_CLCC_SC 신청 프로세스 3종 신규 작업 요청의 건 */

/* S. 2026-02-11 Q11796 1372_CLCC_SC 신청 프로세스 3종 신규 작업 요청의 건 */
.gpcc_plate .view_table.type01 {margin:10px 0;table-layout:fixed;border-collapse:collapse;}
.gpcc_plate .view_table.type01 th, .gpcc_plate .view_table.type01 td{font-weight:normal; padding:8px 12px; border:1px solid #d0d0d0; font-size: 14px; line-height: 20px; vertical-align: middle; word-wrap:break-word; word-break:keep-all;}
.gpcc_plate .view_table.type01 th{font-weight:bold;}
.gpcc_plate .view_table.type01 thead + tbody tr:first-child th, .gpcc_plate .view_table.type01 thead + tbody tr:first-child td {border-top: 1px hidden;}
/* E. 2026-02-11 Q11796 1372_CLCC_SC 신청 프로세스 3종 신규 작업 요청의 건 */

/* 2026-03-04  Q11870 1372_CLCC_SC 신청 프로세스 3종 신규 작업 요청의 건 */
.card_PLCC .gpcc_complete_area.row_card_Amex{padding-bottom:152px}
.card_PLCC .gpcc_complete_area.row_card_Amex .text_area .name_card{font-size: 24px;}
.card_PLCC .gpcc_complete_area.row_card_Amex .img_area::before{display: none;}
.card_PLCC .gpcc_complete_area.row_card_Amex .img_area .img{width:253px;height: 159px; margin: 0 auto ;}
.card_PLCC .gpcc_complete_area.row_card_Amex .img_area::after{bottom:-53px}

.card_PLCC .gpcc_complete_area.row_card_Amex .gpcc_container{padding-left:0;padding-right:0;}
.card_PLCC .gpcc_complete_area.row_card_Amex .gpcc_container .gpcc_complete_area{padding-bottom:0}