@charset "utf-8";
/* display:;position:;left:;top:;z-index:;overflow:;float:;width:;height:;margin:;padding:;border:;background:;font-size:;color:;text-align:; */

.message_wrap {display:block; margin:20px 0; padding:0; font-size:24px; color:#333; font-weight:700;}
.message_wrap01 {display:block; margin:20px 0 60px 0; padding:0; font-size:34px; color:#333; font-weight:700;}
.message_wrap01 + .marker_dot {margin:-50px 0 60px 0;}

.payment_dashboard {display:block; position:relative; width:100%; margin:0; padding:0;}
.payment_dashboard .month_select {display:block; position:relative; margin:0; padding:0;}

.inwrap_flex {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.flexbox_wrap {display:flex !important; flex-direction:row; justify-content: space-between;}
.flexbox_wrap.hidden {display:none !important;}
.flexbox_wrap.direction_row {flex-direction:row;}
.flexbox_wrap .flex_item {display:block; position:relative; flex:1}
.flexbox_wrap .flex_item.flex12 {flex:1.2}
.flexbox_wrap .flex_item.flex20 {flex:2}
.flexbox_wrap .flex_item.flex30 {flex:3}
.flexbox_wrap.col02 .flex_item + .flex_item {margin-left:20px;}
.flexbox_wrap.dd_point dd{font-size:16px; color:#333; font-weight:700;}

.flexbox_wrap + .accordion_wrap.bottom_guide {margin-top:60px;}
.request_sms_wrap + .accordion_wrap.bottom_guide {margin-top:40px;}

.singleline_list {display:block; position:relative; width:100%; margin:0; padding:17px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.singleline_list .flexbox_wrap + .flexbox_wrap {margin-top:10px;}

.center_box {display:table !important; width:initial !important; margin:0 auto !important;}

.flexbox_dl {display:block; position:relative; margin:0; padding:20px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.flexbox_dl.no_line {border-top:none; border-bottom:none; padding:10px 0px;}
.flexbox_dl + .flexbox_dl {border-top:none;}
.flexbox_dl.bottom_dot {border-bottom:dotted #ddd 1px;}
.flexbox_dl dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0;}
.flexbox_dl dl dt {flex:1; display:block; position:relative; margin:0; padding:0; align-self:center;}
.flexbox_dl dl dd {flex:1; display:block; position:relative; margin:0; padding:0; font-size:16px; color:#333; font-weight: 700;}
.flexbox_dl dl dd.wide {flex:4}
.flexbox_dl dl + dl {margin-top:16px;}
.flexbox_dl dl dd + dt {margin-left:40px;}
.flexbox_dl.dd_right dd {text-align:right;}
.flexbox_dl dd.total span {display:inline-block; margin-right:10px;}
.flexbox_dl dd.total strong {font-size:24px;}
.flexbox_dl p.total {border-top:solid #ddd 1px; text-align:right; overflow:hidden; padding-top:16px; margin-top:15px;}
.flexbox_dl p.total span {display:inline-block; margin-right:20px;}
.flexbox_dl p.total strong {font-size:24px; color:#333;}
.flexbox_dl dd.block span,
.flexbox_dl dd.block strong {display:block;}
.flexbox_dl dd.block span + strong {margin-top:10px;}
.flexbox_dl.indent dl {padding:0 10px;}

.total_wrap {border-bottom:solid #ddd 1px; text-align:right; overflow:hidden; padding:14px 10px;}
.total_wrap span {display:inline-block; margin-right:20px;}
.total_wrap strong {font-size:24px; color:#333;}

.ul_list_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.ul_list_wrap li {flex:1; margin:15px;}
.ul_list_wrap li dl {display:-webkit-flex; display:-ms-flexbox; display:flex;  width:100%; margin:5px 0;}
.ul_list_wrap li dl dt {width:50%; display:block;}
.ul_list_wrap li dl dd {flex:1; display:block; text-align:right; font-size:16px; color:#333; font-weight: 700;}
.ul_list_wrap li::after {content:''; display:block; clear:both;}
.ul_list_wrap li .state {font-size:16px; color:#333; font-weight: 700; text-align:right;}

.ul_list_wrap.my_card_service {padding:20px 0;}
.ul_list_wrap.my_card_service li {margin:0px 10px}
.ul_list_wrap.my_card_service li + li {margin-left:50px;}
.ul_list_wrap.my_card_service .title {display:block; position:relative; margin:7px 0; padding:0; font-size:16px; color:#111; font-weight:700;}
.ul_list_wrap.my_card_service dl {margin:7px 0;}
.ul_list_wrap.my_card_service dd strong {font-weight:700;}
.ul_list_wrap.my_card_service .fix_col02 {min-height:45px;}
.ul_list_wrap.my_card_service .fix_col02 .fit {display:block; position:relative; font-size:13px; color:#111;}
.ul_list_wrap.my_card_service .ico_use::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#1abe54;}
.ul_list_wrap.my_card_service .ico_useNo::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#f14b25;}

.premium_service_request {display:block; position:relative; margin:0; padding:0;}
.premium_service_request ul {display:block; position:relative; margin:0; padding:0; border-top:solid #ddd 1px;}
.premium_service_request ul li {display:table; position:relative; margin:0; padding:34px 0 29px 0; width:100%; border-bottom:solid #ddd 1px;}
.premium_service_request .bluepart {float:left; display:flex; position:relative; margin:0; padding:0; width:80%; min-height:28px;}
.premium_service_request .bluepart .date {display:inline-block; position:relative; margin:0 60px 0 0; padding:0;}
.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:inline-block; position:relative; margin:0 30px 0 0; padding:0; color:#111; font-weight:700; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.premium_service_request .bluepart .service {display:inline-block; position:relative; margin:0; padding:0;}
.premium_service_request .redpart {float:left; display:flex; position:relative; margin:0; padding:0; width:20%; min-height:28px;}
.premium_service_request .redpart .btn_wrap {width:100%; text-align:right; top:-4px;}
.premium_service_request .redpart .del_info {display:inline-block; position:relative; width:100%; margin:0; padding:0; text-align:right}
.premium_service_request .redpart .del_info span {display:inline-block; position:relative; margin:0 0 0 8px; padding:0 0 0 9px;}
.premium_service_request .redpart .del_info span::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 5px); width:1px; height:10px; background-color:#ddd;}
.flexbox_dl.premium_service {border-bottom:none; padding-bottom:0;}
.flexbox_dl.premium_service dl dd {flex:2.5}
.premiumservice_info {display:table; position:relative; margin:0 auto 17px auto; padding:0; width:400px;}
.premiumservice_info dt {float:left; display:inline-block; position:relative; margin:0; padding:0; font-size:20px; color:#333; font-weight:700;}
.premiumservice_info dd {float:left; display:inline-block; position:relative; margin:0 0 0 12px; padding:7px 0 0 0;}

.premium_service_request .cancel_service .bluepart .date,
.premium_service_request .cancel_service .bluepart .title, 
.premium_service_request .cancel_service .bluepart .service {color:#999;}
.premium_service_request .cancel_service .bluepart .date::after,
.premium_service_request .cancel_service .bluepart .title::after, 
.premium_service_request .cancel_service .bluepart .service::after {content:''; display:block; position:absolute; left:0; top:10px; width:100%; height:1px; background-color:#999;}

/* .change_current 변경 체크인라인 */
.change_current:after {content:'변경됨';display:inline-block;margin:0 0 0 6px;width:14px;height:10px;background: url(/pconts/images/common/check_on2.png) no-repeat 0 0; font-size:1px; overflow:hidden; color:transparent; text-indent:-9999px;}

/**** 이용한도 ****/
/* 이용한도조회 */
.inquiry_check_wrap {display:block; position:relative; margin:0; padding:60px 0;}
.mylimit_info_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0;width:100%;}
.mylimit_info_wrap.block {display:block;}
.mylimit_info_wrap .head_deck {display:block; position:relative; margin:0 0 5px 0; padding:0;}
.mylimit_info_wrap .head_deck .msg {display:block; position:relative; margin:12px 0 0 0; padding:0;}
.mylimit_info_wrap .head_deck h4.h_title24 {margin-bottom:35px;}
.mylimit_info_wrap .mylimit_info .h_title.color_black {margin-bottom:22px;}
.mylimit_info_wrap .head_deck dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0;}
.mylimit_info_wrap .head_deck dt {display:block; position:relative; margin:0; padding:3px 0 0 0; font-size:20px; color:#333; flex:1;}
.mylimit_info_wrap .head_deck dd {display:block; position:relative; margin:0; padding:0; font-size:24px;font-weight:700; color:#111; text-align:right; flex: 1;}
.mylimit_info {position: relative; flex:1 1 auto; display:block; width:100%; margin:0; padding:0;}
.mylimit_info .title {display:block; position:relative; margin:0 0 15px 0; padding:0; font-size:20px;}
.mylimit_info + .mylimit_info {margin-left:60px;}
.mylimit_info .parts {display:table; position:relative; width:100%; margin:0; padding:0;}
.mylimit_info .parts dt {display:table-cell; position:relative; min-height:20px; min-width:110px; max-width:50%; margin:0; padding:0 0 0 20px; font-weight:700;}
.mylimit_info .parts dd {display:table-cell; position:relative; min-height:20px; margin:0; padding:0; text-align:right; font-weight:700; color:#333; font-size:15px;}
.mylimit_info .parts dd span {font-size:16px;}
.mylimit_info .parts + .parts {margin-top:1px;}
.mylimit_info .parts.current {margin-bottom:3px;}
.mylimit_info .parts.current dt::before {content:''; display:block; position:absolute; left:0; top:6px; width:10px; height:10px; background-color:#081350;}
.mylimit_info .parts.available dt::before {content:''; display:block; position:absolute; left:0; top:6px; width:10px; height:10px; background:url(/pconts/images/contents/mypage/img_pc_pattern1.png) repeat left top;}

.mylimit_info.exception .hando,
.mylimit_info.exception .bar_graph_wrap {display:none;}
.mylimit_info .exception_msg {display:none;}
.mylimit_info.exception .exception_msg {display:table; position:relative; width:100%; margin:0; padding:0;}
.mylimit_info.exception .exception_msg .font_lg {margin-bottom:10px;}

.bar_graph {display:block; position:relative; width:100%; margin:0; padding:0;}
.bar_graph .bar {display:block; position:relative; width:100%; height:15px; margin:0; padding:0; background:url(/pconts/images/contents/mypage/img_pc_pattern1.png) repeat left top;}
.bar_graph .bar > span {display:block; position:absolute; height:100%; left:0; top:0; background-color:#081350; transition:all 0.2s ease;}
.bar_graph.has_badge {padding:40px 0 34px 0;}
.bar_graph.has_badge .bar { background:url(/pconts/images/contents/mypage/img_pc_pattern1.png) repeat left top;}
/*.bar_graph.has_badge .bar > span {min-width:33px !important;} 최소값 확인필요 */
.bar_graph .badge {display:inline-block; position:absolute; margin:0; padding:0;text-align:center; color:#333;}
.bar_graph .badge dt {display:inline; position:relative; margin:0; padding:0; font-size:20px;}
.bar_graph .badge dd {display:inline; position:relative; margin:0; padding:0; font-size:24px;}
.bar_graph .badge.current {padding-top:8px; bottom:0px; white-space:nowrap; transition:all 0.2s ease;}
.bar_graph .badge.current::before {content:''; display:block; position:absolute; left:50%; top:6px; width:0; height:0; margin-left:-3px; border-left:solid transparent 5px; border-bottom:solid #333333 5px; transform:rotate(225deg);}
.bar_graph .badge.current.full::before {left:100%; margin-left:-8px;}
.bar_graph .badge.current.empty {transform:translateX(calc(50% - 5px));}
.bar_graph .badge.current.empty::before {left:0; margin-left:3px;}
.bar_graph .badge.current.zero {transform:translateX(-5px);}
.bar_graph .badge.current.zero::before {left:0; margin-left:3px;}
.bar_graph .badge.current dt {font-size:13px; color:#333;}
.bar_graph .badge.current dd { font-size:13px; color:#333; padding-bottom:8px; font-weight:700}
.bar_graph .badge.current dd span {font-weight:700;}
.bar_graph .badge.available {display:-webkit-flex; display:-ms-flexbox; display:flex; right:0; top:2px; width:100%;}
.bar_graph .badge.available dt {flex:1; text-align:left;}
.bar_graph .badge.available dd {flex:1; color:#111; text-align:right;}
.bar_graph .badge.available dd span {font-weight:700;}
.bar_graph + .parts {margin-top:17px;}
.bar_graph.large {padding-top:32px;}
.bar_graph.large .badge.available dt, .bar_graph.large .badge.available dd {font-size:20px;}

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

.limitup_inquiry_wrap {display:block; position:absolute; left:0; top:-130px; width:100%; text-align:center;}
.limitup_simple_result {display:block; position:relative; margin:0; padding:0 0 60px 0 ; border-bottom:solid #ddd 1px;}

.btn_wrap.limit_inquiry_pop {margin-top:40px;}

/* .limit_result_detail 대응 */
.condition_viewbox {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0; flex-direction: row;}
.condition_viewbox .cv_group {display:block; position:relative; width:calc(50% - 30px); margin:0; padding:0;}
.condition_viewbox .cv_group + .cv_group {margin-left:60px;}
.condition_viewbox .cv_group .title {display:block; position:relative; font-size:24px; color:#111; font-weight:700; margin-bottom:18px;}
.cv_group .cv_item {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:25px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.cv_group .cv_item dl {display:block; position:relative; margin:0; padding:0 60px 0 0; flex:1}
.cv_group .cv_item dl::before {content:''; display:block; position:absolute; right:40px; top:calc(50% - 3px); width:7px; height:7px; border-bottom:solid #4868e1 1px; border-right:solid #4868e1 1px; transform:rotate(-45deg)}
.cv_group .cv_item dl::after {content:''; display:block; position:absolute; right:40px; top:50%; width:17px; height:1px; background-color:#4868e1;}
.cv_group .cv_item dl:last-child {padding-right:0;}
.cv_group .cv_item dl:last-child::before, .cv_group .cv_item dl:last-child::after {display:none;}
.cv_group .cv_item dt {display:block; position:relative; margin:0 0 16px 0; padding:0;}
.cv_group .cv_item dd {display:block; position:relative; margin:0; padding:0; font-size:16px; font-weight:700; color:#333;}
.cv_group.indent .cv_item {padding-left:10px; padding-right:10px;}
.cv_group.with_right_btn {padding-right:110px;}
.cv_group.with_right_btn .btn.abmid {position:absolute; right:0; top:calc(50% - 20px); min-width:50px;}

.pastdays_list {display:block; position:relative; margin:0; padding:0;}
.pastdays_list li {display:block; position:relative; margin:0; padding:0 0 40px 0;}
.pastdays_list .date {display:block; position:relative; margin:0 0 25px 0; padding:16px 0; font-size:16px; color:#333; font-weight:700; text-align:center; border-top:solid #111 2px; border-bottom:solid #ddd 1px;}
.pastdays_list .cv_group .title {font-size:16px; margin-bottom:5px;}

/* 이용한도상향 안내 */
/* .limitUp_application {margin-top:0;}
.limitUp_application .marker_dot + .h_wrap {margin-top:60px;}
.limitUp_application .marker_dot + .radio_wrap,
.limitUp_application .radio_wrap + .btn_wrap, 
.limitUp_application .marker_dot + .btn_wrap{margin-top:40px;} */

/* 이용한도 상향신청 */
.limite_info_wrap {display:block; position:relative; margin:0; padding:0;}
.limite_info_wrap .tgbox {display:inline-block; position:absolute; left:0; top:40px; color:#111;}
.limite_info_wrap .h_wrap {margin-bottom:60px;}

.bar_graph + .adjust_amount {margin-top:40px;}
.adjust_amount {display:block; position:relative; margin:0;}
.adjust_amount input[type="text"],
.adjust_amount input[type="tel"] {height:47px;padding:0 50px 0 250px;text-align:right; color:#111;font-size:24px;font-weight: 700;line-height:46px;border:solid #000;border-width:0 0 1px 0}
.adjust_amount input[type="text"]::placeholder, 
.adjust_amount input[type="text"]::-webkit-input-placeholder,
.adjust_amount input[type="tel"]::placeholder, 
.adjust_amount input[type="tel"]::-webkit-input-placeholder{font-size:24px;font-weight:400}
.adjust_amount label.reset_amount {display:block;margin-bottom:5px;color:#000;font-weight:700;text-align:right}
.adjust_amount .current_info {display:block; position:absolute; left:0; top:0; width:calc(50% - 21px); margin:0; padding:0}
.adjust_amount .current_info dt {display:block;margin-bottom:5px;color:#000;font-weight:700}
.adjust_amount .current_info dd {display:block; position:relative; margin:0; padding:0 21px 0 0; left:0; color:#111;font-size:24px;line-height:47px}
.adjust_amount .current_info dd::after {content:''; display:block; position:absolute; right:0; top:50%;margin-top:-8px; width:17px; height:15px;background:url(/pconts/images/contents/mypage/arrow_right_p.png) no-repeat 100% 50%}
.adjust_amount .unit {display:block; position:absolute; right:0; top:34px; font-size:24px; color:#111;font-size:24px;font-weight:700}
.adjust_amount .tip_wrap {display:table; position: relative; width:100%; margin:0; padding:8px 0 0 0;}
.adjust_amount + .unit_tip {position:relative;margin-top:-19px; text-align:right; font-size:13px; color:#111;}
.adjust_amount .tip_wrap .text_tip {margin-top:0}

/* 해당대상자가 아닐경우  */
.except .adjust_amount {display:none;}
.limite_info_wrap + .request_sms_wrap {margin-top:40px;}
.request_sms_wrap {display:block; position:relative; margin:0; padding:0;}
.request_sms_wrap .h_wrap {margin-bottom:40px;}
.request_sms_wrap .flex_item + .flex_item {margin-left:20px;}
.request_sms_wrap dl {display:block; position:relative; margin:0; padding:0;}
.request_sms_wrap dt {display:block; position:relative; margin:0 0 10px; padding:0; font-size:16px; font-weight:700;}
.request_sms_wrap dd {display:block; position:relative; margin:0; padding:0;}
.request_sms_wrap .phoneNum {display:block; position:relative;}

.request_msg {display:block; position:relative; margin:0; padding:120px 0 30px 0; font-size:28px; text-align:center;}
.request_msg::after {content:''; display:block; position:absolute; left:50%; top:10px; width:65px; height:65px; margin:0 0 0 -32px; background: url(/pconts/images/common/approval_195.png) no-repeat left top; background-size:cover;}
.limtup_request_end {display:block; position:relative; margin:0 0 30px 0; padding:30px 0; font-size:18px; text-align:center; color:#111;}
.limtup_request_end::before {height:129px;}
.limtup_request_end p + p {margin-top:15px;}
.limtup_request_end strong {font-weight:700;}
.limtup_end_btn {margin-top:60px; text-align:center;}

.limitup_result_wrap {display:block; position:relative; margin:0; padding:0;}
.limitup_result_wrap .main_msg {display:block; position:relative; margin:0 0 40px 0; padding:0; font-size:24px; text-align:center; font-weight:700;}
.limitup_result_wrap .sub_msg {display:block; position:relative; margin:0 0 30px 0; padding:30px 0; font-size:18px; color:666; text-align:center;}
.limitup_result_wrap .sub_msg p+p {margin-top:5px;}
.marker_hyphen2 + .btn_wrap {margin-top:60px;}

/* 이용한도 상향신청 결과조회 */
.limit_result_message {display:block; position:relative; margin:0 0 40px 0; padding:0; font-size:24px; font-weight: 700; text-align:center;}


.pop_cont.fullsize {padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}
.before_limiteup_list {display:block; position:relative; margin:0; padding:0; border-bottom:solid #eee 1px;}
.before_limiteup_list .msg {display:block; position:relative; margin:0; padding:0 0 30px 0; font-size:24px; font-weight:700; text-align:center; border-bottom:solid #eee 1px;}
.before_limiteup_list ul {display:block; position:relative;}
.before_limiteup_list li {display:block; position:relative; margin:0; padding:30px 0 30px 30%;}
.before_limiteup_list li .date {display:inline-block; position:absolute; left:20px; top:30px; font-size:20px; color:#333;}
.before_limiteup_list li .limit_result_detail {margin-bottom:0; padding-right: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;}


/* 이용한도 하향신청 신청내용확인 */
.adjust_confirm {display:block; position:relative; margin:0; padding:0;}
.adjust_confirm:before {content:''; display:block; position:absolute; left:calc(50% - 7px); top:calc(50% - 7px); width:14px; height:14px; border-top:solid #333 2px; border-right:solid #333 2px; transform:rotate(45deg);}
.adjust_confirm.left {padding-right:10px;}
.adjust_confirm.right {padding-left:10px;}
.adjust_confirm_inner {padding:40px; line-height:1; background-color:#f6f6f6;}
.adjust_confirm_inner:after {content:''; display:block; clear:both;}
.adjust_confirm .current_info {float:left;}
.adjust_confirm .current_info dt {display:block; margin:0 0 12px; font-size:15px; color:#111;}
.adjust_confirm .current_info dd {display:block; font-weight:700; font-size:24px; color:#333;}
.adjust_confirm .changed_info {float:right; text-align:right;}
.adjust_confirm .changed_info dt {display:block; margin:0 0 12px; font-size:15px; color:#111;}
.adjust_confirm .changed_info dd {display:block; font-weight:700; font-size:24px; color:#086ac5;}
.limite_info_wrap + .sms_application {margin-top:40px;}
.sms_application {display:block; position:relative; width:480px; margin:0; padding:0;}
.sms_application .sms_info {padding:20px 12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sms_application .sms_info dl {overflow:hidden; line-height:1;}
.sms_application .sms_info dl + dl {margin-top:15px;}
.sms_application .sms_info dl dt {float:left; font-size:15px; color:#111;}
.sms_application .sms_info dl dd {float:right; font-weight:700; font-size:16px; color:#333;}
.sms_application + .accordion_wrap.bottom_guide {margin-top:40px;}

/* 추가한도 이용신청 */
.radio_list_wrap{overflow:hidden;padding-top:20px;margin-top:-20px}
.radio_list_wrap .radio_list.col02{margin:-20px 0 0 -20px;border:none}
.radio_list_wrap .radio_list.col02 li {float:left;width:313px;margin:20px 0 0 20px}
.radio_list_wrap .radio_list.col02 li:nth-child(2n) {margin-right:0;}
.radio_list_wrap .radio_list li label {display:block;position:relative;width:100%}
.radio_list_wrap .radio_list li label input[type="radio"] + .radio_cont {display:table-cell;width:313px;height:132px;padding:0 0 0 118px;border:1px solid #ddd;border-radius:4px;cursor:pointer;vertical-align:middle;box-shadow:2px 6px 15px rgba(0, 0, 0, 0.1)}
.radio_list_wrap .radio_list li label input[type="radio"]:checked + .radio_cont {border:1px solid #086ac5;}
.radio_list_wrap .radio_list li input[type="radio"] {position:absolute;left:0;top:0;z-index:1;opacity:0;margin:0;padding:0;cursor:pointer;}
.radio_list_wrap .radio_list .radio_cont strong {display:block;margin-bottom:11px;font-weight:700;font-size:16px}
.radio_list_wrap .radio_list .radio_cont .text_basic{display:block;color:#333;font-size:20px;font-weight:700;line-height:1}
.radio_list_wrap .radio_list .radio_cont .text_basic em {position:relative;display:inline-block}
.radio_list_wrap .radio_list .radio_cont .text_basic em:after{content:'';display:block;position:absolute;bottom:0;left:0;right:2px;height:8px;background:#4868e1;opacity:0.3}
.radio_list_wrap .radio_list .radio_cont .radio_img {position:absolute;top:50%;left:40px;margin-top:-24px}
.radio_list_wrap .radio_list .radio_cont .radio_img img{width:48px;height:48px}

.request_list{padding:10px 0;border:solid #ddd;border-width:1px 0}
.request_list:after{content:'';display:block;clear:both;}
.request_list li{display:table;width:100%;padding:3px 0}
.request_list li .txt, .request_list li strong{display:table-cell;vertical-align:middle}
.request_list li .txt{width:35%;padding-left:12px;}
.request_list li strong{padding-right:12px;text-align:right;color:#333;font-size:16px}

.simple_list {overflow:hidden;width:100%;padding:20px 13px;}
.simple_list dt {float:left;width:70%;margin-bottom:16px;color:#111;}
.simple_list dd {float:right;width:30%;min-width:280px;margin-bottom:16px;}

.box_whiteLimit{position:relative;padding:40px 10px 40px 128px;border:1px solid #ddd;border-radius:10px;box-shadow:2px 2px 15px -2px rgba(51, 51, 51, 0.17)}
.box_whiteLimit figure{position:absolute;top:40px;left:40px}
.box_whiteLimit figure img{width:48px}
.box_whiteLimit .list{display:table;width:100%}
.box_whiteLimit .list li{position:relative;display:table-cell;padding-right:30px}
.box_whiteLimit .list li:before{content:'';display:block;position:absolute;top:0;left:0;right:30px;height:100%;/*background:#ecf0fc;*/z-index:0}
.box_whiteLimit .list li .txt, .box_whiteLimit .list li .con{position:relative;display:block;line-height:1;z-index:2}
.box_whiteLimit .list li .txt{margin-bottom:13px}
.box_whiteLimit .list li .con{color:#333;font-size:16px;font-weight:700}
.box_whiteLimit + .box_whiteLimit {margin-top:10px;}

/*
.box_conWrap{margin-top:60px}
.box_conWrap:after{content:'';display:block;clear:both}
.box_conWrap .box_con{float:left;width:50%;margin:0;padding-right:30px}
.box_conWrap .box_con + .box_con{padding:0 0 0 30px}
.box_conWrap .box_con .h_title{margin-bottom:25px}
*/
.condition_viewbox.add_limitbox{margin-top:60px}
.condition_viewbox.add_limitbox .cv_group + .cv_group .h_title24{margin-bottom:14px}
.add_limit .adjust_amount input[type="text"],
.add_limit .adjust_amount input[type="tel"]{height:47px;padding-left:250px;line-height:46px;border:solid #000;border-width:0 0 1px 0;text-align:right}
.add_limit .adjust_amount .current_info {width:calc(35% - 21px);}
.hotel_con .area_slt label {display:block;margin-bottom:10px;font-weight:700;font-size:16px;color:#333;}
.hotel_con .select_pann {margin-top:30px;}
.hotel_con .select_pann .area_list {max-height:570px;overflow-y:auto;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
.hotel_con .select_pann .area_list li {display:table;position:relative;width:100%;padding:30px 0 30px 30px;border-bottom:1px solid #eee;}
.hotel_con .select_pann .area_list li:last-child {border-bottom:0;}
.hotel_con .select_pann .img_area {display:table-cell;width:230px;height:160px;text-align:center;vertical-align:middle;}
.hotel_con .select_pann .img_area img {height:100%;}
.hotel_con .select_pann .text_area {display:table-cell;padding-left:20px;vertical-align:middle;}
.hotel_con .select_pann .tit {display:block;margin-bottom:5px;font-size:16px;color:#111;}

.scroll_area{overflow-y:auto;max-height:425px;margin-top:40px;border:solid #bbb;border-width:1px 0}
.scroll_area .hall_list {display:none;}
.scroll_area .hall_list.is_visible {display:block;}
.scroll_area .hall_list li{position:relative;padding:30px 30px 27px 30px;border-top:1px solid #eee}
.scroll_area .hall_list li:first-child{border-top:0}
.scroll_area .hall_list li img{position:absolute;top:30px;left:30px;width:50px;height:50px}
.scroll_area .hall_list li strong{display:block;margin-bottom:20px;padding-left:60px;color:#111;font-size:16px;line-height:50px}

.addlimit_result{margin:0 auto;width:440px;background:url(/pconts/images/contents/mypage/arrow_right_p.png) no-repeat 50% 50%}
.addlimit_result li{float:left;width:50%;padding:27px 0;text-align:left}
.addlimit_result li .tit{display:block;margin-bottom:17px;line-height:1}
.addlimit_result li strong{color:#333;font-size:16px;font-weight:700}
.addlimit_result li+li{text-align:right;}

.complete_body .complete_info.type_mypage02{width:400px}
.complete_body .complete_info.type_mypage02 .comp_data{display:block}
.complete_body .complete_info.type_mypage02 .comp_data li{display:block;flex:none}
.complete_body .complete_info.type_mypage02 .comp_data li b{float:right}

/* 소득정보갱신신청 */
/* .income_update {display:block; position:relative; margin:0; padding:0;}
.income_update ol li {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; height:100px; padding:0 48px 0 92px; font-size:1.3rem; line-height:1.8rem; color:#111;}
.income_update ol li + li {border-top:1px solid #c4c3c4;} */
/* .income_update ol li + li:before {content:''; display:block; position:absolute; top:-15px; right:6px; width:30px; height:30px; border-left:1px solid #c4c3c4; border-bottom:1px solid #c4c3c4; background-color:#fff; transform:rotate(-45deg) skew(0);} */
/* .income_update ol li + li:before {content:''; display:block; position:absolute; top:-1px; right:0; width:48px; height:19px; background:url(/pconts/images/contents/mypage/img_incomeUpdateArrow.jpg) no-repeat 0 0 / cover;}
.income_update ol li.step01 {background:url(/pconts/images/contents/mypage/img_incomeUpdate01.png) no-repeat 20px 50% / 52px auto;}
.income_update ol li.step02 {background:url(/pconts/images/contents/mypage/img_incomeUpdate02.png) no-repeat 20px 50% / 52px auto;}
.income_update ol li.step03 {background:url(/pconts/images/contents/mypage/img_incomeUpdate03.png) no-repeat 20px 50% / 51px auto;}
.income_update ol li.step04 {background:url(/pconts/images/contents/mypage/img_incomeUpdate04.png) no-repeat 20px 50% / 52px auto;}
.btn_papers .text_link{margin:0 10px} */
.income_info_renwal .result_guide .marker_dot {margin:0 auto;max-width:445px;}
.income_info_renwal .icon_list.step > li .icon_box {cursor:auto;}

/* tooltip */
/* .tooltip {display:inline-block; position:relative;}
.tooltip_hide_txt {overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px);}
.tooltip_info {display:none !important;}
.tooltip.question_mark {width:24px; height:24px; border:1px solid #666; border-radius:50%;}
.tooltip.question_mark .question_txt {display:block; width:100%; font-weight:700; font-size:15px; line-height:22px; color:#333; text-align:center;}
.tooltip.toast .tooltip_info {display:block; position:absolute; top:0; right:0;} */

/* 체크 특별한도 신청 */
/* .checkadd_guide_wrap {display:block; position:relative; margin:0; padding:0;}
.checkadd_guide_wrap + .checkadd_guide_wrap {margin-top:60px;}
.checkadd_guide_wrap .h_wrap {text-align:center;}
.checkadd_guide_wrap + .btn_wrap {margin-top:60px;} */
.limit_by_check .result_guide .marker_dot {margin:0 auto;max-width:585px;}
.limit_by_check .result_guide .marker_dot.one_line {max-width:450px;}

/* 카카오뱅크 이용내역 */
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_body .list01[data-type="list"] ul > li:last-child {border-bottom:1px solid #ddd;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_body .list01[data-type="list"] ul > li {padding-left:30px;padding-right:30px;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_header:not(.on) {border-top:1px solid #ddd;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_header.on {border-color:#222;}
.benefit_check_card.kakaobank .accordion_wrap.type03.last .accordion_header:not(.on) {border-bottom:1px solid #ddd;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .accordion_header .side {padding-right:50px;}
.benefit_check_card.kakaobank .usage_item .price_info .price.del.color_gray {color:#999 !important;}
.benefit_check_card.kakaobank .accordion_body .area.state_area.pd_type02 {padding:0 !important;}
.benefit_check_card.kakaobank .accordion_wrap.type03 .text_wrap .loan_name {position:relative; font-size:16px; top:3px;}
.benefit_check_card.kakaobank div.price_info .price.font_md span {font-size:13px !important; font-weight:400;}
.benefit_check_card.kakaobank div.price_info .price.font_md span > span {position:relative; font-size:18px !important; font-weight:700; top:1px;}

/* 카드별이용한도 */
.switch_wrap.onoff_btn .switch {width:55px; height:30px;}
.switch_wrap.onoff_btn .switch .slider {background-image:none; background-color:#ddd;}
.switch_wrap.onoff_btn .switch .slider::before {width:26px; height:26px; border-radius:50%; background-image:none; background-color:#FFF; box-shadow:none;top:2px; left:2px;}
.switch_wrap.onoff_btn .switch input:checked + .slider {background-color:#4868e1;}
.switch_wrap.onoff_btn .switch input:checked + .slider::before {-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translateX(25px)}
.switch_wrap.onoff_btn.top01 {position:relative;top:7px;}
.switch_wrap.language .switch {width:180px; height:36px;}
.switch_wrap.language .switch .slider {background-image:none; background-color:#ddd;}
.switch_wrap.language .switch .slider::before {content:'한국어';display:block; width:90px; height:36px; border-radius:18px; background-image:none; background-color:#4868e1; box-shadow:none;top:0px; left:0px; color:#FFF; text-align:center; line-height:36px; font-weight:700;}
.switch_wrap.language .switch .slider i {display:inline-block; position:absolute; right:19px; top:7px; font-style:normal; font-weight:700;}
.switch_wrap.language .switch input:checked + .slider i {color:#FFF;}
.switch_wrap.language .switch .slider::after {content:'한국어'; display:none; position:absolute; left:26px; top:7px; font-weight:700}
.switch_wrap.language .switch input:checked + .slider::after {display:inline-block;}
.switch_wrap.language .switch input:checked + .slider::before {content:'';display:block;-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px);}


.switch_el_off {display:none !important;}
.limit_by_card .has_flow_step {margin-top:53px;}
.limit_by_card .df_list_wrap {padding:0 10px;position:relative;}
.limit_by_card .df_list_wrap .df_list_col,
.limit_by_card .mo_card_info {padding:35px 0;}
.limit_by_card .mo_card_info {display:none;}
.limit_by_card .mo_card_info .df_list {display:block;padding:0 10px;}
.limit_by_card .mo_card_info .df_list .item {padding:0;}
.limit_by_card .mo_card_info .df_list .item_wrap + .item_wrap,
.limit_by_card .complete_body .df_list_wrap .item_wrap + .item_wrap {margin-top:7px;}
.limit_by_card .complete_body .df_list_wrap .df_list .item {padding:0;}
.limit_by_card .complete_body .df_list_wrap {width:400px;padding:10px;margin:0 auto;}
.limit_by_card .df_list_wrap.top_minus {margin-top:-1px;}

.limit_set_wrap {position:relative;}
.limit_set_wrap dl::before,
.limit_by_card .df_list_wrap.arrow::before{content:''; display:block; position:absolute; left:calc(45% + 6px); top:47px; width:7px; height:7px; border-bottom:solid #4868e1 1px; border-right:solid #4868e1 1px; transform:rotate(-45deg)}
.limit_set_wrap dl::after,
.limit_by_card .df_list_wrap.arrow::after {content:''; display:block; position:absolute; left:44%; top:50px; width:17px; height:1px; background-color:#4868e1;}
.limit_by_card .df_list_wrap.arrow::before {top:48%;left:calc(50% + 10px);}
.limit_by_card .df_list_wrap.arrow::after {top:50%;left:50%;}
.limit_set_wrap.min_h {min-height:130px;}
.limit_set_wrap [class^="limit_"] {width:50%;float:left;}
.limit_set_wrap [class^="limit_"] .tit {height:31px;font-size:16px;color:#333;}
.limit_set_wrap [class^="limit_"] .con  {position:relative;line-height:44px;font-size:24px;}
.limit_set_wrap [class^="limit_"] .con .set_bdr {position:absolute;left:-100%;bottom:0;display:block;width:200%;height:2px;background:#000;z-index:1}
.limit_set_wrap [class^="limit_"] .con .set_input input {padding-right:50px;border:0;font-size:24px;text-align:right;}
.limit_set_wrap [class^="limit_"] .con .set_input input::placeholder {font-size:24px;font-weight:400;letter-spacing:-1px;}
.limit_set_wrap [class^="limit_"] .con .set_input input:focus,
.limit_set_wrap [class^="limit_"] .con .set_input.is_value input {font-weight:700;}
.limit_set_wrap [class^="limit_"] .con .set_input input:focus + .set_bdr {background:#4868e1;}
.limit_set_wrap [class^="limit_"] .con .set_input.is_error .set_bdr,
.limit_set_wrap [class^="limit_"] .con .set_input.is_error input:focus + .set_bdr {background-color:#ff0000;}
.limit_set_wrap [class^="limit_"] .con .unit {position:absolute;top:0;right:0;line-height:44px;font-size:24px;font-weight:700;}
.limit_set_wrap .limit_set + .clearfix > [class*='float_'] {padding-top:5px;font-size:13px;}
.limit_set_wrap .error_txt {display:block;color:#ff0000;font-size:13px;}

/* Rework JJY 주석 처리 ---- 
.contents.card_limit .col2 {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.card_limit .col2 > * {flex:1;}
.card_limit .col2 .left {padding-right:10px;}
.card_limit .col2 .right {padding-left:10px;}
.card_limit .mo {display:none;}
.card_limit .pc {display:block;}
.card_limit .question.pc {display:inline-block;}
.card_limit .align_btn {margin-top:10px;}
.card_limit .align_btn > label {display:inline-block;position: relative;cursor:pointer;vertical-align:middle;}
.card_limit .align_btn > label span {font-size:15px;color:#111;}
.card_limit .align_btn > label + label {margin-left:10px;}
.card_limit .align_btn .rdo {position:absolute;left:0;top:0;z-index:1;opacity:0;margin:0;padding:0;cursor:pointer;}
.card_limit .align_btn .rdo:checked + span {color:#086ac5;font-weight:700;} */

/* 내카드정보 */
.cardInfo_wrap {text-align:center; margin-bottom:60px;}
.cardInfo_wrap .card_top_info {width:360px;margin:0 auto 10px;text-align:left;}
.cardInfo_wrap .card_top_info .card_nickname,
.cardInfo_wrap .card_top_info .card_nickname_setting {display:inline-block;vertical-align:top;margin-top:1px;}
.cardInfo_wrap .card_top_info .card_nickname {font-size:16px;}
.cardInfo_wrap .card_top_info .card_nickname_setting {font-size:15px;margin-left:6px;}
.cardInfo_wrap .card_top_info .leader_card {position:relative;display:inline-block;width:25px;height:25px;margin-right:3px;}
.cardInfo_wrap .card_top_info .leader_card::after {content:"";position:absolute;top:0;left:0;width:25px;height:25px;background:url(/pconts/images/contents/mypage/leader_card_icon.png) no-repeat;background-size:25px;}
.cardInfo_wrap .card_img {position:relative;display:block;overflow:hidden;}
.cardInfo_wrap .card_img img {max-width:100%;height:auto;margin-bottom:-88px;}
.cardInfo_wrap .card_tit {display:block;margin-top:15px;font-size:16px;font-weight:700;}
.cardInfo_wrap .card_num {display:block;margin-top:10px;text-align:center;font-weight:400;}
.cardInfo_wrap .card_num .card_icon,
.cardInfo_wrap .card_num .card_user,
.cardInfo_wrap .card_num .card_number,
.cardInfo_wrap .card_num .card_num_all {display:inline-block;vertical-align:middle;}
.cardInfo_wrap .card_num .card_num_all {margin-left:12px;}
.cardInfo_wrap .card_num .card_icon.visa {width:34px;height:12px;background:url(/pconts/images/contents/mypage/img_card_k01.png) no-repeat;}
.cardInfo_wrap .card_num .card_icon.master {width:31px;height:19px;background:url(/pconts/images/contents/mypage/img_card_k02.png) no-repeat;}
/* .cardInfo_wrap.flexbox_dl {display:none;}  */
.cardInfo_wrap.flexbox_dl {width:646px;margin:0 auto;padding-left:10px;padding-right:10px;}
.cardInfo_wrap.flexbox_dl dl dd {flex:2;}

.card_limit .marker_dot {margin-top:60px;}
.card_limit .accordion_body .marker_dot {margin-top:10px;}
.card_limit .marker_dot > li + li {margin-top:0;}
.card_limit .btn_wrap.guide .btn {width:100%;margin-top:10px;}
.card_limit .adjust_amount_wrap {margin:69px 0 56px;}
.card_limit .adjust_amount_wrap .h_wrap .title {display:inline-block;vertical-align:middle;}
.card_limit .adjust_amount_wrap .h_wrap .text_btn {width:22px;margin-left:10px;padding:0;vertical-align:middle;}
.card_limit .adjust_amount_wrap .adjust_amount {margin-top:52px;}
.card_limit .adjust_amount_wrap .adjust_amount.type2 {margin-top:74px;}
.card_limit .adjust_amount_wrap .right .adjust_amount.type2 {margin-top:134px;}

.card_limit .btn_wrap.gap40 {margin-top:40px;}
.card_limit .card_info + .h_wrap.gap20 {margin-top:69px;}
.card_limit .limit_up_group > * {float:left;}
.card_limit .limit_up_group > *:nth-of-type(1) {padding-right:10px;}
.card_limit .limit_up_group > *:nth-of-type(2) {padding-left:10px;}
.card_limit .limit_up_wrap {position:relative;display:-webkit-flex; display:-ms-flexbox; display:flex;width:50%;}
.card_limit .limit_up_wrap::before {content:"";position:absolute;width:100%;height:100%;background:url(/pconts/images/contents/mypage/limit_up_next.png) no-repeat 50% 50%;background-size:10px 16px;}
.card_limit .limit_up_wrap > * {flex:1;padding:30px 0;text-align:center;background:#f6f6f6}
.card_limit .limit_up_wrap .tit {font-size:16px;color:#111;}
.card_limit .limit_up_wrap .limit_amount {font-size:24px;}
.card_limit .limit_up_wrap .right .limit_amount.font_md {color:#086ac5;}
.card_limit .limit_up_group + .h_wrap.gap20 {margin-top:30px;}
.card_limit .limit_up_group.last {margin-bottom:60px;}
.card_limit .limit_up_wrap:only-child {width:100%;padding:0 !important;}
.card_limit .bg_lightgray.result {margin:44px 0 60px;padding:27px 0;font-size:18px;color:#111;}
.card_limit .bg_lightgray.result .amount {color:#086ac5;}
.card_limit .bg_lightgray.result li + li {margin-top:9px;}
.card_limit .card_info .table_type02 {border-top:1px solid #ddd;}
.card_limit .ckcard_info_wrap + .h_wrap {margin-top:30px;}

/* 카드별 혜택조회 */
.benefit_check_card.tooltip {position:absolute;left:calc(50% - 146px);top:-21px;z-index:9;}
.benefit_check_card.reportlist_filter_wrap {padding:0 20px;}
.benefit_check_card .sum_total {position:relative;}
.benefit_check_card .sum_total .header_sum {position:absolute;bottom:9px;left:0;}
.benefit_check_card .sum_total .total > * {vertical-align:middle;}
.benefit_check_card .sum_total .total {padding:5px 0;}
.benefit_check_card .total_title {padding-right:15px;}
.benefit_check_card .list01[data-type="list"] {border-color:#e4e4e4;}
.benefit_check_card .list01[data-type="list"] > ul > li:last-child {border-color:#dfdfdf;}
.benefit_check_card .complete_box.type02 {border-top-color:#ddd;}
.benefit_check_card .accordion_header .back {position:absolute;top:50%;right:10px;margin-top:-12px;}
.benefit_check_card .accordion_header:not(:first-child) {border-top:1px solid #dfdfdf;}
.benefit_check_card .accordion_body .list01[data-type="list"] {border-top:0;}
.benefit_check_card .accordion_body .list01[data-type="list"] ul > li:last-child {border-bottom:0;}
.benefit_check_card .accordion_wrap.type03 .text_wrap.side_btn + button {height:70px;}
.benefit_check_card .accordion_body .area.state_area.pd_type01 {padding-bottom:0;}
.benefit_check_card .accordion_body .complete_body {padding-bottom:56px;}
.benefit_check_card.cashback .report_month_swiper .swiper-button-prev {position:absolute;top:0;left:30px;width:auto;height:32px;margin-top:0;padding-left:22px;background:url(/pconts/images/contents/mypage/month_prev_on.png) no-repeat 0 50%;font-size:13px;color:#111;}
.benefit_check_card.cashback .report_month_swiper .swiper-button-next {position:absolute;top:0;right:30px;width:auto;height:32px;margin-top:0;padding-right:22px;background:url(/pconts/images/contents/mypage/month_next_on.png) no-repeat 100% 50%;font-size:13px;color:#111;}
.benefit_check_card.cashback .report_month_swiper [class^="swiper-button"].end {opacity:.3;}
.pop_benefit_check_card .flexbox_dl {margin:0 -30px;padding:20px 30px;}
.cashback_stamp_list {display:block;text-align:center;font-size:0;}
.cashback_stamp_list .cb_stamp_wrap {position:relative;display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;}
.cashback_stamp_list .cb_stamp_wrap + .cb_stamp_wrap {margin-left:23px;}
.cashback_stamp_list .cb_stamp_wrap:nth-child(5) {margin-right:0;}
.cashback_stamp_list .cb_stamp_wrap .num_wrap {position:relative;display:block;width:inherit;height:inherit;border-radius:50%;background:#ddd;color:#fff;font-size:15px;}
.cashback_stamp_list .cb_stamp_wrap.comp .num_wrap::after {content:"";position:absolute;top:0;left:0;width:60px;height:60px;background:url(/pconts/images/contents/mypage/myicon06.png) no-repeat;background-size:100%;}
.cashback_stamp_list .cb_stamp_wrap.comp:nth-child(7) .num_wrap::after {background-image:url(/pconts/images/contents/mypage/myicon07.png)}
.cashback_total_number .cashback_bar_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;max-width:517px;margin:0 auto;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.cashback_total_number .cashback_bar_wrap .bar_item {position:relative;flex:1;}
.cashback_total_number .cashback_bar_wrap .bar_item .bar {display:block;width:calc(100% - 1px);height:8px;background:#dddddd;}
.cashback_total_number .cashback_bar_wrap .bar_item.on .bar {background:#4868e1;}
.cashback_total_number .cashback_bar_wrap .bar_item .number {display:block;padding-top:4px;}
.cashback_total_number .cashback_bar_wrap .bar_item.on .number.now {position:absolute;top:-40px;right:-31px;width:60px;height:30px;text-align:center;color:#fff;font-size:16px;padding:3px 0;background:#4868e1;border-radius:15px}
.cashback_total_number .cashback_bar_wrap .bar_item.on .number.now::after {content:'';position:absolute;left:calc(100% - 35px);bottom:-4px;width:0;height:0;border-top:4px solid #4868e1;border-bottom:4px solid none;border-right:4px solid transparent;border-left:4px solid transparent;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);}
.cashback_total_number.type02 {margin-top:10px;color:#111;font-size:42px;}
.cashback_total_number.type02 .number {font-size:46px;}
.benefit_check_card.cashback .report_month_swiper + .cashback_total_number:not(.type02) {margin-top:99px;}
.total_hando.popup_type01 .pop_cont {padding-bottom:40px;}
.total_hando.popup_type01 .pop_cont .table_wrap table td {padding-left:20px; padding-right:20px;}
.total_hando.popup_type01 .pop_cont .font_md {font-size:16px; font-weight:700;}

.mypage_noData_list{display:block;overflow:hidden;position:relative;}
.mypage_noData_list p{overflow:hidden;position:relative;width:80%;height:10px;margin-top:10px;background:#ddd}
.mypage_noData_list .tit{width:35%;height:16px;margin:0 0 20px}
.mypage_noData_list p span{position:absolute;top:0;left:-100%;width:100%;height:100%;animation-name:noData_ani;animation-duration:6s;animation-delay:1s;animation-iteration-count:infinite;background-image:linear-gradient(to right, transparent, #cbd0d2 ,transparent);-webkit-background-image:linear-gradient(to right, #ddd, #cbd0d2, #ddd);}
.mypage_noData_list p.tit span{animation-duration:5s;animation-delay:0}

@keyframes noData_ani{
	0% {left:-100%;}
	25% {left:0;}
	50% {left:100%;}
	75% {left:0;}
	100% {left:-100%;}
}

.flexbox_wrap.deepdream {border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.flexbox_wrap.deepdream .flexbox_dl {border:none}
.flexbox_wrap.deepdream .flexbox_dl dt {flex:1}
.flexbox_wrap.deepdream .flexbox_dl dd {flex:2}

/* 이용제한 등록 */
.select_area .check_wrap {display:block; overflow:hidden;}
.select_area .check_wrap label {display:block; width:160px; margin:0 0 8px 4px;}
.select_area .check_wrap label:nth-child(6n + 1) {margin-left:0;}
.limit_usage .check_list02 label {width:134px;height:94px;}
.limit_usage .check_list02 label span {height:100%;padding:51px 10px 0;}
.limit_usage .check_list02 label span:before {background-color:transparent;top:16px;/*width:60px;height:60px;*/}
.limit_usage .check_list02 .icon01 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite07.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon02 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite09.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon03 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite10.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon04 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite11.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon05 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite12.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon06 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite13.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon07 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite14.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon08 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite17.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon09 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite15.png) no-repeat 0 0;background-size:100% 100%;}
.limit_usage .check_list02 .icon10 label span:before {background: url(/pconts/images/contents/mypage/ico_addLimite16.png) no-repeat 0 0;background-size:100% 100%;}
.complete_body.reg_of_use .complete_info {width:400px;padding-top:20px;margin-top:20px;}
.complete_body.reg_of_use .marker_dot {display: inline-block;}
.h_wrap > .title_explain {display:block;}



/* 이용한도 상향신청 히든 */
.contents.limit_up_wrap .h_wrap.top .title {line-height:1.3;font-weight:400;}
.limit_up_wrap .form_ele.pwd .col02 {position:relative;}
.limit_up_wrap .form_ele.pwd .col02::before {content:"";position:absolute;left:50%;top:20px;width:15px;height:1px;margin-left:-10px;background:#000;}
.limit_up_wrap .form_ele.pwd .col02 .pwd_front {padding-right:30px;}
.limit_up_wrap .form_ele.pwd .col02 .pwd_back {height:44px;padding-left:30px;font-size:41px;font-weight:700;}
.limit_up_wrap .form_ele.pwd.card .col02::before {display:none;}
.limit_up_wrap .form_ele.pwd.card .col02 .pwd_back {padding-left:0;}
.limit_up_wrap .form_ele.pwd.card .text_btn.question {padding-right:24px;vertical-align:middle;}
.limit_up_wrap .h_wrap.inner_btn .title {display:inline-block;line-height:22px;vertical-align:top;}
.limit_up_wrap .h_wrap.inner_btn .text_btn.question {vertical-align:middle;}
.limit_up_wrap .adjust_amount_wrap {margin:69px 0 56px;}
.limit_up_wrap .adjust_amount_wrap .adjust_amount {margin-top:52px;}
.limit_up_wrap .adjust_amount_wrap .flex_item:nth-of-type(2) .adjust_amount {margin-top:51px;}

/**** 이용내역 ****/
/* 이용내역상세 */
.card_reportlist_wrap.card_usage_detail {padding-bottom:60px;}
.card_reportlist_wrap.card_usage_detail .dashdesk {padding-bottom:30px;}
.card_usage_detail .total_fee {border-top:1px solid #ddd;max-width:724px;margin:0 auto;padding:16px 10px 0;overflow:hidden;}
.card_usage_detail .total_fee dl dt {float:left;font-weight:700;font-size:20px;color:#333;}
.card_usage_detail .total_fee dl dd {float:right;font-size:24px;color:#333;}
.card_usage_detail .total_fee dl dd span {font-size:26px;}
.accordion_wrap.card_usage_detail .text_wrap.side_btn {float:none; display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-left:20px; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:calc(100% - 90px);}
.accordion_wrap.card_usage_detail .text_wrap.side_btn + button {float:none; position:absolute; top:0; bottom:0; right:0; width:80px; height:100%;}
.accordion_wrap.card_usage_detail .text_wrap.side_btn:after{display:none;}
.accordion_wrap.card_usage_detail .text_wrap.side_btn .back{text-align:right;}
.accordion_wrap.card_usage_detail .text_wrap .loan_name {font-size:16px;}
.accordion_wrap.card_usage_detail .accordion_header {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-height:74px; border-top:1px solid #ddd;}
.accordion_wrap.card_usage_detail .accordion_header.on {border-top:1px solid #333333;}
.accordion_wrap.card_usage_detail .accordion_header.on + .accordion_body .area {border-bottom:0;}
.accordion_wrap.card_usage_detail .accordion_header.on .sub_total {display:none;}
.accordion_wrap.card_usage_detail .accordion_header:not(:first-child) {border-top:1px solid #dfdfdf;}
.accordion_wrap.card_usage_detail .accordion_body{padding-bottom:72px;}
.accordion_wrap.card_usage_detail .accordion_body .list01[data-type="list"] {border-top:0;}
.accordion_wrap.card_usage_detail .accordion_body .list01[data-type="list"] ul > li:first-child {border-top:1px solid #eee;}
.accordion_wrap.card_usage_detail .accordion_body .complete_body {padding-bottom:56px;}
.accordion_wrap.card_usage_detail .list_category {margin-bottom:15px;}
.accordion_wrap.card_usage_detail .list_category .title {color:#333;position:relative;padding-right:20px;}
.accordion_wrap.card_usage_detail .list_category .title::after {content:"";position:absolute;top:2px;right:11px;width:1px;height:15px;background:#ddd;}
.accordion_wrap.card_usage_detail .list_category .title.single {padding-right:0;}
.accordion_wrap.card_usage_detail .list_category .title.single::after {display:none;}
.accordion_wrap.card_usage_detail .list_group {padding-left:13px;}
.accordion_wrap.card_usage_detail .list_group + .list_group {margin-top:40px;}
.accordion_wrap.card_usage_detail .list_head .list_category {float:left;}
.accordion_wrap.card_usage_detail .list_head .money {float:right;color:#333;font-size:18px;}
.accordion_wrap.card_usage_detail .list_head .money .susuru {display:inline-block; position:relative; font-size:13px; color:#111; margin-left:8px;}
.accordion_wrap.card_usage_detail .back_money_sub {display:block;text-align:right;font-size:13px;}
.accordion_wrap.card_usage_detail > dl:last-child {border-bottom:1px solid #ddd;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total {font-size:0;padding-top:8px;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item {position:relative;display:inline-block;font-size:13px;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item + .st_item {margin-left:11px;padding-left:9px;}
.accordion_wrap.card_usage_detail .accordion_header .sub_total .st_item + .st_item::before {content:"";position:absolute;top:2px;left:0;width:1px;height:15px;background:#ddd;}
.accordion_wrap.card_usage_detail.type03 .accordion_body .area {padding-left:20px; padding-bottom:0;}
.complete_box.card_usage_detail.all {border-top-color:#ddd;}

.popup.payRevolving .sub_info * {display:inline-block;vertical-align:middle;}
.popup.payRevolving .sub_info dl + dl::before {content:"";display:inline-block;width:1px;height:10px;background:#ddd;margin:0 3px;}
.popup.payRevolving .df_list_wrap .df_list .item.tit,
.popup.payRevolving .df_list_wrap .df_list .item.con  {padding-top:10px;}
.popup.payRevolving .df_list_wrap .df_list .item.tit {padding-left:10px;padding-right:0;white-space:nowrap;}
.popup.payRevolving .df_list_wrap .df_list .item.con {padding-right:10px;}
.popup.payRevolving .df_list_wrap {padding-bottom:15px;}
/* 이용내역상세 - 카드론 */
.card_usage_detail.cardron .total_fee {max-width:774px; display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between}
.card_usage_detail.cardron .total_fee dl {flex:1;}
.card_usage_detail.cardron .total_fee dl:nth-of-type(1) {padding-right:30px;}
.card_usage_detail.cardron .total_fee dl:nth-of-type(2) {padding-left:30px;}
.list01.cardron {border-top-color:#ddd;}
/* .list01.cardron .usage_item .usage_info .texts_area {width:195px;} */
.list01.cardron .usage_item .price_info .price + .price {font-size:13px;}
.list01.cardron .usage_item .price_info .price + .price:not(.del) {color:#111;}

/* 카드이용내역 */
.card_report.tooltip {position:absolute; left:calc(50% - 145px); top:-8px; z-index:9;}
.analysis_period_bar {display:block; position:relative; width:100%; margin:0; padding:0;}
.analysis_period_bar .periond_set {display:table; position:relative;width:100%; height:42px; margin:0; padding:0; font-size:13px; color:#FFF;}
.analysis_period_bar .periond_set .table_cell {display:table-cell; position:relative; height:100%;margin:0; padding:0 20px 0 7px; vertical-align: middle;}
.card_reportlist_wrap {display:block; position:relative; width:100%; margin:0 0 30px 0; padding:0;}
.card_reportlist_wrap .dashdesk {display:block; position:relative; width:100%; margin:0 auto; padding:60px 0;}
.card_reportlist_wrap.type02 .dashdesk {padding-bottom:60px;}
.card_reportlist_wrap .dashdesk .btn_month {display:inline-block; width:47px; height:32px; font-size:13px; color:#111; line-height:32px;}
.card_reportlist_wrap .dashdesk .btn_month.prev_month {padding-left:22px; background:url(/pconts/images/contents/mypage/month_prev_on.png) no-repeat;}
.card_reportlist_wrap .dashdesk .btn_month.prev_month.off {color:#999; background:url(/pconts/images/contents/mypage/month_prev_off.png) no-repeat;}
.card_reportlist_wrap .dashdesk .btn_month.next_month {padding-right:22px; background:url(/pconts/images/contents/mypage/month_next_on.png) no-repeat right;}
.card_reportlist_wrap .dashdesk .btn_month.next_month.off {color:#999; background:url(/pconts/images/contents/mypage/month_next_off.png) no-repeat right;}
.card_reportlist_wrap .dashdesk .this_month {display:inline-block; position:relative; padding-right:22px; margin-right:5px; font-size:inherit; color:#111; font-weight:700; line-height:30px;}
.card_reportlist_wrap .dashdesk .this_month span{border-bottom:1px solid #111;}
.card_reportlist_wrap .dashdesk .this_month:after {display:block; position:absolute; top:50%; right:7px; width:9px; height:6px; margin-top:-4px; background:url(/pconts/images/contents/mypage/month_sel.png) no-repeat; content:"";}
.card_reportlist_wrap .dashdesk dl {display:block;}
.card_reportlist_wrap .dashdesk dt {display:block; position:relative; margin:0 0 9px 0; padding:0; font-size:20px; font-weight:700; text-align:center; color:#333;}
.card_reportlist_wrap .dashdesk dd {display:block; position:relative; margin:0; padding:0; font-size:42px; font-weight:400; line-height:46px; color:#333; text-align:center;}
.card_reportlist_wrap .dashdesk dd span {font-weight:900; font-size:46px;}
.card_reportlist_wrap .dashdesk dd.payinfo {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:280px; margin:0 auto; padding:0;}
.card_reportlist_wrap .dashdesk dd.payinfo p {flex:1; display:inline-block; position:relative; font-size:13px; text-align:center;}
.card_reportlist_wrap .dashdesk dd.payinfo p span {color:#333; font-size:13px;}
.card_reportlist_wrap .dashdesk .single_payinfo {display:table; position:relative; margin:0 auto; padding:8px 0 0 0;}
.card_reportlist_wrap .dashdesk .single_payinfo dl {float:left; display:table; position:relative; margin:0; padding:0;}
.card_reportlist_wrap .dashdesk .single_payinfo dl + dl {margin-left:20px;}
.card_reportlist_wrap .dashdesk .single_payinfo dl dt {float:left; display:inline-block; position:relative; margin:0 5px 0 0; padding:0; font-size:13px; color:#111;}
.card_reportlist_wrap .dashdesk .single_payinfo dl dd {float:left; display:inline-block; position:relative; margin:0; padding:0; font-size:13px; color:#333; line-height:inherit;}

.card_reportlist_wrap .dashdesk.interval60 {padding-top:60px; padding-bottom:60px;}

.card_reportlist_wrap .dashdesk_detail {display:table !important; position:relative; margin:0 auto; padding:25px 0 40px 0; border-top:solid #ddd 1px;}
.card_reportlist_wrap .dashdesk_detail .inner_wrap {display:table; width:100%;}
.card_reportlist_wrap .dashdesk_detail .check_card_use {display:table;}
.card_reportlist_wrap .dashdesk_detail .check_card_use .inner_wrap {width:initial; float:left;}
.card_reportlist_wrap .dashdesk_detail .inner_wrap .sub_title6 {padding-left:20px; margin-bottom:20px;}
.card_reportlist_wrap .dashdesk_detail dl {float:left; display:block; position:relative; margin:0; padding:0;}
.card_reportlist_wrap .dashdesk_detail dl:last-child {margin-right:20px;}
.card_reportlist_wrap .dashdesk_detail dl + dl {margin-left:20px;}
.card_reportlist_wrap .dashdesk_detail dt {display:block; position:relative; margin:0; padding:0 0 0 20px; color:#111;}
.card_reportlist_wrap .dashdesk_detail dd {display:block; position:relative; margin:0; padding:0 0 0 20px; color:#333; font-size:20px;}
.card_reportlist_wrap .dashdesk_detail dd span {font-weight:700;}
.card_reportlist_wrap .dashdesk_detail .payday {display:table; position:relative; width:100%; margin:20px 0 0 0; padding:16px 0 14px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px; min-width:345px;}

.dashdesk_detail .payday ul {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0 20px;}
.dashdesk_detail .payday li {flex:1;}
.dashdesk_detail .payday dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0 20px; border-top:none;}
.dashdesk_detail .payday dt {flex:1; padding-left:0;}
.dashdesk_detail .payday dd {flex:1; text-align:right; font-size:16px;}

.card_reportlist_wrap .swiper-button-prev {position:absolute; top:55px; left:0; width:auto; height:32px; margin-top:0; padding-left:22px; background:url(/pconts/images/contents/mypage/month_prev_on.png) no-repeat 0 50%; font-size:16px; color:#111;}
.card_reportlist_wrap .swiper-button-next {position:absolute; top:55px; right:0; width:auto; height:32px; margin-top:0; padding-right:22px; background:url(/pconts/images/contents/mypage/month_next_on.png) no-repeat 100% 50%; font-size:16px; color:#111;}
.card_reportlist_wrap [class^="swiper-button-"]:disabled {opacity:.5;}

.card_reportlist_wrap .dashdesk_nextpay {display:block; position:relative; width:500px; margin:0 auto 40px auto ; padding:0 0 40px 0;}
.card_reportlist_wrap .dashdesk_nextpay dl {padding:20px 0; border-top:solid #ddd 1px;  border-bottom:solid #ddd 1px;}
.card_reportlist_wrap .dashdesk_nextpay .accordion_body + .accordion_header {border-top:solid #ddd 1px; padding:20px 0 0 0; margin:20px 0 0 0;}
.card_reportlist_wrap .dashdesk_nextpay .accordion_body {padding:10px 0 0 20px;}
.card_reportlist_wrap .dashdesk_nextpay .toggle_btn .title {font-size:16px; top:3px; padding-left:20px;}
.card_reportlist_wrap .dashdesk_nextpay .toggle_btn .total {font-size:20px; font-weight:700; text-align:right; padding-right:31px;}
.card_reportlist_wrap .dashdesk_nextpay .toggle_btn .total::after {content:''; display:block; position:absolute; right:10px; top:calc(50% - 3px); width:0; height:0; border-bottom:solid #333 6px; border-left:solid transparent 6px; transform:rotate(225deg);}
.card_reportlist_wrap .dashdesk_nextpay .toggle_btn.on .total::after {transform:rotate(45deg); top:calc(50% - 6px);}
.card_reportlist_wrap .dashdesk_nextpay .each_detail {display:block; position:relative; margin:0; padding:0;}
.card_reportlist_wrap .dashdesk_nextpay .each_detail dl {display:-webkit-flex; display:-ms-flexbox; display:flex; border:none; padding:10px 33px 0 30px; position:relative;}
.card_reportlist_wrap .dashdesk_nextpay .each_detail dl dt {flex:1; position:relative; padding-left:10px; font-size:15px; color:#111;}
.card_reportlist_wrap .dashdesk_nextpay .each_detail dl dt::after {content:''; display:block; position:absolute; left:0; top:calc(50% - 1px); width:4px; height:1px; background:#666;}
.card_reportlist_wrap .dashdesk_nextpay .each_detail dl dd {flex:1; text-align:right;}
.dashdesk_nextpay .payday {display:table; position:relative; width:100%; margin:0; padding:16px 0 14px 0; border-bottom:solid #ddd 1px;}
.dashdesk_nextpay .payday dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0 20px; border:none;}
.dashdesk_nextpay .payday dt {flex:1;}
.dashdesk_nextpay .payday dd {flex:1; text-align:right; padding-right:13px;}

.multicard_user_wrap.opend::before {background-color:#f2f4f8; background-color:rgba(242, 244, 248, 1.0);}
.multicard_user_wrap::after {content:''; display:block; position:absolute; z-index:0; left:calc(-50vw + 50%); top:44px; width:100vw; height:1px; border-top:solid #eee 1px;}
.multicard_user_wrap .mu_card_info {display:table; position:relative; height:45px; margin:0; padding:0;}
.multicard_user_wrap .mu_card_info dl {display:table-cell; position:relative; vertical-align:middle; font-size:16px;}
.multicard_user_wrap .mu_card_info dt {float:left; display:inline-block; position:relative; padding:0 17px 0 0; color:#111; top:1px;}
.multicard_user_wrap .mu_card_info dt::after {content:''; display:block; position:absolute; right:8px; top:calc(50% - 7px); height:14px; border-right:solid #ddd 1px;}
.multicard_user_wrap .mu_card_info dd {float:left; display:inline-block; position:relative; color:#333; font-weight:700;}
.multicard_user_wrap .mu_card_info dd span.rep {display:inline-block; position:relative; height:20px; padding:0 10px; border:solid #999 1px; border-radius:10px; font-size:13px; line-height:20px;color:#111;}
.multicard_user_wrap .mu_card_info dd label {cursor:pointer;}
.multicard_user_wrap .mu_card_info dd button {display:inline-block; position:relative; width:12px; height:7px; margin:0; padding:0; font-size:1px; color:transparent; background:url(/pconts/images/common/select_bg.png) no-repeat 50%; background-size:cover; overflow:hidden;}
.multicard_user_wrap.opend .mu_card_info dd button {transform:rotate(180deg)}

.mu_card_wrap {display:block; position:relative; margin:0 auto; padding:0}
.multicard_user_wrap.opend .mu_card_wrap {display:block; width:100%}
.mu_card_list {display:block; position:relative; margin:0 auto; padding:0;}
.mu_card_list .swiper-container .swiper-wrapper {margin:0 auto;}
.mu_card_list .swiper-container .swiper-wrapper.col05 {width:835px}
.mu_card_list .swiper-container .swiper-wrapper.col04 {width:666px}
.mu_card_list .swiper-container .swiper-wrapper.col03 {width:497px}
.mu_card_list .swiper-container .swiper-wrapper.col02 {width:328px}
.mu_card_list .swiper-container .swiper-wrapper.col01 {width:159px}
.card_reportlist_wrap .dashdesk.swiper-slide  {padding:60px 0 30px 0;}
.mu_card_list.min_length .mucP, .mu_card_list.min_length .mucN {display:none;}
.mu_card_wrap .tooltip.noneselect {position:absolute; left:calc(50% - 84px); top:8px; z-index:9;}

.period_flex.current {display:flex !important; position: relative; flex-direction:row-reverse; flex-wrap: wrap}
/* .period_flex .radio_wrap, .period_flex .input_wrap {flex:1} */
.period_flex .radio_wrap + .input_wrap {margin-right:8px;}

/* 이용대금 명세서 2019.12 */
.listofbills_wrap {display:block; position:relative; width:730px; margin:0 auto; padding:0;}
.listofbills_wrap dl.single_sum {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0 10px;}
.listofbills_wrap dl.single_sum dt {flex:2; display:inline-block; position:relative; margin:0; padding:0; font-size:20px; color:#333; font-weight:700;}
.listofbills_wrap dl.single_sum dd {flex:1; display:inline-block; position:relative; margin:0; padding:0; font-size:24px; color:#333; font-weight:400; text-align:right;}
.listofbills_wrap dl.single_sum dd span {font-size:26px; color:#333; font-weight:700;}


.statement_list {display:table; position:relative; width:100%; margin:0; padding:0;}
.statement_list .period_title {display:block; position:relative; margin:0; padding:0 10px 8px 10px; font-size:18px; color:#333; font-weight:700; border-bottom:solid #666 1px;}
.statement_list .statement {display:table; position:relative; width:100%; margin:0; padding:14px 0 16px 0; border-top:solid #ddd 1px}
.statement dl {float:left; display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:calc(50% - 30px); padding:0 10px;}
.statement dl.even {margin-left:60px !important;}
.statement dl dt {flex:1.5; display:block; position:relative; margin:0; line-height:27px;}
.statement dl dd {cursor:pointer; flex:1; display:block; position:relative; margin:0; font-size:17px; color:#333; font-weight:400; text-align:right}
.statement.this_month dl dd{padding-right:20px;}
.statement.this_month dl dd:after {content:'';display:block;position:absolute;top:8px;right:3px;width:9px;height:9px;border:1px solid #333;border-right:0;border-bottom:0;transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);}
.statement dl dd a {display:block;}
.statement dl dd span {font-size:18px; color:#333; font-weight:700;}
.statement dl:last-child {margin-bottom:40px;}
.period_title + .statement {border-top:none;}
.statement dl.totalpvc {overflow:hidden; float:none; clear:both; display:block; width:100%; padding:14px 0 0;}
.statement dl.totalpvc:before{content:""; display:block; width:100%; height:1px; background:#ddd;}
.statement dl.totalpvc dt{float:left; padding-left:10px; line-height:50px;}
.statement dl.totalpvc dd{float:right; padding-right:10px; line-height:40px;}
.statement dl.totalpvc dd:after{display:none;}

.statementfull {float:left; display:block; position:relative; width:calc(50% - 30px); margin:0; padding:16px 10px; border-top:solid #ddd 1px;}
.statementfull dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0; justify-content:space-between;}
.statementfull dl dt {position:relative; margin:0; padding:2px 0 0 0;}
.statementfull dl dd {position:relative; margin:0; padding:0; text-align:right}
.statementfull dl dd a {display:block;}
.statementfull dl.total dt {font-size:15px; color:#333; font-weight:700;}
.statementfull dl.total dd {padding-right:15px; font-size:17px; color:#333; font-weight:400;}
.statementfull dl.total dd{cursor:pointer;}
.statementfull dl.total dd span {font-size:18px; font-weight:700;}
.statementfull + .statementfull {margin-left:0px;}
.statementfull:last-child {margin-bottom:60px; border-bottom:solid #ddd 1px;}
.statementfull.even {margin-left:60px;}
.statementfull .cont {display:block; position:relative; margin:0; padding:0;}
.statementfull .cont dl dt {font-size:15px; color:#111;}
.statementfull .cont dl dd {font-size:15px; color:#111;}
.statementfull .cont dl dd span {font-weight:700;}
.statementfull .cont dl + dl {margin-top:5px;}
.statementfull dl.total + .cont {margin-top:8px;}
.statementfull .total dd:after {content:'';display:block;position:absolute;top:8px;right:3px;width:9px;height:9px;border:1px solid #333;border-right:0;border-bottom:0;transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);}

.single_sum + .statement_list {margin-top:32px;}
.statement_list + .statement_list {margin-top:22px;}


.mu_card_list .mu_list {display:block; padding:20px 75px 30px 75px; margin:-20px 0 0 0; overflow:hidden;}
.mu_card_list .mu_list::before {content:''; display:block; position:absolute; width:75px; height:232px; left:0; top:0; background-image:linear-gradient(to right, rgba(242, 244, 248, 1.0) 70%, rgba(242, 244, 248, 0)); z-index:11;}
.mu_card_list .mu_list::after {content:''; display:block; position:absolute; width:75px; height:232px; right:0; top:0; background-image:linear-gradient(to left, rgba(242, 244, 248, 1.0) 70%, rgba(242, 244, 248, 0)); z-index:11;}
.mu_card_list .mu_item {position:relative; float:left; width:170px; height:190px; margin:0; padding:0; background-color:#FFF; border-radius:6px; z-index:10;}
.mu_card_list .mu_item + .mu_item {margin-left:8px;}
.mu_card_list .mu_item::before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:6px; z-index:1; box-shadow:0 0 30px rgba(0,0,0,0.2);}
.mu_card_list .mu_item input[type=radio] {display:inline-block; position:absolute; z-index:1; left:0; top:0; opacity:0.1; width:100%; height:100%; margin:0; border-radius:6px;}
.mu_card_list .mu_item dl {display:block; position:relative; z-index:2; width:100%; height:100%; margin:0; padding:14px; border-radius:6px; border:solid #FFF 1px;}
.mu_card_list .mu_item input[type=radio]:checked + dl {border-color:#4766dd; transition:all 0.2s ease;}
.mu_card_list .mu_item input[type=radio]:checked:focus + dl {box-shadow:0 0 0 2px rgba(71,102,221,0.5);}
.mu_card_list .mu_item dt {display:block; position:relative; margin:0 0 5px 0; padding:3px 0 0 0;font-size:13px; color:#111; }
.mu_card_list .mu_item dt span.rep {display:inline-block; position:absolute; left:0; top:0; height:20px; padding:0 10px; border:solid #999 1px; border-radius:10px; font-size:13px; line-height:20px;color:#111;}
.mu_card_list .mu_item dd {display:block; position:relative; margin:0; padding:0;}
.mu_card_list .mu_item dd.date {font-size:20px;font-weight:700;color:#333; line-height:23px;}
.mu_card_list .mu_item dd.date + .name {margin-top:3px;}
.mu_card_list .mu_item dd.total {position:absolute; width:100%; padding-right:15px; left:0; bottom:15px; font-size:20px; text-align:right; color:#333;}
.mu_card_list .mu_item dd.total span {font-weight:700;}
.mu_card_list .mu_item .name,
.mu_card_list .mu_item .pay_date,
.mu_card_list .mu_item .date_tit {font-size:13px;}
.mu_card_list .mu_item.mu_pay dd.date {font-size:16px; font-weight:700; color:#333; padding-top:12px;}
.mu_card_list .mu_item.sc_flag span.flag {display:inline-block; position:absolute; right:15px; top:15px; height:20px; line-height: 20px; margin:0; padding:0 7px; border:solid #666 1px; border-radius:10px; font-size:13px; color:#111;}
.mu_card_list .mucN {display:none; position:absolute; right:0px; top:calc(50% - 16px); width:auto; height:32px; margin-top:0; padding-right:22px; background:url(/pconts/images/common/swiper_arrow_next.png) no-repeat 50%; z-index:10;}
.mu_card_list .mucP {display:none; position:absolute; left:0px; top:calc(50% - 16px); width:auto; height:32px; margin-top:0; padding-left:22px; background:url(/pconts/images/common/swiper_arrow_prev.png) no-repeat 50%;z-index:10;}

.select_month_wrap {display:none; position:absolute; left:calc(50% - 210px); top:95px; width:330px; padding:20px; background-color:#FFF; box-shadow:2px -2px 40px rgba(0, 0, 0, 0.2); border-radius:6px; z-index:10;}
.select_month_wrap::before {content:''; display:block; position:absolute; left:calc(50% - 3px); top:-3px; width:0; height:0; border-left:solid transparent 7px; border-bottom:solid #FFF 7px; transform:rotate(225deg);}
.select_month_wrap .year {display:block; position:relative; margin:0 0 2px 0; padding:0; font-size:16px; color:#333; font-weight:700; text-align:left;}
.select_month_wrap .month_wrap {display:table; position:relative; margin:0; padding:0; width:100%;}
.select_month_wrap .month_wrap input[type="radio"] {width:92px;}
.select_month_wrap .radio_wrap .radio_btn {float:left; width:31.7%; margin-left:0; margin-bottom:7px;}
.select_month_wrap .radio_wrap .radio_btn span {font-size:16px; font-weight:400;}
.select_month_wrap .radio_wrap .radio_btn + .radio_btn {margin-left:7px;}
.select_month_wrap .radio_wrap .radio_btn + .radio_btn:nth-child(3n+1) {margin-left:0;}
.select_month_wrap .month_wrap + .year {margin-top:23px;}
.select_month_wrap .year_warp + .btn_wrap {margin-top:23px;}
.select_month_wrap .year_warp + .btn_wrap .btn {width:100%;}
.select_month_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2}

.reportlist_filter_wrap .tooltip {position:absolute; right:0; top:48px; z-index:9;}
.reportlist_filter_wrap .tooltip::before {top:-6px;left:92%;bottom:0;transform:rotate(180deg);}

/* 추천영역 */
.recom_desk_wrap {display:block;position:relative;margin:0;padding:0;}
ul.recomdesk_ul {display:table;position:relative;width:100%;margin:0;padding:0;}
ul.recomdesk_ul li {display:table-cell;position:relative;margin:0;padding:0 10px 32px 0;color:#111;box-sizing:border-box;}
ul.recomdesk_ul.ingap0_30 li {padding:0 30px;}
ul.recomdesk_ul.ingap0_30 li:first-child {padding-left:0;}
ul.recomdesk_ul li + li {border-left:solid #ddd 1px; padding-left:25px;}
ul.recomdesk_ul.col02 li {width:50%;}
ul.recomdesk_ul.col03 li {width:33.33%;}
ul.recomdesk_ul .title {display:block;position:relative;margin:0 0 10px 0;padding:0;font-size:20px;color:#333;font-weight:700;line-height:30px;}
ul.recomdesk_ul .message {display:block;position:relative;margin:0;padding:0;}
ul.recomdesk_ul .bottom_textbtn .text_btn {position:absolute;bottom:0;left:0;}
ul.recomdesk_ul li + li .bottom_textbtn .text_btn {left:25px;}

.recom_financial {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0; flex-wrap:wrap}
.recom_financial .product {display:block; position:relative; width:calc(50% - 30px); margin:0 0 40px 0; padding:0 110px 0 0;}
.recom_financial .product:nth-child(even) {margin-left:60px;}
.recom_financial .product .btn_link{position:absolute; right:0; top:0; min-width:50px;}


.checkcard_point {margin-top:60px;}

/* report_usage_detail */
/* usage_list */

.mobile_total + .list_more {margin-top:40px;}
.btn_print.card_reportlist + .btn_print.card_reportlist {margin-left:5px;}
.btn_wrap.discount_benefit {margin-top:20px;margin-bottom:41px;}

.payment_detail {display:block;position:relative; margin:0; padding:28px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.payment_detail dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin:0; padding:0 0 0 10px;}
.payment_detail dt {display:block; position:relative; margin:0 0 12px 0; padding:0; color:#111;}
.payment_detail dd {display:block; position:relative; margin:0; padding:0; color:#333; font-size:16px; font-weight:700;}
.payment_detail dd .text_btn.arrow {display:table; margin-top:10px; font-size:15px;}
.payment_detail.left_padding60 dl.flex_item {padding-left:60px;}
.payment_detail .period {flex:2;}
.payment_detail .bank {flex:2.4;}
.payment_detail .date {flex:1;}
.payment_detail .flex_item dd .text_link {display:table;}
.payment_detail i.br {font-style:normal;}
.payment_detail.checkcard_pd i.br {font-style: normal; display:block;}
.payment_detail.checkcard_pd .period {flex:1.5;}
.payment_detail.checkcard_pd .bank {flex:2.4;}
.payment_detail.checkcard_pd .date {flex:1;}
.payment_detail.nextpay .bank{flex:2;}
.payment_detail.nextpay .date {flex:1;}
.payment_detail .next_month_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:450px; margin:0 auto; padding:0;}

.paydetail_pop {display:block; position:relative; margin:0; padding:0;}
.paydetail_pop .pd_group {display:block; position:relative; margin:0; padding:0; border-top:solid #ddd 1px;}
.paydetail_pop .pd_group + .pd_group { border-top:none;}
.paydetail_pop .pd_group .title {display:block; position:relative; margin:0; padding:16px 0; font-size:16px; color:#333; font-weight:700; text-align:center;}
.paydetail_pop .pd_group .flexbox_dl dt {flex:1; padding-left:10px;}
.paydetail_pop .pd_group .flexbox_dl dd {flex:1.8;}

.btn_check_wrap .btn_check {display:inline-block; position:relative; height:26px; padding-right:16px; font-size:15px; color:#333; line-height:26px;}
.btn_check_wrap .btn_check.ico01 {padding-left:37px; background:url(/pconts/images/contents/mypage/report_icon_01.png) no-repeat left; background-size: 31px 25.5px;}
.btn_check_wrap .btn_check.ico02 {padding-left:37px; background:url(/pconts/images/contents/mypage/report_icon_02.png) no-repeat left; background-size: 30px 25.3px;}
.btn_check_wrap .btn_check.ico03 {padding-left:35px; background:url(/pconts/images/contents/mypage/report_icon_03.png) no-repeat left; background-size: 29px 26.1px;}
.btn_check_wrap .btn_check + .btn_check {margin-left:15px;}
.btn_check_wrap .btn_check.check_basic {padding-left:36px; background:url(/pconts/images/contents/mypage/ico_check_basic.png) no-repeat left;}
.btn_check_wrap + .btn_pay {margin-top:39px;}

.btn_check_wrap + .report_recome {margin-top:30px;}
.report_recome {display:block; position:relative; margin:0; padding:0; text-align:center;}
.report_recome .btn_wrap {display:inline-block;}


/* 이용대금명세서 */
.card_usage_wrap {display:block; position:relative; margin:0; padding:0;}
.card_usage_wrap .card_usage_list {display:block; position:relative; padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #eee;}
.card_usage_wrap .card_usage_list li {display:block; position:relative; margin:0; padding:0;}
.card_usage_wrap .card_usage_list li:after {display:block; clear:both; content:"";}
.card_usage_wrap .card_usage_list li .usage_item {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; padding:0 10px; flex-wrap: wrap; height:inherit; justify-content:space-between;}
.card_usage_wrap .card_usage_list li .left_con {display:block; position:relative; flex:1;}
.card_usage_wrap .card_usage_list li .right_con {display:block; position:relative; height:100%; margin:0; padding:0;}
.card_usage_wrap .card_usage_list .card_info {display:block; width:100%; padding:10px 0px;}
.card_usage_wrap .card_usage_list .card_info strong {display:block; position:relative; font-size:16px; color:#333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;text-align:left;}
.card_usage_wrap .card_usage_list .card_info p {margin-top:2px; color:#111;text-align:left;}
.card_usage_wrap .card_usage_list .card_info .card {display:inline-block; position:relative; padding-left:40px;}
.card_usage_wrap .card_usage_list .card_info .card::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 13px); width:40px; height:25px; background-repeat:no-repeat; background-position:50%; background-size:100% auto;}
.card_usage_wrap .card_usage_list .card_info .card.ct01::before {background-image:url(/pconts/images/contents/mypage/img_card_k01.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct02::before {background-image:url(/pconts/images/contents/mypage/img_card_k02.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct03::before {background-image:url(/pconts/images/contents/mypage/img_card_k03.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct04::before {background-image:url(/pconts/images/contents/mypage/img_card_k04.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct05::before {background-image:url(/pconts/images/contents/mypage/img_card_k05.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct06::before {background-image:url(/pconts/images/contents/mypage/img_card_k06.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct07::before {background-image:url(/pconts/images/contents/mypage/img_card_k07.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct08::before {background-image:url(/pconts/images/contents/mypage/img_card_k08.png);}
.card_usage_wrap .card_usage_list .card_info .card.ct09::before {background-image:url(/pconts/images/contents/mypage/img_card_k09.png);}
.card_usage_wrap .card_usage_list .price {display:table-cell; position:relative; margin:0; padding:0 40px 0 0; font-size:20px; text-align:right; vertical-align:middle;}
.card_usage_wrap .card_usage_list .price::after {content:''; display:block; position:absolute; right:3px; top:calc(50% - 6px); width:12px; height:12px; margin:0; padding:0; border-bottom:solid #9c9c9c 1px; border-right:solid #9c9c9c 1px; transform:rotate(-45deg);}
.card_usage_wrap .card_usage_list .price strong {color:#333;}

.tooltip.cardbill {position:absolute; left:calc(50% - 154px); top:18px; z-index:9;}

.check_banner_swiper {/*height:151px;*/ margin-top:40px; margin-bottom:40px;}
.check_banner_swiper .swiper-container {height:100%; padding:0 0 30px;}
.check_banner_swiper .swiper-container .banner_img {display:block; width:100%; /*height:120px;*/ margin:auto;}
.check_banner_swiper .paging_nav_wrap {display:block; height:15px; position:absolute; bottom:0; right:0; z-index:10;}
.check_banner_swiper .page_no {display:inline-block; font-size:12px; font-weight:900; vertical-align:3px;}
.check_banner_swiper .page_no .tot {color:#c2c2c2;}
.check_banner_swiper .swiper-pagination.swiper-pagination-bullets {display:none;}
.check_banner_swiper .paging_nav_wrap .nav-button-prev {display:inline-block; width:26px; height:15px; background:url(/pconts/images/contents/mypage/nav_prev.png) no-repeat center;}
.check_banner_swiper .paging_nav_wrap .nav-button-next {display:inline-block; width:26px; height:15px; background:url(/pconts/images/contents/mypage/nav_next.png) no-repeat center;}
.check_banner_swiper .banner_img img {max-width:100%;}
.check_banner_swiper .banner_img.pc {display:block;}
.check_banner_swiper .banner_img.mobile {display:none;}

.benefit_wrap .flex_item dd {font-size:20px; color:#333; font-weight:400;}
.benefit_wrap .flex_item dd span {font-weight:700;}

.bottom_guide .marker_title {margin:12px 0 3px;}
.bottom_guide + .btn_pay {margin:40px 0 0;}

.stat_graph {margin:60px 0 0;}
.stat_graph .swiper-container {max-width:840px; margin:0 auto;}
.stat_graph .item {position:relative; max-width:680px; margin:0 auto; padding:0 15px; text-align:center;}
.stat_graph .item .txt_note {display:block; margin:0 0 25px; font-size:13px; line-height:1; color:#111; text-align:right;}
.stat_graph .item .img_graph img {max-width:100%;} /* 임시 */
.stat_graph .item .btn_minimum_wrap {margin:30px 0 0;}
.stat_graph .btn_wrap {margin:40px 0 0;}
.stat_graph .swiper-button-prev {position:absolute; top:50%; left:10px; width:22px; height:32px; margin-top:0; background:url(/pconts/images/contents/mypage/month_prev_on.png) no-repeat 50% 50%; transform:translateY(-50%);}
.stat_graph .swiper-button-next {position:absolute; top:50%; right:10px; width:22px; height:32px; margin-top:0; background:url(/pconts/images/contents/mypage/month_next_on.png) no-repeat 50% 50%; transform:translateY(-50%);}
.stat_graph + .bottom_guide {margin-top:60px;}

.cardbill_benifit {display:block; position:relative; margin:0; padding:0;}
.cardbill_benifit .h_wrap .total_benifit {float:right; display:table; position:relative; height:100%; margin:0; padding:0; font-size:20px; color:#333; top:3px;}
.cardbill_benifit .h_wrap .total_benifit span {font-weight:700;}
.cardbill_benifit .detail_info {display:block; position:relative; margin:0; padding:17px 10px 14px 10px; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.cardbill_benifit .detail_info li {display:block; position:relative; margin:0; padding:0;}
.cardbill_benifit .detail_info li + li {margin-top:3px;}
.cardbill_benifit .detail_info li.no_data {padding:20px 0; color:#111; text-align:center;}
.cardbill_benifit .detail_info li dl{display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0;}
.cardbill_benifit .detail_info li dl dt {flex:2; display:block; position:relative; margin:0; padding:3px 0 0 0;}
.cardbill_benifit .detail_info li dl dd {flex:1; display:block; position:relative; margin:0; padding:0; text-align:right}
.cardbill_benifit .detail_info .thumb dt {font-size:15px; color:#333; font-weight:700;}
.cardbill_benifit .detail_info .thumb dd {font-size:18px; color:#333;}
.cardbill_benifit .detail_info .thumb dd span {font-weight:700;}
.cardbill_benifit .detail_info .semi_list {display:block; position:relative; margin:0 0 10px 0; padding:0;}
.cardbill_benifit .detail_info .semi_list::before {display:none; position:absolute; left:2px; top:10px; width:8px; height:8px; border-bottom:solid #666 1px; border-left:solid #666 1px;}
.cardbill_benifit .detail_info .semi_list dt, .cardbill_benifit .detail_info .semi_list dd {font-size:13px; color:#111;}
.cardbill_benifit .detail_info .semi_list dl + dl {margin-top:0px;}
.cardbill_benifit .detail_info .semi_list dd.no_data {text-align:left;}
.cardbill_benifit .detail_info li:last-child .semi_list {margin-bottom:0px;}
.cardbill_benifit .detail_info .semi_list .view {display:inline-block; position:relative; margin:0; padding:0 8px 0 0; font-size:13px; color:#4868e1;}
.cardbill_benifit .detail_info .semi_list .view::after{content:'';display:block;position:absolute;top:5px;right:0px; width:6px;height:6px;border:1px solid #4868e1;border-right:0;border-bottom:0;transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);}


/* 카드이용내역 검색 필터 */
.card_filter {display:block; position:relative; margin:0; padding:0;}
.card_filter_item + .card_filter_item {margin-top:38px;}
.card_filter_head {position:relative; margin:0 0 18px;}
.card_filter_title {display:inline-block; font-weight:700; font-size:24px; line-height:26px; color:#111;}
/* .card_filter_body .radio_wrap:not(.type_flex) {margin:-4px 0 0 -4px;}
.card_filter_body .radio_wrap:not(.type_flex) .text_tip {margin:0 0 0 4px;} */
.card_filter_body .radio_wrap .radio_type2 {margin:4px;}
.card_filter_body .radio_wrap.type_flex {margin-bottom:8px;}
.carduser_box .radio_tab_wrap {margin-bottom:8px;}
.radio_wrap.month_select {display:block; position:relative; margin:0; padding:15px 0 0 0;}
.radio_wrap.month_select .year {display:block; position:relative; margin:0; padding:0;}
.radio_wrap.month_select .year dt {display:block; position:relative; margin:0; padding:0; font-size:16px; color:#333; font-weight:700;}
.radio_wrap.month_select .year dd, .radio_wrap.month_select .year .month_sel {display:block; position:relative; margin:0; padding:0;}
.radio_wrap.month_select .year + dl.year {margin-top:10px;}
.card_filter_item + .fix_height {display:block; position:relative; margin-top:38px; height:220px;}
.card_filter_item + .fix_height .dim {display:none;}
.card_filter_item + .fix_height.on .dim {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#FFF; opacity:0.5; z-index:10;}

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

/* 카드이용내역 상세 */

/* 20.02.11 카드영수증 최대 높이 80%로 오수하요청 */
.pop_wrap .popup.pop_card_statement {overflow:initial !important; max-height:80%;}
.pop_card_statement::after {content:''; position:absolute; bottom:-7px; left:0; z-index:1; width:100%; height:8px; background:url(/pconts/images/contents/mypage/bg_statement.png) repeat-x 0 0;background-size:7px;}
.pop_card_statement .pop_cont {padding-bottom:30px;}
.pop_card_statement .btn_print_down button {display:inline-block; position:relative; min-width:63px; height:28px; padding:0 10px; border:solid #bbb 1px; border-radius:3px; background:#FFF; font-weight:400; font-size:13px; line-height:26px;}
.pop_card_statement .btn_print_down .print::before {content:''; display:inline-block; position:relative; width:16px; height:14px; margin-right:6px;background:url(/pconts/images/icon/ico_print02.png) no-repeat 50% 50%; vertical-align:-3px; left:initial; top:initial;}
.pop_card_statement .btn_print_down button span {font-size:13px; padding-left:0; color:#111;}

.card_statement_receipt .receipt_head {padding:0 0 20px;}
.card_statement_receipt .receipt_head .card_statement_title {display:block; margin:0 0 12px; font-weight:700; font-size:20px; color:#111;}
.card_statement_receipt .receipt_head .lower {position:relative;}
.card_statement_receipt .receipt_head .lower:after {content:''; display:block; clear:both;}
.card_statement_receipt .receipt_head .lower .card_name,
.card_statement_receipt .receipt_head .lower .user,
.card_statement_receipt .receipt_head .lower .date {display:block; position:relative; float:left; font-size:15px; line-height:18px; color:#111;}
.card_statement_receipt .receipt_head .lower .date {padding:0 20px 0 0;}
.card_statement_receipt .receipt_head .lower .date:before {content:''; display:block; position:absolute; top:2px; right:9px; width:1px; height:13px; background-color:#e6e6e6;}
.card_statement_receipt .receipt_head .lower.blocking {display:block; position:relative; width:100%; margin:0; padding:0;}
.card_statement_receipt .receipt_head .lower.blocking .date {float:initial; display:block; position:relative; padding-right:0; margin-bottom:8px;}
.card_statement_receipt .receipt_head .lower.blocking .date::before {display:none;}
.card_statement_receipt .receipt_head .lower .cardinformation{display:table; position:relative; width:100%;}
.card_statement_receipt .receipt_head .lower .cardinformation .card_name::after {display:none;}
.card_statement_receipt .receipt_head .lower .user {margin:0 3px 0 0;}
.card_statement_receipt .receipt_head .lower .card_name {display:block; position:relative; float:left; padding:0 20px 0 32px; font-size:15px; line-height:18px; color:#111; top:-1px;}
.card_statement_receipt .receipt_head .lower .card_name:before {content:''; display:block; position:absolute; left:0; top:calc(50% - 13px); width:30px; height:25px; background-repeat:no-repeat; background-position:50%; background-size:100% auto;}
.card_statement_receipt .receipt_head .lower .card_name.ct01::before {background-image:url(/pconts/images/contents/mypage/img_card_k01.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct02::before {background-image:url(/pconts/images/contents/mypage/img_card_k02.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct03::before {background-image:url(/pconts/images/contents/mypage/img_card_k03.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct04::before {background-image:url(/pconts/images/contents/mypage/img_card_k04.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct05::before {background-image:url(/pconts/images/contents/mypage/img_card_k05.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct06::before {background-image:url(/pconts/images/contents/mypage/img_card_k06.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct07::before {background-image:url(/pconts/images/contents/mypage/img_card_k07.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct08::before {background-image:url(/pconts/images/contents/mypage/img_card_k08.png);}
.card_statement_receipt .receipt_head .lower .card_name.ct09::before {background-image:url(/pconts/images/contents/mypage/img_card_k09.png);}
.card_statement_receipt .receipt_head .lower .card_name:after {content:''; display:block; position:absolute; top:2px; right:9px; width:1px; height:13px; background-color:#e6e6e6;}
.card_statement_receipt .receipt_head .lower .card_usingForm {float:left; font-size:15px; line-height:18px; color:#111;}

.card_statement_receipt .receipt_head .traffic_title {display:block; position:relative; min-height:42px; margin:0; padding:0 0 0 58px; background:url(/pconts/images/contents/mypage/receipt_hipass.png) no-repeat left top;}
.card_statement_receipt .receipt_head .traffic_title dt {display:block; position:relative; margin:0; padding:16px 0 0 0; font-size:20px; color:#111; font-weight:700;}
.card_statement_receipt .receipt_head .traffic_title dd {display:block; position:absolute; left:58px; top:0;}
.card_statement_receipt .receipt_head .usage_transport {padding-bottom:0;}
.card_statement_receipt .receipt_head .usage_transport .location_info .date {padding-left:0; display:block;}

.card_statement_receipt .receipt_body table .col1 {width:35%;}
.card_statement_receipt .receipt_body table .col2 {width:65%;}
.card_statement_receipt .receipt_body table tr.use_money th,
.card_statement_receipt .receipt_body table tr.use_money td {padding-top:12px; padding-bottom:12px; border-bottom:1px solid #ddd; vertical-align:middle;}
.card_statement_receipt .receipt_body table tr.use_money td {font-size:24px;}
.card_statement_receipt .receipt_body table tr.use_money + tr th,
.card_statement_receipt .receipt_body table tr.use_money + tr td {padding-top:20px;}
.card_statement_receipt .receipt_body table tr th,
.card_statement_receipt .receipt_body table tr td {padding-top:5px; padding-bottom:5px;}
.card_statement_receipt .receipt_body table tr td.benefit_area {padding-right:0; padding-left:0; padding-bottom:0;}
.card_statement_receipt .receipt_body table tr td.benefit_area .benefit_box {border-bottom:0;}
.card_statement_receipt .receipt_body .total {padding:17px 0}
.card_statement_receipt .receipt_body .total dl dt {align-self:center; padding-left:10px;}
.card_statement_receipt .receipt_body .total dl dd {font-size:24px; color:#333; font-weight:700;}
.card_statement_receipt .receipt_body .total.hipass dl dd {font-size:20px;}
.card_statement_receipt .receipt_body .detail dl + dl {margin-top:13px;}
.card_statement_receipt .receipt_body .detail dl dt {padding-left:10px; flex:1}
.card_statement_receipt .receipt_body .detail dl dd {flex:2}
.card_statement_receipt .receipt_body .detail .ico_card_logo {color:transparent; font-size:1;}
.card_statement_receipt .receipt_body .detail.oversea dl dt {flex:1}
.card_statement_receipt .receipt_body .detail.oversea dl dd {flex:1}

.card_statement_info .accordion_wrap .accordion_header .acc_btn {padding-left:10px;}
.card_statement_info .accordion_wrap .accordion_header .acc_btn::after {left:calc(100% - 20px);}
.card_statement_info .accordion_wrap .accordion_header a[role="button"].acc_btn {border-color:#ddd}
.card_statement_info .accordion_wrap.btm_line .accordion_header {border-bottom:solid #ddd 1px; margin-bottom:20px;}
.card_statement_info .accordion_wrap.btm_line .accordion_header.on {border-bottom:none; margin-bottom:0;}
.card_statement_info .accordion_wrap.btm_line {border-bottom:none;}
.flexbox_dl.store_info_bills {margin-bottom:20px;}
.flexbox_dl.store_info_bills dl + dl {margin-top:10px;}
.flexbox_dl.store_info_bills dl dt {padding-left:10px; flex:1;}
.flexbox_dl.store_info_bills dl dd {flex:2.1}
.card_statement_receipt .viewmap {display:block; position:relative; width:100%; min-height:150px; border:solid #ddd 1px; margin-bottom:20px; background-color:#f6f6f6;}

.card_statement_info {margin:40px 0 0;}
.card_statement .viewmap {display:block; position:relative; width:100%; min-height:150px; border:solid #ddd 1px; background-color:#f6f6f6;}

.benefit_box {position:relative; padding:15px 30px; border-bottom:1px solid #ddd; background-color:#f6f6f6;}
.benefit_box:before {content:''; display:block; position:absolute; top:18px; left:12px; width:8px; height:8px; border-bottom:1px solid #666; border-left:1px solid #666;}
.benefit_box:after {content:''; display:block; clear:both;}
.benefit_box dl {position:relative; float:left;}
.benefit_box dl dt,
.benefit_box dl dd {float:left; font-size:13px; color:#111}
.benefit_box dl dd {padding:0 0 0 5px;}
.benefit_box dl + dl {padding:0 0 0 20px;}
.benefit_box dl + dl:before {content:''; display:block; position:absolute; top:3px; left:9px; width:1px; height:12px; background-color:#e0e0e0;}

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

/* 카드이용내역 달력보기 */
.popup_type01.pop_calendar .pop_cont {padding:0;}
.popup_type01.pop_calendar .pop_cont .card_statement_list {padding:0 30px;}

/* 이용내역리스트 */
.usage_detail_list.accordion_wrap {margin:60px 0 0;}
.usage_detail_list.accordion_wrap + .btn_wrap {margin-top:40px;}
.usage_detail_list .accordion_header a[role="button"].acc_btn {padding-right:0; padding-left:0;}
.usage_detail_list .accordion_body .area {padding-right:0; padding-left:0;}
.usage_detail_list .accordion_header .acc_btn {position:relative;}
.usage_detail_list .accordion_header .acc_btn .title {display:inline-block; font-weight:700; font-size:16px; color:#333;}
.usage_detail_list .accordion_header .acc_btn .price {position:absolute; top:23px; right:10px; font-weight:700; font-size:16px; color:#333;}
.usage_detail_list .accordion_header .acc_btn .price > span {color:#086ac5;}
.usage_detail_list .accordion_header a[role="button"].acc_btn:after {left:100%;}
.usage_detail_list .usage_list li:last-child {border-bottom:0;}
.usage_detail_list .usage_list li .usage_item dl {margin-top:30px; margin-bottom:30px;}
.usage_detail_list .usage_list li .usage_item .price_info {padding:0;}
.usage_detail_list .usage_list li .usage_item .price_info .vm {padding-right:0;}
.usage_detail_list .usage_list li .usage_item .price_info .price > span, 
.usage_detail_list .usage_list li .usage_item .price_info .price > button,
.usage_detail_list .usage_list li .usage_item .price_info .price > a {font-weight:400; font-size:inherit;}
.usage_detail_list .usage_detail_sub_title {overflow:hidden; margin:12px 0 0; padding:0 0 15px; border-bottom:1px solid #ddd;}
.usage_detail_list .usage_detail_sub_title ~ .usage_detail_sub_title {margin-top:30px;}
.usage_detail_list .usage_detail_sub_title .left_wrap {float:left;}
.usage_detail_list .usage_detail_sub_title .right_wrap {float:right;}
.usage_detail_list .usage_detail_sub_title .sub_title {font-weight:700; font-size:16px; color:#333;}
.usage_detail_list .usage_detail_sub_title .sub_explain {font-size:16px; color:#111;}
.usage_detail_list .usage_detail_sub_title .sub_explain:before {content:''; display:inline-block; width:1px; height:14px; margin:0 5px 0 1px; background-color:#ddd; vertical-align:-2px;}
.usage_detail_list .usage_detail_sub_title .price {font-weight:900; font-size:16px; color:#333;}

/* 분할납부 불가 대상 안내 팝업 */
.sub_title.un_pay_ist {width:380px;margin:0 auto;}

/* 해외이용전 분할납부 */
.foreign_divided_payments .complete_box.type02{border-top:0 none;}

/* 이메일명세서 재발행 */
.list01[data-type="list"].re_email,
.list01[data-type="list"].re_email ul > li:last-child,
.complete_box.re_email {border-color:#ddd;}

/* 이용내역상세 */
.list01[data-type="list"].mypage_usage_detail,
.list01[data-type="list"].mypage_usage_detail ul > li:last-child,
.complete_box.mypage_usage_detail {border-color:#ddd;}
.myused_list_detail .mypage_usage_tooltip{position:absolute;top:-33px;left:50%;z-index:5;display:inline-flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;padding:0 12px;text-align:center;background:#333;color:#fff;line-height:33px;transform:translateX(-50%);border-radius:4px;white-space:nowrap;}

/* 카드이용내역 */
.card_reportlist_wrap .dashdesk_detail.type02 dt span {color:#999;}
.card_reportlist_wrap .dashdesk_detail.type02 [class^="ico_"]::before {content:"";display:inline-block;margin-right:9px;vertical-align:middle;}
.card_reportlist_wrap .dashdesk_detail.type02 .ico_bus::before {width:20px;height:19px;background:url(/pconts/images/contents/mypage/ico_bus.png) no-repeat;background-size:100%;}
.card_reportlist_wrap .dashdesk_detail.type02 .ico_subway::before {width:16px;height:19px;background:url(/pconts/images/contents/mypage/ico_subway.png) no-repeat;background-size:100%;}
.card_reportlist_wrap .dashdesk_detail.type02 .ico_taxi::before {width:22px;height:19px;background:url(/pconts/images/contents/mypage/ico_taxi.png) no-repeat;background-size:100%;}
.card_reportlist_wrap .dashdesk_detail.type02 .ico_toll::before {width:21px;height:19px;background:url(/pconts/images/contents/mypage/ico_toll.png) no-repeat;background-size:100%;}
.card_reportlist_wrap .dashdesk_detail.type02 .ico_etc::before {width:22px;height:19px;background:url(/pconts/images/contents/mypage/ico_etc.png) no-repeat;background-size:100%;}
.usage_list [class^="traffic_"] {display:table;position:relative;margin:40px 0;padding:0;}
.usage_list [class^="traffic_"].type02 {margin-top:60px;}
.usage_list .traffic_title {float:left;position:relative;}
.usage_list .traffic_title::before {content:"";position:absolute;top:5px;left:2px;width:1px;height:calc(100% - 15px);border-left:1px dotted #086ac5;}
.usage_list .traffic_title li {padding-left:13px;font-weight:700;line-height:0.95;border:0;}
.usage_list .traffic_title li + li {margin-top:25px;}
.usage_list .traffic_title li::before {content:"";position:absolute;top:50%;left:0;width:5px;height:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);border-radius:50%;background:#fff;border:1px solid #086ac5;}
.usage_list .traffic_title .date,
.usage_list .traffic_title .local {margin-left:5px;font-size:13px;color:#111;}
.usage_list .traffic_title .line {display:inline-block;padding-left:9px;border-left:1px solid #ccc}
.usage_list .traffic_cont {float:right;text-align:right;}
.usage_list .traffic_cont li {line-height:0.95;border:0;font-size:13px;color:#111;}
.usage_list .traffic_cont li + li {margin-top:18px;}
.usage_list .traffic_cont .type {display:inline-block;margin-right:5px;padding:3px 5px;border:1px solid #999;border-radius:25px;color:#999;} 
.usage_list .traffic_cont .type_card {padding-left:46px;}
.card_name_txt {display:inline-block; position:relative; margin:0; padding:0; width:40px; font-size:1px; color:transparent; text-indent:-9999px; top:-1px;}
.card_name_txt::before,
.usage_list .traffic_cont .type_card::before {content: '';display:block;position:absolute;left:0;top:calc(50% - 13px);width:40px;height:25px;background-repeat:no-repeat;background-position:50%; background-size:100% auto;}
.card_name_txt.cd01::before,
.usage_list .traffic_cont .type_card.cd01::before {background-image:url(/pconts/images/contents/mypage/img_card_k01.png);} /* VISA */
.card_name_txt.cd02::before,
.usage_list .traffic_cont .type_card.cd02::before {background-image:url(/pconts/images/contents/mypage/img_card_k02.png);} /* MASTER */
.card_name_txt.cd03::before,
.usage_list .traffic_cont .type_card.cd03::before {background-image:url(/pconts/images/contents/mypage/img_card_k03.png);} /* AMEX */
.card_name_txt.cd04::before,
.usage_list .traffic_cont .type_card.cd04::before {background-image:url(/pconts/images/contents/mypage/img_card_k04.png);} /* JCB */
.card_name_txt.cd05::before,
.usage_list .traffic_cont .type_card.cd05::before {background-image:url(/pconts/images/contents/mypage/img_card_k05.png);} /* URS */
.card_name_txt.cd06::before,
.usage_list .traffic_cont .type_card.cd06::before {background-image:url(/pconts/images/contents/mypage/img_card_k06.png);} /* LOCAL */
.card_name_txt.cd07::before,
.usage_list .traffic_cont .type_card.cd07::before {background-image:url(/pconts/images/contents/mypage/img_card_k07.png);} /* UNION PAY */
.card_name_txt.cd08::before,
.usage_list .traffic_cont .type_card.cd08::before {background-image:url(/pconts/images/contents/mypage/img_card_k08.png);} /* S& */
.card_name_txt.cd09::before,
.usage_list .traffic_cont .type_card.cd09::before {background-image:url(/pconts/images/contents/mypage/img_card_k09.png);} /* BC */
.usage_list .traffic_cont .money {margin-left:5px;font-weight:700;font-size:16px;color:#000;}
.accordion_wrap.bottom_guide.traffic {margin-top:60px;} 
.usage_list li.default {text-align:center;padding:50px 0;}
.card_reportlist_wrap .dashdesk_detail.type02 dt[class^="ico_"]::before {display:none;}
.card_reportlist_wrap .switch_wrap.language {position:absolute; right:0; top:30px;}
.mycard_report {position:relative;}
.mycard_report .header_sum {position:relative; width:100%; margin:0 0 5px 0; padding:0;}
.mycard_report .header_sum .sum {display:inline-block; position:relative; font-size:13px; color:#111; }
.mycard_report .header_sum .sum span {font-weight:700;}
.mycard_report .usage_list {border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.mycard_report .usage_list li + li {border-top:solid #ddd 1px;}
.mycard_report .usage_item dt {width:calc(100% - 280px)}
.mycard_report .usage_item dd{width:280px;}
.mycard_report .usage_item dd .country {display:block;}
.mycard_report.eng .usage_item .price_info {width:320px; padding-right:170px;}

.mycheckcard_report .chekcard_info {display:table; position:relative; margin:0 auto; padding:27px 0 0 0;}
.mycheckcard_report .chekcard_info .card {display:block; position:relative; margin:0 0 7px 0; font-size:16px; color:#333; text-align:center;}
.mycheckcard_report .chekcard_info .sum {display:block; position:relative; font-size:20px; color:#111; text-align:center;}
.mycheckcard_report .chekcard_info .sum span {font-size:24px; font-weight:700;}

.mycard_report.checkcard .usage_item .price_info {padding-right:0;}

/* 교통카드 이용내역 */
.traffic_usage_details .total_usage_amount.interval60 {padding-top:60px;padding-bottom:60px;}
.traffic_usage_details .total_usage_amount {display:block;position:relative;width:100%;margin:0 auto;padding:60px 0;}
.traffic_usage_details .total_usage_amount dl {display:block;}
.traffic_usage_details .total_usage_amount dt {display:block;position:relative;margin:0 0 9px 0;padding:0;font-size:20px;font-weight:700;text-align:center;}
.traffic_usage_details .total_usage_amount dd {display:block;position:relative;margin:0;padding:0;font-size:42px;font-weight:400;line-height:46px;color:#333;text-align:center;}
.traffic_usage_details .traffic_type_list {border-top:1px solid #ddd;padding:24px 12px 41px;}
.traffic_usage_details .traffic_type_list .df_list_col {padding:0;}
.traffic_usage_details .traffic_type_list .item_wrap .amount {padding-left:32px;}
.traffic_usage_details .traffic_type_list .item_wrap.bus .amount {background:url('/pconts/images/contents/mypage/ico_bus.png') no-repeat 0 50%;background-size:22px 19px;}
.traffic_usage_details .traffic_type_list .item_wrap.taxi .amount {background:url('/pconts/images/contents/mypage/ico_taxi.png') no-repeat 0 50%;background-size:22px 19px;}
.traffic_usage_details .traffic_type_list .item_wrap.subway .amount {background:url('/pconts/images/contents/mypage/ico_subway.png') no-repeat 0 50%;background-size:16px 19px;}
.traffic_usage_details .traffic_type_list .item_wrap.etc .amount {background:url('/pconts/images/contents/mypage/ico_etc.png') no-repeat 0 50%;background-size:22px 19px;}
.traffic_usage_details .traffic_type_list .item_wrap.toll .amount {background:url('/pconts/images/contents/mypage/ico_toll.png') no-repeat 0 50%;background-size:21px 19px;}
.traffic_usage_details .df_list_col_wrap.not_all .df_list_col {display:block;text-align:center;}
.traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap {display:inline-block;}
.traffic_usage_details .df_list_col_wrap.not_all .df_list_col .item_wrap + .item_wrap {margin-left:35px;}
.pop_cont .usage_transport .location_info .departure:after {bottom:-28px;}

/* 후불 교통카드 */
.usage_transport.mypage_hipass .texts_area{}
.usage_transport.mypage_hipass .detail_info .texts_area .info .price{display:block; margin-bottom:15px;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .card{display:inline-block; vertical-align:middle;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .hipass{display:inline-block; vertical-align:middle;}
.usage_transport.mypage_hipass .detail_info .texts_area .info .hipass:before{content:""; display:inline-block; width:1px; height:12px; margin-left:5px; margin-right:5px; background:#ddd; vertical-align:middle;}

/* 주석처리 12/4 */
/* .transit_card .transit_head {margin:0 0 30px; padding:0 0 0 58px;}
.transit_card .transit_head.transit_bus {background:url('/pconts/images/contents/mypage/ico_bus.jpg') no-repeat 0 50%;}
.transit_card .transit_head.transit_taxi {background:url('/pconts/images/contents/mypage/ico_taxi.jpg') no-repeat 0 50%;}
.transit_card .transit_head.transit_subway {background:url('/pconts/images/contents/mypage/ico_subway.png') no-repeat 0 50%;background-size:29px 34px;}
.transit_card .transit_head.transit_etc {background:url('/pconts/images/contents/mypage/ico_etc.png') no-repeat 0 50%;background-size:40px 34px;}
.transit_card .transit_head.transit_toll {background:url('/pconts/images/contents/mypage/ico_toll.png') no-repeat 0 50%;background-size:40px 34px;}
.transit_card .transit_head .transit_date {display:block; font-size:15px; line-height:1; color:#111;}
.transit_card .transit_head .transit_name {display:block; margin:6px 0 0; font-weight:700; font-size:20px; line-height:1; color:#111;}
.transit_card .transit_body {padding:0 0 35px; border-bottom:1px solid #ddd;}
.transit_card .transit_body .line_dotted {position:relative;}
.transit_card .transit_body .line_dotted:before {content:''; display:block; position:absolute; top:9px; bottom:38px; left:5px; border-left:1px dotted #0d6dc6;}
.transit_card .transit_body .line_dotted.type02:before {height:calc(100% - 21px);} 
.transit_card .transit_body .line_dotted.type02 dd {position:relative;top:-1px;}
.transit_card .transit_body .line_dotted.type02 + .point.type03 {margin-top:30px;padding-top:35px;border-top:1px solid #ddd;}
.transit_card .transit_body dl {position:relative; padding:0 0 0 38px;}
.transit_card .transit_body dl:after {content:''; display:block; clear:both;}
.transit_card .transit_body dl.people {margin:0 0 20px;padding-left:23px;}
.transit_card .transit_body dl.people:before {content:''; display:block; position:absolute; top:2px; left:0; z-index:1; width:15px; height:15px; background:url(/pconts/images/contents/mypage/ico_people.png) no-repeat 50% 50% / 100% auto;}
.transit_card .transit_body dl.point {padding-left:15px;}
.transit_card .transit_body dl.point + .point {margin:25px 0 0;}
.transit_card .transit_body dl.point:before {content:''; display:block; position:absolute; top:7px; left:3px; width:6px; height:5px; border:1px solid #0d6dc6; border-radius:50%; background-color:#fff;}
.transit_card .transit_body dl dt {float:left; width:70px; padding:0 15px 0 0; font-size:15px; color:#111;}
.transit_card .transit_body dl dd {float:left; width:calc(100% - 70px);}
.transit_card .transit_body dl dd.txt1 {font-weight:700; font-size:16px; color:#333;}
.transit_card .transit_body dl dd.txt2 {font-size:16px; color:#111;}
.transit_card .transit_body dl.point.type03 {padding-left:0;}
.transit_card .transit_body dl.point.type03:before {display:none;}
.transit_card .transit_body dl.point.type03 dt {width:150px;margin-bottom:10px;padding:0;}
.transit_card .transit_body dl.point.type03 dd {width:calc(100% - 150px);margin-bottom:10px;text-align:right;}
.usage_list.payment_info {margin:30px 0 0;}
.usage_list.payment_info [class^="traffic_"] {margin:0;}
.usage_list.payment_info .usage_item + .usage_item {margin-top:10px;}
.usage_list.payment_info .traffic_title::before {display:none;}
.usage_list.payment_info .traffic_title {color:#111;}
.usage_list.payment_info .traffic_cont .pay {font-size:20px;font-weight:700;color:#333;}
.btn_wrap.traffic_fn {margin:20px 0 60px;}
.accordion_wrap.traffic .inner > ul {padding-bottom:20px;} */

.mycard_report .usage_list.type02 .usage_item .price_info{padding:0}
.card_statement_receipt .receipt_head.traffic_receipt{position:relative;padding-left:58px}
.card_statement_receipt .receipt_head.traffic_receipt:before{content:'';display:block;position:absolute;top:6px;left:0;width:40px;height:40px;background:url(/pconts/images/contents/mypage/bg_traffic_detail.gif) no-repeat} /*버스*/
.card_statement_receipt .receipt_head.traffic_receipt.icoSubway:before{background-position:-40px 0} /*지하철*/
.card_statement_receipt .receipt_head.traffic_receipt.icoTaxi:before{background-position:-80px 0} /*택시*/
.card_statement_receipt .receipt_head.traffic_receipt.icoEtc:before{background-position:-120px 0} /*기타*/
.card_statement_receipt .receipt_head.traffic_receipt.icoHighpass:before{background-position:-160px 0} /*하이패스*/
.card_statement_receipt .receipt_head.traffic_receipt.icoToll:before{background-position:-200px 0} /*통행료*/
.card_statement_receipt .receipt_head.traffic_receipt .date{font-size:13px;line-height:1}
.receipt_body .usage_transport{display:block;padding:0 12px 26px}
.receipt_body .usage_transport .location_info .departure:after{left:20px}
.receipt_body .usage_transport .location_info .ride_num{position:relative;margin-bottom:12px;padding-left:58px}
.receipt_body .usage_transport .location_info .ride_num:before{content:'';display:block;position:absolute;top:3px;left:13px;width:14px;height:15px;background:url(/pconts/images/contents/mypage/bg_rideNum.gif) no-repeat}
.receipt_body .usage_transport .location_info .ride_num span{display:inline-block;width:67px}
.receipt_body .usage_transport .location_info .ride_num b{color:#333;font-size:16px;font-weight:700}
.receipt_body .usage_transport .location_info .location{padding-left:58px;color:#111;font-weight:400;line-height:1.4}
.receipt_body .usage_transport .location_info .location:before{left:18px}
.receipt_body .usage_transport .location_info .location p span{display:inline-block;font-size:15px}
.receipt_body .usage_transport .location_info .location p span:first-child{width:67px;}
.receipt_body .usage_transport .location_info .location p span:last-child{width:150px;}
.receipt_body .usage_transport .location_info .location p span.w_auto{width:auto;padding-right:10px;}
.receipt_body .usage_transport .location_info .location p b{color:#333;font-size:16px;font-weight:700}
.receipt_body .flexbox_dl dl+ dl{margin-top:10px}
.card_statement_receipt .receipt_body .total dl dd{font-size:20px}
.card_statement_receipt .receipt_body .total dl dd.card_info .ico_card_logo{font:0/0 Arial}
.receipt_body .usage_transport .location_info .arrival{margin-top:18px}

.receipt_body .flexbox_dl dl dd.card_info{font-size:16px}

/* 할인혜택 이용내역 */
.card_reportlist_wrap .dashdesk_detail.discount_benefit {border-top:0;}
.card_statement.membership tr:first-child > *,
.card_statement.membership .card_info > * {padding-top:20px;}
.card_statement.membership tr.pd_bottom > *,
.card_statement.membership tr:last-child > * {padding-bottom:20px;}
.card_statement.membership .card_info > * {border-top:1px solid #eee;}

/* 연회비 청구내역 */
.btn_wrap.membership_search {margin-top:60px;}
.report_usage_detail.membership_list {margin-top:30px;}
.btn_wrap.membership_btn {margin:21px 0;}
p.sub_title.membership_search {margin-bottom:39px;font-size:34px;line-height:42px;color:#111;}
p.sub_title.membership_search .pc_block {display:block;}
.pop_wrap.small.pop_feeDetail .popup{max-height:inherit !important}
.pop_feeDetail{max-height:inherit !important}
.pop_feeDetail .pop_cont{height:auto !important;padding-bottom:70px}
.pop_wrap.small.pop_feeDetail .popup:after{content:'';display:block;position:absolute;bottom:-3px;width:100%;height:3px;background:url(/pconts/images/contents/mypage/bg_popFee.png) repeat-x 0 0 / auto 3px}
.fee_list .usage_item .usage_info .texts_area .card_name{overflow:hidden; position:relative;display:inline-block;padding-left:16px;max-width: 130px; white-space:nowrap; text-overflow:ellipsis;vertical-align:middle;}
.fee_list .usage_item .usage_info .texts_area .card_name:before{content:'';display:block;position: absolute;left:6px;top:4px;width:1px;height:13px;background-color:#e6e6e6}
.list_group.listMoney{border:solid #ddd;border-width:1px 0}
.list_group.listMoney ul{padding:12px 0 10px}
.list_group.listMoney li * {display:inline-block}
.list_group.listMoney li{padding:3px 12px}
.list_group.listMoney li .tit{width:132px;vertical-align:top}
.list_group.listMoney li strong{width:calc(100% - 132px);color:#333;font-size:16px;text-align:right}
.list_group.listMoney ul+ul{border-top:1px dashed #ddd}
.tit_serviceName{color:#111;font-size:20px;font-weight:700;line-height:1.4}
.fee_money{margin:15px 0 20px}
.fee_money *{display:inline-block;vertical-align:middle}
.list_group.listMoney ul+ul li strong{text-align:left}

/* 모바일 교통카드 이용내역 */
.mo_traffic_usage_details .mycard_report .usage_item dd .pay_day {display:block;}

/* 주석처리 19/12/04 */
/* .report_usage_detail .usage_list li .usage_item .left.type02 {margin-top:70px;}
.report_usage_detail .usage_list li .usage_item .left li {margin-right:0;}
.report_usage_detail + .btn_wrap.total,
.report_usage_detail + .btn_wrap.mobile_total {margin:20px 0;}
.accordion_wrap.traffic .list_tit {display:block;margin-top:10px;}
.usage_list li .usage_item .price_info.type02 .vm {padding-right:0;} */

/* 카드이용실적 충족현황 */
.myinfo_card_wrap .accordion_wrap .accordion_body {padding:20px 0 30px 0;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap {position:relative; border:none !important;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 {margin-bottom:20px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .month {display:inline-block; width:285px; font-size:20px;font-weight:700; color:#333; }
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy {position:relative;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit {display:inline-block; position:relative; font-size:18px; font-weight:700;color:#111;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.on::before {content:''; width:19px; height:19px;  margin-right:5px; display:inline-block; position:relative; background:url(/pconts/images/contents/mypage/cir_check_sm.png) no-repeat; top:3px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .satisfy .tit.off::before {content:''; width:19px; height:19px;  margin-right:5px; display:inline-block; position:relative; background:url(/pconts/images/contents/mypage/cir_check_sm_off.png) no-repeat; top:3px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .txt_conts {display:inline-block; font-size:18px; color:#111; margin-left:10px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph {position:absolute; left:-265px; top:25px; width:180px; height:100px;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.on {background:url(/pconts/images/contents/mypage/graph_on.png) no-repeat;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.on span {position:absolute;left:70px; top:30px; text-align:center; padding-top:42px; width:40px; display:inline-block; font-size:15px; color:#111;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.on span::before {content:''; position:absolute; left:0; top:0px; width:37px; height:37px; background:url(/pconts/images/contents/mypage/cir_check02.png);}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off {background:url(/pconts/images/contents/mypage/graph_off.png) no-repeat ;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off span {position:absolute;left:70px; top:30px; text-align:center; padding-top:42px; width:40px; display:inline-block; font-size:15px; color:#111;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .graph.off span::before {content:''; position:absolute; left:0; top:0; width:37px; height:37px; background:url(/pconts/images/contents/mypage/cir_check_off.png);}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .flexbox_dl {float:right; width:calc(100% - 300px); border-bottom:none; padding:10px 0; margin:20px 0 30px 0;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit01 .flexbox_dl:after {content:'';display:block;clear:both;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .btn_bf_detail {position:relative;width:100%;padding-top:22px;text-align:center;font-size:15px;font-weight:700;border-top:1px solid #eee;color:#111;}
.myinfo_card_wrap .accordion_wrap .benefit_detail_wrap .benefit02 .table_wrap {margin:22px 0 30px;}


.myinfo_card_wrap .benefit_detail_wrap .benefit01 + .benefit02 .btn_bf_detail:after {
    content:'';
    display:inline-block;
    margin-left:10px;
    width:0;height:0;
    vertical-align:middle;
    border-top:6px solid #c2c2c2;    
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    transform:rotate(0);
}
.myinfo_card_wrap .benefit_detail_wrap.on .benefit01 + .benefit02 .btn_bf_detail:after {transform:rotate(180deg);border-top-color:#000;position:relative;top:-1px;}
.myinfo_card_wrap .benefit_detail_wrap:not(.type02):not(.on) .benefit01:not(.on) + .benefit02 > *:not(.btn_bf_detail),
.myinfo_card_wrap .benefit_detail_wrap.type02:not(.on) .benefit01.off + .benefit02 > *:not(.btn_bf_detail):not(.money),
.myinfo_card_wrap .benefit_detail_wrap.type02:not(.on) .benefit01.on + .benefit02 > *:not(.btn_bf_detail):not(.money) {display:none;}
.myinfo_card_wrap .benefit_detail_wrap.on  .benefit01:not(.on) + .benefit02 > * {display:block;} 

.pop_cont .MY031R01.usage_item .usage_info {width:430px;}
.pop_cont .MY031R01.usage_item .price_info {width:160px;}

/* .pop_myinfo_detail .list_sort li {display:inline-block;}
.pop_myinfo_detail .list_sort li + li {margin-left:20px;}
.pop_myinfo_detail .list_sort li.current button {font-weight:700;color:#27397a;border-bottom:2px solid #27397a;padding-bottom:5px;}
.pop_myinfo_detail .list_sort button {font-size:18px;}
.pop_myinfo_detail .report_usage_detail + .btn_wrap {margin-top:38px;}
.pop_myinfo_detail .list_group .empty {text-align:center;padding:40px 0;border-bottom:0;}
.pop_myinfo_detail .title_sub {text-align:center;font-weight:700;font-size:24px;}
.pop_myinfo_detail .title_sub em {font-style:normal;font-weight:400;}
.pop_myinfo_detail .title_sub i {position:relative;font-style:normal;}
.pop_myinfo_detail .title_sub i span {position:relative;color:#4868e1;}
.pop_myinfo_detail .title_sub i:before {content:"";position:absolute;bottom:-4px;left:0;width:100%;height:14px;background:#c8d1f6;opacity:.5;}
.pop_myinfo_detail .marker_dot {margin:15px 0 0;}
.pop_myinfo_detail .marker_dot li + li {margin-top:8px;}
.pop_myinfo_detail .tab_pull:before {display:none;} */


/* 카드비밀번호/CVC번호 오류해제 */
.pwd_rel_wrap.tab_type01 .tab_wrap {padding-top:51px;}
.pwd_rel_wrap.tab_type01 .tab_wrap .tab_cont {padding-top:0;}
.pwd_rel_wrap .list_guide_txt {font-size:34px;font-weight:700;line-height:45px;}
.pwd_rel_wrap .list_guide_txt span {color:#4868e1;}
/* .pwd_rel_wrap .accordion_wrap.guide {margin-top:60px;} */
.pwd_rel_wrap .report_usage_detail {margin-top:53px;border-top:solid #ddd 1px;}
.pwd_rel_wrap .usage_item dd .card {text-indent:-9999px;}
.pwd_rel_wrap .usage_list .radio_type1,
.pwd_rel_wrap .usage_list .radio_type1 input[type="radio"] {float:none;}
.pwd_rel_wrap .disabled dt,
.pwd_rel_wrap .usage_list .radio_type1 input[type="radio"]:disabled + span span {opacity:0.5}
.pwd_rel_wrap .disabled_guide_txt {position:absolute;top:50%;right:0;font-size:13px;color:#f14b25;transform:translateY(-50%);}
/* .pwd_rel_wrap .accordion_body {margin-bottom:15px;} */
.pwd_rel_wrap .usage_list li .usage_item dd .user {padding-left:0;}
.pwd_rel_wrap .usage_list li .usage_item dd .card_date {display:block;padding-top:2px;}
.pwd_rel_wrap .expend_wrap.cvc {padding:60px 0 58px;margin-top:54px;}
.pwd_rel_wrap .card_cvc_input {position:relative;width:380px;min-height:238px;margin:20px auto 0;border-radius:10px;box-shadow:2px 5px 19px #dfe1e3;background:#fff url(/pconts/images/contents/mypage/bg_card_cvc.png) no-repeat 12px 97px;overflow:hidden;}
.pwd_rel_wrap .card_cvc_input::before {content:'';position:absolute;top:25px;width:100%;height:60px;background:#dadada;}
.pwd_rel_wrap .card_cvc_input .logo {position:absolute;top:8px;left:13px;}
.pwd_rel_wrap .card_cvc_input .ex_txt {position:absolute;top:108px;left:10px;font-size:16px;color:#333;}
.pwd_rel_wrap .card_cvc_input .cvc_ipt {position:absolute;top:97px;left:111px;width:100%;max-width:160px;height:44px;}
.pwd_rel_wrap .card_cvc_input .cvc_btn {position:absolute;bottom:14px;right:18px;}
.pwd_rel_wrap .card_cvc_input + .text_tip {width:380px;margin:11px auto 0;}
.pwd_rel_wrap .card_cvc_input .text_tip.error {position:static;width:auto !important;margin:144px 0 0 111px;}
.pwd_rel_wrap .text_tip.type02 {margin:5px 0 0;}
.pwd_rel_wrap  .expend_wrap.cvc .table_wrap {max-width:380px;margin:0 auto;}
.pwd_rel_wrap .marker_dot4.cmp_list {max-width:470px;margin:0 auto;}
.pwd_rel_wrap .card_swiper {margin-top:60px;}

/* 카드번호조회 */
.card_noswiper {position:relative;width:100%;max-width:480px;margin:0 auto;}
.card_noswiper .noswiper_wrap {text-align:center;}
.card_noswiper .card_img {display:block;width:100%;height:156px;overflow:hidden;}
.card_noswiper .card_tit {width:100%;padding:30px 0 0;background-color:#fff;}
.card_noswiper .card_tit .txt01 {display:block;margin-bottom:30px;font-weight:700;font-size:26px;color:#111;}
.card_noswiper .card_tit .txt02 {display:block;font-size:20px;color:#333;}
.card_noswiper .card_tit .txt03 {display:block;font-weight:700;font-size:20px;color:#333;}
.card_noswiper.card_number_detail,
.card_swiper.card_number_detail {margin-top:42px;}
.card_noswiper.card_number_detail .item.type02 .card_img,
.card_swiper.card_number_detail .item.type02 .card_img {padding-top:40px;}
.card_noswiper.card_number_detail .card_img img,
.card_swiper.card_number_detail .card_img img {box-shadow:2px 22px 33px #aba7a7;margin-bottom:-68px;}

/* 카드해지 */
.card_cancel .usage_item.type03 .usage_info .check_wrap{width:100%;}
.card_cancel .usage_item.type03 .usage_info .check_wrap .texts_area{display:inline-block; width:100%;}
.card_cancel .usage_item.type03 .usage_info .texts_area .date{padding:0 50px 0 16px;}
.card_cancel .cmp_list {max-width:360px;margin: 0 auto;border:0;}
.card_cancel .card_list {padding-left:66px;margin-top:-21px;}
.card_cancel .list_total .check_wrap.f_right {width:90px;}
.card_cancel .list_total .check_wrap .check_default input[type="checkbox"] + span:before {top:0;}
.card_cancel .list_total .check_wrap .check_default input[type="checkbox"] + span:after {top:7px;}

/* 결제계좌변경 */
.ch_pay_account .dl_wrap .df_list .item.con {width:calc(100% - 220px);padding-right:0;}
.ch_pay_account .card_inquiry_list .head_tit .txt02 {margin-left:47px;}
.ch_pay_account .dl_wrap .df_list .item.con ul li + li, .payment_change_info .dl_wrap .df_list .item.con ul li + li {margin-top:10px;}
.ch_pay_account .dl_wrap .df_list .item.con ul li span + span, .payment_change_info .dl_wrap .df_list .item.con ul li span + span {margin-left:15px;}
.payment_change_info .dl_wrap .df_list .item.con ul li span.elp {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-left:0;}
.ch_pay_account .dl_wrap + .dl_wrap {margin-top:35px;padding-top:39px;border-top:1px solid #ddd;}
.ch_pay_account .card_inquiry_list .item.disabled {background:#f2f2f2;opacity:.6;}
.ch_pay_account .df_list_col_wrap.check {margin-top:10px;position:relative;} 
.ch_pay_account .df_list_col_wrap.check::before {content:'';display:block;position:absolute;left:50%;top:50%;width:17px;height:1px;background-color:#086ac5;margin-left:-8px;}
.ch_pay_account .df_list_col_wrap.check::after {content:'';display:block;position:absolute;left:50%;top:50%;width:13px;height:13px;border-top:solid #086ac5 1px;border-right:solid #086ac5 1px;transform:rotate(45deg);margin:-6px 0 0 -5px;}
.ch_pay_account .reuslt_date p {display:inline-block;}
.ch_pay_account .bank_wrap {max-width:396px;}
.pop_wrap.account .card_history .item {position:relative;padding:27px 0;border-top:1px solid #eee;}
.pop_wrap.account .card_history .item:last-child {border-bottom:1px solid #eee;}
.pop_wrap.account .card_history .card_info01 {display:block;}
.pop_wrap.account .card_history .card_info02 {font-size:13px;color:#111;}
.pop_wrap.account .card_history .card_info02 .text {display:inline-block;}
.pop_wrap.account .card_history .card_info02 .date {margin-left:7px;}
.pop_wrap.account .card_history .state {position:absolute;top:50%;right:0;transform:translateY(-50%);}
.pop_wrap.bank_list .popup_type01 .pop_cont {padding-top:0;}
.pop_wrap.bank_list .tab_type01 .tab_list01 > li {width:50%;}
.pop_wrap.bank_list .tab_type01 .tab_wrap .tab_cont {padding:0;}
.pop_wrap.bank_list .cell_wrap {position:relative;display:table;width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.pop_wrap.bank_list .cell_wrap .cell {position:relative;display:table-cell;vertical-align:middle;}
.pop_wrap.bank_list .cell_wrap.cell:last-child {padding-right:0;}
.pop_wrap.bank_list .cell_wrap .bank_rdo {opacity:0;position:absolute;top:0;}
.pop_wrap.bank_list .cell_wrap .bank_rdo + label { white-space:normal; overflow:hidden; display:block; height:44px; line-height:44px; text-align:center; border:1px solid #ddd; border-bottom:0; background-color:#fff; margin-left:-1px; font-size:1.4rem; color:#111; cursor:pointer;}
.pop_wrap.bank_list .cell_wrap:last-of-type .bank_rdo + label {border-bottom:1px solid #ddd;}
.pop_wrap.bank_list .cell_wrap .bank_rdo:checked + label { border:1px solid #4868e1;position:relative;z-index:5;color:#4868e1;font-weight:bold; cursor:pointer;background-color:#fff;margin-left:-1px;font-size:1.4rem;white-space:normal; overflow:hidden;display:block;height:44px; line-height:44px;text-align:center;}
.pop_wrap.bank_list .cell_wrap .cell.empty {border-top:1px solid #ccc;}


/* 혜택정보 수신동의 */
.benefit_agree .expend_wrap {padding:55px 0 59px;}
.benefit_agree .expend_wrap .tit {margin-bottom:17px;font-size:34px;font-weight:400;line-height:44px;color:#111;}
.benefit_agree .expend_wrap .tit_sub {font-size:18px;color:#111;}
.benefit_agree .expend_wrap .btn_wrap {margin-top:33px;}
.benefit_agree_top_tit {height:96px;}
.benefit_agree .benefit_agree_box {width:312px;background:#fff;text-align:center;}
.benefit_agree .benefit_agree_box:first-child{border-left:0}
.benefit_agree .benefit_agree_box .benefit_tit {position:relative;margin-left:0 !important;font-size:16px;font-weight:700;line-height:0.95;}
.benefit_agree .benefit_agree_box .benefit_tit span {position:relative;z-index:2;color:#333}
.benefit_agree .benefit_agree_box .benefit_tit::before {content:"";position:absolute;bottom:-1px;left:50%;z-index:1;width:201px;height:4px;background:#c8d1f6;transform:translateX(-50%);}
.benefit_agree .benefit_agree_box dd{margin-left:0 !important}
.benefit_agree .benefit_agree_box.center{flex:1}
.benefit_agree .benefit_agree_box.center .benefit_tit::before {width:178px;}
.benefit_agree .benefit_agree_box.right .benefit_tit::before {width:144px;}
.benefit_agree .benefit_agree_box .benefit_list_wrap {display:block;margin-top:33px;}
.benefit_agree .benefit_agree_box .benefit_list {padding:0 20px;}
.benefit_agree .benefit_agree_box .benefit_list .benefit_txt {position:relative;float:left;width:33.333%;padding-top:50px;font-weight:400;}
.benefit_agree .benefit_agree_box.left .benefit_list li:nth-child(1) {background:url(/pconts/images/contents/mypage/benefit_agree_box01_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.left .benefit_list li:nth-child(2) {background:url(/pconts/images/contents/mypage/benefit_agree_box02_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.left .benefit_list li:nth-child(3) {background:url(/pconts/images/contents/mypage/benefit_agree_box03_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.center .benefit_list li:nth-child(1) {background:url(/pconts/images/contents/mypage/benefit_agree_box04_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.center .benefit_list li:nth-child(2) {background:url(/pconts/images/contents/mypage/benefit_agree_box05_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.center .benefit_list li:nth-child(3) {background:url(/pconts/images/contents/mypage/benefit_agree_box06_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.right .benefit_list li:nth-child(1) {background:url(/pconts/images/contents/mypage/benefit_agree_box07_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.right .benefit_list li:nth-child(2) {background:url(/pconts/images/contents/mypage/benefit_agree_box08_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box.right .benefit_list li:nth-child(3) {background:url(/pconts/images/contents/mypage/benefit_agree_box09_bg.png)no-repeat center top;background-size:39px auto;}
.benefit_agree .benefit_agree_box .benefit_list li:after {content:'';position:absolute;right:0;top:13px;width:2px;height:10px;background-color:#ccc;}
.benefit_agree .benefit_agree_box .benefit_list li:before {content:'';position:absolute;right:-4px;top:17px;width:10px;height:2px;background-color:#ccc;}
.benefit_agree .benefit_agree_box .benefit_list li:last-child:before,
.benefit_agree .benefit_agree_box .benefit_list li:last-child:after {display:none;}
.benefit_agree .df_list_col {padding:0;}
.benefit_agree .df_list_col .item_wrap:not(:last-child)::after {content:"";position:absolute;height:112px;top:50%;right:0;background:#eee;transform:translateY(-50%);}
.benefit_agree .top_tit {color:#111;}
.benefit_agree .check_wrap.type_btn .check_btn input[type="checkbox"] + span {min-width:129px;}
.benefit_agree_guide .txt_lg{font-weight:400}
.benefit_agree_guide:before{display:none}
.check_wrap.type_agree + .check_body p.con{display:block;padding:15px 38px 13px 55px;font-size:16px;border:solid #ddd;border-width:0 1px 1px;background:#fff}
.check_wrap.type_agree.benefit_check .check_agree.check_all input[type="checkbox"] + span{font-weight:400}
.check_wrap.type_agree.benefit_check .check_agree.check_all input[type="checkbox"] + span:before{top:29px;width:7px;height:11px}
.check_wrap.type_agree.benefit_check .check_agree.check_all input[type="checkbox"]:checked + span:before{border-color:#a4b4f0}
.accordion_wrap.accordion_check dd .con.benefit_method{margin-bottom:18px;padding-left:55px}

.check_wrap.type_grid .ico_email {display:inline-block;width:40px;height:40px;margin:5px 0; background:url('/pconts/images/contents/mypage/ico_agreeEmail.png') no-repeat;}
.check_wrap.type_grid .ico_tel {display:inline-block;width:40px;height:40px;margin:5px 0; background:url('/pconts/images/contents/mypage/ico_agreeTel.png') no-repeat;}
.check_wrap.type_grid .ico_sms {display:inline-block;width:40px;height:40px;margin:5px 0; background:url('/pconts/images/contents/mypage/ico_agreeSms.png') no-repeat;}
.check_wrap.type_grid .ico_paper {display:inline-block;width:40px;height:40px;margin:5px 0; background:url('/pconts/images/contents/mypage/ico_agreePaper.png') no-repeat;}

/* 내정보관리 영문확인서 */
.logo_shcard_en {margin-top:30px;}
.logo_shcard_en img {height:28px;}
.confirmation h4.title{margin:20px 0 40px;color:#111;font-size:24px;font-weight:700;text-decoration:underline}
.confirmation h4.title.line_none {text-decoration:initial;}
.confirmation p {margin-bottom:30px;color:#333;line-height:1.8;}
.confirmation .marker_hyphen li {color:#333;}
.confirmation .marker_hyphen > li + li {margin-top:5px;}
.confirmation .marker_dot2 {padding:20px;}
.confirmation .marker_dot2 > li {font-size:16px;color:#333;}
.card_swiper.eng_cardSwiper .tooltip_card_swiper{top:-15px}

/* 영문거래확인서 해외이용걸제건 */
.foreign_money_title_sub + .report_usage_detail {margin-top:0;}

/* 카드비밀번호변경 */
.card_pwd_chg .expend_wrap {padding:60px 0;}
.card_pwd_chg .df_list_wrap {padding:20px 12px;}
.card_pwd_chg .df_list_wrap  {max-width:380px;margin:0 auto;}
.card_pwd_chg .df_list_wrap .df_list + .df_list .item_wrap {padding-top:20px;}
.card_pwd_chg .df_list_wrap .df_list .item {padding:0;}
.card_pwd_chg .df_list_wrap .df_list .item.tit {width:70px;}
.card_pwd_chg .df_list_wrap.single .df_list .item.con {width:calc(100% - 70px);}
.card_pwd_chg .card_cvc_input {position:relative;width:100%;max-width:350px;min-height:238px;margin:20px auto 0;border-radius:10px;box-shadow:2px 5px 19px #dfe1e3;background:#fff url(/pconts/images/contents/mypage/bg_card_cvc.png) no-repeat 12px 97px;overflow:hidden;}
.card_pwd_chg .card_cvc_input::before {content:'';position:absolute;top:25px;width:100%;height:60px;background:#dadada;}
.card_pwd_chg .card_cvc_input .logo {position:absolute;top:8px;left:13px;}
.card_pwd_chg .card_cvc_input .ex_txt {position:absolute;top:108px;left:24px;font-size:16px;color:#333;}
.card_pwd_chg .card_cvc_input .cvc_ipt {position:absolute;top:97px;left:111px;width:100%;max-width:160px;height:44px;}
.card_pwd_chg .card_cvc_input .cvc_btn {position:absolute;bottom:14px;right:18px;}
.card_pwd_chg .card_cvc_input + .text_tip {width:380px;margin:11px auto 0;}
.card_pwd_chg .card_cvc_input .text_tip.error {position:static;width:auto !important;margin:144px 0 0 111px;}
.card_pwd_chg .text_tip.type02 {margin:5px 0 0;}
.card_pwd_chg.step02 .expend_wrap .df_list_wrap,
.card_pwd_chg.step02 .expend_wrap .form_type {max-width:623px;}
.card_pwd_chg.step02 .expend_wrap .form_type {margin:0 auto;}

/* 내정보관리 항공사번호조회 */
.airline_search .mycardinfo_detail {margin-top:53px;}
.airline_search .accordion_wrap {margin-top:60px;}
.airline_search .accordion_body {margin-bottom:15px;}

/* 신용체크선택결제 서비스 이용약관 */
.pop_wrap .pop_cont .check_pop_agree .font_basic + .c_title,
.pop_wrap .pop_cont .check_pop_agree .marker_number + .c_title  {margin-top:10px;}
.pop_wrap .pop_cont .check_pop_agree .marker_number {padding-left:18px;text-indent:-17px;}
.pop_wrap .pop_cont .check_pop_agree .marker_number .marker_number {margin-left:-20px;}

/* 해외이용내역서 */
.pop_foeignDoc h4 {font-size:24px;}
.pop_foeignDoc dl > * {display:inline-block;font-size:15px;color:#111;margin-top:5px;}
.pop_foeignDoc .table_scroll_area{margin-top:23px}
.pop_foeignDoc .table_scroll_area + h4{margin:53px 0 10px;}
.pop_foeignDoc .usage_info {margin-top:52px;}
.pop_foeignDoc .usage_info p {margin-bottom:15px;font-size:15px;font-weight:700;}
.pop_foeignDoc .usage_info .date {font-size:15px;color:#111;}
.pop_foeignDoc .usage_info .name {font-size:24px;font-weight:bold;}
.pop_foeignDoc .usage_info .name * {vertical-align:middle;}
.pop_foeignDoc .usage_info .addr,
.pop_foeignDoc .usage_info .phone {color:#111;}
.pop_foeignDoc .usage_info .name .cir {display:inline-block; position:relative; width:35px; height:35px; background:url(/pconts/images/contents/mypage/stamp.png) no-repeat 50%; background-size:cover;}
.pop_foeignDoc .usage_info li + li:not(.phone) {margin-top:17px;}
.pop_foeignDoc .usage_info + .btn_wrap {margin-top:34px;}
.pop_foeignDoc .stamp {display:inline-block;width:32px;height:32px;vertical-align:middle;line-height:32px;}

/* 영문거래확인서 */
.pop_eng_doc .mo {display:none;}
.pop_wrap .popup.pop_eng_doc {width:980px;}
.pop_eng_doc .eng_doc_tit img {display:block;width:280px;margin:0 auto;}
.pop_eng_doc .eng_doc_tit span {display:inline-block;margin:21px 0 30px;font-size:24px;line-height:0.95;border-bottom:1px solid #000;}
.pop_eng_doc .cont + .cont {margin-top:31px;}
.pop_eng_doc .table_wrap {margin-top:53px;}
.pop_eng_doc .table_wrap thead tr:first-child th {border-top:2px solid #000;}
.pop_eng_doc .list {margin-top:20px;}
.pop_eng_doc .list li + li {margin-top:5px;}
.pop_eng_doc .list + .btn_wrap {margin-top:10px;}

/* 신용_체크 카드 이용내역 */
.credit_card {position:absolute; right:0; z-index:5;}
.credit_card {}
.credit_card .switch .slider {background:#eee url(/pconts/images/contents/mypage/align_cal.png) no-repeat 72px 50%;}
.credit_card .switch .slider::before {left:0;background:#4868eb url(/pconts/images/contents/mypage/align_list_on2.png) no-repeat 50% 50%;}
.credit_card .switch input:checked + .slider {background:#eee url(/pconts/images/contents/mypage/align_list.png) no-repeat 17px 50%;}
.credit_card .switch input:checked + .slider::before { -webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px); box-shadow: -3px 1px 5px #acacac; background-image:url(/pconts/images/contents/mypage/align_cal_on.png);}
.calendar_swiper {position:relative;display:none; margin-top:70px;}
.calendar_swiper .swiper-slide {width:70%}
.calendar_swiper .ui_calendar {margin:20px 0;background-color:#fff;box-shadow:1px 2px 22px #acacac;border-radius:5px;}
.calendar_swiper .ui_calendar_body {margin:60px 0 0;}
.calendar_swiper::before,
.calendar_swiper::after {content:"";position:absolute;top:0;left:0;z-index:10;width:70px;height:100%;background:url(/pconts/images/contents/mypage/calendar_gradient_left.png) repeat-y;}
.calendar_swiper::after {left:auto;right:0;background-image:url(/pconts/images/contents/mypage/calendar_gradient_right.png)}
.calendar_swiper .ui_calendar_head {position:absolute;top:50px;z-index:10;width:100%;text-align:center;}
.calendar_swiper .txt {position:relative;z-index:15;margin:10px 0 30px;font-size:34px;font-weight:700;}
.calendar_swiper .txt .cd_name {color:#4868eb;}

/* 해외거래 예상청구금액산출 */
.foreign_money .brand_icon [class^="brand_"] {display:block;width:100%;height:44px;}
.foreign_money .brand_icon .blind {position:absolute;}
.foreign_money .radio_btn.rdo_brand01 {width:93px;}
.foreign_money .radio_btn.rdo_brand03 {width:115px;}
.radio_wrap.type_btn .radio_btn + .radio_btn.rdo_brand04 {margin-left:0;}
.foreign_money .brand_icon .brand_01 {background:url(/pconts/images/brand/brand_ico_01.png) no-repeat 50% 50%;background-size:45px 14px;}
.foreign_money .brand_icon .brand_02 {background:url(/pconts/images/brand/brand_ico_02.png) no-repeat 50% 50%;background-size:34px 20px;}
.foreign_money .brand_icon .brand_03 {background:url(/pconts/images/brand/brand_ico_03_04.png) no-repeat 50% 50%;background-size:67px 20px;}
.foreign_money .brand_icon .brand_04 {background:url(/pconts/images/brand/brand_ico_05_06.png) no-repeat 50% 50%;background-size:53px 20px;}
.foreign_money .brand_icon .brand_05 {background:url(/pconts/images/brand/brand_ico_07.png) no-repeat 50% 50%;background-size:25px 18px;}
.foreign_money .amount_calc {position:relative;padding:30px 190px;}
.foreign_money .amount_calc [class^="amount_"] > * {display:block;}
.foreign_money .amount_calc .calc_wrap {padding:0 106px 10px;}
.foreign_money .amount_calc .sum_wrap {clear:both;border-top:1px solid #ddd;padding-top:10px;}
.foreign_money .amount_plus {position:absolute;left:0;width:100%;font-size:40px;}

.oversea_btnset {display:table; position:relative; width:100%; margin:60px 0 0 0; padding:0;}
.oversea_btnset li {display:inline-block; position:relative; float:left; margin:0 8px 8px 0; padding:0;}
.oversea_btnset li .btn {display:inline-block; position:relative; height:40px; margin:0; padding:0 15px; line-height:40px; border:solid #bbb 1px; border-radius:3px; box-sizing:border-box;}
.oversea_btnset li .btn span {display:inline-block; position:relative; margin:0; padding:0 18px 0 0; font-size:15px; color:#111; vertical-align: middle}
.oversea_btnset li .btn span::before {content:''; display:block; position:absolute; right:3px; top:calc(50% - 5px); width:7px; height:7px; border-bottom:solid #c8c8c8 1px; border-right:solid #c8c8c8 1px; transform:rotate(-45deg);}

.card_use_guide {display:block; position:relative; margin:0; padding:28px 0 0 0;}
.card_use_guide .guide_sec + .guide_sec {margin-bottom:90px;}

/* 주석처리 191203 */
/* .foreign_money {display:block;position:relative;margin:0;padding:0;}
.foreign_money .ly_inner.w600 {width:600px;}
.foreign_money_item + .foreign_money_item {margin-top:38px;}
.foreign_money_head {position:relative; margin:0 0 18px;}
.foreign_money_title {display:inline-block; font-weight:700;font-size:24px;line-height:26px;color:#111;}
.foreign_money_title_sub {padding-bottom:57px;text-align:center;font-weight:700;font-size:24px;}
.foreign_money_title_sub .cms_subtext_wrap {display:block;line-height:0.95;}
.foreign_money_title_sub .subtext {font-size:15px;line-height:0.95;color:#111;}
.foreign_money_title_sub .subtext.type02 {margin-top:10px;}
.foreign_money_title_sub.type02 i {position:relative;}
.foreign_money_title_sub.type02 i:before {content:"";position:absolute;bottom:0;left:0;width:94px;height:14px;background:#c8d1f6;opacity:.5}
.foreign_money_body .radio_wrap:not(.type_flex) {margin:-4px 0 0 -4px;}
.foreign_money_body .radio_wrap .radio_type2 {margin:4px;}
.foreign_money_body .radio_wrap.type_flex {margin-bottom:8px;}
.popup_type01.pop_card_foreign .pop_cont:after {height:auto;}
.foreign_money_body .sum.col_half {position:relative;height:96px;padding-top:19px;}
.foreign_money_body .sum.col_half::before {content:"+";position:absolute;top:36px;left:50%;font-size:32px;line-height:0.95;}
.foreign_money_body .sum.col_half > dl {position:relative;display:block;width:50%;float:left;text-align:center;}
.foreign_money_body .sum.col_half dt {font-size:15px;color:#111;}
.foreign_money_body .sum.col_half dd {font-size:24px;font-weight:700;color:#333;}
.foreign_money_body .sum.col_half > dl:nth-of-type(1) {padding-left:136px;text-align:left;}
.foreign_money_body .sum.col_half > dl:nth-of-type(2) {padding-right:136px;text-align:right;}
.foreign_money_body .total {text-align:center;border-top:1px solid #ddd;margin:0 30px;font-size:24px;line-height:80px;font-weight:700;}
.foreign_money_body .table_type01 tr th {background-color:#f6f6f6;font-weight:700;font-size:15px;color:#111;}
.foreign_money_body .table_type01 tr:first-child th,
.foreign_money_body .table_type01 tr:first-child td {border-top: 2px solid #000;}
.foreign_money_body .table_wrap + .btn_wrap {margin-top:15px;}
.foreign_money_body .cms_acc {margin-top:30px !important;}
.foreign_money .form_ele + .btn_wrap {margin-top:60px;}
.foreign_money .form_ele .radio_wrap .radio_type2 + .radio_type2 {margin-left:0;}
.foreign_money .form_ele .radio_wrap .radio_type2 {margin-right:10px;}
.foreign_money .form_ele.brand .ele_tit {padding-bottom:0;}
.foreign_money .form_ele.brand .radio_type2 {margin-top:10px;}
.foreign_money .ly_inner.btn_wrap {margin-top:60px;}
.card_use_guide {display:block; position:relative; margin:0; padding:0;}
.card_use_guide .guide_sec {display:block; position:relative; margin:0; padding:0;}
.guide_sec .sub_title5 + .marker_dot4 {margin-top:16px;}
.guide_sec .start_title {margin-top:60px;}
.guide_sec .table_wrap + .marker_dot4 {margin-top:13px;}
.guide_sec .marker_dot4 > li + li {margin-top:10px;}
.guide_sec + .guide_sec {margin-top:90px;}
.guide_sec .marker_dot4 + .btn_wrap,
.guide_sec .btn_wrap + .table_wrap {margin-top:30px;}
.guide_sec .btn_wrap + .sub_title5 {margin-top:60px;}
.select_wrap.progress_index {display:none}
.select_wrap.progress_index.current {display:block}
.select_wrap.progress_index .btn_select {border-top:none; font-size:16px; color:#333; font-weight:700; padding-left:30px;}
.select_wrap.progress_index .btn_select:focus {border-left:none; border-right:none; border-bottom:solid #ddd 1px;}
.select_wrap.progress_index .btn_select.focused {border:none;}
.select_wrap.progress_index .list_selectbox {border:none; border-top:solid #ddd 1px; box-shadow:0px 3px 5px rgba(0, 0, 0, 0.3);}
.select_wrap.progress_index .list_selectbox li {height:44px;}
.select_wrap.progress_index .list_selectbox li + li {border-top:solid #ddd 1px;}
.select_wrap.progress_index .list_selectbox li .option {line-height:44px; color:#333; font-size:16px; font-weight:400; padding:0 30px;}
.select_wrap.progress_index .list_selectbox li .option:hover, .select_wrap.progress_index .list_selectbox li .option:focus {background-color:#FFF; color:#333;}
.select_wrap.progress_index .progress_bar {display:block; position:absolute; left:0; top:41px; width:100%; height:3px; background-color:#f0f0f0;}
.select_wrap.progress_index .progress_bar .bar {display:block; position:absolute;left:0; top:0; width:0; height:3px; background-color:#4766dd; font-size:1px; color:transparent;} */

/**** 내정보관리 ****/
/* 내카드정보 */
.card_represent_set {width:580px; margin:60px auto; padding:60px 0;}
.card_represent_set dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0;}
.card_represent_set dl + dl {margin-top:20px;}
.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:150px;}
.mycard_info .accordion_wrap + .mycardinfo_detail {margin-top:40px;}
.mycardinfo_detail .my_notice {border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.mycardinfo_detail .my_notice dd span {display:inline-block; position:relative; margin-left:8px; padding-left:9px; color:#111; font-weight:400;}
.mycardinfo_detail .my_notice dd span::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 8px);height:14px; border-left:solid #ddd 1px;}
.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;}

.my_card_info .mylimit_info_wrap {display:block;width:100%;padding:0;}
.my_card_info .mylimit_info {max-width:470px;margin:0 auto;}
.my_card_info .mylimit_info_wrap .head_deck dl {padding:0;}
.my_card_info .df_list_col {padding:0;}
.my_card_info .df_list_col .item_wrap {overflow:hidden;width:50%;float:left;}
.my_card_info .df_list_col .item_wrap::after {display:none}
.my_card_info .df_list_col .item_wrap + .item_wrap {margin-left:0;}
.my_card_info .df_list_col .item_wrap {padding-top:40px;padding-left:30px;}
.my_card_info .df_list_col .item_wrap:first-child,
.my_card_info .df_list_col .item_wrap:first-child + .item_wrap {padding-top:0;}
.my_card_info .df_list_col .item_wrap:nth-child(odd) {padding-left:0;padding-right:30px;}

.my_card_info .df_list_col_wrap .df_list_col + .df_list_col {margin-top:40px;}
.my_card_info .df_list_col {display:block;overflow:hidden;}
.my_card_info .my_card_change li {display:inline-block;}
.my_card_info .my_card_change li button {min-width:198px;text-align:center;}
.my_card_info .my_card_change li button span {display:inline-block;vertical-align:middle;line-height:18px;}
.my_card_info .my_card_change li button .icon {width:30px;height:30px;}
.my_card_info .my_card_change li button .icon.ico01 {background:url(/pconts/images/contents/mypage/ico_check_digital.png) no-repeat 50% 0 / 100%;} 
.my_card_info .my_card_change li button .icon.ico02 {background:url(/pconts/images/contents/mypage/ico_check_print.png) no-repeat 50% 0 / 100%;} 
.my_card_info .my_card_change li button .icon.ico03 {background:url(/pconts/images/contents/mypage/ico_check_basic.png) no-repeat 50% 0 / 100%;} 
.my_card_info .my_card_change li button .icon.ico04 {background:url(/pconts/images/contents/mypage/ico_check_pause.png) no-repeat 50% 0 / 100%;} 
.my_card_info .card_wrap {display:block;white-space:nowrap;padding-top:5px;}
.my_card_info .card_wrap .card_icon {overflow:hidden;display:inline-block;width:57px;height:15px;vertical-align:middle;text-indent:-9999px;}
.my_card_info .card_wrap .card_icon.asiana{background-image:url(/pconts/images/contents/mypage/logo_asiana.png);}
.my_card_info .card_wrap .card_icon.korean{background-image:url(/pconts/images/contents/mypage/logo_korean.png);}
.my_card_info .card_wrap .card_icon {background-repeat:no-repeat; background-size:contain;}
.my_card_info .btn_question {display:inline-block;}
.my_card_info .card_wrap .card_number {}
.my_card_info .card_wrap .line {position:relative;padding-left:7px;margin-left:3px;line-height:20px;}
.my_card_info .card_wrap .line::before {content:'';position:absolute;top:4px;left:0;width:1px;height:12px;background:#ddd;}
.my_card_info .df_list_col_wrap.case02 .df_list_col {padding:25px 0;text-align:center;}
.my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap {display:inline-block;width:auto;float:none;text-align:left;padding-left:38px;}
.my_card_info .df_list_col_wrap.case02 .df_list_col .item_wrap:nth-child(odd) {padding-left:0;padding-right:38px;}
.pop_wrap.card_setting .form_ele .ele_tit {width:109px;}
.pop_wrap.card_setting .form_type .form_ele {padding-left:109px;}
.pop_wrap.card_setting .popup_type01 .pop_head.has_line {margin-bottom:0;}
.my_card_info .card_select.first_none .ui_select_list li:first-child{display:none;height:0;}

/* 장기휴면카드해지 */
.long_time_card .btn_wrap.two .btn:first-child {margin-right:4px;}
.long_time_card .btn_wrap.two .btn:last-child {margin-left:4px;}
.long_time_card .h_wrap .h_title24 + span.total {position:absolute;top:14px;right:0;margin-top:0;}
.long_time_card .cmp_list {max-width:360px;margin: 0 auto;border:0;}
.long_time_card .card_list {padding-left:66px;margin-top:-21px;}

/* 회원정보 변경 */
.h_wrap.mic_h_wrap {margin-bottom:60px;}
.mic_h_wrap .title2 {line-height:1.3;}
.mic_h_wrap .title2 span {color:#4868e1;}

/* 공통에서 처리 */
/* .member_info_change .accordion_header .acc_btn:after {content:""; position:absolute; top:18px; width: 18px; height: 18px; border-width: 2px 2px 0 0 ; border-color: #333 ; border-style: solid; transform: rotate(135deg);}
.member_info_change .accordion_header .acc_btn.on:after {transform:rotate(315deg); top:29px;} */
.member_info_change .accordion_body {background-color:#f6f6f6;}

.mic_list_wrap {display:block; position:relative; width:646px; margin:0 auto; padding:60px 0;}/* width:635 */
.mic_list_wrap.notmust {padding-bottom:0;}
.mic_list_wrap dl.myinfo {display:table; position:relative; margin:0; padding:0;}
.mic_list_wrap dl.myinfo > dt {display:table; position:relative; float:left; width:250px; min-height:44px; margin:0; padding:0;}
.mic_list_wrap dl.myinfo > dt > label, 
.mic_list_wrap dl.myinfo dt > span {display:table-cell; position:relative; width:100%; font-size:16px; color:#111; font-weight:700; top:13px;}
.mic_list_wrap  .myinfo .with_tooltip > label {position:relative; width:100%; font-size:16px; color:#111; font-weight:700;}
.mic_list_wrap dl.myinfo > dd {display:table; position:relative; float:left; width:396px; min-height:44px; margin:0; padding:0;} /* width:385 */
.mic_list_wrap dl.myinfo + .myinfo {margin-top:20px;}
.mic_list_wrap .text_wrap textarea {height:80px;}
.mic_list_wrap dl.myinfo dt.accordion_header {width:100%;}
.mic_list_wrap dl.myinfo dt.with_tooltip label {display:inline; position:relative; font-size:16px; color:#111; font-weight:700; top:4px; letter-spacing:0px;}
.mic_list_wrap dl.myinfo dt.with_tooltip .btn_tooltip {position:relative; top:2px;}
@media only screen and (max-width:370px){
    .mic_list_wrap dl.myinfo dt.with_tooltip label{letter-spacing:-0.2px;}
    .mic_list_wrap dl.myinfo dt.with_tooltip .btn_tooltip{margin-left:0;}
}
/* 마이페이지 본인인증 */
.mic_list_wrap dl.myinfo .pesnAuth-small-size .form_type.w_size01 {padding-top:0;}
.mic_list_wrap dl.myinfo .pesnAuth-small-size .tab_type01 .tab_wrap {padding-top:0; padding-bottom:28px;}

.tel_wrap.mypage_cellphone {margin-bottom:20px;}
.tel_wrap.mypage_cellphone.side_btn .input_wrap {width:calc(100% - 95px);}
.tel_wrap.mypage_cellphone.side_btn .input_wrap.change {width:calc(100% - 78px);}
.tel_wrap.mypage_cellphone.side_btn .btn.line_darkgray {min-width:90px; width:90px;}
.tel_wrap.mypage_cellphone.side_btn .btn.line_darkgray.change {min-width:70px; width:70px;}
.tel_wrap.mypage_cellphone .btn.line_darkgray {display:none;}
.tel_wrap.mypage_cellphone.side_btn .btn.line_darkgray {display:inline-block;}

.myinfo .terms_view {display:block; position:relative; width:100%; margin:0 0 20px 0; padding:0; border:solid #ddd 1px; background-color:#FFF;}
.myinfo .terms_view .checkbox {display:block; position:relative; height:51px; margin:0; padding:0 0 0 64px; line-height:54px; font-size:16px; color:#333;}
.myinfo .terms_view .checkbox span::before {content:''; display:block; position:absolute; left:-30px; top:calc(50% - 3px); width:9px; height:15px; margin:-10px 0 0 -4px; border-right:3px solid #bbb; border-bottom:3px solid #bbb; transform:rotate(45deg);}
.myinfo .terms_view .checkbox input[type="checkbox"]:checked + span::before {border-color:#4868e1;}
.myinfo .terms_view .btn {display:block; position:relative; width:100%; height:49px; margin:0; padding:0 0 0 64px; border-top:solid #ddd 1px; border-radius:0;}
.myinfo .terms_view .arrow {display:block; position:relative;  text-align:left; font-size:15px; color:#333;}
.myinfo .terms_view .arrow::after {content:''; display:block; position:absolute; right:20px; top:calc(50% - 3px); width:7px; height:7px; border-bottom:solid #ccc 1px; border-right:solid #ccc 1px; transform:rotate(-45deg);}
.myinfo.only_shlife .marker_dot4, .myinfo.english_address .marker_dot4 {margin-top:18px;}
.myinfo.only_shlife .marker_dot4 li, .myinfo.english_address .marker_dot4 li {font-size:13px;}

.mic_list_wrap .english_address {display:block; position:relative; margin:0 0 20px 0; padding:0;}
.mic_list_wrap .english_address .ea_area {display:block; position:relative; margin:20px 0 0 0; padding:0;}
.mic_list_wrap .english_address .ea_area .ea_case {display:block; position:relative; margin:0; padding:0;}
.mic_list_wrap .english_address .ea_area .ea_case + .ea_case {margin-top:20px;}
.mic_list_wrap .input_wrap.side_btn input {width: calc(100% - 84px);}
.mic_list_wrap .input_wrap.side_btn .btn.remove {width:78px; min-width:78px;}
.mic_list_wrap .text_wrap.side_btn textarea {width: calc(100% - 85px);}
.mic_list_wrap .text_wrap.side_btn .btn.remove {width:78px; min-width:78px; height:80px;}
.mic_list_wrap .text_wrap.side_btn .btn.remove span {position:relative; height:80px; line-height:80px;}
.mic_list_wrap .text_wrap.side_btn .btn.remove span::after {top:-2px !important}
/* .mic_list_wrap .english_address .ea_area textarea {margin-top:10px;} */
.mic_list_wrap .english_address .marker_dot {padding-left:250px; margin-top:15px;}

.myinfo .brithday_info {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0;}
.myinfo .brithday_info .radio_wrap {flex:1.2; padding-right:5px;}
.myinfo .brithday_info .input_birthday {flex:1;}

.mic_list_wrap .moreinfo_expend {display:block; position:relative; margin:30px 0 0 0; padding:85px 0 0 0; border-top:solid #ddd 1px;}
.mic_list_wrap .moreinfo_expend .extoggle {display:block; position:absolute; left:calc(50% - 90px); top:10px; margin:0; padding:0 20px 0 0; }
.moreinfo_expend .extoggle span {font-size:15px; color:#111; font-weight:700; padding-right:20px;}
.moreinfo_expend .extoggle span::after {content:''; display:block; position:absolute; right:2px; top:calc(50% - 8px); width:0; height:0; border-top:solid #666 8px; border-right:solid transparent 8px; transform:rotate(225deg)}
.moreinfo_expend .extoggle.open span::after {top:calc(50% - 2px); transform:rotate(45deg);}
.moreinfo_expend .moreinfo_wrap {display:none; position:relative; margin:0; padding:0 0 60px 0;}
.moreinfo_expend .moreinfo_wrap .marker_dot4 {font-size:13px;}
.moreinfo_wrap .add_group {position:relative;}
.moreinfo_wrap .add_group .etc_address, .moreinfo_wrap .add_group .etc_email {margin-top:20px;}
.moreinfo_wrap .add_group .addList + .myinfo {margin-top:20px;}
.moreinfo_wrap .add_group .myinfo + .myinfo {margin-top:10px;}
.moreinfo_wrap .add_group + .add_group {margin-top:20px;}
.moreinfo_wrap .add_group .btn_wrap {padding:20px 0 0 250px;}
.moreinfo_wrap .marker_dot + .add_group {margin-top:30px;}
.moreinfo_wrap .marker_wrap {padding:20px 0 0 250px;}
.moreinfo_wrap .marker_wrap .btn_sm {margin-left:7px ;margin-top:10px;}

.phone_confrim_wrap {display:none; position:relative; margin:0 0 20px 0; padding:0;}
.phone_confrim_wrap dl.myinfo dt.check_header {width:100%;}
.phone_confrim_wrap .btn_wrap {padding-left:250px; margin-top:20px;}
.phone_confrim_wrap dl.myinfo dd.accordion_body {padding:10px 0;}

.payment_num {display:block; position:relative; margin:40px 0 0 0; padding:0; border-top:solid #ddd 1px; background-color:#FFF;}
.payment_element {display:block; position:relative; margin:0; padding:0;}
.payment_element dl {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:0}
.payment_element dl dt {display:block; position:relative; margin:0; padding:0 10px; color:#111; flex:1;}
.payment_element dl dd {display:block; position:relative; margin:0; padding:0 10px; font-size:16px; color:#333; font-weight: 700; flex:1.7}
.payment_element .head {border-bottom:solid #ddd 1px;}
.payment_element .head dt,
.payment_element .head dd {padding:15px 10px;}
.payment_element .body {display:block; position:relative; margin:0; padding:15px 0; border-bottom:solid #ddd 1px;}
.payment_element .body dl + dl {margin-top:10px;}
.payment_element .body .radio_wrap label span {font-weight: 400;}

.mic_list_wrap dl.myfani > dt::after {content:''; display:block; clear:both;}
.mic_list_wrap dl.myfani dt {top:40px;}
.mic_list_wrap dl.myfani dd {float:right;}
.myicon_choice {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0;  -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.myicon_choice label {flex:1; display:block; position:relative;}
.myicon_choice label span {width:74px; overflow:hidden; padding:74px 0 0 0; margin:10px 0 0 0; text-align:center; background-color:transparent; font-size:16px; color:#111;}
.myicon_choice label span::before {content:''; display:block; position:absolute; left:0; top:0; width:74px; height:74px; background-position:left top; background-repeat:no-repeat; background-size:cover;}
.myicon_choice label .myicon01+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_01.png);}
.myicon_choice label .myicon02+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_02.png);}
.myicon_choice label .myicon03+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_03.png);}
.myicon_choice label .myicon04+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_04.png);}
.myicon_choice label .myicon05+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_05.png);}
.myicon_choice label .myicon06+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_06.png);}
.myicon_choice label .myicon07+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_07.png);}
.myicon_choice label .myicon08+ span::before {background-image:url(/pconts/images/contents/mypage/myicon_08.png);}
.myicon_choice label input:checked + span {color:#4868e1; font-weight: 700;}
.myicon_choice label input:checked + span::after {content:''; display:block; position:absolute; left:0; top:0; width:74px; height:74px; border:solid #4868e1 2px; border-radius:50%;}
.myicon_choice label + label {margin-left:33px;}
.myicon_choice label + label:nth-child(4n+1) {margin-left:0;}
.myicon_choice label input[type="radio"] {width:63px; height:63px;top:10px;}

.mycheckcolor {display:block; position:relative; margin:0; padding:0;}
.mycheckcolor .flex_wrap {display:table; position:relative; width:100%; margin:0; padding:0; box-sizing:border-box;}
.mycheckcolor .flex_wrap + .flex_wrap {margin-top:4px;}
.mycheckcolor .flex_wrap label {float:left; display:block; position:relative; width:25%; box-sizing:border-box; background-color:#FFF;}
.mycheckcolor .flex_wrap label span {display:block; position:relative; height:44px; line-height:46px; margin:0; text-align:center; border-radius:4px; border:solid #ddd 1px;}
.mycheckcolor .flex_wrap label span::before {content:''; display:inline-block; position:relative; top:2px; width:14px; height:14px; margin-right:7px; border-radius:50%;}
.mycheckcolor .flex_wrap label .mc_color01 + span::before {background-color:#148097;}
.mycheckcolor .flex_wrap label .mc_color02 + span::before {background-color:#996600;}
.mycheckcolor .flex_wrap label .mc_color03 + span::before {background-color:#d63d0e;}
.mycheckcolor .flex_wrap label .mc_color04 + span::before {background-color:#13872b;}
.mycheckcolor .flex_wrap label .mc_color05 + span::before {background-color:#7030a0;}
.mycheckcolor .flex_wrap label .mc_color06 + span::before {background-color:#cf29b6;}
.mycheckcolor .flex_wrap label .mc_color07 + span::before {background-color:#3e4aa5;}
.mycheckcolor .flex_wrap label input:checked + span {border-color:#4868e1;}
.mycheckcolor label + label {padding-left:4px !important;}
.mic_list_wrap .preview_wrap {display:block; position:relative; width:100%; margin:20px 0 40px 0; padding:0;}
.mic_list_wrap .myinfo dd .onoff_btn {margin-top:9px;}

/* 나만의 확인메세지  20.01.22*/
.mymessage_preview {display:block; position:relative; width:380px; height:140px; margin:20px 0 0 250px; padding:0; background-color:#FFF}
.mymessage_preview .icon_preview {display:block; overflow:hidden; position:absolute; left:28px; top:calc(50% - 36px); width:73px; height:73px; background-image:url(/pconts/images/contents/mypage/myicon_00.png); background-repeat:no-repeat; background-position:50%; background-size:100%; font-size:1; color:transparent; text-indent:-9999px;}
.mymessage_preview.myicon01 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_01.png);}
.mymessage_preview.myicon02 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_02.png);}
.mymessage_preview.myicon03 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_03.png);}
.mymessage_preview.myicon04 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_04.png);}
.mymessage_preview.myicon05 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_05.png);}
.mymessage_preview.myicon06 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_06.png);}
.mymessage_preview.myicon07 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_07.png);}
.mymessage_preview.myicon08 .icon_preview {background-image:url(/pconts/images/contents/mypage/myicon_08.png);}
.mymessage_preview.only_view {display:block; position:relative; width:380px; height:140px; margin:0 auto 40px auto; padding:0;}
.mic_list_wrap  .myinfo .with_tooltip {position:relative; top:12px;}

.mymessage_preview .text_table {display:table; position:relative; width:100%; height:100%; margin:0; padding:0 0 0 120px;}
.mymessage_preview .text_table .inner {display:table-cell; position:relative; margin:0; padding:0; vertical-align: middle;}
.mymessage_preview .text_table .mc_color {font-size:20px; line-height:1.2;}
.mymessage_preview .text_table .mc_color > span {display:inline-flex;overflow:hidden;line-height:21px;}
.mymessage_preview .text_table .name {font-size:28px; color:111;}
.mymessage_preview .text_table .name strong {font-weight:700;}
.mymessage_preview .text_table .name span {color:#996600}
.mymessage_preview .text_table .date {font-size:13px; color:#999}
.mymessage_preview.mc_color01 .text_table .mc_color {color:#148097;}
.mymessage_preview.mc_color02 .text_table .mc_color {color:#996600;}
.mymessage_preview.mc_color03 .text_table .mc_color {color:#d63d0e;}
.mymessage_preview.mc_color04 .text_table .mc_color {color:#13872b;}
.mymessage_preview.mc_color05 .text_table .mc_color {color:#7030a0;}
.mymessage_preview.mc_color06 .text_table .mc_color {color:#cf29b6;}
.mymessage_preview.mc_color07 .text_table .mc_color {color:#3e4aa5;}

.myinformation_read .df_list_wrap .item.tit {width:150px; padding:15px 12px 0 12px; min-height:37px;}
.myinformation_read .df_list_wrap .item.con {width:calc(50% - 150px); padding:15px 12px 0 12px; min-height:37px;}
.myinformation_read .df_list_wrap.single .item.con {width:calc(100% - 150px); padding:15px 12px 0 12px;}
.myinformation_read .df_list_wrap + .h_wrap, .myinformation_read .stub_info_wrap + .h_wrap,
.myinformation_read .singleline_list + .h_wrap {margin-top:54px;}
.myinformation_read .singleline_list {padding-left:12px; padding-right:12px;}       

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

.tel_wrap.my_message > .select_wrap {width:100%; position:relative;}
.tel_wrap.my_message > .select_wrap + div {padding-left:0; margin-top:8px;}

.stub_info_wrap {display:table; position:relative; width:100%; margin:0; padding:0; border-bottom:solid #ddd 1px;}
.stub_info_wrap .stub_col {display:block; position:relative;margin:0; padding:0}
.stub_col .df_list_wrap.title {padding-top:2px; padding-bottom:15px;}
.stub_col .df_list_wrap.detail {border:none;}
.stub_col .df_list_wrap.detail .item.con {position:relative; width:calc(100% - 150px);}

.person_message_box {display:block; position:relative; min-height:210px; margin:0 0 40px 0; padding:0; background-color:#eee;}
.prepaid_card_mail .radio_wrap {width:190px;}

/* 생활요금납부 한눈에 보기 */
.living_pay_line {display:inline-block;padding-left:22px;position:absolute;}
.living_pay_line::before {content:"";position:absolute;top:9px;left:10px;width:1px;height:12px;background:#ddd;}

/* 신용체크선택결제 */
.sel_payment .checkbox_list .df_list .item_wrap:last-child .item {padding-bottom:0;}
.sel_payment .checkbox_list .check_none {padding:18px 31px 35px;}
.sel_payment .card_list .card_name,
.sel_payment .df_list .item.con {display:block;width:100%;}
.sel_payment .card_list .card_name + .card_name {margin-top:3px;}
.sel_payment .arrow_down {height: 80px;background: url(/pconts/images/contents/mypage/arrow_down.png) no-repeat center;}
.sel_payment .df_list .item {word-break:break-all;}

/* 금융주소 한번에 */
.checkbox_list.onpop {border-top:solid #000 2px; padding:20px 0; max-height:161px; overflow:hidden; overflow-y:auto;}
.checkbox_list.onpop li {padding:0;}
.checkbox_list.onpop li + li {border-top:none; margin-top:20px;}
.checkbox_list.onpop .check_wrap .check_default input[type="checkbox"] + span {padding-left:35px;}

/* 결제일 변경 .payment_date : 결제일변경 디자인 클래스*/
.payment_date .accordion_wrap .accordion_header .card_head {padding-bottom:31px;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01 {margin-left:50px; font-weight:400;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01.left {margin-left:0;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01 .text {color:#111;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info01 .card_date {margin-right:8px; font-weight:700;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 {margin-left:0; font-weight:400;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 .text {color:#111;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 .line {position:relative; margin-left:8px; padding-left:8px;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info02 .line::before {content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-7px; background:#ddd;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info03 {display:inline-block; position:relative; margin:0 0 0 50px;; padding:0;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info03:before {content:''; display:block; position:absolute; top:50%; left:50%; width:17px; height:15px; background:url('/pconts/images/contents/mypage/arrow_right.png') no-repeat 50% 50% / 100% auto; transform:translate(-50%, -50%);}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info03 .text {font-weight:700; font-size:15px; color:#111;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info03 .text.before {margin:0 30px 0 0;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info03 .text.after {margin:0 0 0 47px;}
.account.pwd_rel_wrap.payment_date .account_list .acc_btn .card_info04 {display:block; float:right; margin:0 65px 0 0; font-weight:400; font-size:15px; color:#333;}
/* .pwd_rel_wrap.payment_date .accordion_body {margin-bottom:40px;} */
.account.pwd_rel_wrap.payment_date .account_list > dl:not(:last-child) {margin-top:0;margin-bottom:40px;}
.account.pwd_rel_wrap.payment_date .account_list > dl:last-child {margin-top:0;}
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half,
.account.pwd_rel_wrap.payment_date .cms_accordion_wrap .col_half + .sub_title2 {padding:0 20px;}
.account.pwd_rel_wrap.payment_date .account_list .card_logo {display:inline-block; position:relative; padding-right:46px; line-height:25px;}
.account.pwd_rel_wrap.payment_date .account_list .card_logo:before {content:''; display:block; position:absolute; top:-2px; right:0; width:40px; height:25px;background:url() no-repeat 50% 50% / 100% auto;}
.account.pwd_rel_wrap.payment_date .account_list .card_logo.cd01::before {background-image:url(/pconts/images/contents/mypage/img_card_k01.png);} /* VISA */
.usage_list .traffic_cont .type_card.cd02::before {background-image:url(/pconts/images/contents/mypage/img_card_k02.png);} /* MASTER */
.usage_list .traffic_cont .type_card.cd03::before {background-image:url(/pconts/images/contents/mypage/img_card_k03.png);} /* AMEX */
.usage_list .traffic_cont .type_card.cd04::before {background-image:url(/pconts/images/contents/mypage/img_card_k04.png);} /* JCB */
.usage_list .traffic_cont .type_card.cd05::before {background-image:url(/pconts/images/contents/mypage/img_card_k05.png);} /* URS */
.usage_list .traffic_cont .type_card.cd06::before {background-image:url(/pconts/images/contents/mypage/img_card_k06.png);} /* LOCAL */
.usage_list .traffic_cont .type_card.cd07::before {background-image:url(/pconts/images/contents/mypage/img_card_k07.png);} /* UNION PAY */
.usage_list .traffic_cont .type_card.cd08::before {background-image:url(/pconts/images/contents/mypage/img_card_k08.png);} /* S& */
.usage_list .traffic_cont .type_card.cd09::before {background-image:url(/pconts/images/contents/mypage/img_card_k09.png);} /* BC */
.account.pwd_rel_wrap.payment_date .account_list .card_logo.only_text {padding-right:0;}
.account.pwd_rel_wrap.payment_date .account_list .card_logo.only_text:before {content:none;}
.account.pwd_rel_wrap.payment_date .card_logo {background:none;padding-left:0;}

.payment_date .sub_title2 {margin-top:40px; margin-bottom:20px;}
.payment_date .col_half:after {content:''; display:block; clear:both;} 
.payment_date .col_half .col {float:left; width:50%;}
.payment_date .col_half .col.left {padding-right:20px;}
.payment_date .col_half .col.right {padding-left:20px;}
.payment_date .accordion_header button.acc_btn, .accordion_header a[role="button"].acc_btn {font-size:16px;}
.payment_date .accordion_body .inner .marker_dot {padding-right:20px; padding-left:20px;}
.payment_date .pay_date_info {display:block; position:relative; width:300px; margin:0 auto; padding:0;}
.payment_date .pay_date_info.left {margin:0;}
.payment_date .pay_date_info:before {content:''; display:block; position:absolute; top:25px; left:135px; width:17px; height:15px; background:url('/pconts/images/contents/mypage/arrow_right.png') no-repeat 50% 50% / 100% auto;}
.payment_date .pay_date_info:after {content:''; display:block; clear:both;}
.payment_date .pay_date_info .pay_date.before {float:left;}
.payment_date .pay_date_info .pay_date.after {float:right; text-align:right;}
.payment_date .pay_date_info .pay_date dt {font-size:15px; color:#111;}
.payment_date .pay_date_info .pay_date dd {font-weight:700; font-size:24px; color:#111;}
.payment_date .pay_date_info .pay_date dd .date_select {position:relative; padding:0 33px 3px 0; font-weight:inherit; font-size:inherit; color:inherit; background:url('/pconts/images/common/ico_calendar_02.png') no-repeat 99% 5px / 21px 20px;}
.payment_date .pay_date_info .pay_date dd .date_select:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#333;}
.payment_date .change_info {display:block; position:relative; margin:0; padding:38px 40px 0 40px;text-align:left}
.payment_date .change_info.upper{padding-top:0}
.payment_date .change_info.lower:before {content:''; display:block; position:absolute; left:50%; top:0; width:15px; height:17px; margin-left:-8px; background:url('/pconts/images/contents/mypage/arrow_down.png') no-repeat 50% 100%}
.payment_date .change_info .change_info_title {margin:0 0 15px; font-weight:700; font-size:16px; color:#333;}
.payment_date .change_info .df_list_col {justify-content:start;}
.payment_date .change_info .df_list_col .item_wrap {flex:none; padding-right:80px;}
.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:64px;}
.pop_radio_day .radio_wrap.col05 .radio_type2 + .radio_type2 {margin-bottom:5px;}
.pop_radio_day .radio_wrap.col05 .radio_type2:nth-child(6),
.pop_radio_day .radio_wrap.col05 .radio_type2:nth-child(5n + 6) {margin-left:0;}
.payment_change_info{margin-bottom:60px}
.card_inquiry_list.payment_change_info .head_tit *{vertical-align:middle}
.card_inquiry_list.payment_change_info .head_tit .txt02{margin-left:0}
.card_inquiry_list.payment_change_info .head_tit .txt04{display:inline-block;position:relative;padding-right:11px;margin-right:7px;font-weight:400;vertical-align:middle;line-height:22px}
.card_inquiry_list.payment_change_info .head_tit .txt04 .txt{display:inline-block}
.card_inquiry_list.payment_change_info .head_tit .txt04 .ico_card_logo{margin-left:5px}
.card_inquiry_list.payment_change_info .head_tit .txt04:after{content:'';display:block;position:absolute;top:6px;right:0;width:1px;height:12px;background:#ddd}
.card_inquiry_list.payment_change_info .head_tit .txt01{margin-left:45px}
/* .card_inquiry_list.payment_change_info .head_tit .txt01 span {letter-spacing:-1px;} */
.card_inquiry_list.payment_change_info.accordion_wrap.type02 .accordion_header .cell1 {padding-right:0;}
.card_inquiry_list.payment_change_info .accordion_body{border-radius:0 0 7px 7px;}
.card_inquiry_list.payment_change_info .accordion_body{padding:37px 0;text-align:center;background:#f6f6f6}
.card_inquiry_list.payment_change_info .accordion_body .change_cont{position:relative;margin:0 auto;width:300px}
.card_inquiry_list.payment_change_info .accordion_body .change_cont:after{content:'';display:block;clear:both}
.card_inquiry_list.payment_change_info .accordion_body .change_cont{background:url('/pconts/images/contents/mypage/arrow_right_p.png') no-repeat 45% 50%}
.payment_change_info .accordion_body .change_cont .pay_date{float:left;width:50%;text-align:left}
.payment_change_info .accordion_body .change_cont .pay_date dd{color:#111;font-size:24px;font-weight:700}
.payment_change_info .accordion_body .change_cont .pay_date.after{text-align:right}
.payment_change_info .accordion_body .change_cont .pay_date .date_select{position:relative;padding:0 33px 0 0;background:url('/pconts/images/common/ico_calendar_02.png') no-repeat calc(100% - 1px) 7px / 21px 20px}
.payment_change_info .accordion_body .change_cont .pay_date .date_select:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#333;}
.payment_change_info .dl_wrap{margin-bottom:35px;padding:0 30px 30px;border-bottom:1px solid #ddd}
.payment_change_info .dl_wrap .df_list .item.con{width:calc(100% - 220px)}

/* 결제일변경 확인 & 결제일변경 이력조회 */
.payment_change .arrow_down {height:80px;background:url(/pconts/images/contents/mypage/arrow_down.png) no-repeat center;}
.payment_change .df_list_col_wrap .item_wrap:nth-child(2),
.payment_inquiry .df_list_col_wrap.inblock .item_wrap:nth-child(2) {margin:0 116px;}
.payment_change .df_tit {margin-bottom:14px;color:#333;font-weight:700}
.payment_change .df_tit * {display:inline-block;vertical-align:middle;}
.payment_change .df_tit span{font-weight:400}
.payment_change .df_tit span::after {content:"";display:inline-block;width:1px;height:13px;margin:0 8px;background:#ddd;vertical-align:middle;}
.payment_change .result_guide p,
.payment_change .result_guide .marker_dot {display:inline-block;}
.payment_change .result_guide .marker_dot {max-width:585px;}
.payment_change .result_guide.big .marker_dot {max-width:743px;}
/*
.payment_comp_info{padding:0 40px;text-align:left}
.payment_comp_info .df_tit{color:#333;font-size:16px}
.payment_comp_info .df_tit + .df_list_col_wrap {margin-top:13px}
*/
.payment_change_info .df_list_col_wrap.wp_ln{border-top:none}
.payment_change_info .change_info_title{margin:0;padding-bottom:10px;border-bottom:1px solid #ddd}
.card_inquiry_list.payment_change_info .head_tit .txt02 b{font-weight:400}
.card_inquiry_list.payment_change_info .head_tit+.change_date{margin-left:50px}
.change_date{position:relative;display:inline-block;color:#111;}
.change_date b{display:inline-block;}
.accordion_header .change_date b + b{position:relative; padding-left:55px; margin-left:40px;}
.accordion_header .change_date b + b .blind{width:20px; height:20px;  top:calc(50% - 10px) !important; left:calc(0% - 11px) !important; border:1px solid #086ac5 !important; border-radius:50%;}
.accordion_header .change_date b + b::before {content:'';display:block;position:absolute;left:0;top:50%;width:10px;height:1px;background-color:#086ac5;margin-left:-8px;}
.accordion_header .change_date b + b::after {content:'';display:block;position:absolute;left:3px;top:calc(50% + 4px);width:5px;height:5px;border-top:solid #086ac5 1px;border-right:solid #086ac5 1px;transform:rotate(45deg);margin:-6px 0 0 -5px;}
.accordion_header .change_date b + b{padding-left:55px; margin-left:45px;}
.accordion_header.on .change_date b + b .blind{display:none;}
.accordion_header.on .change_date b + b::before {content:'';display:block;position:absolute;left:0;top:50%;width:20px;height:1px;background-color:#086ac5;margin-left:-6px;}
.accordion_header.on .change_date b + b::after {content:'';display:block;position:absolute;left:11px;top:calc(50% + 3px);width:7px;height:7px;border-top:solid #086ac5 1px;border-right:solid #086ac5 1px;transform:rotate(45deg);margin:-6px 0 0 -5px;}


.change_date b + b::before {content:'';display:block;position:absolute;left:0;top:50%;width:10px;height:1px;background-color:#086ac5;margin-left:-6px;}
.change_date b + b::after {content:'';display:block;position:absolute;left:3px;top:calc(50% + 4px);width:5px;height:5px;border-top:solid #086ac5 1px;border-right:solid #086ac5 1px;transform:rotate(45deg);margin:-6px 0 0 -5px;}
.card_inquiry_list > .item .comp_txt{position:absolute;top:50%;right:74px;width:100px;margin-top:-13px;color:#111;text-align:center}

/* 현금서비스 한도운영주기 및 결제 예정일 */
.chah_service_search {display:block; position:relative; margin:0 auto; padding:25px 0 ; width:480px; }
.cash_service_list {display:block; position:relative; margin:0 0 40px 0; padding:0;}
.cash_service_list ul {display:block; position:relative; margin:0; padding:0; border-top:solid #ddd 1px;}
.cash_service_list li.flexbox_dl {border-top:none;}
.cash_service_list .flexbox_dl dl.head {margin-bottom:10px;}
.cash_service_list .flexbox_dl dl.head dt {font-size:16px; color:#111;}
.cash_service_list .flexbox_dl dl.head dd {font-size:18px; color:#111; font-weight:700; text-align:right;}
.cash_service_list .flexbox_dl dd {font-weight:400; text-align:right}
.cash_service_list .flexbox_dl dl + dl {margin-top:0}

/* 체크카드 대표계좌변경*/
.checkcard_change {display:block; position:relative; overflow: hidden; margin: 0; padding: 15px 0;}
.checkcard_change .change_before {float:left; width:55%;}
.checkcard_change .change_after {float:left;}
.checkcard_change:after {content:'';display:block;clear:both;}
.checkcard_change span {display:block; font-weight:700; font-size:16px; color:#111; line-height:24px;}
.checkcard_change strong {font-weight:400;}
.checkcard_change .change_before:before {content:''; display:block; position:absolute; top:50%; left:45%; width:17px; height:15px; background:url('/pconts/images/contents/mypage/arrow_right.png') no-repeat 50% 50% / 100% auto; transform:translate(-50%, -50%);}
.checkcard_account_change hr.underLine{background:#eee;}
.checkcard_account_change .checkbox_list .check_default.vmid input + span::before{left:0; margin-top:-13px;}
.checkcard_account_change .checkbox_list .check_default.vmid input + span::after{top:50%; left:6px; margin-top:-5px;}
.accordion_wrap .accordion_header .checkcard_info span {display:inline-block; font-weight:400; font-size:16px; color:#111;}
.accordion_wrap .accordion_header .checkcard_info .card_name {position: relative; padding:0 16px 0 0;}
.accordion_wrap .accordion_header .checkcard_info .card_name:after {content:''; display:block; position:absolute; top:50%; margin-top:-7px; right:6px; width:1px; height:12px; background-color:#ccc;}
.accordion_wrap .accordion_header .account_info {display:block; width:100%;} 
.accordion_wrap .accordion_body .account_info dt {display:inline-block; width:30%; font-weight:700; color:#111;}
.accordion_wrap .accordion_body .account_info dd {display:inline-block; width:auto;}
.accordion_wrap .accordion_header .checkcard_info .bank_name {margin-left:50px; font-weight:700; font-size:16px; color:#111;}
.accordion_wrap .accordion_header .checkcard_info .bank_num {margin-left:20px;font-weight:400; font-size:16px; color:#111;}

/* 결제일 변경 이력 조회 .payment_inquiry : 결제일변경 디자인 클래스*/
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info02 .card_date {margin:0 8px 0 0;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info03 {margin-left:0;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info04 {display:block; float:right; margin:0 65px 0 0; font-weight:400; font-size:15px; color:#333;}
.account.pwd_rel_wrap.payment_inquiry .account_list .acc_btn .card_info05 {margin:0 50px 0 0; font-size:15px; color:#111;}
.payment_inquiry .df_list_col_wrap:not(.bdr_b) {border-bottom:0;}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap {vertical-align:top;}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(1) {flex:0.9;}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(2) {flex:1.3}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(3) {flex:1.8;}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(4) {flex:2;max-width:289px;}
.payment_inquiry .df_list_col_wrap.item4 .item_wrap:nth-child(4) .con dt span {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;;white-space:nowrap;}

.payment_inquiry .df_list_col_wrap.item5 .item_wrap {vertical-align:top;}
.payment_inquiry .df_list_col_wrap.item5 .item_wrap:nth-child(1) {flex:0.9;}
.payment_inquiry .df_list_col_wrap.item5 .item_wrap:nth-child(2) {flex:1.3}
.payment_inquiry .df_list_col_wrap.item5 .item_wrap:nth-child(3) {flex:1.3;}
.payment_inquiry .df_list_col_wrap.item5 .item_wrap:nth-child(4) {flex:1.8;}
.payment_inquiry .df_list_col_wrap.item5 .item_wrap:nth-child(5) {flex:2;max-width:289px;}
.payment_inquiry .df_list_col_wrap.item5 .item_wrap:nth-child(5) .con dt span {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 체크카드서비스  */
.checkover_service.flexbox_wrap {padding: 28px 167px;}
.agree_check_ul .check_wrap.check_only .btn_check_pop.arrow {right:0; top:-1px; font-size:1px; color:transparent; width:50px; height:100%; background: url(/pconts/images/common/slide_dd_arr.png) no-repeat center center;}

/* 체크카드신용서비스 */
.checkcard_overuse .usage_item .usage_info .title_area {width:calc(100% - 380px); padding-right:0;}
.checkcard_overuse .usage_item .usage_info .texts_area {width:380px;}
.checkcard_overuse .usage_item .usage_info, .usage_item dl {width: calc(100% - 320px)}
.checkcard_overuse .usage_item .usage_info .texts_area .app_num {position:relative; padding-left:16px;}
.checkcard_overuse .usage_item .usage_info .texts_area .app_num::before {content:''; display:block; position:absolute; left:6px; top:3px; width:1px; height:13px; background-color:#e6e6e6;}
.checkcard_overuse .usage_item .price_info {width:320px; padding-right:190px;}
.checkcard_overuse .usage_item .price_info .pay_day {display:block; position:absolute; right:0; top:0; text-align:right;}

/* 후불교통 하이패스 체크카드 */
.late_transportation {display:block; position:relative; margin:0; padding:0;}
.late_transportation .h_title, .late_transportation .font_md {margin-bottom:11px;}
.late_transportation .marker_dot + .h_title {margin-top:40px;}
.late_transportation .marker_hyphen + .h_title24 {margin-top:60px;}

.late_transport_list .usage_item {align-items:inherit;}
.late_transport_list .usage_info {position:relative; width:calc(100% - 400px);}
.late_transport_list .usage_info .texts_area {width:170px;}
.late_transport_list .usage_info .texts_area {width:170px;}
.late_transport_list .usage_info .title_area {padding-left:30px; width:calc(100% - 170px)}
.late_transport_list .price_info .late_pay_info {float:right; display:table; position:relative; margin:0; padding:0;}
.late_transport_list .price_info .late_pay_info li {float:left; display:inline-block; position:relative; margin:0; padding:0; font-size:13px; border-bottom:0;}
.late_transport_list .price_info .late_pay_info li + li {padding-left:16px;}
.late_transport_list .price_info .late_pay_info li + li::before {content:''; display:block; position:absolute; left:6px; top:3px; width:1px; height:13px; background-color:#e6e6e6;}
.late_transport_list .price_info {width:400px; padding-right:180px;}
.late_transport_list .price_info .pay_day {display:block; position:absolute; right:0; top:0; text-align:right;}
.pop_wrap.small .popup.latePay_trans {max-height:470px;}

.late_transport_list.hipass .usage_info {position:relative; width:calc(100% - 300px);}
.late_transport_list.hipass .usage_info .texts_area {width:250px;}
.late_transport_list.hipass .usage_info .title_area {padding-left:30px; width:calc(100% - 250px)}
.late_transport_list.hipass .price_info {width:300px; padding-right:60px;}
.late_transport_list.hipass .price_info p.late_pay_info {font-size:13px;}

 /* 명세서수령방법 변경 */
.accordion_wrap.card_type .accordion_header .radio_wrap .radio_default .float_r {font-weight:400;}
.card_inquiry_list.change_statement .accordion_header .card_head {padding-right:0;}
.accordion_body .state_area.dl_list_type {overflow:hidden; display:table; width:100%;}
.accordion_body .state_area.dl_list_type dl.list {display:table-cell; padding-right:20px;}
.accordion_body .state_area.dl_list_type dl.list:nth-child(1) {width:13%;}
.accordion_body .state_area.dl_list_type dl.list:nth-child(2) {width:23%;}
.accordion_body .state_area.dl_list_type dl.list:last-child {width:23%;}
.accordion_body .state_area.dl_list_type dt {margin-bottom:7px;}
.accordion_body .state_area.dl_list_type dd {color:#333; font-weight:700;}
.accordion_body .state_area.dl_list_type dd span {display:block; margin-bottom:7px;}
.report_set_wrap > * {display:inline-block;}
.report_set_wrap .check_wrap {width:auto;}
.report_set_wrap .check_wrap label {width:auto;}
.icon_list.type03.change_statement .icon_box {background-size:50px; background-position:50% 8px; background-repeat:no-repeat;}
.icon_list.type03.change_statement .icon_box.receive01 {background-image:url(/pconts/images/contents/mypage/receive_method_01.png);}
.icon_list.type03.change_statement .icon_box.receive02 {background-image:url(/pconts/images/contents/mypage/receive_method_02.png);}
.icon_list.type03.change_statement .icon_box.receive03 {background-image:url(/pconts/images/contents/mypage/receive_method_03.png);}
.icon_list.type03.change_statement .icon_box.receive04 {background-image:url(/pconts/images/contents/mypage/receive_method_04.png);}
.icon_list.type03.change_statement .icon_box.receive05 {background-image:url(/pconts/images/contents/mypage/receive_method_05.png);}
.icon_list.type03.change_statement .icon_box.receive06 {background-image:url(/pconts/images/contents/mypage/receive_method_06.png);}
.icon_list.type03.change_statement .icon_box.receive07 {background-image:url(/pconts/images/contents/mypage/receive_method_07.png);}
.icon_list.type03.change_statement .icon_box.receive07 {background-image:url(/pconts/images/contents/mypage/receive_method_07.png);}
.icon_list.type03.change_statement .icon_box.receive08 {background-image:url(/pconts/images/contents/mypage/receive_method_08.png);}

.simple_mobile_report .card_list01[data-type="card"] > ul > li {position:relative;}
.simple_mobile_report .card_list01[data-type="card"] > ul > li + li {margin-top:28px;}
.simple_mobile_report .card_list01[data-type="card"] > ul > li + li::before {content:''; display:block; position:absolute; left:calc(50% - 7px); top:-23px; margin:0; padding:0; width:14px; height:14px; border-bottom:solid #ddd 2px; border-right:solid #ddd 2px; transform:rotate(45deg);}

.download_icon {display:inline-block; position:relative; margin:0 3px 0 0; padding:0 25px 0 0; background:url(/pconts/images/contents/mypage/download_icon.png) no-repeat right -1px; background-size:21px 18px;}

/* 유료상품 납부 이력 조회*/
.moreinfo_expend.payService button {display:block; width:100%; line-height:55px; text-align:center; border-bottom:1px solid #ddd;}
.moreinfo_expend.payService .moreinfo_wrap {padding-bottom:0px;}
#pop_PayService_Record .popup_type01 .pop_cont .bg_gray {padding:30px 50px;}
#pop_PayService_Record .popup_type01 .pop_cont .form_type .form_ele {padding-left:150px;}
#pop_PayService_Record .popup_type01 .pop_cont .form_type .form_ele .ele_tit {left:100px;}
.list_group .list01 .pay_service .simple_item .tit a::after {content:''; display:inline-block; position:relative; width:8px; height:8px; margin-left:5px; border:1px solid #7b7b7b; border-right:0; border-bottom:0; transform:rotate(135deg);}

.popup_type01 .pop_head.with_tab {padding-bottom:2px;}

/* 카드이용분석 */
.pop_wrap .agree_check_dl .check_body.card_report,
.ex_report_info .check_body.card_report {padding-left:56px;}
.shm_report_wrap {display:block; position:relative; margin:0; padding:30px 0 0 0;}
.shm_report_wrap .date {display:block; position:relative; color:#333; font-weight:400;}
.report_info .sub_image {display:block; position:relative; margin:0; padding:0; text-align:center;}
.report_info .sub_image img {width:100%;max-width:440px;}
.report_info .sub_txt02 + .sub_image {margin-top:16px;}
.report_info .sub_image + .sub_txt02 {margin-top:40px;}
.report_info .sub_image.cir_graph img {vertical-align:top;}
.report_info .sub_image.cir_graph img + img {margin-left:50px;}

.chart_partition_slide {position:relative;}
.chart_partition_slide [class^='chart-button'] {display:block;position:absolute;top:calc(50% - 60px);width:40px;height:40px; border-radius:50%; background-color:rgba(51, 51, 51, 1); z-index:10;overflow:hidden;}
.chart_partition_slide [class^='chart-button']::before {content:"";position:absolute; top:calc(50% - 7px);width:13px;height:13px;border-width:2px 2px 0 0;border-color:#FFF;border-style:solid;}
.chart_partition_slide .chart-button-prev {left:1px;}
.chart_partition_slide .chart-button-next {right:1px;}
.chart_partition_slide .chart-button-prev::before {left:calc(50% - 4px); transform: rotate(-135deg);}
.chart_partition_slide .chart-button-next::before {left:calc(50% - 7px); transform: rotate(45deg);}
.chart_partition_slide .swiper-button-disabled {background-color:rgba(51, 51, 51, 0.15) !important}
.chart_partition_slide .swiper-button-disabled::before {border-color:#FFF;}
.chart_partition_slide .swiper-pagination {position:static;margin-top:20px;}
.chart_partition_slide .swiper-pagination-bullet {margin:0;width:8px;height:8px;opacity:1;background:#ddd;vertical-align:middle;}
.chart_partition_slide .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:4px;}
.chart_partition_slide .swiper-pagination-bullet-active {width:12px;height:12px;background:#fff;border:3px solid #333;}
.chart_partition {display:block; position:relative; margin:0; padding:0;}
.chart_partition + .chart_partition {margin-top:80px;}
.chart_partition .tit_message {display:block; position:relative; margin:0 0 20px 0; padding:0; font-size:24px; color:#333; font-weight:700;}
.chart_partition .tit_message + .top5 {position:relative; margin-bottom:10px; top:-8px;}
.chart_article {display:block; position:relative; margin:0; padding:0; width:100%; min-height:270px;}
.chart_partition .chart_inner_size {width:460px; margin:0 auto;}
.chart_partition_slide .chart_sample {display:block; position:relative;margin:0; padding:0; border:solid #ddd 1px;}
.chart_partition_slide .chart_sample .pc {display:block;}
.chart_partition_slide .chart_sample .mobile {display:none;}
.chart_partition_slide .chart_sample img {width:100%;}

.icon_list_wrap {display:block; position:relative; margin:0; padding:0;}
.icon_list_wrap ul {display:block; position:relative; margin:0; padding:5px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.icon_list_wrap li {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:15px 0; flex-wrap:wrap; align-items:center;}
/* .icon_list_wrap li + li { border-top:solid #eee 1px;}  */
.icon_list_wrap li .title_ele {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:calc(100% - 260px); min-height:32px; margin:0; padding:0;}
.icon_list_wrap li .info_ele {display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; position:relative; width:250px; flex-direction:row;-webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.icon_list_wrap .title_ele .title {display:block; position:relative; width:100%; margin:0; padding:0 10px 0 0; font-size:16px; color:#111; font-weight:400;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;;white-space:nowrap;}
.icon_list_wrap .title_ele .title span {display:block; position:relative; width:100%; overflow:hidden;color:#333;text-overflow:ellipsis;-o-text-overflow:ellipsis;;white-space:nowrap;}
.icon_list_wrap .title_ele .category {white-space:nowrap;font-size:13px;}
.icon_list_wrap .info_ele .price {display:block; position:relative; width:100px; font-size:18px; color:#333; font-weight:400; text-align:right;}
.icon_list_wrap .info_ele .price span {font-weight:700;font-size:20px;}
.icon_list_wrap .info_ele .case {display:block; }
.icon_list_wrap .info_ele .times {min-width:50px; text-align:right}
.icon_list_wrap .info_ele .case.el_right {min-width:90px;padding-top:5px;font-size:13px;text-align:right;}
.icon_list_wrap.inicon .title_ele {padding-left:40px;padding-top:5px;}
.icon_list_wrap.inicon .title_ele::before {content:'';display:block; position:absolute; left:0px; top:calc(50% - 15px); width:30px; height:30px; background-size:contain; background-repeat:no-repeat; background-position:50%;}
.icon_list_wrap.inicon .title_ele.category_1::before {background-image:url(/pconts/images/contents/mypage/franchise_category_1.png);}/* 쇼핑 */
.icon_list_wrap.inicon .title_ele.category_2::before {background-image:url(/pconts/images/contents/mypage/franchise_category_2.png);}/* 전자상거래 */
.icon_list_wrap.inicon .title_ele.category_3::before {background-image:url(/pconts/images/contents/mypage/franchise_category_3.png);}/* 요식 */
.icon_list_wrap.inicon .title_ele.category_4::before {background-image:url(/pconts/images/contents/mypage/franchise_category_4.png);}/* 교육/육아 */
.icon_list_wrap.inicon .title_ele.category_5::before {background-image:url(/pconts/images/contents/mypage/franchise_category_5.png);}/* 생활 */
.icon_list_wrap.inicon .title_ele.category_6::before {background-image:url(/pconts/images/contents/mypage/franchise_category_6.png);}/* 문화 */
.icon_list_wrap.inicon .title_ele.category_7::before {background-image:url(/pconts/images/contents/mypage/franchise_category_7.png);}/* 레저 */
.icon_list_wrap.inicon .title_ele.category_8::before {background-image:url(/pconts/images/contents/mypage/franchise_category_8.png);}/* 병원/약국 */
.icon_list_wrap.inicon .title_ele.category_9::before {background-image:url(/pconts/images/contents/mypage/franchise_category_9.png);}/* 기타 */
.icon_list_wrap.inicon .title_ele.category_A::before {background-image:url(/pconts/images/contents/mypage/franchise_category_A.png);}/* 교통 */
.icon_list_wrap.inicon .title_ele.category_B::before {background-image:url(/pconts/images/contents/mypage/franchise_category_B.png);}/* 월납 */
/* .icon_list_wrap.inicon {min-height:250px;} */
.icon_list_wrap.inicon li.no_data .complete_body {margin:0 auto;}

.view_as_amount {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; width:100%; margin:0; padding:40px 0 0 0;}
.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:60px;}
.view_as_amount .chart_wrap_circle .center_info {top:29px;}
.view_as_amount .chart_wrap_circle .grap_cont {margin-top:-10px;} 
.view_as_amount .chart_wrap_circle .right_circle .chart,
.view_as_amount .chart_wrap_circle .left_circle .chart {margin-top:-13px;}
.view_as_amount .chart_wrap_circle .center_info {top:48px;}
.view_as_amount table th, .view_as_amount table td {border-left:none !important; border-right:none !important;}
.view_as_amount table td {padding:15px 1px;}
.view_as_amount table .price {font-size:20px;text-align:right;}
.view_as_amount table .count {font-size:16px;text-align:right;}
.view_as_amount table .criteria .price {color:#333; font-weight:700;}
.view_as_amount table .criteria .count {color:#333;}
.view_as_amount table td.comp {text-align:center; vertical-align:middle;}
.view_as_amount table td.comp .badge {display:inline; position:relative;left:3px; text-indent:-9999px; font-size:1px; color:transparent; top:4px;}
.view_as_amount table td.comp .badge.up::after {content:''; display:block; position:absolute; left:2px; top:0; width:0; height:0; border-bottom:solid #4868e1 9px; border-right:solid transparent 9px; transform:rotate(135deg)}
.view_as_amount table td.comp .badge.up_red::after {content:''; display:block; position:absolute; left:2px; top:0; width:0; height:0; border-bottom:solid #f14b25 9px; border-right:solid transparent 9px; transform:rotate(135deg)}
.view_as_amount table td.comp .badge.down::after {content:''; display:block; position:absolute; left:2px; top:-5px; width:0; height:0; border-bottom:solid #f14b25 9px; border-right:solid transparent 9px; transform:rotate(316deg)}
.view_as_amount table td.comp .badge.down_blue::after {content:''; display:block; position:absolute; left:2px; top:-5px; width:0; height:0; border-bottom:solid #4868e1 9px; border-right:solid transparent 9px; transform:rotate(316deg)}
.view_as_amount table td.comp .badge.same::after {content:''; display:block; position:absolute; left:0px; top:0; width:11px; height:2px; background-color:#333;}
.agree_check_ul.agree_weekly_report .check_only {padding:0 10px 0 55px;}
.agree_check_ul .hint_message {display:block; position:relative; margin:15px 0 0 0; padding:15px 20px 0px 55px; border-top:solid #ddd 1px;}

.recommend_weekly_report {padding:40px 0;}
.recommend_weekly_report .txt_wrap p {position:relative;display:inline-block;min-height:71px;padding-top:6px;padding-left:96px;}
.recommend_weekly_report .txt_wrap p::after {content:"";position:absolute;top:0;left:0;width:74px;height:71px;background:url(/pconts/images/contents/mypage/recommend_report_02.png) no-repeat 0 0;}

.chart_article .pattern_01 {background:url(/pconts/images/contents/mypage/pattern1.png) no-repeat 0 3px;background-size:12px 12px;}
.chart_article .pattern_02 {background:url(/pconts/images/contents/mypage/pattern2.png) no-repeat 0 3px;background-size:12px 12px;}
.chart_article .pattern_03 {background:url(/pconts/images/contents/mypage/pattern3.png) no-repeat 0 3px;background-size:12px 12px;}
.chart_article .pattern_04 {background:url(/pconts/images/contents/mypage/pattern4.png) no-repeat 0 3px;background-size:12px 12px;}
.chart_article .pattern_05 {background:url(/pconts/images/contents/mypage/pattern5.png) no-repeat 0 3px;background-size:12px 12px;}
.chart_article .pattern_06 {background:url(/pconts/images/contents/mypage/pattern6.png) no-repeat 0 3px;background-size:12px 12px;}
.chart_article .list_item {display:inline-block;font-size:13px;padding-left:19px;}
.chart_article .list_item + .list_item {margin-left:21px;}
.chart_article .top_info {margin-bottom:25px;}
.chart_article .grap_title  {position:relative;z-index:5;}
.chart_wrap_circle {position:relative;max-width:440px;margin:0 auto;}
.chart_wrap_circle .left_circle {position:relative;float:left;min-height:245px;}
.chart_wrap_circle .right_circle {position:relative;float:right;min-height:245px;}
.chart_wrap_circle .center_info {position:absolute;top:4px;left:50%;text-align:center;}
.chart_wrap_circle .center_info .info_01 {position:absolute;top:90px;left:-10px;}
.chart_wrap_circle .chart {width:198px;height:197px;}
.chart_wrap_circle .chart.nodata {background:url(/pconts/images/contents/mypage/graph_cir_nodata.png) no-repeat 50% 50%;}
.chart_wrap_circle .right_circle .chart,
.chart_wrap_circle .left_circle .chart {margin-top:-22px;}
.chart_wrap_circle .grap_cont {position:relative;margin-top:-21px;}
.chart_wrap_circle .grap_cont .grap_list li + li {margin-top:6px;}
.chart_wrap_circle .pattern {position:absolute;top:173px;left:-43px;text-align:left; z-index:2}
.chart_wrap_circle .pattern .pattern_item {position:relative;padding-left:19px;font-size:13px;}
.chart_wrap_circle .pattern .pattern_item.p_item_02 {margin-top:9px;}
.chart_wrap_circle .pattern .pattern_item.p_item_03 {background-size:12px 12px;margin-top:8px;}
.chart_wrap_vertical .top_info {position:relative;text-align:right;font-size:13px;z-index:5;}
.chart_wrap_vertical .chart_wrap_vertical {text-align:center;}
.chart_wrap_vertical .vertical_chart {position:relative;max-width:441px;margin:0 auto;}
.chart_wrap_vertical .vertical_chart.bar_bg::before {content:"";position:absolute;top:42px;right:0;width:22%;height:calc(100% - 57px);background:#f6f6f6;z-index:1;}
.chart_wrap_vertical .chart {width:100%;height:100%;}
.chart_wrap_vertical .chart_wrap {position:relative;width:100%;height:259px;z-index:5;}
.chart_wrap_vertical .sub_txt {position:absolute;top:171px;right:28%;z-index:10;}
.chart_wrap_vertical.type02 .pattern_06 {background-size:12px 8px;background-position-y:50%;}
.chart_wrap_vertical.type02 .list_item + .list_item {margin-left:10px;}
.chart_wrap_vertical.type02 .top_info {margin-bottom:10px;}
.chart_wrap_vertical .tit_message {margin-bottom:0;}
.chart_wrap_vertical .tit_message + ul {padding-top:7px;}
.chart_wrap_horizontal .chart_wrap_vertical {text-align:center;}
.chart_wrap_horizontal .top_info {margin-bottom:25px;font-size:0;text-align:right;}
.chart_wrap_horizontal .horizontal_chart {position:relative;max-width:441px;margin:0 auto;}
.chart_wrap_horizontal .chart {width:100%;height:500px;}

/* 카드본인확인서비스 */
.guide_list_type01{margin-bottom:18px;padding-bottom:40px;border:solid #ddd;border-width:1px 0}
.guide_list_type01 ul li{position:relative;margin-top:40px;padding-left:120px}
.guide_list_type01 ul li b{display:block;margin-bottom:17px;color:#111;font-size:24px;font-weight:700;line-height:1}
.guide_list_type01 ul li:before{content:'';display:block;position: absolute;top:0;left:0;width:80px;height:80px;border-radius:100%;}
.guide_list_type01 ul li.icon01:before{background:#f6f6f6 url(/pconts/images/contents/mypage/myicon_11.png) no-repeat 50% 50%;}
.guide_list_type01 ul li.icon02:before{background:#f6f6f6 url(/pconts/images/contents/mypage/myicon_09.png) no-repeat 50% 50%;}
.guide_list_type01 ul li.icon03:before{background:#f6f6f6 url(/pconts/images/contents/mypage/myicon_10.png) no-repeat 50% 50%;}
.complete_body .complete_info.type_mypage01{width:390px}
.comp_data{display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;border:solid #ddd;border-width:1px 0;text-align:left; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.comp_data{padding:15px 0 10px}
.comp_data li{flex:auto;padding-left:12px;line-height:30px}
.comp_data li b{color:#333;font-size:16px}
.comp_data.col2{flex-flow:row wrap}
.comp_data.col2 li{flex:0 0 auto;}
.comp_data.col2 li:nth-child(2n-1){width:400px}
.comp_data.col1{display:block;padding:18px 12px 16px}
.comp_data.col1 li{margin-top:12px;padding:0;line-height:1.2}
.comp_data.col1 li:first-child{margin-top:0}
.comp_data.col1 li:after{content:'';display:block;clear: both;}
.comp_data.col1 li b{display:inline-block;float:right;width:calc(100% - 65px);margin-top:-1px;text-align:right;vertical-align:top}


/* 카드비밀번호/CVC번호 오류해제 */
.card_inquiry_list.errorCard_list .item .radio_wrap.card_head{padding:0}
.card_inquiry_list.errorCard_list .item .radio_wrap.card_head label .head_tit{display:block;padding:34px 74px 34px 85px}
.card_inquiry_list.errorCard_list .item .radio_wrap.card_head label .head_tit input[type=radio]{left:30px;top:50%;margin-top:-13px}
.card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::before{left:30px;top:50%;margin-top:-13px}
.card_inquiry_list.errorCard_list .radio_wrap input[type="radio"] + span::after{left:36px;top:50%;margin-top:-7px}
.card_inquiry_list.errorCard_list .accordion_header .cell1, .card_inquiry_list.errorCard_list .accordion_header .cell1 .radio_wrap{padding-right:0}
.card_inquiry_list.errorCard_list .head_tit .txt02{margin-left:0}
.card_inquiry_list.errorCard_list .head_tit .txt02 .ico_card_logo{margin-left:7px}
.card_inquiry_list.errorCard_list .head_tit .txt01{margin-left:60px}
.card_inquiry_list.errorCard_list .head_tit .txt03{position:absolute;top:50%;right:40px;margin-top:-13px;color:#f14b25;font-size:13px;font-weight:400}
.card_inquiry_list.errorCard_list .head_tit .card_date{display:none}
.card_inquiry_list.errorCard_list .item .radio_wrap input:disabled + span{opacity:0.5;border-radius:7px;cursor:default;background:#f6f6f6}
.txt_guideTit{margin-bottom:20px;color:#111;font-size:34px;font-weight:700;line-height:1.2}
.cvc_cont{width:404px;margin:0 auto;padding:60px 0}
.cvc_cont .comp_data{max-width:380px;box-sizing:border-box}
.inp_cvc{position:relative;max-width:380px;height:238px;margin-top:20px;padding:105px 12px 0;border-radius:10px;background:#fff url(/pconts/images/contents/mypage/bg_card_cvc.png) no-repeat 12px 105px;box-shadow:2px 5px 19px #dfe1e3}
.inp_cvc:before{content:'';display:block;position:absolute;top:25px;left:0;width:100%;height:60px;background:#dadada}
.inp_cvc .logo{position:absolute;top:8px;left:13px}

.inp_cvc .inp label{display:inline-block;width:98px;color:#333;font-size:16px;font-weight:700;line-height:44px}
.inp_cvc .inp input[type="password"]{width:180px}
.inp_cvc .inp .text_tip.error{padding-left:102px}
.inp_cvc .cvc_pop{position:absolute;bottom:14px;right:18px}
.inp_cvc .cvc_pop span{color:#333;font-size:16px;font-weight:700;line-height:24px}
.inp_cvc + .txt_guide{position:relative;margin-top:12px;padding-left:20px;font-size:13px;line-height:14px}
.inp_cvc + .txt_guide:before{content:'';display:block;position:absolute;top:0;left:0;width:14px;height:14px;background:url(/pconts/images/contents/mypage/ico_tip.png) no-repeat}
.complete_body .complete_info.comp_error_txt{padding-top:0;text-align:left;border:0 none}

/* 해외이용 이의제기 신청 */
.popup_type01 .pop_cont .table_wrap table th, 
.popup_type01 .pop_cont .table_wrap table td {padding:12px 7px;}
.popup_type01 .pop_cont .print_bot > * {display:block;}
.popup_type01 .pop_cont .print_bot strong {color:#333; font-size:15px;}
.popup_type01 .pop_cont .print_bot .sign {color:#333; font-size:24px; padding-right:40px; position:relative; margin-bottom:20px;} 
.popup_type01 .pop_cont .print_bot .sign::after {content:''; display:block; position:absolute; top:2px; right:0; width:30px;height:30px; background:#ffb2b2; border-radius:30px;} 

.btn_wrap.btn_group.m_row02 .row02 span {font-size:18px;}
.txt_remark {position:relative; margin-top:5px; padding-left:20px; background:url(/pconts/images/contents/mypage/text_remark.png) no-repeat 0 3px; background-size:14px 14px;}
.txt_remark span + span {margin-top:5px;}
.txt_remark .byte_info {position:absolute; right:0; bottom:0;}
.group_box .txt_remark + .input_file_wrap {margin-top:20px;}

.addfile_list {display:block; position:relative; margin:0; padding:0;}
.addfile_list li {display:block; position:relative; margin:0 0 2px 0; padding:0; width:100%; font-size:13px; ; overflow:hidden}
.addfile_list li::after {content:''; clear:both; display:block;}
.addfile_list li .filename {float:left; display:inline-block; position:relative; margin:0; padding:0; font-size:13px; max-width:calc(100% - 25px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.addfile_list li .del_btn {float:left; display:inline-block; position:relative; width:19px; height:19px; margin:0; padding:0; text-indent:-9999px; font-size:1; color:transparent;}
.addfile_list li .del_btn::before {content:''; display:block; position:absolute; left:calc(50%); top:calc(50% - 7px); width:1px; height:10px; background-color:#111; transform:rotate(45deg)}
.addfile_list li .del_btn::after {content:''; display:block; position:absolute; left:calc(50%); top:calc(50% - 7px); width:1px; height:10px; background-color:#111; transform:rotate(-45deg)}

/* 즉시결제 */
.tooltip.payment {position: absolute; left:50%; top:22px; z-index:9; margin-left:-147px;}
.list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] {top:-14px;}
.list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:before{top:-14px;}
.list01.payment.count.chk_mid .check_wrap .check_default input[type="checkbox"] + span:after{top:-6px;}
.list01.payment.count.chk_mid .usage_item.type03 + .form_type{padding:0 0 25px;}
.list01.payment.count.chk_mid .usage_item.type03 .usage_info .title_area{padding-left:35px;}
.list01.payment.count.chk_mid .radio_check_wrapwrap .check_default input[type="checkbox"] + span{padding-left:45px;}
.list01.payment.count.chk_mid .usage_item.type03 .usage_info .texts_area .blind {position:absolute !important;}

.payment_radio_group.swiper-container {overflow:hidden;}
.payment_radio_group.swiper-container:after {content:''; display:block; position:absolute; right:0; top:0; z-index:5; width:85px; height:100%; background-image:linear-gradient(to left, rgba(10, 20, 80, 1.0) 30%, rgba(10, 20, 80, 0));}
.payment_radio_group.swiper-container .swiper-slide {position:relative; width:290px; z-index:10; margin-right:7px;}
.payment_radio_group.swiper-container .swiper-slide:after {content:''; display:block; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:1px solid #fff; border-radius:10px; box-shadow:0 0 30px rgba(0,0,0,0.3);}
.payment_radio_group.swiper-container .swiper-slide label {display:block; height:100%;}
.payment_radio_group.swiper-container .swiper-slide label input[type="radio"] {position:absolute; left:0; top:0; z-index:1; opacity:0; margin:0; padding:0; cursor:pointer;}
.payment_radio_group.swiper-container .swiper-slide label input[type="radio"] + span {display:block; position:relative; font-size:15px; font-weight:700; z-index:10; overflow-y:visible; width:100%; height:100%; border:1px solid #fff; padding:11px 18px; border-radius:5px; background-color:#fff; cursor:pointer;}
.payment_radio_group.swiper-container .swiper-slide label input[type="radio"]:checked + span {border:1px solid #4868e1; color:#4868e1;}
.payment_radio_group.swiper-container .swiper-slide label input[type="radio"] + span .row {display:block; font-style:normal; font-weight:400; font-size:13px;}
.membershipfee.usage_item .usage_info .texts_area .info {margin-left:30px;}

.prepaid_card_payment {display:block; position:relative; margin:0; padding:30px 0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.prepaid_card_payment .inner {display:table; position:relative; margin:0 auto; padding:0;}
.prepaid_card_payment dl {float:left; display:flex; position:relative; margin:0; padding:0; flex-direction:column;}
.prepaid_card_payment dl + dl {margin-left:60px;}
.prepaid_card_payment dl dt {display:block; position:relative; margin:0; padding:0; font-weight: 700;}
.prepaid_card_payment dl dd {display:block; position:relative; margin:0; padding:0; font-size:20px; color:#333}
.prepaid_card_payment dl dd span {font-weight: 700; }

.list_wrap_payment {margin-bottom:60px;}
.list_wrap_payment ul {width:100%; overflow: hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:16px 25px 8px 25px;}
.list_wrap_payment li {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.list_wrap_payment li + li {margin-top:5px;}
.list_wrap_payment li span {flex:1; display:block; margin-bottom:10px; font-size:15px; color:#111;}
.list_wrap_payment li strong {flex:2; display:inline-block; font-weight:700; text-align: right; font-size:16px; color: #333;}
.list_wrap_payment li strong + strong {flex:inherit; margin-left:10px;}
.list_wrap_payment li em {font-weight:400; display: inline-block; margin-left:3px; font-size:15px; color: #333;}
/* .list_wrap_payment li .bank:after {content: ''; display:inline-block; margin:0px 5px; width:1px; height:15px; background-color:#d6d6d6;} */
.list_wrap_payment.center ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; align-items:flex-end;padding-bottom:16px;}
.list_wrap_payment.center li {display:block; min-width:130px; margin-right:30px;}
.list_wrap_payment.center li span,
.list_wrap_payment.center li strong {flex:inherit; text-align:left;}
.list_wrap_payment li .ico_use::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#1abe54;}
.list_wrap_payment li .ico_useNo::before {content:''; display:inline-block; margin-right:4px; width:8px; height:8px; border-radius:5px;background-color:#f14b25;}
.list_wrap_payment li .btn_wrap {margin:3px 0 0 10px;}
.list_wrap_payment li .btn_wrap span {margin-bottom:0px;}
.list_wrap_payment li .btn_wrap .btn_sm.link::after {position:absolute; top:10px; right:10px;}
.list_wrap_payment.complete_box {border-top:1px solid #ddd;} 
.list_wrap_payment.complete_body .btn_wrap .text_link.color_prim {margin:0;}

.complete_body .list_wrap_payment.center li {width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-right:0px;}
.complete_body .list_wrap_payment.center ul.virtual li span {order:2; text-align:right; flex:1;}
.complete_body .list_wrap_payment.center ul.virtual li strong {order:1; flex:2; text-align:left; font-size:16px; font-weight:400;}
.complete_body .btn_wrap .text_link.color_prim {margin-top:15px; margin-right:20px;}

.list01.payment .tooltip {position:absolute;top:-15px;left:calc(50% - 100px);z-index:5;transform:translateX(-50%);}
.list01.payment:not(.count) .form_type {padding:0px; margin:-20px 0 35px 300px;}
.list01.payment .form_type .form_ele {padding-left:400px;}
.list01.payment .usage_item.type03 .usage_info {width:calc(100% - 500px);}
.list01.payment .usage_item.type03 .usage_info .title_area {width:100%;}
.list01.payment .usage_item .usage_info .texts_area .country {display:block;}
.list01.payment .usage_item.type03 .price_info p + p {margin-top:5px;}
.list01.payment.count .form_type.pay_amt {padding-left:35px;}

.payment_total_wrap {height:60px;}
.payment_total_wrap.now_pay {height:auto;}
.payment_total {width:100%; padding:0px; background:#eee;}
.payment_total .inner {position:relative; margin:0 auto; line-height:58px; padding:0 30px;}
.payment_total .inner .menber {display:block; float:left;}
.payment_total .inner .price {display:block; float:right; font-size:20px;}
.payment_total .inner .price em {display:inline-block; margin-left:3px; font-size:16px; font-weight:400;}
.payment_total .inner::after {content:'';display:block;clear:both;}
.payment_total.is_fixed {position:fixed; left:0; bottom:0; z-index:30;}
.payment_total.is_fixed .inner {width:980px; padding:0px;}
.accordion_body .area.state_area .inner.form_type {padding:0px;}
.radio_wrap.type_btn.payment li:not(:last-child) {margin-bottom:7px;}

.payment_total .inner .dom {float:left; display:table; position:relative; margin:0 70px 0 0; padding:0;}
.payment_total .inner .dom dt {float:left; display:inline-block; position:relative; margin:0; padding:2px 0 0 0; font-size:16px; color:#333;}
.payment_total .inner .dom dt strong {color:#4868e1; font-weight:700;}
.payment_total .inner .dom dd {float:left; display:inline-block; position:relative; margin:0 0 0 10px; padding:0; font-size:16px; color:#333;}
.payment_total .inner .dom dd span {font-size:20px; font-weight:700;}
.payment_total .inner .dom.balance {float:right; margin-right:0;}
.payment_total.is_fixed .dom dt {font-size:14px;}
.payment_total.is_fixed .dom dd {font-size:15px;}
.payment_total.is_fixed .dom dd span {font-size:15px;}
.payment_total.is_fixed .dom.balance dt {font-size:16px;}
.payment_total.is_fixed .dom.balance dd {font-size:16px;}
.payment_total.is_fixed .dom.balance dd span {font-size:20px;}

/* 분할납부 */
.install_payment.tooltip {position:absolute; left:calc(50% - 100px); top:-29px; z-index:9;}
.install_payment.swiper-container {overflow:hidden; margin:30px 0 60px 0;}
/* .install_payment.swiper-container.shadow::before {content:'';display:block;position:absolute;width:75px;height:181px;left:-40px;top:-1px;background-image:linear-gradient(to right, rgba(242, 244, 248, 1.0) 70%, rgba(242, 244, 248, 0));z-index:11;} */
.install_payment.swiper-container.shadow::after {content:'';display:block;position:absolute;width:75px;height:181px;right:-40px;top:-1px;background-image:linear-gradient(to left, rgba(242, 244, 248, 1.0) 70%, rgba(242, 244, 248, 0));z-index:11;}
.install_payment.swiper-container .swiper-wrapper {overflow-y:visible; display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.install_payment.swiper-container .swiper-wrapper.left {justify-content:initial;}
.install_payment.swiper-container .swiper-wrapper.mo_left {justify-content:center;}
.install_payment.swiper-container .swiper-slide {position:relative; width:200px; z-index:10; overflow-y:visible; margin-right:7px;}
.install_payment.swiper-container .swiper-slide:after {content:''; display:block; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; border-radius:10px;}
.install_payment.swiper-container .swiper-slide label {display:block; height:100%;}
.install_payment.swiper-container .swiper-slide label input[type="radio"] {position:absolute; left:0; top:0; z-index:1; opacity:0; margin:0; padding:0; cursor:pointer;}
.install_payment.swiper-container .swiper-slide label input[type="radio"] + span {display:block; position:relative; z-index:10; overflow-y:visible; width:100%; height:100%; border:1px solid #ddd; padding:18px; border-radius:10px; background-color:#fff; cursor:pointer;}
.install_payment.swiper-container .swiper-slide label input[type="radio"]:focus + span {box-shadow:0 0 0 2px rgba(0,0,0, 0.1);}
.install_payment.swiper-container .swiper-slide label input[type="radio"]:checked + span {border:2px solid #4868e1;box-shadow:2px 2px 10px rgba(0,0,0,0.15);padding:17px;}
.install_payment.swiper-container li em {display:block; font-size:13px; color:#111;}
.install_payment.swiper-container li strong {display:block; font-size:20px; color:#333;}
.install_payment.swiper-container li .info {font-size:16px; color:#333; margin-bottom:20px;}
.install_payment.swiper-container li .bank {font-size:16px; color:#111;}
.install_payment.swiper-container li .bank span {display:block;}

.install_payment.radio_wrap.type_btn li{margin-left:0;margin-right:5px;}
.install_payment.radio_wrap.type_btn li {margin-top:5px; min-height:46px;}
.install_payment_list .radio_wrap .radio_default input[type="radio"] + span:before{top:-14px;}
.install_payment_list .radio_wrap .radio_default input[type="radio"] + span:after{top:-8px;}
.install_payment_list .usage_item.type03 .usage_info .title_area{padding-left:45px;}
.install_payment_list .radio_wrap .radio_default input[type="radio"] + span{padding-left:45px;}



/* 내가받은 혜택정보 */
.report_monthly {display:block; position:relative; margin:0; padding:0; text-align:center;}
.report_monthly .report_monthly_inner {display:inline-block;}
.report_monthly .current_month {font-weight:700; font-size:28px; color:#111;}
.report_monthly .current_month_desc {font-weight:400; font-size:15px; color:#111;}

/* .my_benefit .accordion_header {border-bottom:0 solid #ddd}
.my_benefit .accordion_header.on {border-bottom-width:1px;} */

.my_benefit .accordion_header .acc_btn {padding-right:72px;}
.my_benefit_head {display:block;}
.my_benefit_head:after {content:''; display:block;}
.my_benefit_head .my_benefit_title {font-size:16px;}
.my_benefit_head .my_benefit_money {float:right; font-weight:400; font-size:20px;}
.my_benefit_head .my_benefit_money .money {font-weight:700;color:#111;}
.my_benefit_body .complete_box {border-top-width:0;}
.my_benefit_body + .btn_wrap {border-top:1px solid #ddd;}
.my_benefit_list li {padding:25px 28px; border-bottom:1px solid #eee;}
.my_benefit_list li:last-child {border-bottom-width:0;}
.my_benefit.my_benefit_last{border-bottom:1px solid #ddd;}
.my_benefit.my_benefit_last .accordion_body .btn_wrap {border-top-width:0;}
.my_benefit_list .item {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.my_benefit_list .item .cell1 {width:355px;}
.my_benefit_list .item .cell1 .info {padding:0 20px 0 0;}
.my_benefit_list .item .cell1 .date {display:inline-block; position:relative; margin-right:11px;}
.my_benefit_list .item .cell1 .date:after {content:''; display:block; position:absolute; top:5px; right:-8px; width:1px; height:10px; background-color:#ddd;}
.my_benefit_list .item .cell1 .date.single {margin-right:0;}
.my_benefit_list .item .cell1 .date.single::after {display:none;}
.my_benefit_list .item .cell2 {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:calc(100% - 355px);}
.my_benefit_list .item .cell2 .detail_title {padding:0 20px 0 0; font-weight:700; font-size:16px; color:#111;}
.my_benefit_list .item .cell2 .detail_money {font-weight:700; font-size:15px; color:#000;}
.my_benefit_list .item .cell2 .detail_money .money {font-weight:700; font-size:16px; color:#111;}
.my_benefit_list .item .cell3 {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; margin:5px 0 0;}
.my_benefit_list .item .cell3 .used_place_title {font-weight:400; font-size:15px; color:#111;}
.my_benefit_list .item .cell3 .used_place_money {font-weight:700; font-size:13px; color:#000;}
.my_benefit_list .item .cell3 .used_place_money .money {color:#333;}
.my_benefit_list .item .cell4 {margin-top:5px;}
.my_benefit_list .item .cell4 .used_point_title {display:block; font-weight:400; font-size:15px; color:#111;}
.my_benefit_list .item .complete_body {flex:1 1 0; padding-bottom:30px;}

/* 소득공제 */
.other_earn_step {margin:0 0 40px;}
.other_earn_step ol:after {content:''; display:block; clear:both;}
.other_earn_step ol li {position:relative; float:left; width:25%; height:165px; margin:0 0 15px; padding:70px 0 0; text-align:center;}
.other_earn_step ol li.step1 {background:url('/pconts/images/contents/mypage/ico_other_earn01.png') no-repeat 50% 0 / 50px auto;}
.other_earn_step ol li.step2 {background:url('/pconts/images/contents/mypage/ico_other_earn02.png') no-repeat 50% 0 / 50px auto;}
.other_earn_step ol li.step3 {background:url('/pconts/images/contents/mypage/ico_other_earn03.png') no-repeat 50% 0 / 50px auto;}
.other_earn_step ol li.step4 {background:url('/pconts/images/contents/mypage/ico_other_earn04.png') no-repeat 50% 0 / 50px auto;}
.other_earn_step ol li.step5 {background:url('/pconts/images/contents/mypage/ico_other_earn05.png') no-repeat 50% 0 / 50px auto;}
.other_earn_step li:after {content:'';position:absolute;top:15px;right:0;display:block;width:14px;height:14px;border:2px solid #ddd;border-left:0;border-bottom:0;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.other_earn_step li.mark:after,
.other_earn_step li:last-child:after {content:none;}
.other_earn_step li .txt {font-weight:700; font-size:13px; color:#333;}
.other_earn_step li .title {display:block; margin:4px 0; font-weight:700; font-size:16px; line-height:1.2; color:#333;}
.other_earn_step li .p {font-weight:400; font-size:15px; color:#111;}
.mp_print_selfinstall > li:first-child,
.mp_print_selfinstall > li:nth-child(2) {margin-top:0;}
.mp_print_selfinstall > li {margin-top:35px;}
.mp_print_selfinstall > li:nth-child(2n-1) {padding-right:30px;}
.mp_print_selfinstall > li:nth-child(2n) {padding-left:30px;}
.mp_print_selfinstall > li > .btn_wrap {float:right;padding-top:10px;}
.mp_print_selfinstall > li > p {float:left;}
.text_link_list {margin-top:-15px;}
.text_link_list > li {float:left;width:25%;margin-top:15px;}

/* VIP서비스 이용내역 */
.vip_benifit_list {display:block; position:relative; margin:0; padding:0;}
.vip_benifit_list ul {display:block; position:relative; margin:0; padding:0; border-top:solid #ddd 1px;}
.vip_benifit_list ul li {display:block; position:relative; margin:0; padding:20px 0;}
.vip_benifit_list ul li + li {border-top:1px solid #ddd;}
/* .vip_benifit_list ul li:last-child {border-bottom:1px solid;} */
.vip_benifit_list .service_info {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; margin:0; padding:0; flex-wrap:wrap}
.vip_benifit_list .service_info .bluezone {flex:2; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row-reverse; position:relative; margin:0; padding:0;}
.vip_benifit_list .service_info .bluezone dt {display:block; position:relative; width:calc(100% - 230px); margin:0; padding:0; font-weight:700; color:#333; font-size:16px; cursor:pointer;}
.vip_benifit_list .service_info .bluezone dd {display:block; position:relative; width:230px; margin:0; padding:0;}
.vip_benifit_list .service_info .bluezone dd p {display:inline-block; position:relative; margin:0; padding:0;}
.vip_benifit_list .service_info .bluezone .date + .card {margin-left:8px; padding-left:9px;}
.vip_benifit_list .service_info .bluezone .date + .card::before {content:''; display:block; position:absolute; left:0; top:calc(50% - 5px); width:1px; height:11px; background-color:#ddd;}
.vip_benifit_list .service_info .redzone {flex:1; display:block; position:relative; margin:0; padding:0; text-align:right; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.vip_benifit_list .service_info .redzone .store {display:block; position:relative; margin:0 0 3px 0; padding:0; font-size:16px; color:#333; font-weight:700;}
.vip_benifit_list .service_info .redzone .cardname {display:block; position:relative; margin:0; padding:0;}

.vip_benifit_list .service_detail {display:none; position:relative; margin:20px 0 0 0; padding:15px 28px; background-color:#f6f6f6; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.vip_benifit_list .service_detail.on {display:block;}
.vip_benifit_list .service_detail::before {/*content:'';*/ display:none; position:absolute; left:13px; top:17px; width:8px; height:8px; border-left:solid #666 1px; border-bottom:solid #666 1px;}
.service_detail.flexbox_dl dl + dl {margin-top:2px;}
.service_detail.flexbox_dl dt {font-size:13px;}
.service_detail.flexbox_dl dd {font-size:13px; text-align:right; color:#333;}

/* 인쇄 미리보기 */
.traffic_statement .table_wrap table th, .traffic_statement .table_wrap table td{padding:10px 8px;font-size:13px;}
.official_seal_wrap{padding-bottom:60px; text-align:right;}
.official_seal_wrap .official_seal_date{font-size:15px; color:#111;}
.official_seal_wrap .official_seal_stamp{padding:10px 0 15px; font-weight:700; font-size:24px; color:#333;}
.official_seal_wrap .official_seal_stamp span{display:inline-block; vertical-align:middle;}
.official_seal_wrap .official_seal_stamp .stamp{width:33px; height:32px; background:url('/pconts/images/icon/shcard_seal.png') no-repeat; margin-left:12px;}
.official_seal_wrap .official_seal_address,
.official_seal_wrap .official_seal_contact{display:block; font-size:15px; color:#111;}

/* 이용대금명세서 - 배너 */
.event_myVisual {position:relative; display:block; overflow:hidden; height:150px; border-radius:10px;}
.event_myVisual .event_inner {height:100%; background-color:rgb(219, 221, 243);}
.event_myVisual .event_cont {position:relative; display:block; height:100%; border:1px solid #ddd; border-radius:10px; margin:0 auto;}
.event_myVisual .event_cont .link {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:100%; align-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; padding: 0 296px 0 30px; z-index:1;}
.event_myVisual .event_cont .tit {display:block; width:100%; font-size:24px; font-weight:700; color:#1b5097; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.event_myVisual .event_cont .tit span {color:#675999;}
.event_myVisual .event_cont .txt {display:block; width:100%; font-size:16px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.event_myVisual .event_cont .label {display:inline-flex; flex:none; width:auto; height:28px; margin-top:13px; padding:2px 16px 0 16px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:14px; border:1px solid #333; color:#333; font-size:13px; font-weight:700;}
.event_myVisual .event_cont .img {display:block; overflow:hidden; position:absolute; top:50%; right:40px; transform:translateY(-50%); width:230px; height:230px;}
.event_myVisual .event_cont .img img {width:100%; height:100%;}