@charset "utf-8";

/** customer01 **/
.sub_customer .box_top_tit + [class^='box_customer'] {margin-top:52px;}
.sub_customer .box_top_tit .h1_eb_ctr + .h4_b_ctr + p {margin-top:4px;}
[class^='box_customer'] + .box_btn {margin-top:80px;}

.sub_customer .box_top_category + .tab_container {margin-top:42px;}

.sub_customer .cus_bundle + .cus_bundle {margin-top:64px;}
.sub_customer .box_title01 h3 + p {margin-top:12px;}
.sub_customer .box_title01 + .box_bul {margin-top:0;}
.sub_customer .cus_bundle + .box_certification {margin-top:80px;}
.sub_customer .box_certification {margin-top:24px;}
.sub_customer .box_certification.ctfn_wrap1 {margin-top:64px;}
.sub_customer .box_certification .box_title01 {margin-bottom:0;}
/* .sub_customer .box_certification .list_sel_inp.tab3 li {padding-top:0;}
.sub_customer .box_certification .list_sel_inp.tab3 li:nth-child(n+4) {padding-top:12px;}
.sub_customer .box_certification .list_sel_inp.tab2 li {padding-top:0;}
.sub_customer .box_certification .list_sel_inp.tab2 li:nth-child(n+3) {padding-top:12px;}
.sub_customer .box_certification .box_terms_wrap.type2 {margin-top:40px;} */
.sub_customer .box_bul li {line-height:26px;}
.sub_customer ul.box_line + div.box_line { margin-top: 52px;border-top: none;}


.sub_customer .box_customer02 .box_line > li .txt {width:auto;}

