@charset "utf-8";

@import url('mypage_pc.css');

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width:1100px){
/*.btn_wrap .btn_ex_down,.btn_wrap .btn_print {padding:0 0 0 20px !important;} 우측 아이콘인데 불필요한 왼쪽여백 정렬깨짐 */
.card_reportlist_wrap.type02 .dashdesk {padding-bottom:40px;}
.card_reportlist_wrap .dashdesk_detail.type02 {border-bottom:0;}
.card_reportlist_wrap .dashdesk dd.payinfo {margin-top:10px;}

.btn_wrap + .cms_accordion_wrap,
.btn_wrap + .cms_list_wrap {margin:20px 0 0;}
.expend_wrap + .cms_accordion_wrap {margin-top:30px;}
.expend_wrap + .btn_wrap {margin-top:0;}

.lu_inquiry_heading {display:none;}
.flexbox_wrap {display:flex !important; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; justify-content: space-between;}
.flexbox_wrap.col02 .flex_item + .flex_item {margin-left:0px; margin-top:40px;}
.blockbox_wrap{display:block !important;}
.h4type_msgbox .mt {font-size:2.4rem;}
.h4type_msgbox .mt + .sd {margin-top:20px;}

.ul_list_wrap,
.ul_list_wrap li .check_wrap {display:block;}
.ul_list_wrap li dl dd {text-align:left;}
.ul_list_wrap li .state {padding-left:50%; text-align:left;}
.ul_list_wrap.my_card_service dd {text-align:right;}
.ul_list_wrap.my_card_service li {margin:0px}
.ul_list_wrap.my_card_service li + li {margin-left:0px;}

.premium_service_request ul li {display:block; padding:23px 0 22px 0;}
.premium_service_request .bluepart {float:initial; display:flex; width:100%; flex-direction:column-reverse}
.premium_service_request .bluepart .date {display:block;margin-right:0; width:100%;}
.premium_service_request .bluepart .date span {display:inline-block; position:relative; margin:0 0 0 8px; padding:0 0 0 9px;}
.premium_service_request .bluepart .date span::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 5px); width:1px; height:10px; background-color:#ddd;}
.premium_service_request .bluepart .title {display:block; margin-right:0; padding-bottom:33px; width:100%;}
.premium_service_request .bluepart .service {position:absolute; left:0; top:25px;}
.premium_service_request .redpart {display:block; position:absolute; min-width:200px; bottom:15px; right:0;}
.premium_service_request .redpart .del_info {top:-1px;}


.message_wrap01 {margin:10px 0 30px 0; font-size:24px;}
.message_wrap01 + .marker_dot {margin:-15px 0 60px 0;}

/**** 이용한도 ****/
/* 이용한도조회 */
.inquiry_check_wrap {padding:0;}
.mylimit_info_wrap {-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding:40px 0;}
.mylimit_info_wrap + .mylimit_info_wrap {padding-top:0;}
.mylimit_info_wrap .head_deck .msg {margin:10px 0 24px 0; }
.mylimit_info_wrap .head_deck h4.h_title24 {margin-bottom:10px;}
.mylimit_info_wrap .mylimit_info .h_title.color_black {margin-bottom:12px;}
.mylimit_info_wrap .head_deck dt {font-size:1.5rem;}
.mylimit_info_wrap .head_deck dd {font-size:1.5rem;}
.mylimit_info .title {font-size:1.5rem; margin-bottom:8px;}
.mylimit_info .parts dt {padding-left:21px;}
.mylimit_info_wrap.block .inwrap_flex {flex-direction: column}
.mylimit_info + .mylimit_info {margin-left:0px;}
.inwrap_flex .mylimit_info+ .mylimit_info {margin-top:40px;}
.bar_graph + .parts {margin-top:6px;}
.bar_graph.has_badge {padding:32px 0 34px 0;}
.bar_graph .badge dt {font-size:1.5rem;}
.bar_graph .badge dd {font-size:1.7rem;}
.bar_graph .badge.available dd span {font-size:1.8rem;}

.limitup_inquiry_wrap {position:relative; left:initial; top:initial; margin-top:20px; text-align:right;}
.limitup_simple_result {position:relative; padding:0 0 40px 0}
.request_msg {padding-top:133px;}
.request_msg::after {top:32px; font-size:28px}
.limtup_request_end {padding:20px 10px; margin-left:-20px; margin-right:-20px; font-size:15px;}

/* 이용한도상향 안내 */
.limitUp_application {margin-top:30px;}

