/* mo */
@charset "utf-8";
.mt0 { margin-top: 0px !important; }
.mt4 { margin-top: 4px !important; }
.mt8 { margin-top: 8px !important; }
.mt12 { margin-top: 12px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt30 { margin-top: 30px !important; }
.mt32 { margin-top: 32px !important; }
.mt36 { margin-top: 36px !important; }
.mt40 { margin-top: 40px !important; }
.mt48 { margin-top: 48px !important; }
.mt52 { margin-top: 52px !important; }
.mt56 { margin-top: 56px !important; }
.mt64 { margin-top: 64px !important; }
.pt144 { padding-top: 144px !important; }
/* 2022-11-14 GGU477 추가 */
.pb30 { padding-bottom: 30px !important; }
/* 2024-06-24 GGU282 - 추가 */
.w120 { width: 120px !important; }
/* 2022-11-14 GGU477 추가 */
.w134 { width: 134px; }
/* layout */
.sub_customer { -webkit-text-size-adjust: none; }
.sub_customer .tab_container { margin-top: 84px; }
.sub_customer .cus_inner { padding: 0 24px; }
.sub_customer .cus_inner .cus_bundle { padding: 0; }
.sub_customer .content > .cus_bundle:first-child { margin-top: 24px; }
.ico_download { position: relative; padding-left: 25px; }
.ico_download:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #000; content: ''; -webkit-mask-image: url('/docfiles/resources/mo/images/com/icon/w24/ico_download.svg'); mask-image: url('/docfiles/resources/mo/images/com/icon/w24/ico_download.svg'); -webkit-mask-size: 20px; mask-size: 20px; }
.ico_s_download { position: relative; padding-right: 16px; }
.ico_s_download:after { position: absolute; top: 2px; right: 0; width: 16px; height: 16px; background: url('/docfiles/resources/mo/images/com/icon/w16/ico_download.png') left center no-repeat; background-size: 16px; content: ''; }
.box_btn:after { display: block; clear: both; content: ""; }
.fr { float: right; }
.fl { float: left; }
/* cus_bundle */
.sub_customer .cus_bundle { padding: 0 24px; }
.sub_customer .cus_bundle .cus_bundle_wfull { margin-right: -24px; margin-left: -24px; }
/* 2022-11-09 GGU282 추가 */
.sub_customer .cus_bundle + .cus_bundle { margin-top: 56px; }
.sub_customer .cus_bundle > .box_title01 { margin-bottom: 20px; }
.sub_customer .cus_bundle > .box_title01.b_line { padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; }
.sub_customer .cus_bundle > .box_title01 .sub_txt { margin-top: 4px; }
.sub_customer .cus_bundle .box_title01:after { display: block; clear: both; content: ""; }
.sub_customer .cus_bundle p + .img_area { margin-top: 20px; }
.sub_customer .cus_bundle .img_area img { width: 100%; }
.sub_customer .cus_bundle.b_line { padding-bottom: 40px; margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.sub_customer .cus_bundle.b_line + .cus_bundle { margin-top: 40px; }
.sub_customer .cus_bundle .box_table ~ p, .sub_customer .cus_bundle .box_table + .bul_list02 { margin-top: 12px; }
.sub_customer .cus_bundle.table_type .box_title01 { padding: 0 24px; margin-bottom: 12px; }
.sub_customer .cus_bundle.table_type > * { padding: 0 24px; }
.sub_customer .cus_bundle.table_type .box_table ~ p, .sub_customer .cus_bundle.table_type .box_table + .bul_list02 { padding: 0 24px; margin-top: 12px; }
.sub_customer .cus_bundle.table_type .bul_list02 li .num_list { margin-top: 6px; }
.sub_customer .cus_bundle.table_type .bul_list02 li .num_list li { padding-left: 18px; }
.sub_customer .cus_bundle.table_type .bul_list02 li .num_list li + li { margin-top: 6px; }
.sub_customer .cus_bundle.table_type .box_table { overflow-x: scroll; width: 100%; padding: 0; margin-top: 0; }
.sub_customer .cus_bundle.table_type .box_item { padding: 0; }
.sub_customer .cus_bundle.table_type .box_table .table_inner { display: inline-block; padding: 0 24px; }
.sub_customer .cus_bundle.table_type .box_table + .box_table { margin-top: 20px; }
.sub_customer .cus_bundle.table_type .box_item .tit { padding: 0 24px; }
.sub_customer .cus_bundle .box_title01 + .list_category01 { margin-top: -20px; }
/* sec_input */
.sub_customer .sec_input + .sec_input { margin-top: 40px; }
.sub_customer .sec_input > .box_title01 { margin-bottom: 12px; }
.sub_customer .sec_input + .box_bul { margin-top: 20px; }
.sub_customer .box_input01 .box_btn .w49 { width: 49px; }
.sub_customer .sec_input .box_select + .box_select, .sub_customer .sec_input .box_select + .box_input01 { margin-top: 12px; }
.sub_customer .sec_input .box_input01 + .input_textarea { margin-top: 20px; }
.sub_customer .sec_input .banner_live_chat { margin-top: 24px; }
.list_sel_inp.tab2.h48 > li:nth-child(n+3) { padding-top: 4px; }
.box_select .tit_select { position: absolute; z-index: 1; top: 0; left: 0; }
/* link_wrap */
.sub_customer .link_wrap a { display: inline-block; }
.sub_customer .link_wrap p { line-height: 16px; }
.sub_customer .link_wrap p + p { margin-top: 12px; }
.sub_customer .box_bul .link_wrap { margin: 8px 0 0 8px; }
.sub_customer .link_wrap .ico_s_download { padding: 0 0 0 16px; background: url('/docfiles/resources/mo/images/com/icon/w16/ico_download.png') left center no-repeat; background-size: 16px; }
.sub_customer .link_wrap .ico_s_download:after { display: none; }
/* box_item */
.sub_customer .box_item { margin-top: 40px; }
.sub_customer .box_title01 + .box_item { margin-top: 0; }
.sub_customer .box_item .bul_list > li .link_wrap { margin-top: 8px; }
.sub_customer .box_item + .box_item { margin-top: 32px; }
.sub_customer .box_item .tit { display: block; margin-bottom: 12px; }
.sub_customer .box_item .box_title01 { margin-bottom: 12px; }
.sub_customer .box_item .box_title01 .fl + .fl { margin-left: 4px; }
.sub_customer .box_item .sub_tit { margin: 16px 0 8px; color: rgba(0, 0, 0, 0.64); }
.sub_customer .box_item .txt + .box_btn { margin-top: 16px; }
.sub_customer .box_item .box_bul { color: rgba(0, 0, 0, 0.64); }
.sub_customer .box_item .tit + p { color: rgba(0, 0, 0, 0.64); }
.sub_customer .box_item .tit + p.fc_blk { color: #000; }
.sub_customer .box_item .img_tit { display: flex; align-items: center; margin-bottom: 8px; }
.sub_customer .box_item .img_tit img { width: 48px; height: 48px; margin-right: 4px; }
.sub_customer .box_item .img_tit .svg { width: 48px; height: 48px; margin-right: 4px; }
.sub_customer .box_item .tit + .sub_txt { display: inline-block; margin-left: 4px; }
.sub_customer .box_item .img_box img { width: 100%; }
/* box_step_list */
.sub_customer .box_step_list { margin-top: 24px; }
.sub_customer .box_step_list + .sub_content { margin-top: 32px; }
.sub_customer .box_step_list li { position: relative; padding: 6px 22px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; }
.sub_customer .box_step_list li + li { margin-top: 48px; }
.sub_customer .box_step_list li + li:before { position: absolute; top: -40px; left: 50%; display: block; width: 32px; height: 32px; margin-left: -12px; opacity: 0.4; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') center no-repeat; background-size: 32px; content: ""; }
.sub_customer .box_step_list li.item_multiply:before { background: url('/docfiles/resources/mo/images/com/icon/w24/ico_xB.png') center no-repeat; background-size: 24px; }
.sub_customer .box_step_list li.item_result:before { background: url('/docfiles/resources/mo/images/com/icon/w24/ico_equal.png') center no-repeat; background-size: 24px; }
.sub_customer .box_step_list li.item_plus:before { background: url('/docfiles/resources/mo/images/com/icon/w24/ico_plusB.png') center no-repeat; background-size: 24px; }
.sub_customer .box_step_list + .box_bul { margin-top: 20px; }
.sub_customer .box_step_list li p + p { margin-top: 4px; }
.sub_customer .box_step_list li.graybox { background: #fafafa; }
.sub_customer .box_step_list li.item_none { margin-top: 4px; }
.sub_customer .box_step_list li.item_none:before { display: none; }
.sub_customer .box_step_list.size_s li { width: 257px; height: 40px; padding: 0; margin-right: auto; margin-left: auto; }
.sub_customer .box_step_list.size_s li p { line-height: 38px; }
/* 타이틀 + 서브텍스트 타입 */
.sub_customer .box_step_list.type2 li { padding: 16px 22px; }
/* 이미지 타입 */
.sub_customer .box_step_list2 { margin-top: 32px; }
.sub_customer .box_step_list2 li { position: relative; text-align: center; }
.sub_customer .box_step_list2 li + li { margin-top: 72px; }
.sub_customer .box_step_list2 li + li:before { position: absolute; top: -52px; left: 50%; display: block; width: 32px; height: 32px; margin-left: -16px; opacity: 0.2; background-color: #000; content: ""; -webkit-mask-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.svg); mask-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.svg); }
/* .sub_customer .box_step_list2 li .img {margin:0 auto; width:182px; height:350px;} */
.sub_customer .box_step_list2 li .img img { width: auto; height: 366px; }
.sub_customer .box_step_list2 li .img img + img { margin-top: 20px; }
.sub_customer .box_step_list2 li .img .svg { width: 64px; height: 64px; margin-bottom: 8px; }
.sub_customer .box_step_list2 li .img + p { margin-top: 20px; }
.sub_customer .box_step_list2 li .tit + p { margin-top: 8px; }
.sub_customer .box_step_list2 li .img > p + p { margin-top: 20px; }
.sub_customer .box_step_list2 li p + span { display: block; margin-top: 4px; }
.sub_customer .box_step_list2 li .ico_chatbot_menu { position: relative; top: 2px; }
.sub_customer .box_step_list2.no_arrow li + li:before { display: none; }
.sub_customer .box_step_list2.no_arrow li + li { margin-top: 40px; }
.sub_customer .box_step_list2.no_arrow li p { margin-top: 20px; }
/* 정렬 left 타입 */
.sub_customer .box_step_list3 li + li { margin-top: 48px; }
.sub_customer .box_step_list3 li .img img { width: 100%; }
.sub_customer .box_step_list3 li .tit { display: flex; margin-top: 20px; }
.sub_customer .box_step_list3 li .tit .lab_step { min-width: 60px; height: 28px; line-height: 26px; margin-right: 14px; border: 1px solid #ccc; border-radius: 4px; color: #858585; text-align: center; }
.sub_customer .box_step_list3 li .tit p + p { margin-top: 2px; }
.sub_customer .box_step_list3 li .tit + p { margin-top: 8px; color: rgba(0, 0, 0, 0.64); word-break: keep-all; }
/* 큰 아코디언 */
.sub_accod + .sub_accod { margin-top: 24px; }
.sub_accod { margin-top: 56px; }
.sub_accod > .accodWrap > .box_tit { position: relative; padding: 0 24px; }
.sub_accod > .accodWrap > .box_tit .accodBtn { position: relative; display: block; padding: 20px 35px 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.sub_accod > .accodWrap > .box_tit .accodBtn:after { position: absolute; top: 18px; right: 0; width: 32px; height: 32px; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat 50% 50%; background-size: 32px; content: ''; transition: all .5s; }
.sub_accod > .accodWrap > .box_tit .accodBtn h4 + p { margin-top: 6px; }
.sub_accod > .accodWrap.on > .box_tit .accodBtn:after { transform: rotate(-180deg); }
.sub_accod > .accodWrap + .accodWrap { margin-top: 24px; }
.sub_accod > .accodWrap > .accodSlide { display: none; padding: 20px 24px 32px 24px; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle { padding: 0; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle + .cus_bundle { margin-top: 32px; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle > .box_title01 { margin-bottom: 12px; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle.b_line { padding-bottom: 40px; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle + .box_bul { margin-top: 32px; }
.sub_accod > .accodWrap > .accodSlide .bul_list { color: rgba(0, 0, 0, 0.64); }
.sub_accod > .accodWrap > .accodSlide .bul_list.fc_blk { color: #000; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle .box_item .box_indent { padding-left: 16px; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle .box_item .box_indent .tit { margin-bottom: 8px; }
.sub_accod > .accodWrap > .accodSlide .cus_bundle .box_item .box_indent + .box_indent { margin-top: 16px; }
/* .sub_accod > .accodWrap > .accodSlide .cus_bundle .box_item + .box_item {margin-top:16px;} */
/* 컨텐츠 여백 없는 타입 ex) 안에 qna 아코디언있는경우 */
.sub_accod.type2 > .accodWrap > .accodSlide { padding: 0; }
/* 긴 테이블 들어가는 타입 */
.sub_accod.type3 > .accodWrap > .accodSlide { padding: 20px 0 32px 0; }
.sub_accod.type3 > .accodWrap > .accodSlide .cus_bundle { padding: 0 24px; }
.sub_accod.type3 > .accodWrap > .accodSlide .cus_bundle.table_type { padding: 0; }
.sub_customer .sub_accod + .cus_bundle { margin-top: 56px; }
/* 작은 아코디언 */
.sub_customer .accod_list.max_list .accodWrap:last-child { border-bottom: none; }
.sub_customer .accod_list .box_tit { position: relative; padding: 0 24px; }
.sub_customer .accod_list .accodWrap .accodBtn { display: block; width: 100%; padding: 20px 39px 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_customer .accod_list .accodBtn:after { position: absolute; top: 20px; right: 24px; display: block; width: 24px; height: 24px; opacity: 0.8; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size: 24px; content: ""; }
.sub_customer .accod_list .accodWrap.on .accodBtn:after { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png); }
.sub_customer .accod_list .accodWrap:first-child .accodBtn { border-top: none; }
.sub_customer .accod_list .accodSlide { display: none; padding: 20px 24px; }
.sub_customer .accod_list .accodSlide > .box_bul { margin-top: 4px; color: #5c5c5c; }
.sub_customer .accod_list .accodSlide > .box_bul li + li { margin-top: 4px; }
.sub_customer .accod_list .accodSlide > .box_bul + .box_btn { margin: 12px 0 0 8px; }
.sub_customer .accod_list .accodSlide p { color: #5c5c5c; }
.sub_customer .accod_list .accodSlide p + p { margin-top: 20px; }
.sub_customer .accod_list .accodSlide p + .fc_m_link { margin-top: 16px; }
.sub_customer .accod_list + .box_bul { margin-top: 24px; }
.sub_customer .accod_list + .box_bul.t_line { margin-top: 0; }
.sub_customer .accod_list + .box_btn { margin-top: 32px; }
.sub_customer .accod_list + .box_btn.more { padding: 0 24px; margin-top: 12px; }
.sub_customer .accod_list.t_line .accodWrap .accodBtn { border-top: 1px solid rgba(0, 0, 0, 0.12); }
.sub_customer .accod_list .accodWrap .box_tit .fw_bold { font-weight: 700; }
/* qna 타입 */
.sub_customer .accod_list.qna_type .box_tit p { position: relative; padding-left: 36px; }
.sub_customer .accod_list.qna_type .box_tit p:before { position: absolute; top: 0; left: 0; display: block; content: "Q"; font-weight: 700; }
.sub_customer .accod_list.qna_type .accodWrap.on .box_tit .accodBtn p { font-weight: 500; }
.sub_customer .accod_list.qna_type .box_tit .txt_keyword, .sub_customer .accod_list.qna_type .no_data .txt_keyword { color: #0070f0; font-weight: 700; }
.sub_customer .accod_list.qna_type .accodSlide > .box_answer { position: relative; padding-left: 36px; }
.sub_customer .accod_list.qna_type .accodSlide > .box_answer:before { position: absolute; top: 0; left: 0; display: block; color: #000; content: "A"; font-weight: 700; }
.sub_customer .accod_list.qna_type .accodSlide > .box_answer p { line-height: 26px; font-size: 16px; font-weight: 500; }
.sub_customer .accod_list.qna_type .accodSlide > .box_answer p + .box_btn { margin-top: 12px; }
.sub_customer .accod_list.qna_type .accodSlide .bul_list > li { padding-left: 0; }
.sub_customer .accod_list.qna_type .accodSlide .bul_list > li + li { margin-top: 12px; }
.sub_customer .accod_list.qna_type .accodSlide .bul_list > li:before { display: none; }
.sub_customer .accod_list.qna_type .accodSlide p { color: #000; }
.sub_customer .accod_list.qna_type .accodSlide { background: rgba(0, 0, 0, 0.04); }
.sub_customer .accod_list.qna_type + .box_btn.alC { margin: 12px 24px 0 24px; }
.sub_customer .tab_slide + .accod_list.qna_type { margin-top: 19px; }
.sub_customer .accod_list.qna_type .no_data { padding: 160px 0; }
/* 카드 분실신고 타입 */
.sub_customer .accod_list.card_state_type .accodSlide { background: rgba(0, 0, 0, 0.04); }
.sub_customer .accod_list.card_state_type .accodWrap:last-child .accodBtn { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .accod_list.card_state_type .box_tit:after { top: 50%; margin-top: -12px; }
.sub_customer .accod_list.card_state_type .accodSlide .line_list { margin: 0; }
.sub_customer .accod_list.card_state_type .accodSlide .line_list li { border-bottom: none; }
.sub_customer .accod_list.card_state_type .accodSlide .line_list li > div { height: 40px; }
.sub_customer .accod_list.card_state_type .accodSlide .line_list li > div p { color: #000; }
.sub_customer .accod_list.card_state_type .accodSlide .line_list li > .tit { width: 124px; }
.sub_customer .accod_list.card_state_type .off_report .cont .divr_dot { margin-top: 2px; }
/* 아코디언 내 아코디언 */
.sub_customer .accod_list.inner_accod > .accodWrap .box_tit { padding: 0; }
.sub_customer .accod_list.inner_accod > .accodWrap .accodSlide { padding: 20px 0; }
.sub_customer .accod_list.inner_accod > .accodWrap .accodBtn:after { right: 0; }
.sub_customer .accod_list.inner_accod + .p2_m_rt_1ln { padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .accod_list.qna_type.inner_accod > .accodWrap .box_tit { padding: 0 24px; }
.sub_customer .accod_list.qna_type.inner_accod > .accodWrap .accodBtn:after { right: 24px; }
.sub_customer .accod_list.qna_type.inner_accod > .accodWrap .accodSlide { padding: 20px 24px; }
/* 상태값있는 아코디언 */
.sub_customer .accod_list.state_type .accodBtn:after { top: 48px; right: 24px; }
.sub_customer .accod_list.state_type .box_tit .state { display: inline-block; line-height: 18px; padding: 0 6px; border: 1px solid #5c5c5c; border-radius: 20px; color: #fff; background: #5c5c5c; text-align: center; font-size: 12px; }
.sub_customer .accod_list.state_type .box_tit .tit { margin-top: 12px; }
.sub_customer .accod_list.state_type .box_tit .txt_info { margin-top: 6px; font-size: 0; }
.sub_customer .accod_list.state_type .box_tit .txt_info > p { display: inline-block; }
.sub_customer .accod_list.state_type .box_tit .txt_info .lab_s { padding: 0 6px; margin-left: 6px; border: 1px solid #000; background: #000; }
.sub_customer .accod_list.state_type .box_tit .txt_info .lab_s span { line-height: 18px; font-size: 12px; }
.sub_customer .accod_list.state_type .answer_complete .box_tit .txt_info .lab_s { padding: 1px 6px; border: 1px solid rgba(0, 0, 0, 0.4); background: #fff; }
.sub_customer .accod_list.state_type .answer_complete .box_tit .txt_info .lab_s span { color: rgba(0, 0, 0, 0.48); }
.sub_customer .accod_list.state_type .box_tit .divr_dot { margin-top: 6px; }
.sub_customer .accod_list.state_type .box_tit .divr_dot li { font-size: 14px; }
.sub_customer .accod_list.state_type .accodSlide { padding: 20px 24px; background: rgba(0, 0, 0, 0.04); }
.sub_customer .accod_list.state_type .accodSlide .tit { display: block; margin-bottom: 8px; }
.sub_customer .accod_list.state_type .accodSlide .box_question p { color: rgba(0, 0, 0, 0.64); }
.sub_customer .accod_list.state_type .accodSlide .box_question + .tit { padding-top: 24px; margin-top: 24px; border-top: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .accod_list.state_type .accodSlide .box_answer p { color: #000; }
.sub_customer .accod_list.state_type .accodSlide .txt_date { margin-top: 8px; color: #858585; }
/* 소비자피해 경보 사례 상세 */
.sub_customer .accod_list .accodSlide .box_asis .box_item:first-child { margin-top: 0; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .box_title01 + * { margin-top: 12px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .box_title01 p { color: rgba(0, 0, 0, .8); }
.sub_customer .accod_list .accodSlide .box_asis .box_item .fc_blk { color: #000; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li { line-height: 22px; color: #333; font-size: 16px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li + li { margin-top: 10px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li ul li { margin-top: 5px; color: #5c5c5c; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li ul li:last-child { margin-bottom: 20px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li:last-child ul li:last-child { margin-bottom: 0; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .box_title01 + .img_area, .sub_customer .accod_list .accodSlide .box_asis .box_item .p1_m_lt_2ln + .img_area { margin-top: 20px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .img_area + * { margin-top: 20px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .inner_cont { margin-top: 20px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .inner_cont .box_title01 { margin-bottom: 12px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item .inner_cont .box_title01 + p { margin: 0 0 12px 0; }
.sub_customer .accod_list .accodSlide .box_asis img { width: 100%; }
.sub_customer .accod_list .accodSlide .box_asis .box_item > .bul_list li { color: rgba(0, 0, 0, 0.64); }
.sub_customer .accod_list .accodSlide .box_asis .box_item > ul + .p2_m_lt_2ln { margin-top: 12px; }
.sub_customer .accod_list .accodSlide .box_asis .box_item > .p2_m_lt_2ln + ul { margin-top: 20px; }
.sub_customer .accod_list .no_data { padding: 160px 0; }
.dark_mode { display: none; }
/* ars상담 내에 있는 아코디언 */
.sub_customer .accod_list.ars_type { border-top: 1px solid rgba(0, 0, 0, 0.12); }
.sub_customer .accod_list.ars_type .accodWrap .box_tit { padding: 0; font-size: 0; }
.sub_customer .accod_list.ars_type .accodWrap .box_tit:after { right: 0; }
.sub_customer .accod_list.ars_type .accodWrap .box_tit .lab_s { margin: 3px 12px 0 0; }
.sub_customer .accod_list.ars_type .accodWrap .box_tit strong + span { display: inline-block; margin: 2px 0 0 8px; }
.sub_customer .accod_list.ars_type .accodSlide { padding: 0; background: #fff; }
.sub_customer .accod_list.ars_type .accodSlide ul li { padding: 20px 0; }
.sub_customer .accod_list.ars_type .accodSlide ul li:first-child { padding-top: 0; }
.sub_customer .accod_list.ars_type .accodSlide ul li + li { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_customer .accod_list.ars_type .accodSlide ul li > p { color: rgba(0, 0, 0, 0.48); }
.sub_customer .accod_list.ars_type .accodSlide ul li .list_tit { margin-bottom: 8px; }
.sub_customer .accod_list.ars_type .accodSlide ul li .list_tit span { display: inline-block; margin: 2px 0 0 8px; }
/* cus_bundle 안에 아코디언 */
.sub_customer .cus_bundle .accod_list .box_tit { padding: 0; }
.sub_customer .cus_bundle .accod_list .accodBtn:after { right: 0; }
.sub_customer .cus_bundle .accod_list .accodSlide { padding: 20px 0; }
/* num_list */
.sub_customer .num_list > li { position: relative; padding-left: 24px; }
.sub_customer .num_list > li + li { margin-top: 16px; }
.sub_customer .num_list > li .num { position: absolute; top: 0; left: 0; }
.sub_customer .num_list.small_type > li { line-height: 22px; font-size: 14px; }
.sub_customer .num_list.small_type > li .num_txt { position: relative; padding-left: 8px; }
.sub_customer .num_list.small_type > li .num_txt:before { position: absolute; top: 10px; left: 0; display: inline-block; width: 2px; height: 2px; border-radius: 100%; background: #949494; content: ""; }
.sub_customer .num_list.type2 > li { line-height: 26px; padding-left: 0; margin-left: 24px; list-style-type: decimal; }
.sub_customer .num_list.type2 > li + li { margin-top: 4px; }
.sub_customer .num_list.fc_m_a64 li { color: rgba(0, 0, 0, 0.64); }
.sub_customer .num_list > li ul { margin-top: 8px; }
/* list_basic */
.sub_customer .list_basic.num_list > li > ul li { color: rgba(0, 0, 0, 0.64); }
.sub_customer .list_basic.num_list > li + li { margin-top: 40px; }
.sub_customer .list_basic.num_list > li strong { display: block; margin-bottom: 8px; }
.sub_customer .list_basic.num_list > li strong + p { margin-bottom: 6px; color: rgba(0, 0, 0, 0.64); }
.sub_customer .list_basic.num_list > li .num_txt { margin-top: 6px; }
.sub_customer .list_basic.num_list > li.box_bg_gray { padding: 20px 16px; margin-top: 24px; border-radius: 8px; background: #f5f5f5; }
.sub_customer .list_basic.num_list > li.box_bg_gray .bul_list02 li + li { margin-top: 4px; }
.sub_customer .list_basic.num_list > li.box_bg_gray .box_btn { margin-top: 24px; }
.sub_customer .list_basic.num_list > li .num_list > li { line-height: 22px; font-size: 14px; }
.sub_customer .list_basic.num_list > li .num_list > li + li { margin-top: 6px; }
.sub_customer .list_basic.num_list > li .bul_list02 > li { margin-top: 9px; }
.sub_customer .list_basic.num_list > li .bul_list02 > li .dash_list02 { margin-top: 6px; }
.sub_customer .list_basic.num_list > li .bul_list02 > li .dash_list02 li + li { margin-top: 3px; }
/* title */
.sub_customer .box_top_tit { margin-top: 24px; }
.sub_customer .box_top_tit h2 { margin-top: 64px; }
.sub_customer .box_top_txt { padding: 16px 30px; margin-bottom: 24px; border-bottom: 1px solid #f5f5f5; }
/* 피싱예방설정 */
.sub_customer .list_sel_inp.phishing li span { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); font-size: 0; }
.sub_customer .list_sel_inp.phishing li .shape01:before { background: url('/docfiles/resources/pc/images/cus/img_shape01.png')no-repeat 50%; }
.sub_customer .list_sel_inp.phishing li .shape02:before { background: url('/docfiles/resources/pc/images/cus/img_shape02.png')no-repeat 50%; }
.sub_customer .list_sel_inp.phishing li .shape03:before { background: url('/docfiles/resources/pc/images/cus/img_shape03.png')no-repeat 50%; }
.sub_customer .list_sel_inp.phishing li .shape04:before { background: url('/docfiles/resources/pc/images/cus/img_shape04.png')no-repeat 50%; }
.sub_customer .list_sel_inp.phishing li .shape05:before { background: url('/docfiles/resources/pc/images/cus/img_shape05.png')no-repeat 50%; }
.sub_customer .list_sel_inp.phishing li .color01:before { background: #f54233; }
.sub_customer .list_sel_inp.phishing li .color02:before { background: #f9c426; }
.sub_customer .list_sel_inp.phishing li .color03:before { background: #4173d0; }
.sub_customer .list_sel_inp.phishing li .color04:before { background: #8cc833; }
.sub_customer .list_sel_inp.phishing li .color05:before { background: #ab47bc; }
.sub_customer .list_sel_inp.phishing li [class^="color"]:before, .sub_customer .list_sel_inp.phishing li [class^="shape"]:before { display: block; width: 24px; height: 24px; margin: 0 auto; background-size: 24px; content: ''; }
.list_sel_inp.col3 li { width: calc((100% - 8px) / 3); padding: 0; margin-right: 4px; }
.list_sel_inp.col3 li:nth-child(n+4) { margin-top: 4px; }
.list_sel_inp.col3 li:nth-child(3n) { margin-right: 0; }
/* 본문 테이블 가이드 */
.sub_customer [class^="co_tbl_"] { border-top: 1px solid #ebebeb; }
.sub_customer [class^="co_tbl_"] thead tr th { padding: 12px; border-bottom: 1px solid #ebebeb; color: #000; text-align: left; font-size: 14px; font-weight: 700; }
.sub_customer [class^="co_tbl_"] tbody tr td { padding: 12px; border-bottom: 1px solid #ebebeb; color: rgba(0, 0, 0, 0.64); text-align: left; vertical-align: top; font-size: 14px; font-weight: 500; }
.sub_customer [class^="co_tbl_"] tbody tr th { padding: 12px; border-bottom: 1px solid #ebebeb; color: rgba(0, 0, 0, 0.64); text-align: left; vertical-align: top; font-size: 14px; font-weight: 500; }
.sub_customer [class^="co_tbl_"] tbody .total_type * { color: #000; background: #fafafa; }
.sub_customer [class^="co_tbl_"] tbody tr td.valign_m { vertical-align: middle; }
.sub_customer [class^="co_tbl_"] tbody tr td.col_center, .sub_customer [class^="co_tbl_"] thead tr th.col_center { text-align: center; }
.sub_customer [class^="co_tbl_"].valign_m_type tbody tr td { vertical-align: middle; }
.sub_customer .co_tbl_type02 { border-top: none; }
.sub_customer .co_tbl_type02 tbody tr td, .sub_customer .co_tbl_type02 tbody tr th { border-bottom: 0; }
/* 테이블 header 여백 다른 타입 ex)실태평가 테이블 년도 영역 */
.sub_customer .co_tbl_type03 thead tr th.pd_type2 { padding: 12px 0; }
/* 팝업 내 테이블 가이드 */
.modal_pop [class^="co_tbl_"] thead tr th { padding: 14px 24px; border-bottom: 1px solid #ebebeb; color: #000; text-align: left; font-size: 14px; font-weight: 700; }
.modal_pop [class^="co_tbl_"] tbody tr td { padding: 14px 24px; border-bottom: 1px solid #ebebeb; color: rgba(0, 0, 0, 0.64); text-align: left; vertical-align: top; font-size: 14px; font-weight: 500; }
.modal_pop [class^="co_tbl_"] tbody tr th { padding: 14px 24px; border-bottom: 1px solid #ebebeb; color: #000; text-align: left; vertical-align: top; font-size: 14px; font-weight: 500; }
.modal_pop .youtube_wrap { display: flex; align-items: center; height: auto; margin-top: 27px; }
.modal_pop .youtube_wrap .inner { position: relative; width: 100%; padding-bottom: 56.3%; }
.modal_pop .youtube_wrap .inner iframe { position: absolute; top: 0; left: 0; height: 100%; }
.modal_pop .youtube_wrap + .box_bul { margin-top: 24px; }
/* box_search */
.sub_customer .box_search { padding: 0 24px; margin-bottom: 20px; }
.sub_customer .cus_inner .box_search { padding: 0; }
.sub_customer .cus_inner .box_search .input_cell.w100p { padding-right: 0; }
.sub_customer .cus_inner .box_search .input_cell_box.on .input_cell.w100p { padding-right: 48px; }
.sub_customer .box_search .btn_search { background-size: 32px 32px; }
.sub_customer .box_search .input_cell_box:before { height: 2px; background: #000; }
.sub_customer .box_search input.input_txt { font-weight: 700; }
.sub_customer .box_search input::placeholder { font-weight: 700;}
/*.sub_customer .box_search input::placeholder { font-weight: 700; color: #5c5c5c;}  2025-03-17 Q11791 접근성 조치(color 추가) */
/* list_download */
.list_download > li { position: relative; padding: 20px 80px 20px 0; }
.list_download > li > p { word-break: keep-all; }
.list_download > li + li { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.list_download > li .divr_dot { margin-top: 4px; }
.list_download > li .divr_dot li { font-size: 14px; }
.list_download > li a.ico_download { position: absolute; top: 50%; right: 0; margin-top: -9px; }
.list_download > li.no_data { padding: 160px 0; border-bottom: 0; }
.list_download + .box_btn.more { margin-top: 12px; }
.list_download.type2 li { padding: 0; }
.list_download.type2 li a { position: relative; display: block; padding: 20px 32px 20px 0; }
.list_download.type2 li a:before { position: absolute; top: 50%; right: 4px; display: block; width: 24px; height: 24px; margin-top: -12px; background: url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png') 0 0 no-repeat; background-size: 24px 24px; content: ""; }
.madal_down .scrollable .layer_head { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.madal_down .layer_body { overflow: scroll; }
.madal_down .list_download > li { padding: 17px 80px 17px 0; }
.madal_down .list_download > li a { position: absolute; top: 50%; right: 0; width: 80px; margin-top: -20px; text-align: center; }
/* link_list */
.list_link { margin-top: 16px; }
.list_link > li { padding: 20px 0; }
.tab_container .list_link > li:first-child { padding-top: 0; }
.list_link > li + li { border-top: 1px solid rgba(0, 0, 0, 0.12); }
.list_link > li .textbico_mide_blk { display: block; padding-right: 50px; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat right top; background-size: 24px; }
.list_link > li strong + p { margin-top: 4px; }
.list_link > li .link { margin-top: 14px; }
.list_link > li .link + .link { margin-top: 12px; }
/* link_board 2023-05-10 Q20016 */
.list_board > li { padding: 20px 0; }
.list_board > li + li { border-top: 1px solid rgba(0, 0, 0, 0.12); }
.list_board > li a { display: block; }
.list_board > li p { display: table-cell; vertical-align: middle; }
.list_board > li .tit { width: calc(100vw - 128px); }
.list_board > li .txt_date { width: 80px; text-align: right; }
.list_board + .box_btn.more { margin-top: 12px; }
/* 2023-09-22 GGCP31 new 아이콘에 의한 레이아웃 정렬 */
/* 2023-11-01 GGCP31 new 아이콘 사용안함으로 해당 css 주석처리 */
/*
.list_board > li a { position: relative; }
.list_board > li .txt_date { position: absolute; top: -2px; right: 0; width: 64px; }
.list_board .ico_new { position: absolute; right: 14px; top: 20px; font-size: 12px; color: #f00; }
*/
/* event_banner 2023-05-10 Q20016 */
.sub_customer .event_banner { margin-top: 24px; }
.sub_customer .event_banner .box_btn { margin-top: 8px; }
/* 본인인증 */
/* .sub_customer .sub_self_auth {padding:0 24px;} */
.sub_customer .sub_self_auth .box_top_tit { margin-top: 0; margin-bottom: 14px; }
.sub_customer.sub_common_certi .content { padding: 0; }
.sub_customer.sub_common_certi .tab_container { padding: 0 24px; }
.sub_customer.sub_common_certi .tab_container > .box_top_tit, .sub_customer.sub_common_certi .tab_container > .box_certification { padding: 0; }
.sub_customer.sub_common_certi .tab_container .cus_bundle { padding: 0; }
.sub_customer.sub_common_certi .content > .box_top_tit { padding: 24px 24px 0; }
.sub_customer.sub_common_certi .content .box_top_tit ~ .sub_self_auth { margin-top: 14px; }
.sub_customer.sub_common_certi .content.sub_self_auth > .box_certification { padding: 0 24px; }
.sub_customer.sub_common_certi .box_certification .box_input01 .input_cell_box .box_btn a { padding: 7px 12px 5px; }
/* 라인 리스트 */
.box_line .etc_txt, .box_line .box_bul { margin-top: 12px; }
.sub_customer .line_list { margin-top: 16px; }
.sub_customer .line_list.b_line { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .line_list li { display: table; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.04); table-layout: fixed; }
.sub_customer .line_list li > .tit, .sub_customer .line_list li > .txt { display: table-cell; height: 55px; vertical-align: middle; }
.sub_customer .line_list li > .tit { width: 118px; }
.sub_customer .line_list li > .txt { position: relative; width: 100%; }
.sub_customer .line_list li > .txt .box_btn { position: absolute; top: 12px; right: 0; }
.sub_customer .line_list li > .box_btn { width: 100%; }
.sub_customer .line_list.between_type li .tit { width: 100%; }
/* 좌측 우측 정렬 타입 */
.sub_customer .line_list.no_line { margin-top: 12px; color: rgba(0, 0, 0, 0.64); }
.sub_customer .line_list.no_line li { border-bottom: 0; }
.sub_customer .line_list.no_line li .tit, .sub_customer .line_list.no_line li .txt { display: table-cell; height: auto; padding: 6px 0; }
.sub_customer .line_list.no_line.fc_m_a64 li .tit, .sub_customer .line_list.no_line.fc_m_a64 li .txt { padding: 10px 0; }
.sub_customer .line_list.w164 li .tit { width: 164px; }
.sub_customer .line_list.w85 li .tit { width: 85px; }
.sub_customer .line_list li > .txt .pay_h4 { font-size: 0; }
.sub_customer .line_list li.input_type { border-bottom: none; }
.sub_customer .line_list li.input_type > .txt { display: table-cell; padding: 0; }
.sub_customer .line_list li.bbnone { border-bottom: none; }
.sub_customer .line_list + .box_bul { margin-top: 20px; }
.sub_customer .line_list + .sec_input { margin-top: 12px; }
.box_terms_wrap .box_chk01 + .sub_txt { padding: 0 4px 5px 36px; margin-top: 15px; }
/* 소비자보호 조직도 */
.sub_customer .tree_wrap .list_tree li { text-align: center; }
.sub_customer .tree_wrap .list_tree li p { display: inline-block; width: 156px; line-height: 40px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; }
.sub_customer .tree_wrap .list_tree li:after { position: relative; left: 50%; display: block; width: 1px; height: 16px; background: rgba(0, 0, 0, 0.08); content: ""; }
.sub_customer .tree_wrap .box_tree { padding: 16px; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 2px; }
.sub_customer .tree_wrap .box_tree + .box_tree { margin-top: 8px; }
.sub_customer .tree_wrap .box_tree > strong { display: block; margin-bottom: 12px; }
.sub_customer .tree_wrap .box_tree .bul_list02 > li .fc_blk { margin-bottom: 3px; }
.sub_customer .tree_wrap .box_tree .bul_list02 > li + li .fc_blk { margin-top: 16px; }
.sub_customer .tree_wrap + .box_bul { margin-top: 20px; }
.sub_customer .tree_wrap .list_tree.type2 li:after { display: none; }
.sub_customer .tree_wrap .list_tree.type2 li:first-child:after { position: relative; left: 50%; display: block; width: 1px; height: 16px; background: rgba(0, 0, 0, 0.08); content: ""; }
.sub_customer .tree_wrap .list_tree.type2 li p { width: 257px; }
.sub_customer .tree_wrap .list_tree.type2 li + li { margin-top: 8px; }
.sub_customer .tree_wrap .list_tree.type2 li:first-child + li { margin-top: 0; }
.sub_customer .tree_wrap .list_tree.type2 li:first-child p { background: #fafafa; }
/* .sub_customer .chart_wrap {position: relative;}
.sub_customer .chart_wrap > li > .p1_m_ctr_2ln {width: 100%; height: 58px; line-height: 58px; border-radius: 8px; border: 1px solid #e0e0e0; text-align: center; background: #fff;}
.sub_customer .chart_wrap > li + li {margin-top: 24px;}
.sub_customer .chart_wrap:after {content: ''; display: block; position: absolute; top:0; left: 50%; transform: translateX(-50%); width: 1px; height: 248px; background: #e0e0e0; z-index: -1;}
.sub_customer .chart_wrap > li.bg_gray .p1_m_ctr_2ln {background:#fafafa;}
.sub_customer .chart_wrap .box_bul {margin-top:20px;}
.sub_customer .chart_wrap .part_wrap {display: flex; display:-webkit-flex; display:-ms-flexbox; justify-content:space-between; margin-top: 49px; position: relative;}
.sub_customer .chart_wrap .part_wrap:before {content: ''; display: block; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); width:172px; height: 24px; border: 1px solid #e0e0e0; border-bottom: 0;}
.sub_customer .chart_wrap .part_wrap .part:nth-child(2) {margin-left:15px;}
.sub_customer .chart_wrap .part_wrap .part {display:flex; flex-wrap:wrap; width:50%; border: 1px solid #e0e0e0; border-radius:8px;}
.sub_customer .chart_wrap .part_wrap .sub_tit {display:table; width:100%; height:84px; border-bottom: 1px solid #e0e0e0;}
.sub_customer .chart_wrap .part_wrap .sub_tit > span {display:table-cell;vertical-align:middle;}
.sub_customer .chart_wrap .part_wrap .part_list {padding: 24px 15px;}
.sub_customer .chart_wrap .part_wrap .part_list > li + li {margin-top:12px;}
.sub_customer .chart_wrap .part_wrap .part_list > li span {display:block; margin-top:4px;}
.sub_customer .chart_wrap + .box_bul {margin-top:20px;} */
/* .sub_customer .sale_rule_chart {width: 100%;}
.sub_customer .sale_rule_chart p {width: 100%; height: 58px; line-height: 58px; border: 1px solid #e0e0e0; border-radius:8px;}
.sub_customer .sale_rule_chart .chart_haeder {position:relative;}
.sub_customer .sale_rule_chart .chart_haeder > p {background:#fafafa;}
.sub_customer .sale_rule_chart .chart_wrap {margin-top: 24px;}
.sub_customer .sale_rule_chart .chart_wrap:after {display:none;}
.sub_customer .sale_rule_chart .chart_wrap li {position: relative;}
.sub_customer .sale_rule_chart .chart_wrap li + li {margin-top: 8px;}
.sub_customer .sale_rule_chart .chart_haeder:before {content: ''; display: inline-block; position: absolute; left: 50%; bottom: -24px; transform: translateX(-50%); width: 1px; height: 24px; background: #e0e0e0;} */
/* blk_num_list */
.sub_customer .box_title01 + .blk_num_list { margin-top: 32px; }
.sub_customer .blk_num_list { counter-reset: num; }
.sub_customer .blk_num_list > li { position: relative; line-height: 22px; padding-left: 28px; counter-increment: num; word-break: keep-all; font-weight: 600; }
.sub_customer .blk_num_list > li:before { position: absolute; left: 0; display: inline-block; width: 20px; height: 20px; line-height: 19px; border-radius: 50%; color: #fff; background: #000; content: counter(num); text-align: center; font-size: 12px; font-weight: 500; }
.sub_customer .blk_num_list > li + li { margin-top: 24px; }
.sub_customer .blk_num_list > li > p { margin-top: 7px; }
.sub_customer .blk_num_list.m_type li { font-weight: 500; }
.sub_customer .blk_num_list > li > .bul_list { margin: 12px 0 40px -28px; color: rgba(0, 0, 0, 0.64); font-weight: 500; }
.sub_customer .blk_num_list > li > .bul_list02 { margin: 12px 0 40px -28px; }
.sub_customer .blk_num_list > li > .bul_list02 li p { margin-top: 3px; }
/* .sub_customer .blk_num_list > li:last-child > ul {margin-bottom:0;} */
.sub_customer .blk_num_list > li > .bul_list > li > .dash_list02 li { color: rgba(0, 0, 0, 0.48); }
.sub_customer .blk_num_list > li > .bul_list > li > .dash_list02 li:before { background-color: rgba(0, 0, 0, 0.4); }
.sub_customer .box_item .tit + .blk_num_list { margin-top: 0; }
.sub_customer .blk_num_list > li > ul > li > .box_sub_info { padding: 24px 12px 0 12px; margin: 27px 0 0 -8px; border-top: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .blk_num_list > li .txt_indent { margin-left: -28px; color: rgba(0, 0, 0, 0.48); }
.sub_customer .blk_num_list + .box_btn { margin-top: 20px; }
.sub_customer .box_sub_info .box_item { margin-top: 0; }
.sub_customer .box_sub_info .box_item + .box_item { margin-top: 32px; }
.sub_customer .box_sub_info .box_item .tit { margin-bottom: 4px; color: #000; }
.box_pop_banner { padding: 14px 12px 14px 16px; border-radius: 8px; background: #f5f5f5; }
.box_pop_banner a { display: block; }
/* 민원건수 공시 cms asis css 수정 */
.sub_customer .box_content_asis { margin-top: 40px; }
.sub_customer .box_content_asis .h2_tit_1 { line-height: 26px; margin-bottom: 20px; font-size: 20px; font-weight: 700; }
.sub_customer .box_content_asis .h2_tit_1 .sub_txt { float: right; line-height: 20px; margin-top: 6px; color: rgba(0, 0, 0, 0.48); font-size: 14px; font-weight: 500; }
.sub_customer .box_content_asis .box_content + .box_content, .sub_customer .box_content_asis .box_fold + .box_fold { margin-top: 40px; }
.sub_customer .box_content_asis .box_fold .tit, .sub_customer .box_content_asis .h3_tit_6, .sub_customer .box_content_asis .h3_tit_5, .sub_customer .box_content_asis .box_fold .h3_tit_2, .sub_customer .box_content_asis .txt_type { line-height: 22px; margin-bottom: 12px; font-size: 16px; font-weight: 700; }
.sub_customer .box_content_asis .box_fold + .h3_tit_6 { margin-top: 40px; }
.sub_customer .box_content_asis .form_table { border-top: 1px solid #ebebeb; }
.sub_customer .box_content_asis .form_table thead tr th { font-weight: 700; }
.sub_customer .box_content_asis .form_table thead tr th:first-child, .sub_customer .box_content_asis .form_table tbody tr th, .sub_customer .box_content_asis .form_table tfoot tr th { text-align: left; }
.sub_customer .box_content_asis .form_table tbody tr th, .sub_customer .box_content_asis .form_table tbody tr td, .sub_customer .box_content_asis .form_table tfoot tr th, .sub_customer .box_content_asis .form_table tfoot tr td { color: rgba(0, 0, 0, 0.64); }
.sub_customer .box_content_asis .form_table tr td, .sub_customer .box_content_asis .form_table tr th { line-height: 22px; padding: 12px; border-bottom: 1px solid #ebebeb; text-align: center; font-size: 14px; }
.sub_customer .box_content_asis .form_table tfoot tr td, .sub_customer .box_content_asis .form_table tfoot tr th { background: rgba(0, 0, 0, 0.02); font-weight: 700; }
.sub_customer .box_content_asis .box_module + .box_module, .sub_customer .box_content_asis .box_content + .box_module { margin-top: 56px; }
.sub_customer .box_content_asis .list_style_1 { position: relative; line-height: 22px; padding-left: 8px; color: #949494; font-size: 14px; font-weight: 500; }
.sub_customer .box_content_asis .list_style_1:before { position: absolute; top: 10px; left: 0; display: inline-block; width: 2px; height: 2px; border-radius: 100%; background: #949494; content: ''; }
.sub_customer .box_content_asis .list_style_2 + .box_fold { margin-top: 40px; }
.sub_customer .box_content_asis .box_info + .box_content { margin-top: 40px; }
.sub_customer .box_content_asis .btn_area { padding-left: 8px; margin-top: 16px; }
.sub_customer .box_content_asis .btn_area .hcbtn1 { color: #0070f0; font-size: 14px; font-weight: 700; }
.sub_customer .box_content_asis .btn_area .hcbtn1.outlink span { position: relative; display: inline-block; overflow: hidden; padding-right: 16px; background: url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_blue.png) 100% 50% no-repeat; background-size: 16px; vertical-align: top; }
/* 년도 나오는 타입 좌우여백 좁게 추가 */
.sub_customer .box_content_asis .form_table.type_5 tr td, .sub_customer .box_content_asis .form_table.type_5 tr th { padding: 12px 8px; }
/* 테이블 가로 스트롤일 경우 추가 */
.sub_customer .box_content_asis .area_scroll { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
/* select 보더 타입 */
.sub_customer .box_select.type2 { overflow: hidden; border: 1px solid #ebebeb; border-radius: 4px; }
.sub_customer .box_select.type2 select { line-height: 22px; padding: 14px 48px 12px 16px; font-size: 16px; font-weight: 700; }
.sub_customer .box_select.type2:after { right: 12px; }
/* 실시간 채팅상담 */
.cus_chat_warp { margin-top: 24px; }
.cus_chat_warp .chatbot_info { display: flex; align-items: center; }
.cus_chat_warp .chatbot_info > div { flex: 1; }
.cus_chat_warp .info_profile { width: 60px; max-width: 60px; height: 60px; margin-right: 20px; }
.cus_chat_warp .info_profile img { width: 100%; }
.cus_chat_warp .chatbot_info + .box_btn { margin-top: 40px; }
.cus_chat_warp .qna_wrap { margin-top: 32px; }
.cus_chat_warp .qna_wrap .qna_list > li { position: relative; padding: 18px 20px 20px; border-radius: 40px; background: rgba(45, 140, 230, 0.08); }
.cus_chat_warp .qna_wrap .qna_list > li + li { margin-top: 12px; }
.cus_chat_warp .qna_wrap .qna_list > li > a { display: block; width: 100%; }
.cus_chat_warp .qna_wrap + .sec_input { margin-top: 32px; }
.cus_chat_warp .sec_input + .box_btn { margin-top: 32px; }
/* 상담하기 */
.cus_chat_warp .input_textarea.consulting_type { height: auto; padding: 0; border: none; border-radius: 0; font-size: 0; }
.cus_chat_warp .input_textarea.consulting_type textarea { overflow: hidden; width: 100%; height: 105px; line-height: 26px; padding: 16px; border: 1px solid #ebebeb; border-bottom: none; border-radius: 8px 8px 0 0; outline: none; resize: none; font-size: 16px; }
.cus_chat_warp .consulting_type textarea::placeholder { font-size: 16px; font-weight: 500; }
.cus_chat_warp .consulting_type textarea::-webkit-input-placeholder, .cus_chat_warp .consulting_type textarea:-ms-input-placeholder, .cus_chat_warp .consulting_type textarea::-ms-placeholder, .cus_chat_warp .consulting_type textarea::-moz-placeholder, .cus_chat_warp .consulting_type textarea::-webkit-placeholder { font-size: 16px; font-weight: 500; }
.cus_chat_warp .consulting_type.on textarea::placeholder { color: #000; }
.cus_chat_warp .consulting_type.on textarea::-webkit-input-placeholder, .cus_chat_warp .consulting_type.on textarea:-ms-input-placeholder, .cus_chat_warp .consulting_type.on textarea::-ms-placeholder, .cus_chat_warp .consulting_type.on textarea::-moz-placeholder, .cus_chat_warp .consulting_type.on textarea::-webkit-placeholder { color: #000; }
.cus_chat_warp .input_textarea.consulting_type .box_inner_btn { overflow: hidden; border: 1px solid #ebebeb; border-top: none; border-radius: 0 0 8px 8px; }
.cus_chat_warp .input_textarea.consulting_type .box_inner_btn > button { display: block; width: 100%; height: 54px; line-height: 54px; border-top: 1px solid #ebebeb; color: #000; background: #fff; text-align: center; font-size: 16px; font-weight: 700; }
.cus_chat_warp .input_textarea.consulting_type.on textarea, .cus_chat_warp .input_textarea.consulting_type.on textarea + .box_inner_btn { border-color: #000; }
.cus_chat_warp .input_textarea.consulting_type .box_inner_btn > button:disabled { color: rgba(0, 0, 0, 0.48); }
.ico_chatbot_menu { width: 16px; height: 16px; background: url('/docfiles/resources/pc/images/cus/ico_chatbot2.png')0 0 no-repeat; background-size: 16px; }
.chatbot_top { padding: 0 24px; margin-top: 24px; }
.chatbot_top .info_profile { margin-bottom: 20px; text-align: center; }
.chatbot_top .info_profile img { width: 80px; height: 80px; }
.chatbot_top .box_btn { margin-top: 32px; }
/* list_tell_ars */
.list_tell_ars li { padding: 23px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.list_tell_ars li strong { display: block; margin-bottom: 4px; word-break: keep-all; }
.list_tell_ars + .fc_m_link { display: inline-block; margin-top: 12px; }
.list_tell_ars + .box_bul { margin-top: 20px; }
/* list_payment */
.sub_customer .list_payment { margin-top: 12px; }
.sub_customer .list_payment > li { padding: 19px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .list_payment .row { display: flex; align-items: center; }
.sub_customer .list_payment .row + .divr_dot { margin-top: 4px; }
.sub_customer .list_payment .tit { flex: 1 1; }
.sub_customer .list_payment ~ .link_wrap { margin-top: 20px; }
.sub_customer .list_payment + .box_btn.more { margin-top: 12px; }
.sub_customer .list_payment.max_list li:last-child { border-bottom: none; }
.box_notice { margin-top: 16px; border-radius: 8px; background: rgba(0, 0, 0, 0.04); }
.box_notice p { padding: 20px 23px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.box_notice .box_btn a { display: block; padding: 20px 0; text-align: center; }
/* 카드선택 */
.sub_customer .card_rdo_select > li + li { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.sub_customer .card_rdo_select .input_cell_check01 label { position: relative; display: flex; align-items: top; padding: 18px 32px 18px 0; }
.sub_customer .card_rdo_select .input_cell_check01 label .cont { flex-grow: 1; }
.sub_customer .card_rdo_select .input_cell_check01 label .cont .divr_dot li { margin-top: 4px; color: #000; }
.sub_customer .card_rdo_select .input_cell_check01 label .img { position: relative; flex-shrink: 0; width: 32px; height: 51px; margin-right: 16px; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, .08); }
/*2022-06-15 GGCN45 */
.sub_customer .card_rdo_select .input_cell_check01 label .img .lab_rb { position: absolute; bottom: 0; left: 0; }
/*2022-06-15 GGCN45 : [HPRAGL-934][카드상세] [카드 도난 분실 신고] 가상 카드 번호 뱃지 오류 */
.sub_customer .card_rdo_select .input_cell_check01 label .img img { width: 100%; }
.sub_customer .card_rdo_select .input_cell_check01 label i { top: 50%; right: 0; left: auto; margin-top: -14px; }
.sub_customer .card_rdo_select .input_cell_check01 input:checked + label > i { background-color: #e0e0e0; }
.sub_customer .card_rdo_select .input_cell_check01 input:checked + label > i:before { background-color: #000; }
.sub_customer .card_rdo_select .input_cell_check01 label .card_info span + span { position: relative; padding-left: 10px; }
.sub_customer .card_rdo_select .input_cell_check01 label .card_info span + span::before { position: absolute; top: 50%; left: 0; display: inline-block; width: 2px; height: 2px; background: #ebebeb; content: ''; transform: translateY(-50%); }
.sub_customer .card_rdo_select + .box_terms_wrap { margin-top: 24px; }
.sub_customer .card_rdo_select .no_data { padding: 140px 0; }
/* .sub_customer .card_rdo_select.type2 .input_cell_check01 input:checked + label:after {content:""; display:block; width:32px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px; background:url('/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png')0 0 no-repeat; background-size:32px;} */
/* list_cms */
.sub_customer .list_cms { margin-bottom: 40px; }
.sub_customer .list_cms > li + li { margin-top: 32px; }
.sub_customer .list_cms > li .divr_dot { margin-top: 4px; }
.btn_bottom.small_type { padding: 24px 32px 16px 32px; }
.btn_bottom .btn_add { margin: 18px 0 2px 0; text-align: center; font-size: 0; }
/* 탭 슬라이드 */
.tab_slide { position: relative; }
.tab_slide .inner::-webkit-scrollbar { display: none; }
.tab_slide .inner { overflow-x: auto; padding-left: 16px; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; }
.tab_slide .inner .btn_all_tab { position: absolute; z-index: 2; top: 8px; right: 8px; width: 40px; height: 40px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') center no-repeat; background-size: 32px; }
.tab_slide .inner .btn_all_tab.on { background: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up.png') center no-repeat; background-size: 32px; }
.tab_slide .inner .btn_all_tab.on + .tab_all_layer { display: block; }
.tab_slide .inner .tab_all_layer { position: absolute; z-index: 1; top: 0; left: 0; display: none; width: 100%; padding: 8px 16px 4px 16px; background: #fff; white-space: normal; }
.tab_slide .inner .tab_all_layer a { margin-bottom: 4px; }
.tab_slide + .tab_slide { margin-top: 7px; }
.tab_slide + .tab_slide + .tab_container { margin-top: 43px; }
.tab_slide .tab_default { display: block; padding: 8px 0; font-size: 0; }
.tab_slide .tab_default a { display: inline-block; }
.tab_slide .tab_default a:last-child { margin-right: 24px; }
.tab_slide .tab_sub a:last-child { margin-right: 40px; }
.tab_slide .tab_sub { display: block; margin-left: 8px; font-size: 0; }
.tab_slide .tab_sub a { position: relative; display: inline-block; line-height: 22px; padding: 9px 0; color: #5C5C5C; font-size: 16px; font-weight: 500; }
.tab_slide .tab_sub a.current { position: relative; color: #000; font-weight: 700; }
.tab_slide .tab_sub a.current:after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background-color: #000; content: ''; }
/*.tab_slide .tab_sub a.current::after { content:""; display:block; position:absolute; left:14px; bottom:6px; width:100%; height:1px; background:#000; }*/
/* Q10474 WAI 밑줄추가 */
.tab_slide .tab_sub a + a { padding-left: 25px; }
.tab_slide .tab_sub a + a:before { position: absolute; top: 13px; left: 13px; display: block; width: 1px; height: 12px; background: rgba(0, 0, 0, 0.12); content: ""; }
.tab_slide .tab_sub a + a.current:after { left: 25px; }
.tab_slide:after { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 100%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)60%); content: ""; }
.tab_slide + .accod_list { margin-top: 12px; }
.app_down_banner { padding: 40px; background: #000; text-align: center; }
.app_down_banner > p { margin-bottom: 20px; }
.app_down_banner .box_btn a { background: #fff; }
.app_down_banner .img img { width: 56px; height: 56px; }
.sub_customer .img_phone { margin-top: 32px; text-align: center; }
.sub_customer .img_phone img { width: 184px; height: 366px; }
/* 신규발급 유도 팝업 */
.modal_newmem .layer_body { padding-top: 36px; }
.modal_newmem .layer_body .h3_b_lt + p { margin-top: 16px; }
.modal_newmem .layer_body .box_content { min-height: 184px; background: url('/docfiles/resources/mo/images/cus/bg_newmem.png') right 24px no-repeat; background-size: 160px; }
/* 상담신청안내 팝업 */
.box_consulting .box_btn { margin-top: 20px; }
.box_consulting .box_btn p + p { margin-top: 12px; }
/* 아이콘 링크버튼 */
.sub_customer .box_ico_btn { margin-top: 24px; }
.sub_customer .box_ico_btn a { position: relative; display: block; line-height: 44px; padding: 6px 20px 6px 10px; border-radius: 8px; background: rgba(0, 0, 0, 0.04); }
.sub_customer .box_ico_btn a + a { margin-top: 8px; }
.sub_customer .box_ico_btn a span { display: block; padding-left: 50px; }
.sub_customer .box_ico_btn a span:before { position: absolute; top: 0; left: 0; display: block; width: 44px; height: 44px; content: ""; }
.sub_customer .box_ico_btn a .ico_phone_arrow:before { background-color: #000; -webkit-mask-image: url('/docfiles/resources/mo/images/com/svg/ico_sd_003.svg'); mask-image: url('/docfiles/resources/mo/images/com/svg/ico_sd_003.svg'); -webkit-mask-size: 44px; mask-size: 44px; }
.sub_customer .box_ico_btn a .ico_document_setting:before { background-color: #000; -webkit-mask-image: url('/docfiles/resources/mo/images/com/svg/ico_fin_063.svg'); mask-image: url('/docfiles/resources/mo/images/com/svg/ico_fin_063.svg'); -webkit-mask-size: 44px; mask-size: 44px; }
.sub_customer .box_ico_btn a .ico_phone_plus:before { background-color: #000; -webkit-mask-image: url('/docfiles/resources/mo/images/com/svg/ico_sd_011.svg'); mask-image: url('/docfiles/resources/mo/images/com/svg/ico_sd_011.svg'); -webkit-mask-size: 44px; mask-size: 44px; }
/* textarea */
.input_textarea { position: relative; width: 100%; height: 184px; padding: 0px 16px 40px 16px; border: 1px solid #ebebeb; border-radius: 8px; font-size: 0; }
.input_textarea.error textarea:focus-visible { outline: none; }
.input_textarea.error textarea:focus { border: 2px solid #ff0000; }
.input_textarea.error textarea { border: 1px solid #ff0000; }
.input_textarea textarea { position: relative; width: 100%; height: 100%; line-height: 26px; padding: 16px 0 0 0; border: none; background: none; resize: none; font-size: 16px; }
.input_textarea textarea:focus { outline: none; }
.input_textarea textarea::placeholder { line-height: 26px; color: #858585; font-size: 16px; font-weight: 500; }
.input_textarea .limit_num { position: absolute; right: 16px; bottom: 16px; line-height: 20px; color: #ccc; font-size: 14px; }
/* .input_textarea .limit_num { position: absolute; right: 16px; bottom: 16px; line-height: 20px; color: #5c5c5c; font-size: 14px; } */ /* 2025-02-17 Q11817 접근성 관련 수정 */
.input_textarea.h120 { height: 120px; }
.input_textarea textarea::placeholder { font-size: 16px; font-weight: 500; }
.input_textarea textarea::-webkit-input-placeholder, .input_textarea textarea:-ms-input-placeholder, .input_textarea textarea::-ms-placeholder, .input_textarea textarea::-moz-placeholder, .input_textarea textarea::-webkit-placeholder { font-size: 16px; font-weight: 500; }
.input_textarea.on { border: 1px solid #000; }
/* 실시간상담 바로가기 */
.sub_customer .banner_live_chat a { display: block; padding: 19px 24px; border-radius: 8px; background: #f5f5f5 url('/docfiles/resources/mo/images/cus/bg_quick.png') right bottom no-repeat; background-size: 113px 80px; }
.sub_customer .banner_live_chat strong + p { margin-top: 4px; }
.sub_customer .banner_live_chat + .cus_bundle { margin-top: 36px; }
/* 버튼 flex_type */
.box_btn.flex_type { display: flex; margin-top: 32px; }
.box_btn.flex_type a { width: 100%; }
.box_btn.flex_type a + a { margin-left: 8px; }
.box_btn.flex_type + .box_btn.alR { margin-top: 18px; }

/* 접근성 명도대비 */
/* .box_select option {color: #5c5c5c !important;} */

/* 서브메인 */
@media only screen and (max-width:320px) {
.main_top_visual > .top_link .p1_b_lt_1ln { line-height: 20px; font-size: 14px; }
}
.sub_customer.sub_main { background: #ebebeb; }
.main_top_visual { padding: 20px 20px 0 20px; }
.main_top_visual > .top_link a { position: relative; display: block; padding: 14px 0 22px 16px; }
.main_top_visual > .top_link a:after { position: absolute; right: 12px; bottom: 0; display: block; width: 114px; height: 80px; background: url(/docfiles/resources/mo/images/cus/chat_henry.gif)0 0 no-repeat; background-size: 114px auto; content: ""; }
.quick_submain { position: relative; }
.quick_submain > li { overflow: hidden; border-radius: 16px; }
.quick_submain > li > a { display: block; padding: 80px 24px 28px; }
.quick_submain > li + li { margin-top: 8px; }
.quick_submain > li .h4_b_lt strong { font-weight: 700; }
.quick_submain > li .fc_m_link { margin-top: 8px; }
.quick_submain + .box_btn { margin-top: 20px; text-align: right; font-size: 0; }
.quick_submain + .box_btn a + a { margin-left: 16px; }
.quick_submain > li.q1 .h4_b_lt strong { color: #5e4cff; }
.quick_submain > li.q2 .h4_b_lt strong { color: #fb4513; }
.quick_submain > li.q3 .h4_b_lt strong { color: #0070F0; }
/* 2024-01-22 Q11139 수정 */
.quick_submain > li.q1 { background: #fff url('/docfiles/resources/mo/images/cus/bg_q1.png') 16px 12px no-repeat; background-size: 64px; }
.quick_submain > li.q2 { background: #fff url('/docfiles/resources/mo/images/cus/bg_q2.png') 16px 12px no-repeat; background-size: 64px; }
.quick_submain > li.q3 { background: #fff; }
.quick_submain > li.q3::before { position: absolute; top: 26px; left: 24px; display: block; width: 40px; height: 40px; border-radius: 50%; background: #ebebeb url('/docfiles/resources/mo/images/com/icon/others/icon_henny_mask.png') center center no-repeat; background-size: 40px; content: ""; }
/* 약관 */
.sub_customer .box_terms_wrap.no_link .box_chk01 .check_label { padding: 3px 14px 3px 36px; }
/* box_check_list */
.box_check_list .input_cell_check01 { padding: 20px 0; }
.box_check_list .input_cell_check01 label { position: relative; display: block; }
.box_check_list .input_cell_check01 label .info_top { display: flex; justify-content: space-between; }
.box_check_list .input_cell_check01 label .divr_dot { margin-top: 2px; }
.box_check_list .box_list_bottom { padding: 25px 0 17px 0; margin-top: 8px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.box_check_list .box_list_bottom:after { display: block; clear: both; content: ""; }
.box_check_list .no_data { padding: 140px 0; }
/* box_bul */
.cus_bundle .box_bul .bul_list + .bul_list02.fc_blk { margin-top: 20px; }
.bul_list02.fc_blk li, .dash_list02.fc_blk li { color: #000; }
.cus_bundle .box_bul .bul_list ul { margin-top: 4px; }
.sub_customer .bul_list li { word-break: keep-all; }
.sub_customer .bul_list + .bul_list02 { margin-top: 6px; }
.sub_customer .bul_list li + li { margin-top: 10px; }
.sub_customer .bul_list li .dash_list02 { margin-top: 6px; }
.sub_customer .bul_list li .dash_list02 li + li { margin-top: 6px; }
.sub_customer .bul_list li .dash_list02 li { color: #949494; }
.sub_customer .bul_list li .dash_list02 li:before { background-color: #949494; }
.sub_customer .bul_list li .num_list { margin-top: 10px; }
.sub_customer .bul_list li .num_list li + li { margin-top: 4px; }
.sub_customer .box_bul.t_line { padding-top: 24px; margin-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_customer .bul_list02 li .dash_list02 { margin-top: 6px; }
.sub_customer .bul_list02 li .dash_list02 li { color: #949494; }
.sub_customer .bul_list02 li .dash_list02 li:before { background-color: #949494; }
[class^="bul_"].fc_m_a40 > li, [class^="dash_"].fc_m_a40 > li, [class^="bul_"].fc_m_a40, [class^="dash_"].fc_m_a40 { color: #949494; }
[class^="bul_"].fc_m_a40 > li:before, [class^="dash_"].fc_m_a40 > li:before, [class^="bul_"].fc_m_a40:before, [class^="dash_"].fc_m_a40:before { background-color: #949494; }
.sub_customer ul.fw_bold li { font-weight: 700; }
.sub_customer .dash_list02 li { word-break: keep-all; }
/* txt_address */
.txt_address p + p { margin-top: 4px; }
.txt_address + .box_btn { margin-top: 16px; }
/* 분쟁처리 책임자, 담당자 */
.sub_customer .contact_box { margin-top: 40px; }
.sub_customer .contact_box > li { width: 100%; }
.sub_customer .contact_box > li + li { margin-top: 56px; }
.sub_customer .contact_box > li .tit { margin-bottom: 20px; }
.sub_customer .contact_box > li .p1_b_lt_1ln { margin-bottom: 4px; }
.sub_customer .contact_box > li .bul_list02 { margin-top: 12px; }
.sub_customer .contact_box > li .bul_list02 li { color: rgba(0, 0, 0, 0.64); }
/* faq */
.sub_customer .faq_search { padding: 0 24px; margin-top: 16px; }
.sub_customer .faq_search .input_cell.w100p { padding-right: 0; }
/* .sub_customer .faq_search .input_cell.w100p input::placeholder { color: #5c5c5c !important; } */ /* 2025-02-17 Q11817 접근성 관련 수정 */
.sub_customer .faq_search + .tab_slide { margin-top: 32px; }
.sub_customer .faq_search .search_result { margin: 40px 0 28px 0; }
.sub_customer .faq_search .search_result .num { font-weight: 700; }
.sub_customer .faq_search .search_result .fc_m_link { font-weight: 700; }
.sub_customer .faq_search .box_input01 .btn_search { background-size: 32px 32px; }
.sub_customer .faq_search .box_input01 .input_cell_box:before { height: 2px; background-color: #000; }
.sub_customer .faq_wrap .box_btn { margin: 40px 24px 0; }
.sub_customer .faq_wrap .no_data { margin: 112px 0; }
/* 인증서 이용안내 */
.certification_info .box_info + .box_info { margin-top: 40px; }
.certification_info .box_info h4 { margin: 20px 0 20px 8px; }
.certification_info .box_info .bul_list { margin-left: 8px; }
.certification_info .box_info .bul_list li { line-height: 22px; font-size: 14px; }
.certification_info .box_info .img_area { width: 64px; height: 64px; }
.certification_info .box_info .img_area img { width: 100%; }
/* banner_box_icon */
.sub_customer .banner_box_icon { position: relative; display: block; height: 180px; padding: 20px; border-radius: 8px; background: rgba(0, 0, 0, 0.04); }
.sub_customer .banner_box_icon + .banner_box_icon { margin-top: 8px; }
.sub_customer .banner_box_icon strong { display: block; margin-bottom: 4px; }
.sub_customer .banner_box_icon .fc_m_link { margin-top: 12px; }
.sub_customer .banner_box_icon img, .sub_customer .banner_box_icon svg { position: absolute; right: 20px; bottom: 20px; width: 64px; height: 64px; }
.sub_customer .banner_box_icon.type2 { display: flex; align-items: center; height: auto; padding: 20px 16px; }
.sub_customer .banner_box_icon.type2 img, .sub_customer .banner_box_icon.type2 .svg { position: relative; right: auto; bottom: auto; margin-right: 12px; }
/* box_card_sel */
.box_card_sel + .box_input01 { margin-top: 12px; }
.box_card_sel { border: 1px solid #000; border-radius: 8px; }
.box_card_sel a { position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: 11px 12px 13px 16px; }
.box_card_sel a:after { position: absolute; top: 22px; right: 12px; display: block; width: 24px; height: 24px; background: url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_down.png')0 0 no-repeat; background-size: 24px; content: ""; }
.box_card_sel a .img { width: 24px; height: 39px; }
.box_card_sel a .img img { width: 100%; }
.box_card_sel a .card_info { flex: 1; margin-left: 12px; }
.box_card_sel a .card_info .card_name { margin-bottom: 2px; }
.box_card_sel a .card_info .divr_dot .divr_txt { line-height: 20px; color: rgba(0, 0, 0, 0.8); font-size: 14px; font-weight: 500; }
.list_mycard > li + li { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.list_mycard > li label { position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: 18px 32px 18px 0; }
.list_mycard > li label .img { width: 40px; height: 64px; }
.list_mycard > li label .img img { width: 100%; }
.list_mycard > li label .card_info { flex: 1; margin-left: 16px; }
.list_mycard > li label .card_info .divr_dot { margin-top: 4px; }
.list_mycard > li label .card_info .divr_dot .divr_txt { line-height: 20px; color: rgba(0, 0, 0, 0.8); font-size: 14px; }
.list_mycard > li input:checked + label:after { position: absolute; top: 50%; right: 0; display: block; width: 32px; height: 32px; margin-top: -16px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png')0 0 no-repeat; background-size: 32px; content: ""; }
.modal_pop.card_sel_pop .layer_body { padding: 0 24px 24px; }
.modal_pop.card_sel_pop .scrollable .layer_head { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
/* 카드 수령 후 */
.card_info_guide .img_area { margin: 20px 0; }
.card_info_guide .img_area img { width: 100%; }
/* 이용약관 CMS 마크업 수정 */
.box_terms_lookup { padding: 24px 24px 40px; }
.box_terms_lookup .box_select { overflow: hidden; border: 1px solid #d8d8d8; border-radius: 4px; }
.box_terms_lookup .box_select select { line-height: 22px; padding: 14px 48px 12px 16px; color: #000; font-size: 16px; font-weight: 700; }
/* 2023-01-27 Q10962 접근성 수정 color값 추가*/
.box_terms_lookup .box_select:before { display: none; }
.box_terms_lookup .box_select:after { right: 12px; bottom: 50%; margin-bottom: -12px; }
.box_terms_lookup .box_select + .box_select { margin-top: 4px; }
.box_terms_lookup .box_btn { margin-top: 20px; }
/* 약관 cms */
.cms_content { padding-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.cms_content p { line-height: 26px; font-size: 16px; }
.cms_content > .tit { line-height: 26px; font-size: 16px; font-weight: 500; }
.cms_content > .tit + .con-type2 { margin-top: 40px; }
.cms_content .tit { display: block; color: #000; font-size: 16px; font-weight: 700; }
.cms_content .con-type2 > .tit { line-height: 32px; color: #000; font-size: 24px; }
.cms_content .con-type2 > * + ol { margin-top: 32px; }
.cms_content .con-type2 ol + .tit { margin-top: 40px; }
.cms_content .con-type2 ol + ol { margin-top: 40px; }
.cms_content .con-type2 ol > li > .tit { line-height: 26px; margin-bottom: 12px; font-size: 20px; }
.cms_content .con-type2 ol > li > p + .txt-type3, .cms_content .con-type2 ol > li > .txt-type3 + p { margin-top: 12px; }
.cms_content .con-type2 ol > li + li { margin-top: 40px; }
.cms_content .con-type2 ol > li ul li { padding-left: 24px; }
.cms_content .con-type2 ol > li ul.txt-type1 li { padding-left: 8px; }
.cms_content .con-type2 ol > li ul > li + li { margin-top: 20px; }
.cms_content .con-type2 ol > li ul li ul { margin-top: 8px; }
.cms_content .con-type2 ol > li ul li ul li { line-height: 22px;  margin-top: 6px;  font-size: 14px; } /* ggcp31 원복 */
.cms_content .txt-type1 > li { position: relative; padding-left: 8px; }
.cms_content .txt-type1 > li:before { position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; border-radius: 100%; background: #949494; content: ""; }
.cms_content .txt-type1 > li .bul, .cms_content .txt-type1 > li .num { display: none; }
.cms_content .txt-type3 > li .num { position: absolute; top: 0; left: 0; }
.cms_content .txt-type3 li { position: relative; line-height: 26px; color: #5c5c5c; font-size: 16px; }
.cms_content .txt-type3 li + li { margin-top: 6px; }
.cms_content .txt-type3 > li { padding-left: 24px; }
.cms_content .txt-con { line-height: 22px; margin: 20px 0; color: #5c5c5c; font-size: 14px; }
.cms_content .tbl-type1 { margin: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.12); }
.cms_content .tbl-type1 thead tr th { padding: 12px; border-bottom: 1px solid #d8d8d8; text-align: left; font-size: 14px; font-weight: 700; }
.cms_content .tbl-type1 tbody tr td { padding: 12px; border-bottom: 1px solid #d8d8d8; color: #5c5c5c; font-size: 14px; }
.cms_content .btn-type4 { color: #0070f0; }
.cms_content .tit-sub { font-weight: 700; }
.cms_content sup { display: inline-block; margin-top: -7px; }
/* 통신 세이브 서비스 이용약관 아코디언 타입 */
.cms_content .accod_list { margin-top: 0; }
.cms_content .accod_list .box_tit { padding: 0; }
.cms_content .accod_list .accodBtn:after { right: 0; }
.cms_content .accod_list .accodSlide { padding: 20px 0; }
.cms_content .accod_list .accodSlide .con-type2 ol > li + li { margin-top: 20px; }
.cms_content .accod_list .accodSlide .con-type2 ol > li > .tit { line-height: 26px; margin-bottom: 8px; color: #333; font-size: 16px; font-weight: 700; }
.cms_content .accod_list .accodSlide .con-type2 ol > li > p, .cms_content .accod_list .accodSlide .con-type2 ol > li ul li { line-height: 20px; color: #5c5c5c; font-size: 14px; }
.cms_content .accod_list .accodSlide .con-type2 ol > li ul + ul { margin-top: 20px; }
.cms_content .accod_list .accodSlide .con-type2 ol > li > p + p { margin-top: 12px; }
.cms_content .accod_list .accodSlide .con-type2 ol > li ul li { margin-top: 6px; }
.cms_content .accod_list .accodSlide p.txt-type1, .cms_content .accod_list .accodSlide ul.txt-type1 li { position: relative; padding-left: 8px; }
.cms_content .accod_list .accodSlide p.txt-type1:before, .cms_content .accod_list .accodSlide ul.txt-type1 li:before { position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; border-radius: 100%; background: #949494; content: ""; }
.cms_content .accod_list .accodSlide .txt-type1 .bul { display: none; }
/* 휴대폰 인증약관 마크업 달라 분기 */
.cms_content .phone_terms > .tit-type1 { line-height: 32px; margin-bottom: 32px; color: #000; font-size: 24px; }
.cms_content .phone_terms .tit { display: inline; }
.cms_content .phone_terms .con-type2 > p { line-height: 20px; color: rgba(0, 0, 0, 0.64); font-size: 14px; }
.cms_content .phone_terms .con-type2 > p + p { margin-top: 20px; }
.cms_content .phone_terms .con-type2 > p > .tit { line-height: 26px; color: #000; font-size: 20px; font-weight: 700; }
.cms_content .phone_terms .con-type2 > p strong { line-height: 24px; color: rgba(0, 0, 0, 0.64); font-size: 16px; font-weight: 700; }
/* 2024-06-21 GGU282 - 추가 */
.cms_content .table-scroll { overflow-x: auto; }
.cms_content .table-scroll .mw500 { min-width: 500px; }
.cms_content .table-scroll .mw600 { min-width: 600px; }
.cms_content .table-scroll .mw700 { min-width: 700px; }
.cms_content .table-scroll .mw800 { min-width: 800px; }
/* //2024-06-21 GGU282 - 추가 */
/***********************************************************************************************/
/* 공통 */
.sub_customer .box_top_tit h2 + p, .sub_customer .box_top_tit h2 + .box_bul { margin-top: 12px; }
.sub_customer .input_item + .box_bul { margin-top: 24px; }
.sub_customer .box_btn .w100 { width: 100%; }
.sub_customer .cus_bundle .box_bul + .box_terms_wrap { margin-top: 44px; }
.sub_customer .cus_bundle .sub_cont { margin-top: 24px; }
.sub_customer .cus_bundle .sub_cont + .sub_cont { margin-top: 32px; }
.sub_customer .cus_bundle .sub_cont .tit + .box_bul, .sub_customer .cus_bundle .sub_cont .tit + .num_list { margin-top: 12px; }
.sub_customer .note_txt { margin-top: 12px; }
.sub_customer .note_txt p { position: relative; padding-left: 20px; }
.sub_customer .note_txt p:before { position: absolute; top: 1px; left: 0; display: block; width: 16px; height: 16px; background: red; content: ''; }
/* 팝업 */
.modal_wrap .box_content .sub_cont { margin-top: 32px; }
.modal_wrap .box_content .sub_cont .tit + .box_bul { margin-top: 12px; }
/* nodata */
.cus_bundle .no_data { display: flex; align-items: center; justify-content: center; padding: 83px 0 96px; }
/* 챗봇이용 방법 */
.tit_wrap + .chatbot_howto { margin-top: 35px; }
.chatbot_howto .num_txt { display: flex; align-items: center; }
.chatbot_howto .num_txt .lab_number { min-width: 28px; min-height: 28px; margin-right: 10px; }
.chatbot_howto .num_txt + .howto_bg_box { margin-top: 24px; }
.chatbot_howto .num_txt .lab_number > span { line-height: 28px; font-size: 16px; }
.chatbot_howto .howto_bg_box { padding: 32px 24px 44px; border-radius: 8px; background: #f5f5f5; }
.chatbot_howto .howto_bg_box + p { margin-top: 24px; }
.chatbot_howto .howto_bg_box .img_list > li { position: relative; }
.chatbot_howto .howto_bg_box .img_list > li .txt p + p { margin-top: 8px; }
.chatbot_howto .howto_bg_box .img_list > li .txt + .img { margin: 18px auto; }
.chatbot_howto .howto_bg_box .img_list > li + li { margin-top: 44px; }
.chatbot_howto > li + li { margin-top: 56px; }
/* 서브페이지 아코디언 */
.incident_info { display: flex; }
.incident_info .img img { width: 64px; height: 100px; }
.incident_info .img + .cont { margin-left: 18px; }
.incident_info .cont .lab_m { margin-top: 8px; }
.cus_bundle .tit_wrap + .sub_accod { margin-top: 25px; }
.cus_bundle .sub_accod + .box_bul { margin-top: 15px; }
/* 테이블 리스트 */
.sub_customer .tbl_list_wrap.type02 > ul > li .flex.verti_c { align-items: center; }
.sub_customer .tbl_list_wrap.type02 > ul > li .flex > div { flex: 1; }
.sub_customer .tbl_list_wrap.type02 > ul > li .flex + .desc { margin-top: 10px; }
.sub_customer .tbl_list_wrap.type02 > ul > li .flex .label { flex: 0; min-width: 36px; margin-right: 12px; }
.sub_customer .tbl_list_wrap .tbl_tit + ul { margin-top: 9px; }
.sub_customer .tbl_list_wrap .tbl_tit { margin-top: 33px; }
.sub_customer .tbl_list_wrap > ul > li { padding: 16px 0; border-bottom: 1px solid #f5f5f5; }
.sub_customer .tbl_list_wrap > ul > li .tit { width: 40%; }
.sub_customer .tbl_list_wrap > ul > li .cont { width: 60%; }
.sub_customer .tbl_list_wrap > ul + .box_bul { padding-bottom: 44px; margin-top: 12px; }
.sub_customer .tbl_list_wrap .flex + .box_terms_wrap { margin-top: 24px; }
.sub_customer .tbl_list_wrap + .input_item { margin-top: 43px; }
/* 테이블 */
.sub_customer .tit_wrap + .tbl_wrap { margin-top: 12px; }
.sub_customer .tbl_wrap + .box_bul { margin-top: 7px; }
.sub_customer .tbl_wrap { border-top: 1px solid #000; border-bottom: 1px solid #e0e0e0; }
.sub_customer .tbl_wrap table tr th, .sub_customer .tbl_wrap table tr td { padding: 20px 0; border-top: 1px solid #e0e0e0; }
.sub_customer .tbl_wrap table .date { color: #858585; text-align: center; font-size: 14px; }
.sub_customer .tbl_wrap table .date span { position: relative; }
.sub_customer .tbl_wrap table .date span + span:before { display: inline-block; padding: 0 5px 0 0; content: '·'; }
/* 분실카드 정보 */
.sub_customer .mycard_info { display: flex; padding: 17px 0; border-bottom: 1px solid #e0e0e0; }
.sub_customer .mycard_info > div { flex: 1; }
.sub_customer .mycard_info .img { width: 40px; max-width: 40px; height: 60px; margin-right: 12px; }
.sub_customer .mycard_info .img img { width: 100%; }
.sub_customer .mycard_info .cont .info span + span { position: relative; padding-left: 10px; }
.sub_customer .mycard_info .cont .info span + span::before { position: absolute; top: 50%; left: 0; display: inline-block; width: 2px; height: 2px; background: #ebebeb; content: ''; transform: translateY(-50%); }
/* 분실신고해제 */
.sub_customer .box_top_tit + .off_report { margin-top: 40px; }
.sub_customer .off_report { display: flex; align-items: center; flex-wrap: wrap; }
.sub_customer .off_report .img { width: 40px; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, .08); }
.sub_customer .off_report .img img { width: 100%; }
.sub_customer .off_report .cont { margin-left: 16px; }
.sub_customer .off_report .cont .divr_dot { margin-top: 4px; }
.sub_customer .off_report .cont .divr_dot > .divr_txt { color: #000; }
.sub_customer .off_report + .box_terms_wrap { margin-top: 24px; }
.sub_customer .off_report .cont .lab_s { margin-top: 4px; }
.list_tel li { padding: 24px 0; }
.list_tel li + li { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.list_tel li .box_top { overflow: hidden; margin-bottom: 6px; }
.list_tel li .box_top .lab_s { float: left; margin: 3px 0 0 4px; }
.list_tel li .box_top .tit_tel { float: left; }
.list_tel li .box_top .num_tel { float: right; margin-top: 3px; }
.list_tel + .fc_m_alert { padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.txt_warning { position: relative; padding-left: 20px; }
/* .txt_warning:before { position:absolute; top:14px; left:0; width:16px; height:16px; background-color:#ff0000; mask-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.svg); content:'';} */
.txt_warning.fc_m_alert { background: url(/docfiles/resources/mo/images/com/icon/w16/ico_alert_red.png) left 16px no-repeat; background-size: 16px; }
.tit_wrap h4 + .sub_txt { margin-top: 8px; }
.tit_wrap .sub_txt { padding-bottom: 24px; margin-top: 8px; border-bottom: 1px solid #e0e0e0; }
.sub_customer .cus_bundle .box_item .ars_tit { padding-bottom: 12px; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.sub_customer .cus_bundle .box_item .ars_tit .tit { margin-bottom: 0; }
.sub_customer .list_ars_info li a { display: block; padding: 17px 30px 18px 0; }
/* ARS 상담 */
.modal_pop.modal_consult .layer_head { height: auto; padding: 34px 65px 12px 24px; }
.modal_pop.modal_consult .layer_head h1 { white-space: normal; }
.modal_pop.fixed.modal_consult .layer_head { height: 64px; padding: 19px 48px 19px 24px; }
.modal_pop.fixed.modal_consult .layer_head .h3_b_lt { line-height: 26x; font-size: 20px; }
.modal_consult .cus_bundle .box_title01 { display: table; width: 100%; }
.modal_consult .cus_bundle .box_title01 p { display: table-cell; }
.modal_consult .cus_bundle .box_title01 p + p { width: 80px; color: rgba(0, 0, 0, 0.64); }
.modal_consult .cus_bundle + .cus_bundle { margin-top: 32px; }
.modal_consult .cus_bundle .box_title01 + .box_line { margin-top: 12px; }
.modal_consult .cus_bundle .box_title01 + .line_list02 { margin-top: 12px; }
.modal_consult .cus_bundle .line_list02 li .tit, .modal_consult .cus_bundle .line_list02 li .txt { padding: 14px 0; vertical-align: bottom; }
.modal_consult .cus_bundle .line_list02 li { border-bottom: 1px solid #ebebeb; }
.modal_consult .cus_bundle .line_list02 li:last-child { border-bottom: none; }
.modal_consult .cus_bundle .line_list02 li { display: flex; justify-content: space-between; }
.modal_consult .cus_bundle .line_list02 li p { color: rgba(0, 0, 0, 0.64); }
.modal_consult .cus_bundle .line_list02.border_type li:last-child { border-bottom: 1px solid #ebebeb; }
.modal_consult .box_content { padding-top: 25px; }
.modal_consult .cus_bundle .box_item > strong.tit { display: block; margin-bottom: 12px; }
.modal_consult .cus_bundle .box_item + .box_item { margin-top: 20px; }
.modal_consult .cus_bundle .box_title01 + .box_item { margin-top: 24px; }
.modal_consult .cus_bundle .line_list02 + .box_item { margin-top: 20px; }
.modal_consult .tbl_list_wrap + .tbl_list_wrap, .modal_consult .sub_tit + .tbl_list_wrap { margin-top: 26px; }
.modal_consult .tbl_list_wrap + .sub_tit { margin-top: 41px; }
.modal_consult .tbl_list_wrap .tbl_tit { padding: 14px 0; border-bottom: 1px solid rgba(0, 0, 0, .04); }
.modal_consult .tbl_list_wrap .box_grp { display: flex; display: -webkit-flex; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid rgba(0, 0, 0, .04); }
/* 상담조회 */
.sub_customer .inquiry_area { margin: 32px 0 48px; }
.sub_customer .inquiry_area > .box_btn { margin-top: 40px; }
.sub_customer .select_content { display: none; }
.sub_customer .select_content.on { display: block; }
/* 카드 이용 안내 */
.cus_bundle .tit_wrap + .blk_num_list { margin-top: 32px; }
.cus_bundle .tit_wrap + p { margin-top: 20px; }
.cus_bundle p + .link_wrap { margin-top: 16px; }
.cus_bundle p + .box_list_wrap { margin-top: 40px; }
.sub_customer .box_list_wrap:last-child { padding-bottom: 56px; }
.sub_customer .box_list_wrap + .box_list_wrap { margin-top: 32px; }
.sub_customer .box_list_wrap .box_tit + .box_bul, .sub_customer .box_list_wrap .box_tit + p { margin-top: 12px; }
.sub_customer .box_list_wrap .box_tit + .box_list { padding-top: 20px; margin-top: 13px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_customer .box_list_wrap .box_list + .box_list { margin-top: 32px; }
.sub_customer .box_list_wrap .box_list .sub_tit { margin-bottom: 16px; }
.sub_customer .box_list_wrap .box_list .box_bul + .box_bul { margin-top: 16px; }
.sub_customer .box_list_wrap .box_list .box_bul > p + .bul_list { margin-top: 8px; }
.sub_customer .box_card_use .sub_accod .accodWrap > dt { position: relative; margin: 0 24px; }
.sub_customer .box_card_use .sub_accod .accodSlide ul + p { margin-top: 12px; }
.sub_customer .box_card_use .faq_wrap .accodWrap:last-child { margin-bottom: 56px; }
.cus_bundle .box_top_line .notice { position: relative; padding-left: 28px; }
.cus_bundle .box_top_line .notice:before { position: absolute; top: 1px; left: 10px; display: inline-block; width: 16px; height: 16px; background: url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.png) no-repeat 50% 50%; background-size: 16px 16px; content: ''; }
.cus_bundle .num_list02 li { position: relative; line-height: 22px; padding-left: 16px; font-size: 14px; font-weight: 500; }
.cus_bundle .num_list02 li .num { position: absolute; top: 0; left: 0; }
.cus_bundle .num_list02 li + li { margin-top: 16px; }
.cus_bundle .num_list02 li > ul { margin-top: 4px; }
/* 2021-08-26 GGCP31 금융사기 취약 테스트 */
.sec-test { padding: 0 24px; margin-top: 56px; }
.sec-wrap { display: table; width: 100%; height: 565px; background-color: #a9d0ff; }
.sec-inner { display: table-cell; vertical-align: middle; }
.sec-left { margin-top: 60px; text-align: center; }
/* 215=155-60 */
.sec-right { text-align: center; }
/* 350=280-70 */
.sec-tit { color: #000; font-family: 'YouandModern'; font-weight: 700; }
.sec-txt { color: #000; font-family: 'YouandModern'; font-weight: 500; }
.img-inner { padding: 35px; }
.img-inner img { width: 100%; }
.sec-begin .sec-tit { font-size: 24px; }
.sec-begin .sec-txt { line-height: 22px; margin-top: 20px; font-size: 14px; }
.sec-begin .btn-area { margin-top: 20px; }
.sec-btn-start { display: inline-block; width: 170px; height: 50px; line-height: 50px; border-radius: 30px; color: #fff; background-color: #1e75d6; font-family: 'YouandModern'; font-size: 17px; font-weight: 700; }
.sec-start { display: none; }
.sec-start .sec-left { margin-top: 50px; }
.sec-start .btn-area { margin-top: 40px; }
.sec-start .btn-area img { width: 100%; }
.sec-btn-o, .sec-btn-x { display: inline-block; width: 70px; margin: 0 30px; }
.sec-start .sec-tit { font-size: 15px; }
.sec-start .sec-txt { line-height: 25px; padding: 0 15px; margin-top: 20px; font-size: 17px; }
.sec-end { display: none; background-color: #a9d0ff; text-align: center; }
.sec-end .sec-left { margin-top: 0; }
.sec-end .sec-tit { font-size: 15px; }
.sec-end .sec-txt { line-height: 33px; margin-top: 20px; color: #3149B0; font-size: 24px; font-weight: 700; }
.sec-end .img-area { margin: 40px auto; text-align: center; }
.sec-end .img-area img { width: 70px; height: 70px; }
.sec-end .sec-btn-restart { display: inline-block; width: 165px; height: 50px; line-height: 50px; border-radius: 30px; color: #fff; background-color: #1e75d6; font-family: 'YouandModern'; font-size: 17px; font-weight: 700; }
.sec-end .sec-right-txt { line-height: 21px; margin-bottom: 50px; color: #000; font-size: 15px; }
/* 타 카드사 일괄 분실신고 > 카드사 선택 */
.list_sel_inp.bank_type > li:nth-child(n+4) { padding-top: 4px; }
.list_sel_inp.bank_type > li { padding-right: 4px; }
.list_sel_inp.bank_type > li label { flex-direction: column; min-height: 72px; padding: 8px 0 10px 0; }
.list_sel_inp.bank_type > li label:before { border-color: #ebebeb; border-radius: 4px; }
.list_sel_inp.bank_type > li .ci_bank { display: block; width: 64px; height: 34px; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; background-size: 64px 34px; }
.list_sel_inp.bank_type > li input:checked + label p { font-weight: 700; }
/* 타 카드사 일괄 분실신고 > 분실신고 결과 */
.list_state { margin-top: 20px; }
.list_state > li { padding: 23px 0; }
.list_state > li:after { display: block; clear: both; content: ""; }
.list_state > li + li { border-top: 1px solid rgba(0, 0, 0, 0.12); }
.list_state > li .divr_dot { margin-top: 4px; }
.list_state + .box_bul { margin-top: 40px; }
.list_store_logo { display: flex; flex-wrap: wrap; }
.list_store_logo > p { flex: 0 1 25%; width: 70px; height: 37px; margin-top: 8px; }
.logo_11st { background: url('/docfiles/resources/pc/images/cus/logo_11st.png') center no-repeat; background-size: 70px 37px; }
.logo_gmarket { background: url('/docfiles/resources/pc/images/cus/logo_gmarket.png') center no-repeat; background-size: 70px 37px; }
.logo_auction { background: url('/docfiles/resources/pc/images/cus/logo_auction.png') center no-repeat; background-size: 70px 37px; }
.logo_wemakeprice { background: url('/docfiles/resources/pc/images/cus/logo_wemakeprice.png') center no-repeat; background-size: 70px 37px; }
.logo_coupang { background: url('/docfiles/resources/pc/images/cus/logo_coupang.png') center no-repeat; background-size: 70px 37px; }
.logo_hmall { background: url('/docfiles/resources/pc/images/cus/logo_hmall.png') center no-repeat; background-size: 70px 37px; }
.logo_gsshop { background: url('/docfiles/resources/pc/images/cus/logo_gsshop.png') center no-repeat; background-size: 70px 37px; }
.logo_cjmall { background: url('/docfiles/resources/pc/images/cus/logo_cjmall.png') center no-repeat; background-size: 70px 37px; }
.logo_lotteshopping { background: url('/docfiles/resources/pc/images/cus/logo_lotteshopping.png') center no-repeat; background-size: 70px 37px; }
.logo_ssg { background: url('/docfiles/resources/pc/images/cus/logo_ssg.png')center no-repeat; background-size: 70px 37px; }
.logo_homeplus { background: url('/docfiles/resources/pc/images/cus/logo_homeplus.png') center no-repeat; background-size: 70px 37px; }
.logo_lottecom { background: url('/docfiles/resources/pc/images/cus/logo_lottecom.png') center no-repeat; background-size: 70px 37px; }
.logo_ak { background: url('/docfiles/resources/pc/images/cus/logo_ak.png') center no-repeat; background-size: 70px 37px; }
.logo_yes24 { background: url('/docfiles/resources/pc/images/cus/logo_yes24.png') center no-repeat; background-size: 70px 37px; }
.logo_hanssem { background: url('/docfiles/resources/pc/images/cus/logo_hanssem.png') center no-repeat; background-size: 70px 37px; }
.logo_g9 { background: url('/docfiles/resources/pc/images/cus/logo_g9.png') center no-repeat; background-size: 70px 37px; }
.logo_mpoint { background: url('/docfiles/resources/pc/images/cus/logo_mpoint.png') center no-repeat; background-size: 70px 37px; }
.logo_yeogi { background: url('/docfiles/resources/pc/images/cus/logo_yeogi.png') center no-repeat; background-size: 70px 37px; }
.logo_29cm { background: url('/docfiles/resources/pc/images/cus/logo_29cm.png') center no-repeat; background-size: 70px 37px; }
.logo_interpark { background: url('/docfiles/resources/pc/images/cus/logo_interpark.png') center no-repeat; background-size: 70px 37px; }
.logo_amway { background: url('/docfiles/resources/pc/images/cus/logo_amway.png') center no-repeat; background-size: 70px 37px; }
.logo_hoteltime { background: url('/docfiles/resources/pc/images/cus/logo_hoteltime.png') center no-repeat; background-size: 70px 37px; }
.logo_npay { background: url('/docfiles/resources/pc/images/cus/logo_npay.png') center no-repeat; background-size: 70px 37px; }
.logo_baemin { background: url('/docfiles/resources/pc/images/cus/logo_baemin.png') center no-repeat; background-size: 70px 37px; }
.logo_hellomarket { background: url('/docfiles/resources/pc/images/cus/logo_hellomarket.png') center no-repeat; background-size: 70px 37px; }
.logo_homplus { background: url(/docfiles/resources/pc/images/cus/logo_homeplus.png) center no-repeat; background-size: 70px 37px; }
.logo_homplus_ex { background: url(/docfiles/resources/pc/images/cus/logo_homeplus_ex.png) center no-repeat; background-size: 70px 37px; }
.logo_lottemart { background: url(/docfiles/resources/pc/images/cus/logo_lottemart.png) center no-repeat; background-size: 70px 37px; }
.logo_lottesuper { background: url(/docfiles/resources/pc/images/cus/logo_lottesuper.png) center no-repeat; background-size: 70px 37px; }
.logo_hanaro { background: url(/docfiles/resources/pc/images/cus/logo_hanaro.png) center no-repeat; background-size: 70px 37px; }
.logo_gssuper { background: url(/docfiles/resources/pc/images/cus/logo_gssuper.png) center no-repeat; background-size: 70px 37px; }
.logo_himart { background: url(/docfiles/resources/pc/images/cus/logo_himart.png) center no-repeat; background-size: 70px 37px; }
.logo_costco { background: url(/docfiles/resources/pc/images/cus/logo_costco.png) center no-repeat; background-size: 70px 37px; }
.logo_innisfree { background: url(/docfiles/resources/pc/images/cus/logo_innisfree.png) center no-repeat; background-size: 70px 37px; }
.logo_lalavla { background: url(/docfiles/resources/pc/images/cus/logo_lalavla.png) center no-repeat; background-size: 70px 37px; }
.logo_etude { background: url(/docfiles/resources/pc/images/cus/logo_etude.png) center no-repeat; background-size: 70px 37px; }
.logo_espoir { background: url(/docfiles/resources/pc/images/cus/logo_espoir.png) center no-repeat; background-size: 70px 37px; }
.logo_8seconds { background: url(/docfiles/resources/pc/images/cus/logo_8seconds.png) center no-repeat; background-size: 70px 37px; }
.logo_hanaro { background: url(/docfiles/resources/pc/images/cus/logo_hanaro.png) center no-repeat; background-size: 70px 37px; }
.logo_lottedepart { background: url(/docfiles/resources/pc/images/cus/logo_lottedepart.png) center no-repeat; background-size: 70px 37px; }
.logo_lotteduty { background: url(/docfiles/resources/pc/images/cus/logo_lotteduty.png) center no-repeat; background-size: 70px 37px; }
.logo_lohb { background: url(/docfiles/resources/pc/images/cus/logo_lohb.png) center no-repeat; background-size: 70px 37px; }
.logo_aritaum { background: url(/docfiles/resources/pc/images/cus/logo_aritaum.png) center no-repeat; background-size: 70px 37px; }
.logo_parnas { background: url(/docfiles/resources/pc/images/cus/logo_parnas.png) center no-repeat; background-size: 70px 37px; }
.logo_orga { background: url(/docfiles/resources/pc/images/cus/logo_orga.png) center no-repeat; background-size: 70px 37px; }
.logo_obong { background: url(/docfiles/resources/pc/images/cus/logo_obong.png) center no-repeat; background-size: 70px 37px; }
.logo_milkbab { background: url(/docfiles/resources/pc/images/cus/logo_milkbab.png) center no-repeat; background-size: 70px 37px; }
.logo_e1 { background: url(/docfiles/resources/pc/images/cus/logo_e1.png) center no-repeat; background-size: 70px 37px; }
.logo_soil { background: url(/docfiles/resources/pc/images/cus/logo_soil.png) center no-repeat; background-size: 70px 37px; }
.logo_7eleven { background: url(/docfiles/resources/pc/images/cus/logo_7eleven.png) center no-repeat; background-size: 70px 37px; }
.logo_gs25 { background: url(/docfiles/resources/pc/images/cus/logo_gs25.png) center no-repeat; background-size: 70px 37px; }
.logo_cu { background: url(/docfiles/resources/pc/images/cus/logo_cu.png) center no-repeat; background-size: 70px 37px; }
.logo_emart24 { background: url(/docfiles/resources/pc/images/cus/logo_emart24.png) center no-repeat; background-size: 70px 37px; }
.logo_bearstown { background: url(/docfiles/resources/pc/images/cus/logo_bearstown.png) center no-repeat; background-size: 70px 37px; }
.logo_daemyung { background: url(/docfiles/resources/pc/images/cus/logo_daemyung.png) center no-repeat; background-size: 70px 37px; }
.logo_caribbean { background: url(/docfiles/resources/pc/images/cus/logo_caribbean.png) center no-repeat; background-size: 70px 37px; }
.logo_everlandresort { background: url(/docfiles/resources/pc/images/cus/logo_everlandresort.png) center no-repeat; background-size: 70px 37px; }
.logo_lottecinema { background: url(/docfiles/resources/pc/images/cus/logo_lottecinema.png) center no-repeat; background-size: 70px 37px; }
.logo_hollys { background: url(/docfiles/resources/pc/images/cus/logo_hollys.png) center no-repeat; background-size: 70px 37px; }
.logo_ministop { background: url(/docfiles/resources/pc/images/cus/logo_ministop.png) center no-repeat; background-size: 70px 37px; }
.logo_arista { background: url(/docfiles/resources/pc/images/cus/logo_arista.png) center no-repeat; background-size: 70px 37px; }
.logo_beansbins { background: url(/docfiles/resources/pc/images/cus/logo_beansbins.png) center no-repeat; background-size: 70px 37px; }
.logo_zoo { background: url(/docfiles/resources/pc/images/cus/logo_zoo.png) center no-repeat; background-size: 70px 37px; }
.logo_oseoul { background: url(/docfiles/resources/pc/images/cus/logo_oseoul.png) center no-repeat; background-size: 70px 37px; }
.logo_palom { background: url(/docfiles/resources/pc/images/cus/logo_palom.png) center no-repeat; background-size: 70px 37px; }
.logo_tiamo { background: url(/docfiles/resources/pc/images/cus/logo_tiamo.png) center no-repeat; background-size: 70px 37px; }
.logo_parisbaguette { background: url(/docfiles/resources/pc/images/cus/logo_parisbaguette.png) center no-repeat; background-size: 70px 37px; }
/* 결제방법 select */
.sub_customer .box_select_content > .line_list { display: none; }
.sub_customer .box_select_content > .line_list.on { display: block; }
.sub_customer .box_select_content > .line_list.between_type li > div { padding: 16px 0; vertical-align: top; }
.sub_customer .box_select_content > .line_list.between_type li .tit { width: 160px; margin-right: 10px; }
/** customer01 **/
.btn_bottom .btn_area_line [class^=btn] { flex: 1; }
.list_cus_menu { margin-top: 40px; }
.list_cus_menu .list_title { padding: 8px 0 7px 0; margin-bottom: 8px; border-bottom: 1px solid #949494; font-size: 0; }
.list_cus_menu .list_title p { display: inline-block; }
.list_cus_menu .list_title i { margin: 2px 4px 0 0; opacity: 0.64; }
.ico_card_etc, .ico_insurance, .ico_tip_Line { background-color: #000; background-repeat: no-repeat; background-size: 16px; }
.ico_card_etc { -webkit-mask-image: url(/docfiles/resources/mo/images/com/icon/w16/ico_card_etc.png); mask-image: url(/docfiles/resources/mo/images/com/icon/w16/ico_card_etc.svg); }
.ico_insurance { -webkit-mask-image: url(/docfiles/resources/mo/images/com/icon/w16/ico_insurance.png); mask-image: url(/docfiles/resources/mo/images/com/icon/w16/ico_insurance.svg); }
.ico_tip_Line { -webkit-mask-image: url(/docfiles/resources/mo/images/com/icon/w16/ico_tip_line.png); mask-image: url(/docfiles/resources/mo/images/com/icon/w16/ico_tip_line.svg); }
.list_cus_menu ul li a { display: block; padding: 15px 0; }
.list_cus_menu .list_small li a { padding: 13px 0; }
.box_page_tit .h4_b_lt { margin-top: 32px; }
.box_page_tit { margin-bottom: 24px; }
/* .cus_bundle .sub_tit {margin-bottom:24px;} */
.cus_bundle .sub_tit .tit + .txt { margin: 8px 0 32px; }
.cus_bundle .sub_txt .box_down_info + .box_down_info { margin-top: 32px; }
.cus_bundle .sub_txt .box_down_info dd { margin-top: 8px; }
.cus_bundle + .box_bul.t_line { padding-top: 24px; margin-top: 44px; border-top: 1px solid #e0e0e0; }
.dash_list02.fc_m_a48 li { color: #858585; }
.sub_accod.big_type > .accodWrap > dt { margin: 0 24px; }
.sub_accod.big_type > .accodWrap > .accodSlide { padding: 0 24px 40px; }
.sub_accod.big_type > .accodWrap > .accodSlide.bg_gray { padding-top: 32px; background: #f5f5f5; }
.sub_accod.big_type > .accodWrap > .accodSlide.bg_gray > p + .list_step { padding-top: 32px; }
.sub_accod.big_type > .accodWrap > dt .accodBtn { padding-right: 40px; }
.sub_accod.big_type > .accodWrap > dt .accodBtn:after { right: 2px; width: 32px; height: 32px; margin-top: -16px; background-size: 32px; }
.sub_accod.big_type + .section_inner .sub_accod { margin-top: 40px; }
.sub_accod.big_type + .section_inner .sub_accod .accodWrap .accodBtn { padding-right: 30px; padding-left: 16px; }
.sub_accod.big_type + .section_inner .sub_accod .accodSlide { padding-bottom: 62px; border-top: 1px solid #e0e0e0; }
.sub_accod.big_type + .section_inner .sub_accod .accodSlide .box_bul { margin-top: 12px; }
.sub_accod.big_type + .section_inner .sub_accod .accodSlide .box_btn { margin-top: 20px; }
.sub_accod.big_type + .section_inner .sub_accod .accodWrap:last-child { border-bottom: 1px solid #e0e0e0; }
.sub_accod.big_type > .accodWrap.faq_wrap > .accodSlide { padding: 0; }
.sub_accod.big_type > .accodWrap.faq_wrap > .accodSlide > .sub_accod { margin-top: 15px; }
.sub_accod.big_type > .accodWrap.faq_wrap > .accodSlide > .sub_accod .accodWrap > dt:before { font-weight: 500; }
.list_step li { position: relative; padding-bottom: 40px; }
.list_step li:last-child { padding-bottom: 0; }
.list_step li:last-child:before { display: none; }
.list_step li .img_area img { width: 100%; min-height: 232px; }
.list_step li .tit { margin-top: 20px; font-size: 0; }
.list_step li .tit:after { display: block; clear: both; content: ''; }
.list_step li .tit .ico_step { float: left; line-height: 20px; padding: 4px 6px; border: 1px solid #ccc; border-radius: 4px; color: #858585; text-align: center; }
.list_step li .tit span + p { display: inline-block; width: calc(100% - 70px); padding-top: 2px; margin-left: 8px; }
.box_cus_input { margin-bottom: 55px; }
.box_cus_input .box_title { margin-bottom: 24px; }
.box_cus_input .btn_bottom { padding-top: 40px; }
.box_cus_input .box_bul { margin-top: 12px; }
.box_cus_input .box_bul .box_btn { margin-top: 20px; }
.basic_info .tit { margin-bottom: 12px; }
.basic_info li + li { margin-top: 32px; }
.basic_info .img_area { margin-top: 20px; }
/* 소비자보호 포털 */
.list_portal > ul > li { padding: 20px 0; }
.list_portal > ul > li:first-child { padding-top: 24px; }
.list_portal > ul > li .p2_m_lt_2ln { margin-top: 4px; }
.list_portal > ul > li .link { margin-top: 16px; }
.list_portal > ul > li .link + .link { margin-top: 12px; }
.list_portal > ul > li + li { border-top: 1px solid#ebebeb; }
.list_portal > ul > li > a { display: block; background-position: 100% 0; }
/* 소비자보호 체계 */
.sub_customer .box_top_txt { padding: 16px 30px; border-bottom: 1px solid #f5f5f5; }
.sub_customer .box_top_txt + .box_tab_default { margin-top: 8px; }
.sub_customer .cus_protect_accod { margin-top: 56px; }
.sub_customer .cus_protect_accod .accodSlide .box_btn { margin-top: 16px; }
.sub_customer .list_cus_protection > li > .tit { margin-bottom: 12px; }
.sub_customer .list_cus_protection > li + li { margin-top: 32px; }
.sub_customer .list_cus_protection .list_info { padding-top: 20px; border-top: 1px solid #f5f5f5; }
.sub_customer .list_cus_protection .list_info > ul > li + li { margin-top: 6px; }
.sub_customer .list_cus_protection.cus_law > li > .tit { margin-bottom: 8px; }
.sub_customer .list_cus_protection.cus_law > li > ul > li { line-height: 22px; font-size: 14px; }
.sub_customer .list_cus_protection.cus_law ul li + li { margin-top: 6px; }
.sub_customer .list_cus_protection.cus_law ul > li > ul { margin-top: 6px; }
.sub_customer .list_cus_protection.cus_law > li > .tit, .sub_customer .list_cus_protection .mark_list > li { position: relative; padding-left: 24px; }
.sub_customer .list_cus_protection .mark { position: absolute; left: 0; }
.sub_customer .list_cus_protection.cus_law .indent_list { margin-left: 24px; }
/* 소비자보호 우수사례, 경보사례 */
.sub_cus_case .box_tab_default { padding: 0 16px; margin: 0; }
.sub_cus_case .box_tab_default + .tit_wrap { margin-top: 40px; }
.sub_cus_case .tit_wrap { padding: 0 24px; }
.sub_cus_case .tit_wrap.mt32 { margin-top: 32px; }
.sub_cus_case .tit_wrap + .cus_damage_search { padding: 0 24px; margin-top: 19px; }
.sub_cus_case .tit_wrap + .cus_damage_accod { margin-top: 32px; }
.sub_cus_case .cus_damage_search + .cus_damage_accod { margin-top: 24px; }
.sub_cus_case .cus_damage_accod.mt20 { margin-top: 20px; }
.sub_cus_case .cus_damage_accod .sub_accod .accodWrap > dt { padding-left: 16px; }
.sub_cus_case .cus_damage_accod .sub_accod .accodSlide .inner_cont .tit { margin-bottom: 12px; color: #000; }
.sub_cus_case .box_btn { margin-top: 12px; }
.sub_cus_case .cus_damage_accod + .box_btn { padding: 0 24px; }
.sub_cus_case .cus_damage_accod .inner_cont { color: #5c5c5c; }
.sub_cus_case .cus_damage_accod .inner_cont .sub_title { margin-top: 12px; color: #000; }
.sub_cus_case .cus_damage_accod .inner_cont p, .sub_cus_case .cus_damage_accod .inner_cont > ul, .sub_cus_case .cus_damage_accod .inner_cont .tbl_list_wrap { margin-top: 12px; }
.sub_cus_case .cus_damage_accod .inner_cont .sub_title:first-child, .sub_cus_case .cus_damage_accod .inner_cont p:first-child, .sub_cus_case .cus_damage_accod .inner_cont ul:first-child { margin-top: 0; }
.sub_cus_case .cus_damage_accod .inner_cont ul > li + li { margin-top: 6px; }
.sub_cus_case .cus_damage_accod .inner_cont ul.num_list > li { position: relative; padding-left: 20px; }
.sub_cus_case .cus_damage_accod .inner_cont ul.num_list > li span.num { position: absolute; left: 0; }
.sub_cus_case .cus_damage_accod .inner_cont p.mt0 { margin-top: 0; }
.sub_customer .box_guide { padding: 14px 16px; border-radius: 8px; background: #f5f5f5; }
.sub_customer .box_guide span { display: block; }
.sub_customer .box_apply_info { padding: 16px; margin-top: 24px; background: #f5f5f5; }
.sub_customer .box_apply_info .tit { margin-bottom: 8px; }
.sub_customer .box_apply_info .box_btn { margin-top: 12px; }
.sub_customer .inquiry { padding-top: 20px; border-top: 1px solid #ebebeb; }
/* 카드 종합 이용안내 > 해외이용안내 */
.sub_customer .box_tab_default + .cus_bundle.foreign_useinfo { margin-top: 52px; }
.sub_customer .cus_bundle.foreign_useinfo .tit_wrap { padding: 0 24px; margin-bottom: 20px; }
.sub_customer .cus_bundle.foreign_useinfo > .box_bul { padding: 0 24px; margin-top: 20px; }
.sub_customer .cus_bundle.foreign_useinfo .box_bg_gray { margin: 0 24px; }
.sub_customer .cus_bundle.foreign_useinfo .box_bg_gray p.p1_m_lt_2ln { margin-bottom: 28px; }
.sub_customer .cus_bundle.foreign_useinfo .box_bg_gray p.p1_b_lt_2ln { margin-bottom: 26px; }
.sub_customer .cus_bundle.foreign_useinfo .box_bg_gray p.p1_b_ctr_1ln { padding-top: 20px; margin-top: 28px; }
.sub_customer .cus_bundle.foreign_useinfo .box_bg_gray p.t_line { border-top: 1px solid #e0e0e0; }
.sub_customer .cus_bundle.foreign_useinfo .accodSlide .box_btn { padding-left: 8px; margin-top: 12px; }
.sub_customer .cus_bundle.foreign_useinfo .accodSlide .box_btn a { display: block; }
.sub_customer .cus_bundle.foreign_useinfo .accodSlide .box_btn a + a { margin-top: 12px; }
.sub_customer .cus_bundle.foreign_useinfo .bul_list > li > .fc_m_link { display: inline-block; margin: 0; }
.sub_customer .box_foreign_info { margin-top: 52px; }
.sub_customer .box_foreign_info dl + dl { margin-top: 56px; }
.sub_customer .box_foreign_info dt { margin-bottom: 20px; }
.sub_customer .box_foreign_info .tit_wrap { margin-bottom: 20px; }
.sub_customer .box_foreign_info .sub_cont dl + dl { margin-top: 32px; }
.sub_customer .box_foreign_info dl > dt.sub_tit { margin-bottom: 12px; }
.sub_customer .box_foreign_info dd .indent_btn { padding-left: 8px; margin-top: 8px; }
.bg_full_accod .sub_accod .accodWrap > dt { margin: 0 24px; }
.bg_full_accod .sub_accod .accodWrap > dt > a { padding-right: 64px; }
.bg_full_accod .sub_accod .accodWrap.on > dt > a { font-weight: 700; }
.bg_full_accod .sub_accod .accodWrap .accodSlide { padding: 20px 24px; color: #858585; background: #f5f5f5; }
.bg_full_accod .sub_accod .accodWrap:last-child > dt { border-bottom: 1px solid #e0e0e0; }
.bg_full_accod.type2 .sub_accod .accodWrap:first-child > dt { border-top: none; }
.bg_full_accod.type2 .sub_accod .accodWrap:last-child > dt { border-bottom: none; }
.bg_full_accod.type2 .sub_accod .accodWrap > dt + dt { border-top: 1px solid #e0e0e0; }
.consul_not_info .box_btn { margin-top: 24px; }
.consul_not_info .box_btn a { display: block; }
.consul_not_info .box_btn a + a { margin-top: 12px; }
.box_consulting .box_bul a { display: block; margin-top: 12px; }
.board_tit { padding: 24px 35px; }
.board_content { padding: 24px; background: #f5f5f5; }
.board_content .box_user_txt { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #d8d8d8; }
.board_content .lab_cus { margin-bottom: 12px; }
.lab_cus { width: 67px; line-height: 16px; padding: 2px 6px; border: 1px solid #000; border-radius: 4px; color: #000; text-align: center; font-size: 12px; }
.list_consul_board { margin-top: 35px; }
.list_consul_board + .box_btn { margin-top: 40px; }
.list_consul_board li { border-bottom: 1px solid #d8d8d8; }
.list_consul_board li a { display: block; padding: 18px 0; }
.list_consul_board li a .lab_cus { margin-bottom: 12px; }
.list_consul_board li a .tit { display: block; margin-bottom: 4px; }
.cus_bundle .sub_content dt + dd { margin-top: 12px; }
.cus_bundle .sub_content + .sub_content { margin-top: 32px; }
.cus_bundle .tit_wrap + .sub_content { margin-top: 20px; }
.cus_bundle .sub_content + .box_top_line { margin-top: 40px; }
.cus_bundle .sub_content .tit_wrap.b_line { padding-bottom: 12px; border-bottom: 1px solid #d8d8d8; }
/* .cus_bundle .bul_list > li > .fc_m_link {display:block; margin-top:16px;} */
.list_num > li { position: relative; line-height: 26px; padding-left: 24px; color: #5c5c5c; font-size: 16px; }
.list_num > li .num { position: absolute; top: 0; left: 0; }
.list_num > li + li { margin-top: 4px; }
.list_num + .box_btn .ico_download { display: inline-block; margin-top: 8px; }
/** customer02 **/
/* 보이스피싱 예방안내 */
.cus_bundle .box_step_list + .link_wrap { margin-top: 20px; }
.cus_bundle .tit_wrap + .list_report { margin-top: 20px; }
.cus_bundle .box_bg_gray a.textbico_mide_blk { display: block; }
.list_report > li + li { margin-top: 32px; }
.list_report > li > .link_wrap { padding-left: 10px; margin-top: 8px; }
.list_report + .box_bg_gray { margin-top: 40px; }
.box_cus_case .tit_wrap { padding: 0 24px 20px; }
.box_cus_case .bg_full_accod .sub_accod + p { padding: 0 24px; margin-top: 12px; }
/* 카드 종합 이용안내 */
.cus_bundle .tit_wrap + .box_list_wrap { margin-top: 20px; }
.box_list_wrap .box_tit + .box_step_list { margin-top: 24px; }
/* 인풋 placeholder 이메일 주소 줄바꿈 방지 */
/* .sub_customer input.input_txt ~ .inpu_label,
.sub_customer input.input_txt + .input_label {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */
/* Q10458 */
.sub_customer table [class*="bul_"] li, .sub_customer table [class*="dash_"] li { word-break: break-all; }
/* 약관 header */
.sub_customer .popup_agree h1 { line-height: 32px; font-size: 24px; }
.sub_customer .popup_agree.fixed h1 { line-height: 26px; white-space: nowrap; font-size: 20px; }
.sub_customer .popup_agree.fixed .layer_head { height: 64px; padding-top: 19px; }
/* 고객지원 tab 고정 */
.sub_customer .tab_slide:first-child { position: fixed; z-index: 10; top: 49px; left: 0; width: 100%; background: #fff;     /*animation:slideDown .5s*/ }
.sub_customer .tab_slide .tab_default a { line-height: 40px; padding: 0 12px; }
/* Q10582:22.02.24 style 추가 */
.fixed .sub_customer .faq_search + .tab_slide { position: relative; }
@keyframes slideDown {
from { top: 0; }
to { top: 48px; }
}
/*2022-06-02 GGCN45 : [고객지원]소비자보호 하위 탭 추가 및 컨텐츠 수정 요청의 건 */
.sub_customer .box_bg_gray.num_list_type { padding: 20px 16px; margin-top: 24px; border-radius: 8px; background: #f5f5f5; }
.sub_customer .box_bg_gray.num_list_type .bul_list02 li + li { margin-top: 4px; }
.sub_customer .box_bg_gray.num_list_type .box_btn { margin-top: 24px; }
/* 2022-06-16 Q20093 [고객지원] 고객 이용약관_현대카드 카드없이 분할결제 약관 신규 제작 요청 */
.cms_content .con-type2 ol > li ul.mt_set > li + li { margin-top: 10px; }
.cms_content .con-type2.tit16 ol > li > .tit { font-size: 16px; }
.cms_content p.fs_14, .cms_content li.fs_14 { font-size: 14px; }
.cms_content .txt-type3.fs_14 li { font-size: 14px; }
.cms_content ol li .loan-bg-box { padding: 20px; margin-top: 20px; }
.cms_content ol li .loan-bg-box .oan-bg-text { line-height: 22px; }
.cms_content ol li .ml_set { margin-left: 18px; }
.cms_content ol li .text-rt { text-align: right !important; }
.cms_content ol li .sq_em.cel_rel, .sq_f.cel_rel { position: relative; display: inline-block; margin-left: 15px; }
.cms_content ol li .sq_em::before { position: absolute; top: 50%; left: -12px; width: 8px; height: 8px; border: 1px solid #333; background-color: transparent; content: ''; transform: translateY(-50%); }
.cms_content ol li .sq_f::before { position: absolute; top: 50%; left: -12px; width: 8px; height: 8px; background-color: #333; content: ''; transform: translateY(-50%); }
.cms_content ol li .loan-ph { position: relative; padding-left: 17px; }
.cms_content ol li .loan-ph::before { position: absolute; left: 0; content: '※'; }
.cms_content ol li .img_area img.img_chart { width: 100%; }
.cms_content .txt-type3.fs_14 li { font-size: 14px; }
.cms_content .con-type2 ol > li ul.ml_res li { padding-left: 15px; }
.cms_content .txt-type3.fs_14.ml_n li { margin-left: 0; }
.cms_content ol li dl .fs_14 { font-size: 14px; }
.cms_content .pc_view { display: none; }
.cms_content .mo_view { display: block; }
/* 2022-06-27 GGU442 [고객지원]해외매출분쟁 신규메뉴 추가 요청의 건 */
.scardloan_list01.chklist .input_cell_check01 { padding-left: 40px; }
.scardloan_list01.chklist .input_cell_check01 label { padding: 0; }
.scardloan_list01.chklist .input_cell_check01 input[type="radio"]:checked + label > i { background-color: #e0e0e0; }
.scardloan_list01.chklist .input_cell_check01 input[type="radio"]:checked + label > i:before { background-color: #000; }
.scardloan_list01 li + li { border-top: none; }
.scardloan_list01 .tit { flex: 1 1 0; font-size: 0; }
.scardloan_list01 .tit > p, .lcardloan_list01 .tit > span { display: inline-block; vertical-align: top; }
.scardloan_list01 .tit .divr_dot { display: inline-block; line-height: inherit; padding-left: 6px; margin-left: 4px; color: #ebebeb; }
.scardloan_list01 .tit .divr_dot:before { position: absolute; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: rgba(0, 0, 0, .08); content: ''; }
.scardloan_list01 .tit .divr_dot:before, .scardloan_list01 .tit .divr_dot > .divr_txt:before { top: 13px; border-radius: 50%; }
.scardloan_listbox01 .divr_dot > .divr_txt { padding: 0; margin: 0; }
.scardloan_listbox01 .divr_dot > .divr_txt > span { margin-right: 10px; }
.scardloan_list01 .tit .divr_dot .divr_txt { line-height: 26px; }
.scardloan_list01 .tit .divr_dot > .divr_txt:before { background: rgba(0, 0, 0, .48); }
.scardloan_list01 .row + .divr_dot, .scardloan_list01 .row + ul[class*="fc"][class*="_a48"] { margin-top: 2px; }
.scardloan_list01.chklist .input_cell_check01 .row { margin-top: 3px; }
[class^='scardloan_list'] > li { padding-top: 16px; padding-bottom: 16px; }
[class^='scardloan_list'] .row { display: flex; align-items: center; }
[class^='scardloan_list'] .input_cell_check01 label { display: block; padding-left: 40px; }
[class^='scardloan_list'] > li + li { border-top: 1px solid rgba(0, 0, 0, .04); }
[class^='scardloan_list'] + .co_total_type01 { padding-top: 8px; margin-top: 8px; border-top: 1px solid rgba(0, 0, 0, .12); }
/* 리스트 밑 더보기 버튼없을때 타입추가 */
.input_cell_check01 input[type="checkbox"] + label > i:before, .chkbox input + label > i:before { top: 2px; left: 2px; width: 24px; height: 24px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png') no-repeat 50% 50% / 24px; }
/* 2022-11-09 GGU282 background url 오류 수정 */
.co_inq_preriod01 { position: relative; width: 100vw; padding: 15px 24px; margin: 0 -24px; }
.co_inq_preriod01 .period > .h4_b_lt { padding-right: 32px; }
.co_inq_preriod01 .btn_filter { position: absolute; top: 12px; right: 24px; width: 32px; height: 32px; }
.co_inq_preriod01 .btn_filter button { cursor: pointer; }
.co_inquiry_box01 .range > ul { display: flex; }
.co_inquiry_box01 .range li { flex: 1 1 auto; width: 25%; padding: 2px; }
.co_inquiry_box01 .range li:nth-of-type(5) { padding-right: 0; padding-left: 0; }
.co_inquiry_box01 .range input:checked + label > [class^='p1_m'] { font-weight: 700; }
.co_inquiry_box01 .range + .use_calendar { margin-top: 2px; }
.co_inquiry_box01 .use_calendar .datepicker-wrap { width: 100%; }
.co_inquiry_box01 .datepicker-wrap .cell { flex: 1 1 auto; padding: 0 2px; }
.co_inquiry_box01 .datepicker-wrap .cell:nth-of-type(2) { padding-left: 0; }
.co_inquiry_box01 .datepicker-wrap .cell:nth-of-type(3) { padding-right: 0; }
.co_ndata { padding-top: 160px; padding-bottom: 160px; }
.pr0 { padding-right: 0 !important; }
.mt62 { margin-top: 62px; }
[class^="state"] { line-height: 20px; padding: 0 6px; border-radius: 16px; vertical-align: bottom; font-size: 12px; }
[class*="_ing"] { border: solid 1px #858585; color: #858585; background: #fff; }
[class*="_win"] { border: solid 1px #000; color: #fff; background: #000; }
[class*="_lose"] { border: solid 1px #fafafa; color: rgba(0, 0, 0, 0.48); background: #fafafa; }
.co_tbl_info_article { border-top: 0 !important; }
.co_tbl_info_article > li { border-bottom: solid 1px #ebebeb; }
.co_tbl_info_article > li:last-child { border: none; }
.co_tbl_info_article .box_grp { display: table; width: 100%; padding: 21px 0 2px; }
.co_tbl_info_article .divr_dot > .divr_txt { padding-bottom: 21px; margin: 0; }
.co_tbl_info_article .divr_dot > .divr_txt > span { position: relative; padding-right: 10px; }
.co_tbl_info_article .divr_dot > .divr_txt > span::before { position: absolute; top: 0px; right: 1px; content: "·"; }
.co_tbl_info_article .divr_dot > .divr_txt > span:last-child::before { display: none; }
.co_tbl_info_article .co_no_data { padding: 169px 0; margin-top: 16px; border-bottom: 1px solid #ebebeb; }
.co_tbl_info_article [class^='grp'] { display: table-cell; padding: 0; vertical-align: top; }
.co_tbl_info_article .grp_price { width: auto; white-space: nowrap; }
.co_tbl_info_article.search_list { border-top: solid 1px rgba(0, 0, 0, 0.04) !important; }
.co_tbl_info_article.search_list > .box_grp > div { padding: 0; }
.co_tbl_info_article.pd_select { border-top: solid 1px rgba(0, 0, 0, 0.12) !important; }
.ui_tab_expandable.truble_tab .tab_con .tab_expand_area { display: none; }
.ui_tab_expandable.truble_tab .tab_con .tab_default { flex-wrap: wrap; padding: 0; }
.ui_tab_expandable.truble_tab .tab_con .tab_default a { display: block; width: calc((100% - 4px) / 2); height: 48px; line-height: 22px; padding: 10px 0 8px 0; margin: 0 0 8px 4px; border: solid 1px #ebebeb; border-radius: 4px; color: rgba(0, 0, 0, 0.48); background: #fff; text-align: center; font-size: 16px; font-weight: 500; }
.ui_tab_expandable.truble_tab .tab_con .tab_default a.current { border: solid 2px #000; color: #000; font-weight: 700; }
.ui_tab_expandable.truble_tab .tab_con .tab_default a.full { width: 100%; }
.ui_tab_expandable.truble_tab .tab_con .tab_default a:nth-child(2n + 1) { margin-left: 0; }
.ui_tab_expandable.truble_tab .tab_con .tab_default:after { display: none; }
.tab_box.truble_tab_area .tab_container { margin-top: 0; }
.radio_box label { position: relative; display: flex; justify-content: center; width: 100%; height: 48px; padding: 13px 0; color: #858585; }
.radio_box.fs14 label { font-size: 14px; }
.radio_box label:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ebebeb; border-radius: 4px; content: ''; }
.radio_box input:checked + label { color: #000; font-weight: 700; }
.radio_box input:checked + label:before { border-width: 2px; border-color: #000; color: #000; }
.radio_box input + label + .bul_list03 { display: none; }
.radio_box input:checked + label + .bul_list03 { display: block !important; }
.radio_box { display: flex; flex-wrap: wrap; }
.radio_box li label { line-height: 22px; border-radius: 4px; background: #fff; }
.radio_box.row2 li { width: calc((100% - 4px) / 2); margin: 0 0 4px 4px; }
.radio_box.row2 li.last { width: 100%; }
.radio_box.row2 li:nth-child(2n + 1) { margin-left: 0; }
.radio_box.line2_wrap label { position: relative; display: flex; justify-content: center; width: 100%; height: 58px; padding: 20px 0; color: #858585; text-align: center; }
.radio_box.line2_wrap label.line2 { line-height: 19px; padding: 10px 0; }
.radio_box.line2_wrap label.line2 > em { display: contents; font-size: 12px; }
/* 첨부파일 */
.insert { position: relative; }
.insert .file-list { overflow: auto; height: auto; min-height: 64px; padding: 19px 35px 0px 0; border-bottom: 1px solid #989898; }
.insert .file-list .placeholder { display: inline-block;     /*margin-top:19px;*/ }
.insert .file-list .filebox { display: inline-block; margin: 0 38px 9px 0; }
.insert .file-list .filebox p { display: inline-block;     /*margin-top: 19px;*/ }
.insert .file-list .filebox .delete em { display: inline-block; width: 24px; height: 24px; margin-left: 5px; border-radius: 12px; background: #e0e0e0 url('/docfiles/resources/mo/images/cus/Del.png') no-repeat; background-size: 24px 24px; vertical-align: text-bottom; }
.insert input[type="file"] { position: absolute; left: 0; overflow: hidden; width: 1px; height: 1px; padding: 0; 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%); }
.insert input + label { position: absolute; top: 16px; right: 0; padding: 8px; border-radius: 4px; color: #fff; background: #000; font-size: 14px; }
.cs_rslist01 li { display: flex; padding: 17px 0; border-bottom: solid 1px #ebebeb; }
/* .cs_rslist01 li:last-child{border:none;} */
.cs_rslist01 li .p1_m_lt { display: inline-block; width: 112px; box-sizing: border-box; }
.cs_rslist02 li { display: table; width: 100%; padding: 17px 12px 17px 0; border-bottom: solid 1px #ebebeb; }
.cs_rslist02 li:last-child { border: none; }
.cs_rslist02 li .p1_m_lt, .cs_rslist02 li .p1_b_rt { display: table-cell; vertical-align: top; }
.rs_acclist { border-bottom: solid 1px #ebebeb; }
.rs_acclist .accodBtn { display: inline-block; padding-right: 18px; margin-top: 3px; color: rgba(0, 0, 0, 0.64); background: url('/docfiles/resources/mo/images/cus/icon_ArrowB_Down.png')right center no-repeat; background-size: 16px 16px; font-size: 14px; font-weight: 700; }
.rs_acclist.on .accodBtn { background: url('/docfiles/resources/mo/images/cus/icon_ArrowB_Up.png')right center no-repeat; background-size: 16px 16px; }
.rs_acclist .accodSlide { padding-top: 8px; }
.rs_acclist .accodSlide li { margin-bottom: 8px; }
/* 2022-11-09 GGU282 수정 / 2022-10-31 GGU477 [고객지원]할부철회항변신청 프로세스 제작 요청의 건 */
.bdt_line, .bd_tline { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.bdb_line, .bd_bline { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
/* 서비스안내 */
#popInstallmentNote .fc_m_link span { color: #0070f0; }
/* 신청 정보 선택 */
.inst_withdrawal_select .tit_tooltip .inBlock { display: inline-block; vertical-align: middle; }
.inst_withdrawal_select .wrap_tooltip { vertical-align: middle; }
.inst_withdrawal_list .box_check_list .input_cell_check01 { padding: 16px 0; }
.inst_withdrawal_list .box_check_list .input_cell_check01 label > i { z-index: 0; top: 5px; }
.inst_withdrawal_list .box_check_list .info_top .txt_store { width: calc(100% - 110px); }
.inst_withdrawal_list .box_check_list .info_top .txt_pay { margin-left: 20px; word-break: keep-all; }
/* 달력2 커스텀 */
#ui-datepicker-hc-div.ui-datepicker-hc.ui-widget.ui-widget-content { border: none; background: none; }
.ui-datepicker-hc .ui-widget-header { border: none; background: none; }
.ui-datepicker-hc .ui-state-default, .ui-datepicker-hc .ui-widget-content .ui-state-default { border: none; background: none; }
.ui-datepicker-hc-calendar tbody tr td a, .ui-datepicker-hc-calendar tbody tr td span { position: relative; z-index: 1; display: inline-block; width: 32px; height: 32px; line-height: 30px; border: 1px solid rgba(255, 255, 255, 0); border-radius: 100%; }
.ui-datepicker-hc-calendar tbody tr td.ui-datepicker-hc-today .ui-state-default { border: 1px solid #000 !important; }
.use_calendar.type2 .direct_cld label.start_date:after, .use_calendar.type2 .direct_cld label.end_date:after { position: absolute; top: 50%; right: 11px; width: 24px; height: 24px; background-color: #000; content: ''; transform: translateY(-50%); -webkit-mask-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); mask-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); -webkit-mask-size: 24px 24px; mask-size: 24px 24px; }
.use_calendar.type2 .direct_cld label.h64.start_date:after, .use_calendar.type2 .direct_cld label.h64.end_date:after { right: 16px; width: 32px; height: 32px; background: #fff url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.png) no-repeat 50% 50% / 32px; }
/* 신청 사유 입력 */
.inst_complainInfo_list { padding: 20px; margin-top: 12px; border-radius: 8px; }
.inst_complainInfo_list dl { display: flex; justify-content: space-between; }
.inst_complainInfo_list dl + dl { margin-top: 16px; }
.inst_complainInfo_list dt { flex: 0 0 auto; }
.inst_complainInfo_list dd { flex: 1 1 1px; margin-left: 40px; }
.inst_complainInfo_list dd.card_nm { overflow: hidden; }
.inst_complainInfo_list dd.card_nm > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inst_complainInfo_list dd.inline_items { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.inst_complainInfo_list dd.inline_items > p { position: relative; padding-right: 6px; margin-right: 4px; }
.inst_complainInfo_list dd.inline_items > p:before { position: absolute; top: 9px; right: 0; display: inline-block; width: 2px; height: 2px; background-color: rgba(0, 0, 0, 0.40); content: ''; }
.inst_complainInfo_list dd.inline_items > p:nth-last-of-type(1) { padding-right: 0; margin-right: 0; }
.inst_complainInfo_list dd.inline_items > p:nth-last-of-type(1):before { display: none; }
.inst_withdrawal_input .input_label.servInput { font-size: 18px; }
.inst_withdrawal_input .focused .input_label.servInput { font-size: 12px; }
/* 내역조회 */
.box_infoPeriod { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 24px; }
.box_infoPeriod > [class*="_rt"] { margin-left: auto; }
.box_noChk_list > li { padding: 16px 0; }
.box_noChk_list .info_top { display: flex; justify-content: space-between; }
.box_noChk_list .info_top .txt_store { width: calc(100% - 110px);     /* text-overflow: ellipsis; white-space: nowrap; word-break: normal; overflow: hidden; display: flex; align-items: center;*/ }
.box_noChk_list .info_top .txt_store [class^="lab_"] { margin-top: 3px; }
.box_noChk_list .info_top .txt_pay { margin-left: 20px; word-break: keep-all; }
.box_noChk_list .info_top + .divr_dot { margin-top: 2px; }
.box_noChk_list .divr_dot + .divr_dot { margin-top: 0; }
@media screen and (max-width:280px) {
.box_noChk_list .input_cell_check01 label .info_top { display: block; }
.box_noChk_list .info_top .txt_store { display: block; width: 100%; }
.box_noChk_list .info_top .txt_pay { display: block; width: 100%; margin-left: 0; text-align: left; }
.box_noChk_list .info_top { display: block; }
}
/* 2023-01-27 Q10962 접근성 수정 */
.sub_customer .cus_bundle .input_cell input.input_txt::placeholder { color: #5c5c5c; }
/* 2023-02-06 pay */
.sub_applepay { position: relative; overflow: hidden; }
.sub_applepay .section .content { padding: 12px 24px 0; }
/* 2024-06-11 GGU282 - 수정 (.section 추가) */
.sub_applepay .applepay_cont { padding: 12px 24px 0; }
/* 2024-06-11 GGU282 - 추가 */
.sub_applepay .mt9 { margin-top: 9px !important; }
.sub_applepay .mt15 { margin-top: 15px !important; }
.sub_applepay .mt50 { margin-top: 50px !important; }
.sub_applepay .mt100 { margin-top: 100px !important; }
.sub_applepay .ico_applepay_s { display: inline-block; vertical-align: middle; }
.sub_applepay .ico_applepay_s.w_30 { width: 30px; margin-top: -3px; }
.sub_applepay .ico_applepay_s.w_32 { width: 32px; margin-top: -3px; }
/* .sub_applepay .cc{display: inline-block; vertical-align: middle; width:14px; height: 22px; margin-top: -4px; margin-right: 4px; background: url('/docfiles/resources/mo/images/pay/ico_iPad.svg') no-repeat center center; background-size: 14px 16px;}
.sub_applepay .ico_mac{display: inline-block; vertical-align: middle; width:30px; height: 22px; margin-top: -4px; margin-right: 4px; background: url('/docfiles/resources/mo/images/pay/ico_macbook.svg') no-repeat center center; background-size: 30px 12px;} */
.sub_applepay .btn_bottom.fix { padding: 56px 16px calc(env(safe-area-inset-bottom) + 16px);     /*bottom:-136px;*/ }
.sub_applepay .section1 .btn_bottom.fix, .sub_applepay .section2 .btn_bottom.fix { bottom: 0 !important; }
.sub_applepay .section .tab_wrap { height: 48px; padding-top: 8; }
.sub_applepay .section .ui_tab_common { margin: 0 -24px; }
.sub_applepay .section .ui_tab_common.fix { position: fixed; z-index: 11; top: 48px; left: 0; width: 100%; padding: 8px 0; margin: 0; background-color: #fff; }
.sub_applepay .section .tab_default { overflow: scroll; flex-wrap: nowrap; padding: 0 16px; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.sub_applepay .section .tab_default::-webkit-scrollbar { display: none; }
.sub_applepay .section .tab_default a { line-height: 40px; padding: 0 12px; }
.sub_applepay .section .useinfo { /*padding-top: 50px; */padding-bottom: 30px; margin-top:140px; /*margin-top: 80px; border-top: 1px solid rgba(0, 0, 0, 0.08);*/ word-wrap: break-word; word-break: keep-all; }
.sub_applepay .section .useinfo .box_bul { margin-top: 12px; }
.sub_applepay .section .useinfo .box_bul .bul_list li { line-height: 22px; font-size: 14px; font-weight: 500; }
.sub_applepay .section .useinfo .box_bul .bul_list li + li { margin-top: 6px; }
/* .sub_applepay .section .useinfo .box_bul .dash_list li {color:#5c5c5c;} */
.sub_applepay .section .useinfo .bul_list li > .dash_list { margin: 6px 0; }
.sub_applepay .section .useinfo .bul_list li > .dash_list li { line-height: 22px; }
.sub_applepay .btn_bottom .ico { width: 48px; margin-top: -5px; margin-right: 8px; }
.sub_applepay .section0 { position: relative; overflow: hidden; }
.sub_applepay .section0 [class^='h0'] { line-height: 60px; font-size: 56px; }
.sub_applepay .section0 .intro { position: relative;     /*height:100vh;*/ z-index: 10; overflow: hidden; padding-bottom: 80px; }
.sub_applepay .section0 .intro .logo { position: absolute; z-index: 1; top: 40%; left: 50%; transform: translate(-50%, -100%); }
.sub_applepay .section0 .iphone_img { position: relative; z-index: 2; width: 180px; height: 373px; margin: 72px auto 0; opacity: 0; }
.sub_applepay .section0 .iphone_img > img.iphone_frame, .sub_applepay .section0 .iphone_img > img.iphone_hc { position: absolute; z-index: 2; top: 0; left: 0; width: 180px; height: 373px; }
.sub_applepay .section0 .iphone_img > img.iphone_hc { opacity: 0; }
.sub_applepay .section0 .video { position: absolute; z-index: 1; top: 6px; left: 7px; overflow: hidden; margin: 0 auto; border-radius: 20px; }
.sub_applepay .section0 .video > canvas { width: 166px; height: 361px; background: url(/docfiles/resources/mo/images/pay/phone_sprites.png) no-repeat; background-position: top left; background-size: 162px 359px; }
.sub_applepay .section0 .title { position: relative; z-index: 1; top: 50px; margin-top: 36px; opacity: 0; }
.sub_applepay .section0 .title > .h2_b_ctr { margin-top: 4px; }
.sub_applepay .section0 .devices_box { margin-top: 32px; margin-bottom: 64px; }
.sub_applepay .section0 .devices_box > img { display: block; width: 204px; margin: 0 auto; }
.sub_applepay .section0 .motion_area { opacity: 0; word-break: keep-all; }
.sub_applepay .section0 .area .area_link { margin-top: 20px; }
.sub_applepay .section0 .area .area_link > .link { display: inline-block; }
.sub_applepay .section0 .area .area_link > .link:first-child { margin-right: 16px; }
/* .sub_applepay .section0 .area .h3_b_lt+.p1_m_lt_2ln{margin-top:10px;} */
/* .sub_applepay .section0 .motion_area1 .h1_b_lt { margin-top: 52px; }
.sub_applepay .section0 .motion_area1 .h1_b_lt + .p2_b_lt { margin-top: 12px; } */
.sub_applepay .section0 .motion_area2 .h1_b_lt { margin-top: 52px; }
.sub_applepay .section0 .motion_area2 { /*padding-top: 70px; margin-top: 70px; border-top: 1px solid rgba(0, 0, 0, 0.08);*/padding-top: 52px; }
.sub_applepay .section0 .motion_area2 .sld_tabs { display: flex; overflow: scroll; padding-left: 24px; margin: 8px -24px 0; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.sub_applepay .section0 .motion_area2 .sld_tabs::-webkit-scrollbar { display: none; }
.sub_applepay .section0 .motion_area2 .sld_tabs > li { position: relative; padding: 16px 0;     /*margin-right: -24px; padding-right: 24px;*/ }
.sub_applepay .section0 .motion_area2 .sld_tabs > li .sld_tab { color: rgba(0, 0, 0, 0.4); }
.sub_applepay .section0 .motion_area2 .sld_tabs > li.on .sld_tab { color: #000; font-weight: 700; }
.sub_applepay .section0 .motion_area2 .sld_tabs > li + li { padding-left: 20px; margin-left: 20px; }
.sub_applepay .section0 .motion_area2 .sld_tabs > li + li::before { position: absolute; top: 22px; left: 0; width: 1px; height: 40px; background-color: rgba(0, 0, 0, 0.12); content: ''; }
.sub_applepay .section0 .motion_area2 [class^="bul_"][class*="list"] > li:before { top: 12px; }
.sub_applepay .section0 .motion_area3 {/*padding-top: 70px; margin-top: 70px; border-top: 1px solid rgba(0, 0, 0, 0.08);*/padding-top:72px;margin-top:72px}
.sub_applepay .section0 .slide_wrap { position: relative; left: 50%; width: 100%; height: 373px; margin-top: 48px; margin-left: -90px; opacity: 1; }
.sub_applepay .section0 .slide_wrap .slide_item { position: absolute; top: 0; left: 0; width: 180px; height: 373px; transition: all 500ms ease; }
.sub_applepay .section0 .slide_wrap .slide_item .slide_img { width: 100%; }
.sub_applepay .section0 .slide_wrap .slide_item0 { z-index: 6; }
.sub_applepay .section0 .slide_wrap .slide_item1 { z-index: 5; }
.sub_applepay .section0 .slide_wrap .slide_item2 { z-index: 4; }
.sub_applepay .section0 .slide_wrap .slide_item3 { z-index: 3; }
.sub_applepay .section0 .slide_wrap .slide_item4 { z-index: 2; }
.sub_applepay .section0 .slide_wrap .slide_item5 { z-index: 1; }
.sub_applepay .section0 .slide_wrap .sld_txt { margin-top: 17px; text-align: center; white-space: nowrap; }
.sub_applepay .section0 .btn_box { display: flex; align-items: center; justify-content: center; margin-top: 60px; opacity: 0; transition: opacity 500ms ease; }
.sub_applepay .section0 .btn_box > .slide_btn { width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; }
.sub_applepay .section0 .btn_box > .slide_btn.disab { opacity: 0.4; }
.sub_applepay .section0 .btn_box > .slide_btn + .slide_btn { margin-left: 12px; }
.sub_applepay .section0 .btn_box > .slide_btn.slide_prev { background-image: url('/docfiles/resources/mo/images/pay/ico_sldprev.png'); }
.sub_applepay .section0 .btn_box > .slide_btn.slide_next { background-image: url('/docfiles/resources/mo/images/pay/ico_sldnext.png'); }
.sub_applepay .section0 .purchase_wrap .video_start { display: block; }
.sub_applepay .section0 .purchase_wrap .video_start .iphone_video { width: 100%; }
.sub_applepay .section0 .watch_pay_box { display: flex; align-items: center; justify-content: space-between; }
.sub_applepay .section0 .watch_pay_box .txt_box { margin-right: 60px; }
.sub_applepay .section0 .watch_pay_box .img { width: 84px; }
.sub_applepay .section0 .info_area { position: relative; z-index: 1; padding-top: 72px; margin-top: 70px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_applepay .section0 .info_area .txt_wrap .link_box { margin-top: 16px; }
.sub_applepay .section0 .link_box > a.link { display: inline-block; padding: 12px 16px 13px 16px; border-radius: 8px; }
.sub_applepay .section0 .info_area .img_warp { margin-top: 32px; border-radius: 12px; background-color: rgba(0, 0, 0, 0.02); }
.sub_applepay .section0 .info_area .img_warp .top { display: flex; align-items: center; justify-content: center; padding: 52px 0; }
.sub_applepay .section0 .info_area .img_warp .top > img { width: 148px; }
.sub_applepay .section0 .info_area .img_warp .bottom { display: flex; align-items: flex-start; justify-content: center; padding: 24px; border-top: 1px solid #fff; }
.sub_applepay .section0 .info_area .img_warp .bottom .ico { width: 32px; height: 32px; margin-right: 16px; }
.sub_applepay .section0 .info_area .img_warp .bottom .p4_m_lt { line-height: 16px; margin-top: 8px; font-size: 10px; }
.sub_applepay .section0 .apbrand_area{padding-top:72px;margin-top:72px}
.sub_applepay .section0 .apbrand_area .area_link{margin:20px 0 48px} 

.sub_applepay .section0 .apbrand_area .ap_loop_cont {position:relative;display: flex;margin: 0px -24px;overflow: hidden;background:#fff;padding:4px 0}
/* .sub_applepay .section0 .apbrand_area .ap_loop_cont:before {content: "";display: block;position: absolute;z-index: 1;width: 80px;height: 100%;top: 0;left: -25px;background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0))}
.sub_applepay .section0 .apbrand_area .ap_loop_cont:after {content: "";display: block;position: absolute;z-index: 1;width: 80px;height: 100%;top: 0;right: -25px;background-image: linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0))} */
.sub_applepay .section0 .apbrand_area .ap_banner {width: 91px;height: 50px;margin-right: 40px;}
.sub_applepay .section0 .apbrand_area .ap_banner_list {display: flex;width: calc(300% + 10px);}
.sub_applepay .section0 .apbrand_area .ap_banner_list.n12 {display: flex;width: calc(400% + 10px);}
.sub_applepay .section0 .apbrand_area .ap_banner_list li img{width:100%}
.sub_applepay .section0 .apbrand_area .bn_left{animation: bn_left 60s linear infinite;}
.sub_applepay .section0 .apbrand_area .bn_right{animation: bn_right 60s linear infinite;}
.sub_applepay .section0 .apbrand_area .n1:last-child {animation-delay: 0s;}/* 첫 번째 배너 리스트가 끝나면 뒤에 바로 두 번째 배너 리스트가 붙도록 설정 */
@keyframes bn_left {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}
@keyframes bn_right {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

.sub_applepay .section0 .card_area { padding-top: 90px; margin-top: 70px; border-top: 1px solid rgba(0, 0, 0, 0.08); text-align: center; }
.sub_applepay .section0 .card_area .card_wrap { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; margin-top: 40px; }
.sub_applepay .section0 .card_area .card_wrap li { width: 33.33%; margin-top: 24px; }
.sub_applepay .section0 .card_area .card_wrap li .card_img { display: block; width: 64px; margin: 0 auto; }
.sub_applepay .section0 .card_area .box_line { border-top: 1px solid #ebebeb; }
.sub_applepay .section0 .card_area .box_line > li { border-bottom: 1px solid #ebebeb; }
.sub_applepay .section0 .card_area .box_line > li .tit { display: table-cell; width: 80px; padding: 24px 0; }
.sub_applepay .section0 .card_area .box_line > li .txt { display: table-cell; width: calc(100% - 80px); padding: 24px 0; word-break: keep-all; }
.sub_applepay .section0 .card_area .link_box { padding-right: 6px; }
.sub_applepay .section0 .logo_pay_blk_b { display: block; width: 100%; height: 32px; background: url(/docfiles/resources/mo/images/pay/logo_pay_blk_b.png) no-repeat center; background-size: auto 32px; }
/* section1 */
.sub_applepay .section1 .p1_b_lt_2ln .ico_applepay_s { margin-right: 3px; margin-left: 3px; }
/*.sub_applepay .section1 .box_line_store .list { margin-top: 38px; }
.sub_applepay .section1 .box_line_store .list .tit { display: flex; align-items: center; justify-content: space-between; padding: 5px 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.48); } */
.sub_applepay .section1 .box_line_store .list { margin-top: 64px; }
.sub_applepay .section1 .box_line_store .list .tit { display: flex; align-items: center; justify-content: space-between; padding: 0 0 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.48); }
/* .sub_applepay .section1 .box_line_store .list .tit .ico_tip.w24{opacity: 0.4;} */
.sub_applepay .section1 .box_line_store .list .cont { margin: 0 -24px; }
.sub_applepay .section1 .box_line_store .list .cont .store_list { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; /*padding-bottom: 16px;*/padding-bottom:12px }
.sub_applepay .section1 .box_line_store .list .cont .store_list > .store { flex: 0 0 33.33%; padding: 14px 4px 7px; }
.sub_applepay .section1 .box_line_store .list .cont .store_list .store_logo { display: block; width: 80px; height: 43px; margin: 0 auto; object-fit: contain; }
/* 2023-04-24 Q11066 애플페이 공식 참여 브랜드 new 라벨 */
.sub_applepay .section1 .new_label { display: inline-block; width: 22px; height: 13px; margin-right: 2px; background: url(/docfiles/resources/pc/images/pay/label_new.png) no-repeat center center; background-size: contain; vertical-align: middle; }
/* 2023-04-24 Q11066 애플페이 공식 참여 브랜드 new 라벨 */
/* 2023-06-20 Q10962 아멕스 추가*/
.sub_applepay .section1 .tab_type { display: flex; align-items: center; justify-content: space-around; margin: 0 -24px; }
.sub_applepay .section1 .tab_type > li { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; background-color: #f5f5f5; }
.sub_applepay .section1 .tab_type > li:first-child { border-left: 0; }
.sub_applepay .section1 .tab_type > li.w60 { width: 60%; }
.sub_applepay .section1 .tab_type > li.w40 { width: 40%; }
.sub_applepay .section1 .tab_type > li.active { border-bottom: 1px solid #fff; background-color: #fff; }
.sub_applepay .section1 .tab_type > li .btn { display: block; width: 100%; line-height: 20px; padding: 13px 0; color: rgba(0, 0, 0, 0.48); text-align: center; font-size: 14px; font-weight: 700; }
.sub_applepay .section1 .tab_type > li.active .btn { color: rgba(0, 0, 0, 1); }
.sub_applepay .section1 .tab_type > li .new { display: inline-block; width: 35px; height: 16px; line-height: 16px; margin-top: -5px; border-radius: 8px; color: #fff; background-color: #ff0000; text-align: center; text-indent: 0; font-size: 10px; font-weight: 700; }
.sub_applepay .section1 .logo_pay_blk_pop{ display: block; width: 100%; height: 50px; background: url(/docfiles/resources/mo/images/pay/pop_pay_blk.png) no-repeat center left; background-size: auto 50px; }
#pop_apbrand .layer_head .h2_b_lt_2ln{letter-spacing:-1.1px;}
#pop_apbrand.fixed .layer_head .h2_b_lt_2ln{letter-spacing:0px;font-size:20px;line-height:26px}
/*.sub_applepay .section1 .tab_type > li.w40 .btn{text-indent: 22px;}*/

/* 2023-08-09 GGU477 [고객지원] 모집인(카드대출, 보험) 조회 신규제작 */
@media screen and (max-width:320px) {
    .staff_search .box_input01 .input_cell_box input.h56 { font-size: 16px; }
    /* 2024-05-28 Q10962 애플페이 해외이용안내 타이틀 리사이징 추가 */
    .section3 .h3_b_lt.resize_tab_title1 { line-height: 25.6px; font-size: 19.2px; }
    .section3 .h1_b_lt.resize_tab_title2 { line-height: 35.2px; font-size: 27.2px; }
}

/* 2023-10-23 Q10962 삭제 */
.sub_applepay .section1 .amex_none { position: relative; }
.sub_applepay .section1 .amex_none.on > .logo_box, .sub_applepay .section1 .amex_none.on > .p3_m_ctr_1ln { opacity: 0.2; }
.sub_applepay .section1 .amex_none.on::after { display: block; width: 40px; height: 16px; line-height: 16px; margin: 0 auto; margin-top: 7px; border-radius: 8px; color: rgba(0, 0, 0, 0.48); background-color: rgba(0, 0, 0, 0.08); content: '준비 중'; text-align: center; font-size: 10px; font-weight: 700;     /* padding: 1px 0; */ }
/* section2 */
.sub_applepay .section2 .sub_accod { margin-top: 36px; }
.sub_applepay .section2 .sub_accod > .accodWrap { border-top: 1px solid rgba(0, 0, 0, 0.12); }
.sub_applepay .section2 .sub_accod > .accodWrap + .accodWrap { margin-top: 48px; }
.sub_applepay .section2 .sub_accod > .accodWrap > .accodSlide { padding: 0; }
.sub_applepay .section2 .sub_accod > .accodWrap > .tit { padding: 20px 0; }
.sub_applepay .section2 .sub_accod > .accodWrap > .tit .accodBtn { position: relative; display: block; }
.sub_applepay .section2 .sub_accod > .accodWrap > .tit .accodBtn::after { position: absolute; top: -3px; right: 0; width: 32px; height: 32px; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat 50% 50%; background-size: 32px; content: ''; transition: all .5s; }
.sub_applepay .section2 .sub_accod > .accodWrap.on > .tit .accodBtn::after { transform: rotate(-180deg); }
.sub_applepay .section2 .accod_list .box_tit { padding: 0; }
.sub_applepay .section2 .accod_list .accodWrap .accodBtn { padding: 20px 23px 20px 0; }
.sub_applepay .section2 .accod_list .accodBtn:after { right: 0px; }
.sub_applepay .section2 .link_list { margin-top: 12px; }
.sub_applepay .section2 .link_list > li { margin-top: 12px; }
.sub_applepay .section2 .link_list + p { margin-top: 24px; }
.sub_applepay .section2 .num_list { margin-top: 12px; }
.sub_applepay .accod_list.qna_type .accodSlide { position: relative; padding-bottom: 28px; padding-left: 60px; margin: 0 -24px; }
.sub_applepay .accod_list.qna_type .accodSlide::before { position: absolute; top: 24px; left: 24px; display: block; content: 'A'; font-weight: 700; }
/* 2024-02-02 Q10962 해외 이용 안내 신규 추가 */
.sub_applepay .section3 { word-break: keep-all; }
.sub_applepay .section3 .content_wrap { padding-bottom: 64px; }
.sub_applepay .section3 .content_wrap + .content_wrap { padding-top: 64px; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_applepay .section3 .ico_nfc { display: block; width: 100%; height: 84px; background: url(/docfiles/resources/mo/images/pay/ico_nfc_blk.png) no-repeat center; background-size: auto 84px; }
.sub_applepay .section3 .ico_transportation { display: block; width: 100%; height: 54px; background: url(/docfiles/resources/mo/images/pay/ico_transportation_blk.png) no-repeat center; background-size: auto 54px; }
.sub_applepay .section3 .logo_pay_blk { display: block; width: 100%; height: 56px; background: url(/docfiles/resources/mo/images/pay/logo_pay_blk.png) no-repeat center; background-size: auto 56px; }
.sub_applepay .section3 .ico_nfc_sm { display: inline-block; width: 34px; height: 26px; margin-top: -2px; margin-right: 2px; margin-left: 5px; background: url(/docfiles/resources/mo/images/pay/ico_nfc_sm_blk.png) no-repeat center center; background-size: auto 20.6px; vertical-align: middle; }
/* .sub_applepay .section3 .ico_tip {display: inline-block;vertical-align: middle;width: 34px; height: 24px;margin-left: 0px;margin-right: 2px;margin-top:-5px; background: url(/docfiles/resources/mo/images/pay/ico_tip_wht.png) no-repeat center center;background-size: auto 24px;} */
.sub_applepay .section3 .ico_tip { display: inline-block; line-height: 10px; padding: 2px 7px; margin-right: 6px; border: solid 1px #e0e0e0; border-radius: 5px; vertical-align: middle; }
.sub_applepay .section3 .ico_applepay { display: inline-block; width: 30px; height: 22px; margin-right: 2px; margin-left: 0px; background: url(/docfiles/resources/mo/images/pay/ico_applepay.png) no-repeat center center; background-size: auto 18px; vertical-align: middle; }
.sub_applepay .section3 .app_img { display: block; width: 100px; margin: 0 auto; }
.sub_applepay .section3 .light { position: relative; z-index: 1; display: inline-block; }
.sub_applepay .section3 .light::after { position: absolute; z-index: -1; top: 43%; left: 0; width: 100%; height: 57%; background-color: rgba(251, 255, 0, 1); content: ''; }
/* 2024-04-26 GGU442 [고객지원] Apple Pay 해외 이용 안내 개선(240429) */
.sub_applepay .section3 .tab_type1 { display: flex; align-items: center; justify-content: space-around; margin: 0 -24px; }
.sub_applepay .section3 .tab_type1 > li { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; background-color: #f5f5f5; }
.sub_applepay .section3 .tab_type1 > li:first-child { border-left: 0; }
.sub_applepay .section3 .tab_type1 > li.w50 { width: 50%; }
.sub_applepay .section3 .tab_type1 > li.active { border-bottom: 1px solid #fff; background-color: #fff; }
.sub_applepay .section3 .tab_type1 > li .btn { display: block; width: 100%; line-height: 20px; padding: 13px 0; color: rgba(0, 0, 0, 0.48); text-align: center; font-size: 14px; font-weight: 700; }
.sub_applepay .section3 .tab_type1 > li.active .btn { color: rgba(0, 0, 0, 1); }
.sub_applepay .section3 .tab_type1 > li .new { display: inline-block; width: 35px; height: 16px; line-height: 16px; margin-top: -5px; border-radius: 8px; color: #fff; background-color: #ff0000; text-align: center; text-indent: 0; font-size: 10px; font-weight: 700; }
.sub_applepay .section3 .p1_b_lt_2ln .ico_applepay_s { margin-right: 3px; margin-left: 3px; }
.sub_applepay .section3 .box_line_store .list { margin-top: 38px; }
.sub_applepay .section3 .box_line_store .list .tit { display: flex; align-items: center; justify-content: space-between; padding: 5px 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.48); }
/* .sub_applepay .section3 .box_line_store .list .cont{margin: 0 -24px;} */
.sub_applepay .section3 .box_line_store .list .cont .store_list { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 16px; }
.sub_applepay .section3 .box_line_store .list .cont .store_list > .store { flex: 0 0 33.33%; padding: 14px 4px 7px; margin-top: 8px; }
.sub_applepay .section3 .box_line_store .list .cont .store_list .store_logo { display: block; width: 80px; height: 43px; margin: 0 auto; object-fit: contain; }
.sub_applepay .section3 .box_line_store .list .cont .store_list.app { padding-top: 8px; padding-bottom: 0; }
.sub_applepay .section3 .box_line_store .list .cont .store_list.app > .store { margin-top: 0; }
.sub_applepay .section3 .box_line_store .list .cont .store_list.app .store_logo { display: block; width: 64px; height: 64px; margin: 0 auto; margin-bottom: 4px; border: solid 1px #ebebeb; border-radius: 15px; object-fit: contain; }
.sub_applepay .section3 .accodWrap.trans_accod > .accodBtn { position: relative; display: block; width: 100%; padding: 12px 0 12px; font-weight: 700; }
.sub_applepay .section3 .accodWrap.trans_accod > .accodBtn:after { display: inline-block; width: 16px; height: 16px; margin-bottom: -3px; margin-left: 4px; border-radius: 8px; opacity: 0.8; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) #ebebeb no-repeat center center; background-size: 16px; content: ""; }
.sub_applepay .section3 .accodWrap.trans_accod.on > .accodBtn:after { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png); }
.sub_applepay .section3 .slide_wrap { position: relative; left: 50%; width: 100%; height: 366px; margin-top: 40px; margin-left: -102px; opacity: 1; }
.sub_applepay .section3 .slide_wrap .slide_item { position: absolute; top: 0; left: 0; width: 204px; height:371px; /*height: 366px;*/ transition: all 500ms ease; text-align: center; }
.sub_applepay .section3 .slide_wrap .slide_item .slide_img { width: 180px; }
.sub_applepay .section3 .slide_wrap .slide_item0 { z-index: 6; }
.sub_applepay .section3 .slide_wrap .slide_item1 { z-index: 5; }
.sub_applepay .section3 .slide_wrap .slide_item2 { z-index: 4; }
.sub_applepay .section3 .slide_wrap .slide_item3 { z-index: 3; }
.sub_applepay .section3 .slide_wrap .slide_item4 { z-index: 2; }
.sub_applepay .section3 .slide_wrap .slide_item5 { z-index: 1; }
.sub_applepay .section3 .slide_wrap .sld_txt { margin-top: 17px; text-align: center; white-space: nowrap; }
.sub_applepay .section3 .slide_wrap2 { margin-top: 28px; }
.sub_applepay .section3 .btn_box { display: flex; align-items: center; justify-content: center; margin-top: 60px; opacity: 0; transition: opacity 500ms ease; }
.sub_applepay .section3 .btn_box > .slide_btn { width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; }
.sub_applepay .section3 .btn_box > .slide_btn.disab { opacity: 0.4; }
.sub_applepay .section3 .btn_box > .slide_btn + .slide_btn { margin-left: 12px; }
.sub_applepay .section3 .btn_box > .slide_btn.slide_prev { background-image: url('/docfiles/resources/mo/images/pay/ico_sldprev.png'); }
.sub_applepay .section3 .btn_box > .slide_btn.slide_next { background-image: url('/docfiles/resources/mo/images/pay/ico_sldnext.png'); }
.sub_applepay .section3 .slide_wrap3 + .btn_box { margin-top: 80px; }
.sub_applepay .section3 .ico_applepay_b { display: block; width: 100%; height: 84px; background: url(/docfiles/resources/mo/images/pay/ico_applepay.png) no-repeat center; background-size: auto 78px; }
.icon_check { display: block; width: 50px; height: 50px; background: url(/docfiles/resources/mo/images/pay/icon_check.png) no-repeat center; background-size: 49px 49px; }
.img_checkWap { position: relative; overflow: hidden; width: 100%; height: 390px; box-sizing: border-box; margin-top: 20px; margin-bottom: -64px; text-align: center; }
.img_checkWap::after { position: absolute; z-index: 3; bottom: 0; left: 0; display: block; width: 100%; height: 64px; 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%); content: ""; }
.img_checkWap div { border-radius: 10px; }
.img_checkWap div img { max-height: 327px; }
/* 2024-11-14 GGU442 해외 이용 안내 추가 */
.highlight_point{background-image: linear-gradient(to bottom, transparent 0 35%, #fbff00 50% 100%);line-height: 34px;display: inline-block;}
.use_infobox{position:relative;padding-left:74px}
.use_infobox .uif_img{position:absolute;top:0;left:0}
.sub_applepay .section3 .use_accod{position:relative; border-top:solid 1px #000}
.sub_applepay .section3 .use_accod.accodWrap > .accodBtn { position: relative; display: block; width: 100%; padding: 22px 0 22px; font-weight: 700; }
.sub_applepay .section3 .use_accod.accodWrap > .accodBtn:after {position:absolute;top:50%;right:0; display: block; width: 24px; height: 24px; margin-top:-12px; opacity: 0.8; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat center center; background-size: 24px; content: ""; }
.sub_applepay .section3 .use_accod.accodWrap.on >  .accodBtn:after { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png); }
.pb80{padding-bottom:80px!important}
/* 2024-05-03 GGCP31 온라인 모션 수정 */
.ap_check_list li a { transition: all 300ms ease-in-out; }
.img_checkWap .img1 { opacity: 1; transition: all 300ms ease-in-out; transform: scale(1) translate(0, 0); }
.img_checkWap .img2 { position: relative; top: 30px; opacity: 1; transition: all 300ms ease-in-out; transform: scale(1) translate(0, 0); }
.img_checkWap.on .img1 { opacity: 0; transform: scale(0.5) translate(0, 327px); }
.img_checkWap.on .img2 { top: 0; opacity: 1; transform: scale(1) translate(0, -327px); }
.img_checkWap { touch-action: pan-down; }
.img_checkWap.on { touch-action: pan-up; }
/* .img_checkWap.img_view1 .img1{position: absolute;width:100%;text-align: center; top:0;z-index: 1;opacity: 100%;transition-duration: .4s;animation-timing-function: ease-in-out;}
.img_checkWap.img_view1 .img2{position: absolute;width:100%;text-align: center; top:357px;z-index: 2;opacity: 100%;transition-duration: .4s;animation-timing-function: ease-in-out;}
.img_checkWap.img_view2 .img1{position: absolute;width:100%;text-align: center; top:0;z-index: 1;opacity: 0%; scale:50%;transition-duration: .4s;animation-timing-function: ease-in-out;}
.img_checkWap.img_view2 .img2{position: absolute;width:100%;text-align: center; top:0px;z-index: 2;opacity: 100%;transition-duration: .4s;animation-timing-function: ease-in-out;} */
.sub_applepay .section3 .ico_plus_s { display: inline-block; width: 16px; height: 16px; margin-top: -5px; margin-right: 2px; background: url(/docfiles/resources/mo/images/pay/icon_plus.png) no-repeat center center; background-size: auto 16px; vertical-align: middle; }
.sub_applepay .section3 .ico_more_s { display: inline-block; width: 16px; height: 16px; margin-top: -5px; margin-right: 2px; background: url(/docfiles/resources/mo/images/pay/icon_ellipsis.png) no-repeat center center; background-size: auto 16px; vertical-align: middle; }
.trans_cardlist { padding: 20px; border: solid 1px #000; border-radius: 12px; }
.trans_cardlist dl { margin-bottom: 15px; }
.trans_cardlist dl:last-child { margin: 0; }
.trans_cardlist dl dt, .trans_cardlist dl dd { position: relative; padding-left: 26px; }
.trans_cardlist dl dt .flag_img { position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border: solid 1px rgba(0, 0, 0, 0.12); border-radius: 10px; }
/* // 2024-04-26 GGU442 [고객지원] Apple Pay 해외 이용 안내 개선(240429) */
/* 2024-06-24 GGU282 - [고객지원] Apple Pay 가맹점주 안내 탭 추가 */
.ico_outlink.w16 { background: url(/docfiles/resources/mo/images/com/icon/w16/icon_outlink_bk.png) no-repeat 50% 50%; }
.sub_accod.tit1_h56 > .accodWrap > .box_tit .accodBtn { padding: 14px 28px 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_accod.tit1_h56 > .accodWrap > .box_tit .accodBtn:after { top: 16px; right: 0; width: 24px; height: 24px; background-size: 24px; }
.line_list03 { padding-bottom: 1px; margin-top: 12px; }
.line_list03 li { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding: 10px 0 9px; }
.line_list03 li + li { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.line_list03 li .tit { white-space: nowrap; }
.line_list03 li .txt { margin-left: 20px; }
.right_chk_list { padding-bottom: 1px; }
.right_chk_list > li + li { border-top: 1px solid rgba(0, 0, 0, 0.08); }
.right_chk_list > li label { position: relative; display: flex; align-items: center; flex-wrap: wrap; padding: 15px 32px 14px 0; }
.right_chk_list > li input:checked + label:after { position: absolute; top: 50%; right: 0; display: block; width: 32px; height: 32px; margin-top: -16px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png') 0 0 no-repeat; background-size: 32px; content: ""; }
.sub_applepay .section4 .light { position: relative; z-index: 1; display: inline-block; }
.sub_applepay .section4 .light::after { position: absolute; z-index: -1; top: 43%; left: 0; width: 100%; height: 57%; background-color: rgba(251, 255, 0, 1); content: ''; }
.sub_applepay .section4 .box_icons { display: flex; align-items: center; justify-content: center; height: 160px; border-radius: 12px; background-color: rgba(0, 0, 0, 0.02); }
.sub_applepay .section4 .box_icons .img { display: block; margin: 0 16px; }
.sub_applepay .section4 .box_icons .img img { width: auto; height: 60px; }
.sub_applepay .section4 .van_list { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; padding-bottom: 1px; }
.sub_applepay .section4 .van_list > li { width: calc(50% - 6px); padding: 12px 0 11px; }
.sub_applepay .section4 .van_list > li:nth-child(n+3) { border-top: 1px solid rgba(0, 0, 0, 0.04); }
.sub_applepay .section4 .van_list > li a { display: flex; align-items: center; height: 100%; min-height: 40px; }
.sub_applepay .section4 .van_list > li a .ico_outlink.w16 { height: 20px; }
.sub_applepay .section4 .promotion_items { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; }
.sub_applepay .section4 .promotion_items > li { width: calc(50% - 5px); }
.sub_applepay .section4 .promotion_items > li:nth-child(n+3) { margin-top: 32px; }
.sub_applepay .section4 .promotion_items .img_box { margin-bottom: 16px; }
.sub_applepay .section4 .promotion_items .img { display: block; width: 100%; max-width: 130px; margin: 0 auto; object-fit: contain; }
/* 2024-06-24 GGU282 - [고객지원] Apple Pay 가맹점주 안내 탭 추가 */
/* popup */
.sub_applepay .modal_pop.video_pop .purchase_video { display: flex; align-items: center; height: 100vh; }
.sub_applepay .modal_pop.video_pop .purchase_video > video { width: 100%; }
.sub_applepay .modal_pop.video_pop .layer_close a { background: url(/docfiles/resources/mo/images/pay/ico_popup_close_m.png) no-repeat 50% 50%; background-size: 32px 32px; }
/* 2024-01-23 GGU442 접근성 추가 */
.pay_acc.accodWrap .accodBtn { display: block; margin: 20px 0 12px; }
.pay_acc.accodWrap .accodBtn::after { display: inline-block; width: 24px; height: 24px; margin: 0 0 -6px 4px; background: url('/docfiles/resources/mo/images/com/svg/arrowb_open.svg') center center no-repeat; content: ""; }
.pay_acc.accodWrap.on .accodBtn::after { background: url('/docfiles/resources/mo/images/com/svg/arrowb_close.svg') center center no-repeat; content: ""; }
.pay_acc.accodWrap .accodSlide { padding: 24px; border-radius: 8px; }
/* 2023-07-31 Q11139 [고객지원]휴대폰인증 약관 업데이트 */
.con-type2 .underline { text-decoration: underline; }
/* 2023-07-31 Q11139 [고객지원] 모집인 조회 페이지 타이틀 변경 및 컨텐츠 추가(카드대출,보험) */
.sub_customer .cus_inner .staff_search .box_search { margin-bottom: 0px; }
/* 2024-06-25 GGU477 [고객지원] 온라인모바일결제서비스_앱카드 내 콘텐츠 수정(연회비,문구,심의필 변경) */
.appCard_list_store_sec .store_box_first { margin-top: 40px; }
.appCard_list_store_sec .store_box { margin-top: 48px; }
.appCard_list_store_sec .store_tit { height: 40px; padding: 4px 0 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.48); }
.appCard_list_store_sec .store_align { display: flex; display: -webkit-flex; flex: 1;     /* padding-bottom: 20px; */ flex-direction: row; flex-wrap: wrap; margin: 0 -24px; background: #fff; }
.appCard_list_store_sec .store_align li { width: 33.3%; padding: 12px 0 7px; text-align: center; }
.appCard_list_store_sec .store_align li:nth-child(3n) { margin-right: 0; }
.appCard_list_store_sec .store_align .store_logo { display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 43px; }
.appCard_list_store_sec .store_align .store_logo img { width: inherit; height: inherit; }
.appCard_list_store_sec .store_align .store_name { display: block; margin-top: 2px; color: rgba(0, 0, 0, 0.64); }
.appCard_list_store_sec .inline_logo_wrap img { height: 19px; vertical-align: middle; }
/* 2024-06-28 GGCP31 고객지원 약관 내 넘버 블릿 스타일 추가 */
.cms_content .con-type2 li .num.number_type { top: 5px; width: 16px; height: 16px; line-height: 15px; padding-right: 2px; border: 1px solid #5c5c5c; border-radius: 50%; color: #5c5c5c; text-align: center; letter-spacing: -1px; font-size: 10px; font-weight: 500; }
.cms_content ol li .txt-type3 > li ul > li { padding-left: 20px; }
/* 2024-06-28 GGCP31 다크모드 최후선언으로 이동, 뷰티파이적용 */

/* 2024-08-14 Q11139 고객지원 카드종합 이용안내 > 카드 이용 > PLCC 파트너사 신규 제작 */
.table_year{width: 100%;}
.table_year tbody tr{padding-bottom: 24px;}
.table_year tbody tr:first-child td{padding-top: 32px;}
.table_year tbody tr td{font-size: 16px; line-height: 22px; padding-bottom: 24px;}
.table_year tbody tr td:first-child{font-weight: bold;}
.table_year tbody tr:last-child{padding-bottom: 0;}

/* 2024-09-13 Q20542 [고객지원] 개인정보 처리방침 업데이트(9.10)(240912) */
.cms_content ol li .label_area li{display: flex;align-items: flex-start;}
.cms_content .con-type2 ol > li ul.label_area li{padding-left: 0;}
.cms_content ol li .label_area li .img_area{display: block;width: 64px;height: 64px;}
.cms_content ol li .label_area li .img_area > img {width: 100%;display: block;}                            
.cms_content ol li .label_area li .txt_area{width: calc(100% - 76px); margin-left: 12px;padding-bottom: 16px;padding-top: 8px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.cms_content ol li .label_area li:last-child .txt_area{border-bottom: 0;}
.cms_content ol li .label_area li .txt_area > p:last-child{padding-bottom: 8px;}
.cms_content ol li .tit_area{display: flex;flex-direction: column-reverse;}
.cms_content ol li .tit_area img{display: block;width: 52px;height: 52px;margin-left: -5px;}
.cms_content ol li .tit_area .img_align{display: flex;}
.cms_content ol li .tit_area > strong{margin-top: 8px !important;}
.cms_content ol li .tit_area.mo_tit_area {display: flex;flex-direction: revert;}
.cms_content ol li .tit_area.mo_tit_area > img{display: block;width: 34px;height: 34px;position: relative;bottom: 5px;}
.cms_content ol li .tit_area.mo_tit_area > img:first-of-type{margin-left: 4px;}
.cms_content ol li .label_area li .txt_area > p:last-of-type{font-size: 14px !important;}

/* 2025-11-24 GGU477 [고객지원] 개인채무자보호법_채무조정요청신청 및 단계조회화면 신규제작 */
.pl4 {padding-left: 4px !important;}
.pl16 {padding-left: 16px !important;}
.pb48 {padding-bottom: 48px !important;}
.chk_circle_sm .box_chk01 .check_label {padding: 0 0 0 28px;font-size: 14px; line-height: 24px;}
.chk_circle_sm .box_chk01 .check_input + .check_label:before {background: #e0e0e0 url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b_wht.png) no-repeat 50% 50% /21px; width: 21px; height: 21px; top: 2px; border-radius: 100%; opacity: 1;}
.chk_circle_sm .box_chk01 .check_input:checked + .check_label {color: #000; font-weight: 700;}
.chk_circle_sm .box_chk01 .check_input:checked + .check_label:before {background-color: #000;}
.input_textarea.h80 {height: 80px !important;}
.input_textarea.h80 textarea {padding: 16px 0 0 0; height: 80px; font-size: 14px; font-weight: 500; line-height: 22px;}
.input_textarea.h80 textarea::placeholder {font-size: 14px;}
#reason_etc_textareaBox.box_input01 .input_cell_box:before {display: none;}
#rdoMonth .list_sel_inp.tab4.h48 > li:nth-child(n+5) {padding-top: 4px;}
/* 이미지 파일 첨부 */
.file_upload_wrap .upload_fileName_list .upfileName {position: relative; margin-bottom: 8px;}
.file_upload_wrap .upload_fileName_list .upfileName .upload_name {display: block; overflow: hidden; width: 100%; height: 48px; padding-right: 40px;  padding-left: 16px; border: 1px solid #000; border-radius: 8px; text-overflow: ellipsis; word-wrap: break-word; white-space: normal;}
.file_upload_wrap .upload_fileName_list .upfileName .btn_del {position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_x_b.png) no-repeat 50% 50%; background-size: 24px 24px; text-indent: -9999px;}
.file_upload_wrap .filebox { height: 112px;border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 8px; text-align: center;}
.file_upload_wrap .filebox label { position: relative;display: inline-block; padding-left: 40px; margin-top: 40px; cursor: pointer;}
.file_upload_wrap .filebox label span::before { position: absolute; top: -3px; left: 0;display: inline-block; width: 32px; height: 32px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_Plus_Fill.png') no-repeat 0 0; background-size: 32px 32px; content: '';}
.file_upload_wrap .filebox input[type="file"] {position: absolute; overflow: hidden; width: 0; height: 0; padding: 0; border: 0;}
/* //이미지 파일 첨부 */

/* pop-inner radio 약관 동의 영역 라디오버튼 */
.popInner_agree .pop_in_radio {display: flex; align-items: center;}
.popInner_agree .pop_in_radio.alR {justify-content: flex-end;}
.popInner_agree .pop_in_radio > li {margin-top: 0;}
.popInner_agree .pop_in_radio .box_rad01 {position: relative;}
.popInner_agree .pop_in_radio .box_rad01 + .box_rad01 {margin-left: 12px;}
.popInner_agree .pop_in_radio .radio_label {padding-left: 28px; /*background: #fff;*/ font-size: 16px; line-height: 24px;}
.popInner_agree .pop_in_radio .radio_input:focus {outline: none;}
.popInner_agree .pop_in_radio .radio_input + .radio_label:before { content: ''; width: 21px; height: 21px;  background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png); background-color: #e0e0e0; position: absolute; top: 2px; left: 0;  background-size: 18px; background-position: center; border-radius: 100%; opacity: 1;}
.popInner_agree .pop_in_radio .radio_input:checked + .radio_label:before {background-color: #000;}
.popInner_agree .pop_in_radio .radio_input + .radio_label:after {content: ''; background: none;}

.debtAdjustment_none_area {height: calc(100vh - 256px); display: flex; align-items: center; justify-content: center; padding: 0 24px;}
/* // 2025-11-24 GGU477 [고객지원] 개인채무자보호법_채무조정요청신청 및 단계조회화면 신규제작 */

/* 2026-04-27 GGU477 [고객지원] 금리인하요구권 안내, 신청 탭 내 금리인하요구권 자동 서비스 배너 추가(MO) */
.banner_demandRateCut {padding: 17px 24px; background-color: rgba(0, 0, 0, 0.04); border-radius: 8px; position: relative;}
.banner_demandRateCut::after {content: ''; display: inline-block; width: 48px; height: 48px; background: url(/docfiles/resources/mo/images/cus/icon_demandRateCut.webp) no-repeat; background-size: 48px auto; position: absolute; right: 24px; top: 16px;}
@media screen and (max-width: 320px) {
    .banner_demandRateCut::after {display: none;}
}


/*
=======================================================================================================================================
* Dark Mode : 다크모드는 최후에 선언되어야 합니다.
=======================================================================================================================================
*/
@media (prefers-color-scheme:dark) {
    .svg * { fill: #fff; }
    [class*="fc"][class*="_blk"], [data-fc="fc_blk"] { color: #fff; }
    .input_textarea textarea { color: #fff; }
    .input_textarea.on { border-color: #fff; }
    .input_textarea { border-color: rgba(255, 255, 255, 0.08); }
    .box_terms_lookup .box_select { border-color: rgba(255, 255, 255, 0.08); }
    .cms_content { border-top-color: rgba(255, 255, 255, 0.12); }
    .cms_content .tbl-type1 { border-top-color: rgba(255, 255, 255, 0.12); }
    .cms_content .tbl-type1 thead tr th, .cms_content .tbl-type1 tbody tr td { border-bottom-color: rgba(255, 255, 255, 0.08); }
    .box_pop_banner { background-color: rgba(255, 255, 255, 0.04); }
    .ico_card_etc, .ico_insurance, .ico_tip_Line { background-color: #fff; }
    .txt_warning:before { background-color: #fff; }
    .ico_download:before, .ico_s_download:after { background-color: #fff; }
    .bul_list02.fc_blk li, .dash_list02.fc_blk li { color: #fff; }
    .board_detail .board_content .section-primary .txt-type1, .board_detail .board_content .section-primary .txt-type2 { color: #fff; }
    /* 2023-01-03 GGU477 .txt-type2 추가 */
    .fixed .sub_customer .tab_slide:first-child { background-color: #333; }
    .tab_slide .tab_sub a { color: #a3a3a3; }
    .tab_slide .tab_sub a.current { color: #fff; }
    .tab_slide:after { background-image: linear-gradient(90deg, rgba(51, 51, 51, 0), rgba(51, 51, 51, 1)60%); }
    .tab_slide .inner .btn_all_tab { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png); }
    .tab_slide .inner .btn_all_tab.on { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up_wht.png); }
    .tab_slide .inner .tab_all_layer { background-color: #000; }
    .tab_slide .tab_sub a + a:before { background-color: rgba(255, 255, 255, 0.12); }
    .tab_slide .tab_sub a.current:after { background-color: #fff; }
    .sub_accod > .accodWrap > .accodSlide .bul_list { color: rgba(255, 255, 255, 0.64); }
    .sub_accod > .accodWrap > .box_tit .accodBtn:after { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png); }
    .sub_accod > .accodWrap > .box_tit .accodBtn { border-top-color: rgba(255, 255, 255, 0.12); }
    .box_card_sel { border-color: #fff; }
    .box_card_sel a:after { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png); }
    .box_card_sel a .card_info .divr_dot .divr_txt { color: rgba(255, 255, 255, 0.8); }
    .list_board > li + li { border-top: 1px solid rgba(255, 255, 255, 0.12); }
    /* 2023-05-10 Q20016 list_board 다크모드 추가 */
    .list_link > li .textbico_mide_blk { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_wht.png); }
    .list_link > li + li { border-top-color: rgba(255, 255, 255, 0.12); }
    .list_tell_ars li { border-bottom-color: rgba(255, 255, 255, 0.08); }
    .list_tel li + li { border-top-color: rgba(255, 255, 255, 0.08); }
    .list_state > li + li { border-top-color: rgba(255, 255, 255, 0.12); }
    .list_download > li + li { border-top-color: rgba(255, 255, 255, 0.04); }
    .list_category01 > li.on a { color: #fff; }
    .quick_submain > li.q1, .quick_submain > li.q2, .quick_submain > li.q3 { background-color: #292929; }
    .quick_submain > li.q3 .h4_b_lt strong { color: #1FABFF; }
    /* 2024-01-22 Q11139 추가 */
    .quick_submain > li.q1 .h4_b_lt strong { color: #6e5eff; }
    .quick_submain > li > a { color: #fff; }
    .cus_chat_warp .qna_wrap .qna_list > li { background-color: rgba(0, 0, 0, 0.4); }
    .cus_chat_warp .input_textarea.consulting_type .box_inner_btn { border-color: rgba(255, 255, 255, 0.4); }
    .cus_chat_warp .input_textarea.consulting_type .box_inner_btn > button { border-top-color: rgba(255, 255, 255, 0.12); color: #fff; background-color: transparent; }
    .cus_chat_warp .input_textarea.consulting_type textarea { border-color: rgba(255, 255, 255, 0.4); }
    .cus_chat_warp .input_textarea.consulting_type textarea::placeholder { color: rgba(255, 255, 255, 0.2); }
    .cus_chat_warp .input_textarea.consulting_type .box_inner_btn > button:disabled { color: rgba(255, 255, 255, 0.48); }
    .cus_chat_warp .input_textarea.consulting_type.on textarea, .cus_chat_warp .input_textarea.consulting_type.on textarea + .box_inner_btn { border-color: #fff; }
    .list_mycard > li + li { border-top-color: rgba(0, 0, 0, 0.08); }
    .list_mycard > li label .card_info .divr_dot .divr_txt { color: rgba(255, 255, 255, 0.8); }
    .list_mycard > li input:checked + label:after { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png); }
    .modal_consult .tbl_list_wrap .box_grp { border-bottom-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .card_rdo_select .input_cell_check01 input:checked + label > i { background-color: rgba(255, 255, 255, 0.12); }
    .sub_customer .card_rdo_select .input_cell_check01 input:checked + label > i:before { background-color: #fff; }
    .sub_customer .input_cell_check01 input[type="checkbox"] + label > i { opacity: 0.2; background-color: rgba(0, 0, 0, 0.6); }
    /* 2022-12-09 GGU477 opacity:0.2; 주석처리해제 */
    /* 2022-11-07 GGU442 opacity:0.2; 주석처리 */
    .sub_customer .input_cell_check01 input[type="checkbox"]:checked + label > i { opacity: 1; background-color: #000; }
    .sub_customer [class^="co_tbl_"] { border-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .box_select.type2 { border-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .box_item .box_bul { color: rgba(255, 255, 255, 0.64); }
    .sub_customer.sub_main { background-color: #1f1f1f; }
    .sub_customer .accod_list .accodBtn:after { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png); }
    .sub_customer .accod_list .accodWrap.on .accodBtn:after { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up_wht.png); }
    .sub_customer .accod_list.qna_type .accodSlide p { color: #fff; }
    .sub_customer .accod_list.qna_type .accodSlide > .box_answer:before { color: #fff; }
    .sub_customer .box_step_list li { border-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .box_step_list li + li:before { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png); }
    .sub_customer .box_step_list li.graybox { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .cus_bundle .box_item .ars_tit { border-bottom-color: rgba(255, 255, 255, 0.12); }
    .sub_customer .accod_list .accodWrap .accodBtn { border-top-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .faq_search .box_input01 .input_cell_box:before { background-color: #fff; }
    .sub_customer .tab_slide:first-child { background-color: #333; }
    .sub_customer .accod_list .accodWrap .accodBtn { border-top-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .accod_list .accodSlide p { color: #a3a3a3 !important; }
    /* 2024-02-20 Q11066 !important 추가 */
    .sub_customer .banner_live_chat a strong { color: #000; }
    .sub_customer .banner_live_chat a [class*="fc_m"][class*="_64"] { color: rgba(0, 0, 0, 0.64); }
    .sub_customer [class^="co_tbl_"] thead tr th { border-bottom-color: rgba(255, 255, 255, 0.08); color: #fff; }
    .sub_customer [class^="co_tbl_"] tbody tr td { border-bottom-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.64); background-color: transparent; }
    .sub_customer [class^="co_tbl_"] tbody tr th { border-bottom-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.64); }
    .sub_customer .line_list li { border-bottom-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .accod_list.ars_type .accodSlide { background-color: #333; }
    .sub_customer .accod_list.ars_type .accodSlide ul li > p { color: rgba(255, 255, 255, 0.48); }
    .sub_customer .accod_list.card_state_type .accodSlide { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .accod_list.state_type .accodSlide .box_question p { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .accod_list.state_type .accodSlide .box_answer p { color: #fff; }
    .sub_customer .card_rdo_select .input_cell_check01 label .cont .divr_dot li { color: #fff; }
    .sub_customer .accod_list.t_line .accodWrap .accodBtn { border-top-color: rgba(255, 255, 255, 0.12); }
    .sub_customer .off_report .cont .divr_dot > .divr_txt { color: #fff; }
    .sub_customer .accod_list.card_state_type .accodSlide .line_list li > div p { color: #fff; }
    .sub_customer .box_search .input_cell_box:before { background-color: #fff; }
    .sub_customer .accod_list.state_type .accodSlide { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .tree_wrap .list_tree li p { border-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .tree_wrap .box_tree { border-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .blk_num_list > li > .bul_list { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .blk_num_list > li > .bul_list > li > .dash_list02 li { color: rgba(255, 255, 255, 0.48); }
    .sub_customer .box_sub_info .box_item .tit { color: #fff; }
    .sub_customer .box_item .tit + p { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .tree_wrap .list_tree.type2 li:first-child p { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .tree_wrap .list_tree.type2 li:first-child:after { background-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .contact_box > li .bul_list02 li { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .list_basic.num_list > li > ul li { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .list_basic.num_list > li strong + p { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .accod_list .accodSlide .box_asis .box_item .box_title01 p { color: #fff; }
    .sub_customer .accod_list .accodSlide .box_asis .box_item > .bul_list li { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li { color: #ccc; }
    .sub_customer .accod_list .accodSlide .box_asis .box_item .num_list > li ul li { color: #a3a3a3; }
    .sub_customer .accod_list .accodSlide .box_asis .box_item .fc_blk { color: #fff; }
    .sub_customer .blk_num_list > li .txt_indent { color: rgba(255, 255, 255, 0.48); }
    .sub_customer .box_content_asis .h2_tit_1 .sub_txt { color: rgba(255, 255, 255, 0.48); }
    .sub_customer .box_content_asis .form_table tbody tr th, .sub_customer .box_content_asis .form_table tbody tr td, .sub_customer .box_content_asis .form_table tfoot tr th, .sub_customer .box_content_asis .form_table tfoot tr td { color: rgba(255, 255, 255, 0.64); }
    .sub_accod > .accodWrap > .accodSlide .bul_list.fc_blk { color: #fff; }
    .sub_customer .box_step_list3 li .tit + p { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .accod_list.qna_type .accodSlide { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .banner_box_icon { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .cus_bundle.b_line { border-bottom-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .box_item .tit + p.fc_blk { color: #fff; }
    .sub_customer .num_list.fc_m_a64 li { color: rgba(255, 255, 255, 0.64); }
    .sub_customer .box_step_list2 li + li:before { background-color: #fff; }
    .sub_customer .box_ico_btn a { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .box_ico_btn a .ico_phone_arrow:before, .sub_customer .box_ico_btn a .ico_document_setting:before, .sub_customer .box_ico_btn a .ico_phone_plus:before { background-color: #fff; }
    .sub_customer .accod_list.state_type .answer_complete .box_tit .txt_info .lab_s { border-color: rgba(255, 255, 255, 0.4); background-color: transparent; }
    .sub_customer .accod_list.state_type .answer_complete .box_tit .txt_info .lab_s span { color: rgba(255, 255, 255, 0.4); }
    .sub_customer .card_rdo_select > li + li { border-top-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .accod_list.qna_type .box_tit .txt_keyword, .sub_customer .accod_list.qna_type .no_data .txt_keyword { color: #1FABFF; }
    .sub_customer .box_step_list li.sd_m_02 { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .box_step_list li.item_plus:before { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_plusB_wht.png); }
    .sub_customer .box_step_list li.item_multiply:before { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_xB_wht.png); }
    .sub_customer .tree_wrap .list_tree li:after { background-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .blk_num_list > li > .bul_list > li > .dash_list02 li:before { background-color: rgba(255, 255, 255, 0.4); }
    .sub_customer .blk_num_list > li > ul > li > .box_sub_info { border-top-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .box_content_asis .form_table, .sub_customer .box_content_asis .form_table tr td, .sub_customer .box_content_asis .form_table tr th { border-color: rgba(255, 255, 255, 0.08); }
    .sub_customer .box_content_asis .form_table tfoot tr td, .sub_customer .box_content_asis .form_table tfoot tr th { background-color: rgba(255, 255, 255, 0.02); }
    .sub_customer .list_basic.num_list > li.box_bg_gray { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .line_list.no_line li { color: #fff; }
    .sub_customer .box_step_list li.item_result:before { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_equal_dark.png); }
    .ico_chatbot_menu { background: #fff; -webkit-mask-image: url(/docfiles/resources/mo/images/cus/ico_chatbot2.svg); mask-image: url(/docfiles/resources/mo/images/cus/ico_chatbot2.svg); -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
    .app_down_banner .box_btn a span { color: #000; }
    .modal_consult .cus_bundle .line_list02 li { border-bottom-color: rgba(255, 255, 255, 0.08); }
    .modal_pop.card_sel_pop .scrollable .layer_head { border-bottom-color: rgba(255, 255, 255, 0.12); }
    .modal_consult .cus_bundle .line_list02 li p { color: rgba(255, 255, 255, 0.64); }
    .modal_consult .cus_bundle .box_title01 p + p { color: rgba(255, 255, 255, 0.64); }
    .cms_content .tit { color: #fff; }
    .cms_content .txt-con { color: #a3a3a3; }
    .cms_content .tbl-type1 tbody tr td { color: #a3a3a3; }
    .cms_content .txt-type3 li { color: #a3a3a3; }
    .cms_content .con-type2 > .tit { color: #fff; }
    .cms_content .phone_terms > .tit-type1 { color: #fff; }
    .cms_content .phone_terms .con-type2 > p > .tit { color: #fff; }
    .cms_content .phone_terms .con-type2 > p { color: rgba(255, 255, 255, 0.64); }
    .cms_content .phone_terms .con-type2 > p strong { color: rgba(255, 255, 255, 0.64); }
    .list_tel + .fc_m_alert { border-color: rgba(255, 255, 255, 0.08); }
    .box_check_list .box_list_bottom { border-top-color: rgba(255, 255, 255, 0.08); }
    .lab_s.sd_m_64 { background-color: #5c5c5c; }
    /* 카드 도난 분실 신고 */
    .sub_customer .link_wrap .ico_s_download { background: none; }
    .sub_customer .link_wrap .ico_s_download:before { position: absolute; top: 0; left: 0; display: block; width: 16px; height: 16px; opacity: .64; background: url('/docfiles/resources/mo/images/com/icon/w16/ico_download_wht.png') no-repeat left center / 16px; content: ''; }
    .sub_customer .list_category01 > li + li:before { background-color: rgba(255, 255, 255, .12); }
    .sub_customer .bul_list li { color: rgba(255, 255, 255, .48); }
    .sub_customer .box_step_list3 li .tit .lab_step { border-color: rgba(255, 255, 255, .12); color: rgba(255, 255, 255, .48); }
    .sub_customer #cms_area2 .banner_box_icon img { display: none; }
    .sub_customer #cms_area2 .banner_box_icon:after { position: absolute; right: 20px; bottom: 20px; display: block; width: 64px; height: 64px; background: url('/docfiles/resources/mo/images/cus/img_banner03_wht.png') no-repeat center center / 64px; content: ''; }
    .ico_s_download:after { background: url('/docfiles/resources/mo/images/com/icon/w16/ico_download_wht.png') left center no-repeat; background-size: 16px; }
    .sub_customer #cms_area2 .banner_box_icon:nth-child(2):after { background: url('/docfiles/resources/mo/images/cus/img_banner01_wht.png') no-repeat center center / 64px; }
    .board_content .txt-type1, .board_content .txt-type2 { color: rgba(0, 0, 0, .64); }
    .sub_customer .accod_list .accodSlide .box_asis .light_mode { display: none; }
    .dark_mode { display: block; }
    .quick_submain > li.q1 { background: #292929 url('/docfiles/resources/mo/images/cus/bg_q1_dark.png') 16px 12px no-repeat; background-size: 64px; }
    /* 타 카드사 일괄 분실신고 */
    .list_sel_inp.bank_type > li label { border-radius: 4px; }
    .list_sel_inp.bank_type > li label:before { border: none; }
    .list_sel_inp.bank_type > li input:focus + label { color: rgba(0, 0, 0, 0.48); background-color: rgba(255, 255, 255, 0.8); }
    .list_sel_inp.bank_type > li input:focus + label:before { border: none; }
    .list_sel_inp.bank_type > li input:checked + label { color: #000; background-color: #fff; }
    .cms_content .btn-type4 { color: #1fabff; }
    /* 2023-01-27 Q10962 접근성 수정 color값 추가*/
    .box_terms_lookup .box_select select { color: #fff; }
    /*2022-06-02 GGCN45 : [고객지원]소비자보호 하위 탭 추가 및 컨텐츠 수정 요청의 건 */
    .sub_customer .box_bg_gray.num_list_type { background-color: rgba(255, 255, 255, 0.04); }
    .sub_customer .box_bg_gray.num_list_type > ul li { color: rgba(255, 255, 255, 0.64); }
    .cms_content ol li .sq_em::before { border: 1px solid #fff; background-color: transparent; }
    .cms_content ol li .sq_f::before { background-color: #fff; }
    .cms_content ol li .img_area img.img_chart { display: none; }
    .cms_content ol li .img_area::after { display: block; width: 327px; height: 137px; margin-top: 20px; background: url(/docfiles/resources/mo/images/ben/MO_graph_b.png) no-repeat; background-size: 100% 100%; content: ''; }
    .ui_tab_expandable.truble_tab .tab_con .tab_default a { color: rgba(0, 0, 0, 0.48) !important; }
    .ui_tab_expandable.truble_tab .tab_con .tab_default a.current { border: solid 2px #000; color: #000 !important; font-weight: 700; }
    .sub_applepay .section .ui_tab_common.fix { background-color: #333; }
    .sub_applepay .ico_ipad { background: url('/docfiles/resources/mo/images/pay/ico_iPad_w.svg') no-repeat center center; background-size: 14px 16px; }
    .sub_applepay .ico_mac { background: url('/docfiles/resources/mo/images/pay/ico_macbook_w.svg') no-repeat center center; background-size: 30px 12px; }
    /* .sub_applepay .section0 .motion_area2 { border-top: 1px solid rgba(255, 255, 255, 0.08); } */
    .sub_applepay .section0 .motion_area2 .sld_tabs > li .sld_tab { color: rgba(216, 216, 216, 0.4); }
    .sub_applepay .section0 .motion_area2 .sld_tabs > li.on .sld_tab { color: #d8d8d8; }
    .sub_applepay .section0 .motion_area2 .sld_tabs > li + li::before { background-color: rgba(151, 151, 151, 0.12); }
    /* .sub_applepay .section0 .motion_area3 { border-top: 1px solid rgba(255, 255, 255, 0.08); } */
    .sub_applepay .section0 .btn_box > .slide_btn.slide_prev { background-image: url(/docfiles/resources/mo/images/pay/ico_sldprev_wh.png); }
    .sub_applepay .section0 .btn_box > .slide_btn.slide_next { background-image: url(/docfiles/resources/mo/images/pay/ico_sldnext_wh.png); }
    .sub_applepay .section0 .info_area { border-top: 1px solid rgba(255, 255, 255, 0.08); }
    .sub_applepay .section0 .info_area .img_warp { background-color: rgba(255, 255, 255, 0.04); }
    .sub_applepay .section0 .info_area .img_warp .bottom { border-top: 1px solid #333; }
    .sub_applepay .section0 .card_area { border-top: 1px solid rgba(255, 255, 255, 0.08); }
    .sub_applepay .section0 .card_area .box_line { border-top: 1px solid rgba(255, 255, 255, 0.12); }
    .sub_applepay .section0 .card_area .box_line > li { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
    .sub_applepay .section0 .logo_pay_blk_b {background-image: url(/docfiles/resources/mo/images/pay/logo_pay_wht_b.png);}
    /* .sub_applepay .section1 .box_line_store .list{margin-top: 20px;} */
    /* .sub_applepay .section1 .box_line_store .list:fir{margin-top: 32px;} */
    .sub_applepay .section1 .box_line_store .list .tit { border-bottom: 1px solid rgba(255, 255, 255, 0.48); }
    .sub_applepay .section1 .box_line_store .list .cont .store_list { background-color: #fff; }
    .sub_applepay .section1 .box_line_store .list .cont .store_list > .store .fc_m_64 { color: rgba(0, 0, 0, 0.64); }
    .sub_applepay .modal_pop:not(.full):not(.modal_alert) .layer_wrap { -moz-box-shadow: 0px -8px 40px 0px #000; box-shadow: 0px -8px 40px 0px #000; box-shadow: 0px -8px 40px 0px #000; }
    .sub_applepay .section2 .sub_accod > .accodWrap { border-top: 1px solid rgba(255, 255, 255, 0.08); }
    .sub_applepay .section2 .sub_accod > .accodWrap > .tit .accodBtn::after { background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png) no-repeat 50% 50%; background-size: 32px; }
    /* .sub_applepay .section .useinfo { border-top: 1px solid rgba(255, 255, 255, 0.08); } */
    .sub_applepay .section1 .tab_type > li .btn { color: rgba(255, 255, 255, 0.48); }
    .sub_applepay .section1 .tab_type > li.active .btn { color: rgba(255, 255, 255, 1); }
    .sub_applepay .section1 .tab_type > li { background-color: rgba(255, 255, 255, 0.04); }
    .sub_applepay .section1 .tab_type > li.active { border-bottom: 1px solid transparent; background-color: transparent; }
    .sub_applepay .section1 .logo_pay_blk_pop{background-image: url(/docfiles/resources/mo/images/pay/pop_pay_wht.png);}
    /* 2024-02-02 Q10962 해외 이용 안내 신규 추가 - 다크모드 */
    .sub_applepay .section3 .content_wrap + .content_wrap { border-top: 1px solid rgba(255, 255, 255, 0.08); }
    .sub_applepay .section3 .ico_nfc { background-image: url(/docfiles/resources/mo/images/pay/ico_nfc_wht.png); }
    .sub_applepay .section3 .ico_transportation { background-image: url(/docfiles/resources/mo/images/pay/ico_transportation_wht.png); }
    .sub_applepay .section3 .logo_pay_blk { background-image: url(/docfiles/resources/mo/images/pay/logo_pay_wht.png); }
    .sub_applepay .section3 .ico_nfc_sm { background-image: url(/docfiles/resources/mo/images/pay/ico_nfc_sm_wht.png); }
    .sub_applepay .section3 .light::after { background-color: transparent; }
    /* .sub_applepay .section3 .ico_tip{background-image:url(/docfiles/resources/mo/images/pay/ico_tip_blk.png);} */
    .pay_acc.accodWrap .accodBtn::after { width: 16px; height: 16px; margin: 0 0 -2px 8px; background: #fff; content: ""; -webkit-mask-image: url(/docfiles/resources/mo/images/com/svg/arrowb_open.svg); mask-image: url(/docfiles/resources/mo/images/com/svg/arrowb_open.svg); -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
    .pay_acc.accodWrap.on .accodBtn::after { width: 16px; height: 16px; margin: 0 0 -2px 8px; background: #fff; content: ""; -webkit-mask-image: url(/docfiles/resources/mo/images/com/svg/arrowb_close.svg); mask-image: url(/docfiles/resources/mo/images/com/svg/arrowb_close.svg); -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
    /* 2024-04-26 GGU442 [고객지원] Apple Pay 해외 이용 안내 개선(240429) */
    .sub_applepay .section3 .tab_type1 > li .btn { color: rgba(255, 255, 255, 0.48); }
    .sub_applepay .section3 .tab_type1 > li.active .btn { color: rgba(255, 255, 255, 1); }
    .sub_applepay .section3 .tab_type1 > li { background-color: rgba(255, 255, 255, 0.04); }
    .sub_applepay .section3 .tab_type1 > li.active { border-bottom: 1px solid transparent; background-color: transparent; }
    .sub_applepay .section3 .box_line_store .list .tit { border-color: rgba(255, 255, 255, 0.48); }
    .sub_applepay .section3 .accodWrap.trans_accod > .accodBtn:after { background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down_wht.png) #000 no-repeat center center; background-size: 16px; }
    .sub_applepay .section3 .accodWrap.trans_accod.on > .accodBtn:after { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up_wht.png); }
    .sub_applepay .section3 .accodWrap.use_accod{border-top: 1px solid #fff;}
    .sub_applepay .section3 .accodWrap.use_accod > .accodBtn:after { background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down_wht.png) no-repeat center center; background-size: 24px; }
    .sub_applepay .section3 .accodWrap.use_accod.on > .accodBtn:after { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up_wht.png); }
    .sub_applepay .section3 .btn_box > .slide_btn.slide_prev { background-image: url(/docfiles/resources/mo/images/pay/ico_sldprev_wh.png); }
    .sub_applepay .section3 .btn_box > .slide_btn.slide_next { background-image: url(/docfiles/resources/mo/images/pay/ico_sldnext_wh.png); }
    .icon_check { background: url(/docfiles/resources/mo/images/pay/icon_check_dk.png) no-repeat center; background-size: 49px 49px; }
    .sub_applepay .section3 .ico_plus_s { background: url(/docfiles/resources/mo/images/pay/icon_plus_dk.png) no-repeat center center; background-size: auto 16px; }
    .sub_applepay .section3 .ico_more_s { background: url(/docfiles/resources/mo/images/pay/icon_ellipsis_dk.png) no-repeat center center; background-size: auto 16px; }
    .img_checkWap::after { position: absolute; z-index: 3; bottom: 0; left: 0; display: block; width: 100%; height: 64px; background-image: linear-gradient(180deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.32) 7%, rgba(51, 51, 51, 0.48) 9%, rgba(51, 51, 51, 0.64) 13%, rgba(51, 51, 51, 0.76) 17%, rgba(51, 51, 51, 0.88) 21%, rgba(51, 51, 51, 0.94) 24%, rgba(51, 51, 51, 0.96) 27%, rgba(51, 51, 51, 0.98) 32%, #333 36%, #333 74%); content: ""; }
    .sub_applepay .section3 .box_line_store .list .cont .store_list.app .store_logo { border: none; }
    .trans_cardlist { border: solid 1px #fff; }
    .trans_cardlist dl dt .flag_img { border: none; }
    .highlight_point {background-image: none;}
    /* // 2024-04-26 GGU442 [고객지원] Apple Pay 해외 이용 안내 개선(240429) */
    .inst_complainInfo_list dd.inline_items > p:before { background-color: rgba(255, 255, 255, 0.40); }
    /* 달력2 커스텀 */
    .ui-datepicker-hc .ui-state-default:not(.no_dark), .ui-datepicker-hc .ui-state-default:not(.no_dark):visited { color: #454545; }
    .ui-datepicker-hc .ui-state-default:not(.no_dark).ui-state-active { color: #fff; }
    .sub_customer .cus_bundle .input_cell input.input_txt::placeholder { color: rgba(255, 255, 255, 0.64); }
    /* 2023-01-27 Q10962 접근성 수정 */
    /* 2024-06-24 GGU282 - [고객지원] Apple Pay 가맹점주 안내 탭 추가 - 다크모드 */
    .ico_outlink.w16 { background-image: url(/docfiles/resources/mo/images/com/icon/w16/icon_outlink_wt.png); }
    .sub_accod.tit1_h56 > .accodWrap > .box_tit .accodBtn { border-color: rgba(255, 255, 255, 0.08); }
    .line_list03 > li { border-color: rgba(255, 255, 255, 0.08); }
    .right_chk_list > li { border-color: rgba(255, 255, 255, 0.08); }
    .right_chk_list > li input:checked + label:after { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png); }
    .sub_applepay .section4 .light::after { background-color: transparent; }
    .sub_applepay .section4 .box_icons { background-color: rgba(255, 255, 255, 0.02); }
    .sub_applepay .section4 .van_list > li { border-color: rgba(255, 255, 255, 0.04); }
    /* //2024-06-24 GGU282 - [고객지원] Apple Pay 가맹점주 안내 탭 추가 - 다크모드 */
    /* 2024-06-28 GGCP31 고객지원 약관 내 넘버 블릿 스타일 추가 .cms_content .txt-type3 li { color:#a3a3a3; } */
    .cms_content .con-type2 li .num.number_type { border-color: #a3a3a3; color: #a3a3a3; }
    /* 2024-09-13 Q20542 [고객지원] 개인정보 처리방침 업데이트(9.10)(240912) */
    .cms_content ol li .label_area li .img_area::after{background:none;} /* 다크모드 일때만 */
    .cms_content ol li .label_area li .txt_area{border-bottom: 1px solid rgba(255, 255, 255, 0.08);}

    /* 2025-11-24 GGU477 [고객지원] 개인채무자보호법_채무조정요청신청 및 단계조회화면 신규제작 */
    .chk_circle_sm .box_chk01 .check_label {color: #fff;}
    .chk_circle_sm .box_chk01 .check_input + .check_label:before {background-color: rgba(0,0,0,0.6); opacity: 0.2;}
    .chk_circle_sm .box_chk01 .check_input:checked + .check_label {color: #fff;}
    .chk_circle_sm .box_chk01 .check_input:checked + .check_label:before {opacity: 1;}
    .file_upload_wrap .filebox {border: 1px solid rgba(255, 255, 255, 0.16);}
    .file_upload_wrap .filebox label span::before {background: url('/docfiles/resources/mo/images/com/icon/w32/ico_Plus_Fill_wht.png') no-repeat 0 0; background-size: 32px 32px;}
    .file_upload_wrap .upload_fileName_list .upfileName .upload_name {border-color: rgba(255, 255, 255, 0.16);}
    .file_upload_wrap .upload_fileName_list .upfileName .btn_del {background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_x_b_wht.png);}
    .popInner_agree .pop_in_radio .radio_input + .radio_label:before {background-color: rgba(0,0,0,0.6); opacity: 0.2;}
    .popInner_agree .pop_in_radio .radio_input:checked + .radio_label:before {opacity: 1;}
    .popInner_agree .pop_in_radio.type_view_disabled .radio_input:checked + .radio_label:before {background-color: #fff; background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png);}

    .banner_demandRateCut {background-color: rgba(255, 255, 255, 0.04);} /* 2026-04-27 GGU477 추가 */
    
}



/* 2024-12-06 Q20542 [고객지원]In Car Payment 페이지 신규제작(GMB, 사이트맵 포함) */
:root{
    --default-easing-function : cubic-bezier(0.25, 0.1, 0.25, 1);
    --vh:100%;
}
/* html,body{height: 100vh;height: var(--vh);} */
.sub_icp .section0 , .sub_icp .section1, .sub_icp .section2 ,.sub_icp .section3{display: none;} 
.sub_icp .pb120 {padding-bottom: 120px;}

/* 탭 */
.sub_icp .tab_wrap {position: fixed;width: 100%;height:60px;padding: 12px 0;background: rgba(255, 255, 255, 1); z-index: 999;}
.sub_icp .ui_tab_common.fix { position: fixed; z-index: 11; top: 48px; left: 0; width: 100%; padding: 8px 0; margin: 0; background-color: #fff; }
.sub_icp .tab_default { overflow: scroll; flex-wrap: nowrap; padding: 0 16px; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.sub_icp .tab_default::-webkit-scrollbar { display: none; }
.sub_icp .tab_default a {height: 36px;padding: 0 12px;font-size: 14px;font-weight: 700;color: rgba(0, 0, 0, 0.48); line-height: 36px;}
.sub_icp .tab_default a.current{color: #fff;}

/* 소개 */

.sub_icp .section0 { position:relative; overflow: hidden; background-color: rgb(255, 255, 255);}
.sub_icp .section0 ._icp_intro { position:fixed; top: 0; left: 0; width: 100%; height:var(--vh); padding-top: 104px; text-align: center;  background-color: #fff; z-index: 2;}
.sub_icp .section0 ._icp_intro ._area{  position: absolute; bottom: 0; left: 50%; width:100%; transform: translateX(-50%); }
.sub_icp .section0 ._icp_intro .title_wrap .title_1{ display: inline-block; padding: 2px 10px; background-color: #000; border-radius: 62px; color: #fff; opacity: 1;}
.sub_icp .section0 ._icp_intro .title_wrap .title_2{opacity: 1;}
.sub_icp .section0 ._icp_intro .title_wrap .title_2.h0_b_ctr_size38{font-size: 32px;font-weight: 700;text-align: center;line-height: 38.42px;letter-spacing: -0.01em;}
.sub_icp .section0 ._icp_intro ._motion_wrap {position: relative; height: 61.45320197044335vh;}
.sub_icp .section0 ._icp_intro ._card_box {position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin: 0 auto; z-index: 1; transition: top var(--default-easing-function);}
.sub_icp .section0 ._icp_intro ._card_box ._lottie_card{ position:relative; top:0; left: 0; display: block; width: 18.47290640394089vh; height: 18.47290640394089vh; margin-top: 1.847290640394089vh; z-index: 1; }
.sub_icp .section0 ._icp_intro ._card_box ._lottie_card .img{ width:100%;height:100%; }

.sub_icp .section0 ._icp_intro ._line_box{ position: absolute; top: 12vh; left: 50%; height: 28vh; padding-top:5.444581280788177vh; overflow: hidden; transform: translateX(-50%); transition: transform 0.3s var(--default-easing-function); z-index: 0;}
.sub_icp .section0 ._icp_intro ._line_box ._white_dim{ position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: #fff; transition: height var(--default-easing-function); z-index: 1;}
.sub_icp .section0 ._icp_intro ._line_box ._down_arrow{ width: 5.7vh; margin: 0 auto; transition: all 0.3s var(--default-easing-function);}
.sub_icp .section0 ._icp_intro ._line_box ._down_arrow > picture {width: 100%; height: 100%;}
.sub_icp .section0 ._icp_intro ._line_box ._down_arrow .img{ width: 100%; height: 100%; animation: var(--default-easing-function) arrowDown infinite 1.6s;}

.sub_icp .section0 ._icp_intro ._line_box ._dot_box { width:3px; height: calc( 100% - 5.444581280788177vh - 8px); margin: 0 auto; overflow-y: hidden; transition: height 0.3s var(--default-easing-function);}
.sub_icp .section0 ._icp_intro ._line_box ._dot_box ._dot{ width: 3px; height:141px; background:url(/docfiles/resources/mo/images/cus/img_dotRepeat.png) repeat-y; background-size: 3px; }

.sub_icp .section0 ._icp_intro ._dot_box ._dot_line1{
    animation: 21s linear infinite slideFilmDownFirst;
    -webkit-animation: 21s linear infinite slideFilmDownFirst;
    -moz-animation: 21s linear infinite slideFilmDownFirst;
    transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);
}
.sub_icp .section0 ._icp_intro ._dot_box ._dot_line2{
    animation: 21s linear infinite slideFilmDownLast;
    -webkit-animation: 21s linear infinite slideFilmDownLast; 
    -moz-animation: 21s linear infinite slideFilmDownLast; 
    transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0);
}

.sub_icp .section0 ._icp_intro._icp_skeleton{z-index: 3; background-color: #fff;}
.sub_icp .section0 ._icp_intro._icp_skeleton .load_box{position: relative; background-color: #e7e7e7; overflow: hidden;}
.sub_icp .section0 ._icp_intro._icp_skeleton .load_box::before{ content: ''; position: absolute; top: 0; left: 50%; width: 480px; height: 18.47290640394089vh; margin-left: -240px; background: linear-gradient(90deg, rgba(255,255,255,0) 30%, #f8f8f8 50%, rgba(255,255,255,0) 70%); animation: slideFilmRightFirst 1.5s linear infinite reverse;}
.sub_icp .section0 ._icp_intro._icp_skeleton .load_box.title_2{ display: inline-block; width:275px; height: 40px; border-radius: 8px;}
.sub_icp .section0 ._icp_intro._icp_skeleton .card_load_box{width: 8.528325123152709vh;height: 13.46551724137931vh;border-radius: 8px;z-index: 1;}

.sub_icp .section0 ._icp_intro ._gv_box {position: absolute; left: 50%; bottom: 0; width: 100%; height: 22.66009852216749vh; transform: translateX(-50%); }
.sub_icp .section0 ._icp_intro ._gv_box ._gv{transition: transform 0.2s var(--default-easing-function);}
.sub_icp .section0 ._icp_intro ._gv_box ._gv ._lottie_gv{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 22.66009852216749vh; opacity: 0;}
.sub_icp .section0 ._icp_intro ._gv_box ._gv_dim{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0;}
.sub_icp .section0 ._icp_intro ._gv_box .gv_img {max-width: 100%;height: 22.66009852216749vh;}

/* .sub_icp .section0 ._inGV_motion{ position:relative; width: 100%; height:calc(var(--fixVh) - 48px); background-color: #ebebeb; text-align: center; z-index: 0;} */
.sub_icp .section0 ._inGV_motion{ position:relative; width: 100%; height: 500px; background-color: #fff; text-align: center; z-index: 0;}
.sub_icp .section0 ._inGV_motion ._area{ width: 100%; height: 100%}
/* .sub_icp .section0 ._inGV_motion .title_wrap{ position:absolute; top: calc(50% - 35.28325123152709vw); left: 0; width:100%;transform: translateY(-50%);} */
.sub_icp .section0 ._inGV_motion .title_wrap{ position:absolute; top: 146px; left: 0; width: 100%; transform: translateY(-50%);}
.sub_icp .section0 ._inGV_motion .title_wrap .p1_b_1ln_size14 {font-size: 14px;}
.sub_icp .section0 ._inGV_motion .title_wrap .h0_b_ctr_size24{font-size: 24px;font-weight: 700;line-height: 34px;letter-spacing: -0.002rem;}
.sub_icp .section0 ._inGV_motion .title_wrap .title_1{opacity: 0;}
.sub_icp .section0 ._inGV_motion .title_wrap .title_2{opacity: 0;}
.sub_icp .section0 ._inGV_motion .title_wrap .title_3{display: inline-block; padding-right: 30px; opacity: 0; background: url(/docfiles/resources/pc/images/cus/ico_icp_check.png) no-repeat 100% 50%; background-size: 26px 26px;}
.sub_icp .section0 ._inGV_motion ._navi_box{ position:absolute; bottom: 0; left: 0; width:100%; }

.sub_icp .section0 ._inGV_motion ._navi_box ._navi{ transform: scale(200%); opacity: 0;}
.sub_icp .section0 ._inGV_motion ._navi_box ._navi .navi_img{ width: 100%;}
/* .sub_icp .section0 ._inGV_motion ._navi_box ._popup_box{ position:absolute; left: 50%; bottom: 24vw; height: 26.47783251231527vw; transform: translateX(-50%);} */
.sub_icp .section0 ._inGV_motion ._navi_box ._popup_box {display: none; position: absolute; left: 50%; top: 45%; height: 18.2vw; transform: translate(-50%, -50%);}
.sub_icp .section0 ._inGV_motion ._navi_box ._popup_box .popup_img{ height: 100%; opacity: 1;}
.sub_icp .section0 ._inGV_motion ._navi_box ._popup_box .popup_img.spring{ height: 100%; animation: 0.4s spring linear;  }

.sub_icp .section0 ._icpUse_motion{ position:relative; width: 100%; height: 280px; margin-top: 64px; margin-bottom: 120px; opacity: 0;}
.sub_icp .section0 ._icpUse_motion ._square_wrap{position: absolute; top: 50%; left: 50%; width: 300px; height: 280px; margin-left: -150px; margin-top: -140px; padding: 38px 0 35px; background-color: #fff; border: 4px solid #000; border-radius: 20px; z-index: 1;}
.sub_icp .section0 ._icpUse_motion ._img_film{position: relative; width: 120px; height: 120px; margin: 0 auto; overflow: hidden; }
.sub_icp .section0 ._icpUse_motion ._img_film::before{content: ''; position: absolute; top: 0; left:0; width: 100%; height: 20px; background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%); z-index: 1;}
.sub_icp .section0 ._icpUse_motion ._img_film::after{content: ''; position: absolute; bottom: 0; left:0; width: 100%; height: 20px; background: linear-gradient(360deg, #fff 0%, rgba(255,255,255,0) 100%); z-index: 1;}
.sub_icp .section0 ._icpUse_motion ._img_film .first{ animation: slideFilmDownFirst linear 9.6s infinite reverse;}
.sub_icp .section0 ._icpUse_motion ._img_film .last{ animation: slideFilmDownLast linear 9.6s infinite reverse;}
.sub_icp .section0 ._icpUse_motion ._bg_film {position: absolute; top: 50%; margin-top: -24px; display: flex; align-items: center; height: 48px; opacity: 0.2;}
.sub_icp .section0 ._icpUse_motion ._bg_film ._text_film{padding-left: 70px; font-size: 48px; font-weight: 700; line-height: 48px; white-space: nowrap; letter-spacing: -0.002em; }
.sub_icp .section0 ._icpUse_motion ._bg_film .first{ animation: slideFilmRightFirst linear 28s infinite; }
.sub_icp .section0 ._icpUse_motion ._bg_film .last{ animation: slideFilmRightLast linear 28s infinite;}
.sub_icp .section0 ._icpUse_motion ._img_film .img_box{width: 100px; margin: 0 auto;}
.sub_icp .section0 ._icpUse_motion ._img_film .img_box img{ width: 100%;}
.sub_icp .section0 ._icpUse_motion .title_wrap{margin-top:21px}
.sub_icp .section0 ._icpUse_motion .title_wrap .font_size20{font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.002em;text-align: center;}

.sub_icp .section0 ._icpSlide_motion { display: flex; align-items: center; padding: 0 0 196px;}
.sub_icp .section0 ._icpSlide_motion .inner{width: 100%; margin: 0 auto;}
.sub_icp .section0 ._icpSlide_motion .inner .h0_b_lt_size24{font-size: 24px;line-height: 33px;padding-left: 20px;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper_wrap{margin-top: 16px;padding-left: 16px;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper{overflow: visible; height:320px;}
/* .sub_icp .section0 ._icpSlide_motion .icp_swiper.swiper-container-free-mode > .swiper-wrapper{transition-timing-function: linear;} */
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide{width: 218px; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0);}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide:last-of-type {width: calc(100vw - 16px);}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide > .img{width: 206px; height:320px; border-radius: 13.33px;overflow: hidden;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide > #icpRoll3 {background: #000;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide > .img > svg{max-width: 100%;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide .txt{position: absolute; top: 18px; left: 18px; color: #fff; font-size: 16px; line-height: 24px; font-weight: 700; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0);}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn{display: flex; align-items: center; justify-content: flex-end; margin-top: 24px;margin-right: 24px;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-prev,
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-next{ position:relative; top:auto; left: auto; bottom:auto; right: auto; display: block; width: 32px; height: 32px; margin-top: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 36px 36px;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-prev{margin-right: 16px;background-image:url('/docfiles/resources/pc/images/pay/ico_sldprev.png');}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-next{background-image:url('/docfiles/resources/pc/images/pay/ico_sldnext.png');}
.sub_icp .section0 .swiper-button-prev:after, .sub_icp .section0 .swiper-container-rtl .swiper-button-next:after,
.sub_icp .section0 .swiper-button-next:after, .sub_icp .section0 .swiper-container-rtl .swiper-button-prev:after{display: none;}

.sub_icp .section0 .icp_video_player{margin: 0 auto;padding-bottom:80px;}
.sub_icp .section0 .icp_video_player .inner .h3_b{margin-left: 24px;}
.sub_icp .section0 .icp_video_player .video_wrap{margin-top: 24px;margin-left: 16.5px;margin-right: 16.5px;}

.sub_icp .section0 .icp_video_player .video_wrap .video_tab{margin-bottom: 16px;}
.sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul{display: flex;align-items: center;}
.sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li{width: calc(100%/2); margin-right: 6px;border: 1px solid rgba(0, 0, 0, 0.32);border-radius: 8px;} 
.sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li:last-child{margin-right: 0px;}
.sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li.on{background: #000;border-color: #000;}
.sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li.on a{color: #fff;}
.sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li > a{display: block;padding: 8px 0;font-size: 14px;font-weight: 700;line-height: 20px;text-align: center;color: rgba(0, 0, 0, 0.64);}

.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul{display: flex;align-items: center;justify-content: center;margin-top: 16px;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li{position: relative;width: 6px;height: 6px;margin-right: 5px;border-radius: 6px;background-color: #bcbcbc;overflow: hidden;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li:last-child {margin-right: 0px;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li.on{background-color: #363636;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li.on.progress{width: 33.6px;background-color: #bcbcbc;transition: all 0.5s var(--default-easing-function);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li > .bar{position: absolute; top: 0; left: 0; width: 0%; max-width: 100%; height: 6px; border-radius: 6px;background-color: #363636;z-index: 0;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li.on > .bar{transition: width 0.5s linear;}

.sub_icp .section0 .icp_video_player .video_wrap .player_box {position: relative;background-color: #fff;border-radius: 12px;overflow: hidden;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._white_dim {position: absolute;top: 0;left: 0;width: 890px;height: 100%;background-color: #fff;z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_intro01{ position: absolute; top: 20px; width: 100%; height: 52px; text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_intro02{ position: absolute; top: 92px; left:0; width: 100%; height: 52px; text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; z-index: 1; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .ganji_caption{ position: absolute; top: 20px; left:20px; font-size: 18px; line-height: 26px; font-weight: 700; z-index: 1; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .ganji_caption > .sub_text{ margin-top:4px; color:#7f7f7f; font-size: 14px; line-height: 20px; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_refueling2{ position: absolute; top: auto; bottom: 0px; left: 12px; padding: 7px 0px 12px 8px; width: 266px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 31.08%); color: rgba(0, 0, 0, 0.64); font-size: 11px; line-height: 16px; font-weight: 500; z-index: 1; white-space: nowrap; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box #videoArea{padding-top: 66.67%;}
/* .sub_icp .section0 .icp_video_player .video_wrap .player_box #videoArea > svg{position: absolute;left:0;right:0;bottom:0;top:0;} */
.sub_icp .section0 .icp_video_player .video_wrap .player_box #videoArea > canvas{position: absolute;top:50%;left:50%;transform: scale(1.2) translate(-50%, -50%) !important;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last {position: absolute; top: 58px; left: 0; width: 100%; height: 112px; text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last .restart_btn {margin-top: 20px;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last .restart_btn .btn {display: inline-block;padding: 10px 16px 10px 33px;background: rgba(0, 0, 0, 0.08) url(/docfiles/resources/pc/images/cus/ico_circle_play.svg) no-repeat;background-position: 10px 10px;background-size: 20px 20px;border-radius: 52px;font-size: 14px;font-weight: 700;line-height: 20px;}

.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton {position: absolute; top: 0; left: 0; width: 100%; padding-top: 66.67%; background-color: #e7e7e7; z-index: 2; animation: skeletonColor 2s infinite linear;}
/* .sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton::before{ content: ''; position: absolute; top: 0; left: 50%; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,255,255,0) 30%, #f8f8f8 50%, rgba(255,255,255,0) 70%); animation: slideFilmRightFirst 1.5s linear infinite reverse; transform: translateX(-50%);} */

/* .sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton {position: absolute; top: 0; left: 0; width: 100%; padding-top: 66.67%; background-color: #fff; z-index: 2; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box_wrap{ position: absolute; top: 20px; left: 50%; width: 200px; height: 53px; margin-left: -100px; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box{ position: relative; display: block; width: 100%; height: 24px; background-color: #e7e7e7; overflow: hidden; border-radius: 6.5px; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box::before{ content: ''; position: absolute; top: 0; left: 50%; width: 200px; height: 24px; margin-left: -100px; background: linear-gradient(90deg, rgba(255,255,255,0) 30%, #f8f8f8 50%, rgba(255,255,255,0) 70%); animation: slideFilmRightFirst 1.5s linear infinite reverse; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box+.load_box{margin-top: 4px;} */

.sub_icp .section0 .icp_info{margin: 0 24.5px;}
.sub_icp .section0 .motors_info{padding-top: 80px;}
.sub_icp .section0 .motors_info .motors_list{ display: flex; align-items: center; justify-content: center;}
.sub_icp .section0 .motors_info .motors_list>li {width:60px; margin-right: 12px;}
.sub_icp .section0 .motors_info .motors_list>li:last-child{margin-right: 0;}
.sub_icp .section0 .motors_info .motors_list>li .logo{width:100%;}
.sub_icp .section0 .motors_info .tit{margin-top:20px;}
.sub_icp .section0 .line_info{padding-top: 120px; padding-bottom: 100px;}

.sub_icp .section0 .line_info .line_st>li{margin-bottom: 32px; padding-top: 14px; padding-bottom: 50px; border-top: 2.5px solid #000;}
.sub_icp .section0 .line_info .line_st>li + li{margin-bottom: 0;}
.sub_icp .section0 .line_info .line_st>li .link{position: relative; display: block; padding-right: 4px;}
.sub_icp .section0 .line_info .line_st>li .link::before{ content: ''; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 100% 100%; background-size: 24px 24px}

.sub_icp .section0 .useinfo {padding-top: 24px; border-top: 1px solid rgba(0, 0, 0, 0.08);}
.sub_icp .section0 .useinfo .dash_list02 li {color: rgba(0, 0, 0, 0.64);}



@media (max-width: 374px ) {
    .sub_icp .section0 ._icp_intro ._gv_box .gv_img{width: 100%;}
}
@keyframes skeletonColor {
    0%{background-color: #e7e7e7;}
    50%{background-color: #ffffff;}
    100%{background-color: #e7e7e7;}
}

@keyframes arrowDown {
    0%{transform: translateY(0px);}
    50%{transform: translateY(-12px);}
    100%{transform: translateY(0px);}
}
@keyframes slideFilmDownFirst {
    from{
        -webkit-transform: translateY(-100%); -webkit-opacity: 1;
        transform: translateY(-100%); opacity: 1;
    }
    50%{
        -webkit-transform: translateY(0%); -webkit-opacity: 1;
        transform: translateY(0%); opacity: 1;
    }
    99.97%{ opacity: 1; -webkit-opacity: 1;}
    99.98%{
        -webkit-transform: translateY(100%); -webkit-opacity: 0;
        transform: translateY(100%); opacity: 0;
    }
    99.99%{
        -webkit-transform: translateY(-100%); -webkit-opacity: 0;
        transform: translateY(-100%); opacity: 0;
    }
    to{
        -webkit-transform: translateY(-100%); -webkit-opacity: 1;
        transform: translateY(-100%); opacity: 1;
    }
}
@keyframes slideFilmDownLast {
    from{
        -webkit-transform: translateY(-100%); -webkit-opacity: 1;
        transform: translateY(-100%); opacity: 1;
    }
    50%{
        -webkit-transform: translateY(0%); -webkit-opacity: 1;
        transform: translateY(0%); opacity: 1;
    }
    50.01%{
        -webkit-transform: translateY(0%); -webkit-opacity: 1;
        transform: translateY(0%); opacity: 1;
    }
    50.02%{
        -webkit-transform: translateY(-200%); -webkit-opacity: 0;
        transform: translateY(-200%); opacity: 0;
    }
    50.03%{
        -webkit-opacity: 1; opacity: 1; 
    }
    99.9%{
        -webkit-transform: translateY(-100%); -webkit-opacity: 1;
        transform: translateY(-100%); opacity: 1;
    }
    to{
        -webkit-transform: translateY(-100%); -webkit-opacity: 1;
        transform: translateY(-100%); opacity: 1;
    }
}
@keyframes slideFilmRightFirst {
    from {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50.01% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50.02% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50.03% {
        -webkit-opacity: 1;
        opacity: 1;
    }

    99.9% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideFilmRightLast {
    from {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    99.97% {
        -webkit-opacity: 1;
        opacity: 1;
    }

    99.98% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }

    99.99% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes spring {
    0% {transform: scale(0.5); opacity: 0;}
    25% {transform: scale(1.13);}
    33.3% {transform: scale(1.13);}
    58.3% {transform: scale(0.9);}
    66.6% {transform: scale(0.9);}
    100% {transform: scale(1); opacity: 1;}
}

/* 이용방법 */
.sub_icp .section1{overflow-x: hidden;}
.sub_icp .section1 .incarpayment_cont{padding: 60px 24px 0; word-break: keep-all;}
.sub_icp .section1 .use_info_cont{/*padding-top: 56px;border-top: 2px solid #000;*/}
.sub_icp .section1 .use_info_cont .use_info_txt1 p > span.ico_arrow{display: inline-block;width: 20px;height: 20px;margin-top: -2px; background:url(/docfiles/resources/mo/images/com/icon/w64/ArrowB_Forward.png) no-repeat 100% 50%; background-size:20px 20px;vertical-align: middle;}
.sub_icp .section1 .use_info_cont .use_info_txt2.gray_box, .sub_icp .section1 .use_pay_cont .use_pay_txt2.gray_box{margin-top: 16px; padding: 14px;  border-radius: 12px; background: rgba(0, 0, 0, 0.04);}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box > .app_info{margin-top: 8px;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box > .app_info > li{padding: 12px 0; }
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box > .app_info > li+li{border-top: 1px solid rgba(0, 0, 0, 0.08);}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box > .app_info > li .p3_m_lt_1ln{display: flex; align-items: center;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box > .app_info > li .p3_m_lt_1ln .ico_arrow{ display: inline-block; width: 12px; height: 12px; margin: 0; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size: 12px 12px; vertical-align: middle; opacity: 1;}
.sub_icp .section1 .app_info li .icoApp{ display: inline-block;width: 24px;height: 24px;margin-right: 6px;border-radius: 4.8px}
.sub_icp .section1 .app_info li .app_blue { background: url(/docfiles/resources/mo/images/pay/app_hyundai.png) center center no-repeat; background-size: 24px 24px; }
.sub_icp .section1 .app_info li .app_kia { background: url(/docfiles/resources/mo/images/pay/app_kia.png) center center no-repeat; background-size: 24px 24px; }
.sub_icp .section1 .app_info li .app_Gen { background: url(/docfiles/resources/mo/images/pay/app_genesis.png) center center no-repeat; background-size: 24px 24px; }
.sub_icp .section1 .use_info_cont .use_info_txt2 > p, .sub_icp .section1 .use_pay_cont .use_pay_txt2 > p{font-size: 14px;font-weight: 500;line-height: 22px;}
.sub_icp .section1 .incarpayment_cont .tab_list{display: inline-block;margin-top: 20px;}
.sub_icp .section1 .incarpayment_cont .tab_list ul{display: flex;align-items: center;padding: 6px 0;}
.sub_icp .section1 .incarpayment_cont .tab_list ul li{margin-right: 12px;padding: 15px 0;}
.sub_icp .section1 .incarpayment_cont .tab_list ul li .tab_btn{color: rgba(0, 0, 0, 0.40);}
.sub_icp .section1 .incarpayment_cont .tab_list ul li.active .tab_btn{color: #000;}
.sub_icp .section1 .incarpayment_cont .tab_list ul li:last-child{margin-right: 0;}
.sub_icp .section1 .incarpayment_cont .tab_list ul li::after{display: inline-block;width: 1px;height: 12px;margin-left: 12px;background: rgba(0, 0, 0, 0.12); content: '';}
.sub_icp .section1 .incarpayment_cont .tab_list ul li:last-child::after{display: none;}
.sub_icp .section1 .incarpayment_cont .use_pay_img .tab_list {margin-top: 34px;}
.sub_icp .section1 .incarpayment_cont .use_pay_img .tab_list ul {padding: 0;}
.sub_icp .section1 .incarpayment_cont .use_pay_img .tab_list ul li {padding: 0;padding: 3px 0 7px;}

.sub_icp .section1 .slide_wrap { position: relative; left: 50%; width: 100%; height: 407px; margin-top: 15px; margin-left: -100px; opacity: 1; }
.sub_icp .section1 .slide_wrap .slide_item { position: absolute; top: 0; left: 0; width: 200px; height: 407px; transition: all 500ms ease; }
.sub_icp .section1 .slide_wrap .slide_item .slide_img { width: 100%; }
.sub_icp .section1 .slide_wrap .slide_item0 { z-index: 4; }
.sub_icp .section1 .slide_wrap .slide_item1 { z-index: 3; }
.sub_icp .section1 .slide_wrap .slide_item2 { z-index: 2; }
.sub_icp .section1 .slide_wrap .slide_item3 { z-index: 1; }
.sub_icp .section1 .slide_wrap .sld_txt { width: 100%; margin-top: 17px; text-align: center; white-space: nowrap; line-height: 15px;}
.sub_icp .section1 .btn_box { display: flex; align-items: center; justify-content: center; margin-top: 48px; opacity: 0; transition: opacity 500ms ease; }
.sub_icp .section1 .btn_box > .slide_btn { width: 32px; height: 32px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 32px 32px; }
.sub_icp .section1 .btn_box > .slide_btn.disab { opacity: 0.4; }
.sub_icp .section1 .btn_box > .slide_btn + .slide_btn { margin-left: 16px; }
.sub_icp .section1 .btn_box > .slide_btn.slide_prev { background-image: url('/docfiles/resources/mo/images/pay/ico_sldprev.png'); }
.sub_icp .section1 .btn_box > .slide_btn.slide_next { background-image: url('/docfiles/resources/mo/images/pay/ico_sldnext.png'); }

.sub_icp .section1 .slide_wrap.slide_oilstaion { width: 100%; height: 48.64864864864865vw; margin-left: -50%; }
.sub_icp .section1 .slide_wrap.slide_oilstaion .slide_item{ width: 100%; height: 100%; }
.sub_icp .section1 .slide_wrap.slide_parking { width: 100%; height: 48.64864864864865vw; margin-left: -50%; }
.sub_icp .section1 .slide_wrap.slide_parking .slide_item{ width: 100%; height: 100%; }
.sub_icp .section1 .slide_wrap.slide_pickup { width: 100%; height: 48.64864864864865vw; margin-left: -50%; }
.sub_icp .section1 .slide_wrap.slide_pickup .slide_item{ width: 100%; height: 100%; }

.sub_icp .section1 .slide_wrap.slide_oilstaion .sld_txt, 
.sub_icp .section1 .slide_wrap.slide_parking .sld_txt,
.sub_icp .section1 .slide_wrap.slide_pickup .sld_txt { width: 100%;}

.sub_icp .section1 .use_info_txt3{display: flex;align-items: center;margin-top: 40px;}
.sub_icp .section1 .use_info_txt3 .img{position: relative;width: 44px;height: 44px;margin-right: 12px;border: 1px solid #fff;border-radius: 12px;overflow: hidden;}
.sub_icp .section1 .use_info_txt3 .img > img{position: absolute;top:0;width: 100%;animation: 'fadeInUp .5s'; z-index: 3;}
/* .sub_icp .section1 .use_info_txt3 .img > img:nth-child(2){position: absolute;top:0;width: 100%;z-index: 2;} */
/* .sub_icp .section1 .use_info_txt3 .img > img:nth-child(3){position: absolute;top:0;width: 100%;z-index: 1;} */
/* .sub_icp .section1 .use_info_txt3 .use_info_txt_cont > p:first-child{font-size: 16px;font-weight: 700;line-height: 22px;} */
@keyframes fadeInUp{
    0%{
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to{
        opacity: 1;
        transform: translateZ(0);
    }
}

.sub_icp .section1 .icp_cont02{margin-top: 100px;}            

.sub_icp .section1 .sld_btn_box{display: flex;justify-content: center;margin: 20px auto 0;}
.sub_icp .section1 .sld_btn_box > .slide_btn{position: relative; background-color:transparent;}
.sub_icp .section1 .swiper-button-prev::after{position:absolute;left: 0;width: 32px;height: 32px;background-image: url('/docfiles/resources/pc/images/pay/ico_sldprev.png');background-size: 100%;content: '';}
.sub_icp .section1 .swiper-button-next::after{position:absolute;right: 0;width: 32px;height: 32px;background-image: url('/docfiles/resources/pc/images/pay/ico_sldnext.png');background-size: 100%;content: '';}


.sub_icp .section1 .icp_cont03{margin-top: 100px;}
.sub_icp .section1 .box_line_store{  border-top: 2px solid #000; }

.sub_icp .section1 .box_line_store .list { padding: 32px 0; }
.sub_icp .section1 .box_line_store .list + .list{ border-top: 1px solid rgba(0, 0, 0, 0.08); }
.sub_icp .section1 .box_line_store .list .tit { display: flex; align-items: center; justify-content: space-between; margin-bottom: -12px; }
.sub_icp .section1 .box_line_store .list .cont .store_list { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 16px;}
.sub_icp .section1 .box_line_store .list .cont .store_list .store { flex: 0 0 33.33%; padding-top: 32px; }
.sub_icp .section1 .box_line_store .list .cont .store_list .store_logo { display: block; width: 82px; height: 44px; margin: 0 auto; object-fit: contain;}
.sub_icp .section1 .box_line_store .list .cont .store_list .logo_box + .p3_b_ctr_1ln{ margin-top: 2px;}

.sub_icp .section1 .useinfo .line_top { padding-top: 24px; margin-top: 24px; border-top:1px solid #e0e0e0; } 
[class^="bul_"][class*="list02"] > li, .sub_icp .section1 .bul_list02 li .dash_list02 li{color: #000;}

/* 모달창 */
.modal_pop.app_install_pop .app_set_list{ padding: 25px 0; }
.modal_pop.app_install_pop .app_set_list + .app_set_list{border-top: 1px solid rgba(0, 0, 0, 0.08);}
.modal_pop.app_install_pop .app_set_list .app_set_area{ display: flex; justify-content: space-between; align-items: center; }
.modal_pop.app_install_pop .app_set_list .app_set_area .app_set_cont{ display: flex;  align-items: center; }
.modal_pop.app_install_pop .app_set_list .app_set_area .app_set_cont .img{ width: 48px; height: 48px; }
.modal_pop.app_install_pop .app_set_list .app_set_area .app_set_cont .tit{ padding-left: 12px;}
.modal_pop.app_install_pop .app_set_list .app_set_area .app_store .install_btn{ padding: 10px 8px; background-color: rgba(0, 0, 0, 0.08); border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 20px;}

/* 하이패스 */
.sub_icp .section2{overflow-x: hidden;}
.sub_icp .section2 .hipass_warp{padding: 60px 24px 0;overflow-x: hidden;}
.sub_icp .section2 .title_box .box_img{margin-left: -8px; margin-right: -8px;padding-top: 69.74%;border-radius: 20px;overflow: hidden;}
.sub_icp .section2 ._icp_skeleton{z-index: 3; background-color: #fff;}
.sub_icp .section2 ._icp_skeleton .load_box{position: relative; background-color: #e7e7e7; overflow: hidden; animation: skeletonColor 2s infinite linear}
@keyframes slideFilmRightFirst {
    from {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50.01% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    50.02% {
        -webkit-opacity: 0;
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50.03% {
        -webkit-opacity: 1;
        opacity: 1;
    }

    99.9% {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-opacity: 1;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

#introAni > canvas{position: absolute;top:50%;left:50%;transform: scale(1.2) translate(-50%, -50%) !important;}
.sub_icp .section2 .title_box .box_img .img{width: 100%;}

.sub_icp .section2 .hibox_infowrap .info_list{display: flex; align-items: flex-start; }
.sub_icp .section2 .hibox_infowrap .info_list + .info_list{margin-top: 32px;}
.sub_icp .section2 .hibox_infowrap .info_list .img_box{flex-shrink: 0; width: 48px; height: 48px; margin-right: 16px; }
.sub_icp .section2 .hibox_infowrap .info_list .img_box .svg{fill: black;}

.sub_icp .section2 .accod_wrap{border-top:2px solid #000;}
.sub_icp .section2 dl.accod_wrap > dt{padding-top: 14px; padding-bottom: 14px;} 
.sub_icp .section2 .accod_btn.big{display:-webkit-flex; display:-ms-flexbox; display: flex;align-items: center;width:100%;}
.sub_icp .section2 .accod_btn.big a{width:100%;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat right center;background-size:32px 32px;}
.sub_icp .section2 .accod_btn.big.on a{background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up.png') no-repeat right center;background-size:32px 32px;}
.sub_icp .section2 .accod_con{display:none; margin-top: 22px;}
.sub_icp .section2 .highpass_useinfo .histep_list .info_list { position: relative; padding-bottom: 64px;}
.sub_icp .section2 .highpass_useinfo .histep_list .info_list::before { content: ''; position: absolute; top: 12px; left: 22px; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0;}
.sub_icp .section2 .highpass_useinfo .histep_list .info_list:last-child {padding-bottom: 0;}
.sub_icp .section2 .highpass_useinfo .histep_list .info_list:last-child::before { display: none; }
.sub_icp .section2 .highpass_useinfo .histep_list .info_list .step { display: flex; align-items: flex-start;}
.sub_icp .section2 .highpass_useinfo .histep_list .info_list .step .tit {flex-shrink: 0; width: 59px; padding: 6px 0;}
.sub_icp .section2 .highpass_useinfo .histep_list .info_list .step .tit .label { position: relative; display: inline-block; height: 20px; padding: 0px 6px; background-color: #000; border-radius: 60px; color: #fff; font-size: 10px; font-weight: 700; line-height: 20px; z-index: 1; }
.sub_icp .section2 .highpass_useinfo .histep_list .info_list .step .desc .exp_m_13 { font-size: 13px; font-weight: 500; line-height: 18px;  }

.sub_icp .section2 .app_info{width: 100%; padding:8px 20px; background: rgba(0,0,0,.04);border-radius:12px;}
.sub_icp .section2 .app_info li{padding:12px 0px; }
.sub_icp .section2 .app_info li+li{border-top: 1px solid rgba(0, 0, 0, 0.06);}
.sub_icp .section2 .app_info li .p2_b_lt_1ln{display: flex;align-items: center;margin-bottom: 8px;}
.sub_icp .section2 .app_info li .icoApp{display: inline-block; width:24px;height:24px;margin-right: 8px;border-radius: 6px;}
.sub_icp .section2 .app_info li .app_blue{background: url('/docfiles/resources/mo/images/pay/app_hyundai.png') center center no-repeat;background-size: 24px 24px;}
.sub_icp .section2 .app_info li .app_kia{background: url('/docfiles/resources/mo/images/pay/app_kia.png') center center no-repeat;background-size: 24px 24px;}
.sub_icp .section2 .app_info li .app_Gen{background: url('/docfiles/resources/mo/images/pay/app_genesis.png') center center no-repeat;background-size: 24px 24px;}
.sub_icp .section2 .app_info li .text {display: flex; align-items: center; flex-wrap: wrap;}
.sub_icp .section2 .app_info li .text .ico_arrow{display: inline-block;width: 12px;height: 12px;background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%;background-size: 12px 12px; vertical-align: middle; opacity: 0.4;}

.sub_icp .section2 .highpass_usecar {margin-top: 120px;margin-bottom: 120px;}
.sub_icp .section2 .highpass_usecar > p.txt{letter-spacing: -0.1px;}
.sub_icp .section2 .highpass_usecar .hilogo_list{margin:0 0 20px 0;text-align: center;}
.sub_icp .section2 .highpass_usecar .hilogo_list li{display: inline-block; width:60px;height:60px;border-radius: 100px;overflow: hidden;margin-right: 12px;}
.sub_icp .section2 .highpass_usecar .hilogo_list li:last-child{margin:0}
.sub_icp .section2 .highpass_usecar .hilogo_list li img{width: 100%;}
.sub_icp .section2 .highpass_usecar a.btn_popusercar{display: flex;align-items: center;justify-content: center;}
.sub_icp .section2 .highpass_usecar a.btn_popusercar > .pop_btn{width: 20px;height: 20px;background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:20px 20px;opacity: 0.64;}

.sub_icp .section2 .accod_con .list_box{display:flex;align-items:flex-start;}
.sub_icp .section2 .list_box.row2{display:flex;justify-content:center;padding:0 36px;width:100%;}
.sub_icp .section2 .list_box.w96 .items {text-align:center;}
.sub_icp .section2 .list_box .items + .items{margin-left:50px}
.sub_icp .section2 .list_box.w96 .items .img{width:96px;display:inline-block;height:150px;overflow:hidden;border-radius:8px;box-shadow:0 3px 2px rgba(0,0,0,.1)}
.sub_icp .section2 .list_box.w96 .items .img > img{max-width: 100%;}
.sub_icp .section2 .box_bul + .box_bul{margin-top:32px;}

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

.sub_icp .section2 .modal_pop.auto_type .radio_box { display: flex; flex-wrap: wrap; }
.sub_icp .section2 .modal_pop.auto_type .radio_box li { position: relative;}
.sub_icp .section2 .modal_pop.auto_type .radio_box.row3 li {width: calc((100% - 8px) / 3);}
.sub_icp .section2 .modal_pop.auto_type .radio_box.row3 li:nth-child(3n + 1) { margin-left: 0; }
.sub_icp .section2 .modal_pop.auto_type .radio_box label { display: flex; padding: 13px 0; width: 100%; position: relative; color: #858585; height: 48px; justify-content: center; background: #fff; border-radius: 4px; line-height: 22px; color: #000; font-weight: 700;}
.sub_icp .section2 .modal_pop.auto_type .radio_box label:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #ebebeb;border-radius: 4px;}
.sub_icp .section2 .modal_pop.auto_type .radio_box input:checked + label:before { border-color: #000; border-width: 2px; color: #000;}
.sub_icp .section2 .modal_pop.auto_type .brand_box {margin: 16px 0 40px;}
.sub_icp .section2 .modal_pop.auto_type .brand_box .tit {font-size: 12px; line-height: 18px; font-weight: 700; color: rgba(0,0,0,0.64);}
.sub_icp .section2 .modal_pop.auto_type .brand_box .bul_list03 {margin-top: 4px}
.sub_icp .section2 .modal_pop.auto_type .brand_box .bul_list03 li {font-size: 12px; line-height: 18px; color: rgba(0,0,0,.64);}

/* 자주 묻는 질문 */
.sub_icp .section3{overflow-x: hidden;}
.sub_icp .section3 .icp_qna_cont {padding: 60px 24px 0;}
.sub_icp .section3 .faq_cont {margin-top: 12px;}
.sub_icp .section3 .faq_cont .tab_list{display: flex;align-items: center;padding: 6px 0;}
.sub_icp .section3 .faq_cont .tab_list > li{margin-right: 12px;padding: 15px 0;}
.sub_icp .section3 .faq_cont .tab_list > li .tab_btn{color: rgba(0, 0, 0, 0.40);}
.sub_icp .section3 .faq_cont .tab_list > li.active .tab_btn{color: #000; font-weight: 700;}
.sub_icp .section3 .faq_cont .tab_list > li:last-child{margin-right: 0;}
.sub_icp .section3 .faq_cont .tab_list > li::after{display: inline-block;width: 1px;height: 12px;margin-left: 12px;background: rgba(0, 0, 0, 0.12); content: '';}
.sub_icp .section3 .faq_cont .tab_list > li:last-child::after{display: none;}
.sub_icp .section3 .in_car_payment_qna, .sub_icp .section3 .hi_pass_qna{margin-left: -24px; margin-right: -24px;}

.sub_customer.sub_icp .section3 .accod_list .accodWrap:first-child .accodBtn{border-top: 2px solid #000;}
.sub_customer.sub_icp .section3 .accod_list.qna_type .box_tit p:before {content:'Q.'; left:0px}


/*** 2025-04-07 Q11791 인카페이먼트 다크모드 적용 ***/
@media (prefers-color-scheme:dark) {
    .sub_icp .tab_wrap {background: #333;}
    .sub_icp .tab_default a {color: #a3a3a3;}

    /* 소개 */
    .sub_icp .section0 {background: #333;}
    .sub_icp .section0 ._icp_intro {background: #333;}
    .sub_icp .section0 ._icp_intro ._line_box ._white_dim {background: #333;}
    .sub_icp .section0 ._icp_intro ._line_box ._dot_box ._dot {background: url(/docfiles/resources/pc/images/cus/img_dotRepeat_wht.png) repeat-y; background-size: 3px;}
    .sub_icp .section0 ._inGV_motion {background: #333;}
    .sub_icp .section0 ._inGV_motion .title_wrap .title_3 {background: url(/docfiles/resources/pc/images/cus/ico_icp_check_dark.png) no-repeat 100% 50%; background-size: 26px 26px;}
    .sub_icp .section0 ._icpUse_motion ._square_wrap {background: #333; border: 4px solid #fff;}
    .sub_icp .section0 ._icpUse_motion ._img_film::before {background: linear-gradient(180deg, #333 0%, rgba(51,51,51,0) 100%);}
    .sub_icp .section0 ._icpUse_motion ._img_film::after {background: linear-gradient(360deg, #333 0%, rgba(51,51,51,0) 100%);}
    .sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li {border: 1px solid rgba(255, 255, 255, 0.2);}
    .sub_icp .section0 .icp_video_player .video_wrap .video_tab > .video_tab_ul > .video_tab_li > a {color: rgba(255, 255, 255, 0.48);}
    .sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last .restart_btn .btn {color: #000;}
    .sub_icp .section0 .line_info .line_st>li {border-top: 2.5px solid #fff;}
    .sub_icp .section0 .line_info .line_st>li .link::before {background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward_wht.png) no-repeat 100% 100%; background-size: 24px 24px;}
    .sub_icp .section0 .useinfo .dash_list02 li {color: rgba(255, 255, 255, 0.64);}
    .sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li.on.progress {background-color: #222;}
    .sub_icp .section0 .icp_video_player .video_wrap .ctrl_bar_ul .ctrl_bar_li > .bar {background-color: #bcbcbc;}
    .sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-prev {background-image: url(/docfiles/resources/mo/images/pay/ico_sldprev_wh.png);}
    .sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-next {background-image: url(/docfiles/resources/mo/images/pay/ico_sldnext_wh.png);}

    /* 이용방법 */
    .sub_icp .section1 .incarpayment_cont .tab_list ul li .tab_btn {color: rgba(255, 255, 255, 0.4);}
    .sub_icp .section1 .incarpayment_cont .tab_list ul li.active .tab_btn {color: #fff;}
    .sub_icp .section1 .btn_box > .slide_btn.slide_prev {background-image: url(/docfiles/resources/mo/images/pay/ico_sldprev_wh.png);}
    .sub_icp .section1 .btn_box > .slide_btn.slide_next {background-image: url(/docfiles/resources/mo/images/pay/ico_sldnext_wh.png);}
    .sub_icp .section1 .svg * {fill: inherit;}
    .sub_icp .section1 .box_line_store {border-top: 2px solid #fff;}
    .sub_icp .section1 .box_line_store .list + .list {border-top: 1px solid rgba(255, 255, 255, 0.08);}
    .sub_icp .section1 .use_info_cont .use_info_txt2.gray_box, 
    .sub_icp .section1 .use_pay_cont .use_pay_txt2.gray_box {background: rgba(255, 255, 255, 0.04);}
    .sub_icp .section1 .incarpayment_cont .tab_list ul li::after {background: rgba(255, 255, 255, 0.12);}
    
    /* e hi-pass */
    .sub_icp .section2 ._icp_skeleton{background-color: #333;}
    .sub_icp .section2 ._icp_skeleton .load_box{background-color: #333;}
    .sub_icp .section2 .highpass_usecar a.btn_popusercar > .pop_btn {background: url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_wht.png) no-repeat 100% 50%; background-size: 20px 20px;}
    .sub_icp .section2 .accod_wrap {border-top: 2px solid #fff;}
    .sub_icp .section2 .accod_btn.big a {background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png) no-repeat right center; background-size: 32px 32px;}
    .sub_icp .section2 .accod_btn.big.on a {background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up_wht.png) no-repeat right center; background-size: 32px 32px;}
    .sub_icp .section2 .highpass_useinfo .histep_list .info_list::before {background-color: rgba(255, 255, 255, 0.4);}
    .sub_icp .section2 .highpass_useinfo .histep_list .info_list .step .tit .label {color: #000; background: #fff;}
    .sub_icp .section2 .app_info li .text .ico_arrow {background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward_wht.png) no-repeat 100% 50%; background-size: 12px 12px;}

    /* 자주 묻는 질문 */
    .sub_icp .section3 .faq_cont .tab_list > li::after {background: rgba(255, 255, 255, 0.12);}
    .sub_icp .section3 .faq_cont .tab_list > li .tab_btn {color: rgba(255, 255, 255, 0.40);}
    .sub_icp .section3 .faq_cont .tab_list > li.active .tab_btn {color: #fff;}
    .sub_customer.sub_icp .section3 .accod_list .accodWrap:first-child .accodBtn {border-top: 2px solid #fff;}

    [class^="bul_"][class*="list02"] > li, .sub_icp .section1 .bul_list02 li .dash_list02 li {color: #fff;}
}

/* 2025-08-26 Q11855 [고객지원] 개인채무자보호법 메뉴 모바일웹 신규제작 */
.debt_tab_slide{position: fixed; z-index: 10; top: 49px; left: 0; width: 100%; background: #fff;}
.debt_tab_slide:after{display: none;}
.tab_slide.debt_tab_slide .tab_default{padding: 6px 0;}
.sub_customer .tab_slide.debt_tab_slide .tab_default a{height: 36px; line-height: 36px; background-color: rgba(0, 0, 0, .04); font-size: 14px; color: rgba(0, 0, 0, .48);}
.sub_customer .tab_slide.debt_tab_slide .tab_default a.current{background-color: #000; color: #fff;}

.sub_customer .content_debt .bul_list > li + li{margin-top: 2px;}
.sub_customer .content_debt .dash_list > li + li{margin-top: 6px;}

.dept_step_box{border: 1px solid rgba(0, 0, 0, .08); border-radius: 8px; padding: 36px 40px;}
.dept_step_box ul{display: flex; flex-direction: column; gap: 72px; text-align: center;}
.dept_step_box ul li{position: relative;}
.dept_step_box ul li + li:before{content: ''; display: inline-block; width: 32px; height: 32px; background-image: url('/docfiles/resources/mo/images/cus/ico_arrow_down.svg'); background-position: center; background-size: 32px; background-repeat: no-repeat; position: absolute; top: -52px; left: 50%; transform: translateX(-50%);}

.debt_info li{display: flex; align-items: flex-start; justify-content: space-between; padding: 13px 0;}
.debt_info li + li{border-top: 1px solid rgba(0, 0, 0, .04);}
.debt_info li .p1_m{min-width: 140px;}
.debt_info li .p1_b{text-align: right;}

.radio_list{display: flex; gap: 4px; flex-wrap: wrap;}
.radio_list li{width: calc(50% - 2px);}
.radio_list label{display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 48px; border: 1px solid rgba(0, 0, 0, .04); border-radius: 4px; font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, .48);}
.radio_list input:checked + label{border-color: #000; color: #000; font-weight: 700;}
.textarea_box{display: none; width: 100%; height: 120px; padding: 10px 15px; border: 1px solid rgba(255, 255, 255, .04); border-radius: 4px;}
.textarea_box.on{border-color: #000;}
.textarea_box textarea{width: 100%; height: 100%; border: none; outline: none; font-size: 16px; resize: none;}

.tab_container.nodata_container{margin-top: 0; padding-top: 48px;}
.debt_nodata_box{height: calc(100dvh - 232px); display: flex; align-items: center; justify-content: center; padding-top: 32px;}

.debt_table_wrap table{border-top: 1px solid rgba(0, 0, 0, .04);}
.debt_table_wrap table th,
.debt_table_wrap table td{text-align: left; vertical-align: top; padding: 12px 0; border-bottom: 1px solid rgba(0, 0, 0, .04);}
.debt_table_wrap table th{font-size: 14px; line-height: 20px; font-weight: 700;}
.debt_table_wrap table td{font-size: 12px; line-height: 16px; font-weight: 500; color: rgba(0, 0, 0, .64);}
@media (prefers-color-scheme:dark) {
    .sub_customer .tab_slide.debt_tab_slide .tab_default a{background-color: rgba(0,0,0,0.16); color: #a3a3a3;}

    .dept_step_box{border-color: rgba(255, 255, 255, .08);}
    .dept_step_box ul li + li:before{background-image: url('/docfiles/resources/mo/images/cus/ico_arrow_down_w.svg');}

    .debt_table_wrap table,
    .debt_table_wrap table th,
    .debt_table_wrap table td{border-color: rgba(255, 255, 255, .04);}
    .debt_table_wrap table td{color: rgba(255, 255, 255, .64);}

    .debt_info li + li{border-color: rgba(255, 255, 255, .04);}

    .radio_list label{border-color: rgba(255, 255, 255, .04); color: rgba(255, 255, 255, .64);}
    .radio_list input:checked + label{color: #fff; border-color: #fff;}
    .textarea_box{border-color: rgba(255, 255, 255, .04);}
    .textarea_box.on{border-color: #fff;}
    .textarea_box textarea{background-color: transparent;}
}
/* // 2025-08-26 Q11855 [고객지원] 개인채무자보호법 메뉴 모바일웹 신규제작 */