.sub_customer div.box_line {padding-top:24px;}
.sub_customer .box_line.pt0 {padding-top:0;}
.sub_customer .box_line + .box_input01 {margin-top:30px;}
.sub_customer .box_line > .box_bul li {color:#5c5c5c;}
.sub_customer .box_line > .box_bul.fc_blk li {color:#000;}
.sub_customer .box_line > .box_bul .box_bul {margin-top:8px;}
.sub_customer .box_line > dl + dl {margin-top:24px;}
.sub_customer .box_line > dl.mt80 {margin-top:80px;}
.sub_customer .box_line > dl dt {margin-bottom:16px;}
.sub_customer .box_line > dl dd {color:#5c5c5c;}
.sub_customer .box_line > dl dd.fc_blk {color:#000;}
.sub_customer .box_line > dl + .img_area { width:100%; height:360px;margin-top:23px; border:1px solid #ebebeb;}
.sub_customer .box_line > dl + .img_area + dl {margin-top:56px;}
.sub_customer .box_line > dl dt + .box_icon_list,
.sub_customer .box_line > dl dd + .box_icon_list {margin-top:16px;}
.sub_customer .box_line > dl .box_icon_list + .p1_m_lt_2ln {margin-top:40px;}
.sub_customer .box_line .box_table table {border-top:1px solid #949494;}
.sub_customer .box_line .cus_bundle:first-child {margin-top:36px;}
.sub_customer .box_line .cus_bundle + .cus_bundle {margin-top:52px;}

.sub_customer .box_line > p.txt {margin-top:24px;}
.sub_customer .box_line > dl dd.top_line { padding-top:20px;margin-top:20px; border-top:1px solid #ebebeb;}
.sub_customer .box_line > dl dd.top_line .indent_list > li + li {margin-top:16px;}
.sub_customer .box_line > dl dd.top_line .indent_list > li {color:#000;}
.sub_customer .box_line > dl dd.top_line .indent_list li ul li {color:#5c5c5c;}
.sub_customer .box_line > dl dd.top_line .dash_tit {display:block; margin-top:11px; font-weight:500;}
.sub_customer .box_line > dl dd.top_line .dash_tit + .dash_list {padding-left:8px;}
.sub_customer .bul_list li > .indent_list li { line-height:26px; padding-left:20px;margin-top:6px; text-indent: -20px;}
.sub_customer .indent_list.num_type > li { line-height:26px; padding-left:18px;margin-top:6px; text-indent: -18px; font-weight:500;}
.sub_customer .indent_list.num_type > li ul li {text-indent:0;}

.sub_customer .box_pop_banner + .box_bul {margin-top:52px;}
.sub_customer .box_pop_banner { padding:8px 20px 8px 12px;border-radius:8px; font-size:0;}
.sub_customer .box_pop_banner p {display:inline-block; margin-top:13px;}
.sub_customer .box_pop_banner .ico.w48 img {width:48px; height:48px;}
.sub_customer .box_pop_banner a {display:block;}

.sub_customer .tab_default + .box_top_category {margin-top:16px;}
.sub_customer .box_top_category + .cus_bundle {margin-top:42px;}

.sub_customer .cus_bundle > .h3_b_lt {margin-bottom:23px;}
.sub_customer .cus_bundle > .p1_m_lt_2ln + .p1_m_lt_2ln {margin-top:3px;}

.sub_customer .cus_bundle > .box_line + .box_bul {margin-top:24px;}
.sub_customer .cus_bundle > .box_bul {color:#5c5c5c;}
.sub_customer .box_bul.top_line {padding-top:40px;border-top:1px solid #e0e0e0; color:#5c5c5c;}
.sub_customer .cus_bundle > dl dt .list_sel_inp li {margin-top:0;}
.sub_customer .cus_bundle > dl + dl {margin-top:64px;}
.sub_customer .cus_bundle > dl:first-of-type {margin-top:52px;}
.sub_customer .cus_bundle > dl dt {margin-bottom:16px;}
.sub_customer .cus_bundle > dl dd .box_input01 + .box_input01 {margin-top:20px;}
.sub_customer .cus_bundle > dl dd .box_input01 + .box_input01 .input_textarea {margin-top:32px;}
.sub_customer .cus_bundle > dl dd textarea {margin-top:0;}
.sub_customer .cus_bundle > dl dd .input_textarea {font-size:0;}
.sub_customer .cus_bundle > dl dd .box_input01 + .box_terms_wrap,
.sub_customer .cus_bundle > dl dd .input_textarea + .box_bul {margin-top:24px;}

.box_customer01 {width:1200px; margin:0 auto;}
.box_customer01 .box_table + .box_bul {margin-top:24px;}
.box_customer01 .box_bul + .box_title01 {margin-top:inherit;}
.box_customer01 .box_table + .box_btn.alR {margin-top:24px;}

.box_customer01 .co_date_period02 {display:inline-block;}
.box_customer01 .co_date_period02 .range:after {display:block; clear:both; content:'';}
.box_customer01 .co_date_period02 .list_sel_inp, .box_customer01 .co_date_period02 .box_datepicker01 {float:left;}
.box_customer01 .co_date_period02 .list_sel_inp > li {width:84px; padding:0;}
.box_customer01 .co_date_period02 .box_datepicker01 {display:inline-block; margin-left:4px;}

.box_customer01 .co_inquiry_box02 {padding:19px 0 17px; font-size:0;}
.box_customer01 .co_inquiry_box02 :after {display:block; clear:both; content:'';}
.box_customer01 .co_inquiry_box02 .select_opt {float:left;}
.box_customer01 .co_inquiry_box02 .select_opt + .co_date_period02 {margin-left:36px;}

[class^='co_inquiry_box'] .input_datepicker {width:152px;}
[class^='co_inquiry_box'] .box_datepicker02:after {display:block; clear:both; content:'';}
[class^='co_inquiry_box'] .box_datepicker02 {display:inline-block; margin-left:4px; font-size:0;}
[class^='co_inquiry_box'] .box_datepicker02 .use_calendar {display:inline-block; vertical-align: top;}
[class^='co_inquiry_box'] .box_datepicker02 .box_btn { display:inline-block;margin-left:8px; vertical-align:top;}
[class^='co_inquiry_box'] .bar_dash {display:inline-block; line-height:48px; padding:0 8px; color:#5c5c5c;vertical-align:top; font-size:16px; font-weight:500;}

.box_customer02 {width:792px; margin:0 auto;}
.sub_customer .box_btn + .box_customer02 {margin-top: 120px;}
.box_customer02 .box_card_case01 {position:relative; overflow:hidden; padding:24px; border-radius:8px; text-align:center;}
.box_customer02 .box_card_case01:before { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f5f5f5;content:'';}
.box_customer02 .box_card_case01 > dl { position:relative; z-index:2;display:flex; display:-ms-flexbox; display:-webkit-flex; flex-direction:row; padding:15px 0 15px 16px; text-align:left;}
.box_customer02 .box_card_case01 > dl > dt {width:180px; line-height:26px; color:#5c5c5c; font-size:20px;}
.box_customer02 .box_card_case01 > dl > dd {width:calc(100% - 180px); line-height:26px; color:#000; font-size:20px; font-weight:700;}
.box_customer02 .box_card_case01 > dl > dd > .etc_txt {margin-top:6px;}
/* 2024-11-19 GGU477 추가 */
.box_customer02 .box_card_case02 {position:relative; overflow:hidden; padding:24px; border-radius:8px; text-align:center; background-color:#f5f5f5;}
.box_customer02 .box_card_case02 > dl {position:relative; display:flex; display:-ms-flexbox; display:-webkit-flex; flex-direction:row; padding:15px 24px; text-align:left; z-index:2;}
.box_customer02 .box_card_case02 > dl > dt {width:192px; color:#000; font-size:20px; line-height:26px;}
.box_customer02 .box_card_case02 > dl > dd {width:calc(100% - 192px); color:#000; font-size:20px; font-weight:700; line-height:26px;}
.box_customer02 .box_card_case02 > dl > dd > .etc_txt {margin-top: 8px; color: rgba(0, 0, 0, 0.64);}
/* //2024-11-19 GGU477 추가 */
/* 2025-12-12 GGU477 type_w257 추가 */
.box_card_case02.type_w257 > dl > dt {width: 257px;}
.box_card_case02.type_w257 > dl > dd {width: calc(100% - 257px);}

/* ARS상담 */
.list_ars_info {display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; padding-top:36px; border-top:2px solid #000;}
.list_ars_info dl {width:400px;}
.list_ars_info dl:nth-child(n+4) {margin-top:80px;}
.list_ars_info dl.long_type {width:auto;}
.list_ars_info dl dt {margin-bottom:4px;}
.list_ars_info dl dd + dd {margin-top:12px;}
.list_ars_info dl dd .lab_s {margin:12px 0 0 5px;}
.list_ars_info .box_btn .bar_list {margin-top:6px; }
.list_ars_info .box_btn .bar_list:after { display:block; clear:both;content:'';}
.list_ars_info .box_btn .bar_list * {float:left;}
.list_ars_info .box_btn .bar_list li {position:relative; letter-spacing:-1px;}
.list_ars_info .box_btn .bar_list li ~ li { padding-left:12px;margin-left:11px;}
.list_ars_info .box_btn .bar_list li ~ li:after { position:absolute; top:50%; left:0; height:12px; margin-top:-5px; border-left:1px solid #e0e0e0;content:'';}

/* 자주 하는 질문 */
.sub_customer .sub_tab_cate1 {margin-top:80px;}
.sub_customer .sub_tab_cate1:after {display:block; clear:both;content:"";}
.sub_customer .sub_tab_cate1 > li {float:left; margin-right:4px; margin-bottom:8px;}
.sub_customer .sub_tab_cate1 > li > a {display:block; line-height:22px; padding:9px 12px;border-radius:40px; color:#707070; background:#f5f5f5; font-size:16px; font-weight:700;} /* 2024-02-20 Q10962 접근성 명도대비 */
.sub_customer .sub_tab_cate1 > li.on > a {color:#fff; background:#000;}
.sub_customer .sub_tab_cate2 {margin-top:18px;}
.sub_customer .sub_tab_cate2:after {display:block; clear:both;content:"";}
.sub_customer .sub_tab_cate2 > li {position:relative; float:left; padding:6px 0; padding-right:12px; margin-right:12px;}
.sub_customer .sub_tab_cate2 > li > a { line-height:22px; color:#5c5c5c;font-size:16px; font-weight:500;}
.sub_customer .sub_tab_cate2 > li.on > a {color:#000; font-weight:700;}
.sub_customer .sub_tab_cate2 > li:not(:last-child):after { position:absolute; top:11px; right:0; display:block; width:1px; height:12px; background:#e0e0e0;content:"";}
.sub_customer .qna_section {margin-top:42px;}
.sub_customer .qna_section .accod_list .no_data {padding:160px 0; border-bottom:1px solid #ebebeb;}
.sub_customer .search_wrap + .txt_result {margin:80px 0; word-break:break-all;}
.sub_customer .search_wrap + section + .tab_container {margin-top:50px;}

/* 확인필요 ars_accod */
.sub_accod > .accodWrap > .accodSlide .sub_title .p2_m {margin-top:8px;}
.sub_accod > .accodWrap > .accodSlide .co_tbl_type01 {border-top:1px solid #949494;}
.sub_accod > .accodWrap > .accodSlide .sub_title {margin-top:36px;}
.sub_accod > .accodWrap > .accodSlide .sub_title + .box_table {margin-top:20px;}
.sub_accod > .accodWrap > .accodSlide .box_table + .box_bul,
.sub_accod > .accodWrap > .accodSlide .box_table + .box_btn {margin-top:24px;}
.sub_accod > .accodWrap > .accodSlide .box_select { width:300px;margin-top:20px; font-size:0;}
.sub_accod > .accodWrap > .accodSlide .box_select + .box_table {margin-top:20px;}
.sub_accod .accodSlide .sub_title + .box_table {margin-top:20px;}
.sub_accod .accodSlide .sub_title + .box_table tr td {color:#333;}
.sub_accod .accodSlide .co_tbl_info_article {border-top:1px solid #ebebeb;}

.co_tbl_info_article {display:table; width:100%; table-layout:fixed;}
.co_tbl_info_article .box_grp { display:table; width:100%;border-bottom:1px solid #ebebeb; table-layout:fixed;}
.co_tbl_info_article .box_grp:after { display:block; clear:both;content:"";}
.co_tbl_info_article .box_grp > div {display:table-cell; padding:19px 24px;}
.co_tbl_info_article .grp_title {width:306px; padding-right:0;}
.co_tbl_info_article .grp_cont  {width:100%;}
.co_tbl_info_article .grp_cont p + p {margin-top:4px;}
.co_tbl_info_article .grp_price {width:180px;}
.co_tbl_info_article .grp_title + .grp_price {width:100%;}
.co_tbl_info_article .co_no_data {padding:69px 0;border-bottom:1px solid #ebebeb;}
.co_tbl_info_section + .box_bul,
.co_tbl_info_section + .box_btn  {margin-top:24px;}

.list_tbl {margin-top:36px; border-top:1px solid #949494;}
.list_tbl .box_num {border-bottom:1px solid #f5f5f5;}
.list_tbl .box_num:after { display:block; clear:both;content:"";}
.list_tbl .box_num .tit {float:left; width:408px; padding:24px 40px;}
.list_tbl .box_num .cont {float:left; width:792px;}
.list_tbl .box_num .cont li {overflow:hidden; padding:22px 40px 22px 24px;}
.list_tbl .box_num .cont li + li {border-top:1px solid #f5f5f5;}
.list_tbl .box_num .cont li span {display:inline-block;}
.list_tbl .box_bul {padding:20px 40px; border-bottom:1px solid #f5f5f5;}
.list_tbl + .box_btn {margin-top:24px;}


/* cms 민원건수 공시 스타일 수정 */
.box_content_asis .form_box + .form_box {margin-top:64px;}
.box_content_asis .form_box .table_content {margin-top:20px;}
.box_content_asis .table_content + .list_style01 {margin-top:24px;}
.box_content_asis .table_header {display:flex; display:-ms-flexbox; display:-webkit-flex; overflow:hidden; align-items:center; font-size:0;}
.box_content_asis .table_header .table_title {display:inline-block; line-height:32px; color:#000; font-size:24px; font-weight:700;}
.box_content_asis .table_header .sub_txt {display:inline-block; margin-left:8px; color:#5c5c5c; font-size:16px;}
.box_content_asis .table_header + .list_style02 {margin-top:12px;}
.box_content_asis .form_table {border-top:2px solid #000; border-bottom:1px solid #ebebeb;}
.box_content_asis .form_table .col_right {text-align:right !important;}
.box_content_asis .form_table .col_center {text-align:center !important;}
.box_content_asis .form_table .row_center { vertical-align:middle;}
.box_content_asis .form_table thead th,
.box_content_asis .form_table tbody th {padding:20px 24px; border-bottom: 1px solid #ebebeb; color:#000; text-align:left;}
.box_content_asis .form_table thead th {font-weight:700;}
.box_content_asis .form_table tbody td {padding:20px 24px; border-bottom: 1px solid #ebebeb; color:#5c5c5c; text-align:left;}
.box_content_asis .form_table tbody .bg_type2 { color:#000; background:#fafafa;}
.box_content_asis .form_table tbody th strong {font-weight:700;}
.box_content_asis .form_table tbody td strong {color:#000;}
.box_content_asis .form_table thead tr.second th {text-align:center;}
.box_content_asis .form_table tbody th.second:not(.bg_type2) {color:#5c5c5c;}
.box_content_asis .form_table tbody th.second ~ td {text-align:center;}

.box_content_asis .list_style01 {margin-top:27px;}
.box_content_asis .list_style01 li,
.box_content_asis .list_style01 dd {position:relative; line-height:22px; padding-left:8px; color:#5c5c5c; font-size:16px;}
.box_content_asis .list_style01 li + li,
.box_content_asis .list_style01 dd + dd {margin-top:8px;}
.box_content_asis .list_style01 li:before,
.box_content_asis .list_style01 dd:before { position:absolute; top:10px; left:0; display:inline-block; width:2px; height:2px; border-radius:100%; background:#949494;content:'';}
.box_content_asis .list_style01 dt { line-height:22px;margin-bottom:6px; color:#5c5c5c; font-size:16px; font-weight:700;}
.box_content_asis .list_style01 + .mt25 .hcbtn1 {margin-top:16px;}
.box_content_asis .list_style02 li {position:relative; line-height:26px; padding-left:11px; color:#5c5c5c; font-size:16px;}
.box_content_asis .list_style02 li:before { position:absolute; top:0; left:0; display:block;content:"*";}

.box_content_asis .hcbtn1 {display:inline-block; line-height:22px; padding-right:16px; color:#0070f0; background:url('/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_forward_blue.png') right center no-repeat; background-size:16px; font-size:16px; font-weight:700;}
.box_content_asis .hcbtn1:hover {color:#0070f0;}

/* cms 고객센터 약관 스타일 수정 */
.inquery_section {padding:24px 28px; border:1px solid #333; border-radius:8px;}
.inquery_section .row {display:flex; display:-ms-flexbox; display:-webkit-flex; font-size:0;}
.inquery_section .row > .box_input01 {display:inline-block; margin-top:0; margin-right:24px;}
.inquery_section .row > .box_input01.w300p {width:300px;}
.inquery_section .row > .box_input01.w644p {width:644px;}
.inquery_section .row > .box_btn {display:inline-block;}
.inquery_section .row > .box_btn button {width:150px;}

.cms_content { line-height:26px;margin-top:52px; color:#5c5c5c; font-size:16px;}
.cms_content ol + ol {margin-top:52px;}
.cms_content ol li {position:relative;}
.cms_content ol > li + li {margin-top:52px;}
.cms_content ol li > strong.tit {display:block; line-height:26px; margin-bottom:12px; color:#000; font-size:20px;  font-weight:700;}
.cms_content ol li > strong.tit ~ p {margin-top:12px;}
.cms_content ol li > strong.tit ~ .tbl-type1 {margin-top:16px;}
.cms_content ol li .txt-type1 > li {position:relative; padding-left:8px;}
.cms_content ol li .txt-type1 > li + li {margin-top:14px;}
.cms_content ol li .txt-type1 > li .bul {display:inline-block; width:2px; height:2px; margin:0 8px 6px -8px; border-radius:100%; background:#949494; }
.cms_content ol li .txt-type3 > li { padding-left:19px;margin-top:12px;}
/* .cms_content ol li .txt-type3 > li .num {position:absolute; left:0; top:0;} */
.cms_content ol li .txt-type3 > li .num {display:inline-block; margin-right:7px; margin-left:-19px;}
.cms_content ol li .txt-type3 > li p .num {margin-left:0;}
.cms_content ol li .txt-type3 > li ul > li { padding-left:20px;margin-top:8px;}
.cms_content .tbl-type1 { margin:20px 0;border-top:1px solid #949494;}
.cms_content .tbl-type1 + p {margin-top:24px;}
.cms_content .tbl-type1 + p + .txt-type1 {margin-top:64px;}
.cms_content .tbl-type1 thead tr th {padding:20px 24px;  border-bottom:1px solid #ebebeb; color:#000;}
.cms_content .tbl-type1 tbody tr td {padding:20px 24px; border-bottom:1px solid #ebebeb; color:#5c5c5c;}
.cms_content .tbl-type1 .text-c {text-align:center;}
.cms_content .tbl-type1 .txt_type2 li {margin-top:8px;}
.cms_content .con-type2 > .tit,
.cms_content .con-type2 > .tit-type2 { line-height:32px;margin-bottom:40px; color:#000; font-size:24px; font-weight:700;}
.cms_content .con-type2 > p + p {margin-top:12px;}
.cms_content .con-type2 > .txt-type3 + ol {margin-top:20px;}
.cms_content ol + .tit,
.cms_content ol + .tit-type2  {margin-top:52px;}
.cms_content .txt-type2 li {padding-left:8px; text-align:left; vertical-align: top;}
.cms_content .txt-type2 .bul {display:inline-block; width:2px; height:2px; margin:0 8px 6px -8px; border-radius:100%; background:#949494; }
.cms_content .txt-top {margin-bottom:52px;}
.cms_content .tbl-type1.tbl-type1-data2 {table-layout:auto;}
.cms_content .tbl-type1.tbl-type1-data2 thead tr th,
.cms_content .tbl-type1.tbl-type1-data2 tbody tr td {word-break:keep-all;}
/*휴대폰 인증 약관 (구조가 달라 타입 분기)*/
.cms_content .phone_terms .tit-type1 { line-height:32px;margin-bottom:40px; color:#000; font-size:24px; font-weight:700;}
.cms_content .phone_terms .tit {display:block; line-height:26px; margin-bottom:12px; color:#000; font-size:20px;  font-weight:700;}
.cms_content .phone_terms .con-type2 strong { line-height:26px;margin-bottom:12px; color:#000; font-size:20px;  font-weight:700;}
.cms_content .phone_terms .con-type2 > p + p {margin-top:52px;}
/* 통신 세이브 서비스 이용약관 (아코디언 타입) */
.cms_content .sub_accod .accodSlide {padding-top:36px;}
.cms_content .sub_accod .accodSlide .con-type2 > .tit-type2,
.cms_content .sub_accod .accodSlide .con-type2 > .tit {display:block; line-height:26px; margin-bottom:12px; color:#000; font-size:20px;  font-weight:700;}
.cms_content .sub_accod .accodSlide .con-type2 >  * + .tit {margin-top:52px;}
.cms_content .sub_accod .accodSlide ul li {position:relative;}
.cms_content .sub_accod .accodSlide .txt-type1 > li {position:relative;line-height:22px; padding-left:8px; color:#7c7c7c;font-size:16px;}
.cms_content .sub_accod .accodSlide .txt-type1 > li + li {margin-top:14px;}
.cms_content .sub_accod .accodSlide .txt-type1 > li .bul {display:inline-block; width:2px; height:2px; margin:0 8px 6px -8px; border-radius:100%; background:#949494; }
.cms_content .sub_accod .accodSlide p.txt-type1 {padding-left:8px;}
.cms_content .sub_accod .accodSlide p.txt-type1 .bul {display:inline-block; width:2px; height:2px; margin:0 8px 6px -8px; border-radius:100%; background:#949494; }
.cms_content .sub_accod .accodSlide .txt-type3 > li { padding-left:19px;margin-top:12px;}
.cms_content .sub_accod .accodSlide .txt-type3 > li .num {position:absolute; top:0; left:0;}
.cms_content .sub_accod .accodSlide .txt-type3 > li p .num {margin-left:0;}
.cms_content .sub_accod .accodSlide .txt-type3 > li ul > li { padding-left:20px;margin-top:8px;}
.cms_content .sub_accod .accodSlide .txt-type3 + p {margin-top:12px;}
.cms_content .sub_accod .accodSlide sup {display:inline-block; margin-top:-5px;}
.cms_content .sub_accod .accodSlide .txt-con + .txt-type1 {margin-top:20px;}
/* 개인정보 처리방침 11년도 ~ 13년도 마크업 달라 추가 */
.cms_content .privacy_txt > p { line-height:26px;font-size:16px;}
.cms_content .privacy_txt > p + p {margin-top:12px;}
.cms_content .privacy_txt .title {display:block; line-height:26px; margin:52px 0 12px 0; color:#000; font-size:20px;  font-weight:700;}
.cms_content .privacy_txt ol > li { padding-left:19px;margin-top:12px;}
.cms_content .privacy_txt ol > li + li {margin-top:12px;}
.cms_content .privacy_txt ol > li > span {display:inline-block; margin-right:7px; margin-bottom:0 !important; margin-left:-19px;}
.cms_content .privacy_txt .notice_type01 li + li {margin-top:12px; }

.box_content_asis .agree_section { line-height:26px;margin-top:52px; color:#5c5c5c; font-size:16px;}
.box_content_asis .agree_section ol li + li {margin-top:52px;}
.box_content_asis .agree_section ol li > strong.tit { line-height:26px;margin-bottom:12px; color:#000; font-size:20px;  font-weight:700;}
.box_content_asis .agree_section ol li > strong.tit ~ p {margin-top:12px;}
.box_content_asis .agree_section ol li > strong.tit ~ .tbl-type1 {margin-top:16px;}
.box_content_asis .agree_section ol li > .tbl-type1 {border-top:2px solid #000; border-bottom:1px solid #ebebeb;}
.box_content_asis .agree_section ol li .txt-type1 > p  + li {margin-top:64px;}
.box_content_asis .agree_section ol li .txt-type1 > li {position:relative; line-height:22px; padding-left:8px; color:#7c7c7c;font-size:18px;}
.box_content_asis .agree_section ol li .txt-type1 > li + li {margin-top:14px;}
.box_content_asis .agree_section ol li .txt-type1 > li .bul {position:absolute; top:10px; left:0; width:4px; height:1px; background:#949494;}
.box_content_asis .agree_section ol li .txt-type3 > li { padding-left:19px;margin-top:12px; font-weight:700;}
.box_content_asis .agree_section ol li .txt-type3 > li .num {display:inline-block; margin-left:-19px;}
.box_content_asis .agree_section ol li .txt-type3 > li p {font-weight:500;}
.box_content_asis .agree_section ol li .txt-type3 > li p .num {margin-left:0;}
.box_content_asis .agree_section ol li .txt-type3 > li ul > li { padding-left:14px;margin-top:8px; font-weight:500;}
.box_content_asis .agree_section ol li .txt-type3 > li ul > li .num {margin-left:-14px;}
.box_content_asis .agree_section ol li .txt-type3 > li ul.txt-type3 > li { padding-left:28px;margin-top:8px;}
.box_content_asis .agree_section ol li .txt-type3 > li ul.txt-type3 > li .num {margin-left:-28px;}

/* 공동인증서 등록/삭제 */
.box_public_jumin {margin-top:56px;}
.box_public_jumin .box_select_input { padding:20px 28px;border:1px solid #333; border-radius:8px;}
.box_public_jumin .box_select_input .box_input01 {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:center; justify-content:space-between; font-size:0;}
.box_public_jumin .box_select_input .box_input01:after {display:none;}
.box_public_jumin .box_select_input::after { display:block; clear:both;content:"";}
.box_public_jumin .box_select_input .input_cell_box {width:764px; }
.box_public_jumin .box_select_input .box_btn { width:333px;margin-top:0;}
.box_public_jumin .box_select_input .box_btn a,
.box_public_jumin .box_select_input .box_btn button {width:160px;}
.box_public_jumin .box_select_input .box_btn button {margin-left:12px;}
.box_public_jumin .box_select_input + .box_bul {margin-top:28px; }
.box_public_jumin .box_select_input + .box_bul li + li {margin-top:6px;}
.box_public_jumin .box_select_input + .box_bul li {color:#5c5c5c;}
.box_public_jumin .box_select_input + .box_bul li a {margin-left:6px;}
.box_public_jumin + .box_title01 {margin-top:67px;}

/* s : 2023-02-02 GGU442 2023접근성  */
.box_public_jumin1 {position:relative;margin-top:56px;}
.box_public_jumin1 .box_select_input { padding:20px 28px;border:1px solid #333; border-radius:8px;}
.box_public_jumin1 .box_select_input .box_input01 {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:center; justify-content:space-between; font-size:0;}
.box_public_jumin1 .box_select_input .box_input01:after {display:none;}
.box_public_jumin1 .box_select_input::after { display:block; clear:both;content:"";}
.box_public_jumin1 .box_select_input .input_cell_box {width:764px; }
.box_public_jumin1 .box_btn {position:absolute;top: 25px;right:28px;width:333px;margin-top:0;}
.box_public_jumin1 .box_btn a,
.box_public_jumin1 .box_btn button {width:160px;}
.box_public_jumin1 .box_btn button {margin-left:12px;}
.box_public_jumin1 .box_bul {margin-top:28px; }
.box_public_jumin1 .box_bul li + li {margin-top:6px;}
.box_public_jumin1 .box_bul li {color:#5c5c5c;}
.box_public_jumin1 .box_bul li a {margin-left:6px;}
.box_public_jumin1 + .box_title01 {margin-top:67px;}
/* e : 2023-02-02 GGU442 2023접근성  */

.guide_regist {display:flex; display:-ms-flexbox; display:-webkit-flex;flex-wrap:wrap; justify-content:space-between; margin-top:15px;}
.guide_regist li {width:588px;}
.guide_regist li .tit { margin-bottom:20px;font-size:0;}
.guide_regist li .tit:after { display:block; clear:both;content:'';}
.guide_regist li .tit .ico_step {float: left; line-height:20px; padding:4px 6px; border:1px solid #ccc; border-radius:4px; color:#5c5c5c; text-align:center;}
.guide_regist li .tit span + p {display:inline-block; padding:3px 0; margin-left:12px;}
.guide_regist li .img_area {width:588px; min-height:360px;}
.guide_regist li .img_area img {width:100%;}
.guide_regist li:nth-child(n+3) {margin-top:40px;}

.guide_slide {margin-top:52px; border-radius:12px; background:#f5f5f5;}
.guide_slide .box_tit {padding:17px 20px 17px 24px;}
.guide_slide .accodSlide {padding:3px 24px 36px;}
.guide_slide .accodWrap .accodBtn {display:block; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat right -1px; background-size: 24px 24px;}
.guide_slide .accodWrap.on .accodBtn {background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);}
.guide_slide .accodSlide {display:none;}
.guide_slide .accodSlide dl + dl {margin-top:24px;}
.guide_slide .accodSlide dl dt {margin-bottom:12px;}
.guide_slide .accodSlide dl dd {padding-left:16px;}
.guide_slide .accodSlide dl dd + dd {margin-top:12px;}
.guide_slide .accodSlide dl dd .box_bul {margin-top:8px;}
.guide_slide .accodSlide dl dd .box_bul li + li {margin-top:4px;}
.guide_slide .accodSlide > .box_bul {margin-top:24px;}
.guide_slide .accodSlide > .box_bul li { color:#5c5c5c;font-weight:700;}

/* 모바일용 공인인증서 복사 */
.sub_customer .box_line.type2 {padding:56px 0;}
.sub_customer .box_line.type2 .p2_m_ctr {margin-top:8px;}
.sub_customer .box_line.type2 .box_btn {margin-top:40px;}
.sub_customer .box_line .img_browser {margin-bottom:27px; text-align:center; font-size:0;}
.sub_customer .box_line .img_browser li {display:inline-block;}
.sub_customer .box_line .img_browser li + li {margin-left:22px;}
.sub_customer .box_line .img_browser li img {width:64px; height:64px;}
.sub_customer .box_select + .box_select {margin-top:20px;}

.box_terms_wrap .agree_wrap > .box_bul {padding:0 30px 0 48px; margin-top:5px;}
.box_terms_wrap .agree_wrap > .box_bul li {color:#858585;}

.modal_pop .youtube_con { overflow:hidden;border-radius:8px;}
.modal_pop .youtube_con + .box_bul {margin-top:32px;}
.modal_pop .guide_regist li {width: 100%; margin-top: 52px;}
.modal_pop .guide_regist li:first-child {margin-top: 0;}
.modal_pop .guide_regist li .img_area {width: 100%; min-height: 300px;}
.modal_pop .layer_body .box_content {padding-top:0;}
.modal_pop .scrBarWrap .box_content {padding:0;}

/* card_info */
.box_card_info {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:center; justify-content:center; padding:52px 0; margin-top:36px;}
.box_card_info:after { display:block; clear:both;content:"";}
.box_card_info .img_area {float:left; width:420px; margin-right:49px; font-size:0;}
.box_card_info .img_area img {width:435px; height:316px;}
.box_card_info .blk_num_list {float:left; width:470px;}
.box_card_info .blk_num_list li { line-height:22px; color:#000;font-size:16px; font-weight:500;}
.box_card_info .blk_num_list li p {margin-top:8px; color:#5c5c5c;}

.sub_customer.fullsize .content {width:100%;}

/* 앱 즉시 발급 */
.sub_customer .app_down_banner {padding:64px 0px; margin:80px 0; color: #fff; background: #000; text-align: center;}
.sub_customer .app_down_banner .img img {width: 60px; height: 60px;}
.sub_customer .app_down_banner h3 {margin-top:12px;}
.sub_customer .app_down_banner .box_btn {margin-top: 32px;}

/* lock & limit */
.title_info {margin-bottom:80px;}
.title_info li { position:relative;float:left; width:588px; padding-top:354px;}
.title_info li + li {margin-left:24px;}
.title_info li strong {display:block;}
.title_info li strong + p {margin-top:8px; color:#5c5c5c;}
.title_info.bg_virtual_card li {width:calc(100%/3); padding-top:0;}
.title_info.bg_virtual_card li + li {margin:0;}
.title_info.bg_virtual_card {padding-top:660px; background:url('/docfiles/resources/pc/images/cus/img_cardnum.png')0 0 no-repeat; background-size:1200px 620px;}
.title_info .bg_lock {background:url('/docfiles/resources/pc/images/cus/img_lock.png')0 0 no-repeat; background-size:588px 330px;}
.title_info .bg_limit {background:url('/docfiles/resources/pc/images/cus/img_limit.png')0 0 no-repeat; background-size:588px 330px;}

/* Digital 현대카드 프로젝트 */
.sub_customer .tab_wrap {display:flex;align-items:center;justify-content:space-between;width:1200px;margin:52px auto 0;}
.fixed .sub_customer .tab_wrap {position:fixed;z-index:100;top:48px;left:0;justify-content:space-between;width:100%;height:auto;padding:18px calc(50% - 600px);margin-top:0;background:#fff;animation:slideDown .5s;}
.digital_info_list > li {overflow:hidden;}
.digital_info_list > li + li {padding-top:255px;}
.digital_info_list > li .info_area .lab_s { line-height:24px;padding:0 8px; margin-bottom:24px; font-size:14px; font-weight:700;}
.digital_info_list > li .info_area .h2_b {display:block; margin-bottom:40px;}
.digital_info_list > li .info_area > .box_btn {margin-top:64px;}
.digital_info_list > li .info_area dl dt {margin-bottom:16px;}
.digital_info_list > li .info_area .img_chatbot {margin-bottom:40px;}
.digital_info_list > li .info_area .img_chatbot img {width:80px; height:80px;}
.digital_info_list > li .info_area dl dd .ico_youtube {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:center; margin-top:40px;}
.digital_info_list > li .info_area dl dd .ico_youtube:before { display:inline-block; width:24px; height:18px; margin-right:8px; background:url(/docfiles/resources/pc/images/cus/ico_youtube.png)0 0 no-repeat; background-size:24px 18px;content:"";}
.digital_info_list > li .info_area .box_coalition {width:510px; padding:36px 30px; margin:24px 0 40px; border:1px solid #ccc; border-radius:12px;}
.digital_info_list > li .info_area .box_coalition ul {font-size:0;}
.digital_info_list > li .info_area .box_coalition ul li {display:inline-block; width:100%; height:40px; margin-top:20px; font-size:0;}
.digital_info_list > li .info_area .box_coalition ul li img {display:inline-block; width:75px; height:40px;}
.digital_info_list > li .info_area .box_coalition ul li img + img {margin-left:18px;}
.digital_info_list > li .info_area .box_coalition + dd {margin-bottom:12px;}
.digital_info_list > li .info_app_service {text-align:center;}
.digital_info_list > li .info_app_service strong {display:block; margin-bottom:12px;}
.digital_info_list > li .info_app_service .box_btn {margin-top:24px;}
.digital_info_list > li .info_app_service .app_list {display:inline-block; overflow:hidden; margin-top:40px;}
.digital_info_list > li .info_app_service .app_list li {float:left; min-width:56px;}
.digital_info_list > li .info_app_service .app_list li a {display:block; padding-top:64px;}
.digital_info_list > li .info_app_service .app_list li + li {margin-left:46px;}
.digital_info_list > li .info_app_service .app_list .app_hc a {background:url('/docfiles/resources/pc/images/cus/app_hc.png') 0 0 no-repeat; background-size:56px;}
.digital_info_list > li .info_app_service .app_list .app_mpoint a {background:url('/docfiles/resources/pc/images/cus/app_m_point.png') 0 0 no-repeat; background-size:56px;}
.digital_info_list > li .info_app_service .app_list .app_dive a {background:url('/docfiles/resources/pc/images/cus/app_dive.png') 0 0 no-repeat; background-size:56px;}
.digital_info_list > li .info_app_service .app_list .app_weather a {background:url('/docfiles/resources/pc/images/cus/app_weather.png') 0 0 no-repeat; background-size:56px;}
.digital_info_list > li > .fl {width:636px;}
.digital_info_list > li > .fr {width:564px;}
.digital_info_list > li > .fl .info_area {margin-left:24px;}
.digital_info_list > li.list01 {padding-top:120px;}
.digital_info_list > li.list01 .img_area {margin:24px 0 0 12px;}
.digital_info_list > li.list01 .img_area img {width:472px;}
.digital_info_list > li.list02 {padding-top:280px;}
.digital_info_list > li.list02 .img_area {margin-left:-16px;}
.digital_info_list > li.list02 .img_area img {width:555px;}
.digital_info_list > li.list02 .info_area {padding-top:96px;}
.digital_info_list > li.list03 .img_area {margin-left:35px;}
.digital_info_list > li.list03 .img_area img {width:401px;}
.digital_info_list > li.list04 .info_area {padding-top:83px;}
.digital_info_list > li.list04 .img_area {margin-left:-54px;}
.digital_info_list > li.list04 .img_area img {width:625px;}
.digital_info_list > li.list05 {padding-top:280px;}
.digital_info_list > li.list05 .info_area {padding-top:49px;}
.digital_info_list > li.list05 .img_area img {width:535px;}
.digital_info_list > li.list06 {padding-top:280px;}
.digital_info_list > li.list06 .info_area {padding-top:50px;}
.digital_info_list > li.list06 .img_area {margin-left:-17px;}
.digital_info_list > li.list06 .img_area img {width:399px;}
.digital_info_list > li.list07 {padding-top:200px;}
/* 소비자보호법 */
.sub_customer .consumer_law dl dd.fc_blk {margin-bottom:20px; font-weight: 500;}
.sub_customer .consumer_law dl dd .blk_txt > li {position: relative; line-height: 26px; padding-left: 22px; margin-bottom: 20px; color: #000; font-weight: 500;}
.sub_customer .consumer_law dl dd .blk_txt li ul li {color: #5c5c5c;}
.sub_customer .consumer_law dl dd .num_list, .sub_customer .consumer_law dl dd .bul_list {margin-top: 12px;}
.sub_customer .consumer_law dl dd .num_list li {position: relative; padding-left: 19px; margin-top: 8px;}
.sub_customer .consumer_law dl dd .blk_txt .bul_list li {margin-top: 10px;}
.sub_customer .consumer_law dl dd .indent_list {margin-left: 22px;}
.sub_customer .consumer_law dl dd ul li span.num {position: absolute; left: 0;}
.sub_customer .consumer_law dl dd ul li .contact {margin-top:6px;}
.sub_customer .consumer_law dl dd ul li .contact span {position: relative;}
.sub_customer .consumer_law dl dd ul li .contact span + span {padding-left: 25px;}
.sub_customer .consumer_law dl dd ul li .contact span + span:before { position: absolute; top: 7px; left: 12px; width: 1px; height: 12px; background-color: #e0e0e0;content: '';}
.sub_customer .consumer_law .dash_list li {margin-top: 6px;}
.sub_customer .section .consumer_law > .h4_m {margin-top:29px;}
.sub_customer .section .consumer_law p.h4_b {margin-bottom: 16px;}
.sub_customer .section .consumer_law > ul > li {margin-top:52px;}
.sub_customer .section .consumer_law > ul > li .bul_list, .sub_customer .section .consumer_law dt.p1_b, .sub_customer .section .consumer_law .apply {margin-left: 22px;}
.sub_customer .section .consumer_law .apply .box_btn {margin-top: 12px;}

/* 이용안내 */
.sub_customer .accodSlide .box_table + .box_table {margin-top:52px;}
.sub_customer .accodSlide .box_table .table_tit {margin-bottom:16px;}
.sub_customer .accodSlide .box_table .tbl_title, .sub_customer .accodSlide .box_table .sub_title {font-size: 0;}
.sub_customer .accodSlide .box_table .tbl_title h4, .sub_customer .accodSlide .box_table .sub_title h5 {display: inline-block;}
.sub_customer .accodSlide .box_table .tbl_title span, .sub_customer .accodSlide .box_table .sub_title span {margin-left:12px;}
.sub_customer .accodSlide .box_table .tbl_title, .sub_customer .accodSlide .box_table .sub_title {margin-bottom:16px;}
.sub_customer .accodSlide .box_table table + table {margin-top:32px;}
.sub_customer .accodSlide .box_table .col_tbl_btm, .sub_customer .accodSlide .box_table .bul_list02 {margin-top:12px;}
.sub_customer .accodSlide .box_table .col_tbl_btm + .sub_title {margin-top:36px;}
.sub_customer .accodSlide .box_terms h4 {margin:24px 0 12px;}
.sub_customer .accodSlide .box_terms .list_title { line-height: 26px; margin-bottom: 8px; color: #5c5c5c;font-size: 16px; font-weight: 700;}
.sub_customer .accodSlide .box_terms .num_list { line-height: 26px;font-size: 16px; font-weight: 500;}
.sub_customer .accodSlide .box_terms .num_list > li {position: relative; padding-left:24px; margin-left:0; list-style:none;}
.sub_customer .accodSlide .box_terms .num_list > li span.num {position: absolute; left: 0;}
.sub_customer .accodSlide .box_terms .num_list > li + li {margin-top: 24px;}
.sub_customer .accodSlide .box_terms .num_list .box_bul {margin-top: 13px;}
.sub_customer .accodSlide .box_terms .num_list.type02 { margin-left: 20px;color: #5c5c5c;}
.sub_customer .accodSlide .box_terms .num_list.type02 .box_bul {margin-top: 8px;}
.sub_customer .accodSlide .box_terms .num_list.type02 > li + li {margin-top:8px;}
.sub_customer .accodSlide .box_terms .num_list.type02 + .list_title {margin-top:12px;}

.list_install {display:flex; display:-ms-flexbox; display:-webkit-flex; justify-content:space-between; margin-top:27px;}
.list_install li {width:220px;}
.list_install li .img_area { width:100%; height:112px;padding:24px 0; border:1px solid #ccc; text-align:center;}
.list_install li .img_area img {width:64px; height:64px;}
.list_install li .box_btn {margin-top:9px;}

.guide_total_install .fl {width:572px; padding-right:56px;}
.guide_total_install .fl dl {margin-top:24px;}
.guide_total_install .fl dl dt {margin-bottom:6px;}
.guide_total_install .fl dl dd {color:#5c5c5c;}
.guide_total_install .fl dl dd .box_bul {margin-bottom:30px;}
.guide_total_install .fr {width:548px;}
.guide_total_install .fr img {width:548px; height:628px;}

.indent_txt {position:relative;}
.indent_txt.num {padding-left:18px;}
.indent_txt span {position:absolute; top:0; left:0;}

.box_pin .h3_b_ctr {margin-bottom:8px;}
.box_pin > .box_btn {margin-top:36px;}

.box_img_info {margin-top:120px;}
.box_img_info .box_title01 {margin-bottom:32px;}
.box_img_info .box_step .txt {margin-bottom:20px;}
.box_img_info .box_step .txt .box_bul {margin-left:70px;}
.box_img_info .box_step .img_area + p {margin-top:24px;}
.box_img_info .box_step + .box_step {margin-top:64px;}

.sub_customer .txt_info { padding:17px 24px;margin-bottom:64px;}

.box_app_install {margin-bottom:80px;}
.box_app_install .box_border {float:left; width:588px; height:220px; padding:40px 40px 32px 40px; border:1px solid #ccc; border-radius:2px;}
.box_app_install .box_border + .box_border {margin-left:24px;}
.box_app_install .box_border.qr .img_qr img {width:102px; height:102px;}
.box_app_install .box_border.qr .img_qr {margin-bottom:24px; text-align:center;}
.box_app_install .box_border .box_input01 {margin-bottom:32px;}

.list_store {margin-top:36px; border-top:1px solid #949494;}
.list_store > ul > li { overflow:hidden;padding:20px 0; border-bottom:1px solid #ebebeb;}
.list_store > ul > li strong {display:block; float:left; width:204px; margin-top:17px; color:#5c5c5c;}
.list_store > ul > li ul {float:left; width:996px; font-size:0;}
.list_store > ul > li ul li {display:inline-block; margin-right:24px;}
.list_store > ul > li ul li i {display:inline-block; width:112px; height:60px; background-size:112px 60px;}
.list_store + .box_bul {margin-top:24px;}

.logo_homplus {background:url(/docfiles/resources/pc/images/cus/logo_homeplus.png) left center no-repeat; background-size:112px 60px;}
.logo_homplus_ex {background:url(/docfiles/resources/pc/images/cus/logo_homeplus_ex.png) left center no-repeat; background-size:112px 60px;}
.logo_lottemart {background:url(/docfiles/resources/pc/images/cus/logo_lottemart.png) left center no-repeat; background-size:112px 60px;}
.logo_lottesuper {background:url(/docfiles/resources/pc/images/cus/logo_lottesuper.png) left center no-repeat; background-size:112px 60px;}
.logo_hanaro {background:url(/docfiles/resources/pc/images/cus/logo_hanaro.png) left center no-repeat; background-size:112px 60px;}
.logo_gssuper {background:url(/docfiles/resources/pc/images/cus/logo_gssuper.png) left center no-repeat; background-size:112px 60px;}
.logo_himart {background:url(/docfiles/resources/pc/images/cus/logo_himart.png) left center no-repeat; background-size:112px 60px;}
.logo_costco {background:url(/docfiles/resources/pc/images/cus/logo_costco.png) left center no-repeat; background-size:112px 60px;}
.logo_innisfree {background:url(/docfiles/resources/pc/images/cus/logo_innisfree.png) left center no-repeat; background-size:112px 60px;}
.logo_lalavla {background:url(/docfiles/resources/pc/images/cus/logo_lalavla.png) left center no-repeat; background-size:112px 60px;}
.logo_etude {background:url(/docfiles/resources/pc/images/cus/logo_etude.png) left center no-repeat; background-size:112px 60px;}
.logo_espoir {background:url(/docfiles/resources/pc/images/cus/logo_espoir.png) left center no-repeat; background-size:112px 60px;}
.logo_8seconds {background:url(/docfiles/resources/pc/images/cus/logo_8seconds.png) left center no-repeat; background-size:112px 60px;}
.logo_hanaro {background:url(/docfiles/resources/pc/images/cus/logo_hanaro.png) left center no-repeat; background-size:112px 60px;}
.logo_lottedepart {background:url(/docfiles/resources/pc/images/cus/logo_lottedepart.png) left center no-repeat; background-size:112px 60px;}
.logo_lotteduty {background:url(/docfiles/resources/pc/images/cus/logo_lotteduty.png) left center no-repeat; background-size:112px 60px;}
.logo_lohb {background:url(/docfiles/resources/pc/images/cus/logo_lohb.png) left center no-repeat; background-size:112px 60px;}
.logo_aritaum {background:url(/docfiles/resources/pc/images/cus/logo_aritaum.png) left center no-repeat; background-size:112px 60px;}
.logo_parnas {background:url(/docfiles/resources/pc/images/cus/logo_parnas.png) left center no-repeat; background-size:112px 60px;}
.logo_orga {background:url(/docfiles/resources/pc/images/cus/logo_orga.png) left center no-repeat; background-size:112px 60px;}
.logo_obong {background:url(/docfiles/resources/pc/images/cus/logo_obong.png) left center no-repeat; background-size:112px 60px;}
.logo_milkbab {background:url(/docfiles/resources/pc/images/cus/logo_milkbab.png) left center no-repeat; background-size:112px 60px;}
.logo_e1 {background:url(/docfiles/resources/pc/images/cus/logo_e1.png) left center no-repeat; background-size:112px 60px;}
.logo_soil {background:url(/docfiles/resources/pc/images/cus/logo_soil.png) left center no-repeat; background-size:112px 60px;}
.logo_7eleven {background:url(/docfiles/resources/pc/images/cus/logo_7eleven.png) left center no-repeat; background-size:112px 60px;}
.logo_gs25 {background:url(/docfiles/resources/pc/images/cus/logo_gs25.png) left center no-repeat; background-size:112px 60px;}
.logo_cu {background:url(/docfiles/resources/pc/images/cus/logo_cu.png) left center no-repeat; background-size:112px 60px;}
.logo_emart24 {background:url(/docfiles/resources/pc/images/cus/logo_emart24.png) left center no-repeat; background-size:112px 60px;}
.logo_bearstown {background:url(/docfiles/resources/pc/images/cus/logo_bearstown.png) left center no-repeat; background-size:112px 60px;}
.logo_daemyung {background:url(/docfiles/resources/pc/images/cus/logo_daemyung.png) left center no-repeat; background-size:112px 60px;}
.logo_caribbean {background:url(/docfiles/resources/pc/images/cus/logo_caribbean.png) left center no-repeat; background-size:112px 60px;}
.logo_everlandresort {background:url(/docfiles/resources/pc/images/cus/logo_everlandresort.png) left center no-repeat; background-size:112px 60px;}
.logo_lottecinema {background:url(/docfiles/resources/pc/images/cus/logo_lottecinema.png) left center no-repeat; background-size:112px 60px;}
.logo_hollys {background:url(/docfiles/resources/pc/images/cus/logo_hollys.png) left center no-repeat; background-size:112px 60px;}
.logo_ministop {background:url(/docfiles/resources/pc/images/cus/logo_ministop.png) left center no-repeat; background-size:112px 60px;}
.logo_arista {background:url(/docfiles/resources/pc/images/cus/logo_arista.png) left center no-repeat; background-size:112px 60px;}
.logo_beansbins {background:url(/docfiles/resources/pc/images/cus/logo_beansbins.png) left center no-repeat; background-size:112px 60px;}
.logo_zoo {background:url(/docfiles/resources/pc/images/cus/logo_zoo.png) left center no-repeat; background-size:112px 60px;}
.logo_oseoul {background:url(/docfiles/resources/pc/images/cus/logo_oseoul.png) left center no-repeat; background-size:112px 60px;}
.logo_palom {background:url(/docfiles/resources/pc/images/cus/logo_palom.png) left center no-repeat; background-size:112px 60px;}
.logo_tiamo {background:url(/docfiles/resources/pc/images/cus/logo_tiamo.png) left center no-repeat; background-size:112px 60px;}
.logo_parisbaguette {background:url(/docfiles/resources/pc/images/cus/logo_parisbaguette.png) left center no-repeat; background-size:112px 60px;}
/* 2024-06-25 GGU477 로고 추가 */
.logo_mmth {background: url(/docfiles/resources/pc/images/cus/logo_mmth.png) left center no-repeat; background-size: 112px 60px;}
.logo_megacoffee {background: url(/docfiles/resources/pc/images/cus/logo_megacoffee.png) left center no-repeat; background-size: 112px 60px;}
.logo_ediya {background: url(/docfiles/resources/pc/images/cus/logo_ediya.png) left center no-repeat; background-size: 112px 60px;}
.logo_ikea {background: url(/docfiles/resources/pc/images/cus/logo_ikea.png) left center no-repeat; background-size: 112px 60px;}
.logo_sono {background: url(/docfiles/resources/pc/images/cus/logo_sono.png) left center no-repeat; background-size: 112px 60px;}
/* //2024-06-25 GGU477 로고 추가 */
.logo_gsthefresh{background: url(/docfiles/resources/pc/images/cus/logo_gsthefresh.png) left center no-repeat; background-size: 112px 60px;}/* 2024-07-23 Q11139 로고 추가 */

.grid_chatbot { margin-top:6px;}
.grid_chatbot .row {display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:nowrap;}
.grid_chatbot .row + .row {margin-top:64px;}
.grid_chatbot .row .cell {flex:1;}
.grid_chatbot .row .cell .box_txt,
.grid_chatbot .row .cell .box_bul { margin-bottom:28px;margin-left:8px;}
.grid_chatbot .row .cell .box_txt > strong + p {margin-top:8px;}
.grid_chatbot .row .cell .box_bul .bul_txt {font-weight:500;}
.grid_chatbot .row .cell .box_txt .ico_chatbot_menu {position:relative; top:4px;}
.grid_chatbot .row .cell .box_img {font-size:0;}
.grid_chatbot .row .cell .box_img img{height:366px;}
.grid_chatbot .row .cell .box_img img.indent_img {margin-left:-10px;}
.grid_chatbot .row .cell .box_img img + img {margin-left:20px;}

.grid_chatbot .list_arrow_img:after { display:block; clear:both;content:"";}
.grid_chatbot .list_arrow_img li {float:left; min-width:184px;}
.grid_chatbot .list_arrow_img li + li {margin-left:112px; }
.grid_chatbot .list_arrow_img li .img {position:relative;}
.grid_chatbot .list_arrow_img li + li .img:before { position:absolute; top:167px; left:-67px; display:block; width:32px; height:32px; margin-top:4px; opacity:0.4; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png')0 0 no-repeat; background-size:32px;content:"";}

.ico_chatbot_menu {width:20px; height:20px; background:url('/docfiles/resources/pc/images/cus/ico_chatbot2.png')0 0 no-repeat; background-size:20px;}
.box_use_info .list_info {font-size:0;}
.box_use_info .list_info .item {display:inline-block; width:50%; vertical-align:top;}
.box_use_info .list_info .item .img {margin-bottom:20px;}
.box_use_info .list_info .item .img img {width:80px; height:80px;}
.box_use_info .list_info .item .box_bul {margin-top:32px;}
.box_use_info .box_bg_gray { position:relative; padding:25px 28px;margin-top:120px; border-radius:12px; background:#f5f5f5;}
.box_use_info .box_bg_gray p {margin-top:8px;}
.box_use_info .box_bg_gray a {position:absolute; top:25px; right:24px;}

.list_download {border-top:2px solid #000;}
.list_download.add_list li:last-child {border-bottom:0;}
.list_download > li {position:relative; padding:20px 128px 20px 24px;}
.list_download > li + li {border-top:1px solid #ebebeb;}
.list_download > li:last-child {border-bottom:1px solid #ebebeb;}
.list_download > li .divr_dot {margin-top:8px;}
.list_download > li .divr_dot li {color: #5c5c5c; font-size:14px; } /* 2024-02-20 Q10962 웹접근성 명도대비 */
.list_download > li a.ico_download {position:absolute; top:35px; right:24px;}
.list_download > li.no_data {padding:158px 0 160px;}
.list_download > li.box_btn.more {padding:0; margin-top:32px; border-top:0;}
.list_download + .box_btn.more {margin-top:32px;}
.list_download.max_list li:last-child {border-bottom:none;}

.box_sel_store { padding:28px 24px 28px;margin-bottom:64px; border:1px solid #333; border-radius:8px;}
.box_sel_store .box_input01.w220 {width:220px;}
.box_sel_store .box_input01.w560 {width:560px;}
.box_sel_store .box_input01.w788 {width:788px;}
.box_sel_store .box_input01 {float:left; margin-top:0;}
.box_sel_store .box_input01 + .box_input01 {margin-left:8px;}
.box_sel_store .box_btn {float:right;}
.box_sel_store + .box_table table tr:last-child td {border-bottom:1px solid #ebebeb;}
.box_sel_store + .box_table table tr td {border-bottom:0;}
.box_sel_store + .box_table table tr + tr td {border-top:1px solid #ebebeb;}
.box_sel_store + .box_table table tr .box_btn.more {padding:32px 0 0 0; border-bottom:0;}
.box_table + .box_btn.more {margin-top:32px;}
.box_table.add_list table tr:last-child td {border-bottom:0;}

.sub_customer .board_apply {border-top:2px solid #000;}
.sub_customer .board_apply .accod_list {border:none;}
.sub_customer .board_apply .co_inquiry_box02 {padding-bottom:40px;}
.sub_customer .board_apply .accod_list.state_type .no_data {padding:70px 0; border-bottom:none;}
.sub_customer .board_apply .accod_list.state_type {border-top:1px solid #ebebeb;}

/* 상단 여백 */
.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;}
.mt32 {margin-top:32px !important;}
.mt36 {margin-top:36px !important;}
.mt40 {margin-top:40px !important;}
.mt41 {margin-top:41px !important;}
.mt48 {margin-top:48px !important;}
.mt52 {margin-top:52px !important;}
.mt64 {margin-top:64px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}

.mb40 {margin-bottom:40px !important;}

.w112 {width:112px;}
.w384 {width:384px;}

/* 타이틀 */
.sub_customer .box_title01.b_line {padding-bottom:20px; margin-bottom:24px; border-bottom:2px solid #000;}
.sub_customer .box_title01 {margin-bottom:20px;}
.sub_customer .box_title01 + .p1_m_lt_2ln {margin-top:20px;}
.sub_customer .box_title01 .box_search {width:320px;}
.sub_customer .box_title01 .h3_b_lt + .p1_m_lt_1ln {margin-top:8px;}
.sub_customer .box_title01 .h3_b + .p1_m_lt_2ln,
.sub_customer .box_title01 .h3_b + .p2_m_lt_2ln {margin-top:12px;}
.sub_customer .box_title01 .ico_download {margin-top:4px;}
.sub_customer .box_title01 + .box_table {margin-top:0;}

/* 탭 */
.sub_customer .tab_default a { line-height:40px; padding:0 12px;margin-right:4px; font-size:16px; font-weight:700;} /* Q10582:22.02.24 font-size, weight 추가 */
.sub_customer .tab_container {margin-top:56px;}
.sub_customer .tab_container + .box_banner {margin-top:64px;}

/* box_search */
.sub_customer .box_search {position:relative; overflow:hidden;width:510px; border:1px solid #ccc; border-radius:4px;}
.sub_customer .box_search input[type="text"] {width:100%; height:48px; padding:13px 60px 13px 12px;}
.sub_customer .box_search .btn_search {position:absolute; top:12px; right:12px; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_searchB.png) no-repeat center; background-color:transparent !important; background-size:24px; cursor: pointer;}
.sub_customer .box_search .btn_del { position:absolute; top:12px; right:36px;display:none; width:24px; height:24px;opacity: 0.4; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_xO.png) no-repeat center; background-color:transparent !important; background-size:16px; cursor: pointer;}
.sub_customer .search_wrap .box_search {margin:0 auto;}
.sub_customer .search_wrap + .tab_default {margin-top:52px;}

/* blk_num_list */
.sub_customer .blk_num_list.t_line { padding-top:24px;border-top:2px solid #000;}
.sub_customer .blk_num_list {counter-reset:num;}
.sub_customer .blk_num_list > li {position:relative; padding-left: 28px; counter-increment:num; font-weight:700;}
.sub_customer .blk_num_list > li:before { position:absolute; top:1px; 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 .sub_txt {margin-top:8px;}
.sub_customer .blk_num_list.type02 li {padding:27px 56px; border-bottom: 1px solid #ebebeb; font-weight:700;}
.sub_customer .blk_num_list.type02 li::before {left:25px;}
.sub_customer .blk_num_list li .box_btn {margin-top:12px;}
.sub_customer .blk_num_list.m_type li {font-weight:500;} /* 폰트 굵기 미디움 타입 */

/* num_list */
.sub_customer .num_list.t_line { padding-top:20px;margin-top:23px; border-top:1px solid #ebebeb;}
.sub_customer .num_list > li {position:relative; line-height:26px; margin-left:18px; list-style-type:decimal; font-size:16px; font-weight:500;}
.sub_customer .num_list > li + li {margin-top:16px;}
.sub_customer .num_list > li > .bul_list {margin-top:7px;}
.sub_customer .num_list > li > .bul_list li > .dash_list {margin:3px 0 11px 8px;}
.sub_customer .num_list > li > .bul_list li .dash_tit {display:block; margin-top:11px; font-weight:500;}
.sub_customer .num_list.type2 > li {padding-left:21px; margin-top:8px; margin-left:0; list-style:none;}
.sub_customer .num_list.type2 > li .num {position:absolute; top:0; left:0;}
.sub_customer .num_list.small_type > li { line-height:22px;font-size:14px;}

.sub_customer .list_basic.num_list > li + li {margin-top:52px;}
.sub_customer .list_basic.num_list > li strong {display:block; margin-bottom:16px;}
/* .sub_customer .list_basic.num_list > li p + ul {margin-top:20px;} */
.sub_customer .list_basic.num_list > li > ul > li + li {margin-top:20px;}
.sub_customer .list_basic.num_list > li > ul > li > ul > li + li{margin-top:8px;}
.sub_customer .list_basic.num_list > li .num_txt {margin-top:8px;}
.sub_customer .list_basic.num_list > li.box_bg_gray { padding:24px 24px 26px;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:16px;}

/* bul_list */
.sub_customer .bul_list.fc_m_a64 li {color:#5c5c5c;}
.sub_customer .bul_list .box_bar {margin-top:6px; font-size:0;}
.sub_customer .bul_list .box_bar span {position:relative; line-height:26px; color:#5c5c5c; font-size:16px;}
.sub_customer .bul_list .box_bar span + span { padding-left:13px;margin-left:13px;}
.sub_customer .bul_list .box_bar span + span:before { position:absolute; top:4px; left:0; display:block; width:1px; height:12px; background:#e0e0e0;content:"";}
.sub_customer ul.fw_bold li {font-weight:700;}

/* dash_list */
.sub_customer .dash_list.fc_m_a64 li {color:#5c5c5c;}

/* cus_bundle */
.sub_customer .cus_bundle.b_line {border-bottom:1px solid #ebebeb;}
.sub_customer .cus_bundle.b_line.type2 {padding-bottom:36px;}
.sub_customer .cus_bundle.b_line > .blk_num_list {margin-bottom:24px;}
.sub_customer .cus_bundle .box_item .box_icon_list {margin-top:16px;}
.sub_customer .cus_bundle .box_use01 .blk_num_list li + li {margin-top:12px;}
.sub_customer .cus_bundle .box_use01 .box_info01 {padding:7px 40px 40px; margin-top:0;}
.sub_customer .cus_bundle .box_use01 .box_info01 .bul_list02 li .fc_m_link {margin-left:12px;}
.sub_customer .cus_bundle .list_category01 {margin-top:-24px;}
.sub_customer .section.b_line {padding-bottom:25px; border-bottom:1px solid #ebebeb;}
.sub_customer .section + .section {margin-top:80px;}
.sub_customer .section .step_list {padding:12px 0 36px;}
/* box_item */
.sub_customer .box_item strong.tit {display:block;}
.sub_customer .box_item > .tit + * {margin-top:16px;}
.sub_customer .box_item .tit + .txt2 {margin-top:8px; margin-bottom:16px;}
.sub_customer .box_item [class^="co_tbl_"] {border-top:1px solid #949494;}
.sub_customer .box_item > .box_table {margin-top:36px;}
.sub_customer .box_item + .box_item {margin-top:52px;}

/* input_item */
.sub_customer .input_item + .input_item {margin-top:64px;}
.sub_customer .input_item .tit_wrap {display:block; margin-bottom:16px;}
.sub_customer .input_item .box_input01 + .box_input01 .input_textarea {margin-top:32px;}

/* box_table */
.sub_customer .box_table + .box_bul {margin-top:24px;}
.sub_customer .box_table > .h4_b {margin-bottom:16px;}
.sub_customer .box_table tbody tr td.no_data {padding:100px 0; color:#000; text-align:center;}
.sub_customer .box_table .bul_list02 li .num_list > li {margin-top:6px;}
/* box_banner_wrap */
.box_banner_wrap {display:inline-block; margin-top:120px; font-size:0;}
.box_banner_wrap ~ .box_banner_wrap {margin-left:19px;}
.box_banner_wrap .box_round12 {position:relative; display:inline-block;width:588px; height:240px; padding:28px;}
.box_banner_wrap .box_round12 + .box_round12 {margin-left:24px;}
.box_banner_wrap .box_round12 .fc_m_link {position:absolute; bottom:28px; left:28px;}/* 2023-01-30 GGU442 2023접근성 */
.box_banner_wrap .box_round12 dd {margin-top:16px; letter-spacing:-1px;}
.box_banner_wrap .box_round12 .ico {position:absolute; right:12px; bottom:12px;}
.box_banner_wrap .box_round12 .ico img,
.box_banner_wrap .box_round12 .ico .svg {width:100px; height:100px;}
.box_banner_wrap.col3 .box_round12 {width:384px; height:260px;}
.box_banner {padding:17px 24px; border-radius:8px; background:#f5f5f5;}
.box_banner a.fc_m_link {margin-top:3px;}
.box_banner + .box_bul {margin-top:24px;}

/* .box_bul */
.sub_customer .box_bul + .box_btn { margin-top:12px;margin-left:8px;}

/* box_btn */
.sub_customer .box_btn {font-size:0;}
/* .sub_customer .box_btn a + a {margin-left:16px;} */

/* 기본 아코디언 */
/* .sub_customer .accod_list.add_list .accodWrap:last-child {border-bottom:0;} */
.sub_customer .accod_list {border-top:2px solid #000;}
.sub_customer .accod_list .box_tit {position:relative;}
.sub_customer .accod_list .box_tit:hover {background: #fafafa;}
.sub_customer .accod_list .box_tit .accodBtn:after  { position:absolute; z-index:2; top:20px; right:20px; display:block; width:24px; height:24px; opacity: 0.64; 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 + .accodWrap {border-top:1px solid #ebebeb;}
.sub_customer .accod_list .accodWrap:last-child {border-bottom:1px solid #ebebeb;}
.sub_customer .accod_list .accodWrap .accodBtn { z-index:3;display:block; width:100%; padding: 20px 60px 20px 24px;}
.sub_customer .accod_list .accodWrap.on .accodBtn p {font-weight:700;}
.sub_customer .accod_list .accodWrap.on {background:#fafafa;}
.sub_customer .accod_list .box_btn.more {margin-top:32px; border-bottom:none;}
.sub_customer .box_customer02 .accod_list .accodSlide {display:none; padding:4px 24px 34px 24px;}
.sub_customer .accod_list .accodSlide {display:none; padding:4px 40px 24px 40px;}
.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 { line-height:26px;color:#5c5c5c;} /* Q10582: 22.02.25 line-height:26px 추가 */
.sub_customer .accod_list .accodSlide p + p {margin-top:20px;}
.sub_customer .accod_list + .box_bul {margin-top:24px;}
.sub_customer .accod_list + .box_btn {margin-top:32px;}
.sub_customer .accod_list .no_data {padding:150px 0; border-bottom:1px solid #ebebeb;}
/* qna 타입 */
.sub_customer .accod_list.qna_type .accodBtn:after { top:20px;width:24px; height:24px; margin-top:0; background-size:24px;}
.sub_customer .accod_list.qna_type .box_tit p {position:relative; padding-left:25px;}
.sub_customer .accod_list.qna_type .box_tit p:before { position:absolute; top:0; left:0; display:block;content:"Q.";}
.sub_customer .accod_list.qna_type .accodSlide { padding:4px 40px 24px 49px;}
/* 아코디언 열림 영역 좁은 타입 */
.sub_customer .accod_list.type2 .accodSlide {padding:5px 40px 24px 24px;}
/* 날짜 표시된 타입 */
.sub_customer .accod_list.date_type .box_tit a {position:relative;}
.sub_customer .accod_list.date_type .box_tit a .txt_date {position:absolute; top:20px; right:0;}

/* 큰 아코디언 */
.sub_customer .sub_accod {margin-top:64px;}
.sub_customer .sub_accod > .accodWrap {margin-bottom:64px;border-top:2px solid #000;}
.sub_customer .sub_accod > .accodWrap:last-child {margin-bottom:0;}
.sub_customer .sub_accod > .accodWrap > .tit {position:relative;}
.sub_customer .sub_accod > .accodWrap > .tit .accodBtn{position:relative; display:block; padding:16px 72px 16px 0px;}
.sub_customer .sub_accod > .accodWrap > .tit .accodBtn:after{ position:absolute; top:50%; right:0; width:32px; height:32px; margin-top:-16px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat 50% 50%; background-size:32px 32px;content:'';}
.sub_customer .sub_accod > .accodWrap.on .tit .accodBtn:after{background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);}
.sub_customer .sub_accod > .accodWrap > .accodSlide {display:none;}
.sub_customer .sub_accod > .accodWrap > .accodSlide > .box_bul {margin-top:24px;}
.sub_customer .sub_accod > .accodWrap > .accodSlide > .box_line {margin-top:16px;}
.sub_customer .sub_accod > .accodWrap > .accodSlide .box_line {border-top:1px solid #949494;}
.sub_customer .sub_accod > .accodWrap > .accodSlide > p.txt {margin-top:24px;}
.sub_customer .sub_accod > .accodWrap > .accodSlide > p.txt + .box_line {margin-top:36px;}
.sub_customer .sub_accod .accodSlide > dl:first-child {margin-top:36px;}
.sub_customer .sub_accod .accodSlide > dl + dl {margin-top:52px;}
.sub_customer .sub_accod .accodSlide > dl dd > .box_table,
.sub_customer .sub_accod .accodSlide > dl dd > .box_bul {margin-top:16px;}
.sub_customer .sub_accod .accodSlide > dl dt {margin-bottom:16px;}
.sub_customer .sub_accod .accodSlide > dl dd {color:#5c5c5c;}
.sub_customer .sub_accod .step_list.row3 {margin-top:36px;}
.sub_customer .sub_accod .accodSlide > .box_table {margin-top:36px;}
.sub_customer .sub_accod .accodSlide > .box_table + .box_table {margin-top:56px;}/* 상품공시실 신용카드상품 ID팀 요청*/
/* 이중아코디언 */
.sub_customer .accod_list.inner_accod {margin-top: 36px;border-top:none;}
.sub_customer .accod_list.inner_accod > .accodWrap { margin-bottom: 0;/*border-bottom: 1px solid #ebebeb;*/}
.sub_customer .accod_list.inner_accod > .accodWrap > .tit .accodBtn {padding: 21px 0;}
.sub_customer .accod_list.inner_accod > .accodWrap > .tit .accodBtn:after { right: 20px;width: 24px; height: 24px; background-size: 24px;}
.sub_customer .accod_list.inner_accod > .accodWrap.on {background: #f5f5f5;}
.sub_customer .accod_list.inner_accod > .accodWrap .accodSlide {padding:3px 40px 24px;}
.sub_customer .accod_list.inner_accod > .accodWrap .accodSlide p + p {margin-top: 12px;}
.sub_customer .accod_list.inner_accod.type2 > .accodWrap .accodSlide {padding:5px 40px 24px 24px;}
/* 상태값있는 아코디언 */
/* .sub_customer .accod_list.state_type .box_tit {padding:0 24px 0 24px;} */
.sub_customer .accod_list.state_type .box_tit .inner:after { display:block; clear:both;content:"";}
.sub_customer .accod_list.state_type .box_tit .state {float: left; width:53px; line-height:20px; margin-top:1px; border-radius:20px; color:#fff; background:#5c5c5c; text-align:center; font-size:12px;}
.sub_customer .accod_list.state_type .box_tit .state.on {color:#858585; background:#ebebeb;}
.sub_customer .accod_list.state_type .box_tit .tit {float:left; width:530px; margin-left:16px;}
.sub_customer .accod_list.state_type .box_tit .txt_date {float:right;}
.sub_customer .accod_list.state_type .accodWrap.on .accodBtn .txt_date {font-weight:500;}
.sub_customer .accod_list.state_type .accodSlide {padding:4px 114px 24px 93px;}
.sub_customer .accod_list.state_type .accodSlide .box_question {margin-bottom:40px;}
.sub_customer .accod_list.state_type .accodSlide .box_question p {color:#5c5c5c;}
.sub_customer .accod_list.state_type .accodSlide .tit {display:block; margin-bottom:8px;}
.sub_customer .accod_list.state_type .accodSlide .box_answer p {color:#000;}
.sub_customer .accod_list.state_type .accodSlide .txt_date {margin-top:16px; color:#858585;}
.sub_customer .accod_list.state_type .no_data {padding:150px 0; border-bottom:1px solid #ebebeb;}

/* 아코디언 내 카드 선택 */
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 { width:792px;margin-top:0;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 + p {margin:12px 0 0 12px;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .select_down {width:100%;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .select_down .box_info .txt_card,
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .drop_link .box_info .txt_card {font-size:20px;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .select_down .box_info .divr_dot li,
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .drop_link .box_info .divr_dot li {font-size:14px; font-weight:500;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .drop_link .box_info .divr_dot > .divr_txt:before {top:9px; color:rgba(0,0,0,0.08);}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .select_down > li {padding:0;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .select_down .list02 > li {padding:0;}
.sub_customer .sub_accod .accodWrap .box_select.h92.type2 .select_down .list02 > li .divr_dot > .divr_txt:before {top:9px;}
.box_select.h92.type2 .img, .box_select.h64.type2 img { overflow:hidden;width:32px; height:52px;}

/* 아코디언 내 탭 스타일 */
.tab_category {font-size:0;}
.tab_category > a {position:relative; display:inline-block; line-height:32px;padding:0 12px; border-radius:40px; color:#707070; background:#f5f5f5; font-size:16px; font-weight:700; } /* 2024-02-20 Q10962 웹접근성 명도대비 수정 */ /* Q10582: 22.02.21 background-color, color 수정 */
.tab_category a + a {margin-left:4px;}
.tab_category > a.current {color:#fff; background:#000;}
.tab_category ~ .tab_content {margin-top:45px;}

/* Q10582: 22.02.21 hover 추가 */
.tab_category a:hover { background-color:#e0e0e0; }
.tab_category a.current:hover {background-color:#5c5c5c;}

/* box_guide */
.sub_customer .box_guide {margin-left:16px;}
.sub_customer .box_guide > p {margin-bottom:24px;}
.sub_customer .box_guide > strong {display:inline-block; margin-bottom:24px;}
.sub_customer .box_guide ul li { overflow:hidden;min-height:260px;}
.sub_customer .box_guide ul li + li {margin-top:36px;}
.sub_customer .box_guide ul li .img {float:right; width:480px; margin-left:60px;}
.sub_customer .box_guide ul li .img img {width:100%;}
.sub_customer .box_guide ul li .txt { position:relative;float:left; width:580px; }
.sub_customer .box_guide ul li .txt .ico_step {display:inline-block; line-height:20px; padding:4px 6px; margin-bottom:12px; border:1px solid #ccc; border-radius:4px; color:#5c5c5c; background:#fff; text-align:center;} /* 2024-02-20 Q10962 웹접근성 명도대비 */
.sub_customer .box_guide ul li .txt p {color:#000;}
.sub_customer .box_guide ul + strong {margin-top:64px;}

/* box_line */
.sub_customer .box_line.b_line { padding-bottom:18px;border-bottom:1px solid #ebebeb;}
.sub_customer .box_line.b_line.type2 {padding-bottom:56px;}
.sub_customer .box_line.b_none > li {border-bottom:none;}
.sub_customer .box_line {border-top:2px solid #000;}
.sub_customer .box_line > li {border-bottom:1px solid #ebebeb;}
.sub_customer .box_line > li .tit {display:table-cell; width:180px; padding:20px 0 20px 24px;}
.sub_customer .box_line > li .txt {display:table-cell; width:996px; padding:20px 0 20px 24px; color:#5c5c5c;}
.sub_customer .box_line > li .txt > .p1_m_lt_1ln + .box_bul {margin-top:3px;}
.sub_customer .box_line > li .txt > .box_btn {margin-top:4px;}
.sub_customer .box_line > li .txt .box_bul .box_btn {margin-top:12px;}
.sub_customer .box_line > li .txt .bul_list li {line-height:26px; color:#5c5c5c;}
.sub_customer .box_line > li .txt .indent_list > li {line-height:26px; padding-left:15px; color:#5c5c5c; text-indent:-15px; font-weight:500;}
.sub_customer .box_line > li .txt .indent_list > li + li {margin-top:8px;}
.sub_customer .box_line > li .txt .bul_list > li + li {margin-top:8px;}
.sub_customer .box_line > li .txt .num_list > li + li {margin-top:8px;}
.sub_customer .box_line > li .txt .num_list > li .dash_list {margin-top:8px;}
.sub_customer .box_line > li .txt .bul_list .dash_list,
.sub_customer .box_line > li .txt .indent_list .dash_list {margin-top:3px;}
.sub_customer .box_line > li .txt .indent_list .dash_list {text-indent:0;}
.sub_customer .box_line > li .txt .box_input01 {width:486px;}
.sub_customer .box_line > li .txt .box_input01 + .box_bul {margin-top:24px;}
.sub_customer .box_line > li .txt .step_list { align-items: flex-start;padding: 0 0 32px 0;}
.sub_customer .box_line > li .txt .step_list .item_result p {margin-top:23px;}
.sub_customer .box_line > li .txt .step_list li:before {top:37px; transform:translateY(0);;}
.sub_customer .box_line + .box_bul {margin-top:24px;}
.sub_customer .box_line + .input_item {margin-top:64px;}
.sub_customer .box_line.last_bd_b0 > li:last-child {border-bottom:0 none;} /* 2024-06-26 GGU282 - 추가 */

/* 할부서비스 */
.box_math { padding:16px 0;margin-bottom:36px; text-align:center; font-size:0; }
.box_math > div {position:relative; display:inline-block; margin:0 20px; vertical-align:top;}
.box_math > div + div {padding-left:32px;}
.box_math > div p {display:inline-block; line-height:26px; margin-top:3px; vertical-align:top; font-size:20px; font-weight:700;}
.box_math > div i {margin:0 10px;}
.box_math .ico_divide {display:inline-block;; width:32px; height:32px; opacity:0.4; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_divide.png) 0 0 no-repeat; background-size:32px;}
.box_math .ico_plus {display:inline-block;; width:32px; height:32px; opacity:0.4; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_plus_b.png) 0 0 no-repeat; background-size:32px;}
.box_math .ico_x {display:inline-block;; width:32px; height:32px; opacity:0.4; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_x_b.png) 0 0 no-repeat; background-size:32px;}
.box_math .ico_result {display:inline-block;; width:32px; height:32px; opacity:0.4; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_equal2.png) 0 0 no-repeat; background-size:32px;}

/* 본문 테이블 가이드 */
.sub_customer [class^="co_tbl_"] {border-top:2px solid #000;}
.sub_customer [class^="co_tbl_"] thead tr th { line-height:26px;padding:20px 24px; border-bottom:1px solid #ebebeb; color:#000; text-align:left; font-weight:700;}
.sub_customer [class^="co_tbl_"] tbody tr td { line-height:26px;padding:20px 24px; border-bottom:1px solid #ebebeb; color:#5c5c5c; text-align:left; vertical-align:top; font-weight:500;}
.sub_customer [class^="co_tbl_"] tbody tr th {padding:20px 24px; border-bottom:1px solid #ebebeb; color:#000; text-align:left; vertical-align:top; 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_"] tbody tr td .divr_dot {display:inline-block;}
.sub_customer [class^="co_tbl_"] tbody tr td .divr_dot > .divr_txt {color:#5c5c5c;}
.sub_customer [class^="co_tbl_"] tbody tr td.no_data {padding:150px 0;}
.sub_customer .co_tbl_type01.valign_m_type tbody tr td {vertical-align:middle;}
/* 고객권리 안내 테이블  */
.sub_customer .co_tbl_type01.indent_type {margin-left:-21px; border-top:1px solid #949494;}
.sub_customer .co_tbl_type01.indent_type tbody tr td {color:#5c5c5c;}

/* 팝업 내 테이블 가이드 */
.modal_pop [class^="co_tbl_"] {border-top:1px solid #000;}
.modal_pop [class^="co_tbl_"] thead tr th {padding:16px;border-bottom:1px solid #ebebeb; color:#000; text-align:left; font-weight:700;}
.modal_pop [class^="co_tbl_"] tbody tr td { line-height:26px;padding:16px; border-bottom:1px solid #ebebeb; color:#5c5c5c; text-align:left; vertical-align:top;}
.modal_pop [class^="co_tbl_"] tbody tr th {padding:16px; border-bottom:1px solid #ebebeb; color:#000; text-align:left; vertical-align:top; vertical-align:top;}
.modal_pop [class^="co_tbl_"] tbody tr td.no_data{padding:69px 16px; border-bottom:0;}
/* list_board */
.sub_customer .list_board {border-top:2px solid #000;}
.sub_customer .list_board li {position:relative;}
.sub_customer .list_board li + li {border-top:1px solid #ebebeb;}
.sub_customer .list_board li:last-child {border-bottom:1px solid #ebebeb;}
.sub_customer .list_board li .txt_date {position:absolute; top:22px; right:24px;}
.sub_customer .list_board li a {display:block; padding:20px 100px 20px 24px;}
.sub_customer .list_board li a:hover {background-color:#fafafa;}
.sub_customer .list_board li a .tit {display:inline-block;}
.sub_customer .list_board li a .ico_new { line-height:16px;margin:5px 0 0 8px; color:#ff0000; vertical-align:top; font-size:12px;}
.sub_customer .list_board li.box_btn.more { padding:0;margin-top:32px; border:0; }
.sub_customer .list_board + .box_btn.more {margin-top:32px;}
.sub_customer .list_board li.no_data {padding:160px 0;}
.sub_customer .list_board.add_list li:last-child {border-bottom:none;}

/* board 상세 */
.board_detail {border-top:2px solid #000;}
.board_detail .board_header {position:relative; padding:19px 100px 19px 24px; border-bottom:1px solid #ebebeb;}
.board_detail .board_header .txt_date {position:absolute; top:21px; right:24px;}
.board_detail .board_content {padding:40px 24px 64px; border-bottom:1px solid #ebebeb;}
.board_detail .board_content .edit_area {position:relative;}
.board_detail .board_content .edit_area .box_btn.p_right {position:absolute; top:0; right:0;}
.board_detail .board_content .edit_area .list {margin-top:40px;}
.board_detail .board_content .edit_area .list + .list {margin-top:32px;}
.board_detail .board_content .edit_area .list h5 {margin-bottom:8px;}
.board_detail .board_content .edit_area p + .box_table {margin-top:16px;}
.board_detail .board_content .edit_area .box_table table {border-top:1px solid #949494;}
.board_detail + .box_btn {margin-top:80px;}
.board_prevnext li { padding:20px 24px; border-bottom:1px solid #ebebeb;}
.board_prevnext li:hover {background-color:#fafafa;}
.board_prevnext li:after { display:block; clear:both;content:"";}
.board_prevnext li .info {position:relative; float:left; line-height:22px; padding-right:16px;}
.board_prevnext li .info:after { position:absolute; top:3px; right:0; display:block; width:16px; height:16px; background: url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_forward_blue.png) no-repeat 100% 50%; background-size:16px 16px;content:""; transform:rotate(-90deg);}
.board_prevnext li.next .info:after {transform:rotate(90deg);}
.board_prevnext li .txt {display:block; float:left; overflow:hidden; width:510px; margin:0 25px; text-overflow:ellipsis; white-space:nowrap;}
.board_prevnext li .date {float:right;}

/* Q10582: 22.02.23 board상세 type 추가 */
.board_prevnext.type01 li {padding:0;}
.board_prevnext.type01 li a {display: block; height: 63px; padding:20px 24px;}
.board_prevnext.type01 li .txt mark {background: none;}

/* event_banner */
.sub_customer .event_banner { padding-top:92px;margin-top:120px; background:url('/docfiles/resources/pc/images/common/icon/w80/ico_event.png') top center no-repeat; background-size:80px;}
.sub_customer .event_banner .tit {display:block; margin-bottom:4px;}
.sub_customer .event_banner .box_btn {margin-top:16px; text-align:center;}

.box_input01.border_type .input_cell_box:before {display:none;}
.box_input01.border_type {width:200px;}
.box_input01.border_type .input_cell input[type="text"] { height:40px;padding:10px 6px; border:1px solid #ccc; border-radius:4px; text-align:right; font-size:14px; font-weight:500;}

.co_tbl_type01.correction_table tbody tr td,
.co_tbl_type01.correction_table tbody tr th {line-height:40px;}
.co_tbl_type01.correction_table tbody tr td.alR,
.co_tbl_type01.correction_table thead tr th.alR {padding-right:102px;}

.box_Ta.h130 thead th,
.box_Ta.h130 tbody th,
.box_Ta.h130 tbody td { padding:40px 24px; border-bottom:1px solid #ccc; }

/* 보안프로그램설치화면 */
.guide_section { margin-top:112px; }
.individual_install_wrap thead th {border-top:2px solid #000;}
.individual_install_wrap h3 + .box_Ta { margin-top:20px; }
.individual_install_wrap table .box_btn { display:flex; display:-ms-flexbox; display:-webkit-flex; align-items: center;}
.individual_install_wrap .btn_install { width:80px; margin-left:20px; }
.individual_install_wrap .guide_install { margin-top:52px; }
.individual_install_wrap .guide_install h4 { margin-bottom:16px; }

.sub_customer.sub_main .content {width:100%;}
.sub_customer.sub_main .box_top_tit { min-width:1200px; padding:64px 0 80px;background-color:#f5f5f5; text-align:center;}
.sub_customer.sub_main .box_top_tit [class*="h1_"] {margin-top:0;}
.sub_customer.sub_main .box_top_tit .quick_submain {display:inline-block; margin-top:52px;}
.sub_customer.sub_main .box_top_tit .quick_submain:after { display:block; clear:both;content:'';}
.sub_customer.sub_main .box_top_tit .quick_submain > li { position:relative;float:left; width:384px; height:384px; padding:96px 32px; border-radius:16px; background-color:#fff; text-align:left;}
.sub_customer.sub_main .box_top_tit .quick_submain > li ~ li {margin-left:24px;}
.sub_customer.sub_main .box_top_tit .quick_submain > li [class^='h2_'] {margin-top:0;}
.sub_customer.sub_main .box_top_tit .quick_submain > li > a {position:absolute; bottom:32px; left:32px; color:#0070f0;}
.sub_customer.sub_main .box_top_tit .quick_submain > li > a:hover:after { position:absolute; bottom:0; left:0; display:block; width:100%; height:1px; background:#0070f0;content:"";}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul {margin-top:12px;}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul:after { display:block; clear:both;content:'';}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul * {float:left;}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul li {position:relative;}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul li ~ li { padding-left:12px;margin-left:11px;}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul li ~ li:after { position:absolute; top:50%; left:0; height:12px; margin-top:-5px; border-left:1px solid #e0e0e0;content:'';}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul li a {color:#0070f0;}
.sub_customer.sub_main .box_top_tit .quick_submain > li ul li a:hover {border-bottom:1px solid #0070f0;}
.sub_customer.sub_main .box_top_tit .quick_submain > li.q1 [class^='h2_'] strong {color:#5e4cff;}
.sub_customer.sub_main .box_top_tit .quick_submain > li.q2 [class^='h2_'] strong {color:#fb4513;}
.sub_customer.sub_main .box_top_tit .quick_submain > li.q3 [class^='h2_'] strong {color:#0acd86;}
.sub_customer.sub_main .box_top_tit .quick_submain > li.q1 {background:#fff url('/docfiles/resources/pc/images/cus/bg_q1.png') 16px 16px no-repeat; background-size:80px;}
.sub_customer.sub_main .box_top_tit .quick_submain > li.q2 {background:#fff url('/docfiles/resources/pc/images/cus/bg_q2.png') 16px 16px no-repeat; background-size:80px;}
.sub_customer.sub_main .box_top_tit .quick_submain > li.q3 {background:#fff url('/docfiles/resources/pc/images/cus/bg_q3.png') 16px 16px no-repeat; background-size:80px;}
.sub_customer.sub_main .box_top_tit .quick_submain > li strong {font-weight:700;}
.sub_customer.sub_main .box_submain {width:1200px; padding-top:81px; margin:0 auto;}
.sub_customer.sub_main .box_submain .list_cs ul {display:flex; display:-ms-flexbox; display:-webkit-flex; flex-wrap:wrap; margin-top:64px;}
.sub_customer.sub_main .box_submain .list_cs ul li {flex-grow:0; width:calc(100% / 3); padding-left:32px;} /* 2025-04-01 Q11855 수정 */
.sub_customer.sub_main .box_submain .list_cs ul li:nth-child(3n) ~ li {margin-top:80px;}
.sub_customer.sub_main .box_submain .list_cs ul li p {margin-top:4px; letter-spacing:-1px;}
.sub_customer.sub_main .box_submain .list_cs ul li .h4_b_lt {position:relative;}
.sub_customer.sub_main .box_submain .list_cs ul li .h4_b_lt:hover:after { position:absolute; bottom:0; left:0; display:block; width:calc(100% - 24px); height:1px; background:#000;content:"";}
.sub_customer.sub_main .box_submain .guide_cert {display:flex; display:-ms-flexbox; display:-webkit-flex; margin-top:160px; border-radius:24px; background-color:#f5f5f5;}
.sub_customer.sub_main .box_submain .guide_cert .img {display:flex; display:-ms-flexbox; display:-webkit-flex; width:486px; height:332px;}
.sub_customer.sub_main .box_submain .guide_cert .img img {width:100%;}
.sub_customer.sub_main .box_submain .guide_cert .quick {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:center; width:calc(100% - 486px); padding-left:82px;}
.sub_customer.sub_main .box_submain .guide_cert .quick ul {margin-top:28px;}
.sub_customer.sub_main .box_submain .guide_cert .quick ul:after { display:block; clear:both;content:'';}
.sub_customer.sub_main .box_submain .guide_cert .quick ul li {float:left;}
.sub_customer.sub_main .box_submain .guide_cert .quick ul li ~ li {margin-left:24px;}
.sub_customer.sub_main .box_submain .guide_cert .quick ul li a {position:relative; }
.sub_customer.sub_main .box_submain .guide_cert .quick ul li a:hover:after { position:absolute; bottom:0; left:0; display:block; width:calc(100% - 16px); height:1px; background:#0070f0;content:"";}
.sub_customer.sub_main .box_submain .list_news {margin-top:120px;}
.sub_customer.sub_main .box_submain .list_news .head {position:relative; margin-bottom:20px;}
.sub_customer.sub_main .box_submain .list_news .head > a {position:absolute; right:0; bottom:0;}
.sub_customer.sub_main .box_submain .list_news .head > a:hover:after { position:absolute; bottom:0; left:0; display:block; width:calc(100% - 16px); height:1px; background:#000;content:"";}
.sub_customer.sub_main .box_submain .list_news ul {border-top:1px solid #e0e0e0;}
.sub_customer.sub_main .box_submain .list_news ul li > a {display:flex; display:-ms-flexbox; display:-webkit-flex; align-items:center; height:72px; padding: 0 24px; border-bottom:1px solid #e0e0e0;}
.sub_customer.sub_main .box_submain .list_news ul li > a:focus,
.sub_customer.sub_main .box_submain .list_news ul li > a:hover {background-color:#fafafa;}
.sub_customer.sub_main .box_submain .list_news ul li > a > strong {width:207px;}
.sub_customer.sub_main .box_submain .list_news ul li > a > span {width:91px; text-align:right;}
.sub_customer.sub_main .box_submain .list_news ul li > a > em {width:calc(100% - 298px);}
.sub_customer.sub_main .box_submain .list_news ul li > a > em .badge {display:inline-block; margin-left:6px; vertical-align:text-bottom;}

/* 소비자포털 */
.sub_customer .box_top_tit .h1_eb_ctr + .h4_b_ctr {margin-top: 16px;}
.sub_customer .portal_wrap .portal_list ul {display: flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:space-between;}
.sub_customer .portal_wrap .portal_list ul > li {width:588px; min-height:160px; padding:22px 24px; margin-bottom:44px; font-size:0;} /* 2022-04-26 GGU282 - height → min-height로 수정 */
.sub_customer .portal_wrap .portal_list ul > li:last-child,
.sub_customer .portal_wrap .portal_list ul > li:nth-child(odd):nth-last-child(2) {border-bottom: 0;}
.sub_customer .portal_wrap .portal_list ul > li p {margin-top: 4px;}
.sub_customer .portal_wrap .portal_list ul > li a {display: inline-block; margin: 12px 12px 0 0;}

/* 전자민원접수 */
.sub_customer .complain_login {width: 402px; margin: 0 auto;}
.sub_customer .complain_login .login_box {position: relative; height: 636px; border: 1px solid #ccc; border-radius: 16px;}
.sub_customer .complain_login .login_box .top_area {margin-top: 36px;}
.sub_customer .complain_login .login_box .tab_way { position: relative;display: flex; display:-webkit-flex; display:-ms-flexbox; margin-top: 20px; border-bottom: 1px solid #ebebeb;}
.sub_customer .complain_login .login_box .tab_way li {width: 100px; height: 57px; line-height: 57px; opacity: .45; text-align: center;}
.sub_customer .complain_login .login_box .tab_way li.on {border-bottom: 1px solid #000; opacity: 1;}
.sub_customer .complain_login .login_box .login_area { padding: 0 32px;margin-top: 112px;}
.sub_customer .complain_login .login_box .pin_btn {position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px;}
.sub_customer .complain_login .login_box .pin_btn button {width: 100%; cursor: pointer;}
.sub_customer .complain_login .login_box .login_area .pin_num {margin: 36px auto 0; text-align: center;}
.sub_customer .complain_login .login_box .login_area .pin_num input {width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; text-indent: -9999px;}
.sub_customer .complain_login .login_box .login_area .pin_num input + input {margin-left: 10px; pointer-events: none;}
.sub_customer .complain_login .login_box .login_area.error {color: #ff0000;}
.sub_customer .complain_login .login_box .login_area.error .pin_num input {border-color: #ff0000;}

/* 사용가능한 브라우저 */
.sub_customer .available_browser { padding: 24px;margin-top: 36px; border-radius: 8px; background: #f5f5f5;}
.sub_customer .available_browser ul {display: flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; justify-content: center; margin-top: 24px;}
.sub_customer .available_browser ul li {width: 32px; height: 32px; margin: 0 4px; background: red;}
.sub_customer .available_browser ul + p {margin-top: 12px;}

.sub_customer .another_area {display: flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; margin: 80px 0;}
.sub_customer .another_area p {margin: 0 40px;}
.sub_customer .another_area:before,
.sub_customer .another_area:after { display: inline-block; flex: 1; width: 100%; height: 1px; background: #000;content: '';}
.sub_customer .another_area + .section_wrap .box_top_tit h3 {margin-top: 80px;}
.sub_customer .box_certification .section + .section {margin-top: 64px;}
.sub_customer .list_sel_inp.tab2 li {width: calc(50% - 16px);}
.sub_customer .list_sel_inp.tab3 li {width: calc(33.33% - 16px);}
.box_terms_wrap .agree_wrap > .bul_txt {margin: 17px 0 0 32px; color: #858585; font-size: 14px;}
.sub_customer .section_wrap.w792 {width: 792px; margin: 0 auto;}

.sub_customer .box_customer01 .board_apply + .bul_list {margin-top: 24px;}
.sub_customer .box_customer01 .board_apply .board_detail.type02 {margin: 0; border: 0;}
.sub_customer .box_customer01 .section_wrap.w792 .section + .section {margin-top: 80px;}
.sub_customer .box_customer01 .board_apply .board_detail.type02 .board_title { padding: 19px 24px;background: none;}
.sub_customer .box_customer01 .board_apply .board_detail.type02 .board_content {border-bottom: 1px solid #ebebeb;}
.sub_customer .box_customer01 .board_apply .board_detail.type02 .detail_cont {padding: 52px 24px 80px; }
.sub_customer .box_customer01 .board_apply .board_prev_next li {padding: 21px 24px 20px; border-bottom: 1px solid #ebebeb;}
.sub_customer .box_customer01 .board_apply .board_prev_next li:after { display: block; clear: both;content: '';}
.sub_customer .box_customer01 .board_apply .board_prev_next .next em:after { display: inline-block; width: 16px; height: 16px; margin-left: 6px; background: url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_down.png)no-repeat 50%; background-size: 16px;content: ''; vertical-align: -2px;}
.sub_customer .box_customer01 .board_apply .board_prev_next .prev em:after { display: inline-block; width: 16px; height: 16px; margin-left: 6px; background: url(/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_up.png)no-repeat 50%; background-size: 16px;content: ''; vertical-align: -2px;}
.sub_customer .box_customer01 .board_apply .board_prev_next li a + a{padding-left: 80px;}
.sub_customer .box_title01 + .bul_list {margin-top: 20px;}

.input_textarea {position: relative; width:100%; height:240px; padding:0 15px 40px 15px; 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:10px 0 0 0; border:none;font-size:16px;}
.input_textarea textarea::placeholder {line-height: 26px; color:#5c5c5c; font-size: 16px; font-weight:500;}/* 2023-01-27 GGU442 2023접근성 */
.input_textarea textarea:-ms-input-placeholder {line-height: 26px; color:#5c5c5c; font-size: 16px; font-weight:500;}/* 2023-01-27 GGU442 2023접근성 */
.input_textarea .limit_num {position: absolute; right: 16px; bottom: 16px; color: #5c5c5c;}/* 2023-01-27 GGU442 2023접근성 */
.input_textarea.tit_textarea textarea { height:64px;padding:16px;}
.input_textarea textarea:focus {outline:none;}
.input_textarea.on {border:2px solid #000;}
.input_cell_box + .input_textarea {margin-top:20px;}

.sub_customer .step_list.b_line {border-bottom:1px solid #ebebeb;}
.sub_customer .step_list {display:flex; display:-webkit-flex; display:-ms-flexbox; padding: 32px 0 40px; color:#000;}
.sub_customer .step_list > li {position:relative; flex: 1;}
.sub_customer .step_list li + li:before { position: absolute; top: 50%; left: -16px; display: inline-block; width: 32px; height: 32px; opacity:0.2; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png)no-repeat 50% 50%; background-size: 32px;content: ''; transform: translateY(-50%);}
.sub_customer .step_list li.item_plus:before { opacity:1;background:url(/docfiles/resources/pc/images/cus/ico/w32/ico_plus.png)no-repeat 50% 50%; background-size:32px;}
.sub_customer .step_list li.item_arrow:before { opacity: .2;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png)no-repeat 50% 50%; background-size:32px;}
.sub_customer .step_list li.item_result:before { opacity:1;background:url(/docfiles/resources/pc/images/cus/ico/w32/ico_result.png)no-repeat 50% 50%; background-size:32px;}
.sub_customer .step_list li.item_multiply:before { opacity:1;background:url(/docfiles/resources/pc/images/cus/ico/w32/ico_x.png)no-repeat 50% 50%; background-size:32px;}
.sub_customer .step_list li .img {width: 64px; height: 64px; margin: 0 auto;}
.sub_customer .step_list li .img img {width: 100%;}
.sub_customer .step_list li .img.w40 {width:40px; height:40px;}
.sub_customer .step_list li .img + p {margin-top:8px;}
.sub_customer .step_list li span {display: block; margin-top: 4px;}
.sub_customer .step_list.type02 {padding:36px 0; border:1px solid #ebebeb; border-radius:8px;}
.sub_customer .step_list.type02 + .box_bul {margin-top:24px;}
.sub_customer .step_list + .box_line {margin-top: 64px;}
.sub_customer .step_list.type03 li span {margin-top: 12px;}
.sub_customer .step_list.type03 {border-bottom: 1px solid #ebebeb;}
.sub_customer .step_list.row3 {flex-wrap:wrap;}
.sub_customer .step_list.row3 li { flex:1 1 30%;width:398px; margin-bottom:40px;}
.sub_customer .step_list.row3 li:last-child {flex:none; margin-bottom:0;}
.sub_customer .step_list.row3 li.none_flex {flex:none; margin-bottom:0;}
.sub_customer .step_list.row3 li:nth-child(3n+1):before {display:none;}
.sub_customer .step_list.multi_group {align-items:center;}
.sub_customer .step_list.multi_group > li {flex:1 1 0; width:auto;}
.sub_customer .step_list.multi_group > li:first-child {flex:3 1 0;}
.sub_customer .step_list li .group_step {display:flex; display:-ms-flexbox; display:-webkit-flex; align-content:space-between; flex-wrap:wrap; height:224px;}
.sub_customer .step_list li .group_step li {position:relative; flex:1 1 30%;}
.sub_customer .step_list li .group_step li:nth-child(3n+1):before {display:none;}
.sub_customer .step_list.example_type {align-items:center;}
.sub_customer .step_list.example_type .img {height:100px;}
.sub_customer .step_list.example_type .img + p {margin-top:20px;}
.sub_customer .step_list.example_type li p {margin-top:0;}
.sub_customer .step_list.math_type {align-items:center; justify-content:center;}
.sub_customer .step_list.math_type > li { flex:0 0 auto;padding:0 56px;}
.sub_customer .box_title01 + .step_list {margin-top:12px;}
.sub_customer .step_list + .blk_num_list {padding:25px 24px; border-bottom:1px solid #ebebeb;}
.sub_customer .box_line + .blk_num_list {margin-top: 24px;}
.sub_customer .box_title01 + .card_comp_sel .list_sel_inp {margin-top:-12px;}
/* 핸드폰 목업이미지 타입 */
.sub_customer .accod_list.phone_type .accodWrap .accodBtn > p {margin-top:8px;}
.sub_customer .accod_list.phone_type .accodWrap.on .accodBtn > p {font-weight:500;}
.sub_customer .step_list.phone_type { flex-wrap: wrap;padding:36px 0 40px;}
.sub_customer .step_list.phone_type li:after { position:absolute; top:167px; right:-80px; display:inline-block; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png)no-repeat 50% 50%; background-size:32px;content:'';}
.sub_customer .step_list.phone_type li + li:before {display:none;}
.sub_customer .step_list.phone_type li {flex:0; min-width:184px; margin-right:128px;}
.sub_customer .step_list.phone_type li .img { width:auto;height:366px; text-align: center;}
.sub_customer .step_list.phone_type li .img img {width:auto; height:100%;}
.sub_customer .step_list.phone_type li .img + p {margin-top:16px;}
.sub_customer .step_list.phone_type li + li:before {left:-60px; margin-top:-38px;}
.sub_customer .step_list.phone_type li.last_item {margin-right:80px;}
.sub_customer .step_list.phone_type li.last_item ~ li {margin-top:63px;}
.sub_customer .step_list.phone_type li:last-child:after {display:none;}
.sub_customer .step_list.phone_type li:last-child {margin-right:0;}
.sub_customer .tab_content .step_list.phone_type {padding-top:12px;}
/* 4개만 나오는 경우 row4 */
.sub_customer .step_list.phone_type.row4 {flex-wrap:nowrap; justify-content:space-between;}
.sub_customer .step_list.phone_type.row4 li:nth-child(4n) {margin-right:0;}
.sub_customer .step_list.phone_type.row4 li {margin-right:0;}
.sub_customer .step_list.phone_type.row4 li:after {right:-93px;}
.sub_customer .accod_list .step_list.phone_type li {margin-right:96px;}
.sub_customer .accod_list .step_list.phone_type li:after {right:-64px;}
.sub_customer .accod_list .step_list.phone_type li.double {flex:0 auto;}
.sub_customer .accod_list .step_list.phone_type li .img + p {color:#000;}
.sub_customer .accod_list .step_list.phone_type li.last_item {margin-right:64px;}
.sub_customer .accod_list .step_list.phone_type li.last_item ~ li {margin-top:40px;}


.sub_customer .box_title01 .h4_b + .blk_num_list {margin-top: 20px;}
.sub_customer .box_title01 .h4_b + .blk_num_list .bul_list li {margin-top: 6px;}

.box_title01 .fr {font-size:0;}
.box_title01 .fr .ico_download {margin-top:5px;}
.ico_download + .ico_download {margin-left: 20px;}

/* 소비자보호 체계 */
.consumer_protection_chart {margin-top: 52px;}
.consumer_protection_chart .chart_wrap {position: relative;}
.consumer_protection_chart .chart_wrap > li > .p2_b_ctr_1ln {width: 160px; height: 36px; line-height: 36px; margin: 0 auto; border: 1px solid #ccc; border-radius: 2px; background: #fff; text-align: center;}
.consumer_protection_chart .chart_wrap > li + li {margin-top: 24px;}
.consumer_protection_chart .chart_wrap:after { position: absolute; z-index: -1; top: 36px; left: 50%; display: block; width: 1px; height: 212px; background: #ccc;content: ''; transform: translateX(-50%);} /* 2024-09-03 Q11066 높이 수정 */
.consumer_protection_chart .part_wrap { position: relative;display: flex; display:-webkit-flex; display:-ms-flexbox; margin-top: 85px;}
.consumer_protection_chart .part_wrap:before { position: absolute; top: -45px; left: 50%; display: block; width: 588px; height: 45px; border: 1px solid #ccc; border-bottom: 0;content: ''; transform: translateX(-50%);}
.consumer_protection_chart .part_wrap .part:first-child {width: 690px; margin-right: 24px;}
.consumer_protection_chart .part_wrap .part:nth-child(2) {width: 486px;}
.consumer_protection_chart .part_wrap .part {border: 1px solid #ccc;}
.consumer_protection_chart .part_wrap .sub_tit {padding: 13px 19px; border-bottom: 1px solid #ccc;}
.consumer_protection_chart .part_wrap .part_list {display: flex; display:-webkit-flex; display:-ms-flexbox; justify-content: space-between; padding: 24px 12px;}
.consumer_protection_chart .part_wrap .part_list > li {flex: 1; margin: 0 12px;}
.consumer_protection_chart .part_wrap .part_list > li span {display: block; margin-top: 8px;}
.consumer_protection_chart + .bul_list {margin-top: 27px;}
.consumer_protection_chart .chart_wrap .bul_txt02.border:after { position: absolute;z-index: -1;top: 11px;left: -74px;display: block;width: 140px;height: 1px;background: #ccc;content: '';transform: translateX(-50%);} /* 2024-09-03 Q11066 선 추가 */


.sub_customer .card_type_list {margin-top:80px;}
.sub_customer .card_type_list > ul {display: flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap: wrap; margin-left:-24px;}
.sub_customer .card_type_list > ul > li {position: relative; flex:30%; height: 240px; padding:28px; margin-left:24px; border-radius: 12px; background:#f5f5f5;}
.sub_customer .card_type_list > ul > li > p {margin-top: 12px;}
.sub_customer .card_type_list > ul > li > a {position: absolute; bottom: 24px; left: 24px; margin-top: 16px;}
.sub_customer .card_type_list > ul > li:nth-child(n+4) {margin-top:24px;}
.sub_customer .box_line .txt .bg_box { padding: 18px 24px;margin-top:12px; background: #f5f5f5;}
.sub_customer .box_line .inner_cont_box {padding: 40px 0 22px 24px; }
.sub_customer .box_line .inner_cont_box .blk_num_list li {position: relative; line-height: 26px; font-size: 16px;}
.sub_customer .box_line .inner_cont_box .blk_num_list li:before {top: 3px;}
.sub_customer .box_line .inner_cont_box .blk_num_list li + li {margin-top: 24px;}
.sub_customer .box_line .inner_cont_box > h4 + .blk_num_list {margin-top: 24px;}

.sub_customer .sale_rule_chart {width: 100%; margin:0 auto;}
.sub_customer .sale_rule_chart p {width: 160px; height: 36px; line-height: 36px; margin: 0 auto; border: 1px solid #ccc;}
.sub_customer .sale_rule_chart .chart_wrap { position: relative;display: flex; display:-webkit-flex; display:-ms-flexbox; justify-content: center; margin-top: 100px;}
.sub_customer .sale_rule_chart .chart_wrap::before { position: absolute; top: -45px; left: 50%; display: block; width: 833px; height: 1px; background: #ccc;content: ''; transform: translateX(-50%);}
.sub_customer .sale_rule_chart .chart_wrap li {position: relative;}
.sub_customer .sale_rule_chart .chart_wrap li + li {margin-left: 48px;}
.sub_customer .sale_rule_chart .chart_wrap li::before { position: absolute; top: -45px; left: 50%; display: inline-block; width: 1px; height: 45px; background: #ccc;content: ''; transform: translateX(-50%);}
.sub_customer .sale_rule_chart .chart_wrap li:nth-child(3):before { top: -100px;height: 100px;}
.sub_customer .sale_rule_chart .chart_wrap dd {float: left; margin: 0 auto;}
.sub_customer .sale_rule_chart + .box_line {margin-top: 64px;}
.sub_customer .box_customer01 .tab_default + .box_title01 {margin-top: 52px;}

.sub_customer .contact_box {margin-top: 64px;}
.sub_customer .contact_box > ul {display:flex; display:-webkit-flex; display:-ms-flexbox;}
.sub_customer .contact_box > ul > li {flex: 1; border: 1px solid #ccc; border-radius: 4px;}
.sub_customer .contact_box > ul > li + li {margin-left: 24px;}
.sub_customer .contact_box .tit {padding: 17px 25px; border-bottom: 1px solid #ccc;}
.sub_customer .contact_box .cont {padding: 20px 25px;}
.sub_customer .contact_box .cont > span {display: block; margin-top:4px;}
.sub_customer .contact_box .cont .dash_list {margin-top: 16px;}
.sub_customer .box_terms_wrap .agree_wrap .img {width: 48px; height: 48px;}
.sub_customer .box_terms_wrap .agree_wrap .img img {width: 100%;}
.sub_customer .report_link_wrap li {display: flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; justify-content: space-between; padding: 19px 0 21px 8px; border-top: 1px solid #000;}
.sub_customer .report_link_wrap li .links a + a {margin-left: 20px;}
.sub_customer .report_link_wrap li + li {margin-top: 40px;}

/* 상태확인 태그 + 아코디언 리스트 */
.sub_customer .accod_list.state_wrap li .box_tit > a {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;}
.sub_customer .accod_list.state_wrap .accodSlide .dt_cont em,
.sub_customer .accod_list.state_wrap li .box_tit em {min-width: 61px; height: 28px; line-height: 24px; margin-right: 20px; border: 1px solid #ebebeb; border-radius: 4px; color: #858585; background: #fff; text-align: center;}
.sub_customer .accod_list.state_wrap li .box_tit .fin {border-width: 2px; border-color: #000; color: #000;}
.sub_customer .accod_list.state_wrap li .txt_info p + .divr_dot {margin-top: 6px;}
.sub_customer .accod_list.state_wrap + .bul_list {margin-top: 24px;}
.sub_customer .accod_list.state_wrap .accodSlide .dt_cont {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: flex-start;}
.sub_customer .accod_list.state_wrap .accodSlide .dt_tit p {color: #000;}
.sub_customer .accod_list.state_wrap .accodWrap.on {background: none;}
.sub_customer .accod_list.state_wrap .accodWrap.on > .accodSlide {padding-top: 24px; background: #f5f5f5;}
.sub_customer .accod_list.state_wrap .accodSlide .dt_cont em {border-color: #000;}
.sub_customer .accod_list.state_wrap .accodSlide .dt_tit + .dt_cont {margin-top: 20px;}

/* 순서 리스트 */
.sub_customer .abc_list li > .num {position: absolute; left: 0;}
.sub_customer .abc_list > li {position: relative; padding-left: 22px; color: #000;}
.sub_customer .abc_list > li + li {margin-top: 20px;}
.sub_customer .abc_list > li > ul {margin-top: 12px;}
.sub_customer .abc_list > li > ul > li {color: #5c5c5c;}
.sub_customer .abc_list > li > ul > li + li {margin-top: 8px;}
.sub_customer .box_line dl dd + dd .abc_list {margin-top: 20px;}
.sub_customer .box_line .sort_list {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center; margin-top: 6px;}
.sub_customer .box_line .sort_list + .sort_list {margin-top: 10px;}
.sub_customer .box_line .sort_list li + li:before { display: inline-block; width: 1px; height: 12px; margin: 0 12px; background: #ebebeb;content: '';}
.sub_customer .box_bul .bul_list + .indent_btn { padding-left: 8px;margin-top: 16px;}

/* 피싱예방설정 */
.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: '';}

/* 약관 */
.sub_customer .box_terms_wrap .agree_wrap {padding:0;}
.sub_customer .box_terms_wrap .check_label:focus {outline:2px solid #000;}
.sub_customer .box_terms_wrap .check_label:focus:not(:focus-visible) {outline:none;}
.sub_customer .box_terms_wrap .box_chk01 .check_label { line-height:32px;padding:12px 12px 12px 48px;}
.sub_customer .box_terms_wrap .box_chk02 .check_label {padding: 4px 0 4px 36px;}
.sub_customer .box_terms_wrap .box_chk01 .check_input + .check_label:before { top:12px;left:12px;}
.sub_customer .box_terms_wrap .box_chk01 .btn_pop_arrow { top:0;right:0; width:48px; height:56px;}
.sub_customer .box_terms_wrap .agree_wrap .sub_txt { padding:0 48px 20px 49px;margin-top:4px;}
.sub_customer .box_terms_wrap .agree_list {padding:0 12px 16px;}

/* 상담신청안내 팝업 */
.madal_consulting .box_content .box_btn {margin-top:32px; margin-left:8px;}

/* 소비자피해 경보사례 */
.sub_customer .box_asis {color:#5c5c5c;}
.sub_customer .box_asis .box_item .p2_m_lt_2ln + .p2_m_lt_2ln {margin-top:16px;}
.sub_customer .box_asis .box_item + .box_item {margin-top:40px;}
.sub_customer .box_asis .box_item .box_title01 {margin-bottom:12px;}
.sub_customer .box_asis .box_item > ul li { line-height:22px;font-size:14px;}
.sub_customer .box_asis .box_item > ul li .p3_m_lt_2ln + p {margin-top:8px;}
.sub_customer .box_asis .box_item > ul li + li {margin-top:8px;}
.sub_customer .box_asis .box_item > ul li > *:last-child{margin-bottom:24px;}
.sub_customer .box_asis .box_item > ul li:last-child > *:last-child {margin-bottom:0;}
.sub_customer .box_asis .box_item > ul li ul li {margin-top:8px;}
.sub_customer .box_asis .box_item .p3_m_lt_2ln {margin-top:16px;}
.sub_customer .box_asis .box_item .p3_m_lt_2ln + .p3_m_lt_2ln {margin-top:8px;}
.sub_customer .box_asis .box_item .img_area + * {margin-top:20px;}
.sub_customer .box_asis .box_item ul + .img_area,
.sub_customer .box_asis .box_item p + .img_area {margin-top:20px;}
.sub_customer .box_asis .box_item .box_table + * {margin-top:20px;}
.sub_customer .box_asis .box_item .co_tbl_type01 tr td,
.sub_customer .box_asis .box_item .co_tbl_type01 tr th {font-size:14px;}
.sub_customer .box_asis .box_item .tit + * {margin-top:0;}
.sub_customer .box_asis .box_title01 + .bul_list {margin-top:0;}
.sub_customer .box_asis img.w100 {width:100%;}
.sub_customer .box_asis .box_item .box_line {margin-top:16px;}
.sub_customer .box_asis .box_item .box_line li {margin-top:0;}
/* 카드 도난 분실 신고 */
.box_intall_pay01.list_myacc_abroad01 {border-bottom:1px solid #ebebeb;}
.box_intall_pay01.list_myacc_abroad01 .box_info > div:first-of-type {padding-left:24px;}
.box_intall_pay01.list_myacc_abroad01 .box_info > div:last-of-type {padding-right:24px;}
.box_intall_pay01.list_myacc_abroad01 .no_data {padding:149px 0;}

.box_intall_pay01 {border-top:2px solid #000;}
.box_intall_pay01 + .box_intall_pay01{border-top:none;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */
.box_intall_pay01 .box_info {padding:37px 0 40px; border-bottom:1px solid #ebebeb;}
.box_intall_pay01 .box_info:after { display:block; clear:both;content:'';}
.box_intall_pay01 .box_tit + .box_info {margin-top:18px;}
.box_intall_pay01 > .box_info + .acc_sum.type1 {padding-top:29px; border-top:1px solid #ebebeb;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */
.box_intall_pay01 .date01 {float:left; width:204px;}
.box_intall_pay01 .option01 {float:left; width:792px;}
.box_intall_pay01 .option01 .h4_b_lt + .divr_dot,
.box_intall_pay01 .option01 .h4_b_lt + .p2_m_lt_1ln {margin-top:12px;}
.box_intall_pay01 .option01 .p2_m_lt_1ln + .divr_dot {margin-top:4px;}
.box_intall_pay01 .option01 .box_select {width:300px; margin-top:15px;}
.box_intall_pay01 .option01 .box_select .drop_link {border-color:#ccc;}
.box_intall_pay01 .option01 [class*="textbico"] {margin-top:11px;}
.box_intall_pay01 .option01 .divr_dot.fc_blk > .divr_txt{color:#000;}
.box_intall_pay01 .box_item01 { padding:17px 20px 16px;margin-top:12px; border-radius:8px; background-color:#f5f5f5;}
.box_intall_pay01 .box_item01.mt20{margin-top:20px;} /* 2021-07-28 Q10112 : 디자인 변경으로 수정 */
.box_intall_pay01 .box_item01 .list01 > li {padding:10px 0 6px;}
.box_intall_pay01 .box_item01 .list01 > li:after { display:block; clear:both;content:'';}
.box_intall_pay01 .box_item01 .list01 > li > p {float:left;}
.box_intall_pay01 .box_item01 .list01 > li > .p2_m_lt_1ln.fc_m_a64 {width:76px;}
.box_intall_pay01 .box_item01 .list01 > li > .p2_m_rt_1ln {float:right;}
.box_intall_pay01 .won01 {float:left; width:204px;}
.box_intall_pay01 + .box_btn {margin-top:80px;}
.box_intall_pay01 + .box_btn + .box_bul {margin-top:80px;}
.box_intall_pay01 .box_info_date {padding:32px 0 62px; border-bottom:1px solid #ebebeb;}
.box_intall_pay01 .box_info_date:after { display:block; clear:both;content:'';}
.box_intall_pay01 .box_info_date .box_date01 {float:left;}
.box_intall_pay01 .box_info_date .won01 {float:right;}
.box_intall_pay01 .box_info.no_data {padding:150px 0;}

/* 카드선택 라디오버튼 */
.card_sel .box_info {padding: 38px 0;}
.card_sel .box_info .date01 {width: auto;}
.card_sel .box_info .input_cell_check01 label {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center; padding-left: 56px;}
.card_sel .box_info .input_cell_check01 label > i {top: 50%; transform: translateY(-50%);}
.card_sel .box_info .input_cell_check01 label .cont {margin-left:16px; font-size:0;}
.card_sel .box_info .input_cell_check01 label .cont .user {display:block; margin-top:2px;}
.card_sel .box_info .input_cell_check01 label .cont .divr_dot {margin-top: 4px;}
.card_sel .box_info .input_cell_check01 label .cont .divr_dot .divr_txt { line-height:20px;font-size:14px;}
.card_sel .box_info label .img {position: relative; width: 48px; height: 76px;}  /*2022-06-15 GGCN45 */
.card_sel .box_info label .img img {width: 100%;}
.card_sel .box_info label .img .lab_rb {position: absolute; bottom: 0; left: 0;} /*2022-06-15 GGCN45 : [HPRAGL-934][카드상세] [카드 도난 분실 신고] 가상 카드 번호 뱃지 오류 */

/* 부정거래 등록 */
.sub_customer .box_info.illegal_deal {padding: 37px 24px 41px;}
.sub_customer .box_info.illegal_deal + .box_total {padding: 27px 24px;}
.sub_customer .box_info.illegal_deal .option01,
.sub_customer .box_info.illegal_deal .won01 {width: auto;}
.sub_customer .box_info.illegal_deal .won01 {float: right;}

/* 정렬 플랙스일때 */
.sub_customer .align_flex{display:flex; display:-ms-flexbox; display:-webkit-flex;}
.sub_customer .align_flex .flex1{flex:1;}
.sub_customer .align_flex .box_select + .box_select {margin-top:0;}
.sub_customer .align_flex .w154{width:154px;}
.sub_customer .align_flex .spacing3{letter-spacing:-3px;}
.sub_customer .align_flex.list_sel_inp.h48{margin-right:0; margin-left:0;}
.sub_customer .align_flex.list_sel_inp.h48 > li{ padding:0;margin:0 0 0 16px;}
.sub_customer .align_flex.list_sel_inp.h48 > li:first-child{margin-left:0;}
.sub_customer .align_flex.interval16 > *{margin-left:16px;}
.sub_customer .align_flex.interval8 > *{margin-left:8px !important;}
.sub_customer .align_flex.interval16 > *:first-child,
.sub_customer .align_flex.interval8 > *:first-child{margin-left:0 !important;}

/* 카드분실신고 해제 */
.sub_customer .report_clear {text-align:center;}
.sub_customer .report_clear .card_img {width: 184px; height: 291px; margin: 52px auto 0;}
.sub_customer .report_clear .card_img + p {margin-top: 36px;}
.sub_customer .report_clear .card_img img {width: 100%;}
.sub_customer .report_clear .card_name + .user_info {margin-left: 18px;}
.sub_customer .report_clear .divr_dot {display:inline-block; margin-top:36px;}
.sub_customer .report_clear .divr_dot > .divr_txt { padding-right:8px; margin-right:8px;color:#000;} /* 2021-11-15 Q10112 : 블릿 오른쪽 설정으로 변경 */
.sub_customer .report_clear .divr_dot > .divr_txt:nth-last-of-type(1){ padding-right:0;margin-right:0;} /* 2021-11-15 Q10112 : 블릿 오른쪽 설정으로 변경 */
.sub_customer .report_clear .divr_col > .divr_txt:nth-last-of-type(1):before{display:none;} /* 2021-11-15 Q10112 : 블릿 오른쪽 설정으로 변경 */
.sub_customer .report_clear .divr_dot > .divr_txt:before {top:12px;}
.sub_customer .report_clear + .box_btn a {width: 240px;}

.sub_customer .box_address { padding:16px 17px;margin-top:12px; border-radius:8px; background:#f5f5f5;}
.sub_customer .input_cell_check01.type_check input:checked + label > span.fc_m_a48 {color:#000;}

/* 사고조사내역 */
.sub_customer .accod_list.card_type .accodBtn:after { top:50%;right:20px; width:32px; height:32px; margin-top:-16px; opacity:1; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size:32px;}
.sub_customer .accod_list.card_type .accodWrap.on {background:#fff;}
.sub_customer .accod_list.card_type .accodWrap .accodBtn {padding:40px 20px 40px 24px;}
.sub_customer .accod_list.card_type .detail_info {display:flex; display:-webkit-flex; display:-ms-flexbox; align-items: center;}
.sub_customer .accod_list.card_type .detail_info .detail_img {width: 48px; height: 76px;}
.sub_customer .accod_list.card_type .detail_info .detail_img img {width: 100%;}
.sub_customer .accod_list.card_type .detail_info .detail_cont { margin-left: 16px;}
.sub_customer .accod_list.card_type .detail_info .detail_cont .lab_m {margin-top: 12px;}
.sub_customer .accod_list.card_type .detail_info .detail_cont .divr_dot {margin-top:4px;}
.sub_customer .accod_list.card_type .detail_info .detail_cont .divr_dot > .divr_txt {color:#858585;}
.sub_customer .accod_list.card_type .accodSlide {padding:0 0 28px 88px;}
.sub_customer .accod_list.card_type .accodSlide .status_box {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap: wrap; padding: 24px;; border-radius: 8px; background: #f5f5f5;}
.sub_customer .accod_list.card_type .accodSlide .status_box dl {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap: wrap; width: 50%;}
.sub_customer .accod_list.card_type .accodSlide .status_box dl:nth-child(n+3) {margin-top: 16px;}
.sub_customer .accod_list.card_type .accodSlide .status_box dt,
.sub_customer .accod_list.card_type .accodSlide .status_box dd {width: 50%; border: none;}
.sub_customer .accod_list.card_type .no_data {padding:150px 0; border-bottom:1px solid #ebebeb;}

.list_sel_inp > li.w186 {padding-top:0;}
.list_sel_inp > li.w186:nth-child(n+5) { padding-top:12px; }


/* 2021-08-26 GGCP31 금융사기 취약 테스트 */
.sec-begin:after,
.sec-start:after,
.sec-end:after { display: block; clear: both; content: ''; }
.sec-left { display:table; float: left; width: 50%; height: 580px; background-color: #a9d0ff; text-align: center; }
.sec-right { display:table; float: right; width: 50%; height: 580px; background-color: #99c5fc; text-align: center; }
.sec-inner { display: table-cell; vertical-align: middle; }
.sec-tit { color: #000; font-family: 'YouandModern'; font-weight:700;}
.sec-txt { color: #000; font-family: 'YouandModern'; font-weight:500;}
.sec-begin .sec-tit { font-size: 36px; }
.sec-begin .sec-txt { height: 68px; margin-top: 40px; font-size: 15px;}
.sec-btn-start { display: inline-block; width:180px; height: 60px; line-height: 60px; margin-top: 40px; border-radius:30px; color: #fff; background-color: #1e75d6; font-family: 'YouandModern'; font-size: 21px; font-weight:700;}
.sec-start { display: none; height: 580px;}
.sec-start .sec-left .sec-inner { padding: 125px 0 125px; }
.sec-start .sec-right .sec-inner { padding: 111px 0 112px; }
.sec-begin .sec-right .sec-inner img,
.sec-start .sec-right .sec-inner img {width:300px;}
.sec-start .btn-area { margin-top: 70px;}
.sec-btn-o,
.sec-btn-x { display: inline-block; width: 190px; }
.sec-start .sec-tit { font-size: 15px; }
.sec-start .sec-txt { line-height: 34px; margin-top: 40px; font-size: 20px; }
.sec-end { display: none; background-color: #a9d0ff; text-align: center;}
.sec-end-wrap { display: table; width:100%; height: 580px; }
.sec-end .sec-tit { font-size: 15px; }
.sec-end .sec-txt { line-height: 34px; margin-top: 40px; font-size: 21px; }
.sec-end .active { display: block; margin-top: 10px; color: #1e75d6; font-size: 34px;}
.sec-end .img-area { margin-top: 40px; }
.sec-end .btn-area { margin-top: 40px; }
.sec-end .sec-btn-restart { display: inline-block; width: 180px; height: 60px; line-height:60px; border-radius:30px; color: #fff; background-color: #1e75d6; font-family: 'YouandModern'; font-size:21px; font-weight:700;}
/* 2021-10-18 GGCP31 금융사기 취약 테스트 수정 */
.sec-end .sec-right-txt { line-height: 32px; color:#000; font-size: 21px; }

.digital_info_list > li .list_store_logo li > p:last-child {margin-right:0;}
.list_store_logo {font-size:0;}
.list_store_logo li + li {margin-top:28px;}
.list_store_logo li > p {display:inline-block; width:75px; height:40px; margin-right:16px;}
.list_store_logo li .logo_11st {background:url('/docfiles/resources/pc/images/cus/logo_11st.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_gmarket {background:url('/docfiles/resources/pc/images/cus/logo_gmarket.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_auction {background:url('/docfiles/resources/pc/images/cus/logo_auction.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_wemakeprice {background:url('/docfiles/resources/pc/images/cus/logo_wemakeprice.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_coupang {background:url('/docfiles/resources/pc/images/cus/logo_coupang.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_hmall {background:url('/docfiles/resources/pc/images/cus/logo_hmall.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_gsshop {background:url('/docfiles/resources/pc/images/cus/logo_gsshop.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_cjmall {background:url('/docfiles/resources/pc/images/cus/logo_cjmall.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_lotteshopping {background:url('/docfiles/resources/pc/images/cus/logo_lotteshopping.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_ssg {background:url('/docfiles/resources/pc/images/cus/logo_ssg.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_homeplus {background:url('/docfiles/resources/pc/images/cus/logo_homeplus.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_lottecom {background:url('/docfiles/resources/pc/images/cus/logo_lottecom.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_ak {background:url('/docfiles/resources/pc/images/cus/logo_ak.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_yes24 {background:url('/docfiles/resources/pc/images/cus/logo_yes24.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_hanssem {background:url('/docfiles/resources/pc/images/cus/logo_hanssem.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_g9 {background:url('/docfiles/resources/pc/images/cus/logo_g9.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_mpoint {background:url('/docfiles/resources/pc/images/cus/logo_mpoint.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_yeogi {background:url('/docfiles/resources/pc/images/cus/logo_yeogi.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_29cm {background:url('/docfiles/resources/pc/images/cus/logo_29cm.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_interpark {background:url('/docfiles/resources/pc/images/cus/logo_interpark.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_amway {background:url('/docfiles/resources/pc/images/cus/logo_amway.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_hoteltime {background:url('/docfiles/resources/pc/images/cus/logo_hoteltime.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_npay {background:url('/docfiles/resources/pc/images/cus/logo_npay.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_baemin {background:url('/docfiles/resources/pc/images/cus/logo_baemin.png')0 0 no-repeat; background-size:75px 40px;}
.list_store_logo li .logo_hellomarket {background:url('/docfiles/resources/pc/images/cus/logo_hellomarket.png')0 0 no-repeat; background-size:75px 40px;}

.sub_customer .box_top_tit .img_buddy {margin:16px 0 24px 0; text-align:center; }
.sub_customer .box_top_tit .img_buddy img {width:80px; height:80px;}
.individual_img img {width:818px;}


.sub_self_auth .box_title01 + .box_certification {margin-top:0;}
.sub_self_auth .certification_wrap .box_certification.ctfn_wrap2 {margin-top:20px;}

/* 2022-04-04 GGU442 */
.mb_m8{margin-bottom:-8px!important;}

@keyframes slideDown{
    from{top:0;}
    to{top:48px;}
}

/*2022-06-02 GGCN45 : [고객지원]소비자보호 하위 탭 추가 및 컨텐츠 수정 요청의 건 */
.sub_customer .box_bg_gray.list_basic_type { padding: 24px 24px 26px; margin-top: 24px; border-radius: 8px; background: #f5f5f5; }
.sub_customer .box_bg_gray.list_basic_type strong { display: block; margin-bottom: 16px; }
.sub_customer .box_bg_gray.list_basic_type .box_btn { margin-top: 16px; }
.sub_customer .num_list.type2.type_mt1.type_nonum > li {  padding-left:0; }
.sub_customer .num_list.type2.type_mt1 > li > strong:first-child {  display:block;margin-bottom: 17px; }
.sub_customer .num_list.type2.type_mt1 > li > .box_table { margin-top:20px; margin-left:-21px; border-top: 1px #949494 solid;}
.sub_customer .num_list.type2.type_mt1 > li > .box_table [class^="co_tbl_"]{ border-top: 0;}
.sub_customer .num_list.type2.type_mt1 > li + li{ margin-top:52px; }


/* 2022-06-16 Q20093 [고객지원] 고객 이용약관_현대카드 카드없이 분할결제 약관 신규 제작 요청 */
.cms_content ol li > strong.tit ~ ul  {margin-top: 20px;}
.cms_content ol li > strong.tit ~ ul li ul.ml_set,
.cms_content ol li > strong.tit ~ ul > li .ml_set {margin-left: 32px;}
.cms_content ol li > strong.tit ~ ul > li~li {margin-top: 8px;}
.cms_content ol li > strong.tit ~ ul > li.fc_m {color: #000;}
.cms_content ol li .loan-bg-box { padding: 24px; margin-top: 20px;background-color: #fafafa;}
.cms_content ol li .loan-bg-text {position: relative;}
.cms_content ol li .text-rt {text-align: right;}
.cms_content ol li .sq_em.cel_rel, .sq_f.cel_rel { position: relative;display: inline-block; margin-left: 20px;}
.cms_content ol li .sq_em::before { position: absolute; top: 50%; left: -15px; width: 10px; height: 10px; border: 1px solid #777; background-color: #fff;content: ''; transform: translateY(-50%);}
.cms_content ol li .sq_f::before { position: absolute; top: 50%; left: -15px; width: 10px; height: 10px; 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 > strong.tit ~ .ml_set {margin-left: 20px;}
.cms_content ol li .img_chart {width: 523px; height: 200px;}
.cms_content ol li table tr.bg_set {background-color: #fafafa;}
.cms_content .pc_view {display: block;}
.cms_content .mo_view {display: none;}

/* 2022-06-20 해외 이용 분쟁 신청 */
.input_cell_check01 input[type="checkbox"] + label > i:before , .chkbox input + label > i:before{top:0;left:0;width:28px;height:28px;background:#e0e0e0 url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') no-repeat;background-size:28px 28px;}
.input_cell_check01 input:checked + label > i:before{background-color:#000;}
.co_tbl_info_article.search_list {border-top:0;}
.co_tbl_info_article.search_list .input_cell_check01 label { display: table; width: 100%;padding:0; padding:0; table-layout: fixed;}
.co_tbl_info_article.search_list .input_cell_check01 {width: 100%;}
.co_tbl_info_article.search_list .box_grp {padding:37px 0;}
.co_tbl_info_article.search_list .co_no_data { padding:169px 0; margin-top:16px;border-bottom: 1px solid #ebebeb;}
.co_tbl_info_article.search_list [class^='grp'] {display: table-cell; padding:0; vertical-align: top;}
.co_tbl_info_article.search_list .grp_date {width:204px; padding-left:68px;}
.co_tbl_info_article.search_list .box_grp .input_cell_check01 label > i {left:26px;}
.co_tbl_info_article.search_list .grp_result {width: 175px;text-align:center;}
.co_tbl_info_article.search_list .grp_price {width: 216px; padding-right:24px;}
.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.search_list li:last-child{border:none;}
.co_tbl_info_article.search_list.short .box_grp {padding:20px 0;}
.co_tbl_info_article.search_list.short .grp_date{width:136px;padding-left:0;}
.co_tbl_info_article.search_list.short .grp_price{width:150px;}
/* 2024-02-20 Q10962 웹접근성 명도 대비 */
.co_tbl_info_article.search_list .divr_dot > .divr_txt{color: #5c5c5c;}

.usebxlist{padding:20px 0 12px;border-top: solid 2px #000;}
.usebxlist + .co_tbl_info_article.search_list{border-top:none!important;}

.sub_inspaystatus .box_intall_pay01 {border-top:0;}
.sub_inspaystatus .btn_inblock {width:auto; height:auto;}
.sub_inspaystatus .box_title01 .fr {font-size:0;}
.sub_inspaystatus .box_title01 .textbico_small_link {margin-top:0 ;}
.sub_inspaystatus .box_title01 .textbico_small_link > span {line-height:32px;}
.sub_inspaystatus .box_intall_pay01 .box_info {padding:40px 24px;}
.sub_inspaystatus .box_intall_pay01 .box_info:last-of-type {border-bottom:1px solid #ebebeb;}
.sub_inspaystatus .box_intall_pay01 dl.total {padding:17px 24px;margin-top:12px;}
.sub_inspaystatus .won01 {width:282px;}

.search_box01 {position: relative;padding:24px 28px; border:1px solid #333; border-radius:8px; background-color:#fff;}
.search_box01:after {display:block; clear:both; content:'';}

.mt0{margin-top:0!important;}
.mt13{margin-top:13px;}
.mt25{margin-top:25px;}
.ml32{margin-left:32px;}
.h96{height:96px!important;}
.pt9{padding-top:9px!important;}

.search_box01.inspay_status {position:relative;}
.search_box01.inspay_status .row:after {display: block; clear: both; content:'';}
.search_box01.inspay_status .hds_box {font-size:0;}
.search_box01.inspay_status .sel_search, .search_box01.inspay_status .sel_card, .search_box01.inspay_status .sel_choice, .search_box01.inspay_status .sel_brand {float: left;}
.search_box01.inspay_status .sel_search .hds_box_in, .search_box01.inspay_status .sel_choice .hds_box_in,  .search_box01.inspay_status .sel_brand .hds_box_in{width:240px;}
.search_box01.inspay_status .sel_card .hds_box_in {width:360px;}
.search_box01.inspay_status .sel_card, .search_box01.inspay_status .sel_choice{margin-left:4px;}
.search_box01.inspay_status .row + .sub_inquiry {margin-top:10px;}
.search_box01.inspay_status .row + .sub_inquiry .co_date_period02 {margin-left:0;}
.search_box01.inspay_status .sub_inquiry:after {display:block; clear:both; content:'';}
.search_box01.inspay_status .sub_inquiry > div {float:left;}
.search_box01.inspay_status .sub_inquiry .co_date_period02{margin-left:28px;}
.search_box01.inspay_status .sub_inquiry .co_date_period02 .box_datepicker02{font-size:inherit!important;}
.search_box01.inspay_status .sub_inquiry .co_date_period02 .box_datepicker02 .all_calendar .direct_cld label{height:48px;}
.search_box01.inspay_status .list_sel_inp > li {width:80px;}
.search_box01.inspay_status .box_btn {position:absolute; top:50%; right:24px; -ms-transform:translateY(-50%); transform:translateY(-50%);}
.search_box01.btn_fix .box_btn {position:static; -ms-transform:translateY(0); transform:translateY(0);}

.search_tit{position:relative; padding:19px 0 23px;margin-top:16px;}
.search_tit li{display:inline-block;}
.search_tit li:nth-child(1){margin-left:68px;}
.search_tit li:nth-child(2){margin-left:72px;}
.search_tit li.abs_item{position:absolute;top:19px;right:275px;}
.search_tit li:last-child{float:right; margin-right:24px;}

[class^="state"]{line-height:24px;padding:0 8px;border-radius:16px;vertical-align:bottom;font-size:14px;font-weight:500;}
[class*="_ing"] {border:solid 1px #000;color:#000;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;}

.sh_nodata{padding:160px 0;border-bottom:solid 1px #ebebeb;}

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

.ui_tab_common > .list_sel_inp > li a.active{ font-size:20px; font-weight:700;}
.ui_tab_common > .list_sel_inp > li a.active:before{border:2px solid #000;}

#product_date{width:100%!important;}

/* 2024-03-04 GGU282 - common.css로 이동
.input_cell_radio01 {position:relative; overflow:hidden; min-height:32px;}
.input_cell_radio01 input {display:inline-block; width:100%; height:100%; border:0; vertical-align:top;}
.input_cell_radio01 label {display:inline-block; min-height:32px; padding:3px 0 3px 36px; cursor:pointer; line-height:26px;}
.input_cell_radio01 label > i {display:inline-block; position:absolute; top:2px; left:2px; z-index:2; width:28px; height:28px; background-color:#e0e0e0; border-radius:100%;}
.input_cell_radio01 label > i:before {content:''; position:absolute; top:9px; left:9px; width:10px; height:10px; background-color:#e0e0e0; border-radius:100%;}
.input_cell_radio01 input:checked + label > i:before {background-color:#000;}

.input_cell_radio01.type_radio01 label > i {background:url('/docfiles/resources/pc/images/common/icon/w32/ico_radioselect_o.png') no-repeat; background-size:28px 28px;opacity: 0.12;}
.input_cell_radio01.type_radio01 label > i:before {display:none;}
.input_cell_radio01.type_radio01 input:checked + label > i {opacity: 1;} */
.input_cell_radio01 label {padding-left:40px;}
/* //2024-03-04 GGU282 - common.css로 이동

.cs_rslist01{background:#f5f5f5;border-radius: 8px;padding:24px}
.cs_rslist01 .cs_rsul li{padding:15px 16px}
.cs_rslist01 .cs_rsul li .h4_m_lt{display: inline-block;width:180px;box-sizing: border-box;padding-left:16px}
.cs_rslist01 .cs_rsul li{position: relative;}
.cs_rslist01 .cs_rsul li .accodBtn{font-size:14px; font-weight:500; color:#5c5c5c; position:absolute; top:18px; right:15px; padding-right:28px; background: url('/docfiles/resources/pc/images/cus/Icon_ArrowB_Down.png') right center no-repeat;background-size: 24px 24px;}
.accodWrap.cs_rslist01.on .cs_rsul li .accodBtn{background: url('/docfiles/resources/pc/images/cus/Icon_ArrowB_Up.png') right center no-repeat;background-size: 24px 24px;}
.cs_rslist01 .accodSlide{padding-left:185px}
.cs_rslist01 .accodSlide li{margin-bottom:8px}
.cs_rslist01 .accodSlide li a{font-size:16px;font-weight:500;}

.cs_rslist02 li{padding:0 0 16px 0;/*border-bottom:solid 1px #ebebeb}*/
.cs_rslist02 li:last-child{padding:0;}
/* .cs_rslist02 li >p+p{margin-top:16px;} */
.cs_rslist02 li > span.p1_m_lt.fc_a64{display: inline-block;padding-right: 24px;}

.cs_rslist03 li{padding:40px 12px 40px 0;border-bottom:solid 1px #ebebeb;}
.cs_rslist03 li:last-child{border:none;}
.cs_rslist03 li .row .h4_b_lt{float: right;}
.cs_rslist03 li .row + .row{margin-top:20px;}
.cs_rslist03 li .row1{margin-top:12px;}
.cs_rslist03 li .row1 .p1_m_lt.fc_a64{display: inline-block;width:83px;}

.cs_rslist04 .cs_rsul{position: relative;}
.cs_rslist04 .cs_rsul .p1_b_lt{display: inline-block;box-sizing: border-box;}
.cs_rslist04 .cs_rsul .accodBtn{ position:absolute; top:0px; right:15px; padding-right:28px; color:#5c5c5c; background: url('/docfiles/resources/pc/images/cus/Icon_ArrowB_Down.png') right center no-repeat;background-size: 24px 24px;font-size:14px; font-weight:500;}
.accodWrap.cs_rslist04.on .cs_rsul li .accodBtn{background: url('/docfiles/resources/pc/images/cus/Icon_ArrowB_Up.png') right center no-repeat;background-size: 24px 24px;}
.cs_rslist04 .accodSlide li{margin-top:8px;}
.cs_rslist04 .accodSlide li a{font-size:16px;}

[class^='search_box'] .input_datepicker {width:152px;}
[class^='search_box'] .box_datepicker02:after {display:block; clear:both; content:'';}
[class^='search_box'] .box_datepicker02 {display:inline-block; margin-left:4px; font-size:0;}
[class^='search_box'] .box_datepicker02 .use_calendar {display:inline-block; vertical-align: top;}
[class^='search_box'] .box_datepicker02 .box_btn { display:inline-block;margin-left:8px; vertical-align:top;}
[class^='search_box'] .bar_dash {display:inline-block; line-height:48px; padding:0 8px; color:#5c5c5c;vertical-align:top; font-size:16px; font-weight:500;}

/* 2022-11-09 GGU282 수정 / 2022-10-31 GGU477 [고객지원]할부철회항변신청 프로세스 제작 요청의 건 */
/* 플로팅 버튼 */
.bot_fixed_btn{position:relative; margin-top:34px;}
.bot_fixed_btn .btn_fix{position: fixed; right:0; bottom:0; left:0;}
.bot_fixed_btn .box_btn{width:1200px; padding:46px 0 36px; margin:0 auto; background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%);}
.bot_fixed_btn .box_btn[style*="fixed"]{width:1200px;}
.bot_fixed_btn .box_btn > [class^="btn"][class*="64_"] + [class^="btn"][class*="64_"]{margin-left:12px;}
/* 신청 정보선택 */
.box_customer01 .box_column2 {position:relative; border-top:2px solid #000; border-bottom:1px solid #ccc;}
.box_customer01 .box_column2.h_extend { padding-bottom: 160px; margin-bottom: -160px;border-bottom: none;}
.box_customer01 .box_column2:before { position:absolute; top:0; left:428px; width:1px; height:100%; background-color:#ccc;content:'';}
.box_customer01 .box_column2 > .fl {width:428px; padding:52px 80px 80px 0;}
.box_customer01 .box_column2 > .fr {width:771px; padding:52px 0 80px 79px;}
.box_customer01 .box_column2 > .fl.abs_type {position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;}
.inst_withdrawal_select .inBlock {display: inline-block;}
.inst_withdrawal_select .wrap_tooltip {position: absolute; /* top: -1px; left: 70px; z-index: 35; font-size: 0;*/}
.inst_withdrawal_list_scr_wrap {overflow:hidden;flex:1 1 1px;width:388px;margin:20px -40px 0 0;}
.inst_withdrawal_list_scr_wrap .inst_withdrawal_list {width:348px;}
.inst_withdrawal_list > li {padding: 18px 0;}
.inst_withdrawal_list.type2 > li {padding:16px 0;}
.inst_withdrawal_list .input_cell_check01 label {display: block;}
.inst_withdrawal_list .list_detail_1 {display: flex; justify-content: space-between;}
.inst_withdrawal_list .list_detail_1 li.flex {display: flex; align-items: center;}
.inst_withdrawal_list .list_detail_1 .txt_pay {margin-left:20px;word-break:keep-all;}
.inst_withdrawal_list .input_cell_check01 label > i {top: 7px;}
/* 신청 사유 입력 */
.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:8px;}
.inst_complainInfo_list dt {flex:0 0 auto;}
.inst_complainInfo_list dd {flex:1 1 1px;margin-left:52px;}
.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:#949494;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_item + .input_item {margin-top: 40px;}
#popInstWithdrawalInput_1.modal_pop .layer_body .box_content {min-height: 190px;}
.co_tab_wrap .co_tab_content .co_tab_cont {display: none;}
/* 신청 내역 */
.inst_withdrawal_list_wrap .info_period {display:flex;justify-content:space-between;padding:16px 0 15px;border-bottom:1px solid #ebebeb;}
.inst_withdrawal_list_wrap .info_period > [class*="_rt"] {margin-left:auto;}

/* 2023-02-06 pay */
.sub_applepay{position: relative; overflow: hidden; }
.sub_applepay > .content{width:100%; margin:0 auto;} /* 2024-06-11 GGU282 - 추가 */
.sub_applepay .applepay_cont{width:1200px; margin:0 auto;} /* 2024-06-11 GGU282 - 추가 */
.sub_applepay .mb60{margin-bottom: 60px;}
.sub_applepay .tab_box{ height: 80px;}
.sub_applepay .ui_tab_common{ padding: 20px 0;}
.sub_applepay .ico_applepay_s{ display: inline-block; vertical-align: middle; }
.sub_applepay .ico_applepay_s.w_39{width:39px; margin-top:-3px;}
.sub_applepay .ico_applepay_s.w_48{width:48px; margin-top:-6px;}

.sub_applepay .useinfo{padding-top:80px; border-top: 1px solid rgba(0, 0, 0, 0.08);}
.sub_applepay .useinfo .h4_b_lt{margin-bottom: 20px;}
.sub_applepay .useinfo .line_top{ padding-top: 40px;margin-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.12);}
.sub_applepay .useinfo .box_bul li{font-size: 18px;}
.sub_applepay .useinfo .box_bul li+li{margin-top: 14px;}
.sub_applepay .useinfo .bul_list .dash_list{margin-top:14px;}

.sub_applepay.sub_customer .section + .section{margin-top: 0;}

.sub_applepay .ui_tab_common{ position: relative; width: 100%; padding: 20px 0; margin: 0 auto;}
.sub_applepay .ui_tab_common.active{ position:fixed; /*z-index: 1;*/z-index: 2; top:96px; left: 0; background-color: #fff;}
.sub_applepay .ui_tab_common .ui_tab_list{ width:1200px; margin: 0 auto; }

/* 2026-02-13 Q12381 추가 */
.sub_applepay .caption_info {margin-top:28px;width:358px;}
.sub_applepay .caption_info_tit {height:24px;}
.sub_applepay .caption_info_tit .caption_info_btn {position:relative;display:inline-block;padding-right:28px;font-size:16px;font-weight:700;line-height:24px;height:24px;color:#000;}
.sub_applepay .caption_info_tit .caption_info_btn:after {transform:rotate(180deg);content:"";display:block;width:24px;height:24px;position:absolute;top:0;right:0;background:url("/docfiles/resources/pc/images/cus/icon_pay_toggle.png") no-repeat center;background-size:16.5px auto;}
.sub_applepay .caption_info_tit .state_text {font-size:0;letter-spacing:-9999px;width:0;height:0;position:absolute;left:-9999px;color:transparent;}
.sub_applepay .caption_info_tit .caption_info_btn.active:after {transform:rotate(0deg);}
.sub_applepay .caption_content {margin-top:8px;padding:24px 32px;border-radius:16px;background:#fafafa}
.sub_applepay .caption_content .caption_tit {font-size: 16px;font-weight: 700;line-height:26px;color:#000;}
.sub_applepay .caption_content .caption_step {margin-top:24px;}
.sub_applepay .caption_content .caption_step li:first-child {margin-top:0;}
.sub_applepay .caption_content .caption_step li {margin-top:24px;font-size:14px;line-height:22px;font-weight:500;color:#000}
.sub_applepay .caption_content .caption_step .step_tit {padding-bottom:4px;font-size:16px;line-height:26px;font-weight:700;color:#000}
.sub_applepay .caption_content .summary_text {margin-top:24px;font-size:16px;line-height:26px;font-weight:700;color:#000;}
.apbrand_area.active {margin-top:986px;}
/* // 2026-02-13 Q12381 추가 */

/* section1 */
.sub_applepay .section0 {position: relative; overflow: hidden;}
.sub_applepay .section0 .pin_area{ position: relative; background-color: #000; }
.sub_applepay .section0 .__pin{ height:100vh;} 
.sub_applepay .section0 .__pin .pin_box{ position:relative; height:100vh; padding-top:14.583333333333336vw;}/* transform: translateY(-50%); 2024-11-06 GGU442 padding-top:15.41666666666667vw;*/
.sub_applepay .section0 .intro{position: absolute; z-index: 10; top: 0vw; left:0; overflow: hidden; width: 100vw; height: 100vh;}
.sub_applepay .section0 .intro .logo{position: absolute; z-index: 1; top:50%; left: 50%;  transform: translate(-50%, -50%);} 
.sub_applepay .section0 .iphone {position: relative; z-index: 3; top:13.02083vw; width: 10.9375vw; height:22.265625vw; margin: 0 auto; opacity: 0; }
.sub_applepay .section0 .iphone .iphone_img{position: absolute; z-index: 2; top:0; left: 0; width: 10.9375vw;}
.sub_applepay .section0 .iphone .iphone_img > img.iphone_frame,
.sub_applepay .section0 .iphone .iphone_img > img.iphone_hc{position: absolute; z-index: 2; top:0; left: 0; width: 100%;}
.sub_applepay .section0 .iphone .iphone_img > img.iphone_hc{opacity: 0;}
.sub_applepay .section0 .iphone .book{position: absolute; z-index: 0; top:-1.6796875vw; left: 2.34375vw; width: 39.7265625vw; opacity: 0; }
/* .sub_applepay .section0 .video {position: absolute; z-index: 1; top:0.4296875vw; left: 0.5078125vw; overflow: hidden; width: 9.8828125vw; height: 21.35416666666667vw; margin: 0 auto; border-radius: 20px;} 
.sub_applepay .section0 .video > #canvas { overflow: hidden;width: 9.8828125vw; border-radius: 20px;}*/
.sub_applepay .section0 .video {position: absolute; z-index: 1; top:0.36458333333333337vw; left: 0.46875vw; overflow: hidden; width: 10vw;height: 21.875vw; margin: 0 auto; border-radius: 20px;}
.sub_applepay .section0 .video > #canvas { overflow: hidden;width: 10vw; border-radius: 20px;}
.sub_applepay .section0 .title{position: relative; z-index: 1; top:13.02083vw; opacity: 0;}
/* .sub_applepay .section0 .h0_b_ctr{ line-height: 2.291666666666667vw;margin-top: 0.4vw; color:#fff; font-size:1.770833333333333vw;} 
.sub_applepay .section0 .pin_box .h3_b_ctr{ line-height: 1.666666666666667vw; margin-top: 1.225vw; color: #fff; font-size: 1.25vw; } */
.sub_applepay .section0 .h0_b_ctr{ line-height: 2.291666666666667vw;margin-top:1.0416666666666667vw; color:#fff; font-size:1.770833333333333vw;letter-spacing: -0.2%;} 
.sub_applepay .section0 .pin_box .h3_b_ctr{ line-height: 1.666666666666667vw; margin-top: 0.10416666666666667vw; color: #fff; font-size: 1.25vw;}
.sub_applepay .section0 .pin_logo{width:6.770833333333334vw;margin-top:0.8333333333333334vw}
.sub_applepay .section0 .pin_box .p1_b_ctr_2ln{font-size:0.8333333333333334vw;margin-top:0.4166666666666667vw;color:#fff}

.sub_applepay .section0 .bottom_arrow {position: absolute; z-index: 2; bottom: 50%; left: 50%; margin-left: -0.9375vw; opacity:0; animation: 1.5s infinite cubic-bezier(0.25, 0.1, 0.25, 1) bounce;}
.sub_applepay .section0 .bottom_arrow > img {width: 1.875vw; height: 1.875vw;}

.sub_applepay .section0 .area{width: 1200px; margin: auto;}
.sub_applepay .section0 .area .area_link{margin-left: 0px;}
.sub_applepay .section0 .area .area_link > a+a{margin-left:20px;}

.sub_applepay .section0 .bg_w{ width: 100%; margin-top:20vh; margin-bottom: 16vh; background-color: #fff; }

.sub_applepay .section0 .motion_area .bul_list01 > li{ white-space: nowrap; font-weight:400;}
.sub_applepay .section0 .motion_area .bul_list01 > li.bold{ font-weight:700;}
.sub_applepay .section0 .motion_area1{position: relative; left:calc((100% - 1200px) / 2); width: 407px; height: 100vh;}
/* .sub_applepay .section0 .motion_area1 .area{width: 100%;} */
.sub_applepay .section0 .motion_area1 .h2_b_lt_size40{ line-height: 60px; padding-top: 4.6875vw; font-size: 40px;} /* 90  - 160*/
.sub_applepay .section0 .motion_area1 .h2_b_lt_size40+.h3_b_lt {margin-top:20px; word-break: keep-all;} 
.sub_applepay .section0 .motion_area1 .h3_b_lt {margin-top:64px;} 
.sub_applepay .section0 .motion_area1 .p1_m_lt_1ln {margin-top:14px; white-space: nowrap;}
.sub_applepay .section0 .motion_area2{position: relative; left:calc((100% - 1200px) / 2); width: 407px; height: 100vh;}
.sub_applepay .section0 .motion_area2 .area{width: 100%;}
.sub_applepay .section0 .motion_area2 .h2_b_lt_size40{ line-height: 60px;padding-top: 5.9375vw; font-size: 40px;} /* 114  - 180*/
.sub_applepay .section0 .motion_area2 .h4_b_lt{margin-top:20px;}
.sub_applepay .section0 .motion_area3{position: relative; left:calc((100% - 1200px) / 2); width: 407px; height: 100%;}
.sub_applepay .section0 .motion_area3 .area{width: 100%; height: 100%;}
.sub_applepay .section0 .motion_area3 .h2_b_lt_size40{ line-height: 60px;padding-top: 8.203125vw; font-size: 40px;} /* 210  - 240*/
.sub_applepay .section0 .motion_area3 .h3_b_lt {margin-top: 40px;}
.sub_applepay .section0 .motion_area3 .h3_b_lt+.p1_m_lt_1ln {margin-top: 12px;}
.sub_applepay .section0 .motion_area3 [class^="h4"]{ line-height: 28px;margin-top: 20px;}
.sub_applepay .section0 .motion_area3 .ico_text_box {display: flex; align-content: flex-end; }
.sub_applepay .section0 .motion_area3 .ico_text_box > .ico{margin-right: 10px;}

.sub_applepay .section0 .sld_tabs{width: 385px; margin-top: 20px;}
.sub_applepay .section0 .sld_tabs > li{ border-bottom:1px solid rgba(0, 0, 0, 0.06); }
.sub_applepay .section0 .sld_tabs > li .ico_app{opacity: 0.2;}
.sub_applepay .section0 .sld_tabs > li .txt_app{opacity: 0.4;}
.sub_applepay .section0 .sld_tabs > li.on .ico_app{opacity: 1;}
.sub_applepay .section0 .sld_tabs > li.on .txt_app{opacity: 1;}
.sub_applepay .section0 .sld_tabs .sld_tab{display: flex; align-items: center; width: 100%; padding: 26px 0;}
.sub_applepay .section0 .sld_tabs .sld_tab > .ico_app{width:52px; height: 52px; margin-right:16px; border-radius: 10px;}
.sub_applepay .section0 .qr_box{display: flex;align-items: center; width: 384px; padding:16px 16px 16px 32px; margin: 32px 0;border-radius: 12px;background-color: rgba(0,0,0,0.02);}
.sub_applepay .section0 .qr_box .txt_box{margin-right: 36px; white-space: nowrap;}
.sub_applepay .section0 .qr_box .img_box{padding: 12px; border-radius:6px;background-color:#fff; }
.sub_applepay .section0 .qr_box .img{width: 112px; height: 112px;}

.sub_applepay .section0 .slide_wrap { position:relative; width: 100%; height: 22.265625vw; opacity: 0; transition:opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}
.sub_applepay .section0 .slide_wrap .slide_item { position:absolute; top:0; left: 0; width: 10.9375vw; transition:all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}
.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{ line-height: 0.859375vw;margin-top:0.78125vw; opacity: 0; transition: opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1); text-align: center; white-space: nowrap; font-size:0.625vw;}
.sub_applepay .section0 .sld_btn_box{position: absolute; top:25.5078125vw; left: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1); transform: translateX(-50%);}
.sub_applepay .section0 .sld_btn_box > .slide_btn{width: 1.875vw; height:1.875vw; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 1.875vw 1.875vw;}
.sub_applepay .section0 .sld_btn_box > .slide_btn.disab{opacity: 0.4;}
.sub_applepay .section0 .sld_btn_box > .slide_btn+.slide_btn{margin-left:16px;}
.sub_applepay .section0 .sld_btn_box > .slide_btn.slide_prev{background-image: url('/docfiles/resources/pc/images/pay/ico_sldprev.png');}
.sub_applepay .section0 .sld_btn_box > .slide_btn.slide_next{background-image: url('/docfiles/resources/pc/images/pay/ico_sldnext.png');}

.sub_applepay .section0 .watch_pay_box{display: flex; align-items: center; justify-content: space-between;  padding: 24px 20px 24px 32px; margin:32px 0 60px; border-radius: 12px; background-color: rgba(0,0,0,0.02);}
.sub_applepay .section0 .watch_pay_box .txt_box{margin-right:49px;}
.sub_applepay .section0 .watch_pay_box .img{width: 100px;}

.sub_applepay .section0 .purchase_wrap { position:absolute; top: 0; left: 0; width: 100%; height: 22.265625vw; opacity: 0; transition:opacity 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}
.sub_applepay .section0 .purchase_wrap .iphone_video{ width: 10.9375vw; transition:all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);}

.sub_applepay .section0 .pay_info{ position: relative; z-index: 0; display: flex; align-items: flex-start; justify-content: space-between; padding-top: 120px; border-top: 1px solid rgba(0, 0, 0, 0.08);}
.sub_applepay .section0 .pay_info .txt_wap{width: 490px;}
.sub_applepay .section0 .pay_info .h2_b_lt_size40{ line-height: 60px; font-size: 40px;}
.sub_applepay .section0 .pay_info .img_warp{width: 690px; border-radius: 24px; background-color: rgba(0, 0, 0, 0.02);}
.sub_applepay .section0 .pay_info .img_warp .top{display: flex; align-items: center; justify-content: center; height: 340px;}
.sub_applepay .section0 .pay_info .img_warp .top > img{width: 240px;}
.sub_applepay .section0 .pay_info .img_warp .bottom{display: flex; align-items: center; justify-content: center; padding: 36px 0; border-top: 1px solid #fff; text-align: center;}
.sub_applepay .section0 .pay_info .img_warp .bottom .ico{width: 48px; height: 48px; margin-right: 16px;}
.sub_applepay .section0 .pay_info .img_warp .bottom .p2_m_lt{color:#5c5c5c;}
.sub_applepay .section0 .pay_info .store_popup{display: inline-block; padding: 14px 20px 14px 20px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.08); font-weight: 700;}
.sub_applepay .section0 .pay_info .store_popup:hover{background-color: rgba(0, 0, 0, 0.12);}

.sub_applepay .section0 .card_area{ padding-top: 160px; padding-right: 100px; padding-left: 100px; margin: 0 auto; margin-top:120px; 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; justify-content: center; margin: 0 -25px;}
.sub_applepay .section0 .card_area .card_wrap li{ width: 160px; margin-left: 20px; }
.sub_applepay .section0 .card_area .card_wrap li .card_img{display: block; width: 100px; margin: 0 auto;}
.sub_applepay .section0 .card_area .card_wrap li:first-child{ margin-left: 0; }
.sub_applepay .section0 .card_area .box_line{border-top: 1px solid #ebebeb;}
.sub_applepay .section0 .card_area .box_line > li .tit{padding: 28px 0;}
.sub_applepay .section0 .card_area .box_line > li .txt{width:820px; padding: 28px 0;}
/* .sub_applepay .section0 .card_area .link_box{padding-right:12px;} */
/* .sub_applepay .section0 .card_area .link_box .textbico_small_blk:hover{text-decoration: none;} */

.sub_applepay .section0 .link_box{ display: inline-block; padding: 14px 20px 14px 20px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.08); font-weight: 700;}
.sub_applepay .section0 .link_box:hover{ background-color: rgba(0, 0, 0, 0.12); text-underline-offset: 0; }

.sub_applepay .modal_pop.modal_full .layer_wrap{ height: 100vh;border-radius: 0;}
.sub_applepay .modal_pop.modal_full .layer_wrap .purchase_video{display: flex; align-items: center; height: 100vh;}
.sub_applepay .modal_pop.modal_full .layer_wrap .purchase_video > video{display:block; width:540px; height:100%; max-height:960px; margin: 0 auto;}
.sub_applepay .modal_pop.modal_full .layer_close{ position: absolute; z-index: 53; top: 0; right: 0px;display: block; width: 128px; height: 128px;}
.sub_applepay .modal_pop.modal_full .layer_close a{width: 100%; height: 100%; background: url(/docfiles/resources/pc/images/pay/ico_popup_close.png) no-repeat 55% 45%; background-size: 32px 32px;}
.sub_applepay .modal_pop.modal_full .layer_close a:hover{background: url(/docfiles/resources/pc/images/pay/ico_popup_close.png) no-repeat 55% 45%; background-size: 32px 32px;}

/* section1 */
.sub_applepay .section1 .p1_b_lt .ico_applepay_s { margin-right: 3px;margin-left: 3px;}
.sub_applepay .section1 .box_line_store{border-top: 2px solid #000;}
.sub_applepay .section1 .box_line_store .list{display: flex;  align-items: start; border-bottom: 1px solid #ebebeb;}
.sub_applepay .section1 .box_line_store .list.top_line{border-top: 2px solid #000;}
.sub_applepay .section1 .box_line_store .list .tit{ align-items: center;width :204px; padding:60px 0px;/*display: inline-flex;*/}
.sub_applepay .section1 .box_line_store .list .tit .ico_tip_line.w24{margin-left:2px; opacity:0.4;} 
.sub_applepay .section1 .box_line_store .list .cont{width: calc(100% - 204px); padding:48px 16px 60px 0px;}
.sub_applepay .section1 .store_list{display: flex; flex-wrap: wrap;}
.sub_applepay .section1 .store_list .store_logo{width:120px; height:64px; object-fit: contain;}
.sub_applepay .section1 .store_list li.store{width: 120px; margin-top: 40px; margin-right: 52px;}
.sub_applepay .section1 .store_list li.store:nth-child(6n){margin-right: 0px;}
.sub_applepay .section1 .store_list li.store:nth-child(-n+6){margin-top: 0px;}
.sub_applepay .section1 .store_list li.store > a{display: block;}
.sub_applepay .section1 .store_list li.store > a >.p3_m_lt_1ln{text-align: center;}
.sub_applepay .section1 .useinfo{padding-top:0; border-top: 0;}

.sub_applepay .section1 .ui_sub_tab{display: flex; align-items: center; justify-content: space-between;}
.sub_applepay .section1 .ui_sub_tab .tab_btn { line-height:20px; color:#5c5c5c; font-size:14px; font-weight: 500;}
.sub_applepay .section1 .ui_sub_tab .tab_btn:hover{color:#000; font-weight: 700;}
.sub_applepay .section1 .ui_sub_tab .tab_btn.online_store {position: relative; display: block; width: 96px; padding-right: 16px; color:#000; white-space: nowrap; font-weight: 700;}
.sub_applepay .section1 .ui_sub_tab .tab_btn.online_store::after{position: absolute;top: 3px;right: 0;display: block;width: 14px;height: 14px;background: url('/docfiles/resources/pc/images/pay/ico_store_down.png') no-repeat center;background-size: 10px 12px;content: '';}
.sub_applepay .section1 .sub_tab:after {display:block; clear:both;content:"";}
.sub_applepay .section1 .sub_tab > li {position:relative; float:left; padding:6px 0; padding-right:12px; margin-right:12px;}
/* .sub_applepay .section1 .sub_tab > li:first-child{margin-right:0px;} */
.sub_applepay .section1 .sub_tab > li:last-child{ padding-right:0px;margin-right:0px;}
/* .sub_applepay .section1 .sub_tab > li.on > a {color:#000;} */
.sub_applepay .section1 .sub_tab > li:not(:last-child, :first-child):after { position:absolute; top:13px; right:0; display:block; width:1px; height:12px; background:#e0e0e0;content:"";}
.sub_applepay .section1 .sub_tab > li:first-child .tab_btn{ color:#000;font-weight:700;}

.sub_applepay .section1 .top_wrap{position: fixed; right: 8px; bottom: 8px; display: none;}
.sub_applepay .section1 .top_wrap .top_btn{width: 48px; height: 48px; border: 1px solid rgba(0,0,0,0.08); border-radius: 8px; background: #fff url('/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png') no-repeat center; background-size: 24px 24px; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);}

/* 2023-04-24 Q11066 애플페이 공식 참여 브랜드 new 라벨 */
.sub_applepay .section1 .new_label{ display: inline-block; width: 22px; height: 13px; margin-right: 4px; background: url(/docfiles/resources/pc/images/pay/label_new.png) no-repeat center center; background-size: contain; vertical-align: middle;} 

/* 2023-06-24 Q10962 아멕스 추가*/
.sub_applepay .section1 .tab_type{display: flex; align-items: center; justify-content: space-around; width: 100%; }
.sub_applepay .section1 .tab_type > li{width: 100%; border: 1px solid #d6d6d6; border-left: 0; background-color: #f5f5f5; }
.sub_applepay .section1 .tab_type > li:first-child{ border-left: 1px solid #d6d6d6;}
.sub_applepay .section1 .tab_type > li.active{ border-bottom:1px solid #fff;background-color: #fff;}
.sub_applepay .section1 .tab_type > li .btn{position: relative; 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{position: absolute; top: 12px; left:50%; display: inline-block; width: 35px; height: 16px; line-height: 16px; margin-top: -5px; margin-left:22px; border-radius: 8px; color:#fff; background-color:#ff0000; text-align:center; font-size:10px; font-weight: 700;}

.sub_applepay .section1 .store_list li.amex_none{position: relative;}
.sub_applepay .section1 .store_list li.amex_none.on>.logo_box, 
.sub_applepay .section1 .store_list li.amex_none.on>.p2_m_ctr_1ln{opacity: 0.2;}
.sub_applepay .section1 .store_list li.amex_none.on::after{position: absolute;bottom: -20px;left: 50%;width: 40px;height: 16px;line-height: 16px;margin-left: -20px;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;}

.sub_applepay .modal_pop .modal_wrap [class^="bul_"][class*="list"] > li, 
.sub_applepay .modal_pop .modal_wrap [class^="dash_"][class*="list"] > li { line-height: 22px;font-weight: 400;}

.sub_applepay .modal_pop .modal_wrap [class^="bul_"][class*="list"] > li [class^="dash_"][class*="list"]{margin-top: 8px;}
/* .sub_applepay .modal_pop .modal_wrap [class^="bul_"][class*="list"] > li [class^="dash_"][class*="list"] > li + li {margin-top:4px} */

/* 2024-06-26 GGU282 - 수정 */
.sub_applepay .modal_pop.respond .layer_wrap:not(.not_full) {max-height: 100%;}
.sub_applepay .modal_pop.respond .layer_wrap {min-height: inherit; margin: auto;}
/* 2024-06-26 GGU282 - 수정 */

/* section2 */
.sub_applepay .section2 .sub_accod > .accodWrap > .tit{padding-bottom: 36px;}
.sub_applepay .section2 .sub_accod > .accodWrap.on > .tit{padding-bottom: 36px; border-bottom: 1px solid #ebebeb;}
.sub_applepay .section2 .accod_list.qna_type{border-top: 0;}
.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.sub_customer .section2  .accod_list.qna_type .accodSlide{padding-bottom: 36px;}

.sub_applepay .section3 .content_wrap{padding-bottom: 80px;}
.sub_applepay .section3 .content_wrap + .content_wrap{padding-top: 80px; border-top: 1px solid rgba(0, 0, 0, 0.08);}
.sub_applepay .section3 .content_wrap.pt160{padding-top: 160px;}

/* 2024-02-05 Q10962 해외이용안내 추가  */
.sub_applepay .section3 .ico_nfc_md {display: inline-block;width: 54px; height: 32px; margin-top: -2px; margin-right: 2px;background: url(/docfiles/resources/pc/images/pay/ico_nfc_sm_blk.png) no-repeat center center;background-size: auto 32px; vertical-align: middle;}
/* .sub_applepay .section3 .ico_nfc_sm {display: inline-block;vertical-align: middle;width: 36px;height: 26px; margin-top: -2px; margin-left: 2px; margin-right: 2px; background: url(/docfiles/resources/pc/images/pay/ico_nfc_sm_blk.png) no-repeat center center;background-size: auto 20.6px;} */
.sub_applepay .section3 .ico_nfc_sm {display: inline-block;width: 26px;height: 16px; margin-top: -2px; margin-right: 2px; margin-left: 2px; background: url(/docfiles/resources/pc/images/pay/ico_nfc_sm_blk.png) no-repeat center center;background-size: auto 16px;vertical-align: middle;}
.sub_applepay .section3 .ico_tip { display: inline-block; width: 27px; height: 22px; margin-right: 2px; margin-left: 0px; background: url(/docfiles/resources/pc/images/pay/ico_tip_wht.png) no-repeat center center; background-size: auto 20px; vertical-align: middle;}
.sub_applepay .section3 .ico_applepay { display: inline-block; width: 32px; height: 22px; margin-right: 2px; margin-left: 0px; background: url(/docfiles/resources/pc/images/pay/ico_applepay.png) no-repeat center center; background-size: auto 20px; vertical-align: middle;}

.sub_applepay .section3 .light{position: relative; display: inline-block;/* z-index: 1;*/line-height:48px;}
/* .sub_applepay .section3 .light::after{ position: absolute; z-index:-1; top: 50%; left: 0; width: 100%; height: 50%; background-color: rgba(251, 255, 0, 1);content: '';} */
.sub_applepay .section3 .light::after{ position: absolute; z-index:-1; bottom: 0; left: 0; width: 100%; height: 65%; background-color: rgba(251, 255, 0, 1);content: '';}
.sub_applepay .section3 .row2{display: flex; align-items: flex-start; flex-shrink: 1;} 
.sub_applepay .section3 .row2 > .box{width: 50%;} 

.sub_applepay .img_box{display: block; margin: 0 auto; }
.sub_applepay .img_box.w_195{width: 195px;}
.sub_applepay .img_box.w_416{width: 416px;}
.sub_applepay .img_box.w_234{width: 234px;}

.sub_applepay .app_img{display: block; width: 100px; margin: 0 auto;}

/* 2024-05-08 GGU442 애플페이 해외이용안내 */
.sub_applepay .section3 .tab_type1{display: flex; align-items: center; justify-content: space-around; width: 100%; }
.sub_applepay .section3 .tab_type1 > li{width: 100%; border: 1px solid #d6d6d6; border-left: 0; background-color: #f5f5f5; }
.sub_applepay .section3 .tab_type1 > li:first-child{ border-left: 1px solid #d6d6d6;}
.sub_applepay .section3 .tab_type1 > li.active{ border-bottom:1px solid #fff;background-color: #fff;}
.sub_applepay .section3 .tab_type1 > li .btn{position: relative; 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{position: absolute; top: 12px; left:50%; display: inline-block; width: 35px; height: 16px; line-height: 16px; margin-top: -5px; margin-left:22px; border-radius: 8px; color:#fff; background-color:#ff0000; text-align:center; font-size:10px; font-weight: 700;}

.sub_applepay .section3 .box_line_store .list .cont .store_list{padding-top:16px;padding-bottom:0;margin: 0 auto;text-align: center;/*width:1110px;*/}
.sub_applepay .section3 .box_line_store .list .cont .store_list>.store{display: inline-block;width:120px;height: 114px;padding: 14px 4px 7px;margin-top:8px;text-align: center;}
.sub_applepay .section3 .box_line_store .list .cont .store_list .store_logo{display: block;  margin: 0 auto; object-fit: contain;}
.sub_applepay .section3 .box_line_store .list .cont .store_list.app>.store{width:120px;height: 112px;margin-top:0;text-align: center;}
.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 .box_line_store .list .cont .store_list.brand{width:830px;}
.sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store{ display: inline-block;width:120px;height: 114px;padding: 14px 0 7px;margin-top:0px;margin-left: 52px;text-align: center;}
.sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store:first-child, .sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store:nth-child(6) {margin-left:0;}
.sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store:nth-child(6), .sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store:nth-child(7), .sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store:nth-child(8), .sub_applepay .section3 .box_line_store .list .cont .store_list.brand>.store:nth-child(9){margin-top:40px;}
.sub_applepay .section3 .box_line_store .list .cont .store_list.brand .store_logo{display: block; width: 100%;  margin: 0 auto; object-fit: contain;}

.icon_check{display: block;width:88px;height:90px;margin:0 auto;background:url(/docfiles/resources/pc/images/pay/icon_check.png) no-repeat center; background-size: 88px auto;}

.img_checkWap{width: 798px;margin:0 auto;}
.img_checkWap .img{display:inline-block; width:388px;height: 388px;margin-right: 16px;border-radius: 16px;background: rgba(0,0,0,0.04);}
.img_checkWap .img+.img{margin:0;}
.img_checkWap .img > img{width:388px;height: 388px;}

.trans_cardlist{margin-top:11px;}
.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: 28px;}
.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;}

.sub_applepay .section3 .procedure_list { position:relative; overflow: hidden;  width: 100%;margin: 60px 0 0 0;  text-align: center;}
.sub_applepay .section3 .procedure_list li {display: inline-block; width: 280px; height: 569px;margin-right: 60px; text-align: center;}
.sub_applepay .section3 .procedure_list li:last-child{margin:0;}
.sub_applepay .section3 .procedure_list li .proce_img{ width: 280px; }
.sub_applepay .section3 .procedure_list .sld_txt{height:40px;margin-top:17px; text-align: center; white-space: nowrap;}

.sub_applepay .section3 .ico_tip2{display: inline-block;line-height:30px;padding:0 8px;margin-top:-10px;margin-right: 6px;border:solid 2px #e0e0e0;border-radius: 5px;vertical-align: middle;font-size: 18px;}

.sub_applepay .section3 .ico_plus_s{display: inline-block; width: 16px; height: 16px; margin-top: -5px; margin-right: 2px; background:url(/docfiles/resources/pc/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/pc/images/pay/icon_ellipsis.png) no-repeat center center; background-size: auto 16px; vertical-align: middle;}
.w_620{width: 620px!important;}
.w_170{width:170px;}
.w_176{width:176px;}
.w_435{width:435px;}
.w_320{width:320px;}
/* 2024-05-08 GGU442 애플페이 해외이용안내 */        

/* 2024-11-01 GGU442 [고객지원] Apple Pay 이용안내 UI 및 콘텐츠 수정 */
.logo_pay_blk_s{ display: block; width: 100%; height: 40px; background: url(/docfiles/resources/pc/images/pay/logo_pay_blk_s.png) no-repeat center; background-size: auto 40px; }
.logo_pay_blk_s.left{background-position:center left; }
.apbrand_area{width:1200px;position:relative;margin:400px auto 0;}
.apbrand_area .h2_b_lt_size40{ line-height: 60px;font-size: 40px;} 
.ap_loop_area{margin-top:40px}
.ap_loop_cont {position:relative;display: flex;overflow: hidden;background:#fff;padding:8px 0}
.ap_loop_cont:before {content: "";display: block;position: absolute;z-index: 1;width: 270px;height: 100%;top: 0;left: -102px;background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0))}
.ap_loop_cont:after {content: "";display: block;position: absolute;z-index: 1;width: 270px;height: 100%;top: 0;right: -102px;background-image: linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0))}
.ap_banner {width: 120px;height: 64px;margin-right: 52px;}
.ap_banner_list {display: flex;width: calc(300% + 10px);}
.ap_banner_list.n12 {display: flex;width: calc(400% + 10px);}
.ap_banner_list li img{width:100%}
.bn_left{animation: bn_left 60s linear infinite;}
.bn_right{animation: bn_right 60s linear infinite;}
.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);}
}

#pop_apbrand .box_line_store .list { margin-top: 64px; }
#pop_apbrand .box_line_store .list .tit { display: flex; align-items: center; justify-content: space-between; padding: 0 0 20px; border-bottom: 2px solid rgba(0,0,0,1); }
#pop_apbrand .box_line_store .list .cont { margin: 0; }
#pop_apbrand .box_line_store .list .cont .store_list { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 57px; }
#pop_apbrand .box_line_store .list .cont .store_list > .store { /*flex: 0 0 20%;*/width:120px;padding:40px 0 0 0;margin-right:52px }
#pop_apbrand .box_line_store .list .cont .store_list > .store:nth-child(5n){margin-right:0}
#pop_apbrand .box_line_store .list .cont .store_list .store_logo { display: block; width: 112px; height: 60px;margin: 0 auto; object-fit: contain; }

#pop_apbrand .accodWrap.pay_acc .accodBtn{margin:0px 0 12px;display: block;} 
#pop_apbrand .accodWrap.pay_acc .accodBtn::after{content: "";display: inline-block;margin:0 0 -6px 4px;width:24px;height:24px;background:url('/docfiles/resources/pc/images/card/svg/arrowb_open.svg') center center no-repeat}
#pop_apbrand .accodWrap.pay_acc.on .accodBtn::after{content: "";background:url('/docfiles/resources/pc/images/card/svg/arrowb_close.svg') center center no-repeat}
#pop_apbrand .accodWrap.pay_acc .accodSlide{background:#fafafa;padding:24px;border-radius: 8px;}
.bd_none{border:none!important}

.use_infobox_wrap{display:flex; display:-ms-flexbox; justify-content:space-between;margin:95px 0 0 0}
.use_infobox_wrap.alC{justify-content:center;}
.use_infobox_wrap .uif_tit{margin-top:12px}
.use_infobox_wrap .uif_txt{margin-top:20px}

/* 2023-07-31 Q11139 [고객지원]휴대폰인증 약관 업데이트 */
.con-type2 .underline {text-decoration: underline;}


@keyframes bounce {
    100%{transform: translateY(0px);}
    50%{transform: translateY(-10px);}
    0%{transform: translateY(0px);}
}
@media (min-width: 1921px){
    .sub_applepay .section0 .motion_area1 .h2_b_lt_size40{ padding-top: 9.95833333333333vw; } /* 268*/
    .sub_applepay .section0 .motion_area2 .h2_b_lt_size40{ padding-top: 9.95833333333333vw; } /* 268*/
    .sub_applepay .section0 .motion_area3 .h2_b_lt_size40{ padding-top: 9.95833333333333vw; } /* 268 */
}

@media (min-width: 1601px){
    .sub_applepay .lg_block{display: block;}
}
@media (min-width: 1281px) and (max-width: 1600px) {
    .sub_applepay .md_block{display: block;}
    .sub_applepay .section0 .__pin .pin_box{ padding-top:14.58333333333333vw;}
    .sub_applepay .section0 .iphone{width: 13.25vw;height: 27.0625vw;}
    .sub_applepay .section0 .iphone .iphone_img{width: 13.25vw;}
    .sub_applepay .section0 .video {top:7px; left: 8px; width: 12vw; height: 26.25vw; }
    .sub_applepay .section0 .video > #canvas {width: 12vw; }

    /* .sub_applepay .section0 .h0_b_ctr{margin-top:10px;}  */
    .sub_applepay .section0 .h0_b_ctr{margin-top:20px;}
    .sub_applepay .section0 .pin_logo{width:130px;margin-top:16px}
    .sub_applepay .section0 .p1_b_ctr_2ln{margin-top:8px;}
    
    .sub_applepay .section0 .slide_wrap{height: 27.0625vw;}
    .sub_applepay .section0 .slide_wrap .slide_item{width: 13.25vw;}
    .sub_applepay .section0 .purchase_wrap .iphone_video{width: 13.25vw;}
    .sub_applepay .section0 .sld_btn_box{top: 30.625vw;}
    .sub_applepay .section0 .slide_wrap .sld_txt{ line-height: 20px;font-size: 14px;}

    .sub_applepay .section0 .motion_area .bul_list01 > li{ line-height: 22px; font-size: 14px;}
    .sub_applepay .section0 .motion_area .bul_list01 > li+li{ margin-top: 12px;}
    .sub_applepay .section0 .motion_area1 .h2_b_lt_size40{ line-height: 36px;font-size: 28px;}
    .sub_applepay .section0 .motion_area1 .h3_b_lt { line-height: 26px;margin-top: 40px; font-size: 20px;}
    .sub_applepay .section0 .motion_area1 .p1_m_lt_1ln { line-height: 22px;margin-top:8px; font-size: 14px;}
    .sub_applepay .section0 .motion_area1 .area_link .p1_b_2ln { line-height: 22px; font-size: 14px; }
    .sub_applepay .section0 .motion_area2 .h2_b_lt_size40{ line-height: 36px;font-size: 28px;}
    .sub_applepay .section0 .motion_area2 .h4_b_lt{ line-height: 26px;font-size: 16px;}
    .sub_applepay .section0 .motion_area2 .area_link .p1_b_2ln { line-height: 22px; font-size: 14px; }
    .sub_applepay .section0 .sld_tabs{ margin-top: 4px;}
    /* .sub_applepay .section0 .sld_tabs > li{padding: 25px 0;} */
    .sub_applepay .section0 .sld_tabs .sld_tab{display: flex; align-items: center;}
    .sub_applepay .section0 .sld_tabs .sld_tab > .ico_app{width:48px; height: 48px; margin-right:16px; }
    .sub_applepay .section0 .sld_tabs .sld_tab .p2_b_lt_1ln{ line-height: 16px;font-size: 12px;}
    .sub_applepay .section0 .sld_tabs .sld_tab .h3_b_lt{ line-height: 32px;font-size: 20px;}
    .sub_applepay .section0 .sld_tabs+.p1_m_lt_1ln { line-height: 22px;font-size: 14px;}
    .sub_applepay .section0 .qr_box{margin: 28px 0;}
    .sub_applepay .section0 .qr_box > .img{width: 92px; height: 92px; margin-right: 16px;}

    .sub_applepay .section0 .qr_box .p1_b_lt_1ln{ line-height: 20px;font-size: 14px;}
    .sub_applepay .section0 .qr_box .p2_m_lt_1ln{ line-height: 16px;font-size: 12px;}

    .sub_applepay .section0 .motion_area3 .h2_b_lt_size40{ line-height: 36px;font-size: 28px;}
    .sub_applepay .section0 .motion_area3 .h4_b_lt { line-height: 26px;margin-top: 20px; font-size: 16px;}
    .sub_applepay .section0 .motion_area3 [class^="p1"] { line-height: 22px;font-size: 14px;}
    .sub_applepay .section0 .motion_area3 .p1_b_lt_1ln+.p1_m_lt_1ln{ line-height: 22px;font-size: 14px;}
    .sub_applepay .section0 .watch_pay_box{margin:32px 0; }
    .sub_applepay .section0 .watch_pay_box .p1_b_lt{ line-height: 26px;font-size:16px;}

    .sub_applepay .section0 .pay_info .h2_b_lt_size40{ line-height: 36px;font-size: 28px;}
    .sub_applepay .section0 .card_area .h2_b_ctr{ line-height: 36px;font-size: 28px;}
    .apbrand_area .h2_b_lt_size40{ line-height: 36px;font-size: 28px;} /* 2024-11-01 GGU442 */
}
@media (max-width: 1280px) {
    .sub_applepay{overflow:inherit;}
    .sub_applepay .sm_block{display: block;}
    .sub_applepay .ui_tab_common.active{left:40px;}

    .sub_applepay .section0{overflow: inherit;}
    .sub_applepay .section0 .ui_tab_common{padding-left:40px;}
    .sub_applepay .section0 .ui_tab_common.active{left:0;}
    .sub_applepay .section0 .__pin .pin_box{padding-top:240px;}
    .sub_applepay .section0 .iphone{width: 168px; height: 342px;}
    .sub_applepay .section0 .iphone .iphone_img{width: 168px;}
    .sub_applepay .section0 .video {top:7px; left: 9px; width: 151px; height: 328px; }
    .sub_applepay .section0 .video > #canvas {width: 151px; }

    .sub_applepay .section0 .slide_wrap{height: 342px;}
    .sub_applepay .section0 .slide_wrap .slide_item{width: 168px;}
    .sub_applepay .section0 .purchase_wrap .iphone_video{width: 168px;}
    .sub_applepay .section0 .sld_btn_box{top: 400px;}
    .sub_applepay .section0 .slide_wrap .sld_txt{ line-height: 20px;font-size: 14px;}

    .sub_applepay .section0 .motion_area .bul_list01 > li{ line-height: 18px; white-space: normal; font-size: 12px;}
    .sub_applepay .section0 .motion_area .bul_list01 > li+li{ margin-top: 12px;}
    .sub_applepay .section0 .motion_area .bul_list01 > li .sm_block{display: inline-block;}
    .sub_applepay .section0 .motion_area1{left:40px;}
    .sub_applepay .section0 .motion_area2{left:40px;}
    .sub_applepay .section0 .motion_area3{left:40px;}
    .sub_applepay .section0 .motion_area1 .area{width: 100%;}
    .sub_applepay .section0 .motion_area1 .h2_b_lt_size40{ line-height: 36px;font-size: 24px;}
    .sub_applepay .section0 .motion_area1 .h3_b_lt { line-height: 22px;margin-top: 28px; font-size: 16px;}
    .sub_applepay .section0 .motion_area1 .h2_b_lt_size40+.h3_b_lt{margin-top: 8px;}
    .sub_applepay .section0 .motion_area1 .p1_m_lt_1ln { line-height: 18px;margin-top:8px;  white-space: normal; font-size: 12px;}
    .sub_applepay .section0 .motion_area1 .p1_m_lt_1ln .sm_block{display: inline-block;}
    .sub_applepay .section0 .area .area_link .p1_b_2ln { line-height:18px;font-size:12px;}
    .sub_applepay .section0 .area .area_link a+a{margin-left:16px;}


    .sub_applepay .section0 .motion_area2 .h2_b_lt_size40{ line-height: 36px;font-size: 24px;}
    .sub_applepay .section0 .sld_tabs{margin-top:0;}
    /* .sub_applepay .section0 .sld_tabs > li{padding: 25px 0;} */
    .sub_applepay .section0 .sld_tabs .sld_tab{display: flex; align-items: center;}
    .sub_applepay .section0 .sld_tabs .sld_tab > .ico_app{width:48px; height: 48px; margin-right:16px; }
    .sub_applepay .section0 .sld_tabs .sld_tab .p2_b_lt_1ln{ line-height: 16px;font-size: 12px;}
    .sub_applepay .section0 .sld_tabs .sld_tab .h3_b_lt{ line-height: 32px;font-size: 20px;}
    .sub_applepay .section0 .sld_tabs+.p1_m_lt_1ln { line-height: 22px;font-size: 12px;}
    .sub_applepay .section0 .qr_box{ padding: 14px 14px 14px 32px;margin:20px 0 24px;}
    .sub_applepay .section0 .qr_box > .img{width: 84px; height: 84px; margin-right: 16px;}
    .sub_applepay .section0 .qr_box .p1_b_lt_1ln{ line-height: 18px;font-size: 12px;}
    .sub_applepay .section0 .qr_box .p2_m_lt_1ln{ line-height: 16px;font-size: 12px;}
    .sub_applepay .section0 .qr_box .img_box{padding: 6px;}

    .sub_applepay .section0 .motion_area3 .h2_b_lt_size40{ line-height: 36px;font-size: 24px;}
    .sub_applepay .section0 .motion_area2 .h4_b_lt{ line-height: 22px;margin-top:16px; font-size: 14px;}
    .sub_applepay .section0 .motion_area3 .h4_b_lt { line-height: 22px;margin-top: 16px; font-size: 14px;}
    .sub_applepay .section0 .motion_area3 [class^="p1"] { line-height: 18px;font-size: 12px;}
    .sub_applepay .section0 .watch_pay_box{margin:20px 0; }
    .sub_applepay .section0 .watch_pay_box [class^="p1"] { line-height: 22px;font-size: 14px;}
    
    .sub_applepay .section0 .info_area{margin:0 40px;}
    .sub_applepay .section0 .pay_info .h2_b_lt_size40{ line-height: 36px;font-size: 24px;}
    .sub_applepay .section0 .card_area .h2_b_ctr{ line-height: 36px;font-size: 24px;}

    .sub_applepay .section1{margin-left:40px;}
    .sub_applepay .section2{margin-left:40px;}
    .apbrand_area .h2_b_lt_size40{line-height: 36px;font-size: 24px;} /* 2024-11-01 GGU442 */
}

/* 2024-04-23 Q20620 ARS상담 pc 수정 */
.list_ars_info.ars {padding-top: 0; border-top: none;}
.box_notice .p2_m_rt_1ln {display: inline-block; padding-left: 20px; background: url(/docfiles/resources/pc/images/common/icon/w16/ico_alert.png) no-repeat left center; background-size: 16px;}

/* 2024-06-25 GGU477 [고객지원] 온라인모바일결제서비스_앱카드 내 콘텐츠 수정(연회비,문구,심의필 변경) */
.appCard_list_store_sec .list_store {margin-top:36px; border-top:1px solid #949494;}
.appCard_list_store_sec .list_store > ul > li { overflow:hidden;padding:36px 0; border-bottom:1px solid #ebebeb;}
.appCard_list_store_sec .list_store > ul > li ul li:nth-child(6n) {margin-right: 0;}
.appCard_list_store_sec .list_store > ul > li ul li:nth-child(n+7) {margin-top: 40px;}
.appCard_list_store_sec .list_store > ul > li strong {display:block; float:left; width:204px; margin-top:17px; color:#000;}
.appCard_list_store_sec .list_store > ul > li ul {float:left; width:996px; font-size:0;}
.appCard_list_store_sec .list_store > ul > li ul li {display:inline-block; margin-right:60px;}
.appCard_list_store_sec .list_store > ul > li ul li i {display:inline-block; width:112px; height:60px; background-size:112px 60px;}
.appCard_list_store_sec .list_store .store_name {display: block; margin-top: 4px; color: rgba(0,0,0,0.64);text-align: center; font-size: 14px; font-weight: 500;}
.appCard_list_store_sec .list_store + .box_bul {margin-top:24px;}
.appCard_list_store_sec .inline_logo_wrap img { height: 22px;vertical-align: middle;}

/* 2024-06-26 GGU282 - [고객지원] Apple Pay 가맹점주 안내 탭 추가 */
.in_block {display:inline-block !important;}
.ico_outlink.w32 {background:url(/docfiles/resources/pc/images/common/icon/w32/icon_outlink_bk.png) no-repeat 50% 50%;}

.right_chk_list > li {border-bottom: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/pc/images/common/icon/w32/ico_check_b.png') 0 0 no-repeat; background-size:32px;content:"";}

.sub_applepay .section4 .light { position:relative; display:inline-block; /* z-index:1; */ }
.sub_applepay .section4 .light::after { position:absolute; z-index:-1; top:50%; left:0; width:100%; height:50%; background-color:rgba(251,255,0,1); content:''; }

.sub_applepay .section4 .box_icons {display:flex; align-items:center; justify-content:center; height:270px; border-radius:16px; background-color:rgba(0,0,0,0.04);}
.sub_applepay .section4 .box_icons .img {display:block; margin:0 50px;}
.sub_applepay .section4 .box_icons .img img {width:auto; height:110px;}

.sub_applepay .section4 .van_list > li {padding:15px 0 14px; border-bottom:1px solid rgba(0,0,0,0.08);}
.sub_applepay .section4 .van_list > li a {position:relative; display:block;}
.sub_applepay .section4 .van_list > li a .ico_outlink.w32 {position:absolute; top:50%; right:0; transform:translateY(-50%);}

.sub_applepay .section4 .promotion_items {display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center;}
.sub_applepay .section4 .promotion_items > li {margin:0 40px;}
.sub_applepay .section4 .promotion_items .img_box {margin-bottom:8px;}
.sub_applepay .section4 .promotion_items .img {display:block; width:auto; height:180px; margin:0 auto;}
/* //2024-06-26 GGU282 - [고객지원] Apple Pay 가맹점주 안내 탭 추가 */

/* 2024-06-28 GGCP31 고객지원 약관 내 넘버 블릿 스타일 추가 */
.cms_content .con-type2 li .num.number_type { position: relative; top: -2px; width: 16px; height: 16px; line-height: 15px; padding-right: 1px; border: 1px solid #5c5c5c; border-radius: 50%; color: #5c5c5c; text-align: center; letter-spacing: -1px; font-size: 10px; font-weight: 500; }
.cms_content .con-type2 ol > li ul.txt-type1 li { padding-left: 8px;}

/* 2024-08-14 Q11139 고객지원 카드종합 이용안내 > 카드 이용 > PLCC 파트너사 신규 제작 */
.table_year{width: 100%; border-top: 2px solid #000; padding-top: 20px;}
.table_year tbody tr{padding-bottom: 24px;}
.table_year tbody tr:first-child td{padding-top: 24px;}
.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{display: flex;align-items: flex-start;justify-content: space-between;}
.cms_content ol li .label_area li{display: flex;width: calc(100%/4 - 20px);margin-right: 20px;}
.cms_content ol li .label_area li:first-child{margin-top: 8px;}
.cms_content ol li .label_area li:last-child{margin-right: 0;}
.cms_content ol li .label_area li .img_area{display: block;width: 80px;height: 80px;}
.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% - 88px); margin-left: 8px;}
.cms_content ol li .label_area li .txt_area > p:first-child{padding-top: 14px;}


.cms_content ol li .tit_area, .cms_content ol li .tit_area .img_align{display: flex;align-items: center;}
.cms_content ol li .tit_area strong{line-height:26px; margin-bottom:12px; color:#000; font-size:20px;  font-weight:700;}
.cms_content ol li .tit_area > img, .cms_content ol li .tit_area .img_align > img{display: block;width: 40px;height: 40px;position: relative;top: 4px;}
.cms_content ol li .tit_area.mo_tit_area > img{display: block;width: 34px;height: 34px;position: relative;top: 0px;}
.cms_content ol li .tit_area > img:first-of-type, .cms_content ol li .tit_area .img_align > img:first-of-type{margin-left: 8px;}

/* 2024-11-19 GGU477 [고객지원] 개인채무자보호법_채무조정상담신청 프로세스 신규제작(PC) */
#appReason_etc_textareaBox .input_textarea {height: 120px; padding: 6px 15px 10px 15px;}
#appReason_etc_textareaBox .input_textarea.on {border:1px solid #000;}
#appReason_etc_textareaBox .input_textarea textarea::placeholder {color: rgba(0, 0, 0, 0.48); font-weight: 500;}



/* icp */
.sub_icp{
--default-easing-function : cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sub_icp .section0 , .sub_icp .section1, .sub_icp .section2 ,.sub_icp .section3{display: none;} 
.sub_icp .content{ width: 100%; margin: 0 auto; }
.sub_icp .tab_box {position: fixed; top: 128px; width: 100%; height: 80px; z-index: 5;}

.sub_icp .ui_tab_common{ position: relative; width: 100%; padding: 20px 0; margin: 0 auto;}
.sub_icp .ui_tab_common .tab_default a {background-color: #ebebeb;}
.sub_icp .ui_tab_common.active{ position:fixed; z-index: 1; top:96px; left: 0; }
.sub_icp .ui_tab_common .tab_default a.current{background-color: #000;}
.sub_icp .ui_tab_common .ui_tab_list{ width:1200px; margin: 0 auto; }

/* .sub_icp .section{} */
.sub_icp .section0 { position:relative; overflow: hidden; background-color: rgba(255, 255, 255,0);}
.sub_icp .section0 ._icp_intro { position:fixed; top: 0; left: 0; width: 100vw; height:100vh; padding-top: 128px; 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: 0.3333333333333333vh 1.666666666666667vh; background-color: #000; border-radius: 2.5vh; color: #fff; font-size:2.333333333333333vh; line-height: 3vh; opacity: 1;}
.sub_icp .section0 ._icp_intro .title_wrap .title_2{ margin-top: 1vh; opacity: 1; font-size:4.666666666666667vh; line-height: 6.666666666666667vh;}
.sub_icp .section0 ._icp_intro ._motion_wrap {position: relative; height: 64.53703703703704vh;}
.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.51851851851852vh; height: 18.51851851851852vh; margin-top: 1vh; 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: 22.83333333333334vh; min-height: calc(51.53703703703704vh - 372px); padding-top:5vh; margin-left: -1.527777777777778vh; overflow: hidden; 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: 3.055555555555556vh; margin: 0 auto; transition: all 0.3s var(--default-easing-function);}
.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:6px; height:14.81481481481481vh; margin: 0 auto; overflow-y: hidden; transition: height 0.3s var(--default-easing-function);} */
.sub_icp .section0 ._icp_intro ._line_box ._dot_box { width:6px; height: 23.31481481481482vh; 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: 6px; height: 100%; background:url(/docfiles/resources/pc/images/cus/img_dotRepeat.png) repeat-y; background-size: 6px; }

.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 ._gv_box {position: absolute; left: 50%; bottom: 0; width: 100%; height: 28.7037037037037vh; max-height: 372px; transform: translateX(-50%); margin-left: 3px; transition: all 0.1s var(--default-easing-function); }
.sub_icp .section0 ._icp_intro ._gv_box ._gv{position: relative; transition: all 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: 28.7037037037037vh; max-height: 372px; opacity: 0; z-index: 2;}
.sub_icp .section0 ._icp_intro ._gv_dim{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0; z-index: 3;}
.sub_icp .section0 ._icp_intro ._gv_box .gv_img {position: absolute; left: 50%; height: 28.7037037037037vh; max-height: 372px; transform: translateX(-50%);}

.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: 44.44444444444444vh; height: 7.407407407407407vh; margin-left: -22.22222222222222vh; 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_1{ display: inline-block; width:21.75925925925926vh; height: 4.444444444444444vh; border-radius: 4.444444444444444vh;}
.sub_icp .section0 ._icp_intro._icp_skeleton .load_box.title_2{display: inline-block; width:44.44444444444444vh; margin-top: 1.111111111111111vh; height: 7.407407407407407vh; border-radius: 1.111111111111111vh;}

.sub_icp .section0 ._icp_intro._icp_skeleton .card_load_box{position: absolute; top: 2.777777777777778vh; left: 50%; width: 7.037037037037037vh; height: 11.11111111111111vh; transform: translateX(-50%); margin: 0 auto; background-color: #e7e7e7; border-radius: 0.7407407407407407vh; z-index: 1; overflow: hidden;}
.sub_icp .section0 ._icp_intro._icp_skeleton .card_load_box::before{ content: ''; position: absolute; top: 0; left: 50%; width: 44.44444444444444vh; height: 18.51851851851852vh; margin-left: -22.22222222222222vh; 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 ._inGV_motion{ position:relative; width: 100%; height: calc( 100vh - 128px); background-color: #f5f5f5; 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% - 17.70833333333333vw); left: 0; width:100%;}
.sub_icp .section0 ._inGV_motion .title_wrap .h3_b_ctr_2ln{ font-size: 2vh; line-height: 4vh; }
.sub_icp .section0 ._inGV_motion .title_wrap .h0_b_ctr_size52{ font-size: 4.333333333333333vh; line-height: 5.666666666666667vh; }
.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: 3.125vw; opacity: 0; background: url(/docfiles/resources/pc/images/cus/ico_icp_check.png) no-repeat 100% 50%; background-size: 2.760416666666667vw 2.760416666666667vw;}
.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: 8.125vw; height: 8.75vw; transform: translateX(-45%);} */
.sub_icp .section0 ._inGV_motion ._navi_box ._popup_box {position: absolute; left: 50%; top: 53%; height: 5.831vw; transform: translate(-50%, -50%);}
.sub_icp .section0 ._inGV_motion ._navi_box ._popup_box .popup_img{ height: 100%; opacity: 0;}
.sub_icp .section0 ._inGV_motion ._navi_box ._popup_box .popup_img.spring{ height: 100%; animation: 0.4s spring linear;  }
.sub_icp .section0 ._inGV_motion .arrow_down {position: absolute; bottom: 8px; left: calc(50% - 32px);}
.sub_icp .section0 ._inGV_motion .arrow_down button {width: 56px; display: block; height: 56px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down_wht.png) center center no-repeat; background-size: 56px; cursor: pointer; animation: toggle infinite 1.8s;}


.sub_icp .section0 ._icpUse_motion{ position:relative; width: 100%; height: 992px; }
.sub_icp .section0 ._icpUse_motion ._square_wrap{position: absolute; top: 50%; left: 50%; width: 1200px; height: 496px; margin-left: -600px; margin-top: -248px; padding: 33px 0 80px; background-color: #fff; border: 10px solid #000; border-radius: 40px; z-index: 1;}
.sub_icp .section0 ._icpUse_motion ._img_film{position: relative; width: 246px; height: 246px; margin: 0 auto; overflow: hidden; }
.sub_icp .section0 ._icpUse_motion ._img_film::before{content: ''; position: absolute; top: 0; left:0; width: 100%; height: 40px; 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: 40px; 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: -100px; display: flex; align-items: center; height: 200px; opacity: 0.2;}
.sub_icp .section0 ._icpUse_motion ._bg_film ._text_film{padding-left: 70px; font-size: 200px; font-weight: 700; line-height: 200px; 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: 200px; margin: 0 auto;}
.sub_icp .section0 ._icpUse_motion ._img_film .img_box img{ width: 100%;}
.sub_icp .section0 ._icpUse_motion .title_wrap{margin-top:9px}

.sub_icp .section0 ._icpSlide_motion { display: flex; align-items: center; padding: 70px 0 170px;}
.sub_icp .section0 ._icpSlide_motion .inner{width: 1200px; margin: 0 auto;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper_wrap{margin-top: 24px; }
.sub_icp .section0 ._icpSlide_motion .icp_swiper{overflow: visible; height:540px;}
.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{position: relative; width: 368.6px;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide .img{width: 347px; height:540px; border-radius: 24px; overflow: hidden;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide .img.roll3_bg{background-color: #1d1d1d;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .swiper-slide .txt{position: absolute; top: 36px; left: 36px; color: #fff; font-size: 25.2px; line-height: 36px; font-weight: 700; }
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn{display: flex; align-items: center; justify-content: flex-end; margin-top: 28px; font-size: 0;}
.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: 48px; height: 48px; margin-top: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 48px 48px;}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-prev{background-image:url('/docfiles/resources/pc/images/pay/ico_sldprev.png');}
.sub_icp .section0 ._icpSlide_motion .icp_swiper .icp_swiper_btn .swiper-button-next{margin-left: 16px; background-image:url('/docfiles/resources/pc/images/pay/ico_sldnext.png');}

.sub_icp .section0 .icp_video_player{ display: flex; align-items: center; padding: 160px 0; /*background-color: #f5f5f5;*/}
.sub_icp .section0 .icp_video_player .inner{width: 1200px; margin: 0 auto;}
.sub_icp .section0 .icp_video_player .video_wrap{display: flex; align-items: flex-start; height: 501px; margin-top: 48px; }
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box{position: relative; width:300px; height: 100%; padding: 28px; background-color: #000; border-radius: 24px; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .tit{color: #fff;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul{margin-top: 28px; }
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li{position: relative; height: 60px; background-color: rgba(255,255,255,0.12); border-radius: 12px; color: #fff; overflow: hidden;  }
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li + .ctrl_bar_li{margin-top: 16px;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li .bar{ position: absolute; top: 0; left: 0; width: 0%; max-width: 100%; height: 60px; background-color: #fff; z-index: 0;} 
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on .bar{transition: width 0.1s linear;} 
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li .btn{ position: relative; display: block; padding-left: 52px; background-repeat: no-repeat; background-size: 28px 28px; background-position: 16px 16px; color: rgba(255,255,255,0.48); font-size: 24px; font-weight: 700; line-height: 60px; z-index: 1;}

.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li .btn.parking{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_parking.svg);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li .btn.gasstaion{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_gasstation.svg);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li .btn.pickup{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_pickup.svg);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li .btn.hipass{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_hipass.svg);}

.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on{background-color: rgba(255,255,255,0.86);  }
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on .btn{color: #000;}

.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on .btn.parking{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_parking_on.svg);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on .btn.gasstaion{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_gasstation_on.svg);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on .btn.pickup{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_pickup_on.svg);}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_bar_ul .ctrl_bar_li.on .btn.hipass{ background-image: url(/docfiles/resources/pc/images/cus/ico_icp_hipass_on.svg);}

.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_reset { position: absolute; bottom: 28px; left: 0; width: 100%; text-align: center;}
.sub_icp .section0 .icp_video_player .video_wrap .ctrl_box .ctrl_reset .reset_btn{ display: inline-block; padding-left: 28px; color: #fff; background: url(/docfiles/resources/pc/images/cus/ico_refresh.svg) no-repeat left top; background-size: 28px;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box{position: relative; width:890px; height: 100%; margin-left: 10px; background-color: #fff; border-radius: 24px; 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: 64px; left:298px; width: 310px; height: 88px; text-align: center; font-size: 28px; line-height: 44px; font-weight: 700; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_intro02{ position: absolute; top: 203px; left:0; width: 100%; height: 96px; text-align: center; font-size: 34px; line-height: 48px; font-weight: 700; z-index: 1; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .ganji_caption{ position: absolute; top: 48px; left:40px; font-size: 34px; line-height: 48px; font-weight: 700; z-index: 1; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .ganji_caption > .sub_text{ margin-top:12px; color:#7f7f7f; font-size: 20px; line-height: 26px;  }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_refueling2 { position: absolute; top: auto; bottom: 32px; left:40px; color: rgba(0, 0, 0, 0.64); font-size: 14px; line-height: 20px; font-weight: 500; z-index: 1; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last {position: absolute; top: 164px; left: 0; width: 100%; height: 172px; text-align: center; font-size: 34px; line-height: 48px; font-weight: 700; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last .restart_btn {margin-top: 24px; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box .caption_last .restart_btn .btn{display: inline-block; padding: 13px 20px 13px 44px; background: rgba(0,0,0,0.08) url(/docfiles/resources/pc/images/cus/ico_circle_play.svg) no-repeat; background-position: 12px 12px; background-size: 28px 28px;  border-radius: 52px; font-size: 18px; font-size: 700; line-height: 26px;  }
.sub_icp .section0 .icp_video_player .video_wrap .player_box #videoArea{height:100%;}

.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton{ position: absolute; top: 0; left: 0; width: 890px; height: 501px; 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: 890px; height: 501px; margin-left: -445px; 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{ position: absolute; top: 0; left: 0; width: 890px; height: 501px; z-index: 2;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box_wrap{ position: relative; top: 61px; left: 245px; width: 400px; height: 96px; z-index: 1;}
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box{ position: relative; display: block; width: 100%; height: 44px; background-color: #e7e7e7; overflow: hidden; border-radius: 12px; }
.sub_icp .section0 .icp_video_player .video_wrap .player_box ._icp_skeleton .load_box::before{ content: ''; position: absolute; top: 0; left: 50%; width: 400px; height: 44px; margin-left: -200px; 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: 8px;} */

.sub_icp .section0 .icp_info{width: 1200px; margin: 0 auto;}
.sub_icp .section0 .motors_info{padding-top: 128px; padding-bottom: 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:120px; margin: 0 16px; }
.sub_icp .section0 .motors_info .motors_list>li .logo{width:100%;}
.sub_icp .section0 .motors_info .tit{margin-top:40px;}
.sub_icp .section0 .line_info{padding-top: 120px; padding-bottom: 120px;}

.sub_icp .section0  .line_info .line_st{display: flex; flex-wrap: wrap; }
.sub_icp .section0  .line_info .line_st>li{flex-grow: 1; width: calc(100% / 2 - 28px); padding-top: 40px; border-top: 6px solid #000;}
.sub_icp .section0  .line_info .line_st>li + li{margin-left: 56px;}
.sub_icp .section0  .line_info .line_st>li .link{position: relative; display: block; padding-right: 32px;}
.sub_icp .section0  .line_info .line_st>li .link::before{ content: ''; position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat 100% 100%; background-size: 32px 32px}

.sub_icp .section0 .useinfo .line_top{ padding-top: 40px;margin-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.12);}
.sub_icp .section0 .useinfo .box_bul li{font-size: 18px;}
.sub_icp .section0 .useinfo .box_bul li+li{margin-top: 14px;}
.sub_icp .section0 .useinfo .bul_list .dash_list{margin-top:14px;}

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

@keyframes toggle{
    0%{transform:translateY(-16px);opacity:1;}  
    50%{transform:translateY(0px);opacity:.4;}  
    100%{transform:translateY(-16px);opacity:1;}  
}


/* media query */
@media (min-width: 1281px ) and (max-width: 1440px ) {
    .sub_icp .section0 ._icp_intro .title_wrap .title_1{padding: 4px 16px; border-radius: 32px; font-size: 16px; line-height: 24px;}
    .sub_icp .section0 ._icp_intro .title_wrap .title_2{height: 43px; font-size: 44px; line-height: 43px;}

    .sub_icp .section0 ._inGV_motion .title_wrap .title_1{font-size: 20px; line-height: 32px;}
    .sub_icp .section0 ._inGV_motion .title_wrap .title_2{margin-top:2px; font-size:40px; line-height: 56px;}
    .sub_icp .section0 ._inGV_motion .title_wrap .title_3{margin-top:2px; padding-right: 43px; font-size:40px; line-height: 56px; background-size: 40px 40px;}
}

    
@media (max-width: 1280px ) {
    .sub_icp .section0 ._icp_intro .title_wrap .title_1{padding: 4px 16px; border-radius: 32px; font-size: 16px; line-height: 24px;}
    .sub_icp .section0 ._icp_intro .title_wrap .title_2{height: 43px; font-size: 36px; line-height: 43px;}

    .sub_icp .section0 ._inGV_motion .title_wrap .title_1{font-size: 16px; line-height: 32px;}
    .sub_icp .section0 ._inGV_motion .title_wrap .title_2{margin-top:2px; font-size:36px; line-height: 48px;}
    .sub_icp .section0 ._inGV_motion .title_wrap .title_3{margin-top:2px; padding-right: 39px; font-size:36px; line-height: 48px; background-size: 36px 36px;}
}

@media (max-height: 600px ) {
    .sub_icp .section0 ._icp_intro ._area{top: 128px; bottom: auto;}
}


.sub_icp .section1, .sub_icp .section2, .sub_icp .section3{padding-top: 57px;}
.sub_icp .section1 .tab_box, .sub_icp .section2 .tab_box, .sub_icp .section3 .tab_box{background-color: #fff;}
/* 이용안내 section1 */
.sub_icp .section1 .incarpayment_cont{overflow-x: hidden;}
.sub_icp .section1 .incarpayment_cont section{position: relative;}
.sub_icp .section1 .incarpayment_cont section.icp_cont01{width: 1200px; margin: 0 auto;}
.sub_icp .section1 .incarpayment_cont .tab_list{display: inline-block;}
.sub_icp .section1 .incarpayment_cont .tab_list ul{display: flex;align-items: center;padding: 6px 20px;}
.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_info{display: flex; width: 1200px; margin-top: 0px; padding-top: 60px;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont{margin-top: 21px;margin-right: 61px;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt1 .p1_b_2ln{margin-top: 20px;}
.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 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box{width: 358px;margin-top: 28px; padding: 14px 16px;background: rgba(0, 0, 0, 0.04);border-radius: 12px;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt2.gray_box > p{font-size: 14px;font-weight: 500;line-height: 22px;}
.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 2px; 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 .incarpayment_cont .use_info .use_info_cont .app_info li .icoApp{ display: inline-block;width: 24px;height: 24px;margin-right: 6px;border-radius: 4.8px}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .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 .incarpayment_cont .use_info .use_info_cont .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 .incarpayment_cont .use_info .use_info_cont .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 .incarpayment_cont .use_info .use_info_cont .use_info_txt3 {display: flex; align-items: center; margin-top: 80px;}    
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt3 .img{position: relative;width: 52px;height: 52px;margin-right: 12px;overflow: hidden;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_cont .use_info_txt3 .p1_b_1ln{margin-top: 4px;}

/* .sub_icp .section1 .incarpayment_cont .use_info .use_info_img .use_info_img_list ul{display: flex;margin-top: 20px;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_img .use_info_img_list ul li{margin-right: 40px;text-align: center;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_img .use_info_img_list ul li:last-child{margin-right: 0;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_img .use_info_img_list ul li img{width: 223px;height: 453px;}
.sub_icp .section1 .incarpayment_cont .use_info .use_info_img .use_info_img_list ul li p{margin-top: 16px;font-size: 16px;font-weight: 500;line-height: 16.35px;} */

/* .sub_icp .section1 .incarpayment_cont .use_info .use_info_img .use_info_img_list{} */

.sub_icp .section1 .incarpayment_cont section.icp_cont02{display: flex; width:1200px; margin:0 auto; margin-top: 170px;}
.sub_icp .section1 .incarpayment_cont section.icp_cont02 .icp_cont02_inner{display: flex; width:1200px; margin: 0 auto;}
.sub_icp .section1 .incarpayment_cont section.icp_cont02 .icp_cont02_inner .motion_area2{width: 720px;}
.sub_icp .section1 .incarpayment_cont .use_pay .use_pay_cont{display: inline-block;margin-right: 46px; padding-top: 21px; padding-bottom: 223px;}
.sub_icp .section1 .incarpayment_cont .use_pay .use_pay_cont .use_pay_txt1 .p1_b_2ln{margin-top: 20px;}
.sub_icp .section1 .incarpayment_cont .use_pay .use_pay_cont .use_pay_txt2.gray_box{width: 358px;margin-top: 32px; padding: 14px 16px;background: rgba(0, 0, 0, 0.04);border-radius: 12px;}
.sub_icp .section1 .incarpayment_cont .use_pay .use_pay_cont .use_pay_txt2 > p{font-size: 14px;font-weight: 500;line-height: 24px;}

.sub_icp .section1 .slide_wrap { position: relative; left: 0; width: 100%; height: auto; margin-top: auto; opacity: 1; }
.sub_icp .section1 .slide_wrap .slide_item { position: absolute; top: 0; left: 0; width: auto; height: auto; transition: all 500ms ease; }
.sub_icp .section1 .slide_wrap .slide_item .slide_img { width: 100%; }
.sub_icp .section1 .slide_wrap .sld_txt { width: auto; margin-top: auto;text-align: center; font-weight: 500; font-size: 16px;color: rgba(0, 0, 0, 0.64);line-height: 22px;white-space: nowrap;}

.sub_icp .section1 .btn_box { position: absolute; bottom: -70px; right: 0; opacity: 1; transition: opacity 500ms ease; }
.sub_icp .section1 .btn_box > .slide_btn { width: 40px; height: 40px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 40px 40px; }
.sub_icp .section1 .btn_box > .slide_btn.disab { opacity: 0.4; }
.sub_icp .section1 .btn_box > .slide_btn + .slide_btn { margin-left: 12px; }
.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 .icp_cont01 .slide_wrap { height: 505px; margin-top: 40px; }
.sub_icp .section1 .icp_cont01 .slide_wrap .slide_item { width: 230px; height: 468px; }
.sub_icp .section1 .icp_cont01 .slide_wrap .slide_item .slide_img { width: 100%; }
.sub_icp .section1 .icp_cont01 .slide_wrap .slide_item0 { z-index: 4; }
.sub_icp .section1 .icp_cont01 .slide_wrap .slide_item1 { z-index: 3; }
.sub_icp .section1 .icp_cont01 .slide_wrap .slide_item2 { z-index: 2; }
.sub_icp .section1 .icp_cont01 .slide_wrap .slide_item3 { z-index: 1; }
.sub_icp .section1 .icp_cont01 .slide_wrap .sld_txt { width: 230px; margin-top: 20px;}

/* 차 안에서 결제하기 */
.sub_icp .section1 .icp_cont02 .slide_wrap { height: 292px; margin-top: 12px; }
.sub_icp .section1 .icp_cont02 .slide_wrap .slide_item { width: 500px; height: 250px; }
.sub_icp .section1 .icp_cont02 .slide_wrap .slide_item .slide_img { width: 100%; }
.sub_icp .section1 .icp_cont02 .slide_wrap .slide_item0 { z-index: 3; }
.sub_icp .section1 .icp_cont02 .slide_wrap .slide_item1 { z-index: 2; }
.sub_icp .section1 .icp_cont02 .slide_wrap .slide_item2 { z-index: 1; }
.sub_icp .section1 .icp_cont02 .slide_wrap .sld_txt { width: 500px; margin-top: 20px;}
.sub_icp .section1 .icp_cont02 .btn_box {bottom: 0; }

.sub_icp .section1 .incarpayment_cont section.icp_cont03{width: 1200px;margin: 64px auto 0;}
.sub_icp .section1 .incarpayment_cont section.icp_cont03 .h2_b {padding-top: 20px;}

.sub_icp .section1 .box_line_store{border-top: 2px solid #000;}
.sub_icp .section1 .box_line_store .list{display: flex;padding: 56px 0;align-items: start;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.sub_icp .section1 .box_line_store .list:last-child{padding-bottom: 0;border-bottom: 0;}
.sub_icp .section1 .box_line_store .list.store01{padding-top: 48px;}
.sub_icp .section1 .box_line_store .list .tit{width :168px;padding-top: 12px;padding-bottom: 46px;}
.sub_icp .section1 .box_line_store .list .cont{width: calc(100% - 168px);}
.sub_icp .section1 .store_list{display: flex; flex-wrap: wrap;}
.sub_icp .section1 .store_list .store_logo{display: block;max-width: 100%;}
.sub_icp .section1 .store_list li.store{width: 112px;margin-right: 72px;}
.sub_icp .section1 .store_list li.store:nth-child(6n){margin-right: 0px;}
.sub_icp .section1 .store_list li.store:nth-child(-n+6){margin-top: 0px;}
.sub_icp .section1 .useinfo{padding-top: 120px;}
.sub_icp .section1 .useinfo .box_bul{margin-top: 56px;}
.sub_icp .section1 .useinfo .box_bul .bul_list > li > a{margin-left: 7px;}
.sub_icp .section1 .useinfo .box_bul .bul_list > li > a > span{vertical-align: text-bottom;}
.sub_icp .section1 .useinfo .line_top {margin-top: 40px; padding-top: 40px; border-top:1px solid #e0e0e0;}

/* section 2 */
.sub_icp .section2 .grid_box.high{display: flex;align-items: center;justify-content:flex-start;width: 1200px;margin: 0 auto;}
.sub_icp .section2 .grid_box.high .box_img{width: 480px;height: 268px;margin-right: 120px;border-radius: 24px;overflow: hidden;}

.sub_icp .section2 .grid_box.high .box_img.load{background-color: #f0f0f0;}

.sub_icp .section2 .box_txt > .h0_yni_b_size40{font-size: 40px;font-weight: 700;font-family: 'YouandiNewKr';line-height: 48px;}
.sub_icp .section2 .box_txt > .p1_m_1ln{color: rgba(0,0,0,.64);}
.sub_icp .section2 .box_txt > .box_btn [class^="btn"][class*="48"]{padding: 13px 12px;}

.sub_icp .section2 .hibox_infowrap{width: 1200px;margin: 0 auto 120px;}
.sub_icp .section2 .hibox_infowrap .box_info{display: flex;margin-top:24px;padding:40px 0 40px 72px;background:rgba(0,0,0,.04);border-radius: 24px;}
.sub_icp .section2 .hibox_infowrap .box_info li{position:relative;margin-right: 60px;padding:0 60px;box-sizing: border-box;}
.sub_icp .section2 .hibox_infowrap .box_info li::before{position:absolute;top:0;right:0; display:block; width:1px;height: 100%;background:rgba(0,0,0,.08);content: "";}
.sub_icp .section2 .hibox_infowrap .box_info li:last-child::before{display: none;}
.sub_icp .section2 .hibox_infowrap .box_info li .p0_b_lt_1ln{letter-spacing: -1px;}
.sub_icp .section2 .hibox_infowrap .box_info li .svg{position: absolute;top:0;left:0; width: 48px;height:48px;}

.sub_icp .section2 .highpass_useinfo{width: 1200px;margin: 0 auto 160px;}
.sub_icp .section2 .big_accod {border-top:2px solid #000;}
.sub_icp .section2 .big_accod + .big_accod, /*.modal_card_view*/ .big_accod + .card_bundle {margin-top:64px;}
.sub_icp .section2 .big_accod > .box_tit {display:-webkit-flex; display:-ms-flexbox; display: flex; width: 100%;padding: 20px 0 0; align-items: center;}
.sub_icp .section2 .big_accod > .box_tit > .accodBtn {width: 100%;background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size: 32px 32px;}
.sub_icp .section2 .big_accod.on > .box_tit > .accodBtn {background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png) no-repeat right center; background-size: 32px 32px;}
.sub_icp .section2 .big_accod > .accodSlide {display:none; margin-top:40px;}
.sub_icp .section2 .histep_list{display: flex;}
.sub_icp .section2 .histep_list > li{flex: 1 1 33.333%;position:relative;margin-right: 129px;box-sizing: border-box;}
.sub_icp .section2 .histep_list > li:last-child{margin-right:0}
.sub_icp .section2 .histep_list > li::after{position: absolute;top:44px;right: -64px;width:32px;height:32px;background: url("/docfiles/resources/pc/images/common/icon/w64/ArrowB_Forward.png") center center no-repeat;background-size: 32px 32px;content: "";}
.sub_icp .section2 .histep_list > li:last-child::after{display: none;}
.sub_icp .section2 .histep_list > li .step_num{display: inline-block;margin-bottom: 24px;padding:2px 8px;background: #000;border-radius: 60px;color: #fff;}
.sub_icp .section2 .histep_list > li .h3_b_lt_1ln{margin-bottom:8px}
.sub_icp .section2 .histep_list > li .p1_m_lt_2ln{margin-bottom:8px;}
.sub_icp .section2 .histep_list > li .exp_m_13{margin-top: 20px;font-size: 13px;font-weight: 500;line-height: 18px;}
.sub_icp .section2 .app_info{width: 274px;margin-top:24px;background: rgba(0,0,0,.04);border-radius:12px;}
.sub_icp .section2 .app_info li{padding:20px 24px;border-bottom: solid 1px #fff;}
.sub_icp .section2 .app_info li:last-child{border:none}
.sub_icp .section2 .app_info li .p2_b_lt_1ln{display: flex;align-items: center;margin-bottom: 4px;}
.sub_icp .section2 .app_info li .p3_m_2ln{display: flex;align-items: center;}
.sub_icp .section2 .app_info li .ico_arrow{display: inline-block; width: 12px; height: 12px; margin: 0 2px; 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.64;}
.sub_icp .section2 .app_info li .icoApp{display: inline-block; width:24px;height:24px;margin-right: 6px;border-radius: 4.8px;}
.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/detail/app_genesis.png') center center no-repeat;background-size: 24px 24px;}

.sub_icp .section2 .tbl_view{width:100%;}
.sub_icp .section2 .tbl_view tbody th{font-size:16px;line-height:26px;color:#000;font-weight:700;padding:20px 0 20px 24px;border-bottom:1px solid #ebebeb;text-align:left;vertical-align:top;}
.sub_icp .section2 .tbl_view tbody td{font-size:16px;line-height:26px;color:#5c5c5c;padding:20px 0 20px 0;border-bottom:1px solid #ebebeb;text-align:left;vertical-align:top;}
.sub_icp .section2 .tbl_view tbody td p{line-height:26px;}
.sub_icp .section2 .detail_box{margin:40px 0 20px;}
.detail_box ul{display:flex;}
.sub_icp .section2 .detail_box ul li{display:inherit;align-items:center;margin-right:80px;}
.sub_icp .section2 .detail_box ul li .con{margin-left:16px;}
.sub_icp .section2 .detail_box ul li .con p , .tbl_type2 dl.detail dd p{color:#000;}
.sub_icp .section2 .detail_box ul li .con p + p{margin-top:4px;}
.sub_icp .section2 .detail_box ul li .img{width:51px;height:80px;overflow:hidden;}
.sub_icp .section2 .detail_box ul li .img > img{width: 100%;}

.sub_icp .section2 .hilogo_wrap{margin: 48px auto 62px;padding: 80px 0;}
.sub_icp .section2 .hilogo_wrap .hilogo_list{margin:0 0 24px 0;text-align: center;}
.sub_icp .section2 .hilogo_wrap .hilogo_list li{display: inline-block; width:64px;height: 64px;border-radius: 32px;overflow: hidden;margin-right: 16px;}
.sub_icp .section2 .hilogo_wrap .hilogo_list li:nth-child(2){border: solid 0.3px #000;}
.sub_icp .section2 .hilogo_wrap .hilogo_list li:last-child{margin:0}
.sub_icp .section2 .hilogo_wrap .hilogo_list li img{width: 100%;}

.sub_icp .section2 .faq_hipass{border-bottom:1px solid #e0e0e0}
.sub_icp .section2 .faq_hipass .faq_quality .faqBtn{display:block;width:100%;padding:17px 0 17px 24px;font-size:16px;font-weight:500;line-height:26px;color:#000;background-color:transparent;position:relative;}
.sub_icp .section2 .faq_hipass .faq_quality .faqBtn::before{content:'Q. ';}
.sub_icp .section2 .faq_hipass.on .faq_quality .faqBtn{font-weight:700;background-color:#fafafa;}
.sub_icp .section2 .faq_hipass .faq_quality .faqBtn::after{content:'';position:absolute;top:50%;right:20px;transform:translateY(-50%);width:32px;height:32px;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat center;background-size:contain;transition:transform .3s;}
.sub_icp .section2 .faq_hipass.on .faq_quality .faqBtn::after{transform:translateY(-50%) rotate(180deg);}
.sub_icp .section2 .faq_hipass .faq_answer{padding:1px 24px 24px;background-color:#fafafa;font-size:16px;font-weight:500;line-height:26px;color:#333}
.sub_icp .section2 .btn_close{width:32px;height:32px;display:block;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_close.png) no-repeat center / 32px;opacity:.2}

.sub_icp .section2 .highpass_usecar{width: 1200px;margin: 0 auto 158px;}
.sub_icp .section2 .highpass_usecar .hiusecar{padding-top: 16px;border-top: 2px solid #000;}
.sub_icp .section2 .highpass_usecar .hiusecar_list > li{display: flex;align-items: center;padding: 32px 0;border-top: 1px solid rgba(0,0,0,.08);}
.sub_icp .section2 .highpass_usecar .hiusecar_list > li:first-child{padding-top: 0;border-top: 0;}
.sub_icp .section2 .highpass_usecar .hiusecar_list > li:last-child{padding-bottom: 0;}
.sub_icp .section2 .highpass_usecar .hiusecar_list > li .tit{width: 120px;margin-right: 64px;}
.sub_icp .section2 .useinfo_wrap{width: 1200px;margin: 120px auto 0;}
.sub_icp .section2 .useinfo_wrap .useinfo .box_bul .bul_list li{font-size: 18px;font-weight: 500;line-height: 26px;}
.sub_icp .section2 .useinfo_wrap .useinfo .box_bul .bul_list li + li, .sub_icp .section2 .useinfo_wrap .useinfo .box_bul .dash_list li{margin-top: 14px;}
.sub_icp .section2 .rel{position: relative;}
/* .sub_icp .section2 ._icp_skeleton{position: absolute; top: 0; left: 0; z-index: 3; background-color: #fff;} */
.sub_icp .section2 ._icp_skeleton .load_box{background-color: #e7e7e7; overflow: hidden; animation: skeletonColor 2s infinite linear;}
/* .sub_icp .section2 ._icp_skeleton .load_box::before{ content: ''; position: absolute; top: 0; left: 50%; width: 640px; height: 360px; margin-left: -320px; 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;} */

/* 신청하기 팝업 */
.pr40{padding-right: 40px !important;} .pl40{padding-left: 40px !important;}
#select_Brand.modal_pop .box_content{padding-top:14px;}
[class^="radio_box"] , .tab_box64{display:flex;flex-wrap:wrap;}
[class^="p1_b"] + [class^="radio_box"]{margin-top: 16px;}
[class^="radio_box"].row3 > li:nth-child(3n + 1){margin-left:0;}
[class^="radio_box"].row3 > li{width:calc((33.3% - 11px))}
[class^="radio_box"] > li{flex:0 1 auto;}
[class^="radio_box"] > li + li , .tab_box64 a + a{margin-left:16px}
[class^="radio_box"] > li label , .tab_box64 a{position:relative;width:100%;display:flex;padding:12px 16px;}
[class^="radio_box"]:not(.col) > li label , .tab_box64 a{font-size:20px;line-height:26px;justify-content:center;padding:19px 0}
[class^="radio_box"] > li label:before , .tab_box64 a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:8px;border:1px solid #ccc;}
[class^="radio_box"] > li input:checked + label , .tab_box64 a.current{font-weight:700;}
[class^="radio_box"] > li input:checked + label:before , .tab_box64 a.current:before{border:2px solid #000;}
.hipass_top .shadow1.img {position: relative; width: 160px !important; height: 252px; box-shadow: 0 16px 32px 0 rgba(0,0,0,.24); }
.hipass_top .shadow1.img .hipass_top_img {position: absolute; width: 75px; height: 28px; right:-20px; top: -14px;}
.brand_box {margin: 16px 0 36px;}
.brand_box .tit {font-size: 14px; line-height: 22px; font-weight: 700; color: rgba(0,0,0,.64);}
.brand_box .bul_list02 {margin-top: 4px}
.brand_box .bul_list02 li {font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(0,0,0,.64);}
.layer_wrap.All-scroll .layer_body {max-height: 300px; overflow-y: auto;}
.layer_wrap.All-scroll .layer_body + .layer_btn:before {content: ''; position: absolute; top: -46px; left: 0; width: 100%; height: 46px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,255) 68%);}
#select_Brand .box_btn a + .w100p{margin-left:0;}

/* 이용가능 차종 팝업 */
.modal_pop.modal_card_view .layer_body .box_content {padding:26px 0 0; margin-top:0}
.modal_pop .box_content{padding-top:14px;}
.modal_card_view .box_table table tbody tr td,
.modal_card_view .box_table table tbody tr th {padding:16px 24px; font-size:16px; line-height:26px; color:#000; font-weight:500; border-top: 1px solid #ebebeb}
.modal_card_view .box_table table tbody tr.top_line th {border-top:1px solid #949494}

/* section3 */
.sub_icp .section3{min-height: 400px;}
.sub_icp .section3 .icp_qna_cont{width: 1200px;margin: 0 auto;}
.sub_icp .section3 .tab_cate {margin-top:12px;}
.sub_icp .section3 .tab_cate {display:flex;align-items: center;}
.sub_icp .section3 .tab_cate > li {position:relative;margin: 6px 12px 6px 0;padding:15px 12px 15px 0;}
.sub_icp .section3 .tab_cate > li > a {font-size:16px; font-weight:500;color:rgba(0, 0, 0,0.4);line-height:22px;}
.sub_icp .section3 .tab_cate > li.on > a {font-weight:700;color:#000;}
.sub_icp .section3 .tab_cate > li:not(:last-child):after {position:absolute;top:22px;right:0;display:block;width:1px;height:12px;background:rgba(0, 0, 0,0.12);content:"";}
.sub_icp .section3 .tab_container{margin-top: 8px;}
.sub_icp .section3 .accod_list{border-top: 2px solid #000;}
.sub_icp .section3 .accod_list .accodWrap .accodBtn{padding: 22px 60px 22px 22px;}
.sub_icp .section3 .icp_asinfo > h3, .sub_icp .section3 .icp_asinfo > p {margin-bottom: 12px;}
.sub_icp .section3 .icp_asinfo .bul_list li + li{margin-top: 4px;}

/* 앱 설치 유도 팝업 */
.icp_app_set.modal_pop .layer_wrap{/*height: 600px;*/}
.icp_app_set.modal_pop .app_set_list{display: flex;align-items: center;justify-content: space-between;padding: 36px 20px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.icp_app_set.modal_pop .app_set_list:last-child{border-bottom: none;}
.icp_app_set.modal_pop .app_set_list .app_set_area{display: flex;align-items: center;margin: 4px 0;}
.icp_app_set.modal_pop .app_set_list .app_set_area > img{width: 70px;height: 70px;}
.icp_app_set.modal_pop .app_set_list .app_set_area .app_set_cont{margin-left: 20px;text-align: left;}
.icp_app_set.modal_pop .app_set_list .app_set_area .app_set_cont .app_store{margin-top: 12px;}
.icp_app_set.modal_pop .app_set_list .app_set_area .app_set_cont .app_store a > img{width: 90px;height: 28px;margin-right: 7px;}
.icp_app_set.modal_pop .app_set_list .app_set_area .app_set_cont .app_store a > img:last-child{margin-right: 0;}
.icp_app_set.modal_pop .app_set_list .app_set_qr{width: 76px;height: 76px;}
.icp_app_set.modal_pop .app_set_list .app_set_qr > img{width: 100%;}


/** 2025-03-12 Q11791 [고객지원] 온라인 모바일결제 서비스 안내 페이지 수정 **/
/* 핸드폰 목업이미지 타입 */
/* 5개 한줄에 나오는 경우 row5 */
.sub_customer .step_list.phone_type.row5 {flex-wrap:nowrap;}
.sub_customer .step_list.phone_type.row5 li {margin-right:70px;}
.sub_customer .step_list.phone_type.row5 li:nth-child(5n) {margin-right:0;}
.sub_customer .step_list.phone_type.row5 li:after {right:-51px;}

/* 2025-11-21 GGU477 [고객지원] 개인채무자보호법_채무조정요청신청 및 단계조회화면 신규제작 */
.chk_circle_sm.check_wrap.box_chk02 .check_label {padding-left: 30px; font-size: 14px; line-height: 24px;}
.chk_circle_sm.check_wrap.box_chk02 .check_input + .check_label:before {width: 21px; height: 21px; background-size: 18px 18px; top: 2px;}
#reason_etc_textareaBox .input_textarea {height: 120px; padding: 6px 15px 10px 15px;}
#reason_etc_textareaBox .input_textarea.on {border:1px solid #000;}
#reason_etc_textareaBox .input_textarea textarea::placeholder {color: rgba(0, 0, 0, 0.48); font-weight: 500;}
/* 이미지 파일 첨부 */
.upload_fileName_list .upfileName {position: relative; margin-bottom: 8px;}
.upload_fileName_list .upfileName .upload_name {display: block; width: 100%; height: 48px; border: 1px solid #000; border-radius: 8px;  padding-left: 16px; overflow: hidden; white-space: normal; word-wrap: break-word; text-overflow: ellipsis; padding-right: 40px;}
.upload_fileName_list .upfileName .btn_del {position: absolute; top: 12px; right: 12px; width: 24px; height: 24px;background: url(/docfiles/resources/pc/images/common/icon/w32/ico_x_b.png) no-repeat 50% 50%; background-size: 24px 24px; text-indent: -9999px;}
.file_upload_wrap .filebox {border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 8px; height: 112px; text-align: center;}
.file_upload_wrap .filebox label {display: inline-block; cursor: pointer; margin-top: 40px; padding-left: 42px; position: relative;}
.file_upload_wrap .filebox label span::before {display: inline-block; content: ''; width: 32px; height: 32px; background: url('/docfiles/resources/pc/images/common/svg/ico_Plus_Fill.svg') no-repeat 0 0; background-size: 32px 32px; position: absolute; left: 0; top: -3px;}
.file_upload_wrap .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
/* //이미지 파일 첨부 */
.sub_customer .num_list.type_list_mt1 > li + li {margin-top: 1px;}
.num_list_normal > li + li {margin-top: 8px;}
.popInner_agree .pop_in_radio.type_view_disabled .radio_input + .radio_label {color: #5c5c5c;}
.popInner_agree .pop_in_radio.type_view_disabled .radio_input:checked + .radio_label {color: #000;}