.limitup_result_wrap .main_msg {margin-bottom:60px;font-size:2.4rem;}
.limitup_result_wrap .sub_msg {font-size:1.5rem;}
.limitup_result_wrap .sub_msg p+p {margin-top:5px;}
.marker_hyphen2 + .btn_wrap {margin-top:60px;}
.bar_graph.large .badge.available dt, .bar_graph.large .badge.available dd {font-size:1.5rem;}
.except .bar_graph .badge.current dt, .except .bar_graph .badge.current::before {display:none !important;}
.except .bar_graph .badge.current dd{font-weight:400; color:#333;}
.request_sms_wrap .h_wrap {margin-bottom:26px;}
.request_sms_wrap .flex_item + .flex_item {margin-left:0px; margin-top:30px;}
.request_sms_wrap dt {margin-bottom:10px;}

/* 이용한도 상향신청 결과조회 */
.condition_viewbox {-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.condition_viewbox .cv_group {width:100%;}
.condition_viewbox .cv_group + .cv_group {margin-left:0; margin-top:40px;}
.condition_viewbox .cv_group .title {font-size:1.8rem; margin-bottom:15px;}
.condition_viewbox .cv_group .h_title24 {margin-bottom:5px;}
.cv_group .cv_item dl {padding-right:40px;}
.cv_group .cv_item dl::before, .cv_group .cv_item dl::after {right:15px;}

.before_limiteup_list {max-height:initial;overflow:auto;}
.before_limiteup_list .msg {padding-top:30px;}
.before_limiteup_list ul {display:block; position:relative;}
.before_limiteup_list li {display:block; position:relative; margin:0; padding:13px 0 0 0;}
.before_limiteup_list li .date {display:block; position:relative; left:initial; top:initial; margin-bottom:20px; font-size:13px; text-align:center}
.before_limiteup_list li .limit_result_detail {margin-bottom:0; padding-left:20px; padding-bottom:20px;}
.before_limiteup_list li .limit_result_detail .h_wrap {margin-bottom:10px;}
.before_limiteup_list li .limit_result_detail .direction_row.detail_wrap + .h_wrap {margin-top:25px;}
.before_limiteup_list li + li { border-top:solid #eee 1px; }

/* 이용한도 하향신청 신청내용확인 */
.limite_info_wrap h4.title,
.sms_application h4.title {font-size:1.7rem;}
.flexbox_wrap.limite_info_wrap .flex_item + .flex_item {margin-top:40px;}
.adjust_confirm:before {left:calc(50% - 5px); top:calc(50% - 5px); width:10px; height:10px;}
.adjust_confirm.left {padding-right:0;}
.adjust_confirm.right {padding-left:0;}
.adjust_confirm_inner {padding:20px;}
.adjust_confirm .current_info dd,
.adjust_confirm .changed_info dd {font-size:1.8rem;}
.sms_application {width:100%;}

/* 소득정보갱신신청 */
.result_info_area {padding:48px 0;}
.result_info {font-size:2.4rem; line-height:3.3rem; color:#333; text-align:center;}
.result_info_explain {font-size:1.5rem; color:#111; text-align:center;}
.result_gray_box {padding:18px 0; background-color:#f6f6f6; text-align:center;}

/* 추가한도 이용신청 */
.radio_list_wrap .radio_list.col02{margin:0}
.radio_list_wrap .radio_list.col02 li {width:100%;margin-left:0;}
.radio_list_wrap .radio_list li {height:auto;margin-bottom:10px;}
.radio_list_wrap .radio_list li label {width:100%;height:auto;}
.radio_list_wrap .radio_list li label input[type="radio"] + .radio_cont{width:2000px;height:96px;padding:23px 0 23px 88px}
.radio_list_wrap .radio_list .radio_cont .text_basic {font-size:1.8rem;}
.radio_list_wrap .radio_list .radio_cont .radio_img{left:20px}
.box_whiteLimit{padding:3px 12px 15px;border-width:1px 0;border-radius:0;box-shadow:none}
.box_whiteLimit figure{display:none}
.box_whiteLimit .list{display:block}
.box_whiteLimit .list li{display:block;padding:15px 0 0 0}
.box_whiteLimit .list li:before{display:none}
.box_whiteLimit .list li:after{content:'';display:block;clear:both}
.box_whiteLimit .list li .txt, .box_whiteLimit .list li .con{float:left;line-height:1.2}
.box_whiteLimit .list li .txt{width:100px;margin-bottom:0}
.box_whiteLimit .list li .con{width:calc(100% - 100px);text-align:right}
.box_whiteLimit + .box_whiteLimit {margin-top:-1px;}

.condition_viewbox.add_limitbox{margin-top:40px}
.hotel_con .select_pann {margin:0;}
.hotel_con .area_slt label {font-size:1.8rem;}
.hotel_con .select_pann .area_list {max-height:100%;overflow-y:hidden;border:0;}
.hotel_con .select_pann .area_list li,
.hotel_con .select_pann .img_area,
.hotel_con .select_pann .text_area {display:block;}
.hotel_con .select_pann .area_list li {padding:40px 0;}
.hotel_con .select_pann .img_area {width:100%;margin:30px 0;}
.hotel_con .select_pann .text_area {padding-left:0;}
.hotel_con .select_pann .tit {position:absolute;top:40px;font-size:1.8rem;}
.hotel_con .select_pann .text_area .text_xsm {font-size:1.5rem;}

.scroll_area{max-height:calc(100% - 176px)}
.scroll_area .hall_list li img{left:0}
.scroll_area .hall_list li{padding:30px 0 27px 0}
.df_list_col_wrap.limit_result .df_list_col .item_wrap dt.item{width:95px}
.df_list_col_wrap.limit_result .df_list_col .item_wrap dd.item{width:calc(100% - 95px);color:#333;text-align:right}
.addlimit_result{width:100%}
.complete_body .complete_info.type_mypage02{width:100%}

/* 체크 특별한도 신청 */
.checkadd_guide_wrap + .checkadd_guide_wrap {margin-top:40px;}
.checkadd_guide_wrap .h_wrap {text-align:left;}
.checkadd_guide_wrap .h_wrap+.marker_hyphen2 {margin-top:20px;}
.checkadd_guide_wrap + .btn_wrap {margin-top:30px;}

/* 카드별이용한도 */
.limit_by_card .has_flow_step {margin-top:20px;}
.limit_by_card .mylimit_info_wrap {padding:0;}
.limit_by_card .pc_card_info {display:none;}
.limit_by_card .mo_card_info {display:block;}
.limit_set_wrap [class^="limit_"] .con,
.limit_set_wrap [class^="limit_"] .con .set_input input {font-size:18px;}
.limit_set_wrap [class^="limit_"] .con .set_input input {padding-right:40px;}
.limit_set_wrap [class^="limit_"] .con .set_input input::placeholder{font-size:20px;}
.limit_set_wrap [class^="limit_"] .con>span{font-size:20px;}
.limit_set_wrap [class^="limit_"] .con .unit{font-size:18px;}
.limit_by_card .complete_body .df_list_wrap {width:100%;}
/* .contents.card_limit {padding-bottom:20px;}
.card_limit .col2 {display:block !important;}
.card_limit .col2 > * {padding:0 !important;}
.card_limit .col2.type2 > .right {margin-top:25px;}
.card_limit .mo {display:block;}
.card_limit .pc,
.card_limit .question.pc {display:none;}
.card_limit .btn_wrap.guide + .btn_wrap {margin-top:40px;}   
.card_limit .btn_wrap.guide + .btn_wrap .btn,
.card_limit .box_con + .btn_wrap .btn {margin-top:0;}
.card_limit .btn_wrap.gap10 .btn {display:block;}
.card_limit .card_swiper .card_img {padding:0 50px;}
.card_limit .card_select .select_wrap {width:100%;}
.card_limit .mylimit_info + .mylimit_info {margin-top:20px;}    
.card_limit .card_info + .adjust_amount_wrap,
.card_limit .adjust_amount_wrap + .adjust_amount_wrap {margin:38px 0 16px;}
.card_limit .adjust_amount_wrap + .adjust_amount_wrap {margin-top:0 !important;}
.card_limit .card_info + .adjust_amount_wrap .adjust_amount {margin-top:22px;}    
.card_limit .card_info .table_type02 {border-top:1px solid #ddd;}
.card_limit .card_info th {font-size:1.5rem;color:#111;}
.card_limit .card_info td {font-size:1.6rem;color:#333;}
.card_limit .m_fixed + .btn_wrap.gap40 {margin-top:10px;}
.card_limit .m_fixed + .btn_wrap.gap40 .btn {display:block;}
.card_limit .limit_up_wrap {width:100%;}
.card_limit .limit_up_group > * {padding:0 !important;}
.card_limit .limit_up_group .limit_up_wrap +  .limit_up_wrap {margin-top:9px;}
.card_limit .limit_up_wrap > * {padding:12px 0;}
.card_limit .limit_up_wrap .tit {font-size:1.5rem;}
.card_limit .limit_up_wrap .limit_amount {font-size:1.8rem;}
.card_limit .limit_up_wrap::before {background-size:7px 11px;}
.card_limit .card_info + .h_wrap.gap20 {margin:38px 0 16px;}
.card_limit .limit_up_group.last {margin-bottom:30px;}
.card_limit .h_wrap.result {padding-top:60px;}
.card_limit .h_wrap.result .title {font-size:2.4rem;}
.card_limit .h_wrap.result .tbm {margin-top:9px;font-weight:400;}
.card_limit .bg_lightgray.result {padding:17px 0;font-size:1.5rem;}
.card_limit .bg_lightgray.result li + li {margin-top:20px;}
.card_limit .bg_lightgray.result .type2 li + li {margin-top:9px !important;}
.card_limit .adjust_amount_wrap .adjust_amount,
.card_limit .adjust_amount_wrap .right .adjust_amount.type2,
.card_limit .adjust_amount_wrap .adjust_amount.type2 {margin-top:22px;} */

.mu_card_list .mu_card_head  {width:100%;}
.mu_card_list .mu_card_head dt, .mu_card_list .mu_card_head dd {flex:1;}
.mu_card_list .mu_list {padding:30px 0; overflow:visible;}
.mu_card_list .mu_list::before, .mu_card_list .mu_list::after {display:none;}
.mu_card_list .mucN, .mu_card_list .mucP {display:none;}

/* 이용제한등록 */
.limit_usage .flex_row li:first-child, .limit_usage .flex_row li, .limit_usage .flex_row li:first-child, .limit_usage .flex_row li:nth-child(7n+1){width:33.3%}
.check_wrap.type_btn.usage_time .check_btn input[type="checkbox"] + span{padding:10px;font-size:13px;line-height:1;height:auto;min-height:44px;}
.complete_body .complete_info.usage_comp{margin-top:20px;text-align:left}
.usage_comp .marker_dot{display:block}
.limit_usage .check_list02 label {width:100%;height:85px;}
.limit_usage .check_list02 label span:before {width:35px;height:35px;}
.complete_body.reg_of_use .complete_info {width:100%;max-width:400px;text-align:center;}
.item_wrap .item.con.item_limit_usage > span {display:block;}

/* 이용한도 상향신청 히든 */
.contents.limit_up_wrap .h_wrap.top .title {font-size:2.4rem;}
.limit_up_wrap .form_ele.pwd .col02::before {width:13px;margin-left:-2px;}
.limit_up_wrap .form_ele.pwd .col02 .pwd_front {padding-right:20px;}
.limit_up_wrap .form_ele.pwd .col02 .pwd_back {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;padding-left:20px;font-size:3.0rem;}
.limit_up_wrap .form_ele.pwd .col02 .pwd_back span {line-height:57px;}
.limit_up_wrap .form_ele.pwd.card .col02 .pwd_back {display:block;padding-left:0;}
.limit_up_wrap .adjust_amount_wrap .adjust_amount,
.limit_up_wrap .adjust_amount_wrap .flex_item:nth-of-type(2) .adjust_amount {margin-top:22px;}

/* 분할납부 불가 대상 안내 팝업 */
.sub_title.un_pay_ist {width:380px;margin:0 auto;}
.sub_title.un_pay_ist .guide_list {text-indent:-19px;padding-left:19px;}

/**** 이용내역 ****/
/* 카드이용내역 */
.reportlist_filter_wrap {display:table; height:60px; padding-right:40px;}
.reportlist_filter_wrap.wide {display:block;}
.reportlist_filter_wrap.wide .filter_list {height:42px;}
.reportlist_filter_wrap.wide .filter_toggle {top:initial; bottom:-10px;}

.reportlist_filter_wrap .filter_list {display:table-cell; height:60px; padding:10px 0; vertical-align: middle;}
.reportlist_filter_wrap .filter_list li {display:inline-block; padding:0 20px 0 0; font-size:1.3rem; line-height:1.1;}
.reportlist_filter_wrap .filter_list li.date {display:block;}
.reportlist_filter_wrap .filter_toggle {width:60px; height:60px; margin-right:-20px; top:calc(50% - 30px)}

.analysis_period_bar .periond_set {height:initial; margin:0; padding:14px 0 12px 0;}
.analysis_period_bar .periond_set .table_cell {padding:0}

.card_reportlist_wrap .dashdesk.swiper-slide {padding:56px 0 20px 0;}
.card_reportlist_wrap .dashdesk dl {display:block;}
.card_reportlist_wrap .dashdesk dt {font-size:1.6rem;}
.card_reportlist_wrap .dashdesk dd {font-size:3.2rem; line-height:1;}
.card_reportlist_wrap .dashdesk dd span {font-size:3.6rem;}
.card_reportlist_wrap .dashdesk_detail {position:relative; min-width:100%; margin:0; padding:20px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.card_reportlist_wrap .dashdesk_detail dl {display:-webkit-flex; display:-ms-flexbox; display:flex; float:initial;}
.card_reportlist_wrap .dashdesk_detail dl:last-child {margin-right:0;}
.card_reportlist_wrap .dashdesk_detail dl + dl {margin-left:0px; margin-top:5px;}
.card_reportlist_wrap .dashdesk_detail dt {text-align:left; flex:1; padding-left:0;}
.card_reportlist_wrap .dashdesk_detail dd {font-size:1.7rem; text-align:right; flex:1; padding-left:0;}
.card_reportlist_wrap .dashdesk_detail dd span {font-weight:900;}
.card_reportlist_wrap .dashdesk_detail .total_sum {display:block; padding:20px 0 20px 0;}
.card_reportlist_wrap .dashdesk_detail .total_sum dl {padding-right:0;}
.card_reportlist_wrap .dashdesk_detail .total_sum dt {top:0;}

.card_reportlist_wrap.mycard_report .dashdesk {padding:30px 0; }
.mycard_report .usage_item {-ms-flex-wrap:wrap; flex-wrap:wrap;}
.mycard_report .usage_item dl {width:initial; flex:1.8; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column}
.mycard_report .usage_item dl dt {width:100%; margin-bottom:7px;}
.mycard_report .usage_item dl dd {width:100%;}
.mycard_report .usage_item dl dd .country {margin-top:5px;}
.mycard_report .price_info {flex:1; padding-right:0; width:initial;}
.mycard_report .price_info .price {margin-bottom:2px;}
.mycard_report .price_info .btn_wrap {position:relative; margin-bottom:0; top:0px;}
.mycard_report .price_info .osprice {position:absolute; right:0; top:53px;}

.select_month_wrap {left:calc(50% - 165px); top:90px;}
.select_month_wrap .radio_wrap .radio_btn {flex:inherit !important;/* width:92px; */}

.period_flex.current {flex-direction:column; padding-top:5px;}
/* .period_flex .radio_wrap, .period_flex .input_wrap {flex:1} */
.period_flex .radio_wrap + .input_wrap {margin-right:0px;}

/* 추천영역 */
ul.recomdesk_ul {display:block !important;border-top:solid #ddd 0px; border-bottom:solid #ddd 0px;}
ul.recomdesk_ul li {display:block;padding:30px 0;}
ul.recomdesk_ul.ingap0_30 li {padding:18px 0;}
ul.recomdesk_ul.ingap0_30 li:first-child {padding-top:0px;}
ul.recomdesk_ul li + li {border-left:none; border-top:solid #ddd 1px;}
ul.recomdesk_ul.col02 li, ul.recomdesk_ul.col03 li {width:100%;}
ul.recomdesk_ul .title {margin-bottom:5px;font-size:1.7rem; line-height:initial;}
ul.recomdesk_ul .bottom_textbtn .text_btn {position:relative;bottom:initial;left:initial;margin-top:10px;}

.recom_financial {flex-direction: column;}
.recom_financial .product {width:100%; padding-right:80px;}
.recom_financial .product:nth-child(even) {margin-left:0px;}
.recom_financial .product .btn_link {position:absolute; right:0; top:0; min-width:50px;}


.card_reportlist_wrap .btn_month {height:18px; font-size:1.1rem; line-height:18px;}
.card_reportlist_wrap .btn_month.prev_month {padding-left:14px; background-size:10px 18px;}
.card_reportlist_wrap .btn_month.next_month {padding-right:14px; background-size:10px 18px;}
.card_reportlist_wrap .this_month {font-size:1.7rem;}
.accordion_wrap.bottom_guide .payment_detail dt + dd {margin-top:0;}

.btn_wrap.btn_check_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:24px;}
.btn_check_wrap .btn_check {height:72px; margin-top:0; padding:40px 0 0 0; flex:1; line-height:1.2;}
.btn_check_wrap .btn_check.ico01 {padding-left:0;padding-top:30px !important; background-position:center top;}
.btn_check_wrap .btn_check.ico02 {padding-left:0;padding-top:30px !important; background-position:center top;}
.btn_check_wrap .btn_check.ico03 {padding-left:0;padding-top:30px !important; background-position:center top;}
.btn_check_wrap .btn_check.check_basic {padding-left:0;padding-top:30px !important; background-position:center top;}

.report_recome .btn_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.report_recome .btn_wrap + .btn_wrap {margin-top:8px;}
.report_recome .btn_wrap .btn.full {width:100%;}

.btn_check_wrap + .btn_pay{margin-top:26px;}
.btn_pay{display:-webkit-flex; display:-ms-flexbox; display:flex;}
.btn_pay .btn {flex:1; min-width:inherit; /*width:calc(50% - 4px);*/ padding:0;}
.btn_pay .btn + .btn {margin-left:7px;}

/* 이용대금명세서 이용내역상세 19/12/24 */
.accordion_wrap.card_usage_detail .accordion_header {min-height:auto;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item {display:block;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item::before {display:none;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item + .st_item {margin-left:0;padding-left:0;}
.accordion_wrap.card_usage_detail .accordion_header .back {position:absolute; top:20px; right:10px;}
.accordion_wrap.card_usage_detail .accordion_header .back .back_money_sub{padding-top:4px;}
.accordion_wrap.card_usage_detail .accordion_header .acc_btn::after {top:30px;} 
.accordion_wrap.card_usage_detail .usage_item .usage_info {width:calc(100% - 100px);}
.accordion_wrap.card_usage_detail .text_wrap.side_btn.pd_bottom {padding-bottom:42px;}
.accordion_wrap.card_usage_detail .text_wrap .loan_name {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.card_reportlist_wrap.card_usage_detail {padding-bottom:35px; margin-bottom:10px;}
.accordion_wrap.card_usage_detail .list_head .money {padding:14px 0 0;}
.accordion_wrap.card_usage_detail .list_head .money span {text-align:right;}
.accordion_wrap.card_usage_detail .list_head .money .susuru {display:block;}
.accordion_wrap.card_usage_detail .list_category .title {padding-right:0;}
.accordion_wrap.card_usage_detail .list_category .title + span {display:block;font-size:13px;}
.accordion_wrap.card_usage_detail .list_category .title::after {display:none;}

.reportlist_filter_wrap .tooltip {top:66px;}
.reportlist_filter_wrap .tooltip::before {left:94%;}

/* 이용내역상세 - 카드론 */
.card_usage_detail.cardron .total_fee {display:block;}
.card_usage_detail.cardron .total_fee dl:nth-of-type(1) {padding-right:0;}
.card_usage_detail.cardron .total_fee dl:nth-of-type(2) {margin-top:10px;padding-left:0;}

/* 이용대금명세서 카드이용내역 */
.card_usage_wrap .card_usage_list {padding:5px 0;}
.card_usage_wrap .card_usage_list .card_info strong {line-height:1.2; overflow:visible; white-space:inherit; word-break:inherit; text-overflow:initial;}
.card_usage_wrap .card_usage_list .card_info {padding:10px 0;}
.card_usage_wrap .card_usage_list .card_info p {margin-top:3px; font-size:1.3rem; color:#111;}
.card_usage_wrap .card_usage_list .price {font-size:1.6rem; padding-right:20px;}
.card_usage_wrap .card_usage_list .price::after {right:2px;}
.card_usage_wrap .card_usage_list .price strong {color:#333;}
.card_usage_wrap .card_usage_list li .usage_item{padding:0;}
.card_usage_detail .total_fee {padding:15px 0 0;}
.card_usage_detail .total_fee dl dt {font-size:1.8rem;}
.card_usage_detail .total_fee dl dd {font-size:2.1rem;}
.card_usage_detail .total_fee dl dd span {font-size:2.3rem;}


.tooltip.cardbill {top:8px;}

/* .myused_list .accordion_wrap.card_usage_detail.type03 .accordion_header .text_wrap {padding-left:0px !important;} */
.myused_list .accordion_wrap.card_usage_detail.type03 .accordion_body .area {padding-left:0px;}
/* .myused_list .accordion_wrap.card_usage_detail.type03 .accordion_header .text_wrap.with_fee .side {min-height:initial;} */
.myused_list .accordion_wrap.card_usage_detail.type03 .accordion_body{padding-bottom:50px;}
.myused_list .accordion_wrap.type03 .text_wrap.side_btn + button {right:-11px; width:34px;}
.myused_list .accordion_wrap.type03 .text_wrap.side_btn {width:calc(100% - 24px); padding-left:0;}

.cardbill_benifit .detail_info {padding:14px 0;}

.check_banner_swiper .banner_img.pc {display:none;}
.check_banner_swiper .banner_img.mobile {display:block;}
.check_banner_swiper .swiper-container {padding-bottom:25px;}
.check_banner_swiper .page_no {font-size:1.1rem;}
.check_banner_swiper .paging_nav_wrap .nav-button-prev,
.check_banner_swiper .paging_nav_wrap .nav-button-next {width:22px; height:14px;}

.stat_graph .swiper-container,
.stat_graph .item {max-width:none;}
.stat_graph .swiper-button-prev {left:0;}
.stat_graph .swiper-button-next {right:0;}

.benefit_wrap .payment_detail dt {text-align:left;}
.benefit_wrap .payment_detail dd {text-align:right;}
.benefit_wrap .flex_item dd {font-size:1.8rem;}

/* 카드이용내역 검색 필터 */
.card_filter_title {font-size:1.7rem; line-height:2.1rem;}
.card_filter_item + .card_filter_item {margin-top:26px;}
.card_filter_head {margin-bottom:13px;}

.card_filter_body .radio_wrap.type_btn,
.card_filter_body .radio_wrap.type_btn.anyline.month_select dd {display:-webkit-flex; display:-ms-flexbox; display:flex; flex-wrap: wrap;}
/* .card_filter_body .radio_wrap.type_btn label {flex:1;} */
.card_filter_body .radio_wrap.type_btn.anyline {display:inline-block;}
.card_filter_body .radio_wrap.type_btn.anyline .radio_btn span {padding:0 15px;}

.card_filter_body .radio_wrap.type_btn {}
.card_filter_body .radio_wrap.type_btn ul {-ms-flex-wrap:wrap; flex-wrap:wrap; margin:-2.5px;}
.card_filter_body .radio_wrap.type_btn ul li {flex:0 0 auto; width:33.33%; margin-left:0; padding:2.5px;}

.card_filter_body.period_add {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; flex-direction:column-reverse;}
.card_filter_body.period_add .radio_wrap.type_btn {margin-left:0px;}

/* 카드이용내역 상세 */
.benefit_box {padding-right:25px; padding-left:25px;}
.benefit_box dl {width:100%;}
.benefit_box dl dd {float:right;}
.benefit_box dl + dl {margin-top:5px; padding-left:0;}
.benefit_box dl + dl:before {content:none;}

.recom_desk_wrap + .accordion_wrap.btm_line {margin-top:40px;}

.card_statement_receipt .receipt_head .card_statement_title {font-size:1.7rem;}
.card_statement_receipt .receipt_head .lower .card_name,
.card_statement_receipt .receipt_head .lower .user,
.card_statement_receipt .receipt_head .lower .date,
.card_statement_receipt .receipt_head .lower .card_usingForm {font-size:1.3rem;}
.card_statement_receipt .receipt_head .lower .date {padding-right:14px;}
.card_statement_receipt .receipt_head .lower .date:before {right:6px;}
.card_statement_receipt .receipt_head .lower .card_name {padding-right:14px;}
.card_statement_receipt .receipt_head .lower .card_name:after {right:6px;}
.card_statement_receipt .receipt_body table .col1 {width:50%;}
.card_statement_receipt .receipt_body table .col2 {width:50%;}
.card_statement_receipt .receipt_body tr.use_money td {font-size:2.0rem;}
.card_statement_info {margin-top:20px;}

.payment_detail {padding:20px 0;}
.payment_detail dl.flex_item {width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; padding-left:0; flex-direction:row;}
.payment_detail dl.flex_item + dl.flex_item {margin-top:12px;}
.payment_detail dt {margin-bottom:0; flex:1}
.payment_detail dd {flex:2; text-align: left}
.payment_detail dd .text_btn.arrow {display:table; margin-top:2px; font-size:1.5rem;}
.payment_detail dl.flex_item {padding-left:0px; flex:auto;}
.payment_detail .period, .payment_detail .bank, .payment_detail .date {flex:auto;}
.usage_list .traffic_title .date {display:block;margin-top:5px;margin-left:0;}
.usage_list .traffic_title li.type02 {padding-top:15px;}
.usage_list .traffic_title li.type02 .name {position:absolute;top:0;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.usage_list .traffic_title li.type02 .date {display:inline-block} 
.usage_list .traffic_title.type04 {margin-top:50px;}
.card_reportlist_wrap .dashdesk_detail.type02 dt[class^="ico_"]::before {display:inline-block;}
.card_reportlist_wrap .dashdesk_detail.type02 dd[class^="ico_"]::before {display:none;}
.card_reportlist_wrap .dashdesk_detail .check_card_use {display:block; width:100%;}
.card_reportlist_wrap .dashdesk_detail .inner_wrap .sub_title6 {padding-left:0px;}
.card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap {width:100%; float:initial;}
.card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap + .inner_wrap {margin-top:10px; padding-top:20px; border-top:solid #ddd 1px;}
.dashdesk_detail .payday ul {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0 ;}
.dashdesk_detail .payday li {flex:1;}
.payment_detail.checkcard_pd i.br {display:inline;}
.payment_detail .flex_item dt {flex:none; width:100px;}
.payment_detail .flex_item dd {flex:1 1 auto;}
.payment_detail .next_month_wrap {display:block; width:100%;}

/* 체크카드대표계좌변경 */
.checkcard_change .change_before {float:none; width:100%;  padding-bottom:20px; border-bottom:1px solid #ddd;}
.checkcard_change .change_after {float:none; width:100%; margin-top:70px; padding-top:20px; border-top:1px solid #ddd;}
.checkcard_change .change_before:before {left:50%; top:48%; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.accordion_wrap .accordion_header .acc_btn  .checkcard_info {display:block;}
.accordion_wrap .accordion_header .checkcard_info + .checkcard_info {margin-top:5px;}
.accordion_wrap .accordion_header .checkcard_info .bank_name,
.accordion_wrap .accordion_header .checkcard_info .card_name {margin-left:0px;}
.accordion_wrap .accordion_header .checkcard_info .bank_num,
.accordion_wrap .accordion_header .checkcard_info .card_num {margin-left:5px;font-weight:400; font-size:16px; color:#111;}

/* 카드별 혜택조회 */
.benefit_check_card.tooltip {width:calc(100% - 20px);left:10px;top:-25px;z-index:9;}
.benefit_check_card.tooltip span {width:100%;}
.benefit_check_card.tooltip .tooltip_close {position:absolute;right:10px;}
.benefit_check_card.reportlist_filter_wrap .filter_toggle {margin-right:0;}
.benefit_check_card .mycard_report .price_info .osprice {top:auto;}
.benefit_check_card.cashback .report_month_swiper + .cashback_total_number:not(.type02) {margin-top:50px;}
.benefit_check_card .report_monthly .current_month {font-size:1.6rem;}
.benefit_check_card.cashback .report_month_swiper [class^="swiper-button"] {height:18px;}
.benefit_check_card.cashback .cashback_total_number {padding:0 10px;}
.benefit_check_card.cashback .report_month_swiper .swiper-button-prev {left:0;}
.benefit_check_card.cashback .report_month_swiper .swiper-button-next {right:0;}
.benefit_check_card .btn_wrap.btn_integrator {text-align:center;}
.benefit_check_card .btn_wrap.btn_integrator .btn_link:last-of-type {margin-top:10px;}
.benefit_check_card .df_list_col_wrap.justify_c [class^="df_list"] .item_wrap {margin-right:0;}
.cashback_total_number.type02 {margin-top:10px;color:#111;font-size:3.2rem;}
.cashback_total_number.type02 .number {font-size:3.6rem;}
.flexbox_wrap.deepdream .flex_item + .flex_item .flexbox_dl {padding-top:0;}
.benefit_check_card.kakaobank .accordion_header .font_lg  {font-size:2.0rem !important;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_body .list01[data-type="list"] ul > li {padding-left:0; padding-right:0;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .text_wrap.side_btn {padding-left:0px; padding-right:0;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_header .side {padding-right:0px;}
.benefit_check_card.kakaobank .accordion_header .back {right:0;}

/* 교통카드 이용내역 */
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap .amount {padding-left:0;background:none;}
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap .type {padding-left:32px;}
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.bus .type {background:url('/pconts/images/contents/mypage/ico_bus.png') no-repeat 0 50%;background-size:22px 19px;}
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.taxi .type {background:url('/pconts/images/contents/mypage/ico_taxi.png') no-repeat 0 50%;background-size:22px 19px;}
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.subway .type {background:url('/pconts/images/contents/mypage/ico_subway.png') no-repeat 2px 50%;background-size:16px 19px;}
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.etc .type {background:url('/pconts/images/contents/mypage/ico_etc.png') no-repeat 0 50%;background-size:22px 19px;}
.traffic_usage_details .expend_wrap .traffic_type_list .item_wrap.toll .type {background:url('/pconts/images/contents/mypage/ico_toll.png') no-repeat 0 50%;background-size:21px 19px;}
.traffic_usage_details .usage_transport .location_info .location .date {margin-left:0;}
.traffic_usage_details .traffic_type_list {padding:15px 0 29px;}
.traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap {display:block;}
.traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap + .item_wrap {margin-left:0;}

/* 교통카드 이용내역 > 후불 교통카드 */
.usage_transport.mypage_hipass .detail_info .texts_area .info{display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:column;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .price{order:initial;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .card{display:block; padding-bottom:10px;}
.usage_transport.mypage_hipass .detail_info .texts_area .ico_card_logo{margin-left:0;}
.usage_transport.mypage_hipass .detail_info .texts_area .info_num{margin-left:0;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .hipass{display:block;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .hipass:before{display:none;}

/* 주석처리 12/4 */
/* .transit_card .transit_head .transit_date {font-size:1.3rem;}
.transit_card .transit_body dl.point:before {top:5px;}
.transit_card .transit_body dl dt {font-size:1.3rem;}
.transit_card .transit_body dl dd.txt1,
.transit_card .transit_body dl dd.txt2 {font-weight:400; font-size:1.5rem;}
.transit_card .transit_body dl dd.txt2 {min-height:22px;}
.usage_list .traffic_title::before {height:calc(100% - 20px);}
.usage_list .traffic_title.type02::before,
.usage_list .traffic_title.type03::before {display:none;}
.usage_list .traffic_cont li.card_money {position:relative;padding-top:30px;}
.usage_list .traffic_cont li.card_money .type_card {position:relative;display:block;}
.usage_list .traffic_cont li.card_money .money {position:absolute;top:0;right:0;}
.usage_list .traffic_title {position:relative;width:calc(100% - 184px);}
.usage_list .traffic_cont.type02 {position:absolute;top:0;right:0;float:right;text-align:right;margin-bottom:0;}
.btn_wrap.traffic_fn {margin-bottom:20px;} */
.card_statement_receipt .receipt_body .usage_transport .location_info .ride_num:before{top:5px;width:12px;height:12px;background:url(/pconts/images/contents/mypage/bg_rideNum_m.gif) no-repeat 0 0 / 12px auto}
.card_statement_receipt .receipt_head.traffic_receipt:before{width:36px;height:36px;background:url(/pconts/images/contents/mypage/bg_traffic_detail_m.gif) no-repeat 0 0 /216px auto}
.card_statement_receipt .receipt_head.traffic_receipt.icoSubway:before{background-position:-36px 0} /*지하철*/
.card_statement_receipt .receipt_head.traffic_receipt.icoTaxi:before{background-position:-72px 0} /*택시*/
.card_statement_receipt .receipt_head.traffic_receipt.icoEtc:before{background-position:-108px 0} /*기타*/
.card_statement_receipt .receipt_head.traffic_receipt.icoHighpass:before{background-position:-144px 0} /*하이패스*/
.card_statement_receipt .receipt_head.traffic_receipt.icoToll:before{background-position:-180px 0} /*통행료*/

/* 해외거래 예상청구금액산출 */
.foreign_money .radio_wrap_brand .radio_btn {width:50%;}
.foreign_money .radio_wrap_brand .radio_btn + .radio_btn {padding-left:4px;margin-left:0;}
.foreign_money .radio_wrap_brand .radio_btn:nth-child(2n+3) {padding-left:0;}
.foreign_money .amount_calc {padding:20px 20px;}
.foreign_money .amount_calc .calc_wrap {padding:0 20px 10px;}


/* 주석처리 191203 */
/* .foreign_money_title_sub {padding-bottom:30px;}
.foreign_money_title_sub span {line-height:initial;}
.foreign_money .radio_wrap.col_half {display:block;}
.foreign_money .radio_wrap.col_half > label {display:block;width:calc(50% - 6px);margin:0;}
.foreign_money .radio_wrap.col_half > label:nth-of-type(n + 3) {margin-top:10px;}
.foreign_money .radio_wrap.col_half > label:nth-of-type(2n+1) {float:right;}
.foreign_money .radio_wrap.col_half > label:nth-of-type(5) {float:left;}
.foreign_money_body .sum.col_half > dl {text-align:center !important;padding:0 !important;}
.foreign_money_body .sum.col_half dd {font-size:1.8rem;}
.foreign_money_body .sum.col_half {height:81px;}
.foreign_money_body .total {font-size:1.8rem;line-height:54px;}
.foreign_money_body .sum.col_half::before {font-size:1.8rem;}
.foreign_money_body .sum.col_half > dl:nth-of-type(2) dd {color:#333;}
.foreign_money_title {font-size:1.7rem;}
.foreign_money_body .table_type01 tr th, 
.foreign_money_body .table_type01 tr td {padding:5px 13px;border-width:0;background:#fff;}
.foreign_money_body .table_type01 tr:first-child th,
.foreign_money_body .table_type01 tr:first-child td {padding-top:18px;border-top:1px solid#ddd;}
.foreign_money_body .table_type01 tr:last-child th,
.foreign_money_body .table_type01 tr:last-child td {padding-bottom:18px;border-bottom:1px solid#ddd;}
.foreign_money .ly_inner.w600 {width:100%;}
.foreign_money .form_ele + .btn_wrap {margin-top:30px;}
.foreign_money .ly_inner.btn_wrap {margin-top:30px;} */

/* 할인혜택 이용내역 */
.btn_wrap.discount_benefit {margin-top:19px;margin-bottom:40px;}
.usage_list li .usage_item.type02 dl {margin-top:20px;margin-bottom:15px;}
/* 연회비 청구내역 */
.btn_wrap.membership_search {margin-top:31px;}
p.sub_title.membership_search .pc_block {display:none;}
p.sub_title.membership_search {margin-bottom:24px;font-size:2.4rem;line-height:30px;}

/* 카드이용실적 충족현황 */
.myinfo_card_wrap .accordion_wrap .card_list01[data-type="card"] > ul > li .benefit_detail_wrap {padding:20px 17px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .month {display:block;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .txt_conts {display:block; text-align:center; margin-top:20px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy {display:block; text-align:center;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit {display:block; text-align:center; margin-top:30px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.on::before {content:''; display:block; margin:5px auto; width:37px; height:37px; background:url(/pconts/images/contents/mypage/cir_check02.png);}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph {left:calc(50% - 87px); top:-25px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.on span, 
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off span {display:none;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .flexbox_dl {float:none; width:100%;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.off::before {content:''; display:block; margin:5px auto; width:37px; height:37px; background:url(/pconts/images/contents/mypage/cir_check_off.png);}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 table {font-size:1.3rem;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap.acc table th, 
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap.acc table td {padding:10px 5px;}
.myinfo_card_wrap .accordion_wrap .accordion_header .flag  {left:0px;}
.myinfo_card_wrap .accordion_wrap .accordion_header button.acc_btn {padding-left:60px;}
.myinfo_card_wrap .accordion_wrap .accordion_header button.acc_btn.medium:after {left:calc(100% - 20px);}


.pop_myinfo_detail .list_sort button {font-size:1.6rem;}
.pop_myinfo_detail .marker_dot4 {margin-bottom:25px;}
.pop_myinfo_detail .title_sub {font-size:1.8rem;}
.pop_myinfo_detail .marker_dot4 {font-size:1.4rem;}

.cardInfo_wrap {display:none;}
.cardInfo_wrap.flexbox_dl {display:block; width:100%; text-align:left; margin-bottom:30px;} 

.pop_cont .MY031R01.usage_item .usage_info {width:70%;}
.pop_cont .MY031R01.usage_item .price_info {width:30%;}

/* 이용대금 명세서  2019.12*/
.listofbills_wrap {width:100%;}
.listofbills_wrap dl.single_sum {padding:0;}
.listofbills_wrap dl.single_sum dt {font-size:1.8rem}
.listofbills_wrap dl.single_sum dd {font-size:2.1rem}
.listofbills_wrap dl.single_sum dd span {font-size:2.3rem}
.statement_list .period_title {padding:0 0 8px 0;}
.statement dl {float:initial; width:100%; padding:0; margin-left:0;}
.statement dl.even {margin-left:0 !important;}
.statement dl:last-child {margin-bottom:20px;}
.statementfull {float:initial; width:100%; padding:16px 0;}
.statementfull dl.total dd {padding-right:17px;}
.statementfull dl.total dd:after {right:3px;}
.statementfull + .statementfull {margin-left:0;}
.statement dl.totalpvc dt{padding-left:0;}
.statement dl.totalpvc dd{padding-right:0;}

/* 카드비밀번호/CVC번호 오류해제 */
.pwd_rel_wrap .list_guide_txt {font-size:2.4rem;line-height:28px;}
.pwd_rel_wrap .flow_step {margin-top:20px;}
.pwd_rel_wrap.tab_type01 .tab_wrap {padding-top:21px}
.pwd_rel_wrap .radio_wrap .radio_type1 {width:100%;}
.pwd_rel_wrap .usage_list li .usage_item dt {position:absolute;top:0;left:40px;}
.pwd_rel_wrap .usage_list .radio_type1 input[type="radio"] + span:before,
.pwd_rel_wrap .usage_list .radio_type1 input[type="radio"]:checked + span:after {top:50%;transform:translateY(-50%)}
.pwd_rel_wrap .usage_list li .usage_item dl {width:100%;padding-right:50px;}
.pwd_rel_wrap .accordion_wrap + .btn_wrap,
.pwd_rel_wrap .accordion_wrap.guide {margin-top:40px;}
.pwd_rel_wrap .usage_list li .usage_item dd span:not(.card),
.pwd_rel_wrap .usage_list .radio_wrap label {position:static;}
.pwd_rel_wrap .usage_list li .usage_item dd .card_date {padding-top:0;}
.pwd_rel_wrap .expend_wrap.cvc {margin-top:26px;padding:30px 0 35px;}
.pwd_rel_wrap .flow_step .title {font-size:2.0rem;}
.pwd_rel_wrap .card_cvc_input {width:100%;}
.pwd_rel_wrap .expend_wrap.cvc .table_wrap {max-width:100%;}
.pwd_rel_wrap .card_cvc_input .text_tip {width:100%;}
.pwd_rel_wrap .card_swiper {margin-top:30px;}
.pwd_rel_wrap .card_cvc_input + .text_tip {margin:11px 0 0}

/* 결제계좌변경 */
.ch_pay_account .card_inquiry_list .head_tit {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.ch_pay_account .card_inquiry_list .head_tit .card_info01 {order:2;}
.ch_pay_account .card_inquiry_list .head_tit .txt02 {margin-left:0;}
.ch_pay_account .card_inquiry_list .head_tit [class*=icb_] {background-position-x:0;padding-left:28px;}
.ch_pay_account .dl_wrap .df_list .item.tit,
.ch_pay_account .dl_wrap .df_list .item.con {width:100%;}
.ch_pay_account .dl_wrap + .dl_wrap {margin-top:29px;padding-top:29px;}
.ch_pay_account .dl_wrap .df_list .item.con .bank_wrap {max-width:100%;}
.ch_pay_account .dl_wrap .df_list .item.con {margin-top:9px;}
.ch_pay_account .dl_wrap .df_list .item.con ul,
.ch_pay_account .dl_wrap .df_list .item.con .bank_wrap {margin-top:9px;}
.ch_pay_account .df_list_col {display:-webkit-flex; display:-ms-flexbox; display:flex;padding:35px 0;}
.ch_pay_account .df_list_col .item_wrap {flex:initial;text-align: center;position: relative;}
.ch_pay_account .df_list_col_wrap .df_list_col .item_wrap .item:first-child,
.ch_pay_account .df_list_col_wrap .df_list_col .item_wrap .item:last-child {float:none}
.ch_pay_account .df_list_col .item_wrap .item:last-child {margin-top:7px;font-weight:700;}
.ch_pay_account .df_list_col_wrap .df_list_col .item_wrap + .item_wrap {margin-top:0;}

/* 혜택정보 수신동의 */
.benefit_info_swiper .swiper-container {height:214px !important;}
.benefit_agree .benefit_info_swiper [class^='nav-button'] {position:absolute;top:50%;display:block;width:30px;height:30px;z-index:10;overflow:hidden;margin-top:-30px}
.benefit_agree .benefit_info_swiper [class^='nav-button']::before {content:"";position:absolute;top:6px;left:2px;width:18px;height:18px;border-width:3px 3px 0 0;border-color:#333;border-style: solid;}
.benefit_agree .benefit_info_swiper .swiper-button-disabled::before {border-color:#ddd;}
.benefit_agree .benefit_info_swiper .nav-button-prev {left:70px;}
.benefit_agree .benefit_info_swiper .nav-button-prev::before {left:10px;transform:rotate(-135deg);}
.benefit_agree .benefit_info_swiper .nav-button-next {right:70px;}
.benefit_agree .benefit_info_swiper .nav-button-next::before {transform: rotate(45deg);}
.benefit_agree .benefit_info_swiper .swiper-slide {padding:0;width:312px;}
.benefit_agree .benefit_agree_box {margin-left:auto;margin-right:auto;}
.benefit_agree .swiper-container-horizontal>.swiper-pagination-bullets {bottom:0px;}
.benefit_agree .benefit_info_swiper .swiper-pagination-bullet {margin:0;width:7px;height:7px;opacity:1;background:#ddd;}
.benefit_agree .benefit_info_swiper .swiper-pagination-bullet-active {background:#4e5c69;}
.benefit_agree .top_tit {font-weight:700;}
.benefit_agree .df_list_col_wrap .df_list_col .item_wrap .item:last-child,
.benefit_agree .df_list_col_wrap .df_list_col .item_wrap .item:first-child {float:none;margin:0;}
.benefit_agree .df_list_col_wrap .benefit_agree_box + .benefit_agree_box {border-left:none;border-top:1px solid #eee;margin-top:25px;padding-top:30px;}
.benefit_agree .check_wrap.type_btn .check_btn input[type="checkbox"] + span {min-width:117px;}
.benefit_agree .both_divide .divide:nth-of-type(2) {margin-top:0;}
.benefit_agree .flex_row.gutter4 .col {padding:4px;}
.benefit_agree .benefit_agree_box .benefit_list .benefit_txt {padding-top:45px;background-size:33px auto !important;font-size:1.3rem;}
.accordion_wrap.accordion_check dd .con.benefit_method{padding-left:52px}

.check_wrap.type_grid .ico_email {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreeEmail_m.png') no-repeat; background-size:auto 33px;}
.check_wrap.type_grid .ico_tel {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreeTel_m.png') no-repeat; background-size:auto 33px;}
.check_wrap.type_grid .ico_sms {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreeSms_m.png') no-repeat; background-size:auto 33px;}
.check_wrap.type_grid .ico_paper {width:33px;height:33px; background:url('/pconts/images/contents/mypage/ico_agreePaper_m.png') no-repeat; background-size:auto 33px;}



/* 내정보관리 영문확인서 */
.logo_shcard_en img {height:40px;}
.confirmation h4.title {margin:30px 0;font-size:1.6rem;}
.confirmation p {margin-bottom:25px;line-height:1.6;}
.confirmation .marker_hyphen > li + li {margin-top:2px;}
.confirmation .marker_dot2 {padding:10px 0;}
.confirmation .marker_dot2 > li {font-size:1.4rem;}

/* 카드비밀번호변경 */
.card_pwd_chg .expend_wrap {padding:30px 0;}
.card_pwd_chg.step02 .expend_wrap .df_list_wrap,
.card_pwd_chg.step02 .expend_wrap .form_type {max-width:100%;}
.card_pwd_chg.step02 .expend_wrap .form_type {margin:0 auto;}

/* 내정보관리 항공사번호조회 */
.airline_search .mycardinfo_detail {margin-top:32px;}
.airline_search .accordion_wrap {margin-top:40px;}

/* 카드해지 */
.card_cancel .usage_item.type03 .usage_info .check_wrap .texts_area{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; flex-direction:column-reverse;}
.card_cancel .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span:before{top:50%; margin-top:-12px;}
.card_cancel .usage_item.type03 .usage_info .check_wrap .check_default input[type="checkbox"] + span:after{top:50%; margin-top:-4px;}
.card_cancel .usage_item.type03 .usage_info .texts_area .date{padding:0;}
.card_cancel .usage_item.type03 .usage_info label{width:100%;}
.card_cancel .usage_item.type03 .usage_info label .date{width:100%; padding-right:0;}
.card_cancel .usage_item.type03 .usage_info label strong{margin-bottom:5px; font-size:1.6rem; color:#111}

/* 영문거래확인서 */
.pop_eng_doc .pc {display:none;}
.pop_eng_doc .mo {display:block;}
.pop_wrap .popup.pop_eng_doc {width:100%;}
.pcShow.btn_group {display:block;}
.pcShow .btn.blue{display:none;}


/* 모바일 교통카드 이용내역 */
.usage_list li .usage_item .left .date {display:block;padding:0;}
.usage_list li .usage_item .left .date::after {display:none;}
.usage_list li .usage_item .left .user {padding:0;}
.accordion_wrap.bottom_guide.traffic {margin-top:30px;}

/* 신용카드이용내역 달력 */
.calendar_swiper .ui_calendar_head {top:25px;}
.calendar_swiper .ui_calendar {margin-top:10px; padding-bottom:0;box-shadow:0 0 0 #fff;}
.calendar_swiper .ui_calendar_body {margin-top:30px;}
.calendar_swiper::after,
.calendar_swiper::before {display:none;}
.calendar_swiper .txt {font-size:2.4rem;margin:0 0 20px;}
.credit_card {right:20px;}

.card_use_guide .guide_sec + .guide_sec {margin-bottom:40px;}

/**** 내정보관리 ****/
/* 내카드정보 */
.card_represent_set {width:100%; margin:30px auto; padding:30px 0;}
.card_represent_set dl + dl {margin-top:30px;}
.card_represent_set dt {display:table; position:relative; height:44px; margin:0; padding:0; flex:1;}
.card_represent_set dt span, .card_represent_set dt label {display:table-cell; position:relative; font-size:16px; color:#111; font-weight:700; vertical-align:middle;}
.card_represent_set dd {display:block; position:relative; margin:0; padding:0; flex:2;}

.mycard_info .indent_gap {padding-left:0px;}
.mycard_info .indent_gap .sleep {font-size:1.3rem}
.mycard_info .indent_gap dt {flex:1.4;}
.mycard_info .indent_gap dd {flex:1;}
.mycardinfo_detail .payment_detail.my_notice dd {flex:2}
.mycardinfo_detail .payment_detail.my_notice dd {flex:1}
.mycardinfo_detail .payment_detail.my_notice dd .text_btn.arrow {display:inline-block;}
.mycardinfo_detail .my_notice dd span {display:block; margin-left:0; padding-left:0;}
.mycardinfo_detail .my_notice dd span::before {content:''; display:none}
.mycardinfo_detail .my_notice dd.price {text-align:right;}
.mycardinfo_detail .my_notice + .btn_wrap {margin-top:20px;}
.mycardinfo_detail .btn_wrap + .h_wrap,
.mycardinfo_detail .my_notice + .h_wrap {margin-top:40px;}
.mycardinfo_detail .oversea_btnset {margin-top:0;}
.payment_detail.left_padding60 dl.flex_item {padding-left:0;}

.mu_card_detail {width:100%;}
.mu_card_detail .flexbox_dl.revolving {border:none; margin-bottom:35px;}
body.app_shfan .ly_inner.my_card_info {padding-top:20px;}
.my_card_info .my_card_change {white-space:nowrap;}
.my_card_info .my_card_change li {width:25%;}
.my_card_info .my_card_change li button {min-width:100%;}
.my_card_info .my_card_change .icon {margin-bottom:3px;}
.my_card_info .df_list_col_wrap .df_list_col + .df_list_col {border-top:1px solid #ddd;margin-top:15px;padding-top:19px;}
.my_card_info .df_list_col_wrap .item_wrap,
.my_card_info .df_list_col .item_wrap:nth-child(odd) {width:100%;padding:0;}
.my_card_info .df_list_col_wrap .df_list_col .item_wrap {padding-right:105px;}
.my_card_info .df_list_col_wrap .item_wrap + .item_wrap {margin-top:30px;}
.my_card_info .df_list_col_wrap .df_list_col .item_wrap{position:relative;}
.my_card_info .df_list_col_wrap .df_list_col .item_wrap dd button{position:absolute; top:0; right:0;}
.my_card_info .df_list_col_wrap .df_list_col .item_wrap .item.float_l.align_l{min-height:41px;}
.my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap{padding-top:15px;white-space:normal;}/* 줄바꿈적용 */
.my_card_info .mylimit_info {max-width:100%;}
.my_card_info .df_list_col_wrap.case02 .df_list_col {padding:15px 0;}
.my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {padding:0;}
.my_card_info .df_list_col_wrap.case02 .item_wrap + .item_wrap {margin-top:12px;}
.my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {display:block;}
.my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap:nth-child(odd) {padding-right:0;}

.pop_wrap.card_setting .form_type .form_ele {padding-left:0;}
.pop_wrap.card_setting .form_type .form_ele.top .ele_tit {position:absolute;top:0;left:0;}
.pop_wrap.card_setting .form_type .form_ele.top {padding-left:80px;}

/* 카드번호조회 */
.card_noswiper {max-width:100%;}
.card_noswiper .noswiper_wrap {width:100%;}
.card_noswiper .card_img {max-width:213px;height:87px;margin:0 auto;}
.card_noswiper .card_img img {width:100%;}
.card_noswiper .card_tit {padding:25px 0 0;}
.card_noswiper .card_tit .txt01 {margin-bottom:18px;font-size:2.4rem;}
.card_noswiper .card_tit .txt02,
.card_noswiper .card_tit .txt03 {font-size:1.8rem;}
.card_noswiper,
.card_swiper.card_number_detail {margin-top:79px;}
.card_swiper.card_number_detail .card_img img {box-shadow:0px 20px 15px -5px #000;}

/* 장기휴면카드 해지 */
.long_time_card .btn_wrap.two .btn:nth-of-type(2) {margin:10px 0 0 0;}
.long_time_card .total {top:4px;}
.long_time_card .df_list_wrap .df_list .item.tit {width:40%;}
.long_time_card .df_list_wrap.single .df_list .item.con {width:60%;}

/* 회원정보 변경 */
.h_wrap.mic_h_wrap {margin-bottom:30px;}

.mic_list_wrap {width:100%; padding:20px 10px}
.mic_list_wrap dl.myinfo {display:block; width:100%;}
.mic_list_wrap dl.myinfo dt {display:block; float:initial; width:100%;}
.mic_list_wrap dl.myinfo dd {display:block; float:initial; width:100%;}
.mic_list_wrap dl.myinfo + .myinfo {margin-top:25px;}
.mic_list_wrap dl.myinfo.flex_fixed {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.mic_list_wrap dl.myinfo.flex_fixed dt, .mic_list_wrap dl.myinfo.flex_fixed dd {width:initial; flex:1;}
.mic_list_wrap dl.myinfo.flex_fixed.with_swich dt {flex:4;}
.mic_list_wrap dl.myinfo.flex_fixed.with_swich dd {flex:1;}
/* .mic_list_wrap dl.myinfo.flex_fixed.with_swich .onoff_btn {float:right; display:table;} */
.mic_list_wrap .text_wrap textarea {height:80px;}

.myinfo .terms_view .checkbox, .myinfo .terms_view .btn {font-size:1.3rem}
.myinfo .brithday_info .radio_wrap + .input_birthday {margin-left:5px;}
.mic_list_wrap .moreinfo_expend {margin-top:0; padding-top:70px; border-top:none;}
.mic_list_wrap .moreinfo_expend .extoggle {left:initial; right:5px;}
.mic_list_wrap .english_address .marker_dot {padding-left:0;}
.mic_list_wrap dl.myfani dt {top:0px;}
.mic_list_wrap dl.myfani dd {float:initial;}
.myicon_choice label {flex:1; display:block; position:relative;}
.myicon_choice  label span {width:63px; padding:63px 0 0 0;}
.myicon_choice  label span::before {width:63px; height:63px;}
.myicon_choice  label input:checked + span::after {width:63px; height:63px;}
.myicon_choice  label + label {margin-left:4px;}

/* 나만의 확인메세지  20.01.22*/
.mymessage_preview, .mymessage_preview.only_view {margin-left:0; width:100%;}
.mymessage_preview .icon_preview {width:71px; height:71px; left:16px; top:calc(50% - 35px)}
.mymessage_preview .text_table {padding-left:109px;}
.mymessage_preview .text_table .mc_color {font-size:1.5rem; line-height:1.4;}
.mymessage_preview .text_table .name {font-size:1.8rem;}

.myinformation_read .df_list_wrap {padding-bottom:15px;}
.myinformation_read .df_list_wrap .item.tit {width:35%; }
.myinformation_read .df_list_wrap .item.con {width:65%;}
.myinformation_read .df_list_wrap.single .item.con {width:65%}
.myinformation_read .df_list_wrap + .h_wrap, .myinformation_read .stub_info_wrap + .h_wrap,
.myinformation_read .singleline_list + .h_wrap {margin-top:30px;}

.prepaid_read .df_list_wrap {padding:6px 0 14px 0;}
.prepaid_read .df_list_wrap .df_list .item {padding:10px 12px 0 12px}

.stub_info_wrap .stub_col {display:block;}
.stub_col .df_list_wrap.title {padding-top:2px; padding-bottom:15px;}
.stub_col .df_list_wrap.detail {border:none; padding-top:0; padding-bottom:15px;}
.stub_col .df_list_wrap.detail .item.con {width:65%;}

.prepaid_card_mail .radio_wrap {width:100%;}

.finance_co_list .total {margin-bottom:14px;}
.finance_co_list ul {padding:20px 0;}
.finnace_change_address dl dt {flex:1}
.finnace_change_address dl dd {flex:3}

/* 신용체크선택결제 */
.sel_payment .checkbox_list .df_list .item_wrap:last-child .item {padding-bottom:0;}
.sel_payment .checkbox_list.shadow li .check_default {padding-bottom:8px;}
.sel_payment .df_list_col_wrap .df_list_col {padding-bottom:10px;}

/* 내카드정보 */
.my_card_info .card_swiper {background-color:#fff;}
/* .my_card_info .my_card_change {white-space:nowrap;}
.my_card_info .my_card_change li {width:25%;}
.my_card_info .my_card_change li button {min-width:100%;}
.my_card_info .my_card_change .icon {margin-bottom:11px;} */

/* 변경정보확인 */
.ch_pay_account .ch_pay_card_info {margin-top:25px;}

/* 결제일 변경 .payment_date : 결제일변경 디자인 클래스*/
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01 {top:-18px; margin-left:0;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 {top:48px;}
.payment_date .pay_date_info {width:auto;}
.payment_date .pay_date_info:before {left:50%; margin-left:-8px;}
.account.pwd_rel_wrap.payment_date .account_list > dl:not(:last-child) {margin-bottom:20px;}
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col {width:100%;padding:0;}
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right {margin-top:-1px;}
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right table {position:relative;top:-40px;}
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half .col.right table thead {opacity:0;}
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half + .sub_title2 {margin-top:20px;}
.account.pwd_rel_wrap.payment_date .accordion_header button.acc_btn.cell {width:74px;}
.pop_radio_day .radio_wrap {display:inline-block;}
.pop_radio_day .radio_wrap.col05 .radio_type2 input[type="radio"],
.pop_radio_day .radio_wrap.col05 .radio_type2 input[type="radio"] + span {min-width:50px;}
.day_sel .radio_wrap .radio_type2 + .radio_type2, 
.day_sel .check_wrap .check_type2 + .check_type2 {margin-left:0;}
.day_sel .radio_wrap .radio_type2 {margin-right:4px;}
.account.pwd_rel_wrap .account_list .accordion_body .def.bottom {padding-left:0;}
.account.pwd_rel_wrap .account_list .accordion_body .def + .def.bottom {padding-top:25px;} 
.account.pwd_rel_wrap .card_pay_date {margin-top:41px;}
.account.pwd_rel_wrap .accordion_header .acc_btn.midd:after {left:calc(100% - 37px);top:38px !important;}
.account.pwd_rel_wrap .accordion_header.on .acc_btn.midd:after {top:45px !important;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01.left.only {top:0;}
.card_inquiry_list.payment_change_info .head_tit{position:relative;display:block;padding-top:27px}
.card_inquiry_list.payment_change_info .head_tit .txt01{display:block;position:absolute;top:0;left:0;margin-left:0}
.card_inquiry_list.payment_change_info .head_tit .txt02{display:inline-block}
.card_inquiry_list.payment_change_info .accordion_body{padding:20px}
.card_inquiry_list.payment_change_info .accordion_body .change_cont{width:100%;background:url(/pconts/images/contents/mypage/arrow_right.png) no-repeat 50% 50% / 12px auto}
.payment_date .dl_wrap {padding-left:0;padding-right:0;}
.payment_date .dl_wrap .item.tit {margin-bottom:9px;}
.payment_date .dl_wrap .df_list .item.tit, 
.payment_date .dl_wrap .df_list .item.con {width: 100%;}
.card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header button.acc_btn.cell {width:62px;}

/* 결제일변경 확인 & 결제일변경 이력조회 */
.payment_change .marker_dot2 {text-align:left;}
.payment_change .arrow_down {height:60px;background:url(/pconts/images/contents/mypage/arrow_down_m.png) no-repeat center;background-size:10px 12px;}
.payment_change .df_list_col_wrap.inblock .item_wrap,
.payment_change .df_list_col_wrap.inblock .item_wrap:nth-child(2),
.payment_inquiry .df_list_col_wrap.inblock .item_wrap,
.payment_inquiry .df_list_col_wrap.inblock .item_wrap:nth-child(2),
.payment_change .df_list_col_wrap .df_list_col .item,
.payment_inquiry .df_list_col_wrap .df_list_col .item {display:block;margin:0;}
.payment_change .df_list_col_wrap .df_list_col,
.payment_inquiry .df_list_col_wrap .df_list_col {padding:10px 0 25px;}
.payment_change .df_list_col_wrap .df_list_col .item,
.payment_inquiry .df_list_col_wrap .df_list_col .item {float:left;padding:16px 0 0 30px;}
.payment_change .df_list_col_wrap .df_list_col .item.tit,
.payment_inquiry .df_list_col_wrap .df_list_col .item.tit {width:140px;display:table-cell;}
.payment_change .df_list_col_wrap .df_list_col .item.con,
.payment_inquiry .df_list_col_wrap .df_list_col .item.con {width:calc(100% - 140px);display:table-cell;}
.payment_change.pwd_rel_wrap .accordion_wrap.guide {margin-top:0;}
.payment_date .change_info .df_list_col .item_wrap{padding-right:0;}

/* 스위치관련 위치 */
.switch_wrap.onoff_btn.top01 {top:-3px;}
.switch_wrap.mo_fright {float:right;}

/* 결제일 변경 이력 조회 .payment_inquiry : 결제일변경 디자인 클래스*/
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 .text {font-size:1.3rem;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 {top:-10px; margin-left:40px;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info04 {position:absolute; bottom:14px; right:0;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 {position:absolute; bottom:18px; margin-right:0; font-size:1.3rem;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 .card_name {position:absolute; top:-25px}
.payment_date .change_info {padding:0 0 30px;}
.payment_date .change_info.lower {margin-top:20px;}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(4) {max-width:100%}
.moreinfo_wrap .guide_wrap, .moreinfo_wrap .marker_wrap, .moreinfo_wrap .add_group .btn_wrap {padding-left:0;}
.payment_change_info .df_list_col_wrap .df_list_col .item.tit, .payment_change_info .df_list_col_wrap .df_list_col .item.con{padding-left:0}
.card_inquiry_list.payment_change_info.change_comp .head_tit{padding-top:0}
.card_inquiry_list.payment_change_info.change_comp .head_tit .txt02{position:relative;padding-top:30px}
.card_inquiry_list.payment_change_info.change_comp .head_tit .txt02 b{position:absolute;top:0;left:0;color:#111;font-size:1.6rem}
.card_inquiry_list.payment_change_info .head_tit + .change_date{margin-left:0}
.card_inquiry_list.payment_change_info .accordion_header .cell1 .card_head{min-height:57px}
.change_date{position:absolute;top:15px;left:85px}
.change_date b{padding-left:0; margin-left:0;}
.change_date b + b{margin-left:20px;padding-left:30px}
.card_inquiry_list > .item .comp_txt{top:auto;bottom:15px;right:74px;width:auto;margin:0;font-size:1.3rem}
.card_inquiry_list.payment_change_info.change_comp .change_date{left:20px}
.card_inquiry_list.payment_change_info.change_comp .df_list_col_wrap .df_list_col{padding:0}
.payment_change_info.accordion_wrap.type02.change_comp .change_date {left:0;position:static;}
.payment_change_info.accordion_wrap.type02.change_comp .head_tit {display:inline-block;vertical-align:top;width:auto;}
.card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header .cell1 .card_head {padding-bottom:0;padding-top:18px;padding-bottom:13px;}

/* 현금서비스 한도운영주기 및 결제 예정일 */
.chah_service_search {padding:30px 0; width:100%;}

/* 체크카드서비스  */
.checkover_service.flexbox_wrap {padding: 28px 0;}

/* 체크카드신용서비스 */
.checkcard_overuse .usage_item .usage_info {flex-direction:column;}
.checkcard_overuse .usage_item .usage_info .title_area {width:100%;}
.checkcard_overuse .usage_item .usage_info .texts_area {width:100%;}
.checkcard_overuse .usage_item .usage_info, .usage_item dl {width:initial;}
.checkcard_overuse .usage_item .usage_info .texts_area .app_num {display:block; position:relative; padding-left:0; padding-top:3px;}
.checkcard_overuse .usage_item .usage_info .texts_area .app_num::before {content:''; display:none; position:absolute; left:6px; top:3px; width:1px; height:13px; background-color:#e6e6e6;}
.checkcard_overuse .usage_item .price_info {width:initial; padding-right:0px; position:absolute; right:0;}
.checkcard_overuse .usage_item .price_info .pay_day {display:block; position:relative; right:initial; top:26px; font-size:13px;}

/* 후불교통 하이패스 체크카드 */
.late_transportation .h_title, .late_transportation .font_md {margin-bottom:5px;}
.late_transportation .marker_dot + .h_title {margin-top:30px;}
.late_transportation .marker_hyphen + .h_title24 {margin-top:40px;}
.late_transport_list .usage_info .texts_area {width:100%;}
.late_transport_list .usage_info,
.late_transport_list.hipass .usage_info {position:absolute; width:100%}
.late_transport_list .usage_info .title_area,
.late_transport_list.hipass .usage_info .title_area {width:100%; padding-left:0px; padding-right:0; z-index:2}
.late_transport_list .usage_item .price_info {width:initial; padding-right:0px; position:relative; right:0;}
.late_transport_list .usage_item .price_info .pay_day {display:block; position:relative; right:initial; font-size:13px;}
.late_transport_list .usage_item.latepay .usage_info .texts_area,
.late_transport_list .usage_item.latepay .price_info .pay_day {padding-top:30px;}
.late_transport_list .usage_item.latepay .price_info .late_pay_info {display:block; position:absolute; right:0; top:31px; text-align:right;}
.late_transport_list .price_info .late_pay_info ul {display:inline-block;}
.late_transport_list .price_info .late_pay_info ul::after {content:''; display:block; clear:both;}

/* 명세서수령방법 변경 */
.accordion_body .state_area.dl_list_type {display:block;}
.accordion_body .state_area.dl_list_type dl.list {display:block; width:100%;}
.accordion_body .state_area.dl_list_type dt {margin-bottom:7px; float: left; width:30%;}
.accordion_body .state_area.dl_list_type dd {float:left;}
.accordion_body .state_area.dl_list_type dl:after {content:'';display:block;clear:both;}
.accordion_body .state_area.dl_list_type dl.list {width:100%; padding-right:0;}
.accordion_body .state_area.dl_list_type dl.list:nth-child(1),
.accordion_body .state_area.dl_list_type dl.list:nth-child(2),
.accordion_body .state_area.dl_list_type dl.list:last-child {width:100%;}
.icon_list.type03.change_statement {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; flex-wrap:wrap; width:333px; margin:0 auto;} 
.icon_list.type03.change_statement li {width:106px;}
.icon_list.type03.change_statement li:nth-child(4),
.icon_list.type03.change_statement li:nth-child(7) {clear:both;}
.icon_list.type03.change_statement .icon_box{background-size:40px; background-position:50% 16px;}

/* 유료상품 납부 이력 조회*/
#pop_PayService_Record .popup_type01 .pop_cont .bg_gray {padding:15px;}
#pop_PayService_Record .popup_type01 .pop_cont .form_type .form_ele {padding-left:0px;}


 /* 카드이용분석 */
.shm_report_wrap {padding-top:30px;}
.report_info .sub_txt02 + .sub_image {margin-top:10px;}
.report_info .sub_image + .sub_txt02 {margin-top:30px;}
.report_info .sub_image.cir_graph img,
.report_info .sub_image.cir_graph img + img {display:block;margin:0 auto;}
.report_info .sub_image.cir_graph img + img {margin-top:30px;}
.chart_partition + .chart_partition {margin-top:30px;}
.chart_partition .tit_message {font-size:1.8rem;}
.chart_partition .chart_inner_size {width:100%}
.chart_article {min-height:250px;margin-bottom:20px;}

.icon_list_wrap li {padding:7px 0;}
.icon_list_wrap li .title_ele {width:60%;min-height:23px;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; flex:1; flex-wrap: wrap;}
.icon_list_wrap li .info_ele {width:40%; flex-direction:row-reverse;}
.icon_list_wrap .title_ele .title {padding:0 10px 0 0; font-size:15px;}
.icon_list_wrap .info_ele .price {font-size:1.7rem; width:100%;}
.icon_list_wrap .info_ele .price span {font-size:1.8rem;}
.icon_list_wrap .info_ele .case {display:block; font-size:13px; text-align:right;}
.icon_list_wrap .info_ele .times {display:block; font-size:13px; min-width:inherit;}
.icon_list_wrap.inicon .title_ele {padding-left:38px;padding-top:0;}
.icon_list_wrap.inicon .title_ele::before {top:calc(50% - 13px);left:0;width:23px;height:23px;}
.icon_list_wrap .info_ele .case.el_right {min-width:50px;right:0;padding-top:0;width:100%;}

.recommend_weekly_report {display:block; width:100%;}
.recommend_weekly_report p {font-size:18px; padding-left:80px; background-size:62px 59px; background-position:0 50%;}

.view_as_amount {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:30px 0 0 0; flex-direction:column}
.view_as_amount .bluezone {display:block; position:relative; flex:1}
.view_as_amount .redzone {display:block; position:relative; flex:1}
.view_as_amount .bluezone + .redzone {margin-left:0px; margin-top:30px;}
.view_as_amount table td {font-size:1.3rem;}
.view_as_amount table th {padding:15px 0;}
.view_as_amount table .price {font-size:1.5rem;}
.view_as_amount table .count {font-size:1.3rem;}



/* 해외이용 이의제기 신청 */
.btn_wrap.btn_group.m_row02 .row02 span {font-size:15px;}

/* 해외이용전 분할납부 */
.foreign_divided_payments .radio_ul_basic li .radio_wrap .info{width:100%;}
.foreign_divided_payments .radio_wrap .radio_default input[type="radio"] + span:before{top:50%; margin-top:-13px;}
.foreign_divided_payments .radio_wrap .radio_default input[type="radio"]:checked + span:after{top:50%; margin-top:-7px;}

/* 카드본인확인서비스 */
.card_inquiry_list.errorCard_list .accordion_header{overflow:hidden}
.card_inquiry_list.errorCard_list .accordion_header .cell1{padding-left:0}
.card_inquiry_list.errorCard_list .item .radio_wrap.card_head label .head_tit{padding:45px 18px 16px 57px}
.card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::before{left:20px}
.card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::after{left:26px}
.card_inquiry_list.errorCard_list .head_tit{overflow:hidden}
.card_inquiry_list.errorCard_list .head_tit .txt01{position:absolute;top:17px;left:57px;margin:0}
.card_inquiry_list.errorCard_list .head_tit .txt02{overflow:hidden;width:calc(100% - 60px)}
.card_inquiry_list.errorCard_list .head_tit .card_name{position:relative;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(100% - 40px)} 
.card_inquiry_list.errorCard_list .head_tit .txt02 .ico_card_logo{float:left;margin-top:3px;vertical-align:top}
.card_inquiry_list.errorCard_list .head_tit .txt03{top:auto;right:20px;bottom:20px;margin:0}
.card_inquiry_list.errorCard_list .head_tit .card_date{display:block;color:#111;font-size:1.3rem;font-weight:400}
.card_inquiry_list.errorCard_list .item .radio_wrap input:disabled + span {padding:0;}

/* 생활요금납부 한눈에 보기 */
.living_pay_line::before {top:6px;}
.text_link.h_title.living_pay::before {top:2px;}
.text_link.h_title.living_pay::after {top:7px;}

/* 즉시결제 */
.list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:before{top:16px;}
.list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:after{top:17px;}
.list01.payment.count.chk_mid .usage_item.type03 + .form_type{padding:5px 0 0;}
.list_group.payment .usage_item .usage_info .texts_area .country,
.list_group.payment .usage_item .usage_info .title_area {margin-left:40px; margin-bottom:0px;}
.list_group.payment .usage_item .price_info .btn_wrap {order:2; margin-top:5px;}
.list_group.payment .usage_item .price_info .osprice {order:1; margin:0px;}
.df_list_col .item_wrap.center dt, .df_list_col .item_wrap.center dd {margin-left:0}
.df_list_col_wrap.tb_none.wp_ln.ln_none + .group_box > .check_wrap {display:inline-block; width:100%;}
.df_list_col_wrap.tb_none.wp_ln.ln_none + .group_box > .check_wrap .check_default {width:100%;}
.bg_gray + .marker_dot.payment {margin:0 0 30px 0;}
.payment_radio_group.swiper-container .swiper-slide {width:275px;}

.prepaid_card_payment {padding:18px 0;}
.prepaid_card_payment .inner {display:block;}
.prepaid_card_payment dl {float:inherit; display:flex; flex-direction:row; flex-wrap:wrap}
.prepaid_card_payment dl + dl {margin-left:0px; margin-top:10px;}
.prepaid_card_payment dl dt {font-weight:400; font-size:1.6rem; padding-top:2px; flex:1;}
.prepaid_card_payment dl dd {font-size:1.8rem; flex:1; text-align:right;}

.list_wrap_payment{margin-bottom:40px;}
.list_wrap_payment ul {padding:15px 0 10px;}
.list_wrap_payment li span,
.list_wrap_payment li strong {font-size:16px; margin-bottom:0;}
.list_wrap_payment.center ul {padding-bottom:14px;}
.list_wrap_payment.center li {width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-right:0px;}
.list_wrap_payment.center li span {flex:1;}
.list_wrap_payment.center li strong {flex:2; text-align:right; font-size:16px;}
.list_wrap_payment.center li strong + strong {flex:inherit; margin-left:10px;}
.list_wrap_payment.center ul.virtual li span {order:2; text-align:right;}
.list_wrap_payment.center ul.virtual li strong {order:1; text-align:left; font-size:16px; font-weight:400;}
.list_wrap_payment li .btn_wrap {margin:1px 0 0 10px;}
.list01.payment .tooltip {left:5px; transform:inherit;}
.list01.payment .form_type {margin:-10px 0px 20px 35px;}
.list01.payment.count .form_type.pay_amt {padding-left:0;}
.list01.payment .form_type .form_ele {padding-left:0px;}
.list01.payment .usage_item.type03 .usage_info {width:calc(100% - 125px);}  
.list01.payment .usage_item .price_info .osprice {order:inherit;}
.list01.payment:not(.count) .usage_item.type03 .usage_info .check_wrap {width:auto;}
.list01.payment.count.chk_mid .item .texts_area,
.list01.payment.count.chk_mid .item .check_default,
.list01.payment.count.chk_mid .item .check_wrap {position:static;}
.list01.payment.count.chk_mid .item .usage_info {position:relative;}
.list01.payment.count.chk_mid .item .texts_area::before,
.list01.payment.count.chk_mid .item .texts_area::after {top:50%;transform:translateY(-50%);}

.list_wrap_payment.complete_body .btn_wrap .text_link.color_prim {margin-top:15px;margin-right:20px;}

.radio_wrap.type_btn.type_grid.payment li {width:50%;}
.payment_total {padding:15px 20px;}
.payment_total .inner {display:block; line-height:1.7; padding:0;}
.payment_total .inner .dom {float:inherit; display:flex; width:100%; margin-right:0;}
.payment_total .inner .dom dt {flex:1;}
.payment_total .inner .dom dd {flex:1; text-align:right;}
.payment_total.is_fixed .inner {width:auto; padding-right:70px;}

.payment_total.now_pay {padding:0;}

/* 분할납부 */
.install_payment.tooltip {left:50%; z-index:9; margin-left:-152px;}
.install_payment.swiper-container {margin:20px 0 40px 0;}
.install_payment.swiper-container .swiper-wrapper {-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.install_payment.swiper-container .swiper-wrapper.mo_left {justify-content:initial;}
.install_payment.swiper-container .swiper-slide {width:190px;}
.install_payment.swiper-container.shadow::before, 
.install_payment.swiper-container.shadow::after {display:none;}
.install_payment.radio_wrap.type_btn ul{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content:space-between;}
.install_payment.radio_wrap.type_btn ul li{flex:none; flex-basis:calc(50% - 2px); margin-right:0;}
.install_payment_list .radio_wrap .radio_default input[type="radio"] + span:before{top:-15px;}
.install_payment_list .radio_wrap .radio_default input[type="radio"] + span:after{top:-9px;}

/* 비밀번호 오류해제/CVC번호 오류해제 */
.cvc_cont{width:auto;max-width:380px;padding:30px 0;}
.cvc_cont .comp_data{width:100%;margin:0}
.inp_cvc{height:auto;min-height:238px;margin:20px 0 0;}

.inp_cvc .inp{left:30px}
.inp_cvc .inp label{width:9rem;font-size:1.6rem}
.inp_cvc .inp input[type=text],
.inp_cvc .inp input[type=tel]{width:150px}
.inp_cvc .txt_guide::before{background-image:url(/pconts/images/contents/mypage/ico_tip_m.png);background-size:14px auto}

/* 내가받은 혜택정보 */
.my_benefit .accordion_header .acc_btn.medium {padding-right:46px;}
.my_benefit_head .my_benefit_title {font-size:1.6rem;}
.my_benefit_head .my_benefit_money {font-size:2rem;}
.my_benefit_list li {padding:20px 10px;}
.my_benefit_list .item .cell1 {width:100%; order:3; margin-top:5px;}
.my_benefit_list .item .cell1 .info {padding-right:15px;}
.my_benefit_list .item .cell1 .date {font-size:1.3rem;}
.my_benefit_list .item .cell1 .info_user {font-size:1.3rem;}
.my_benefit_list .item .cell1 .info_num {font-size:1.3rem;}
.my_benefit_list .item .cell2 {width:100%; order:1;}
.my_benefit_list .item .cell2 .detail_title {padding-right:15px; font-size:1.6rem; word-break:break-all;}
.my_benefit_list .item .cell2 .detail_money {font-size:1.5rem;}
.my_benefit_list .item .cell2 .detail_money .money {font-size:1.6rem;}
.my_benefit_list .item .cell3 {margin-top:10px;}
.my_benefit_list .item .cell3 {width:100%; order:2;}
.my_benefit_list .item .cell3 .used_place_title {font-size:1.3rem;}
.my_benefit_list .item .cell3 .used_place_money {font-size:1.3rem;}
.my_benefit_list .item .cell4 {margin-top:5px;width:100%; order:3;}
.my_benefit_list .item .cell4 .used_point_title {font-size:1.3rem;}

/* VIP카드이용내역 */
.vip_benifit_list .service_info .bluezone {flex:1.3; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:50%;}
.vip_benifit_list .service_info .bluezone dt {width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.vip_benifit_list .service_info .bluezone dd {width:100%;}
.vip_benifit_list .service_info .bluezone dd p {font-size:13px;}
.vip_benifit_list .service_info .bluezone .card {margin-bottom:3pxl}
.vip_benifit_list .service_info .bluezone .date + .card {margin-left:3px; padding-left:6px;}
.vip_benifit_list .service_info .redzone p {width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.vip_benifit_list .service_info .redzone .cardname {font-size:13px;}

/* 소득공제 */
.other_earn_step ol li {width:100%; height:70px; margin-bottom:40px; padding-top:0; padding-left:80px; text-align:left;}
.other_earn_step ol li:last-child {margin-bottom:0;}
.other_earn_step ol li.step1 {background-position:0 50%; background-size:50px auto;}
.other_earn_step ol li.step2 {background-position:0 50%; background-size:50px auto;}
.other_earn_step ol li.step3 {background-position:0 50%; background-size:50px auto;}
.other_earn_step ol li.step4 {background-position:0 50%; background-size:50px auto;}
.other_earn_step ol li.step5 {background-position:0 50%; background-size:50px auto;}
.other_earn_step ol li:after {top:auto; right:auto; bottom:-20px; left:18px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.other_earn_step ol li.mark:after {content:'';}
.other_earn_step li .txt {font-size:1.3rem;}
.other_earn_step li .title {font-weight:400; font-size:1.6rem;}
.other_earn_step li .p {font-size:1.5rem;}

/* 이용대금명세서 - 배너 */
.event_myVisual {height:180px;}
.event_myVisual .event_cont .link {align-content:flex-start; padding:25px 70px 25px 27px;}
.event_myVisual .event_cont .tit {font-size:15px;}
.event_myVisual .event_cont .txt {font-size:13px;}
.event_myVisual .event_cont .label {position:absolute; left:20px; bottom:24px; margin:0;}
.event_myVisual .event_cont .img {right:10px; width:153px; height:153px; top:auto; bottom:-28px; transform:none;}
}
@media only screen and (max-width:1000px){

}

@media only screen and (max-width:760px){
    .oversea_btnset {margin-top:40px;}
    .oversea_btnset li {display:block; width:100%; margin-right:0;}
    .oversea_btnset li .btn {width:100%;}
    .oversea_btnset .onlyPC {display:none;}

    .longsleep_card .btn_wrap .btn + .btn {margin-top:10px;}

    /* 체크카드신용서비스 */
	.checkcard_overuse .usage_item .usage_info .title_area {width:70%;}	

	/* 이용대금명세서 카드이용분석 */
	.chart_partition_slide .chart_sample .pc {display:none;}
	.chart_partition_slide .chart_sample .mobile {display:block;}
	.chart_partition_slide .chart_sample img {width:100%;}
}

@media only screen and (max-width:480px){
	/* 카드이용분석 */
	.chart_wrap_circle .chart {width:158px;height:157px;}
	.chart_wrap_circle .center_info {top:-33px;}
	.chart_wrap_circle .center_info .info_01 {top:100px;left:-10px;}
	.chart_wrap_circle .chart.nodata {background-size:100px 100px;}
	.view_as_amount .chart_wrap_circle .center_info .info_01 {top:50px;}
	.view_as_amount .chart_wrap_circle .center_info {top:-12px;}
	.view_as_amount .chart_wrap_circle .grap_cont {margin-top:-8px;} 
	.view_as_amount .chart_wrap_circle .center_info {top:48px;}
	.view_as_amount .chart_wrap_circle .pattern {top:134px;}
	/* 결제계좌변경 */
	.ch_pay_account .df_list_col .item_wrap {flex:1}
	/* 내카드정보 */
	.my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .card_number {margin-right:7px;}
	.my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .line {padding-left:0;}
	.my_card_info .df_list_col_wrap .df_list_col .item_wrap .card_wrap .line::before {display:none;}
}

@media print {
	.traffic_pay_list .con.accordion_wrap.btm_line.guide{display:none;}
	.foreign_money .amount_calc{padding:30px 90px;}
	.foreign_money .amount_calc .calc_wrap{padding:0 80px;}
}