@charset "utf-8";
@import url('card_01.css'); /* Q10111 */
@import url('card_02.css'); /* Q10048 */
@import url('card_03.css'); /* Q10113 */
@import url('card_04.css'); /* Q10086, GGCZ06 */
@import url('card_05.css'); /* Q10450 */
@import url('card_06.css'); /* Q10582 */
@import url('popup.css'); /* Q10293 */
@import url('card_comp.css'); /* Q10254 */
@import url('card_animation.css'); /* Q10011 */

/* 금융 */
.box_fianance01 {width:792px; margin:52px auto 0;}
.box_card_case01 {position:relative; overflow:hidden; padding:24px 0 25px; border-radius:20px; text-align:center;}
.box_card_case01:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#00a3b8; opacity:0.12;}
.box_card_case01 > dl {display:inline-block; position:relative; z-index:2; text-align:left;}
.box_card_case01 > dl + dl {margin-left:80px;}
.box_card_case01 > dl > dt {font-size:16px; line-height:22px; color:#858585;}
.box_card_case01 > dl > dd {margin-top:5px; font-size:16px; line-height:22px; color:#000;}
.box_card_case01 .pay_h1 {display:inline-block;}
.box_card_case01 .pay_h1 + .pay_h1 {margin-left:24px;}
.box_card_case01 .pay_h1 > .won {font-weight:700; letter-spacing:-0.2px;}
.box_card_case01 .pay_h1 > .won {letter-spacing:-0.2px;}
.box_card_case01 .box_label {display:inline-block; margin-left:2px;}

.box_fianance01 .box_bul {margin-top:54px;}
.box_fianance01 .bul_list > li {padding-left:8px; color:#5c5c5c;}
.box_fianance01 .bul_list > li:before {background-color:#5c5c5c; border-radius:100%;}

.box_fianance_input01 {margin-top:67px; padding-top:63px;}
.box_fianance_step01 {margin-top:18px;}
.box_fianance_step01 .box_select + .box_input01 {margin-top:20px;}
.box_fianance01 + .box_btn {margin-top:80px;}

.box_fianance_step02 .dl_select01 + dl {margin-top:56px;}
.box_fianance_step02 .dl_select01 > dt + dd {margin-top:8px;}
.box_fianance_step02 .dl_select01 > dt .h3_b_lt {float:left;}
.box_fianance_step02 .dl_select01 > dt .p1_b_1ln {float:right; padding-top:8px;}
.box_fianance_step02 .dl_select01 + .box_terms_wrap {margin-top:42px;}
.box_fianance_step02 .box_terms_wrap + .box_select_input {margin-top:42px;}

.fin_bundle + .box_btn {margin-top:80px;}

/* 2층 구독 */
.box_top_tit + .car_subscribe {margin-top:52px}
.list_chkrdo01 + .box_title01 {margin-top:56px}
.box_account_case02 + .box_title01 {margin-top:66px;}
.box_account_case02 + .box_btn {margin-top:80px;}

/* 2021-06-28 Q10086: 2층 구독 디자인 변경으로 padding 수정 */
.box_account_case02 {position:relative; overflow:hidden; padding: 17px 24px; border-radius:12px;}
.box_account_case02:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f5f5f5;}
.list_floor_sub01 {margin:0 -12px; padding-top:8px;}
.list_floor_sub01:after {content:''; display:block; clear:both;}
.list_floor_sub01 > li {float:left; width:282px; height:442px; margin:36px 12px 0; background-repeat:no-repeat; background-position:100% 100%; background-size:282px 336px; border-radius:16px;}
.list_floor_sub01 > li a {padding:28px 0 0 28px;} /* 2021-06-28 Q10086: 2층 구독 디자인 변경으로 padding 수정 */
.list_floor_sub01 > li .h1_eb_lt + .h4_m_lt {margin-top:14px;}
.list_floor_sub01._type2{margin:0;padding:0;display:flex !important;justify-content:center;}
.list_floor_sub01._type2 > li{height:282px;margin:0 0 0 24px;background-size:165px 168px;min-width:282px}
.list_floor_sub01._type2 > li:first-child{margin-left:0}
.list_floor_sub01._type2 > li a{padding:32px 0 0 28px;}
.list_floor_sub01._type2 > li a > span{display:block;}
.list_floor_sub01._type2 > li a > span + span{margin-top:8px;}
.list_floor_sub01 + .box_bul {margin-top:64px;}
.box_floor_view01 {min-height:320px; padding:40px 44px 40px; border-radius:16px;}
.box_floor_view01 .h0_b_lt_size40 + .h4_m_lt {margin-top:12px;}
.box_floor_view01 + .list_chkrdo01 {margin-top:80px;}
.list_floor_sub02 {padding-top:20px;}
.list_floor_sub02:after {content:''; display:block; clear:both;}
.list_floor_sub02 > li {float:left; width:282px; height:282px; background-repeat:no-repeat; background-position:100% 100%; background-size:282px 336px; border-radius:16px;}
.list_floor_sub02 > li a {padding: 32px 28px;} /* 2021-06-28 Q10086: 2층 구독 디자인 변경으로 padding 수정 */
.list_floor_sub02 > li + li {margin-left:24px;}
.list_floor_sub02 > li:nth-child(n+5) {margin-top:24px;}
.list_floor_sub02 > li:nth-child(4n+1) {margin-left:0;}
.car_subscribe .box_title01 [class*="textbico_"] {margin-top:4px;}
.car_subscribe .box_title01 + .box_table {margin-top:20px;}
.car_subscribe .tbl_col01 .tit01,
.car_subscribe .tbl_col02 .txt01 {padding:40px 24px;}
.car_subscribe .box_table .bul_list li{line-height:28px;}
.car_subscribe .box_table .bul_list li + li {margin-top:6px;} /* 2021-07-29 Q10086: 상세안내 li 간격 수정 */
.car_subscribe .box_table + .box_title01 {margin-top:76px;} /* 2021-11-11 Q10086 수정 */
.car_subscribe .tbl_colTop02 {padding:32px 24px;}
.car_subscribe .box_table + .box_bul {margin-top:47px;}
.car_subscribe .box_bul + .box_title01 {margin-top:116px;}
.car_subscribe .box_floor_view01 + .box_title01 {margin-top:100px;}
.car_subscribe .box_table > [class*="p1_"] {padding:96px 0; border-top:2px solid #000; border-bottom:1px solid #ebebeb;}
.car_subscribe .tbl_col03 {border-bottom:1px solid #e0e0e0;}
.car_subscribe .tbl_col03 .tit01,
.car_subscribe .tbl_col03 .txt01 {padding:19px 24px;}
.car_subscribe .tbl_col03 tr:first-child .tit01, 
.car_subscribe .tbl_col03 tr:first-child .txt01 {border-top:2px solid #000;}
.car_subscribe .tbl_col03 th,
.car_subscribe .tbl_col03 td {border-top:1px solid #e0e0e0; vertical-align:top;}
.car_subscribe .tbl_col03 + .box_btn {margin-top:16px;}
.car_subscribe .tbl_col03 .txt01 > .h4_m_lt + .box_btn {margin:0 0 0 12px;}
.car_subscribe .tbl_col02 .txt01 .fl {width:750px;} /* 2021-11-11 Q10086 수정 */
.car_subscribe .tbl_col02 .txt01 .coupon01 {width: 292px;} /* 2021-06-28 Q10086: 2층 구독 디자인 변경으로 css 추가 */
.car_subscribe .tbl_col01 .box_bul + .h4_m_lt {margin-top:15px;}
.car_subscribe .box_table .tbl_colTop03:first-child + .tbl_col02,
.car_subscribe .box_table .tbl_col02.shopping_boost {border-bottom:0;} /* 2021-07-23 Q10086: 쇼핑부스터팩 css 추가 */
.car_subscribe .tbl_colTop03 .lab_number + .h4_b_lt {display:inline-block; margin:3px 0 0 12px;}
.car_subscribe .tbl_col02 + .tbl_colTop03,
.car_subscribe .tbl_colBtm01 + .tbl_colTop03 {border-top:none;} /* 2021-07-23 Q10086: 쇼핑부스터팩 css 추가 */
.car_subscribe .tbl_colTop03 {padding:56px 0 20px; border-top:2px solid #000; font-size:0;}
.box_floor_sub01 + .box_bul{margin-top:64px;}

/* 2021-07-23 Q10086 추가 */
.car_subscribe .box_table .bul_list.li_h22 li {line-height: 22px;}
/* 2021-07-26 Q10086: 항공팩-구독해지 디자인 변경으로 css 추가 */
.sub_card .box_card_case02.flight_pack > dl {padding-right: 78px;}
.sub_card .box_card_case02.flight_pack > dl > dt {width: 266px;}
.sub_card .box_card_case02.flight_pack > dl > dd {width: calc(100% - 266px);}
.sub_card .tbl_uselist th, .sub_card .tbl_uselist td {padding-bottom: 16px;}
.sub_card .tbl_uselist_btm {padding-top: 16px; border-top: 1px solid #e0e0e0;}
/* 2021-11-11 Q10086 추가 */
.sub_card .car_subscribe .box_table table.tbl_col01 tbody td:nth-child(2),
.sub_card .car_subscribe .box_table table.tbl_col02 tbody td:nth-child(2) {padding:40px 48px 40px 0;}
.sub_card .car_subscribe .box_table table.tbl_col01 {border-bottom:none;}
.sub_card .car_subscribe .box_table table.tbl_col02 {border-top:none;}
.sub_card .car_subscribe .box_table table.tbl_col02 th{padding-right:0;}
.sub_card .car_subscribe .box_coupon + .box_btn > a,
.sub_card .car_subscribe .h4_m_lt + .box_btn > a {display:inline-block;}
.car_subscribe .box_floor_view01 {background-repeat:no-repeat; background-position:right top; background-size:430px 320px;}/* 2022-07-20 Q20098 background-size 변경 */
.sub_card .car_subscribe .box_floor_sub01 .list_floor_sub02 > li {background-repeat:no-repeat; background-position:right bottom; background-size:282px auto;}

.car_subscribe .tbl_colTop02 p + .box_btn {margin-top: 12px;}
.car_subscribe .tbl_col02 .box_coupon {margin-bottom: 46px;}
.car_subscribe .tbl_col02 .box_coupon .coupon01 {width: 292px; border-radius: 12px; border: 1px solid #cccccc; padding: 16px 24px;}
.car_subscribe .tbl_col02 .box_coupon .coupon01 + .coupon01 {margin-left: 16px;}
.car_subscribe .tbl_col02 .box_coupon .h4_b_lt {margin-top: 2px;}
.car_subscribe .tbl_col02 .box_coupon .p3_m_lt_1ln {margin-top: 8px; color: #858585;}
.car_subscribe .list_floor_sub02 li .p1_m_lt_1ln {margin-top: 8px;}
/* 2021-07-23 Q10086: 쇼핑부스터팩 css 추가 */
.car_subscribe .box_table.coupon th, .car_subscribe .box_table.coupon td {border-top: 2px solid #000;}
.car_subscribe .box_table.coupon .box_coupon {margin-bottom: 0;}
.car_subscribe .tbl_colTop04 {padding: 40px 24px;}
.car_subscribe .tbl_colBtm01 {padding: 28px 24px 43px;}
.car_subscribe .tbl_colTop04 {border-top: 1px solid #e0e0e0;}

/* 구독 팝업 */
.modal_payment .modal_container,
.modal_delivery .modal_container, 
.modal_credit .modal_container {text-align:left;}
.modal_payment .box_table {margin-top:20px;}
.modal_payment .box_date01 {justify-content: flex-end; margin-top: 22px;} /* 2021-06-28 Q10086: 2층 구독 디자인 변경으로 css 수정 */
.modal_payment .input_datepicker {width:152px;}
.modal_delivery .box_bul + .box_round8,
.modal_credit dl +.box_round8 {margin-top:64px;}
.modal_delivery .box_round8,
.modal_credit .box_round8  {padding:24px;}
.modal_delivery .box_round8 .box_bul,
.modal_credit .box_round8 .box_bul {margin-top:9px;} /* 2021-06-28 Q10086: 2층 구독 디자인 변경으로 margin 수정 */
.modal_credit dl {padding:24px 0;}
.modal_credit dl:first-child {padding-top: 2px;}
.modal_credit dl + dl {border-top:1px solid #e0e0e0;}
.modal_credit .tit01 {padding:13px 0;} /* 2021-07-29 Q10086: 디자인 변경으로 수정 */
.modal_credit .txt01 {padding:8px 0;}
.modal_credit .box_bul + .txt01 {padding-top:16px;} /* 2021-11-11 Q10086 추가 */
.modal_credit .box_content {padding-bottom: 0;}
.modal_delivery .box_content {padding: 24px 0 0;}

/* box_card_case02 */
.box_card_case02 + .box_title01 {margin-top:64px;}
.box_card_case02 {position:relative; overflow:hidden; padding:24px; border-radius:8px; text-align:center;}
.box_card_case02:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#f5f5f5;}
.box_card_case02 > dl {display:flex; flex-direction:row; position:relative; z-index:2; padding:15px 0 15px 16px; text-align:left;}
.box_card_case02 > dl > dt {width:180px; font-size:20px; line-height:26px; color:#5c5c5c;}
.box_card_case02 > dl > dd {width:calc(100% - 180px); font-size:20px; line-height:26px; color:#000; font-weight:700;}
.box_card_case02 + .box_btn {margin-top:80px;}
.box_card_case02 + .box_bul {margin-top:20px;}
.box_card_case02 dl dd a[class*="_link"] {display:inline-block; margin-left:12px;}

/*2021-12-08 카드 css 통합 정리*/
/*cursor*/
button:hover , label:hover{cursor:pointer}
/*배경색 지정*/
.bg_sd04{background:rgba(0,0,0,.04)}.bg_sd12{background:#e0e0e0}

/*width*/
.img_w16{width:16px;display:inline-block;}.img_w24{width:24px;display:inline-block;}.img_w32{width:32px;display:inline-block;}.img_w40{width:40px;display:inline-block;}.img_w48{width:48px;display:inline-block;}.img_w52{width:52px;display:inline-block;}.img_w56{width:56px;display:inline-block;}.img_w64{width:64px;display:inline-block;}.img_w78{width:78px}
.img_w80{width:80px;display:inline-block;}.img_w82{width:82px;margin-right:8px;display:inline-block;}.img_w100{width:100px;display:inline-block;}.img_w112{width:112px;display:inline-block;}.img_w156{width:156px;display:inline-block;}.img_w180{width:180px;display:inline-block;}
.w192{width:192px;}.w384{width:384px;}.img_w253{width:253px}.img_w316{width:316px}.w508{width:508px}
.mw192{width:calc(100% - 216px)}
.w306 , .grid_tbl_l306 > *:first-child
{width:306px}
.w204 , .grid_tbl_l204 > *:first-child
{width:204px;}
.w792 , .card_app .content
{width:792px}
.sub_card [class*="img"] img , .sub_card .fl_img img , .sub_card .icon img , .sub_main .content , .fullsize .content , .img_w64 + .p2_ctr_1ln , .standard .content , figure img , .arrow_down img , .terms_grayBox img ,.sub_card .w180 img , .pick_info .qr img ,
.wh24 img , .wh64 img
{width:100%;}
.mxw257 {max-width: 257px;} /* 2025-04-14 Q11791 추가 */
.card_section , .card_tit , .fullsize .section
{width:1200px;margin-left:auto;margin-right:auto;}
.card_section .card_tit .h0_eb_size48 > a {display: inline-block;} /* 2025-04-14 Q11791 추가 */

/*grid*/
.sub_card [class*="grid"]{display:flex;flex-wrap:wrap;width:100%;}
.sub_card [class^="grid"][class*="_wct"]{justify-content:center;}.sub_card [class^="grid"][class*="_wrt"]{justify-content:flex-end;}.sub_card [class^="grid"][class*="_wbt"]{justify-content:space-between;}
.sub_card [class^="grid"][class*="_hct"]{align-items:center;}.sub_card [class^="grid"][class*="_hbt"]{align-items:space-between;}.sub_card [class^="grid"][class*="_hrt"]{align-items:flex-end;}

/*line*/
.sub_card [class*="tline"]{border-top:1px solid #ebebeb;}

/*list*/
.bul_list02.tline36{padding-top:36px;margin-top:32px;}
.sub_card .select_wrap.on{z-index:90;}

/*3층구독*/
.sub_sbs{width:100%;margin-bottom:-160px;overflow:hidden;}
.sub_sbs .h0_eb_ctr_size40{margin:24px 0 16px}
.sub_sbs .h0_b_ctr_size40{margin:4px 0 8px}
.sub_sbs .box_btn{margin-top:20px;}
.sub_sbs .car_subscribe:before{content:'';position:absolute;display:block;box-shadow:0 8px 32px 0 rgba(0,0,0,.12);width:100%;height:100%;left:0;top:0;z-index:10}
.sub_sbs .car_subscribe:after{content:'';position:absolute;width:100%;height:32px;left:0;top:-32px;background:#fff;z-index:10}
.sub_sbs .car_subscribe.last:after , .car_subscribe.last:before{display:none;}
.sub_sbs .car_subscribe > *{z-index:10;position:relative;}
.car_subscribe{position:relative;}
.car_subscribe.floor{text-align:center;padding-bottom:112px}
.car_subscribe.floor + .car_subscribe{padding:112px 0;}
.car_subscribe.floor .list_floor_sub01{display:inline-block;padding:56px 0 80px;border-bottom:1px solid rgba(0,0,0, .12)} 
.car_subscribe .fl_img{width:86px;margin:0 auto;}
.car_subscribe .fl_list{display:flex;justify-content:center;margin-top:96px}
.car_subscribe .fl_list li p + p{margin-top:12px;}
.car_subscribe .fl_list li{margin:0 32px;min-width:240px;text-align:center;position:relative;}
.car_subscribe .fl_list li + li:before{content:'';width:1px;height:80px;display:block;background:rgba(0,0,0,.12);position:absolute;top:4px;left:-32px;}
.car_subscribe{background:#fafafa}
.car_subscribe.last{background:#f5f5f5}
.sub_card .car_subscribe .grid_wbt.yt_banner{margin-top:120px;}
.box_top_tit + .car_subscribe{background:none;}
.fl_mockup{display:flex;justify-content:center;align-items:center;margin:210px 0 0}
.fl_mockup.type1{margin:0;}
.fl_mockup.type1 .img{width:387px}
.fl_mockup .img{position:relative;width:264px;margin-right:60px;overflow:hidden;border-radius:30px;padding:6px}
.fl_mockup:not(.type1) .img:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:block;border:6px solid #000;border-radius:30px;}
.fl_mockup .bo_none:after {border:none !important}
.ft_we li {font-weight: bold!important;}
.ft_we li:first-child {font-weight:normal !important}

.car_event{margin-top:80px;}
.car_event .swiper-container{position:relative;width:588px;border-radius:16px;margin-top:28px;}
.car_event .swiper-container .swiper-slide{background:rgba(0,0,0,.04);padding:14px 40px;display:flex;justify-content:space-between;align-items:center;}
.car_event .img{width:72px;}
.swiper-button-prev:after,.swiper-button-next:after{opacity:0;}
.car_event .swiper-button-prev{opacity:0;transition:opacity .5s;top:calc(50% - 16px);left:8px;width:32px;height:32px;border-radius:100%;background:#5c5c5c url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_back_wht.png') no-repeat center center / 32px;}
.car_event .swiper-button-next{opacity:0;transition:opacity .5s;top:calc(50% - 16px);right:8px;width:32px;height:32px;border-radius:100%;background:#5c5c5c url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward_wht.png') no-repeat center center / 32px;}
.swiper-container:hover .swiper-button-next , .swiper-container:hover .swiper-button-prev{opacity:1;transition:opacity .5s}
.car_event .swiper-pagination{text-align:center;position:relative;height:6px;}
.car_event .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;}
.car_event .swiper-pagination-bullet-active{background:#000;}
.sub_card .grid_wbt.yt_banner{border-radius:12px;width:1200px;margin:0 auto;padding:15px 24px;}
.youtube_con{margin-top:24px;}
.youtube_con iframe{width:100%;height:470px;}

/* side menu */
.aside{position:fixed;right:32px;top:0;display:flex;max-width:120px;z-index:100;flex-direction:column;height:100%;justify-content:center;}
.aside a , .aside button{display:block;text-align:right;font-size:12px;line-height:16px;color:#858585;background:none;}
.aside a + a, .aside button + button{margin-top:20px;}
.aside a.current{color:#000;font-weight:700;}

/*card sub main*/
/* .fixed .card_top{position:fixed;top:48px;width:100%;height:auto;z-index:100;margin-top:0;background:#fff;animation:slideDown .5s;justify-content:space-between;padding:18px calc(50% - 600px);left:0;} */ /* Q10582: 22.02.07 인터렉션 css 조정 */
.fixed .card_top{top: 96px; padding-top:16px; padding-bottom: 16px; transform: scaleY(.8); transform-origin: 0 0;} /* Q20098 padding-bottom:40px; -> 18px로 조정 / Q10582: 22.02.07 인터렉션 css 조정 */
/*.fixed .card_top .tab_default{transform:scale(.8);width:1222.5px;transform-origin:0 0;}*/ /* 2022-06-24 Q20098 width:900px -> 1024px 변경 */ /* 2025-04-16 Q11791 scale: 0.84->0.8 변경, width:1024px->1222.5px 변경 */
.fixed .card_top .img{width:104px;margin-right:0;margin-left:0} /* Q10582: 22.02.11 width 100 => 104 변경 */
/*.fixed .card_top .img_v2{width:159px;}*/ /* 2024-12-05 GGU282 추가 - [공통] PC웹 메뉴개편 */
.fixed .card_top .img_v2{width:199px;}
.fixed .card_top .img_v2 > a {transform: scaleX(.8); transform-origin: top right;}

.card_section{margin-top:44px;}
.card_section .list05{margin-top:28px;}
.card_section + .card_section , .card_section + .card_tit{border-top:1px solid #e0e0e0;padding-top:80px;}
.card_top{width:1200px;margin:52px auto 0;display:flex;justify-content:space-between;align-items:center}
.card_top .tab_default{width:calc(100% - 222px)} /* 2025-04-16 Q11791 298px -> 222px로 수정 */
.card_top .tab_default .design{padding-top:12px;background:none;border:1px solid #ccc} /* 2022-06-24 Q20098 border:1px solid  #f5f5f5 -> #ccc 변경 */
.card_top .tab_default .design img{height:14px;}
.card_top .tab_default .design.type2 {padding:0;border:2px solid transparent;border-radius:40px;background-image:linear-gradient(#fff,#fff),linear-gradient(to right,#daa30c 0%,#9514B9 100%);background-origin:border-box;background-clip:content-box,border-box;} /* 2022-11-07 GGU282 추가 */
.card_top .tab_default .design.type2 span {display:inline-block;padding:6px 12px;text-decoration:none;} /* 2022-11-07 GGU282 추가 */
.card_top .img{width:114px;} /* Q10582: 22.02.11 width 110 => 114 변경 */
.card_top .img_v2{width:174px;} /* 2024-12-05 GGU282 추가 - [공통] PC웹 메뉴개편 */
.card_top .img_v2 > a {display: block;}
/*#PC_CPCMA0101_01_CMS01 + .card_section {margin-top: 276px;}*/  /* 2022-11-07 GGU282 추가 */
.card_top .tab_default.mulitline {margin-top: -4px;}
.card_top .tab_default.multiline a {margin-top: 4px;}
.card_top .tab_default.multiline .tab_scale {display: flex; flex-wrap: wrap; width: 100%;}
.fixed .card_top .tab_default.multiline .tab_scale {min-width: 122.5%; transform: scaleX(.8); transform-origin: 0 0;}

#PC_CPCMA0101_01_CMS01 {min-height: 149px;} /* 2025-05-08 Q11791 수정 */
#PC_CPCMA0101_01_CMS01 + .card_section {margin-top: 64px;} /* 2025-05-08 Q11791 수정 */
.card_tit p{margin-top:4px;}
.sub_card .list05{margin:0 -35px 0;display:flex;flex-wrap:wrap;width:calc(100% + 70px);word-break:keep-all}
.sub_card .list05.row3{width:762px}
.sub_card .list05 > li {margin:0 35px 48px 35px;width:184px;flex:1 0 184px;max-width:184px;position:relative;}/* 2024-05-21 GGU442 margin:0 35px 64px 35px; 수정 */
.sub_card .list05 > li .img{display:block;border-radius:8px;position:relative;margin-bottom:20px;border-radius:8px;}/* Q20098 margin-bottom:16px -> 20px로 변경 */
.sub_card .list05 > li .card_plt > a span , .sub_card .list05 > li .card_plt > span{display:block;}
.sub_card .list05 > li .card_plt > a span.h4_b_lt , .sub_card .list05 > li .card_plt > span.h4_b_lt{display:flex;align-items:end;}/* Q20098 타이틀 텍스트 높이에 따른 정렬 */
.sub_card .list05.tp2 > li .card_plt > a span.h4_b_lt , .sub_card .list05.tp2 > li .card_plt > span.h4_b_lt {display:block;} /* 2022-11-04 Q20098 타이틀 깨짐현상 수정 */
#ulTab_1 .h4_b_lt, [id="050603"] .h4_b_lt {display:block !important; }/* GGCP31 */
[id="050603"] .h4_b_lt sub {vertical-align: text-top;}
.sub_card .list05 > li .card_plt > a > span:not(.img) , .sub_card .list05 > li .card_plt > a > ul{padding-left:4px;}
.sub_card .list05 > li .btn_rou_gray{display:inline-block;height:24px;border-radius:12px;background:#e0e0e0;font-size:12px;color:#636363;line-height:24px;padding:0 8px;margin-top:12px;font-weight:700;} /* Q20098 margin-top:8px -> 12px로 변경 *//* 2023-02-01 GGU442 2023접근성 수정 */
.sub_card .list05 > li .card_plt:hover .yc_layer {opacity:1;transition:opacity .1s}
.sub_card .list05 > li .card_plt > a:focus .yc_layer {opacity:1;transition:opacity .1s}
.sub_card .list05 > li .card_plt > a .yc_layer{opacity:0;transition:opacity .1s;position:absolute;width:100%;border-radius:8px;background:linear-gradient(to top , rgba(0,0,0,.9) , rgba(0,0,0,.6));width:100%;height:100%;left:0;top:0;display:flex;padding:16px 20px;flex-direction:column;justify-content:flex-end}
.sub_card .list05 > li .yc_layer > ul{color:#fff}
.sub_card .list05 > li .yc_layer > ul .main-txt{font-size:12px;line-height:18px;color:#858585;font-weight:700;}
.sub_card .list05 > li .yc_layer > ul .main-txt:nth-child(2n + 1){margin-top:12px;}
.sub_card .list05 > li .yc_layer > ul .sub-txt{font-size:16px;line-height:24px;color:#fff;font-weight:700}
.sub_card .list05 li .card_plt > a .h4_b_lt + span:not(.fc_a48) , .sub_card .list05 li .card_plt > a .h4_b_lt + .fc_a48 + ul{margin-top:8px;} 
.sub_card .list05 > li .btn_rou_gray.txt_blk{color:#5c5c5c}
.sub_card .list05 li .card_plt  > a .h4_b_lt + .fc_a48{margin-top:2px;}
.sub_card .list05 + .box_bul.tline{margin-top:30px;padding-top:40px;}
.sub_card .list05 > li .card_plt > a:focus + .card_att a,
.sub_card .list05 > li .card_plt:hover .card_att a{width:auto;border-radius:16px;padding:0 10px 0 4px;}
.sub_card .list05 > li .card_plt:hover .card_att a:hover{background:#fff;}
.sub_card .list05 > li .card_plt .card_att a:focus {width:auto;border-radius:16px;padding:0 10px 0 4px;background-color:#fff;}
.sub_card .list05 > li .card_plt > a:focus + .card_att a .txt,
.sub_card .list05 > li .card_plt > a + .card_att a:focus .txt,
.sub_card .list05 > li .card_plt .card_att a.focus-visible .txt,/* 2023 접근성 추가 */
.sub_card .list05 > li .card_plt:hover .card_att .txt{display:block;margin-left:4px;}
.sub_card .list05.tp2 li{width:290px;flex:1 0 290px;max-width:290px;}
.sub_card .list05.row{display:flex;flex-wrap:wrap;margin:0;width:100%;}

.sub_card .card_section {margin-top:80px;}/* Q20098 */
.sub_card .card_section [class^="h2"] {font-size:40px; line-height:52px;}/* Q20098 */
.sub_card .card_section + .card_section , .card_section + .card_tit{border-top:1px solid #e0e0e0;padding-top:80px;margin-top: 0;}/* Q20098 */
.sub_card .list05 > li .card_plt > .item {position:relative; margin-top:16px;}/* Q20098 */
.sub_card .list05 > li .card_plt:hover .item .yc_layer {opacity:1;transition:opacity .1s}/* Q20098 */
.sub_card .list05 > li .card_plt > .item a:focus .yc_layer {opacity:1;transition:opacity .1s}/* Q20098 */
.sub_card .list05 > li .card_plt > .item a .yc_layer{opacity:0;transition:opacity .1s;position:absolute;width:100%;border-radius:8px;background:linear-gradient(to top , rgba(0,0,0,.9) , rgba(0,0,0,.6));width:100%;height:100%;left:0;top:0;display:flex;padding:16px 20px;flex-direction:column;justify-content:flex-end}/* Q20098 */
.sub_card .list05 .long_title {letter-spacing:-0.3px;} /* Q20098 */
.card_att a{width:28px;height:28px;display:flex;background:rgba(255,255,255,.72);position:absolute;right:10px;top:10px;border-radius:100%;align-items:center;justify-content:center;}
.card_att .icon {width:24px;height:24px;}
.card_att .txt{display:none;}
.sub_main .content , .card_finder .content{width:100%;}
/* s : 2023-02-08 GGU442 2023접근성 수정 */
/* .sub_main .graybg_banner{margin:56px auto 120px;display:flex;justify-content:flex-end;width:100%;height:560px;align-items:center;background:#f5f5fb}
.sub_main .graybg_banner .right_con{display:block;width:800px;height:560px;margin-right:calc((50% - 600px) - 110px);}
.sub_main .graybg_banner .left_con{width:420px;}
.sub_main .graybg_banner .left_con .img{width:68px;order:0;} */

.sub_main .graybg_banner{margin:40px auto 120px;background:none;min-width:1200px}/* 2024-05-21 GGU442 margin:56px auto 120px;*/
.sub_main .graybg_banner .bg{display:flex;justify-content:flex-end;width:100%;height:560px;align-items:center;background:#f5f5fb}
.sub_main .graybg_banner .right_con{display:block;width:800px;height:560px;/*background:rgba(255,255,255,.5);margin-right:calc((50% - 600px) - 110px);*/}
.sub_main .graybg_banner .left_con{width:300px;}
.sub_main .graybg_banner .left_con .h4_m_lt.mt16{letter-spacing: -1px;}
.sub_main .graybg_banner .left_con .img{width:68px;order:0;}

.sub_main .graybg_banner .accodWrap .accodBtn{margin:20px 0 12px;display: block;} 
.sub_main .graybg_banner .accodWrap .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}
.sub_main .graybg_banner .accodWrap.on .accodBtn::after{content: "";background:url('/docfiles/resources/pc/images/card/svg/arrowb_close.svg') center center no-repeat}
.sub_main .graybg_banner .accodWrap .accodSlide{background:#fafafa;padding:24px;border-radius: 8px;}
/* e: 2023-02-08 GGU442 2023접근성 수정 */
.sub_main .box_bul , .bridge .box_bul{width:1200px;margin:0 auto;padding-top:42px;}
.sub_card .card_section + .box_bul{border-top:1px solid #e0e0e0}
.sub_main .bul_list01 + .h4_b_lt{margin-top:40px;}
.sub_card .tab_category{margin-bottom:32px} /* Q20098 margin-bottom:28px - > 32px로 수정 */
#tabsubmenu0505 li#li_0505 .h4_b_lt{height:52px;} /* Q20098 */

.bridge .card_section{margin-top:80px;}

/*관심카드 비교하기*/
.card_flot{position:fixed;right:8px;bottom:8px;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);border-radius:8px;border:1px solid rgba(0,0,0,.08);z-index:98;} /* Q10582: 22.02.05 z-index 100 => 98 변경 */
.card_flot .flot_btn{position:relative;display:block;width:240px;padding:12px 20px 11px;background:#fff}
.card_flot .flot_btn:after{content:'';display:block;width:24px;height:24px;transition:transform .2s;background:url('/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_up.png') center center / 24px;position:absolute;right:14px;top:12px;}
.card_flot.on .flot_btn:after{transform:rotate(180deg);transition:transform .2s}
.card_flot.on .flot_btn{padding-top:16px}
/* .card_flot.on .flot_btn strong{display:none;} */ /* Q10582: 22.02.07 표기숫자 항시 표시 요청으로 주석처리 */
.card_flot .card_flot_con{display:none;}
.card_flot .card_flot_con ul{display:flex;margin:6px 12px 20px;justify-content:space-between;}
.card_flot .card_flot_con li{width:58px;height:93px;position:relative;}
.card_flot .card_flot_con li:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px dotted rgba(0,0,0,.24);border-radius:3px;}
.card_flot .card_flot_con li > span{position:relative;width:100%;height:93px;background:#fff;display:block}
.card_flot .card_flot_con li > span img{height:100%;}
/* s : 2023-02-01 GGU442 2023접근성 */
.card_flot .card_flot_con li .close{position:absolute;opacity:0;right:4px;top:4px;width:20px;height:20px;;transition:opacity .5s;z-index:10;}
.card_flot .card_flot_con li .close img{width:100%;}
.card_flot .card_flot_con li:hover .close, .card_flot .card_flot_con li.focus .close{opacity:1;transition:opacity .5s}
.card_flot .card_flot_con li:hover span:after, .card_flot .card_flot_con li.focus span:after{content:'';display:block;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.48);top:0;left:0;border-radius:3px;outline:2px auto #005fcc;outline-offset: -3px;}
/* e : 2023-02-01 GGU442 2023접근성 */
/* s : 2024-01-23 Q10962 2024접근성 */
.card_flot .card_flot_con li:focus .close, .card_flot .card_flot_con li .close:focus{opacity:1;}
.card_flot .card_flot_con li:focus span:after, .card_flot .card_flot_con li:active span:after, .card_flot .card_flot_con li.focus span:after{content:'';display:block;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.48);top:0;left:0;border-radius:3px;outline:2px auto #005fcc;outline-offset: -3px;}
/* e : 2024-01-23 Q10962 2024접근성 */

.card_flot .card_flot_con .box_btn{margin:0 8px 8px;}
.card_flot .card_flot_con .box_btn a{border-radius:4px;}

/* category */
.tab_category{position:relative;}
.tab_category a{font-size:16px;line-height:22px;color:#858585}
.tab_category a.current{color:#000;font-weight:700;}
.tab_category a + a{position:relative;margin-left:12px;padding-left:13px;}
.tab_category a + a:before{position:absolute;content:'';width:1px;height:12px;background:rgba(0,0,0,.12);display:inline-block;top:5px;left:0;}

/*radio_box tab type*/
[class^="radio_box"] , .tab_box64{display:flex;flex-wrap:wrap;}
/*[class^="radio_box"] input:focus + label{outline:1px solid #000}*/
[class^="radio_box"].col > li{position:relative;width:100%;}
[class^="radio_box"].col > li + li{margin-top:8px;margin-left:0;}
[class^="radio_box"].col .txt{margin-left:12px;margin-top:2px;}
[class^="radio_box"].row1 > li{width:100%;}
[class^="radio_box"].row1 > li + li{margin-left:0;margin-top:12px;}
[class^="radio_box"].row2 > li , .tab_box64.row2 a{width:calc(50% - 8px)}
[class^="radio_box"].row2 > li:nth-child(n+3){margin-top:12px;}
[class^="radio_box"].row2 > li:nth-child(2n + 1){margin-left:0;}
[class^="radio_box"].row3 > li , .tab_box64.row3 a{width:calc((33.3% - 11px))}
[class^="radio_box"].row3 > li:nth-child(n+4){margin-top:12px;}
[class^="radio_box"].row3 > li:nth-child(3n + 1){margin-left:0;}
[class^="radio_box"].row4 > li{width:calc(25% - 12px)}
[class^="radio_box"].row4 > li:nth-child(n+5){margin-top:12px;}
[class^="radio_box"].row4 > li:nth-child(4n + 1){margin-left:0;}
[class^="radio_box"] > li , .tab_box64 a{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;}
[class^="radio_box"][class*="h32"] > li label{height:32px;flex-wrap:wrap;align-items:center;padding:8px 12px;font-size:14px;line-height:16px;}
[class^="radio_box"][class*="h32"] > li + li{margin-left:0;}
[class^="radio_box"][class*="h32"] > li{margin-right:4px;margin-bottom:4px;}
[class^="radio_box"][class*="h64"].col label{padding-left:24px;font-weight:600}
[class^="radio_box"][class*="h72"] > li label{height:72px;flex-wrap:wrap;align-items:center;padding:8px 0}
[class^="radio_box"][class*="h72"].chk > li label{padding:14px 8px}
[class^="radio_box"][class*="h72"].chk > li label .img_82{margin-right:12px;}
[class^="radio_box"][class*="h86"] > li label{height:86px;flex-wrap:wrap;align-items:center;}
[class^="radio_box"][class*="h86"] > li label span[class*="p1"]{width:100%;margin-top:4px;color:#858585}
[class^="radio_box"][class*="h86"] > li input:checked + label span{color:#000;}
[class^="radio_box"][class*="h132"]  li{width:186px;}
[class^="radio_box"][class*="h132"]  li i{display:inline-block;width:112px;}
[class^="radio_box"][class*="h132"]  li label{height:132px;display:flex;flex-direction:column;align-items:center;padding-top:12px;}
[class^="radio_box"].chk li + li{margin-top:12px;}
[class^="radio_box"].chk label{font-size:20px;align-items:center;height:64px;padding:10px 16px 10px 12px;}
[class^="radio_box"].chk input[type="radio"]:checked + label:before{content:'';left:0;top:0;width:100%;height:100%;border:2px solid #000;position:absolute;border-radius:8px;}
[class^="radio_box"][class*="chk"] input[type="radio"]:checked + label:after{content:'';position:absolute;display:block;width:32px;height:32px;right:16px;top:calc(50% - 16px);background:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png') no-repeat;background-size:32px auto;}
[class^="radio_box"].chk1 {margin-top:24px;}
[class^="radio_box"].chk1 .h4_m_lt + p{margin-top:4px;}
[class^="radio_box"].chk1 li + li{margin-left:0;border-top:1px solid #ebebeb;margin-top:0;}
[class^="radio_box"].chk1 label{padding:15px 0}
[class^="radio_box"].chk1 .txt{margin-top:0;}
[class^="radio_box"].chk1 input:checked + label{font-weight:500;}
[class^="radio_box"].chk1 label:before , [class^="radio_box"].chk1 input:checked + label:before{display:none;}
[class^="radio_box"].change li + li{margin-top:12px}
[class^="radio_box"].change label{padding:14px 16px 15px;align-items:center;}
[class^="radio_box"].change .view{position:absolute;right:12px;top:22px;width:24px;height:24px;}
[class^="radio_box"].change .view img{width:100%;}


/*웹표준화 3.0*/
.standard{background:#ebebeb;}
.standard .layer_btn .box_btn > button + button.btn56_boldtxt , .standard .layer_btn .box_btn > a + a.btn56_boldtxt{margin-left:0;width:100%;}
.sub_card .modal_pop .box_content{padding-top:14px;}
.sub_card .modal_pop.agree_tab_wrap .box_content{padding-top:0;}/*2022-04-27 Q10185 : gpcc 동의서 화면개선*/
.sub_card .standard[class^="textbico"][class*="_small"]{background-position:100% 2px}
.standard .box_terms_wrap{margin:36px 0}
.standard .content , .graybg .content{padding-top:1px;}
.standard .content_in , .graybg .content_in{position:relative;border-radius:24px;background:#fff;width:792px;padding:56px 102px 40px;margin:0 auto;min-height:724px;margin-top:60px;}
.standard .progress ~ .content_in{margin-top:0;}
.standard .form_items .bul_txt{margin-top:8px;}
.standard .form_items .bul_txt:before{top:9px;}
.standard .custom_mix._v2 .box_select + .box_input01{margin-top:0}
.form_items{position:relative;display:block;}
.form_items .items_in .p3_b_lt_2ln{margin-bottom:2px;}
.form_txt .h4_b_lt{margin-bottom:4px;}
.form_items.mt40 > .h4_b_lt + .p1_m_2ln{margin:4px 0 20px;}
.form_items .form_tit{display:flex;align-items:center;justify-content:space-between;}
.form_items .form_tit .box_btn{margin-top:0;}
.form_items .form_tit.tip{justify-content:flex-start;}
.form_items .form_tit.tip .h4_b_lt , .form_items .form_tit.line [class*="h3"]{margin-right:4px;}
.form_items .form_tit.line{border-bottom:2px solid #000;justify-content:flex-start;padding:20px 0}
.card_top_tit{padding-top:64px;}
.sub_card .box_input01 .input_cell_box.jumin.error:before{background-color:#000;}
.sub_card .box_input01 .input_cell_box.jumin.error .input_txt{color:#000;}
.sub_card .box_input01 .input_cell_box .valid_check .input_txt{color:#ff0000 !important}
.sub_card .box_input01 .input_cell_box .valid_check:after{content:'';position:absolute;width:calc(100% + 12px);height:1px;background:#ff0000;bottom:0;right:-12px;z-index:100}
.sub_card .box_input01 .input_cell_box .input_cell + .has_dash + .vaild_check:after{right:0;}
.sub_card .box_input01 .input_cell_box.focused .vaild_check:after{height:2px;}

/*카드발급*/
.card_wrap{display:flex;justify-content:center;min-height:390px;position:relative;margin-top:10px;}
.card_wrap img{width:100%;}
.card_wrap .list{width:548px;overflow:hidden;position:relative;padding:32px 16px 40px;}
.card_wrap .con{display:flex;justify-content:flex-start;}
.card_wrap .items {min-width:90px;display:inline-block;text-align:center;max-width:90px;}
.card_detail + .box_btn .btn64_defaultbg_boldtxt.disabled{background:rgba(0,0,0,.08) !important}
.card_wrap .items .img{position:relative;}
.card_wrap .items .back , .list03 .back , .layer_popup .back{transform:rotateY(180deg);display:none;}
.card_wrap .items.clone2 .img{transform:rotateY(0deg) !important;transition:transform 0s !important;}
.card_wrap .items.clone2 .img .front{display:block !important;}
.card_wrap .items.clone2 .img .back{display:none !important}
.card_wrap .items .img img{width:246px;transform:scale(.3658);transform-origin:left center;max-width:246px;box-shadow:0 8px 32px rgba(0,0,0,.24);border-radius:8px;}
.card_wrap .items.active{margin-left:135px;/*box-shadow:0 8px 32px rgba(0,0,0,.24);*/}
.card_wrap .items + .items{margin-left:45px;}
.card_wrap .active{min-width:246px;margin-top:0;flex:1 0 246px}
.card_wrap .active .img img{transform:scale(1);transform-origin:center center;}
.card_wrap .controls{width:656px;position:absolute;left:calc(50% - 328px);top:197px;}
.card_wrap .controls .prev{position:absolute;transform:rotate(180deg);left:0;background:none;width:56px}
.card_wrap .controls .next{position:absolute;right:0;background:none;width:56px}
.flip_btn{display:flex;justify-content:center;align-items:center;height:28px;padding:7px 0;border-radius:16px;width:80px;font-size:11px;line-height:13px;color:#fff;font-weight:700;background:#858585;margin:12px auto 0;}
.flip_btn:before{content:'';width:16px;margin-right:4px;height:12px;background:url('/docfiles/resources/pc/images/card/ico_card_flip.png') no-repeat;background-size:100% auto;}
.card_detail{margin-top:-24px;min-height:88px;}
.card_detail + .box_btn .btn64_defaultbg_boldtxt.disabled{background:rgba(0,0,0,.08) !important}
.error_txt{font-size:14px;line-height:20px;color:#ff0000;margin-top:15px;display:none;}
.rotate{transform:rotateY(180deg)}
#applyDis{margin-top:18px;}.box_terms_wrap .agree_wrap{padding-bottom:16px;}

/*카드 텍스트*/
.standard .h1_eb_ctr{position:relative;overflow:hidden;}
#headlineTxt span{display:block;}
#headlineTxt span:nth-child(2){position:absolute;top:80px;width:100%;left:0;text-align:center;opacity:0;}
#headlineTxt.active > span:nth-child(2){opacity:1;top:0;transition:top 1s , opacity 1.5s;transition-delay:1.5s;}
#headlineTxt.active > span:nth-child(1){display:block;transform:translateY(-80px);opacity:0;transition:transform 1s , opacity 1.5s;transition-delay:.5s;}

/* 카드 선택 */
.select_card{margin-top:72px;text-align:center;}
.select_card .img{display:inline-block;width:246px;box-shadow:0 8px 32px rgba(0,0,0,.24);border-radius:16px}
.select_card .img_v{display:inline-block;width:316px;box-shadow:0 8px 32px rgba(0,0,0,.24);border-radius:16px}
.select_card.nth2 .img{width:145px;margin:0 16px 16px;box-shadow:0 2px 4px rgba(0,0,0,.08);}
.select_card + .box_btn{text-align:center;margin-top:98px;}
.select_card + .box_btn + p{padding:18px 0;}

/* progress */
.progress{display:flex;justify-content:center;padding:28px 0;height:60px;transition:padding .2s}
.progress_bar{position:relative;display:inline-block;width:588px;height:4px;background:#fff;border-radius:16px;transition:height .2s}
.progress .bar_val{display:inline-block;position:absolute;left:0;top:0;height:100%;background:#000;border-radius:16px;}
.progress .bar_val span{display:none;}
.progress.type1{padding:20px 0;}
.progress.type1 .progress_bar{height:20px;}
.progress.type1 .progress_bar .fc_wht{display:block;padding-right:10px;line-height:20px;}

/* 신분증 확인 */
.cert{text-align:center;margin:24px 0;}
.cert .img{width:336px;height:205px;display:inline-block;overflow:hidden;}
.cert .npay{position:relative;padding-top:34px;display:inline-block;margin-top:-8px}
.cert .npay img{width:48px;margin-right:6px}
.cert .npay_tip{position:absolute;left:-3px;top:-1px;background:#000;height:28px;font-size:14px;line-height:20px;padding:4px 8px;color:#fff;border-radius:8px}
.cert .npay_tip:after{content:'';display:inline-block;width:4px;height:4px;transform:rotate(45deg);background:#000;position:absolute;left:10px;bottom:-2px;border-radius:0 0 1px 0;}

/* 약관 동의 */
.terms .check_wrap{padding-left:12px;}
.check_wrap .box_chk01 label{color:#858585}
.check_terms{border:1px solid #ebebeb;border-radius:8px;margin-top:20px;text-align:left;}
.check_terms .box_chk , .aco_wrap .box_chk01 , .check_gray{position:relative; overflow:hidden;padding:12px 36px 12px 12px}
.check_terms .box_chk .check_input {display:inline-block; border:0; vertical-align:top;}
.check_terms .box_chk .check_label , .check_terms .box_chk01 .check_label , .check_gray.box_chk01 .check_label {display:inline-block; position:relative; padding:5px 36px 5px 36px; font-size:16px; line-height:22px; color:#858585; cursor:pointer;font-weight:500;}
.check_terms .box_chk.error .check_label , .check_terms .box_chk01.error .check_label , .box_chk01.check_gray.error .check_label{color:#ff0000}
.check_terms .box_chk .check_input:checked + .check_label , .box_chk01 .check_input:checked + .check_label{color:#000;}
.check_terms .box_chk .check_input + .check_label:before , .check_gray.box_chk01 .check_label:before{content:''; position:absolute; top:0; left:0; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;}
.aco_wrap .box_chk01 .check_input + .check_label:before{top:0}
.check_terms .box_chk .check_input:checked + .check_label:before {opacity:1;}
.check_terms .box_chk + .chk_con{padding:0 29px 18px 48px}
.check_terms .box_chk .chk_con .check_terms .box_chk .chk_con > span{display:block;margin-top:12px;color:#858585;}
.check_terms .box_chk01 .chk_con{display:block;margin:17px 0 0;color:#858585;line-height:18px;}
.check_terms .chk_con.dn , .check_terms .dp{display:none;}
.check_terms .chk_list{padding:0 12px 16px}
.check_terms .btn_aco:not(.box_chk){opacity:.64;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat center center;background-size:24px 24px;display:inline-block;width:24px;height:24px;position:absolute;right:12px;top:16px;}
.check_terms .btn_aco.on:not(.box_chk){background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png') no-repeat center center;background-size:24px 24px;}
.check_terms .aco_wrap{display:none;background:#f5f5f5;border-top:1px solid #ebebeb}
.check_terms .agree_wrap ~ .agree_wrap , .check_terms .aco_wrap .items ~ .items{border-top:1px solid #ebebeb}
.check_terms .btn_pop_arrow{top:16px;right:12px;}
.check_terms .box_chk02 .btn_pop_arrow{top:2px;right:0}

.check_gray.box_chk01 , .last_check{background:#f5f5f5;border-radius:8px;margin-top:8px;}
.check_gray.last_check{padding-right:12px;}
.check_gray.last_check label{padding-right:0;}
.check_gray.box_chk01 .btn_pop_arrow{top:16px;right:12px}
.box_chk01 + .calcul{padding:6px 16px 22px 48px;}
.calcul{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 6px 36px;}
.calcul > p{display:flex;align-items:center;}
.calcul > .box_btn{display:flex;}
.calcul > .box_btn a + a{position:relative;margin-left:12px;padding-left:12px;}
.calcul > .box_btn a + a:before{content:'';background:#ccc;position:absolute;display:block;width:1px;height:10px;left:0;top:3px;}
.calcul > p:before{content:'';width:6px;height:6px;border-radius:100%;display:block;margin-right:6px;}
.calcul > .lv01:before{background:#3149b0;}
.calcul > .lv02:before{background:#008c15;}
.calcul > .lv03:before{background:#fbff00;}
.calcul > .lv04:before{background:#EF812D;}
.calcul > .lv05:before{background:#E02E27;}
.sub_card .box_content.swiper-wrapper .swiper-slide{padding-bottom:40px;}
.sub_card .box_btn.btm{position:absolute;bottom:40px;left:102px;width:calc(100% - 204px)}
.chk_down{position:relative;padding:12px;border:1px solid #ebebeb;border-radius:8px;}
.chk_down a{display:inline-block;position:relative;padding:5px 0 5px 36px;font-size:16px;line-height:22px;color:#858585;}
.chk_down a:before{content:''; position:absolute; top:0; left:0; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;}
.chk_down a.current{color:#000;}
.chk_down a.current:before{opacity:1;}
.chk_down + .check_terms .box_chk01 .check_label{padding-right:0;}
.chk_down + .check_terms .box_chk01{padding-right:16px;}

.err{display:flex;padding:20px 0;border-radius:8px;flex-direction:column;margin-top:16px;}
.err p + p{margin-top:4px;}

/*radio circle*/
.label_radio + .label_radio{margin-left:40px;}
.label_radio label{position:relative;font-size:16px;line-height:24px;color:#000;cursor:pointer;font-weight:700;display:flex;align-items:center;}
.label_radio label:before{content:'';display:block;width:24px;height:24px;background:#e0e0e0;border-radius:100%;margin-right:8px;}
.label_radio input:checked + label:after{content:''; width:8px;height:8px;border-radius:100%;background:#000;display:block;position:absolute;left:8px;top:calc(50% - 4px);}

/* 2022-12-23 Q20016 the Red Edition5 메탈 신청 디자인 선택 항목 추가 */
.label_radio.type2 li + li {margin-left: 60px;}
.label_radio.type2 label {padding: 0 !important; border-bottom: 0 none !important; display: block;}
.label_radio.type2 label:before {margin: 0 auto;}
.label_radio.type2 input:checked + label:after {left:calc(50% - 4px); top: 8px;}
.label_radio.type2 label .plate_img {width: 120px;}
/* //2022-12-23 Q20016 the Red Edition5 메탈 신청 디자인 선택 항목 추가 */

/*카드 번호 8자리 입력*/
.card_num{margin-top:36px;position:relative;}
.card_num .txt_top{font-size:12px;position:absolute;left:0;top:0;color:#858585}
.card_num .input_cell_box{display:flex;justify-content:flex-start;height:64px;position:relative;}
.card_num .input_cell:after{content:'';width:6px;height:1px;background:#ccc;display:block;position:absolute;top:calc(50% - 1px);right:0}
.card_num .input_cell:nth-child(4):after{display:none;}
.card_num .input_cell {width:22%;text-align:center;display:inline-block;padding:12px 0;text-align:center;}
.card_num .input_cell input[type="password"]{width:120px;margin-left:28px;letter-spacing:-2px;line-height:36px;margin-bottom:1px}
.card_num .deco{width:48px;text-align:center;margin:15px auto;}
.card_num .deco.amax{width:36px;overflow:hidden;}
.card_num .deco img{height:10px}
.card_num .input_cell_box .box_btn{top:10px;}
.sub_card input[type="password"]::placeholder{font-size:40px}
.masking{display:flex;position:absolute;width:calc(100% - 6px);left:6px;top:25px;justify-content:center;background:#fff;}
.masking span{width:14px;height:14px;border-radius:100%;background:#000;opacity:.2;margin:0 2px}
.error .masking span{background:#ff0000;opacity:1;}
.masking .checked{opacity:0}
.sub_card .input_cell input[type="password"]{font-family:'pass';font-size:36px !important;}
/*
.sub_card .box_input01 .input_cell_box:not(.error).focused.on:before{background:#ccc}
*/

/*자동완성*/
.box_input01.row2{display:flex;flex-wrap:wrap;}
.box_input01.row2 .input_cell_box:not(.w192):not(.mw192){width:calc(50% - 6px);}
.box_input01.row2 .input_cell_box + .input_cell_box{margin-top:0;margin-left:12px;}
.sub_card .box_input01.row2 .w192 + .input_cell_box{width:calc(100% - 208px);margin-left:12px;}
.box_input01.row2 .w282 + .input_cell_box , .box_input01.row2 .w282 + .box_btn{width:calc(100% - 294px);margin-left:12px;}
.focused:not(.completed) .input_label.fixed{top:20px !important;font-size:20px !important;line-height:26px !important}
.name_complete{position:absolute;left:0;top:64px;height:144px;width:100%;border:1px solid #ebebeb;overflow:hidden;background:#fff;z-index:90}
.name_complete.full{width:588px;left:0px}
.name_complete .detail_cont_list , .name_complete .detail_cont{position:absolute;top:0;width:calc(100% + 16px);height:100%;overflow-y:auto;}
.name_complete .detail_cont_list a , .name_complete .detail_cont a{display:block;padding:9px 16px;}
.detail_cont_list a.current , .detail_cont a.current{background:#f5f5f5;}

/* switch btn */
.grid_box64{height:64px;padding:17px 16px 17px 24px;border:1px solid #ccc;border-radius:8px;justify-content:space-between;}
.grid_box64.active:not(.fee){height:auto;flex-wrap:wrap;padding:19px 16px 17px 24px;}
.grid_box64 .input_items{width:100%;display:flex;justify-content:space-between;margin-top:18px;padding-left:16px;background:url('/docfiles/resources/pc/images/card/ico_re.png') no-repeat -6px 6px;background-size:16px 16px;}
.grid_box64.graybg{padding:16px;background:#f5f5f5;height:auto;border:none;}
.grid_box64.graybg [class*="h4"]{padding-left:8px;}
.grid_box64 .credit{display:none;}
.grid_box64.graybg .credit{margin-top:20px;display:block}
.grid_box64.fee:not(.active){padding:10px 16px 10px 12px;align-items:center;}
.grid_box64.fee .con{display:flex;align-items:center;}
.switch_btn label{display:block;width:48px;height:28px;background:#e0e0e0;border-radius:20px;position:relative;transition:background .7s}
.switch_btn label:after{content:'';position:absolute;width:24px;height:24px;display:block;border-radius:100%;background:#fff;left:2px;top:2px;transition:left .5s}
.switch_btn input:checked + label{background:#000;transition:background .7s}
.switch_btn input:checked + label:after{left:22px;transition:left .5s}
.search_btn span{background:url('/docfiles/resources/pc/images/common/icon/w32/ico_search.png') no-repeat 0 -4px /32px;padding-left:36px}
.box_car{margin-top:36px;}
.box_car .box_btn{margin-top:8px;}
.sub_card .box_btn .img_w32{margin-right:4px;}
.sub_card .btn64_defaultbg_boldtxt + a{margin-left:0;}
.sub_card .box_content .grid_box{align-items:center;justify-content:space-between;}
.sub_card .layer_btn .grid_box{justify-content:center;}
.sub_card .layer_btn .grid_box a:before{content:'';width:1px;height:8px;background:rgba(0,0,0,.12);display:inline-block;margin:0 8px}

/*연회비 정보*/
.fee_info{display:block;position:relative;}
.fee_info li{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #ebebeb;width:100%;height:72px;}
.fee_info li .img_w82{margin-right:24px;}
.fee_info li .con p+p{margin-top:2px;}

/* 메탈플레이트 신청 리스트 */
.sub_card .list03{display:flex;margin-top:44px;justify-content:center;align-items:flex-start;}
.sub_card .list03 .items{position:relative;min-width:127px;display:block;text-align:center;margin:0 26px;}
.sub_card .list03 .items .img{position:relative;display:block;width:108px;height:173px;margin:0 auto;}
.sub_card .list03 .items label{display:block;display:relative;}
.sub_card .list03 .items label .img + p{margin:8px 0 4px}
.sub_card .list03.nth1 .items .img{width:160px;height:253px;box-shadow:0 16px 32px 0 rgba(0,0,0,.20)}
.sub_card .list03:not(.nth1) .items label:before{content:'';display:block;width:24px;height:24px;background:#e0e0e0;border-radius:100%;margin:0 auto 8px;}
.sub_card .list03:not(.nth1) .items input:checked + label:after{content:'';width:8px;height:8px;border-radius:100%;background:#000;display:block;position:absolute;left:calc(50% - 4px);top:8px;}
.info_txt{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-size:12px;line-height:16px;text-align:center;position:absolute;left:0;top:0;background:rgba(0,0,0,.64);border-radius:8px;padding:16px;}
.box_btn [class^="btn"][class*="48"].w156{padding:13px;}
.h_back{display:inline-block;width:32px;height:32px;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_back.png) no-repeat left center / 32px;vertical-align:top;margin-left:-6px}
.sub_card .card_view .list03{justify-content:flex-start;flex-wrap:wrap;}
.sub_card .card_view .list03 .items{margin:0;margin-left:100px;min-width:108px}
.sub_card .card_view .list03 .items:nth-child(4n+1){margin-left:0;}
.sub_card .card_view .list03 .items:nth-child(n+5){margin-top:44px}
.sub_card .card_view .list03 .items label:before{margin-bottom:16px;}

/*자동이체 리볼빙신청 */
.grid_graybox{height:92px;padding:19px 0;background:#fafafa;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08)}
.ci_bank{display:block;width:100px;height:54px;background-size:100%;}
.sub_card .layer_select{display:flex;height:64px;}
.sub_card .layer_select.nth2{justify-content:space-between;margin-top:20px;}
.sub_card .layer_select.nth2 .items{width:calc(50% - 12px);position:relative;}
.sub_card .layer_select.nth2 .items .tp{position:absolute;left:0;top:0;}
.sub_card .layer_wrap .box_select.h64:not(.w192) .select_wrap .btn_select{padding-left:0;}
.sub_card .layer_wrap .layer_select.nth2 .select_wrap .btn_select:before{border:none;border-bottom:1px solid #ebebeb}
.sub_card .layer_wrap .layer_select.nth2 .box_select.h64 .select_wrap .btn_select:after{width:24px;height:24px;margin-top:-12px}
.sub_card .layer_wrap .layer_select.nth2 .box_select.h64 .select_wrap .ul_select li{height:48px}
.sub_card .layer_wrap .layer_select.nth2 .box_select.h64 .select_wrap .ul_select li a{background-size:24px;height:48px;line-height:48px;padding-left:15px}
.sub_card .layer_wrap .box_content > .box_chk02{padding:10px 0}
.sub_card .layer_wrap .box_content > .box_chk02 label{width:100px}
.sub_card .no_data{text-align:center;padding:100px 0}

/*지점명 검색*/
.apt_addr_list{margin-top:12px;}
.apt_addr_list li{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.12)}
.apt_addr_list li a{display:block;}
.apt_addr_list .apt_top{display:flex;justify-content:space-between;align-items:center;}

/* emerald type */
.fc_emerald{color:#00a3b8}
.emerald_box{border-radius:8px;padding-top:24px;background:#e0f4f7}
.emerald_box.done{background:#f5f5f5}
.emerald_box p{padding:0 24px;}
.emerald_box p + p{margin-top:10px;}
.emerald_box .box_btn{padding:16px 20px;border-top:1px solid #fff;text-align:center;margin-top:24px;}

/*loading bar*/
.loading{background:rgba(0,0,0,.64);position:fixed;display:flex;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column;}
.loading:before{content:'';display:block;margin:0 auto 20px;;animation:loading 1s infinite;width:72px;height:72px;background:url('/docfiles/resources/pc/images/card/ico_circle.png') no-repeat;background-size:72px 72px;}

/*카드 파인더*/
.card_finder{padding-bottom:0;}
.card_finder:before{content:'';display:block;position:absolute;left:268px;top:0;width:1px;height:100%;background:#ccc;}
.card_finder .content{display:flex;}
button{background:none;outline:none;color:inherit}
.finder_left{position:relative;width:268px;padding:40px;/* height:100%; */min-height:100vh;-webkit-user-select:none;} /* Q10582: 22.02.12 height 제거 */
.finder_left .h4_b_lt{margin-bottom:28px;}
.finder_left .items ~ .items{margin-top:44px;}
.slider_bar {height: 3px;margin-top: 10px;}
.slider_bar .slider_label, .slider_bar .slider_point {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.slider_bar .slider_label {padding-top: 10px;width:calc(100% + 12px)}
.slider_bar .slider_label li{text-align:center;min-width:16px;}
.slider_bar .slider_label li:nth-child(3){padding-left:10px}
.slider_bar .slider_point {margin:0;width:100%;justify-content: space-between;}
.slider_bar .slider_point span {width: 3px;height: 3px;background: #fff;z-index: 10;}
.slider_bar .ui-slider-handle {width: 16px;height: 16px;margin-top: -9px;border:1px solid #000;z-index:10;box-shadow:none;margin-left:-8px}
.slider_bar .ui-slider-handle:focus-visible{outline-offset: 0;} /* 2024-01-23 Q10962 2024접근성 수정 */
.slider_bar .ui-slider-range {background-color: #000;}

.finder_right{width:calc(100% - 268px);padding:40px 0 40px 56px}
.finder_right .p1_b_lt{margin-bottom:26px;}
.finder_right .list05 > li{width:33.3%;flex:1 1 auto;margin:0;max-width:33.3%}
.finder_right .list05 > li:nth-child(n + 4){margin-top:40px;}
.finder_right .list05 > li .card_plt {position:relative;}
.finder_right .list05 > li .card_plt > a{display:flex;}
.finder_right .list05 > li:nth-child(3n + 2){width:33.4%;}
.finder_right .list05 > li .img{width:120px}
.finder_right .list05 > li.img_v .img{width:191px}
.finder_right .list05 > li .img + .con{width:calc(100% - 148px);margin-left:28px}
.finder_right .list05 > li.img_v .img + .con{width:calc(100% - 219px);margin-left:28px}
.finder_right .list05 > li .card_plt .highlight{display:inline-block;;}
.finder_right .list05 > li .card_plt .highlight:after{height:8px}
.finder_right .list05 .con ul:not(.grid_info) li{font-size:14px;line-height:20px;color:#333}
.finder_right .list05 .grid_info{margin-bottom:8px}
.finder_right .list05 .grid_info li{margin:8px 4px 4px 0;padding:0 4px;color:#5c5c5c;border-radius:4px;background:rgba(0,0,0,.08);display:flex;justify-content:center;align-items:center;height:20px;font-size:12px;}
.finder_right .list05 .grid_info li.current{background:#FB9019;color:#fff} /* 2024-02-27 Q10962 접근성 원복 */
.finder_right .card_att a {right:calc(100% - 114px);}
.finder_right .img_v .card_att a {right:calc(100% - 187px);}
.finder_right button:focus{outline:1px solid #000}
.finder_right .moving{position:absolute;width:100%;height:100vh;left:1px;top:0;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.finder_right .moving video{width:100%;}
.finder_right .right_top{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column}
.card_finder .card_flot{right:calc(100% - 268px);width:268px;position: fixed;border-radius:0;border:none;border-top:1px solid #ebebeb} /* Q10582: 22.02.11 absolute => fixed 수정 */
.card_finder .card_flot .flot_btn{width:100%;}
.grid_reset{position:absolute;right:40px;top:43px;justify-content:flex-end}

.finder_right.ani{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;}
.finder_right.ani .h2_b_ctr{margin-bottom:12px;}
.finder_list.lv01{position:absolute;width:680px;height:680px; left:calc(50% - 340px);top:calc(50% - 340px);animation:finder 120s infinite linear;}/* Q20098 finder 10s */
.finder_list.lv02{position:absolute;width:1028px;height:1028px; left:calc(50% - 514px);top:calc(50% - 514px);animation:finder 240s infinite linear reverse;}/* Q20098 finder 15s */
.finder_list.lv03{position:absolute;width:1376px;height:1376px; left:calc(50% - 688px);top:calc(50% - 688px);animation:finder 360s infinite linear;}/* Q20098 finder 20s */
.finder_list li{position:absolute;transform-origin:center center;height:102px}
.finder_list li:nth-child(1){top:0;left:calc(50% - 32px);}
.finder_list li:nth-child(2){transform:rotate(30deg);top:64px;right:142px;transform-origin:right top}
.finder_list li:nth-child(3){transform:rotate(60deg);top:196px;right:30px;transform-origin:right top}
.finder_list li:nth-child(4){transform:rotate(90deg);top:calc(50% - 51px);right:18px}
.finder_list li:nth-child(5){transform:rotate(120deg);transform-origin:right bottom;bottom:196px;right:150px}
.finder_list li:nth-child(6){transform:rotate(150deg);transform-origin:right bottom;bottom:120px;right:248px}
.finder_list li:nth-child(7){transform:rotate(180deg);bottom:0;left:calc(50% - 32px);}
.finder_list li:nth-child(8){transform:rotate(210deg);transform-origin:left bottom;bottom:120px;left:248px}
.finder_list li:nth-child(9){transform:rotate(240deg);transform-origin:left bottom;bottom:196px;left:150px}
.finder_list li:nth-child(10){transform:rotate(270deg);top:calc(50% - 51px);left:18px}
.finder_list li:nth-child(11){transform:rotate(300deg);top:196px;left:30px;transform-origin:left top}
.finder_list li:nth-child(12){transform:rotate(330deg);top:64px;left:142px;transform-origin:left top}

.finder_list.lv02 li:nth-child(2){transform:rotate(30deg);top:87px;right:229px;transform-origin:right top}
.finder_list.lv02 li:nth-child(3){transform:rotate(60deg);top:284px;right:53px;transform-origin:right top}
.finder_list.lv02 li:nth-child(5){transform:rotate(120deg);transform-origin:right bottom;bottom:284px;right:173px}
.finder_list.lv02 li:nth-child(6){transform:rotate(150deg);transform-origin:right bottom;bottom:142px;right:336px}
.finder_list.lv02 li:nth-child(8){transform:rotate(210deg);transform-origin:left bottom;bottom:142px;left:336px}
.finder_list.lv02 li:nth-child(9){transform:rotate(240deg);transform-origin:left bottom;bottom:284px;left:173px}
.finder_list.lv02 li:nth-child(11){transform:rotate(300deg);top:284px;left:53px;transform-origin:left top}
.finder_list.lv02 li:nth-child(12){transform:rotate(330deg);top:87px;left:229px;transform-origin:left top}

.finder_list.lv03 li:nth-child(2){transform:rotate(30deg);top:109px;right:324px;transform-origin:right top}
.finder_list.lv03 li:nth-child(3){transform:rotate(60deg);top:369px;right:83px;transform-origin:right top}
.finder_list.lv03 li:nth-child(5){transform:rotate(120deg);transform-origin:right bottom;bottom:370px;right:195px}
.finder_list.lv03 li:nth-child(6){transform:rotate(150deg);transform-origin:right bottom;bottom:165px;right:422px}
.finder_list.lv03 li:nth-child(8){transform:rotate(210deg);transform-origin:left bottom;bottom:165px;left:422px}
.finder_list.lv03 li:nth-child(9){transform:rotate(240deg);transform-origin:left bottom;bottom:370px;left:195px}
.finder_list.lv03 li:nth-child(11){transform:rotate(300deg);top:369px;left:83px;transform-origin:left top}
.finder_list.lv03 li:nth-child(12){transform:rotate(330deg);top:109px;left:324px;transform-origin:left top}

@keyframes finder{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes finderR{
    from{transform:rotate(360deg)}
    to{transform:rotate(0)}
}

/*카드 추가 , 부가서비스 , 아파트명 검색 , 신청정보 확인 */
.card_v{margin:0 auto 24px;box-shadow:0 16px 32px 0 rgba(0,0,0,.2)}
.grid_plt_wct{margin-top:24px;}
.grid_plt_wct .items .box_btn{margin:12px 0 16px}
.grid_plt_wct .items + .items{margin-left:48px;}
.grid_plt_wct .items .img{width:196px;height:310px}

.sub_card .list01 li{padding:23px 0 22px;border-bottom:1px solid #ebebeb}
.sub_card .list01 .textbico_mide + p{margin-top:4px;}
.sub_card .list01 li:last-child{border-bottom:none;padding-bottom:23px;}
.sub_card .list01 li p{display:block;}

.sub_card .list02 li{padding:17px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;font-weight:500}
.sub_card .list02 li + li{border-top:1px solid #ebebeb;}
.sub_card .list02 li .con{display:flex;align-items:center;justify-content:space-between;width:100%;padding-left:8px;margin-top:22px;}
.sub_card .list02 li .con > span{flex:1 0 auto;}
.sub_card .list02 li > p{width:100%;}
.sub_card .list02 li.bg{border-bottom:none;position:relative;padding-bottom:14px;width:calc(100% + 16px);margin-left:-8px;padding:17px 8px 16px 8px}
.sub_card .list02 li.bg + li{border-top:none;}
.sub_card .list02 li.bg .con:before{content:'';position:absolute;left:0;bottom:0;background:#f5f5f5;width:100%;height:80px;border-radius:4px;}
.sub_card .list02 li span{position:relative;}
.sub_card .list02 li a{display:block;}
.sub_card .list02 li.highlight:after{top:25px}
.sub_card .list02 i{width:32px;margin:0 16px 0 0;display:inline-block;vertical-align:middle;}

.sub_card .list02 i img{width:100%;}
.sub_card .list02 .multiline{background-position:top right}
.sub_card .list02 .multiline span{text-align:right;}
.apt_addr_list{margin-top:12px;}
.apt_addr_list li{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.12)}
.apt_addr_list li a{display:block;}
.apt_addr_list .apt_top{display:flex;justify-content:space-between;align-items:center;}

/*카드 플레이트 */
.card_img{width:192px;display:block;height:300px;box-shadow:0 16px 32px 0 rgba(0,0,0,.24);margin:0 auto;}
.layer_popup{position:fixed;display:flex;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;background:#ebebeb;flex-direction:column;z-index:1000;}
.layer_popup .img{width:246px;margin:0 0 16px;height:390px}
.layer_popup .layer_close{display:inline-block;width:48px;height:48px;top:24px;right:24px;position:absolute;}
.layer_popup .layer_close a{display:inline-block;position:relative;width:100%;height:100%;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_x_b.png) no-repeat 50% 50%;background-size:48px 48px;}
.layer_items .p1_lt_2ln{margin-top:4px;}
.sub_card .modal_pop.respond .layer_wrap{min-height:unset}

/*신청완료*/
.sub_card.completed{background:#ebebeb;padding-bottom:64px;}
.sub_card.completed .content{background:inherit}
.sub_card.completed .content_in{width:516px;margin:0 auto;border:none;background:none;overflow:hidden;padding:64px 0 0;background:inherit}
.sub_card.completed .form_items{position:relative;background:inherit;margin-top:-33px;z-index:1;padding:0 66px;}
.sub_card.completed .section{position:relative;background:inherit;margin-top:-33px;z-index:1;padding:0 66px;}
.sub_card.completed .img_v{display:block;text-align:center;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.24);width:316px;margin:96px auto 0;}
.sub_card.completed .img_v + .section{margin-top:52px;}
.sub_card.completed .img:before{z-index:1;content:'';display:block;width:100%;height:126px;background:inherit;position:absolute;left:0;bottom:0;box-shadow:0 -4px 8px 0 rgba(0,0,0,.08);transform:rotate(-10deg)}
.sub_card.completed .img:after{z-index:1;content:'';display:block;position:absolute;width:100%;height:126px;right:-8px;bottom:0;transform:rotate(-10deg);background:inherit;}
.sub_card.completed h2 strong{display:block;font-weight:700;}
.sub_card.completed .img{position:relative;text-align:center;background:inherit}
.sub_card.completed .img img{width:246px;animation:card 1s}
.sub_card.completed .bul_list li{font-size:14px;line-height:20px;margin-top:8px;}
.sub_card.completed .bul_list > li:before{background:#000;}

.sub_card.completed .box_btn{text-align:center;}
.sub_card.completed .box_btn.btm{left:0;width:100%;bottom:0}
.qr_box{border:1px solid rgba(0,0,0,.04);border-radius:8px;padding:12px;display:flex;margin:66px 54px 52px;}
.qr_box .txt{margin:12px 0 0 16px;width:235px}
.qr_box .img_w80{background:#fff;padding:8px;width:96px;}
.qr_box .a48{color:rgba(0,0,0,.48);margin-top:4px;}

/*effect*/
.shadow{box-shadow:0 0 2px 0 rgba(0,0,0,.24)}
.sub_card .highlight{position:relative;background:none;}
.sub_card .highlight:after{content:'';height:12px;width:100%;display:inline-block;position:absolute;left:0;top:8px;background:#fbff00;}
.sub_card .highlight_item{position:relative;z-index:10;}
.highlight_half {background:linear-gradient(to bottom, rgba(251,255,0,0), rgba(251,255,0,0) calc(50% - 2px), #fbff00 calc(50% - 2px), #fbff00 calc(100% - 2px), rgba(251,255,0,0) calc(100% - 2px));} /* 2023-07-28 Q11139 추가 */

/*하이패스 , 카멜레온 , 기프트카드, my business*/
.etc_card .content{width:100%;}
.etc_card .content > div:not(.gift):not(.modal_pop){position:relative;width:1200px;margin-left:auto;margin-right:auto;justify-content:flex-start;} /* 2024-11-29 GGU282 - :not(.modal_pop) 추가 */
.etc_card .content > div .arrow_down{position:absolute;bottom:8px;left:calc(50% - 32px);}
.etc_card .content > div .arrow_down > button , .etc_card .content > div .arrow_down > a{width:64px;display:block;animation:toggle infinite 1.8s}
.etc_card .sticky{display:none;}
.etc_card .content > .grid_box:not(.gift):not(.chameleon){width:100%;padding:0 4.1% 0 28.2%}
.etc_card .grid_box:not(.gift):not(.chameleon) .box_txt{position:relative;left:0;bottom:0;transform:none;width:59.1%;max-width:500px;}
.etc_card .grid_box:not(.gift):not(.chameleon) .box_img{height:auto;width:23.2%;margin:0;margin-right:17.7%;max-width:302px;min-width:188px;border-radius:16px;max-height:470px}
/* 2025-12-16 Q11955 [카드] 후불하이패스 디지털형(e hi-pass)카드 상세 상단비주얼영역 내 플레이트 변경 이미지 교체로 .hi-pass 추가 */
.etc_card .grid_box:not(.gift):not(.chameleon) .box_img.hi-pass{box-shadow: none; width: 34.2%; max-width: 442px; min-width: 274px; max-height: none; margin-right:12%; margin-left: -5.2%; margin-top: 22px;}


.etc_card .chameleon .box_img .txt1{position:absolute;left:14px;bottom:60px;width:186px;opacity:.12}
.etc_card .chameleon .box_img .txt2{position:absolute;right:14px;bottom:60px;width:244px;opacity:.66}
.etc_card .chameleon .box_img{border-radius:16px 16px 0 0}
.etc_card .grid_box{position:relative;height:calc(100vh - 128px);align-items:center;flex-wrap:nowrap;}
.etc_card .grid_box + .box_tab{padding-top:112px;}
.etc_card .grid_box:not(.gift) .box_img{width:302px;box-shadow:0 40px 80px 0 rgba(0 ,0 ,0 ,.16);height:470px;margin:0 232px 0 180px;}
.etc_card .grid_box.pass .box_img{width:478px;box-shadow:0 40px 80px 0 rgba(0 ,0 ,0 ,.16);margin:0 182px 0 54px;height:302px;border-radius:16px 16px 0 0}
.etc_card .grid_box.pass .box_img + .box_txt .box_btn{margin-top:40px;}
.etc_card .grid_box.gift , .etc_card .grid_box.high{justify-content:flex-start}
.etc_card .gift{padding-top:0;align-items:center;justify-content:flex-start;height:calc(100vh - 128px);}
.etc_card .pass{align-items:center;}
.etc_card .gift .box_img{max-width:1200px;width:62.5%;height:100%;overflow:hidden;background:url('/docfiles/resources/pc/images/card/img_visualGift.png') no-repeat center center / cover;margin-right:64px;}
.etc_card .gift .box_img img{max-width:1200px}
.etc_card .grid_box:not(.gift) .box_txt{width:590px;position:absolute;left:712px;bottom:50%;transform:translateY(50%)}
.etc_card .box_txt h2 + p{margin-top:32px;}
.etc_card .detail_box{margin:40px 0 20px;}
.etc_card .detail_box ul{display:flex;}
.etc_card .detail_box ul li{display:inherit;align-items:center;margin-right:80px;}
.etc_card .detail_box ul li .con{margin-left:16px;}
.etc_card .detail_box ul li .con p , .etc_card .tbl_type2 dl.detail dd p{color:#000;}
.etc_card .detail_box ul li .con p + p{margin-top:4px;}
.etc_card .detail_box ul li .img{width:51px;height:80px;overflow:hidden;}
.etc_card dl.detail{display:flex;flex-wrap:wrap;margin-bottom:20px;color:#000;}
.etc_card dl.detail dt{width:100%;margin:24px 0;}
.etc_card dl.detail dd{display:flex;width:50%;justify-content:space-between;padding-right:40px;}
.etc_card dl.detail dd:last-child{padding-right:0;padding-left:40px;border-left:1px solid #ebebeb}
.etc_card dl.detail dd .lf{width:46px;}
.etc_card dl.detail dd .rg{width:calc(100% - 78px);}
.etc_card .grid_box.busi{justify-content:center;padding-top:0;align-items:center;height:auto;color:#000;margin-top:0;}
.etc_card .grid_box.busi .items img{width:51px;}
.etc_card .grid_wbt{display:flex;align-items:center;justify-content:space-between !important;margin-bottom:44px;}
.family_card .form_items .h3_b_lt{border-bottom:2px solid #000;padding:20px 0;}
.grid_h104{padding:39px 40px;margin:52px auto 80px;width:792px !important;}
.grid_h104 dd{padding-left:90px;width:calc(100% - 74px)}


.box_plus{display:flex;}
.box_plus .items{position:relative;text-align:center;}
.box_plus .items:first-child:after{content:'';width:32px;height:32px;display:block;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_plus.png') no-repeat center/32px;position:absolute;right:-60px;top:calc(50% - 16px)}
.box_plus .items + .items{margin-left:156px}
.box_sum{margin-left:220px;position:relative;padding-right:80px}
.box_sum:before{content:'';width:32px;height:32px;display:block;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_equal.png') no-repeat center/32px;position:absolute;left:-128px;top:calc(50% - 16px)}

.box_stepimg{display:flex;justify-content:space-between;margin-top:32px;}
.box_stepimg li{position:relative;width:184px;}
.box_stepimg li:after{content:'';width:100%;height:366px;border-radius:18px;border:2px solid #000;position:absolute;left:0;top:0;}
.box_stepimg li img{border-radius:18px;}
.box_stepimg li > p{color:#000;margin-top:15px;}
.box_stepimg li + li:before{content:'';width:32px;height:32px;display:block;background:url('/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png') no-repeat center center / 32px;position:absolute;left:-46px;top:calc(50% - 16px)}

.box_figure{display:flex;width:100%;}
.box_figure figure{width:102px;margin-right:36px}
.box_figure figcaption{font-size:16px;color:#000;margin-top:12px;letter-spacing:-.5px}

.faq_hipass{border-bottom:1px solid #e0e0e0}
.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;}
.faq_hipass .faq_quality .faqBtn::before{content:'Q. ';}
.faq_hipass.on .faq_quality .faqBtn{font-weight:700;background-color:#fafafa;}
.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;}
.faq_hipass.on .faq_quality .faqBtn::after{transform:translateY(-50%) rotate(180deg);}
.faq_hipass .faq_answer{padding:1px 24px 24px;background-color:#fafafa;font-size:16px;font-weight:500;line-height:26px;color:#333}
.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}

/*기타카드 신청 레이어*/
.grid_select{width:100%;margin-top:26px;}
.grid_select li{width:50%;padding-right:47px;border-right:1px solid #858585}
.grid_select li + li{padding-right:0;padding-left:47px;border:none;}
.grid_imgbox .plus{margin:0 4px}
.grid_imgbox .last{border:1px dotted #000;border-radius:4px}
.grid_imgbox .last{opacity:.24}
.grid_imgbox{align-items:center;margin:54px auto 40px;justify-content:center;}
.grid_imgbox .img_w78{border-radius:4px;}
.grid_imgbox .img_w78 + .img_w78{margin-left:12px}

/*기타카드 신청*/
.card_app h3:not(.headline):not(.tit){padding:20px 0;border-bottom:2px solid #000}
.card_app .tit{padding:20px 0;}
.card_app h3 + .box_input01{margin-top:36px}
.card_app .label_radio{padding:40px 0;border-bottom:1px solid #ebebeb;}
.card_app ul.label_radio{padding:0;border-bottom:none;}
.card_app ul.label_radio li label{padding:40px 0;position:relative;border-bottom:1px solid #ebebeb}
.card_app .label_radio .img_w48{margin:0 16px 0 16px}
.card_app .label_radio + .label_radio{margin-left:0;}
.card_app .cert{margin:40px 0 0}
.card_app .grid_tbl_l204{margin-top:20px;}
.card_app .grid_tbl_l204 + .grid_tbl_l204{margin-top:0;}
.card_app .grid_tbl_l204 + .grid_wbt{height:28px;align-items:center;margin-top:8px;}
.card_app .app_top{margin:52px auto 0;padding-bottom:56px;text-align:center;border-bottom:2px solid #000}
.card_app .app_top .img{width:180px;display:inline-block;}
.card_app .app_top + .grid_tbl_l204{margin-top:0;}
.card_app .grid_end{padding:32px 24px 0;align-items:center;}
.card_app .gift_list{margin-top:60px;}
.card_app .gift_list .label_radio{display:flex;margin-top:36px;flex-wrap:wrap;}
.card_app .gift_list .label_radio li{margin:0 96px 44px 0}
.card_app .gift_list .label_radio label{flex-direction:column;padding:0;justify-content:center;border:none;}
.card_app .gift_list .label_radio input + label:before{margin:0}
.card_app .gift_list .label_radio input:checked + label:after{left:calc(50% - 4px);top:8px}
.card_app .gift_list .label_radio .img_w156{margin:12px auto 8px;height:250px}
.card_app .gift_buy .box_input01.row2{justify-content:flex-start;margin-top:16px}
.card_app .gift_buy_list{margin-top:56px;border-top:1px solid #000;}
.card_app .gift_buy_list li{position:relative;border-bottom:1px solid #ebebeb;width:100%;display:flex;align-items:center}
.card_app .gift_buy_list li .con{min-width:180px;margin-left:32px;padding:40px 0}
.card_app .gift_buy_list li .con .box_select{margin-top:12px;}
.card_app .gift_buy_list li .box_btn{position:absolute;right:0;top:40px;display:flex;align-items:center;}
.card_app .gift_buy_list li .box_btn a{margin-left:8px}
.card_app .sum_tbl{display:flex;justify-content:space-between;padding:17px 24px;border-top:1px solid #ebebeb}
.card_app .gift_sum{margin-top:56px;background:#f5f5f5;border-radius:8px;padding:24px;}
.card_app .gift_sum li{display:flex;justify-content:space-between;padding:15px 16px;flex-wrap:wrap;}
.card_app .gift_sum li p span + span{margin-left:12px;}
.card_app .gift_sum li p > a{width:100%;display:block;margin-top:8px;}
.card_app .gift_sum li + li{border-top:1px solid #ebebeb}
.card_app .grid_end .img_w64{margin-right:16px}
.card_app .grid_tbl_wbt{align-items:center;border-bottom:none;padding:40px 24px;}
.card_app .grid_tbl_wbt + .gift_sum{margin-top:0;}
.card_app .grid_tbl_wbt .con{display:flex;}
.card_app .grid_tbl_wbt .con .img_w32{margin-right:16px;}
.card_app .form_items .items_in > [class*="h4"]{margin:36px 0 16px}
.card_app .grid_hct{margin-top:56px;}
.card_app .grid_hct a{margin-left:12px;}
.card_app .items{margin-top:32px;}
.card_app .check_gray.box_chk01{margin-top:0}

[class^="grid_tbl"]{padding:19px 24px;border-bottom:1px solid #ebebeb;}
.grid_tbl_l204.sd_m_04{padding:39px 24px;border-radius:8px;margin-top:52px;}
.grid_tbl_l204 *:nth-child(2){width:calc(100% - 204px)}
.grid_tbl_l306 *:nth-child(2){width:calc(100% - 306px)}
.sub_card .cert_con .items_in{margin:36px 0 40px}
.sub_card .cert_con .cert .img + .box_input01{margin-top:24px;}
.sub_card .accodWrap .btn_tit01 a{display:block;}

/*카드 테이블 스타일*/
.addr_tbl{position:relative;display:flex;padding:19px 0;}
.addr_tbl dt{width:102px;}
.addr_tbl dd{position:relative;width:calc(100% - 170px)}
.addr_tbl dd .box_btn{position:absolute;top:-3px;right:-68px;width:68px;margin:0}
.tbl_con + .tbl_con{margin-top:44px;}
.tbl_con.line{border-top:2px solid #000;}
.tbl_con .tit{padding:20px 0;border-bottom:2px solid #000;display:flex;align-items:center;justify-content:space-between}
.tbl_con_in + .tbl_con_in{border-top:1px solid #ebebeb;margin-top:20px;}
.tbl_con .tbl_view{border-top:none;}

.tbl_view{width:100%;border-top:1px solid #000;}
.tbl_view thead th{font-size:16px;line-height:26px;color:#000;font-weight:700;padding:20px 0;border-bottom:1px solid #ebebeb;text-align:left;}
.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;}
.tbl_view tbody tr:last-child th, .tbl_view tbody tr:last-child td{border-bottom:none;}
.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;}
.tbl_view tbody td p{line-height:26px;}
.tbl_view tbody .pl0{padding-left:0;}
.tbl_view.tl28 tbody td{padding-left:28px;}
.tbl_view tbody td > p + p , .tbl_view tbody td > p + .bul_list01 , .tbl_view tbody td > .bul_list01 + p{margin-top:8px;}
.tbl_view .num{display:flex;}
.tbl_view .num strong{display:flex;align-items:center;justify-content:center;width:32px;height:32px;}
.tbl_view .num span{display:block;width:calc(100% - 32px);margin-left:8px;line-height:24px;}

.tbl_view.tp1 th , .tbl_view.tp1 td{padding:40px 24px}
.tbl_view.tp1 tr:last-child th , .tbl_view.tp1 tr:last-child td{padding-bottom:40px;border-bottom:1px solid #ebebeb}
.tbl_view.line tr:last-child th , .tbl_view.line tr:last-child td{padding-bottom:20px;border-bottom:1px solid #ebebeb}
.tbl_view.tp2 th , .tbl_view.tp2 td{padding:17px 0 17px 24px;color:#000}
.tbl_view.tp3{border-bottom:1px solid #ebebeb}
.tbl_view.tp3 th{font-size:20px;line-height:26px;color:#5c5c5c;font-weight:500;}
.tbl_view.tp3 td{font-size:20px;line-height:26px;color:#000;font-weight:600}
.tbl_view > .view_list li{display:flex;justify-content:space-between;width:100%;padding:40px 0;align-items:flex-start}
.tbl_view > .view_list li + li{border-top:1px solid #ebebeb}
.tbl_view > .view_list li .h4_b_lt{width:204px;}
.tbl_view > .view_list li .con{width:calc(100% - 304px);}
.tbl_view > .view_list li .h4_b_rt{width:100px;}
.tbl_view > .view_list li .box_info{display:flex;}
.tbl_view > .view_list li .box_info p{margin-right:10px;font-size:14px;color:#858585}
.box_content > .tbl_con.line > .h3_b_lt{padding:16px 0 36px;border-bottom:1px solid #ebebeb}
.box_content .tbl_view th , .box_content .tbl_view td{padding:17px 0 17px 24px}
.box_content .tbl_view.tp2 th , .box_content .tbl_view.tp2 td{padding:13px 0;vertical-align:top;line-height:22px;border-bottom:none;}
.box_content .tbl_view.tp2 th p{font-weight:500;}
.box_content .tbl_view.tp2 td p{font-weight:700;text-align:right;}

/*바로발급서비스 타입 추가*/
.sub_main .pick_info ol{width:100%;justify-content:center;padding:0;margin-top:12px;border:none;}
.sub_main .pick_info ol li{padding:12px 0;width:130px;height:132px;margin-right:48px;}
.sub_main .pick_info ol li:last-child{margin-right:0;}
.sub_main .pick_info ol li:after{right:-40px;}
.sub_main .pick_info ol li:before{background:url('/docfiles/resources/pc/images/card/ico_infoQ1.png') no-repeat;background-size:64px 64px;border:none;}
.sub_main .pick_info ol li:nth-child(2):before{background:url('/docfiles/resources/pc/images/card/ico_infoQ2.png') no-repeat;background-size:64px 64px;}
.sub_main .pick_info ol li:nth-child(3):before{background:url('/docfiles/resources/pc/images/card/ico_infoQ3.png') no-repeat;background-size:64px 64px;}
.sub_main .pick_info ol li:nth-child(4):before{background:url('/docfiles/resources/pc/images/card/ico_infoQ4.png') no-repeat;background-size:64px 64px;}
.sub_main .pick_info ol li:nth-child(5):before{background:url('/docfiles/resources/pc/images/card/ico_infoQ5.png') no-repeat;background-size:64px 64px;}
.sub_main .box_bul + .box_bul{padding-top:0;margin-top:60px;}

/* 구웹 최적화 ==^ */
.fix_banner{position:fixed;background:linear-gradient(90deg , rgb(245,245,245) , rgb(224,224,224) 100%);width:344px;height:104px;border-radius:24px;bottom:40px}
.fix_banner.right{right:16px;}
.fix_banner.right a{display:flex;align-items:center;padding:24px 24px;}
.fix_banner.right a .con{margin-left:28px}
.fix_banner .ban_close{position:absolute;width:32px;top:8px;right:8px}
.fix_banner .ban_close img{width:100%;}
.sub_card .form_tit.line + .grid_items{margin-top:56px;}
.sub_card .grid_items{align-items:flex-start;margin-top:32px;}
.sub_card .grid_items .grid_tit{width:204px}
.sub_card .grid_items .con{width:calc(100% - 204px)}
.sub_card .input_cell_box.focused .label_show , .sub_card .input_cell_box.completed .label_show{display:inline-block;}
.sub_card .label_show{display:none;}
.sub_card td .form_view{width:calc(100% + 204px);margin-left:-204px;}
.sub_card td .form_view_items{display:flex;margin-top:52px;}
.sub_card td .form_view_items [class^="h4"]{width:204px;padding-top:20px}
.sub_card td .form_view_items [class^="h4"] + *{width:calc(100% - 204px)}
.sub_card .card_name{margin-top:32px;}
.sub_card .card_name .grid_wct_hct + .grid_wct_hct{margin-top:12px;}
.sub_card .grid_imgbox{justify-content:center;margin-top:52px;}
.sub_card .grid_imgbox .img_w180{margin:0 16px;}
.sub_card .sel_color .radio_box li label{flex-direction:column;align-items:center;}
.sub_card .sel_color .radio_box li label p + p{margin-top:8px}
.sub_card .slide_con {background:#f5f5f5;padding:0 24px;margin-top:52px;}
.sub_card .slide_con dt{background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat center right / 24px;padding:18px 0;}
.sub_card .slide_con dt.on{background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png') no-repeat center right / 24px;}
.sub_card .slide_con dd .tbl_view{border-color:#e0e0e0}
.sub_card .slide_con dd .tbl_view th{font-size:14px;line-height:22px;border-color:#e0e0e0}
.sub_card .slide_con dd .tbl_view td{font-size:14px;line-height:22px;border-color:#e0e0e0}
.sub_card .input_datepicker .select_wrap a{padding:0 32px 0 16px;font-size:16px;color:#000;}
.modal_alert .dpbk > img{width:80px;}
.impos{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.64);display:flex;align-items:center;border-radius:8px;justify-content:center;}

/*margin*/
.sub_card .cert + .form_items
{margin-top:0;}
.mt4 , .p1_lt_2ln + .p2_lt_2ln
{margin-top:4px}
.chk_down + .check_terms , .sub_card .bul_list02.mt8 , .card_app .radio_box.h132 + [class*="p2"] , .etc_card .grid_box .h4_m_lt + .h4_m_lt
{margin-top:8px}
.check_wrap .box_chk01 + p , .p2_1ln_lt + .box_input01 , .layer_items [class^="h4"] + .grid_graybox , .card_app .gift_list + .items_in
{margin-top:12px;}
.standard .headline + [class*="p1"] , [class^="radio_box"] + p , .tab_box64 + p , .box_input01 + [class^="p1_m"] , [class^="p1_b"] + [class^="radio_box"] , .mt16 , .grid_box64 + .box_btn.alR,
.card_app .items_in .check_gray , .etc_card .grid_box.gift .box_btn , .sub_card .grid_items .con .check_wrap .box_chk01 + .bul_list01 , .form_items h4 + .con
{margin-top:16px;}
.h2_b_lt + .tab_category , .box_bul [class*="h4"] + ul , .box_input01 + .custom_mix , [class^="h4"] + [class^="radio_box"] , .box_input01 ~ .box_input01 , .h4_b_lt + .chk_down , .form_tit + [class^="radio_box"] ,
[class^="h4"] + .grid_graybox , .items_in [class^="p1"] + [class^="radio_box"] , .form_tit + .grid_box64 , [class^="h4"] + .box_btn , .box_input01 + [class*="p2_m"] , .form_tit + .box_input01 , [class^="radio_box"] + .box_input01,
.box_input01 + .bul_list02 , .box_select_like + .box_input01 , .card_app .terms + .check_gray , .card_app h3.headline + .radio_box , .box_select + .box_input01 , .box_input01.row2 + .box_btn , .form_items [class^="h4"] + [class^="grid"] ,
.etc_card .h3_b_lt + .tbl_view
{margin-top:20px;}
.box_top_tit .h1_eb_ctr + .p1_m_ctr_1ln , .card_app h3 + [class*="p1"] , .card_app h3 + .bul_list01 , .form_tit.line + [class^="p1"]
{margin-top:24px;}
.card_section_tit_desc + .list05, /* 2023-05-16 GGU282 - 추가 */
.card_section [class^="h2"] + .list05
{margin-top:56px;} /* Q20098 margin-top:28px -> 56px로 변경 */
[class^="radio_box"] + .box_terms_wrap , .box_terms_wrap + .box_input01 , [class^="radio_box"] + .grid_items , .form_items .items_in + .items_in , [class^="radio_box"] + .items_in , .form_txt + .items_in , .layer_items
{margin-top:36px;}
.standard .headline + [class^="radio_box"] , .terms + .box_btn , .standard .headline + .terms , .form_items + .box_btn , .headline + p + .tab_box64 , .box_input01 + .check_gray.box_chk01 , .card_app h3 + .radio_box ,
.etc_card .grid_box.gift .box_btn + .box_btn , .sub_card .grid_items .con .check_wrap + .check_wrap
{margin-top:40px;}
.grid_wbt.bg_sd04.yt_banner + .tbl_con , .standard .box_bul + .box_btn
{margin-top:44px;}
.box_top_tit + .car_subscribe , .box_top_tit + .form_items , .card_app .items + .items , .card_app h3:not(.headline):not(.tit) + .grid_items
{margin-top:52px}
.form_items ~ .form_items , .headline ~ .form_items , .tab_box64 ~ .form_items , .tab_box64 + p + .form_items , .box_car + .form_txt , .form_tit.line + [class^="p1"] + .grid_items
{margin-top:56px}/* 2024-06-28 Q20542 수정 */
.card_app .items_in + .gift_buy{margin-top: 44px;}/* 2024-06-28 Q20542 추가 */
.card_detail + .box_btn
{margin-top:64px;}
.card_top + .card_tit
{margin-top:80px}
.tbl_con + .box_bul , .etc_card .card_section
{margin-top:96px}

.card_section_tit_desc {margin-top:12px;} /* 2023-05-16 GGU282 - 추가 */

/*위치에 따른 여백조정을 위한 클레스*/
.form_items.mt20{margin-top:20px;}.form_items.mt32{margin-top:32px;}.form_items.mt36{margin-top:36px;}.form_items.mt40{margin-top:40px;}



/*정형철 06-11 class 추가 및 정리 통합본*/

/*display type*/
[class*="dpfx"]{display:flex;}[class*="dpbk"]{display:block;}[class*="dpne"]{display:none !important;}[class*="dpibk"]{display:inline-block;}

/*align*/
[class*="jbtw"]{justify-content:space-between;}[class*="jctr"]{justify-content:center;}[class*="jard"]{justify-content:space-around;}
[class*="actr"]{align-items:center;}[class*="afnd"]{align-items:flex-end;}[class*="tctr"]{text-align:center;}

/*background*/
[class*="graybg"]{background:#ebebeb}
[class*="lineargray"]{background:linear-gradient(180deg , #fff , rgba(0,0,0,.03) 23%)}

/* line */
[class*="bline"]{border-bottom:1px solid rgba(0,0,0,.12)}
[class*="tline"]{border-top:1px solid rgba(0,0,0,.12)}

/*opacity*/
[class*="opt0"]{opacity:0;}

.mt0{margin-top:0px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px;}.mt6{margin-top:6px !important;}.mt7{margin-top:7px !important;}.mt8{margin-top:8px;}.mt10{margin-top:10px !important}.mt11{margin-top:11px !important}.mt12{margin-top:12px !important}.mt13{margin-top:13px !important}.mt14{margin-top:14px;}.mt15{margin-top:15px !important;}.mt16{margin-top:16px !important;}.mt17{margin-top:17px !important;}.mt18{margin-top:18px !important}.mt19{margin-top:19px !important}.mt20{margin-top:20px !important;}.mt21{margin-top:21px !important;}.mt22{margin-top:22px !important;}.mt23{margin-top:23px !important;}.mt24{margin-top:24px !important}.mt25{margin-top:25px !important}.mt27{margin-top:27px !important}.mt28{margin-top:28px !important}.mt30{margin-top:30px;}.mt32{margin-top:32px !important}.mt33{margin-top:33px !important}.mt35{margin-top:35px !important}.mt36{margin-top:36px !important}.mt39{margin-top:39px !important}.mt40{margin-top:40px !important}.mt42{margin-top:42px !important}.mt43{margin-top:43px !important}.mt44{margin-top:44px !important}.mt47{margin-top:47px !important}.mt48{margin-top:48px !important}.mt51{margin-top:51px !important}.mt52{margin-top:52px !important}.mt54{margin-top:54px !important}.mt55{margin-top:55px !important}.mt56{margin-top:56px !important}.mt64{margin-top:64px !important}.mt67{margin-top:67px !important}.mt69{margin-top:69px !important}.mt72{margin-top:72px !important}.mt74{margin-top:74px !important}.mt76{margin-top:76px !important}.mt79{margin-top:79px !important}.mt80{margin-top:80px !important}.mt83{margin-top:83px !important}.mt85{margin-top:85px !important}.mt89{margin-top:89px !important}.mt96{margin-top:96px !important}.mt97{margin-top:97px !important}.mt102{margin-top:102px !important}.mt104{margin-top:104px !important}.mt112{margin-top:112px}.mt116{margin-top:116px}.mt132{margin-top:132px !important}.mt159{margin-top:159px !important}.mt160{margin-top:160px !important}
.mt66{margin-top:66px}
.ml_at{margin-left:auto !important}.ml0{margin-left:0px !important}.ml4{margin-left:4px !important}.ml8{margin-left:8px !important}.ml12{margin-left:12px !important}.ml16{margin-left:16px !important}.ml24{margin-left:24px !important}.ml26{margin-left:26px !important}.ml32{margin-left:32px !important}.ml36{margin-left:36px !important}.ml40{margin-left:40px !important}.ml44{margin-left:44px !important}.ml56{margin-left:56px !important}.ml86{margin-left:86px !important}.ml311{margin-left:311px !important}
.mr10{margin-right:10px !important}.mr12{margin-right:12px !important}.mr16{margin-right:16px !important}.mr24{margin-right:24px !important}.mr28{margin-right:28px !important}.mr33{margin-right:33px !important}.mr52{margin-right:52px !important}.mr77{margin-right:77px !important}.mr95{margin-right:95px !important}
.mb4{margin-bottom:4px !important;}.mb20{margin-bottom:20px !important;}.mb44{margin-bottom:44px !important;}.mb70{margin-bottom:70px !important;}

.mg_x_-8{margin-left:-8px !important;margin-right:-8px !important;}
.mg_x_at{margin-left:auto !important;margin-right:auto !important;}.mg_x0{margin-left:0px !important;margin-right:0px !important;}.mg_x8{margin-left:8px !important;margin-right:8px !important;}.mg_x20{margin-left:20px !important;margin-right:20px !important;}.mg_x24{margin-left:24px !important;margin-right:24px !important;}.mg_x44{margin-left:44px !important;margin-right:44px !important;}

.pd0{padding:0px !important}.pd12{padding:12px !important}.pd24{padding:24px !important}
.pd_x0{padding-left:0px !important;padding-right:0px !important}.pd_x4{padding-left:4px !important;padding-right:4px !important}.pd_x12{padding-left:12px !important;padding-right:12px !important}.pd_x16{padding-left:16px !important;padding-right:16px !important}.pd_x18{padding-left:18px !important;padding-right:18px !important}.pd_x23{padding-left:23px !important;padding-right:23px !important}.pd_x24{padding-left:24px !important;padding-right:24px !important}.pd_x28{padding-left:28px !important;padding-right:28px !important}.pd_x102{padding-left:102px !important;padding-right:102px !important}
.pd_y2{padding-top:2px !important;padding-bottom:2px !important}.pd_y3{padding-top:3px !important;padding-bottom:3px !important}.pd_y7{padding-top:7px !important;padding-bottom:7px !important}.pd_y8{padding-top:8px !important;padding-bottom:8px !important}.pd_y12{padding-top:12px !important;padding-bottom:12px !important}.pd_y16{padding-top:16px !important;padding-bottom:16px !important}.pd_y17{padding-top:17px !important;padding-bottom:17px !important}.pd_y18{padding-top:18px !important;padding-bottom:18px !important}.pd_y19{padding-top:19px !important;padding-bottom:19px !important}.pd_y20{padding-top:20px !important;padding-bottom:20px !important}.pd_y23{padding-top:23px !important;padding-bottom:23px !important}.pd_y24{padding-top:24px !important;padding-bottom:24px !important}.pd_y27{padding-top:27px !important;padding-bottom:27px !important}.pd_y28{padding-top:28px !important;padding-bottom:28px !important}.pd_y32{padding-top:32px !important;padding-bottom:32px !important}.pd_y40{padding-top:40px !important;padding-bottom:40px !important}.pd_y48{padding-top:48px !important;padding-bottom:48px !important}.pd_y50{padding-top:50px !important;padding-bottom:50px !important}.pd_y69{padding-top:69px !important;padding-bottom:69px !important}.pd_y72{padding-top:72px !important;padding-bottom:72px !important}.pd_y80{padding-top:80px !important;padding-bottom:80px !important}.pd_y169{padding-top:169px !important;padding-bottom:169px !important}
.pt0{padding-top:0px !important;}.pt1{padding-top:1px !important;}.pt2{padding-top:2px !important;}.pt3{padding-top:3px !important;}.pt5{padding-top:5px !important;}.pt6{padding-top:6px !important;}.pt8{padding-top:8px !important;}.pt12{padding-top:12px !important;}.pt14{padding-top:14px !important;}.pt15{padding-top:15px !important;}.pt17{padding-top:17px !important;}.pt19{padding-top:19px !important;}.pt20{padding-top:20px !important;}.pt21{padding-top:21px !important;}.pt25{padding-top:23px !important;}.pt24{padding-top:24px !important;}.pt26{padding-top:26px !important;}.pt27{padding-top:27px !important;}.pt28{padding-top:28px !important;}.pt29{padding-top:29px !important;}.pt32{padding-top:32px !important;}.pt33{padding-top:33px !important;}.pt35{padding-top:35px !important;}.pt36{padding-top:36px !important;}.pt37{padding-top:37px !important;}.pt39{padding-top:39px !important;}.pt40{padding-top:40px !important;}.pt43{padding-top:43px !important;}.pt64{padding-top:64px !important}.pt68{padding-top:68px !important}.pt74{padding-top:74px !important}.pt119{padding-top:119px !important}
.pl0{padding-left:0px !important;}.pl4{padding-left:4px !important;}.pl8{padding-left:8px !important;}.pl12{padding-left:12px !important;}.pl16{padding-left:16px !important;}.pl24{padding-left:24px !important;}.pl30{padding-left:30px !important;}.pl32{padding-left:32px !important;}.pl36{padding-left:36px !important;}.pl37{padding-left:37px !important;}.pl40{padding-left:40px !important;}.pl48{padding-left:48px !important;}.pl64{padding-left:64px !important;}.pl112{padding-left:112px !important;}
.pr0{padding-right:0px !important;}.pr4{padding-right:4px !important;}.pr12{padding-right:12px !important;}.pr16{padding-right:16px !important;}.pr37{padding-right:37px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}
.pb0{padding-bottom:0px !important;}.pb2{padding-bottom:2px !important;}.pb3{padding-bottom:3px !important;}.pb4{padding-bottom:4px !important;}.pb10{padding-bottom:10px !important;}.pb11{padding-bottom:11px !important;}.pb12{padding-bottom:12px !important;}.pb14{padding-bottom:14px !important;}.pb15{padding-bottom:15px !important;}.pb16{padding-bottom:16px !important;}.pb18{padding-bottom:18px !important;}.pb22{padding-bottom:22px !important;}.pb23{padding-bottom:23px !important;}.pb28{padding-bottom:28px !important;}.pb35{padding-bottom:35px !important;}.pb36{padding-bottom:36px !important;}.pb40{padding-bottom:40px !important;}.pb48{padding-bottom:48px !important;}.pb64{padding-bottom:64px !important;}.pb80{padding-bottom:80px !important;}.pb88{padding-bottom:88px !important;}.pb100{padding-bottom:100px !important;}.pb120{padding-bottom:120px !important}.pb135{padding-bottom:135px !important}

.layer_body > .dpfx{padding:40px 0 0;}
.sub_card.fullsize .content{width:100%;}
.w178{width:178px;}.w192{width:192px;}.w278{width:278px;}.w384{width:384px}
.gray_box{background:#f5f5f5;height:104px;display:flex;justify-content:flex-start;padding:0 40px;align-items:center;}
.gray_box dd{margin-left:92px}
.no_bdr_b {border-bottom:none !important} /* 2022-01-26 Q10552 */

/* list */
[class^="list"]{position:relative;}

.sub_card .ndata + .box_btn{margin-top:70px !important;}
.sub_card .box_chk02{padding:10px 0;}
.sub_card .agree_list .box_chk02{padding:0;}
.sub_card .box_chk02 .check_label{min-width:88px;margin-right:10px;}
.sub_card .box_chk02 .check_label{padding-left:36px}
.sub_card .box_chk02 input:checked + .check_label{color:#000;}
.sub_card .box_chk02 .check_label + span{padding:4px 0;}

/* radio box type */

.gray_bg .content.w792{background:#fff}
.radio_box.img64 label{flex-direction:column;align-items:center;}
.radio_box.round_chk li{padding:27px 0;width:100%;}
.radio_box.round_chk li .p2_m_lt_1ln{color:#858585 !important;}
.radio_box.round_chk li .p2_m_lt_1ln span{position:relative;padding-left:10px;}
.radio_box.round_chk li .p2_m_lt_1ln span:before{width:2px;height:2px;content:'';display:block;background:rgba(0,0,0,.08);border-radius:100%;position:absolute;left:4px;top:calc(50% - 1px)}
.radio_box.round_chk li + li{border-top:1px solid #ebebeb}
.radio_box.round_chk .img{width:48px;margin-right:16px}
.radio_box.round_chk input + label{padding-left:56px;align-items:center;}
.radio_box.round_chk input + label:before{position:absolute;border:none;width:28px;height:28px;border-radius:100%;background:rgba(0,0,0,.12);top:calc(50% - 14px);left:2px;}
.radio_box.round_chk input:checked + label:after{content:'';background:#000;border-radius:100%;width:10px;height:10px;display:block;left:11px;top:calc(50% - 5px);position:absolute;}


/* 신규 셀렉트 타입*/
.sub_card .select_wrap a{padding:0;font-size:20px;color:#ccc;}
.sub_card .box_input01 .t_txt{position:absolute;left:0;top:0;color:#ccc;font-size:12px;}
.custom_mix .box_select.h64{width:172px;padding-right:0;}
.sub_card .box_select.h64{height:64px;border:1px solid #ccc;border-radius:8px;}
.sub_card .box_select.h64 .select_wrap .btn_select:before{display:none;}
.sub_card .box_select_like.h64 a span{font-weight:500;}
.sub_card .box_select.h64 .select_wrap a{padding-left:20px;color:#000}
.sub_card .box_select.h64.dropdown02{border:none;border-bottom:1px solid #ccc;border-radius:0;}
.sub_card .box_select.h64.dropdown02 .select_wrap a{padding-left:0;}
.sub_card .box_input01 .drop_link , .sub_card .box_input02 .drop_link{border:none;border-radius:0;height:65px;}
.sub_card .box_input01 .drop_link a , .sub_card .box_input02 .drop_link a{display:flex;align-items:center;font-size:20px;background-position:right center}
.sub_card .box_input01 .select_down , .sub_card .box_input02 .select_down{top:54px;}
.sub_card .box_input01 .drop_link[aria-expanded="true"] span{color:#000 !important;}
.sub_card .box_input01 .input_cell.nth4{display:flex;justify-content:space-around;}
.sub_card .box_input01 .input_cell.nth4:after{content:'';width:6px;height:1px;background:#ccc;display:block;position:absolute;right:140px;top:35px;}
.sub_card .box_input01 .input_cell.nth4 > *{width:20%;text-align:center;display:inline-block;}
.sub_card .box_input01 .msg_error{color:#ff0000;margin-top:4px;}

/*추가정보 입력 input box*/
.input_box{position:relative;height:64px;border:1px solid #ebebeb;border-radius:8px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between}
.input_box > .h4_b_lt{padding-left:12px}
.input_box + .input_box{margin-top:12px;}
.input_box.type1{padding:17px 16px;border:none;border-radius:0;border-bottom:1px solid #ebebeb}
.input_box label{font-size:20px;cursor:pointer;line-height:20px;color:#858585;height:48px;display:flex;align-items:center;width:100%;}
.input_box label span{margin-right:8px;display:flex;}
.input_box input[type="radio"]:checked + label{color:#000;font-weight:700;}
.input_box input[type="radio"]:checked + label:before{content:'';left:0;top:0;width:100%;height:100%;border:2px solid #000;position:absolute;border-radius:8px;}
.input_box input[type="radio"]:checked + label:after{content:'';position:absolute;display:block;width:32px;height:32px;right:16px;top:calc(50% - 16px);background:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png') no-repeat;background-size:32px auto;}
.input_box.active{height:auto;flex-wrap:wrap;padding:19px 12px 17px 16px;}
.input_box .input_items{width:100%;display:flex;justify-content:space-between;margin-top:20px;padding-left:28px;background:url('/docfiles/resources/pc/images/card/ico_re.png') no-repeat 8px top;background-size:16px 16px;}
.sub_card .img_w82{width:82px;}

/* switch btn */
/* s : 2026-02-04 Q11870 1445_GPCC_웹접근성 수정 요청의 건 */
.switch_btn label{display:block;width:48px;height:28px;background:#e0e0e0;border-radius:20px;position:relative;transition:background .7s}
.switch_btn label:after{content:'';position:absolute;width:24px;height:24px;display:block;border-radius:100%;background:#fff;left:2px;top:2px;transition:left .5s}
.switch_btn input:checked + label{background:#000;transition:background .7s}
.switch_btn input:checked + label:after{left:22px;transition:left .5s}
/* .switch_btn label{display:block;width:41px;height:24px;background:#7a7a7a;border-radius:20px;position:relative;transition:background .7s}
.switch_btn label:after{content:'';position:absolute;width:20px;height:20px;display:block;border-radius:100%;background:url('/docfiles/resources/pc/images/common/icon/w32/toggle_off.png') no-repeat left top;background-size:20px 20px;left:2px;top:2px;transition:left .5s}
.switch_btn input:checked + label{background:#000;transition:background .7s}
.switch_btn input:checked + label:after{left:19px;background:url('/docfiles/resources/pc/images/common/icon/w32/toggle_on.png') no-repeat left top;background-size:20px 20px;transition:left .5s} */
/* e : 2026-02-04 Q11870 1445_GPCC_웹접근성 수정 요청의 건 */
.search_box{position:relative;border:1px solid #333;border-radius:8px;padding:24px 28px}
.search_box .search_fillter .box_btn{position:absolute;top:24px;right:28px;margin-top:0;}
.search_box .search_fillter > ul > li{padding:0}
.search_con .no_data{padding:160px 0 ;border-bottom:1px solid #ebebeb;}
.wait_con{padding:128px 0}
.waiting{width:234px;height:369px;border-radius:8px;display:flex;justify-content:center;margin:24px auto 0;align-items:center;background:#00b3e3;box-shadow:0 16px 32px 0 rgba(0,0,0,.24)}
.waiting p{color:#fb9019;}
.waiting p strong{font-size:64px;line-height:77px;font-weight:700;}


/*loading bar*/
.loading{background:rgba(0,0,0,.64);position:fixed;display:flex;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column;}
.loading:before{content:'';display:block;margin:0 auto 20px;;animation:loading 1s infinite;width:72px;height:72px;background:url('/docfiles/resources/pc/images/card/ico_circle.png') no-repeat;background-size:72px 72px;}

/* 카드 수령 등록 : 정형철*/
.pick_card .section , .pick_card .content{width:792px}
.pick_info{position:relative;display:flex;justify-content:space-between;margin-top:20px;}
.pick_info ol{position:relative;display:flex;justify-content:space-between;padding:24px 34px;border:1px solid #ebebeb;border-radius:8px;width:588px;}
.pick_info ol li{position:relative;width:120px;padding-top:11px;}
.pick_info ol li:after{content:'';display:block;position:absolute;width:32px;height:100%;right:-56px;top:0;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png') no-repeat center center;background-size:32px 32px;opacity:.2}
.pick_info ol li:before{content:'';margin:0 auto 4px;display:block;width:64px;height:64px;border:0px dotted #ebebeb;background:url('/docfiles/resources/pc/images/card/ico_info1.png') no-repeat center center;background-size:64px 64px;}
.pick_info ol li:nth-child(2):before{background:url('/docfiles/resources/pc/images/card/ico_info2.png') no-repeat;background-size:64px 64px;}
.pick_info ol li:nth-child(3):before{background:url('/docfiles/resources/pc/images/card/ico_info3.png') no-repeat;background-size:64px 64px;}
.pick_info ol li:last-child:after{display:none;}
.pick_info .qr{width:180px;height:160px;padding:25px 35px;border-radius:8px;border:1px solid #ebebeb;}



.radio_box.h64.row4 li{width:calc((100% - 32px)/4);max-width:calc((100% - 48px)/4);margin:12px 16px 0 0}
.radio_box.h64 label{height:64px;align-items:center;font-size:20px;}
.sub_card .fc_import{color:#eb2e2d;display:inline-block;vertical-align:top;line-height:32px;}

/* 카드 신청(후불 하이패스) */

/* app_view 07.28 수정 */
.card_app .app_view{display:flex;margin:96px -12px 0;position:relative;}
.card_app .app_view::after{content:'';width:32px;height:32px;position:absolute;top:126.5px;left:50%;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_plus_b.png') no-repeat center/contain;opacity:.64;transform:translateX(-50%);}
.card_app .app_view .items{flex:0 0 408px;width:408px;}
.card_app .app_view .img{width:180px;height:285px;margin:0 auto;border:1px dashed #ebebeb;border-radius:8px;}

.tbv{display:flex;align-items:center;border-top:2px solid #000;}
.tbv + .tbv{border-top:1px solid #ebebeb}
.tbv:last-child{border-bottom:1px solid #ebebeb;}
.bd_bc_a04 .tbv + .tbv,
.bd_bc_a04 .tbv:last-child{border-color:#f5f5f5;}
.tbv.h64{padding:19px 0;}/*07.28 top: 18px -> 19px 수정*/
.tbv dt{width:204px;padding-left:24px;}
.tbv.dt_w306 dt{width:306px;}
.tbv dd{width:calc(100% - 204px)}
.tbv.dt_w306 dd{width:calc(100% - 306px)}
.tbv .radio_box{margin-top:-12px;}

.tbv.type1{border:none;padding:32px 24px 0}
.tbv .img{width:48px;margin-right:16px;}

.radio_box + .tbv{border-top:none;margin-top:20px;}
.h3_b_lt + .tbv{border-top:none;}

/*chameleon 카드*/
.w400{width:400px}
.radio_box.h132 li{width:186px;margin-right:16px;}
.radio_box.h132 li i{display:inline-block;width:112px;height:60px}
.radio_box.h132 li label{height:132px;display:flex;flex-direction:column;align-items:center;padding-top:12px;}

/*배민 쏘카 연결 layer*/
h1.logo{width:170px;height:21px;}
.layer_body .qr{width:68px;margin-top:20px}
.pt60{padding-top:60px;}
.check_gray .btn_pop_arrow{top:16px;right:12px;opacity:1;}
.blue_box{position:relative;background:rgba(0,92,185,.08);border-radius:8px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;height:56px;}
.blue_box a{display:block;width:24px;height:24px;background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 50% 50%;background-size:24px 24px;}
.bul_tit{padding:9px 0;}
.sub_card .dash_list01{margin-bottom:8px;}
.agree_con{padding:12px 6px 0 36px;color:#858585;}

/*웹표준화 추가 07. 12*/
.aco_wrap{padding:0;}
.aco_wrap .box_chk01 .btn_pop_arrow{top:16px;right:12px;}
.aco_wrap .chk_list , .aco_wrap .chk_list{padding:0 12px 16px;}
.aco_wrap .chk_list .box_chk02{padding:0;}
.items.tline{position:relative;border-color:#ebebeb;}


.form_items h3 + .input_box{margin-top:20px;}
.h4_b_lt .textbico_small{line-height:20px}
.box_ctr img{width:64px;height:64px;background:#000;display:inline-block;border-radius:8px;}
.box_btn a + .w100p{margin-left:0;}

.box_datepicker01{display:flex;align-items:center;margin-right:8px}
.box_datepicker01 .bar_dash{margin:0 12px;}
.box_datepicker01 .start_date , .box_datepicker01 .end_date{width:230px;display:flex;justify-content:space-between;}
.box_datepicker01 .items{width:128px;}
.box_datepicker01 .items + .items{width:100px;}
.box_datepicker01 .select_wrap.on .ul_select_list{max-height:200px;}
.box_select_like{border-color:#ccc}


.box_input01.row2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.box_input01.row2 .input_cell_box.w282{width:282px;}
.box_input01.row2 .input_cell_box.w282 + .input_cell_box{width:calc(100% - 306px)}
.box_input01.row2 .input_cell_box.w588{width:588px;}
.box_input01.row2 .input_cell_box.w588 + .box_btn{width:calc(100% - 612px)}
.cert_row2{display:flex;justify-content:space-between;margin-top:40px;}
.cert_row2 .w180{width:180px;}
.cert_row2 .box_input01{width:calc(100% - 204px)} 

.box_btn.alC.col{padding:0 40px}

/* 이은혜 과장님 작업본 */
.over_hid{overflow:hidden;}

.content.w792{width:792px !important}
.section.w100p{width:100% !important}

.m_width148{min-width:148px;}
.m_width170{min-width:170px;}
.m_width292{min-width:292px;}
.m_width346{min-width:346px;}
.m_width392{min-width:392px;}

.max_w588{max-width:588px;}

.m_height454{min-height:454px;}
.m_height670{min-height:670px;}

.w18{width:18px}
.w19{width:19px}
.w32{width:32px}.w32 img{width:100%;}
.w48{width:48px}
.w49{width:49px}
.w51{width:51px}
.w80{width:80px;}
.w100{width:100px;}
.w112{width:112px;}
.w140{width:140px}
.w160{width:160px}
.w180{width:180px}
.w200{width:200px}
.w208{width:208px}/* 2024-05-21 GGU442 */
.w220{width:220px}
.w244{width:244px}
.w282{width:282px}
.w330{width:330px}
.w337{width:337px}
.w360{width:360px}
.w422{width:422px}
.w508{width:508px}
.min_w76{min-width:76px}
.h48{height:48px;}
.height20{height:20px;}
.height56{height:56px;}
.height64{height:64px;}
.height68{height:68px;}
.height72{height:72px;}
.height78{height:78px;}
.height80{height:80px;}
.height336{height:336px;}
.h48>img{width:auto;height:100%;}
img.img_h48{width:auto;height:48px;}
.wh24{width:24px;height:24px;}
.wh64{width:64px;height:64px;}
.wh80{width:80px;height:80px;}
.wh86{width:86px;height:86px;}
.wh102{width:102px;height:102px;}
.wh104{width:104px;height:104px;}
.fc_m_a7C{color:#7c7c7c}
.fc_m_red{color:#eb2e2d}
.fc_m_red2{color:#ff0000}
.fc_m_b7c7c7c{color:#7c7c7c !important;}
.fw_bold{font-weight:bold !important;}
.bg_m3_m_08{background-color:rgba(0,92,185,0.08) !important;}
.bg_eff7ff{background-color:#eff7ff;}

[class^="textbico"][class*="_mide"][class*="_down_blk"]{background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png');}

.size32_arrowB_for_a20{width:32px;height:inherit;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png') no-repeat center / contain;opacity:.2;}

.after_line_w690h1_08{position:relative !important;}
.after_line_w690h1_08::after{content:'';position:absolute;bottom:0;left:0;width:690px;height:1px;background-color:#ebebeb;}

.use_calendar._v2 .direct_cld label{border-color:#f5f5f5}
.use_calendar._v2 .list_sel_inp > li label:before{border-color:transparent}

.box_fw500 > b {font-weight:500;}

.line_dot2_a08{display:block;flex:0 0 2px;width:2px;height:2px;background:#ebebeb;margin:0 4px;border-radius:50%;}
.aco_wrap .box_reset1{margin:-13px -12px 0;padding: 1px 16px 18px 48px;border-bottom:1px solid #ebebeb;background:#fff;}
.pay_h1yu > .won.fw700{font-weight:700 !important}

.round_dot2_type1,
.round_dot2box1 > span,
.round_dot2box1 > b{display:flex;align-items:center;}
.round_dot2_type1::before,
.round_dot2box1 > span:not(:first-of-type)::before,
.round_dot2box1 > b:not(:first-of-type)::before{content:'';width:2px;height:2px;flex:0 0 2px;border-radius:50%;background:#ebebeb;margin-left:4px;margin-right:4px;}
.round_dot2box1._blk > span:not(:first-of-type)::before{background:#000 !important;}

.terms._type2 .check_wrap .check_label{color:#858585;font-weight:500 !important;}
.terms._type2 .check_wrap .check_input:checked + .check_label{color:#000;}

.list_radio[class*="_type_col"]{display:flex;flex-wrap:wrap;}
.list_radio li label span{width:100%;}
.list_radio._type_col1 > li{flex:0 0 100%;width:100%;}
.list_radio._type_col1 > li:not(:first-child){margin-top:6px;}
.list_radio._type_col2{margin:0 -8px;}
.list_radio._type_col2 > li{flex:1 1 40%;max-width:50%;margin:0 8px;}
.list_radio._type_col2 > li:nth-child(n+3){margin-top:8px;}

.select_cardbox{display:flex;}
.select_cardbox > .imgbox{flex:0 0 180px;}
.select_cardbox > .txtbox{flex:1;margin-left:16px;}

[class*="linebar"]{display:flex;align-items:center;}
[class*="linebar"]::before{content:'';display:inline-block;}
[class*="linebar"][class*="_w1h8"]::before{width:1px;height:8px;}
[class*="linebar"][class*="_w1h12"]::before{width:1px;height:12px;}
[class*="linebar"][class*="_w1h40"]::before{width:1px;height:40px;}
[class*="linebar"][class*="_a12"]::before,
[class*="linebar"][class*="_A12"]::before{background-color:#e0e0e0;}
[class*="linebar"][class*="_mg_x8"]::before{margin-left:8px;margin-right:8px;}
[class*="linebar"][class*="_mg_x12"]::before{margin-left:12px;margin-right:12px;}
[class*="linebar"][class*="_mg_x32"]::before{margin-left:32px;margin-right:32px;}

.bul_txt.line_h26,
.bul_list.line_h26 li{line-height:26px !important;}
.bul_list.h4m > li{font-size:20px;font-weight:500;line-height:26px;}

.interval_p_mt4 > p + p{margin-top:4px;}
.interval_p_mt6 > p + p{margin-top:6px;}

.interval_div_mt20>div+div{margin-top:20px;}
.interval_div_mt40>div+div{margin-top:40px;}
.interval_div_mt56>div+div{margin-top:56px;}

.interval_x_div16 div + div {margin-left:16px;}

.interval_x_li16 > li + li {margin-left:16px;}
.interval_x_li36 > li + li {margin-left:36px;}

.interval_li0 li + li {margin-top:0px !important;}
.interval_li6 li + li {margin-top:6px !important;}
.interval_li8 li + li {margin-top:8px !important;}
.interval_li10 li + li {margin-top:10px !important;}
.interval_li12 li + li {margin-top:12px !important;}
.interval_li20 > li + li {margin-top:20px !important;}
.interval_li32 > li + li {margin-top:32px !important;}
.interval_li40 > li + li {margin-top:40px !important;}
.dash_list02.p3m_2ln > li{font-size:12px;font-weight:500;line-height:18px;color:inherit;}
.dash_list02.p3m_2ln > li::before{top:9px;}
.dash_list02.fc_m_a48 > li::before{background:#858585;}
.box_btn a.w46 {min-width:46px;}
.box_btn a.w180 {min-width:180px;}

.list_sel_inp.h56_v2{margin-left:-8px;margin-right:-8px;height:56px;}
.list_sel_inp.h56_v2 > li{margin: 0 8px;padding: 12px 0 0;}
.list_sel_inp.h56_v2 > li a,
.list_sel_inp.h56_v2 > li label{min-height:56px;padding:12px;border-radius:8px;}
.list_sel_inp.h56_v2 > li a:before, 
.list_sel_inp.h56_v2 > li label:before{border-radius:8px;border-color:#ebebeb;}

.list_sel_inp._type2>li{height:56px;}
.list_sel_inp._type2 > li label{padding:0 0 0 12px;display:flex;align-items:center;}
.list_sel_inp._type2 > li label::before{top:0;}
.list_sel_inp._type2 > li:first-of-type label::before{border-radius:8px 8px 0 0;}
.list_sel_inp._type2 > li:last-of-type label::before{border-radius:0 0 8px 8px;}
.list_sel_inp._type2 > li:not(:first-of-type){margin-top:-1px;}

.list_sel_inp._type2 > li > a{display:flex;height:56px;width:100%;padding:0 0 0 46px;align-items:center;border:1px solid #000;border-radius:8px 8px 0 0;color:#858585;border-bottom:none;}
.list_sel_inp._type2 > li:last-child > a{border-radius:0 0 8px 8px;border-bottom:1px solid #000;;}
.list_sel_inp._type2 > li.active a{color:#000;}
.list_sel_inp._type2 > li.active a:before{opacity:1;}
.list_sel_inp._type2 > li > a:before{content:'';border:none;position:absolute;top:12px;left:10px;width:32px;height:32px;opacity:0.2;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%;background-size:32px 32px;}
.btn_pop_arrow.type1{top:12px;right:12px;}

input.input_txt + .input_label.txt_h3{font-size:20px;font-weight:700;line-height:32px;}

.check_gray._type2{padding:12px 0 18px 12px}
.check_gray._type2 .box_chk01 .check_label{font-weight:500}
.check_gray._type2 .box_chk01 .check_label .dash_list03 li{margin-top:0;line-height:18px;}
.check_gray._type2 .box_chk01 .check_input + .check_label:before{top:0;}

input[type="radio"].check_style32 + label .check_icon{height:32px;padding-left:36px;display:flex;align-items:center;position:relative;}
input[type="radio"].check_style32 + label .check_icon::before{content:'';position:absolute;top:-3px;left:0;width:32px;height:32px;opacity:0.2;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%;background-size:32px 32px;}
input[type="radio"].check_style32:checked + label .check_icon::before{opacity:1;}

.round_dot2_type1{display:flex;align-items:center;}
.round_dot2_type1::before{content:'';width:2px;height:2px;flex:0 0 2px;border-radius:50%;background:#ebebeb;margin-left:4px;margin-right:4px;}

.bd_t_1px_a08{border-top:1px solid #ebebeb !important;}
.bd_t_1px_a12{border-top:1px solid #e0e0e0;}
.bd_t_1px_a40{border-top:1px solid #949494;}
.bd_t_1px_000{border-top:1px solid #000;}
.bd_t_2px_000,.accodWrap2 .accodItem{border-top:2px solid #000;}
.bd_b_1px_a04{border-bottom:1px solid #f5f5f5;}
.bd_b_1px_a08{border-bottom:1px solid #ebebeb;}
.bd_b_1px_a08:last-child{border:none;}
.bd_b_1px_a12{border-bottom:1px solid #e0e0e0;}
.bd_b_1px_wht{border-bottom:1px solid #fff;}
.bd_l_1px_wht{border-left:1px solid #fff;}
.bd_l_1px_a48{border-left:1px solid #858585;}
.bd_1px_a08{border:1px solid #ebebeb}
.bd_1px_a20{border:1px solid #ccc}
.bd_1px_a80{border:1px solid #333}
.bd_t_2px_000 .list_sel_inp > li label,
.bd_t_2px_000 .list_sel_inp > li label:before { border-radius:8px;}
.bd_t_2px_000 .list_sel_inp.dpfx.flex_wrap > li { margin-right:8px; margin-left:8px; }

.sub_card .hds_box._type2 .box_select{border:1px solid #ccc;border-radius:8px;z-index:90;}
.sub_card .hds_box._type2 .box_select .select_wrap .btn_select{color:#000;padding-left:20px;}
.sub_card .hds_box._type2._fwb .box_select .select_wrap .btn_select{font-weight:700;}
.sub_card .hds_box._type2._fc_a20 .box_select .select_wrap .btn_select{color:#ccc;}

.ckbox_etc_service{padding:17px 0 18px;}
.ckbox_etc_service .box_chk01 .check_input + .check_label{font-size:16px;font-weight:500;line-height:22px;color:#858585;padding:0 0 0 48px;}
.ckbox_etc_service .box_chk01 .check_input + .check_label>small{display:block;margin-top:17px;font-size:12px;line-height:16px;}
.ckbox_etc_service .box_chk01 .check_input + .check_label:before{top:-5px;left:12px;}
.ckbox_etc_service .box_chk01 .check_input:checked + .check_label{color:#000}
.ckbox_etc_service .box_chk01 .check_input:checked + .check_label>small{color:#858585}

.border_r8,.bd_r8{border-radius:8px !important;}
.border_r12,.bd_r12{border-radius:12px;}
.bd_r24{border-radius:24px;}

.line_h16{line-height:16px !important}
.line_h24{line-height:24px !important}
.line_h26{line-height:26px !important}
.line_h100{line-height:100% !important}

.fi{float:initial !important;}
.pstR{position:relative !important;}
.t0{top:0 !important}
.aco_wrap .box_chk01.pl0.pr0 .btn_pop_arrow{right:0;}

.dpb{display:block !important;}
.dpib{display:inline-block !important;}
.dpfx_xy_center{display:flex;align-items:center;justify-content:center;}
[class*="dpfx"][class*="_align_c"]{align-items:center;}
[class*="dpfx"][class*="_align_e"]{align-items:flex-end;}
[class*="dpfx"][class*="_just_c"]{justify-content:center;}
[class*="dpfx"][class*="_just_e"]{justify-content:flex-end;}
[class*="dpfx"][class*="_just_bet"]{justify-content:space-between}
[class*="align_self_f"]{align-self:flex-start;}
.flex_wAuto{flex:1 1 15%;max-width:100%;}
.flex_w20p{flex:1 1 15%;max-width:20%;}
.flex_w25p{flex:1 1 20%;max-width:25%;}
.flex_w33p{flex:1 1 30%;max-width:219px;}
.flex_w33p._max_w186{max-width:186px;}
.flex_w33p._max_w235{max-width:235px;}
.flex_w33p._max_w238{max-width:238px;}
.flex_w33p._max_w253{max-width:253px;}
.flex_w33p._max_w254{max-width:254px;}
.flex_w50p{flex:1 1 40%;max-width:50%;}
.flex_w50p._max_w286{max-width:286px;}
.flex_w50p._max_w337{max-width:337px;}
.flex_w50p._max_w388{max-width:388px;}
.flex_w56{flex:0 0 56px;width:56px;}
.flex_w68{flex:0 0 68px;width:68px;}
.flex_w102{flex:0 0 102px;width:102px;}
.flex_w108{flex:0 0 108px;width:108px;}
.flex_w120{flex:0 0 120px;width:120px;}
.flex_w126{flex:0 0 126px;width:126px;}
.flex_w140{flex:0 0 140px;width:140px;}
.flex_w156{flex:0 0 156px;width:156px;}
.flex_w164{flex:0 0 164px;width:164px;}
.flex_w180{flex:0 0 180px;width:180px;}
.flex_w180 + .flex_wAuto , .flex_w180 + .flex_wAuto + .flex_w180{margin-left:24px;}
.flex_w185{flex:0 0 185px;width:185px;}
.flex_w204{flex:0 0 204px;width:204px;}
.flex_w240{flex:0 0 240px;width:240px;}
.flex_w281{flex:0 0 281px;width:281px;}
.flex_w282{flex:0 0 282px;width:282px;}
.flex_w384{flex:0 0 384px;width:384px;}
.flex_w387{flex:0 0 387px;width:387px;}
.flex_w690{flex:0 0 690px;width:690px;}
.flex_w792{flex:0 0 792px;width:792px;}
.flex_wrap{flex-wrap:wrap;}
.flex_column{flex-direction:column;}
.w384._flex_ver{flex:1;max-width:416px;width:auto;}

.flex_imgbox{display:flex;justify-content:center;align-items:center;}
.flex_imgbox.type1 > div:nth-child(3){border:1px dotted #000;border-radius:4px}
.flex_imgbox.type1 > div:nth-child(3) img{opacity:.24}
.flex_imgbox > div{flex:0 0 78px;width:78px;}
.flex_imgbox > div + div{margin-left:12px;}
.flex_imgbox > .plus{margin:0;width:24px;flex:0 0 24px}
.flex_imgbox > .plus + div{margin-left:0;}

.rotate180{transform:rotate(180deg) !important;}

.box_tooltip.left{right:unset;left:-16px;}
.box_tooltip.left::after{right:unset;left:24px;}

.bg_pst_r12_c{background-position:calc(100%-12px) center !important;}
.bg_origin_content{background-origin:content-box !important;}
[class^="bg"][class*="_wh32"]{width:32px;height:32px;}
[class^="bg"][class*="_pstC"]{background-position:center;}
[class^="bg"][class*="_size32"]{background-size:32px 32px;}
[class^="bg"][class*="_norepeat"]{background-repeat:no-repeat;}
[class^="bg"][class*="_ico_arrowB_down"]{background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png');}
[class^="bg"][class*="_arrowB_Forward_gry"]{background-image:url('/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png');}

.li_mr96 > li {margin-right:96px;}
.li_mr100 > li {margin-right:100px;}
.li_3n_mr0 > li:nth-child(3n){margin-right:0 !important}
.li_4n_mr0 > li:nth-child(4n){margin-right:0 !important}
.li_5n_mt40 > li:nth-child(n+5){margin-top:40px !important;}
.li_4n_mt44 > li:nth-child(n+4){margin-top:44px !important;}
[class*="rado_btn_style"] input+label{position:relative;}
[class*="rado_btn_style"] input+label::before{content:'';display:block;width:24px;height:24px;background:#e0e0e0 no-repeat center / 32px;border-radius: 100%;}
[class*="rado_btn_style"] input:checked+label::after{content:'';width:8px;height:8px;border-radius:100%;background:#000;display:block;position:absolute;left:8px;top:8px;}
[class*="rado_btn_style"].wh32 input+label::before{width:32px;height:32px;}
[class*="rado_btn_style"].wh32 input:checked+label::after{width:12px;height:12px;top:calc(50% - 6px);left:0;background:#000;left:10px}
[class*="rado_btn_style"].left_center input:checked+label::after{left:50%;transform:translateX(-50%);}

.layer_body .tab_type{display:flex;justify-content:space-between;}
.layer_body .tab_type > a{height:48px;border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;line-height:22px;}
.layer_body .tab_type > a:not(:first-child){margin-left:8px;}
.layer_body .tab_type > a.current{font-weight:700;border-width:2px;border-color:#000}
.layer_body .tab_type._col2 > a{flex:1 1 45%;max-width:50%;}

.box_card01{width:792px;margin:0 auto;}
.box_card02{width:1200px;margin:0 auto;}
.box_card03{width:588px;margin:0 auto;}

.content_in.w1200{width:1200px}
.input_cell_box .star.zindex1{z-index:1;}

.check_wrap .agree_wrap._bg_type2 .check_input + .check_label.p1_m_lt_1ln,
.check_wrap .agree_wrap._bg_type2 .check_input + .check_label.p2_m_lt_1ln{padding:4px 0 4px 32px;font-weight:500;color:#858585;}
.check_wrap .agree_wrap._bg_type2 .check_input + .check_label.p1_m_lt_1ln{font-size:16px;line-height:22px;}
.check_wrap .agree_wrap._bg_type2 .check_input + .check_label.p2_m_lt_1ln{font-size:14px;line-height:20px;}
.check_wrap .agree_wrap._bg_type2 .check_input + .check_label:before{top:-3px;background-color:transparent;background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png');opacity: 0.2;}
.check_wrap .agree_wrap._bg_type2 .check_input + .check_label.p2_m_lt_1ln::before{top:2px;}
.check_wrap .agree_wrap._bg_type2 .check_input:checked + .check_label.p1_m_lt_1ln,
.check_wrap .agree_wrap._bg_type2 .check_input:checked + .check_label.p2_m_lt_1ln{color:#000}
.check_wrap .agree_wrap._bg_type2 .check_input:checked + .check_label:before{opacity:1;}

.agree_wrap._height56{height:56px;display:flex;align-items:center;}
.agree_wrap._height56 .box_chk01{width:100%;}
.agree_wrap._height56 .box_chk01 .check_label._default32{padding:0 0 0 36px;}
.agree_wrap._height56 .box_chk01 .check_label._default32::before{width:32px;height:32px;background-size:32px 32px;top:50%;transform:translateY(-50%);}
.box_terms_wrap .agree_wrap._height56 .box_chk01 .btn_pop_arrow{top: 50%;transform: translateY(-50%);}

.box_chk01 .check_label._size20{font-size:14px;line-height:20px;padding:0 0 0 24px;}
.box_chk01 .check_label._size20::before{width:20px;height:20px;background-size:20px 20px;top:0}
.box_chk01 .check_label._size24,
.box_chk01 .check_label._size24_blue{font-size:16px;font-weight:500;color:#858585;line-height:24px;padding:0 0 0 32px;}
.box_chk01 .check_label._size24::before,
.box_chk01 .check_label._size24_blue::before{width:24px;height:24px;background-size:24px 24px;top:0}
.box_chk01 .check_label._default32{padding:0 0 0 36px;}
.box_chk01 .check_label._default32::before{top:-5px;}

.box_chk01 input:checked + .check_label._size24,
.box_chk01 input:checked + .check_label._size24_blue{font-weight:700;color:#000;}
.box_chk01 input:checked + .check_label._size24_blue::before{background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_blue.png');}

.box_chk03 .check_input + .check_label{font-size:20px;font-weight:700;line-height:26px;color:#000}
.box_chk03 .check_input + .check_label > small{font-size:14px;font-weight:500;line-height:20px;color:#858585;display:block;padding-top:12px;}
.box_chk03 .check_input + .check_label::before{content:'';position:absolute;top:0;right:20px;width:32px;height:32px;opacity:0.2;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%;background-size:32px 32px;}
.box_chk03 .check_input:checked + .check_label::before{opacity:1;}

.box_select .drop_link._type2{border-radius:0;border-width:0 0 1px;border-color:#ccc;}
.box_select .drop_link._bd_ccc{border-color:#ccc;}

.txt_ip_wType1 > strong{font-weight:500 !important;}
input:checked + .txt_ip_wType1 > strong{font-weight:700 !important;}

.box_agree01 .btn_tit01 a{display:inline-block;width:100%;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat calc(100% - 20px) 0%;background-size:24px 24px;}
.aco_wrap2{padding:17px 12px 21px;background-color:#f5f5f5;border-radius:8px;border:1px solid #ebebeb}

.progress_bar.w792{width:792px !important}
.progress_bar.w996{width:996px !important}
.progress._type2{padding:20px 0 56px;}
.progress._type2 .progress_bar{height:20px;background:#f5f5f5;}
.progress._type2 .progress_bar .bar_val{position:relative;}
.progress._type2 .progress_bar .bar_val::before{content:'시작이 반';font-size:12px;font-weight:700;line-height:16px;color:#fff;position:absolute;top:50%;right:10px;transform:translateY(-50%);}

.tbl_type4 table th, .tbl_type4 table td,
.tbl_type2 table th, .tbl_type2 table td,
.tbl_type1 table th, .tbl_type1 table td{font-size:20px;line-height:26px;}

.tbl_type4 table th, .tbl_type4 table td,
.tbl_type2 table th, .tbl_type2 table td,
.tbl_type1 table th, .tbl_type1 table td, .box_content table.tbl_type1 td{vertical-align:top;}

.tbl_type1 table th, .tbl_type1 table td{font-weight:500;padding-top:19px;padding-bottom:19px;border-bottom:1px solid #f5f5f5}
.tbl_type1 table th{color:#5c5c5c}
.tbl_type1 table.th_pl24 th {padding-left:24px;}
.tbl_type1 table.td_fw700 td{font-weight:700;}
.box_content .tbl_type1{border-top:1px solid #e0e0e0}
.box_content .tbl_type1 th , .box_content .tbl_type1 td{padding:17px 0;border-bottom:1px solid #e0e0e0}
.box_content  table.th_pl24 th{padding-left:24px;vertical-align:top;}


.tbl_type2 table.pdY19 th, .tbl_type2 table.pdY19 td{padding-top:19px;padding-bottom:19px;}
.tbl_type2 table.pdY40 th, .tbl_type2 table.pdY40 td{padding-top:40px;padding-bottom:40px;}
.tbl_type2 table.interval_20 th, .tbl_type2 table.interval_20 td{padding-bottom:20px;}
.tbl_type2 table.interval_48 th, .tbl_type2 table.interval_48 td{padding-bottom:48px;}
.tbl_type2 table.interval_51 th, .tbl_type2 table.interval_51 td{padding-bottom:51px;}
.tbl_type2 table.bd_b1_a04 th, .tbl_type2 table.bd_b1_a04 td{border-bottom:1px solid #f5f5f5;}
.tbl_type2 table.bd_b1_a08 th, .tbl_type2 table.bd_b1_a08 td{border-bottom:1px solid #ebebeb;}
.tbl_type2 table.bd_b1_a12 th, .tbl_type2 table.bd_b1_a12 td{border-bottom:1px solid #e0e0e0;}
.tbl_type2 table.last_bd_0 tr:last-child th, .tbl_type2 table.last_bd_0 tr:last-child td{border:0;}
.tbl_type2 table.vAlign_mid th,
.tbl_type2 table.vAlign_mid td,
.tbl_type2 table th.vAlign_mid{vertical-align:middle;}
.tbl_type2 table th{font-weight:700;color:#000}
.tbl_type2 table.th_pl24 th{padding-left:24px;}
.tbl_type2 table.th_pl40 th{padding-left:40px;}
.tbl_type2 table.th_fw500 th,
.tbl_type2 table.td_fw500 td{font-weight:500;}
.tbl_type2 table.th_a64 th{color:#5c5c5c}
.tbl_type2 table[class*="td_m_"] td{font-weight:500;}
.tbl_type2 table[class*="td_b_"] td{font-weight:700;}
.tbl_type2 table.td_m_blk td,
.tbl_type2 table.td_b_blk td{color:#000;}
.tbl_type2 table.td_m_a64 td{color:#5c5c5c;}
.tbl_type2 table .roundbox32{flex:0 0 32px;width:32px;height:32px;border-radius:50%;font-size:19px;line-height:23px;color:#fff;display:flex;justify-content:center;align-items:center;}
.tbl_type2 table .interval_8 p + p{margin-top:8px;}
.tbl_type2 table .box_figure1{display:flex;flex-wrap:wrap;}
.tbl_type2 table .box_figure1 figure{flex:0 0 102px;width:102px;margin-right:36px;}
.tbl_type2 table .box_figure1 figure:nth-child(6n+6){margin-right:0}
.tbl_type2 table .box_figure1 figcaption{font-size:16px;font-weight:500;line-height:22px;display:block;margin-top:12px;white-space:nowrap;}

.tbl_type3 table th,
.tbl_type3 table td{font-size:16px;font-weight:700;line-height:22px;vertical-align:top;padding:17px 0;border-bottom:1px solid #f5f5f5}
.tbl_type3 table th{font-weight:500;color:#5c5c5c;padding-left:24px}

.tbl_type4 table th{font-weight:700;color:#000;}
.tbl_type4 table th, .tbl_type4 table td,
.tbl_type4 table.interval_32 th, .tbl_type4 table.interval_32 td{padding:0 0 32px}

.tbl_type5 table th, .tbl_type5 table td{vertical-align:top;color:#000}
.tbl_type5 table[class*="th_p1"] th, .tbl_type5 table[class*="td_p1"] td{font-size:16px;line-height:22px;}
.tbl_type5 table.pdY13 th, .tbl_type5 table.pdY13 td{padding-top:13px;padding-bottom:13px;}
.tbl_type5 table.pdY16 th, .tbl_type5 table.pdY16 td{padding-top:16px;padding-bottom:16px;}
.tbl_type5 table.pdY24 th, .tbl_type5 table.pdY24 td{padding-top:24px;padding-bottom:24px;}
.tbl_type5 table.bd_b1_a08 th, .tbl_type5 table.bd_b1_a08 td{border-bottom:1px solid #ebebeb;}
.tbl_type5 table.th_pl16 th,
.tbl_type5 table.first_pl16 th:first-child,
.tbl_type5 table.first_pl16 td:first-child{padding-left:16px;}
.tbl_type5 table.th_pl24 th,
.tbl_type5 table.first_pl24 th:first-child,
.tbl_type5 table.first_pl24 td:first-child{padding-left:24px;}
.tbl_type5 table.td_pr24 td{padding-right:24px;}
.tbl_type5 table.th_p1b th,
.tbl_type5 table.td_p1b td{font-weight:700;}
.tbl_type5 table.th_p1m th,
.tbl_type5 table.td_p1m td{font-weight:500;}
.tbl_type5 table.td_taR td{text-align:right !important;}
.tbl_type5 table.td_a80 td{color:#333;}
.tbl_type5 table.first_pl16 th:first-child, .tbl_type5 table.first_pl16 td:first-child{padding-left:16px;}
.tbl_type5 table.first_pl24 th:first-child, .tbl_type5 table.first_pl24 td:first-child{padding-left:24px;}
.tbl_type5 table tfoot.tfoot_bd_0 th, .tbl_type5 table tfoot.tfoot_bd_0 td{border:0}
.tbl_type5 table tfoot.pdY17 th, .tbl_type5 table tfoot.pdY17 td{padding-top:17px;padding-bottom:17px}

/* 카드 발급 조회 */
.sub_card._issue .box_terms_wrap .agree_wrap{padding:0px 16px 16px 12px}
.sub_card._issue .box_terms_wrap .box_chk01 .btn_pop_arrow{top:0;right:-16px;}

.accodWrap2 .accodItem + .accodItem{margin-top:40px;}
.accodWrap2 .accodBtn{width:100%;height:74px;display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer;}
.accodWrap2 .accodBtn [class*="_ico_arrowB_down"]{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(0);transition:transform .3s;}
.accodWrap2 .accodBtn.on [class*="_ico_arrowB_down"]{transform:translateY(-50%) rotate(-180deg);}
.accodWrap2 .accodConts{display:none;padding-top:32px;padding-bottom:27px;}
.issue_stepbox{height:160px;border-radius:8px;border:1px solid #ebebeb;}
.issue_stepbox .issue_step{width:120px;text-align:center;}
.issue_stepbox .issue_step .imgbox{width:64px;height:64px;margin:0 auto 4px;opacity:.2;}
.issue_stepbox .issue_step.on .imgbox{opacity:1;}
.issue_stepbox .issue_step.on [class^="p1_m"]{font-weight:700 !important;color:#000}
.issue_stepbox [class*="_arrowB_Forward_gry"]{margin:0 20px;opacity:.2;}

.issue_datail_view table th,
.issue_datail_view table td{padding:20px 0;border-bottom:1px solid #f5f5f5;vertical-align:top;color:#000;}
.issue_datail_view table p{font-size:20px;font-weight:700;line-height:26px;}
.issue_datail_view table th p{font-weight:500;color:#5c5c5c;padding-left:20px;}
.issue_datail_view table td p + p{margin-top:4px;font-weight:500;}

/* 최적화(구웹) */
.title_h72{height:72px;display:flex;align-items:center;}
.title_h72.just_bet{justify-content:space-between;}
.grid_tit{align-items:center;}
.grid_tit .h4_b_lt + p{margin-left:12px;}
.tbl_style1 table th,.tbl_style1 table td{vertical-align:top;}
.tbl_style1 table.val_m th,.tbl_style1 table.val_m td{vertical-align:middle;}
.tbl_style1 table.pd_t32 th,.tbl_style1 table.pd_t32 td{padding-top:32px;}
.tbl_style1 table.pd_t52 th,.tbl_style1 table.pd_t52 td{padding-top:52px;}
.tbl_style1 table.last_pt20 tr:last-child th, .tbl_style1 table.last_pt20 tr:last-child td{padding-top:20px;}
.tbl_style1 table.th_p_pt19 th p:nth-child(1){padding-top:19px;}

[class^="items_tab"][class*="_type"] .list_sel_inp>li{padding:0;}
.items_tab._type2 .list_sel_inp>li:nth-child(n+4){padding-top:12px;}
.items_tab._type3 .list_sel_inp>li:nth-child(n+3){padding-top:12px;}

.btnAcod_agree_total{position:absolute;top:0;right:0;display:flex;align-items:center}
.btnAcod_agree_total [class^="textbico"]{width:24px;height:24px;padding-right:0;transform: rotate(90deg);}
.box_agree01.on.bd_b_1px_a08 {border-bottom:0;padding-bottom:0 !important;}
.aco_wrap .box_chk01 .btn_pop_arrow._tr0{top:0 !important;right:0 !important}

.box_chk .check_label.p1m{font-size: 16px;font-weight: 500 !important;line-height: 22px;}
.box_chk .check_label.h4m{font-size: 20px;font-weight: 500;line-height: 26px;}
.check_terms .btn_aco._top16{top:16px !important;transform:translateY(0) !important;}
.etc_service .aco_wrap .aco_wrap._type2{padding:17px 12px 21px;background-color:#f5f5f5;}
.box_chk01 .check_input + .check_label.p1m{font-size:16px !important;font-weight: 500 !important;line-height:22px !important;color:#858585 !important}
.box_chk01 .check_input + .check_label.default_ico.p1m{line-height:32px !important;}
.box_chk01 .check_input + .check_label.default_ico:before{top:-3px !important;left:0 !important;width:32px !important;height:32px !important;opacity:0.2 !important;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50% !important;background-size:32px 32px !important;transform:translateY(0) !important;}
.box_chk01 .check_input + .check_label.default_ico.p1m::before{top:0 !important;}
.box_chk01 .check_input:checked + .check_label.p1m{color:#000 !important}
.box_chk01 .check_input:checked + .check_label.default_ico:before{background-color:transparent !important;opacity:1 !important;}

.etc_service .box_chk01.accodBtn{background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center/32px;padding:23px 0;}
.etc_service .accodWrap.on .box_chk01.accodBtn{background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png) no-repeat right center/32px;padding:23px 0}
.etc_service .accodWrap + .accodWrap{border-top:1px solid #ebebeb}
.etc_service .accodSlide{display:none;padding:40px 24px;border-top:1px solid #ebebeb}
.etc_service .accodSlide .check_wrap{padding-left:0;}
.etc_service .accodSlide .check_wrap .box_chk01 .check_label:before{width:24px;height:24px;top:calc(50% - 12px);background-size:24px}
.etc_service .check_terms._reset{border:0;border-radius:0;margin:0;border-bottom:1px solid #e0e0e0;}
.etc_service .check_terms .agree_wrap > .box_chk01, .agree_wrap.bg > .box_chk01{padding:23px 0;}
.etc_service .box_chk01 .check_label strong{font-size:20px;font-weight:700;line-height:26px;color:#858585}
.etc_service .box_chk01 .check_label small{font-size:16px;font-weight:500;line-height:22px;}
.etc_service .box_chk01 .check_input:checked + .check_label strong{color:#000}
.etc_service .box_chk01 .check_input:checked + .check_label small{color:#858585}
.etc_service .check_terms .btn_aco{top:50%;transform:translateY(-50%);}
.etc_service .box_chk01 input + .check_label._size24_blue{font-size:20px;font-weight:500;line-height:26px;}
.etc_service .box_chk01 input + .check_label._size24_blue._fz16{font-size:16px;line-height:22px;}
.etc_service .box_chk01 input:checked + .check_label._size24_blue{font-weight:500;color:#0070f0}
.etc_service .box_chk01 input:checked + .check_label._size24_blue._fz16{font-weight:700;color:#000}

.etc_service .box_chk01 .check_label.ck_circle_wht24{font-size:16px;font-weight:500;line-height:24px;color:#858585}
.etc_service .box_chk01 .check_label.ck_circle_wht24::before{width:24px;height:24px;background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png');background-color:#ccc;opacity:1;border-radius:50%;}
.etc_service .box_chk01 input:checked + .check_label.ck_circle_wht24{color:#000;}
.etc_service .box_chk01 input:checked + .check_label.ck_circle_wht24::before{background-color:#000;}

.etc_service .agree_wrap.row3{border-radius:8px;background-color:#f5f5f5;}
.etc_service .check_terms .agree_wrap.row3 > .box_chk01, .agree_wrap.bg > .box_chk01{padding:17px 12px;}
.etc_service .agree_wrap.row3 .box_chk01 .check_input + .check_label{padding-left:36px;}
.etc_service .agree_wrap.row3 .box_chk01 .check_input + .check_label::before{width:32px;height:32px;background-size:32px 32px;}
.etc_service .agree_wrap.row3 .box_chk01 .btn_pop_arrow{right:12px;}
.etc_service .agree_wrap.row3 .box_chk01 .btn_pop_arrow,
.etc_service .agree_wrap.row3 .box_chk01 .check_input + .check_label::before{top:50%;transform:translateY(-50%);}

.etc_service .check_terms._sub{border-radius:8px 8px 0 0;}
.etc_service .check_terms._sub._bd_r8{border-radius:8px;}
.etc_service .check_terms._sub .box_chk01 .check_label{padding: 17px 12px 17px 48px;}
.etc_service .check_terms._sub .check_input + .check_label::before{width:32px;height:32px;background-size:32px 32px;left:12px;top:50%;transform:translateY(-50%);}
.etc_service .check_terms._sub .aco_wrap{border-top:0;padding:0 28px 18px 48px}
.etc_service .aco_wrap2{border-width:0 1px 1px;border-radius:0 0 8px 8px;}

.etc_service .check_terms .box_chk04._v2,
.etc_service .check_terms .aco_wrap .box_chk04{height:56px;padding:17px 0 17px 48px;border:0;border-radius:8px;}
.etc_service .box_chk04 .check_input + .check_label{font-size:16px;font-weight:500;line-height:22px;color:#858585;}
.etc_service .box_chk04 .check_input + .check_label::before{content:'';position:absolute;top:50%;left:12px;width:32px;height:32px;opacity:0.2;background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%;background-size:32px 32px;transform:translateY(-50%);}
.etc_service .box_chk04 .check_input:checked + .check_label::before{opacity:1;}

.etc_service .aco_wrap._type2 .box_chk01{padding:0}
.etc_service .aco_wrap._type2 .box_chk01{padding:0}
.etc_service .aco_wrap._type2 .box_chk01 .check_input + .check_label{font-size:20px;font-weight:500;line-height:26px;}
.etc_service .aco_wrap._type2 .box_chk01 .check_input + .check_label.p1m{font-size:16px;font-weight:500;line-height:22px;}
.etc_service .aco_wrap._type2 .box_chk01 .check_input + .check_label::before{background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png');background-color: #e0e0e0;top:50%;transform:translateY(-50%);}
.etc_service .aco_wrap._type2 .box_chk01 .check_input:checked + .check_label::before{background-color: #000;}

.etc_service .aco_wrap._type2 .check_terms._sub .check_input + .check_label::before,
.etc_service .aco_wrap._type2 .box_agree01 .check_input + .check_label::before{background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png');background-color:transparent;}
.etc_service .aco_wrap._type2 .box_agree01 .box_chk01 .btn_pop_arrow{top:0;right:0;}


.cardinfo_list + .cardinfo_list {margin-top:64px;}
.cardinfo_list .btnPlus{width:32px;height:32px;background:url('/docfiles/resources/pc/images/common/icon/w32/ico_plus_o.png') no-repeat center / contain;}

/* dimmed_pop */
.dimmed_pop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.64);z-index:9999;display:flex;justify-content:center;align-items:center;}


/*정형철 추가*/
.sub_card .btn_agrtotal_view.active span{background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png') no-repeat right center;background-size:24px 24px;}

.sub_card .grid_box .box_input01{margin-top:0;}
.input_box.h64{margin-top:0;height:64px;padding:0 16px 0 24px;}
.vat{vertical-align:top;}
.terms.t_line2{border-top:2px solid #000;padding-top:44px;}
.title_h72 .box_btn{margin-left:auto;}

.sub_card .select_wrap .ul_select li.on a{display:block;}

.sub_card .bul_list00{margin-top:24px;}
.sub_card .bul_list00 > li{font-size:18px;font-weight:700;}
.sub_card .bul_list00 > li:before{top:10px}
.sub_card .bul_list00 li.t_line{border-top:1px solid rgba(0,0,0,.12);padding-top:40px;margin-top:40px;}
.sub_card .bul_list00 li.t_line:before{top:50px}
.sub_card .bul_list00 li + li , .sub_card .bul_list00 li > ul{margin-top:14px;}
.sub_card .bul_list00 [class^="dash_"][class*="list"] > li:before{color:#999}
.sub_card .bul_list00.fw_normal li{font-weight:500;}

.sub_card .credit + p{margin-top:16px !important;}
.input_cont{margin-top:20px;}
.input_cont.graybg{padding:0 16px 16px 24px;border-radius:8px;}
.input_cont.graybg .input_box{padding:0;margin-top:0;}
.bluebg_banner{display:flex;background:rgba(0,112,240,.08);padding:17px 20px;border-radius:8px;justify-content:space-between;align-items:center;}
.modal_fin .box_content{padding:18px 0 0}
.modal_fin .layer_btn{padding-bottom:80px;}
.modal_fin .list_radio li label span{width:auto;}
.modal_fin .list_radio li{border-bottom:1px solid #ebebeb}

/* Q10337 */
/* 제휴카드 */
.aff_card .card_detail_view .terms_wrap li {margin-bottom:0}

/* 카드상세 제네시스 팝업*/
.modal_pop.detail_list .radio_list {border-top:2px solid #000}
.modal_pop.detail_list .radio_list li {border-bottom:1px solid #ebebeb}
.modal_pop.detail_list input + label {display:block; position:relative; padding:24px 24px 24px 80px}
.modal_pop.detail_list input + label > i {display:inline-block; position:absolute; top:23px; left:24px; z-index:2; width:32px; height:32px; background-color:transparent; border-radius:100%}
.modal_pop.detail_list input + label > i:after {content:''; position:absolute; top:2px; left:2px; z-index:-1; width:28px; height:28px; background-color:#e0e0e0; border-radius:100%;}
.modal_pop.detail_list input:checked + label > i:before {content:''; position:absolute; top:11px; lefT:11px; width:10px; height:10px; background-color:#000; border-radius:100%;}
.modal_pop.detail_list label p span.state {display:inline-block; padding:0 6px; margin-left:8px; color:#fff; font-size:14px; line-height:20px; background:#000; border-radius:16px;}
.modal_pop.detail_list label > span {display:block; margin-top:12px}

/*카드상세 ani*/
.card_design_wrap ul{transform:scale(1);transition:transform .5s}
.change .card_design_wrap ul{transform:scale(.7);transition:transform .5s}


/* 기타카드 미디어 쿼리 */

@media only screen and (max-width:1919px){
    .grid_box .box_txt{padding-right:100px;word-break:keep-all}
    .grid_box .box_txt [class^="h0"]{font-size:34px;line-height:44px;}
    .grid_box .box_txt .h4_b_lt{font-size:18px;line-height:22px;} 
    .grid_box .box_txt .h4_m_lt{font-size:16px;line-height:22px;} 
    .grid_box .box_txt .h4_m_lt + .h4_m_lt{margin-top:6px;} 
    .grid_box .box_txt .box_btn{margin-top:24px;}
    .grid_box .box_txt .box_btn a.btn56_defaultbg_boldtxt{height:40px;font-size:14px;padding:9px 14px;width:80px} /* 2025-12-17 Q11955 padding 수정 */
    .etc_card .box_txt h2 + p{margin-top:24px;} 
    


}
@media only screen and (max-width:1366px){

.etc_card .grid_box.gift .box_btn + .box_btn{margin-top:28px;}
.etc_card .content > div .arrow_down{left:calc(50% - 24px)}
.etc_card .content > div .arrow_down > button, .etc_card .content > div .arrow_down > a {width:48px}
.sub_main .content{padding:0 40px}
.fixed .sub_main .card_top{padding:22px 40px 18px;}  /* Q20098 padding:22px 40px -> padding:22px 40px 18px */
/* .sub_main .card_top , .card_section , .card_tit , .sub_main .yt_banner , .sub_main .box_bul{width:100%;} */ /* 2024-04-16 GGU282 - 서브메인/브릿지 카드플레이트 NEW / BEST 뱃지 추가 */
}
@media only screen and (max-width:1200px){
.sub_card .grid_wbt.yt_banner{width:calc(100% - 48px);margin-left:24px;} 
}


/* 마이시큐리티 추가(Q10546 : 2022-03-17) */
.box_solid{padding:16px 24px;border-radius: 8px}
.box_chk.grey{background: #f5f5f5;}
.box_chk .btn_pop_arrow {display:inline-block; position:absolute; z-index:2; width:24px; height:24px; opacity:0.64; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 50% 50%; background-size:24px 24px;}

/* MX Black 발급불가페이지 Q10185 */
.headline .mxb_ls {letter-spacing: -7px;}
.card_col2_list {display:flex; overflow:hidden; padding:0 74px}
.card_col2_item {float:left;width:197px;padding:0;box-sizing:border-box;} 
.card_col2_item + .card_col2_item {margin-left: 48px;} 
.card_col2_item .img_area {display:block;}
.card_col2_item .img_area img {width:100%;}
.card_col2_item .card_name {display:block; position:relative; margin-top:12px; color:#000; text-align:center; font-size:16px; font-weight:bold; line-height: 28px}
.card_col2_item .card_name span {display: inline-block; position:relative}
.card_col2_item .card_name span::after {content:""; display:block; position:absolute; bottom:1px; right:-19px; width:24px;height:24px;background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat; background-size:100%;}

/* gpcc 표준카드신청서 uiux 개선안 Q10185 */
.open_list { display:block; position: relative; margin:0; padding: 16px;}
.open_list li {display:block; padding: 4px 0 4px 32px; font-size: 14px; line-height: 20px; color:#858585; word-break: keep-all;}


/* 간편신청 버튼 축소 Q10185 */
.popup_btn_box {position:relative;}
.popup_btn_box.col2 {display:flex; justify-content: space-between;}
.popup_btn_box.col2 a {width: calc((100% - 16px)/2); text-align: center;}

/* GPCC 표준 카드신청서_동의서화면 UIUX 개선안 Q10185 */

/* 요약동의서 */
.modal_pop.agree_tab_wrap .box_terms_content, .modal_pop.agree_tab_wrap .box_terms_summary {margin-bottom: 46px;}
/* 2022-04-27 Q10242 */
.modal_pop.respond.agree_tab_wrap .layer_body {padding:0;}
.modal_pop.respond.agree_tab_wrap.active .modal_wrap .modal_container .layer_body {height:398px !important;}
.modal_pop.respond.agree_tab_wrap.active .modal_wrap .modal_container .layer_body.tabOn {height:298px !important;}
.modal_pop .modal_wrap .modal_container .layer_body.tabOn .swiper-container {max-height: 298px;}
/* 2022-05-04 Q10242 */
.modal_pop .modal_wrap .modal_container .layer_body.tabOn .swiper-container .swiper-slide{max-height: 298px;}
.popup_agree.modal_pop.agree_tab_wrap .layer_body > .mCustomScrollBox .box_content{padding:0;}
/* 2022-05-24 Q10242 */
.modal_pop.respond.agree_tab_wrap.active .modal_wrap .modal_container .swiper-container{min-height:398px;}
.modal_pop.respond.agree_tab_wrap.active .modal_wrap .modal_container .layer_body .swiper-slide {min-height:398px;padding-bottom:0 !important;}
.modal_pop.respond.agree_tab_wrap.active .modal_wrap .modal_container .layer_body.tabOn .swiper-slide {min-height:298px;padding-bottom:40px !important;} 

/* 동의서 탭 */
.terms_tab {display: block; position: relative; margin-top: 36px;}
.terms_tab .radio_box.h64 label {height: 64px; font-size: 20px; align-items: center;}
.popup_agree .terms_tab ul li {margin-top:0;}

/* 동의 버튼 */
.popup_agree .pop_in_radio li {margin:0;}
.pop_in_radio {display:flex; margin-top: 40px;}
.pop_in_radio li + li {padding-left: 28px; margin-top:0 !important;}
.pop_in_radio .radio_label {display:inline-block; position: relative; padding:0 0 0 40px; line-height:32px; font-size:20px; font-weight: 500; color:#000; cursor: pointer;}
/* s : 2026-02-09 Q11870 접근성 대응 / 2026-03-26 Q11795 #1520_GPCC_웹접근성 원복 작업 요청의 건*/
.pop_in_radio .radio_input + .radio_label:before {content:''; position:absolute; background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') ; background-color:#e0e0e0; border-radius:100%; top:0px; left:0; width:32px; height:32px; opacity:1; background-size: 32px 32px;}
.pop_in_radio .radio_input:checked + .radio_label:before {background-color:#000;}
/* .pop_in_radio .radio_input + .radio_label:before {content:''; position:absolute;  background-color:#e0e0e0; border-radius:100%; top:0px; left:0; width:32px; height:32px; opacity:1; background-size: 32px 32px;}
.pop_in_radio .radio_input:checked + .radio_label:before {background-color:#000;background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') ;} */
/* e : 2026-02-09 Q11870 접근성 대응 / 2026-03-26 Q11795 #1520_GPCC_웹접근성 원복 작업 요청의 건*/ 

.box_rad01 {position: relative; overflow:hidden;}
.box_rad01 .radio_input {display: inline-block; border: 0; vertical-align: top;}


/* 체크박스 */
.pop_in_box {display:block; position:relative; width:100%; padding: 16px 19px 21px; margin-top: 28px; background-color:rgba(0,0,0,0.04);}
.pop_in_check {display: flex; position: relative; flex-wrap: wrap;}
.popup_agree .pop_in_check.col2 li {width: 50%; margin:16px 0 0 0; padding:0; }

.pop_in_check .check_input {display:inline-block; border:0; vertical-align:top;}
.pop_in_check .check_label {display:inline-block; position:relative; padding:4px 0 4px 34px; font-size:16px; line-height:22px; color:#858585; cursor:pointer; word-break:keep-all;}
.pop_in_check .check_input + .check_label:before {content:''; position:absolute; top:4px; left:4px; width:24px; height:24px; opacity:0.2; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;}
.pop_in_check .check_input:focus + .check_label:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dotted #ccc;}
.pop_in_check .check_input:checked + .check_label:before {opacity:1;}
.pop_in_check .check_input:checked + .check_label {color:#000;}

/* //GPCC 표준 카드신청서_동의서화면 UIUX 개선안 Q10185 */


/* 네이버 인증 Q10185 */
.naver_logo {background:url(/docfiles/resources/pc/images/common/logo/logo_naver.png) no-repeat center center;background-size: 60px 60px;width:60px;height:60px;margin:36px auto 44px}
.naver_logo span {display: none;}


/* gpcc_종료절차확인 Q10549 */
.family_card_con {display:none;}
.family_card_con.open {display:block;}


/* 2022-06-07 Q20098 - 심의필 스타일 */
/* 2022-06-16 Q20016 .car_subscribe 삭제 */
.sub_card .discussion_detail {padding-top:0;border-top:0 none;}
.sub_card .discussion_detail li {color:#000;font-size:18px;line-height:26px;}
.sub_card .discussion_detail li + li {margin-top:14px;}
.sub_card .discussion_detail li ul {margin-top:14px;}

.sub_card .discussion_detail .line_top {padding-top:40px;margin-top:40px;border-top:1px solid #e0e0e0;}/* 2022-08-30 Q10803 sub_card 심의필 line_top 추가 */

/* 2022-08-11 Q10803 검은색 동그라미 숫자 스타일 추가 */
.card_detail_view .blk_num_list {counter-reset:num; margin-top:12px;}
.card_detail_view .blk_num_list > li {position:relative; padding-left: 28px; counter-increment:num;}
.card_detail_view .blk_num_list > li:before {content:counter(num); display:inline-block; position:absolute; left:0; top:1.5px; width:20px; height:20px; border-radius:50%; background:#000; color:#fff; text-align:center; line-height:20px; font-size:12px; font-weight:500;}
.card_detail_view .blk_num_list > li + li {margin-top:12px;}
.card_detail_view .blk_num_list > li > .sub_txt {margin-top:4px; padding-left: 4px;}


/* 2022-10-11 Q20093 버튼 추가 */
[class^="btn"].button_set {display: block; width: 184px; text-align: center;}


/* 2022-11-23 GGCP31 순서변경 */
/* #sponsorCard { border-color: #333; } 2024-05-21 GGU442 */
#sponsorCard h3 { font-size: 48px; font-family: 'YouandiNewKr'; line-height: 58px; font-weight: 600; }
#businessCard { /*border-color: #333;*/ margin-top:32px; }/* 2024-05-21 GGU442 */
#businessCardCategory,
#sponsorCardCategory { margin-top:32px; margin-bottom:16px; }/* 2024-05-21 GGU442 margin-top:48px; margin-bottom:32px; 수정 */
/*#etcCard { border-color: #333; } 2024-05-21 GGU442 */
#etcCard h3 {font-size: 48px; font-family: 'YouandiNewKr'; line-height: 58px; font-weight: 600; }
#cardCategory { margin-top:12px; margin-bottom: 28px;}

/* 2023-01-27 GGU442 접근성 대응 */


/* 2023-03-13 GGCP31 카드서브메인 여행.항공 카드제목 높이 수정 */
#plccTravelCard .card_plt .h4_b_lt { height: 52px; }

/* 2023-06-08 GGCP31 카드파인더 초기화 버튼 스타일 수정 */
.finder_left .grid_reset { height: 35px; top: 35px; width: 195px; padding: 10px 5px 0 0; }
.finder_left .grid_reset.focus-visible, 
.finder_left .grid_reset:focus, .finder_left .grid_reset:focus-visible { outline: 1px solid #005fcc; border-radius: 8px; }

/* 2024-12-04 GGU282 추가 - [공통] PC웹 메뉴개편 */
.finder_left .grid_reset_v2 {width:198px; height:32px; top:35px; right:35px; padding:8px 5px;}
.finder_left .grid_reset_v2 .img_w16 {margin-right:1px; line-height:16px;}
.finder_left .slider_bar_wrap {display:flex; height:47px;}

/* 2023-07-26 Q11139 [카드] 3층 시스템 안내 내 3층 시스템챌린지 프로모션 내용추가 */
.car_subscribe .fl_list.type_bg{width: 1000px; height: 160px; margin: 96px auto; background-color: #f5f5f5; padding: 40px 33px; border-radius: 20px;}

.car_subscribe .challenge_3f{margin-top: 116px;}
.car_subscribe .challenge_3f .challenge_3f_box{margin: 54px 0;}
.car_subscribe .challenge_3f .challenge_3f_box.ch_3f_border{margin: 54px 0; padding-bottom: 80px; border-bottom: 1px solid rgba(0,0,0,.04);}
.car_subscribe .blk_num_list {counter-reset:num; margin-top:12px;}
.car_subscribe .blk_num_list > li {counter-increment:num; line-height: 26px;}
.car_subscribe .blk_num_list > li:before {content:counter(num); display:inline-block; width:20px; height:20px; border-radius:50%; background:#000; color:#fff; text-align:center; line-height:20px; font-size:12px; font-weight:500;}
.car_subscribe .blk_num_list > li > span {font-size: 20px; text-align: left; font-weight: 500;}
.car_subscribe .blk_num_list > li + li {margin-top:10px;}
.car_subscribe .bul_list04 {margin-top:12px; text-align: center;}
.car_subscribe .bul_list04 > li + li {margin-top: 4px;}
.car_subscribe .bul_list04 > li > span {line-height: 12px; padding-left: 9px; position: relative;}
.car_subscribe .bul_list04 > li > span:before {content:""; display:inline-block; width:2px; height:2px; border-radius:50%; background: rgba(0,0,0,0.4); position: absolute; top: 12px; left: 0;}

/* 2024-01-25 GGU282 - amex 태그 라인 이미지 추가. American Express. Don't Live Life Without it */
.sub_card .list05 > li .tag_amex_livelife {display:block;width:178px;height:24px;margin-top:8px;background:url('/docfiles/resources/pc/images/card/svg/tag_amex_livelife.svg') no-repeat 0 0 / contain;} /* 서브메인 */
.card_section_tit {display:flex;align-items:center;} /* 브릿지 */
.card_section_tit .tag_amex_livelife {margin-left:16px;display:inline-block;width:237px;height:32px;background:url('/docfiles/resources/pc/images/card/svg/tag_amex_livelife.svg') no-repeat 0 0 / contain;} /* 브릿지 */

/* 2024-04-16 GGU282 - 서브메인/브릿지 카드플레이트 NEW / BEST 뱃지 추가 */
.sub_card .list05 li .card_plt .box_card_name {display:flex;align-items:end;}
.sub_card .list05 li .card_plt .box_card_name > .inner {flex:auto;line-height:1;}
.sub_card .list05 li .card_plt .box_card_name .h4_b_lt,
.sub_card .list05.tp2 li .card_plt .box_card_name .h4_b_lt {display:inline;}
.sub_card .list05 li .card_plt .box_card_name .h4_b_lt + .lab_m {display:inline-block;margin:3px 0;}
.sub_card .list05 li .card_plt .box_card_name .h4_b_lt + .lab_m.new {background-color:#f00;}
.sub_card .list05 li .card_plt .box_card_name .h4_b_lt + .lab_m.best {background-color:#000;}
.sub_card .list05 li .card_plt .box_card_name.has_badge {width:calc(100% + 35px);}
.sub_card .list05 li .card_plt .box_card_name.has_badge .h4_b_lt {margin-right:4px;}
#plccTravelCard .card_plt .box_card_name .h4_b_lt {height:auto;}

.sub_card .list05 li .card_plt > a .box_card_name {padding-left:4px;}
.sub_card .list05 li .card_plt > a .box_card_name + .fc_a48 {margin-top:2px;}
.sub_card .list05 li .card_plt > a .box_card_name + span:not(.fc_a48) ,
.sub_card .list05 li .card_plt > a .box_card_name + .fc_a48 + ul {margin-top:8px;} 
/* //2024-04-16 GGU282 - 서브메인/브릿지 카드플레이트 NEW / BEST 뱃지 추가 */

/* 2024-11-13 Q11139 X 카드 뱃지 추가 */
.sub_card .list05 li .card_plt .box_card_name .h4_b_lt + .lab_m.turbo_dis {background-color:#F13D32;}
.sub_card .list05 li .card_plt > a > .h4_b_lt > .lab_m {margin: 3px 0 3px 8px;}
.sub_card .list05 li .card_plt > a > .h4_b_lt > .lab_m.turbo_dis {background-color:#F13D32; color: #fff;}

/* 2024-05-21 GGU442 [카드] 서브메인 UIUX 개선 */
.mx_area{position: relative;}
.mx_area::after{content: "";width:1px;height: calc(100% - 128px);background: #ccc;position: absolute;top:80px;left:50%;}
.mx_area .sub_area{display: inline-block;}    
.mx_area .sub_area + .sub_area{margin-left:157px;padding-left:157px;}

.sub_card .list05.all_view > li{margin-bottom:100px}
.sub_card .list05.all_view > li .img{margin-top:16px!important}
.sub_card .list05.all_view{position:relative; margin:0 -35px 80px}
.sub_card .list05.all_view::after{content: "";position: absolute;bottom:0;left:35px;width:1200px;height:1px;background: #e0e0e0;}
.sub_card .list05.all_view li .card_plt .box_card_name .h4_b_lt + .lab_m {display:inline-block;margin:3px 0;}

.sub_card .list05.all_view li .card_plt .box_card_name .h4_b_lt + .lab_m.new {background-color:#f00;}
.sub_card .list05.all_view li .card_plt .box_card_name .h4_b_lt + .lab_m.best {background-color:#000;}

.sub_card .card_section + .card_section{margin-top:32px}

#businessCardCategory.tab_category a, #sponsorCardCategory.tab_category a{font-size:16px;line-height:22px;color:#858585;display:inline-block;padding-top:15px;padding-bottom:15px;}
#businessCardCategory.tab_category a + a:before, #sponsorCardCategory.tab_category a + a:before{position:absolute;content:'';width:1px;height:12px;background:rgba(0,0,0,.12);display:inline-block;top:20px;left:0;}


/* 2024-07-31 GGU442 [카드] 3 Body-A 현대카드 상세 내 리워드 적립 비율 팝업 제작 */
.benefit_box {display: flex; justify-content: space-between; align-items: flex-start;}
.benefit_box li {width: 144px; padding-top: 65px; box-sizing: border-box; background-position: top center; background-repeat: no-repeat; background-size: 100% auto;margin:0 14px}
.benefit_box li.koreanair { background-image: url('/docfiles/resources/mo/images/com/logo/logo_koreanAir4.png');}
.benefit_box li.bluemembers { background-image: url('/docfiles/resources/mo/images/com/logo/logo_bluemb.png');}
.benefit_box li.ssg { background-image: url('/docfiles/resources/mo/images/com/logo/logo_ssg2.png');}
/* .benefit_box li span {display: block; font-size: 12px; line-height: 16px; font-weight: 700; text-align: center; letter-spacing: -0.1px;} */
.box_bg_gray{padding:24px; background:#fafafa; border-radius:8px;}

.reward_dis li input:checked+label{pointer-events: none;background:rgba(0,0,0,.04);border-radius:4px;}
.reward_dis li input:checked+label:before{border:none}

.reward_list{box-sizing: border-box;margin:0!important}
.reward_list li{width:100%;margin: 0;padding:0;}
.reward_list li:last-child{margin:0}
.reward_list li  input + label{padding:0!important;margin:0!important;line-height:64px;}
.reward_list li  input + label::before{border-radius: 4px;}

.li_mb4 li{margin-bottom:4px}
.li_mb4 li:last-child{margin:0}

.flex_wrap{display: flex!important;}
.flex_wrap > span{flex:1;position:relative;margin: 0 !important;text-align: center;}
.flex_wrap > span::before{content:":";position: absolute;left:0}
.flex_wrap > span:first-child::before{display: none;}

.wrap_slider_period2 {position:relative; width:calc(100% - 2px); margin:0; padding:46px 1px 0 1px; background:#fff;}
.wrap_slider_period2 + .wrap_slider_period2 {margin-top:76px;}
.wrap_slider_period2 .p1_b_lt_1ln {position:absolute; left:0; top:5px; margin:0;}
.wrap_slider_period2.slider_area .ui-widget.ui-widget-content {height:8px; background:#e0e0e0;}
.wrap_slider_period2.slider_area .ui-slider-horizontal .ui-slider-handle::before {left:-19px; top:-13px !important; width:30px !important; height:30px !important; }
.slide_base2 {position:absolute; top:0; right:2px;}
.counter_payrete_num2 {width:fit-content; margin-left:-15px; font-size:24px; color:#0f1e2d; font-weight:bold; line-height:1;}

.range_ruler2_box {padding:0 2px;}
.range_ruler2 {margin-top:-6px;}
.range_ruler2 .flexbox{display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;}
.range_ruler2 .flexbox div{position:relative;}
.range_ruler2 .flexbox div:before {content:''; display:block; position:relative; z-index:1; width:4px; height:4px; background:rgba(255, 255, 255, 0.4); border-radius:50%;}
.range_ruler2 .flexbox div span{display:inline-block;padding-top:12px;text-align:right;font-size:12px;color:#777;position:absolute;width:15px;margin-left:-7px}

.wrap_slider_sum {margin-top:80px; padding-top:16px; border-top:1px solid rgba(0,0,0,0.08); text-align:center;}

/*  */
#popRewardRateService .highlight:after{content:'';z-index:-1}


/* 2024-11-04 Q11139 흰색 동그라미 숫자 스타일 추가 */
.wht_num_list {counter-reset:num; margin-top:12px;}
.wht_num_list > li {position:relative; padding-left: 24px; counter-increment:num; font-weight: 500;}
.wht_num_list > li:before {content:counter(num);display:inline-block;position:absolute;left:0;top: 4px;width: 16px;height: 16px;border-radius:50%;background: #fff;color: #000;border: 1px solid #000;text-align:center;line-height: 12px;font-size: 10px;font-weight:500;}
.wht_num_list > li + li {margin-top:8px;}

.card_num_list{margin-top: 6px;}
.card_num_list > li {position: relative; padding-left: 22px; font-weight: 500;}
.card_num_list > li + li {margin-top: 6px;}
.card_num_list > li > span{position: absolute; display: inline-block; width: 22px; height: 22px; left: 0; top: 0; text-align: center;}

/* 2024-12-02 GGU442 [혜택] 카드 8종 메탈플레이트 신청 페이지 신규제작(M,MM,X,Z 3종, ZERO 2종) */
.bg_address{padding: 20px 24px;border-radius: 8px;background:rgba(0,0,0,0.04)}
.payment_wrap{margin:20px 0 0 0;padding:20px 24px; border-top:solid 2px #000;border-bottom:solid 1px rgba(0,0,0,0.08);}
.payment_wrap dl{overflow: hidden;display: flex;justify-content: space-between;}
.payment_wrap dl+dl{margin-top:12px}

/* 2025-02-13 Q11855 부티크카드 추가 */
#BQ_SCE{margin-bottom: 80px;}
#BQCard{display: inline-block; padding-right: 140px;}
#SCECard{display: inline-block; padding-left: 138px; border-left: 1px solid #ccc;}
#BQ_SCE .list05 > li{margin: 0 70px 0 0;}
#BQ_SCE .list05 > li:first-child{margin-left: 35px;}
#BQ_SCE .list05 > li:last-child{margin-right: 35px;}
#BQ_SCE .list05 li .card_plt .box_card_name.has_badge{width: calc(100% + 70px);}

/* 2025-02-28 Q11855 부티크카드 추가 */
#BQCard li .card_plt .box_card_name.has_badge {width:calc(100% + 70px);}

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


/* 2025-07-03 Q11812 #1079_GPCC_랩업 화면 내 간격 조정 요청의 건 : 우측 여백 제거  */
/* .modal_pop.respond .layer_body{padding: 0 0 40px 40px;} */
.mH470{min-height: 471px;}

/* 2026-02-11 Q12381 접근성 수정 (s) */
.switch_btn label {background:#7a7a7a}
/* // 2026-02-11 Q12381 접근성 수정 (e) */