/* 2024 dx 전담팀 홈페이지 개선 업무 css 연결*/
@import url(dx-solpay.css);
/* //2024 dx 전담팀 홈페이지 개선 업무 css 연결*/

/* 2020-02-22 DX [dx-com.css] */
@font-face{
	font-family: 'OneShinhan';
	src: local(※);
	src: url('/pconts/fonts/OneShinhanLight.eot') format('embeded-opentype');
	src: url('/pconts/fonts/OneShinhanLight.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'OneShinhan';
	src: local(※);
	src: url('/pconts/fonts/OneShinhanMedium.eot') format('embeded-opentype');
	src: url('/pconts/fonts/OneShinhanMedium.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family: 'OneShinhan';
	src: local(※);
	src: url('/pconts/fonts/OneShinhanBold.eot') format('embeded-opentype');
	src: url('/pconts/fonts/OneShinhanBold.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}


@font-face{
	font-family: 'Spoqa Han Sans';
	src: local(※);
	src: url('/pconts/fonts/SpoqaHanSansNeo-Regular.eot') format('embeded-opentype'),
		 url('/pconts/fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
		 url('/pconts/fonts/SpoqaHanSansNeo-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face{
	font-family: 'Spoqa Han Sans';
	src: local(※);
	src: url('/pconts/fonts/SpoqaHanSansNeo-Medium.eot') format('embeded-opentype'),
		 url('/pconts/fonts/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
		 url('/pconts/fonts/SpoqaHanSansNeo-Medium.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family: 'Spoqa Han Sans';
	src: local(※);
	src: url('/pconts/fonts/SpoqaHanSansNeo-Bold.eot') format('embeded-opentype'),
		 url('/pconts/fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
		 url('/pconts/fonts/SpoqaHanSansNeo-Bold.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}
/* 2020-02-22 DX [dx-com.css] */
.hideElm{display:none !important;}
.devcss body.pc.chrome{image-rendering:-webkit-optimize-contrast;-webkit-font-smoothing:antialiased;}
.noShare .card_detail .card_name_wrap .card_name .btn_sns,
.noShare .card_detail .card_name_wrap .card_name .btn_card_add{display:none !important;}
.pc-block,
.pc-none{display:none !important;}
.pc .pc-block,
.app .pc-none,
.mobile .pc-none{display:block !important;;}
.pc-btn-show,
.pc-btn-hide{display:none !important;}
.pc .pc-btn-show,
.app .pc-btn-hide,
.mobile .pc-btn-hide{display:inline-block !important;}
.mobile .col .pc-btn-hide{display:block !important;}
table tr td,
table tr th{word-break: break-word;word-wrap: break-word;}
.app .mobile-hide,
.mobile .mobile-hide{display:none;}
.pc-hide{display:none !important}
img{max-width:100%;}
.app_shfan .shfanapp-hide{display:none !important;}
.rotate90{transform: rotate(90deg) translateX(30px)}
.req{color:#f14b25 ;font-weight:bold;}
.ex-bold{font-weight:900 !important;}
.hidden-text{padding:0 !important;margin:0 !important;overflow:hidden !important;position:absolute !important;border:0;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px)}
.land-head{height:60px;text-align:center;font-weight:bold;color:transparent;background:url(/pconts/images/common/shinhancard_logo.png) center center no-repeat;background-size:auto 21px}
.land-foot{padding:20px;text-align:center;color:#111;font-size:11px;border-top:1px solid #eee;position:relative;z-index:1;background:#fff;}
.land-foot img{height:36px;margin-top:15px;}
@media only screen and (max-width: 1100px){
	.land-head + #container{padding-top:0;}
	.land-head + #container .contents{padding-bottom:60px;}
	.contents_heading.h_wrap.m-show .h_title38{margin-bottom:0;font-size:2.8rem}
	.land-head + #container .land-foot{display:none;}
}
/* JS */
.c-scroll-wrap{margin:14px 0px;}
.link-out-wrap{display:none;margin:10px 0px;text-align:left;}
.btn:disabled, .btn.disabled{pointer-events: none;}
/* font */
.normal{font-weight:normal !important;}
.wgt400{font-weight:400 !important;}
.wgt700{font-weight:700 !important;}
.wgt900{font-weight:900 !important;} 
.h-tit1 .normal{display:inline-block;}
.c-point1{color:#4868e1 !important}
.c-point2{color:#435b68 !important}
.c-point3{color:#f14b25 !important}
.c-point4{color:#081350 !important}
.t-point1{color:#867517 !important} /*탑스컬러 */
.c-strong1{position:relative;}
.c-strong1:after{content:'';position: absolute;left: 0;bottom: 4px;z-index: 0;width: calc(100% + 3px);height: 24px;background-color: rgba(72,104,225,0.3);}
.h-tit1{font-size:38px;color:#111;font-weight:bold}
.h-tit2{font-size:34px;color:#333;font-weight:bold;line-height:1.3;}
.c-tit1{font-weight: 700;font-size: 24px;color: #111;}
.c-tit2{font-size:18px;font-weight:700;color:#333;}
* + .c-tit2{margin-top:60px;}
.ml-auto{margin-left:auto !important;}
.mr-auto{margin-right:auto !important;}
.font_sm01{font-size:14px !important;} /* 모바일 => 14px  */
.font_sm02{font-size:13px !important;} /* 모바일 => 12px  */
.font_sm03{font-size:14px !important;} /* 모바일 => 12px  */
.font_sm04{font-size:14px !important;} /* 모바일 => 13px  */
.font_sm05 {font-size:12px !important} /* 모바일 => 12px  */
.font_md07{font-size:15px !important;} /* 모바일 => 14px  */
.font_md08{font-size:18px !important;} /* 모바일 => 14px */
.font_lg14{font-size:16px !important;} /* 모바일 => 13px  */
.font_lg15{font-size:1.6rem !important;} /* 모바일 => 14px  */
.font_lg16{font-size:22px !important;} /* 모바일 => 22px */
.font_lg17 {font-size:22px !important;} /* 모바일 => 16px  */
.font-16 {font-size:16px !important}
.max-w100{max-width:100% !important;}
.w40p{width:40% !important;}
.w50p{width:50% !important;}
.w60p{width:60% !important;}
.w_size07{width:817px !important;margin:0 auto;}
.w_size08{width:808px !important;margin:0 auto;}
.w_size09{width:540px !important;margin:0 auto;}
.w_size10{width:750px !important;margin:0 auto;}
.w_size11{width:580px !important;margin:0 auto;}
.w_size12{width:600px !important;margin:0 auto;}
.w_size13{width:328px !important;margin:0 auto;}
.color_red1 {color: #da1d1d !important}
.color_red2{color:#c01f1f;}
.color_blue02{color:#3048a2 !important;}
.color_blue03 {color:#143898 !important;}
.color_mediumgray{color:#666 !important;}
.color_dark{color:#000 !important;}
.color_dark02 {color:#494f60 !important;}
.color_prim01 {color:#476eff !important;}
.color_gray94 {color:#949494 !important;}
.color_gray1 {color:#333 !important}
.color_gray2 {color: #494F60 !important;}
.color_888 {color:#888 !important}
.h_title.h-gray{color:#888;}
/* bg_gray에 있는 line_darkgray 버튼의 비활성화 커스텀 */
.bg_gray .btn.line_darkgray:disabled{color:#bbb;}
.bottom_line{border-bottom:1px solid #eee;}
/* 레이아웃 */
.c-block{display:block;}
[class*=c-section]{padding:60px 0px 0px;}
* [class*=c-section]:last-child{padding-bottom:60px;}
/*[class*=c-section] + [class*=c-section]{padding-top:0;}*/
[class*=c-section] + [class*=c-section1]{padding:40px 0px;margin-top:40px;}
.c-bg-gray {background-color:#f6f6f6 !important;background-color:rgba(246, 246, 246, 1.0) !important;}
.h-section,
.c-article{width:980px;margin:0 auto;position:relative;height:100%;}
.h-section{padding-top:33px;height:auto}
[class*=c-section] .c-article + .c-article{margin-top:60px}
.c-tit1{margin-top:60px;}
/* .pop_wrap {backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);} */
.pop_wrap .pop_cont,
[class*=c-section] .c-article [class*=c-tit]:first-child{margin-top:0px;}
.c-article b{color:#333;}
[class*=c-section] .headline{position:relative;padding-bottom:25px;}
[class*=c-section] .headline:after{content: "";display: block;position: absolute;width: 96px;height: 2px;left: 0;bottom: 0;background: #333;}
[class*=c-section] .headline + .headline:after{display:none;}
[class*=c-section] .headline .c-tit1 + .c-txt1{margin-top:8px;}
[class*=c-section] .headline .c-txt1{color:#111;font-size: 20px;}
.c-section1{background:#f4f7fc;padding:40px 0px;/* background:#f6f6f6; */ }
.c-section2{padding-top:26px}
.h-section + .c-section1{margin-top:60px;}
/** 폼 **/
[class*=c-form]{display:flex;width:100%;flex-wrap:nowrap;}
[class*=c-form] [class*=cell]{flex:auto;flex-basis:auto;display:flex;}
[class*=c-form] + [class*=c-tit]{ margin-top: 20px;}
[class*=c-tit] + * {margin-top:14px;}
[class*=c-form] .cell-none{flex:none;}
[class*=c-tit] + [class*=c-form],
[class*=c-form] + [class*=c-form]{margin-top:10px;}
[class*=c-form] .cell-btn{flex:none}
.c-form1 [class*=cell] + [class*=cell]{padding-left:9px;}
.c-form2{flex-direction: column;}
.c-form2 [class*=cell] + [class*=cell]{padding-left:0px;margin-top:8px;}
input[class*=c-input],
[class*=c-select]{border-radius: 0;width:auto;height: 44px;box-sizing: border-box;padding: 0 14px;border: 1px solid #ddd;;font-weight: 400;font-size: 16px;color: #333;line-height: 42px;}
[class*=c-form] [class*=c-input],
[class*=c-form] [class*=c-select]{width:100%;}
[class*=c-select]{background: #fff url(/pconts/images/dx/com/c-select.png) right 0 no-repeat;background-size:auto 100%;padding-right:40px;}
[class*=c-select]:focus{padding: 0 39px 0 13px;border: 2px solid #4868e1;line-height: 40px;}
[class*=c-radio]{margin:0;}
[class*=c-radio2]:disabled + label{background:#f6f6f6;border:1px solid #ddd;color:#bbb;}
.c-radio2 + label{text-align:center;flex:1;display:inline-block;cursor: pointer;border: 1px solid #bbb;padding: 0 6px;background:#fff;line-height: 42px;border-radius: 3px;width: 100%;height: 44px;font-weight:bold;margin-left:9px;}
.c-radio2:first-child + label{margin-left:0px;}
.c-radio2:checked + label{box-shadow: 0 0 0 2px rgba(72,104,225, 0.5);border: 2px solid #4868e1;color: #4868e1;}
.c-textarea{width:100%;height:100px;border: 1px solid #ddd;padding:14px;color:#333;resize:none;}
.c-check-btn{position:absolute;opacity:0;transition: all 0.4s ease;}
.c-check-btn + label:before{display: inline-block;position: relative;top: 1px;width: 15px;height: 11px;margin-right: 9px;background: url(/pconts/images/common/check_off2.png) no-repeat 0 0;content: ""; }
.c-check-btn:checked + label{border: 2px solid #4868e1;color: #4868e1;}
.c-check-btn:checked + label:before{background: url(/pconts/images/common/check_on2.png) no-repeat 0 0;}

/* 셀렉트박스 옵션 높이 조절 */
.select_wrap.row3 .ui_select .ui_select_scr {max-height:123px;}
/* 구축 셀렉트박스 small */
.select_sm.select_wrap .ui_select{width:auto;}
.select_sm.select_wrap .ui_select .ui_select_btn{height:28px;font-size:13px;}
.select_sm.select_wrap .ui_select .ui_select_value:before{top:7px;width:6px;height:6px;border-bottom-width:1px;border-left-width:1px;}
.select_sm.select_wrap .ui_select .ui_select_option a{padding:6px 13px;}
/** 간격 **/
.h-section + [class*=c-section] .h-tit2{margin-top:-30px;}
.h-tit2 + [class*=c-tit],
.h-tit2 + [class*=c-txt]{margin-top:40px;}
[class*=c-tit] + [class*=c-table],
[class*=c-tit] + [class*=c-tit],
[class*=c-tit] + [class*=c-txt],
[class*=c-tit] + [class*=c-bull],
[class*=c-table] + [class*=c-bull],
[class*=c-bull] + [class*=c-table],
[class*=c-table] + [class*=c-table],
[class*=c-txt] + [class*=c-table]{margin-top:14px;}
[class*=c-txt] + [class*=c-bull]{margin-top:4px;}
[class*=c-txt] + [class*=c-tit]{margin-top:60px;}
*+[class*=c-txt]{margin-top:14px;}
[class*=c-txt]{margin-bottom:14px;}
.h-section + [class*=c-section1] .c-article .c-tit1:first-child{margin-top:0;}
[class*=c-section1] + [class*=c-section]{padding-top:60px;}
[class*=c-section] > [class*=c-tit]:first-child{margin:0;}
*+.c-bull1{margin-top:10px;}
* [class*=c-txt]:last-child{margin-bottom:0}
[class*=c-table-tit] + [class*=c-table]{margin-top:3px;}
.c-tit2 + .c-txt1, .c-tit2 + [class*='c-bull'] {margin-top:5px;}
.gap04 {margin-bottom:4px !important;}
.gap0_12 {margin-bottom:0 !important;}
.gap0_16 {margin-bottom:0 !important;}
.gap0_90 {margin-bottom:0 !important;}
.gap16_10 {margin-bottom:16px !important}
.gap18 {margin-bottom:18px !important;}
.gap20_12 {margin-bottom:20px !important;}
.gap24_20 {margin-bottom: 24px !important;}
.gap24_32{margin-bottom:24px !important;}
.gap32_24{margin-bottom:32px !important;}
.gap34_26{margin-bottom:34px !important;}
.gap40_24{margin-bottom:40px !important;}
.gap40_32{margin-bottom:40px !important;}
.gap45{margin-bottom:45px !important;}
.gap45_18 {margin-bottom:45px !important;}
.gap48_40 {margin-bottom: 48px !important;}
.gap75_0{margin-bottom:75px !important;}
.gap80_50 {margin-bottom:80px !important;}
.gap80_63 {margin-bottom:80px !important;}
.gap80_89 {margin-bottom:80px !important;}
.gap105_45{margin-bottom:105px !important;}
.gap110_70{margin-bottom:110px !important;}
.gap120_70{margin-bottom:120px !important;}
.gapl20{margin-left:20px !important;}

.gapt04{margin-top:4px !important;}
.gapt0_4{margin-top:0 !important;}
.gapt0_12 {margin-top:0 !important;}
.gapt0_13{margin-top:0 !important;}
.gapt0_20{margin-top:0 !important;}
.gapt0_30{margin-top:0 !important;}
.gapt0_39 {margin-top:0 !important;}
.gapt0_40 {margin-top:0 !important;}
.gapt0_60 {margin-top:0 !important;}
.gapt04_08 {margin-top:4px !important;}
.gapt06_04 {margin-top:6px !important;}
.gapt08_20 {margin-top:8px !important;}
.gapt10_0 {margin-top:10px !important}
.gapt12 {margin-top:12px !important;}
.gapt16{margin-top:16px !important;}
.gapt16_0{margin-top:16px !important;}
.gapt16_12 {margin-top:16px !important;}
.gapt16_20{margin-top:16px !important;}
.gapt16_27{margin-top:16px !important;}
.gapt20_16 {margin-top:20px !important;}
.gapt20_24 {margin-top: 20px !important;}
.gapt20_32 {margin-top: 20px !important;}
.gapt20_40 {margin-top: 20px !important;}
.gapt24 {margin-top: 24px !important;}
.gapt24_0 {margin-top: 24px !important;}
.gapt24_16 {margin-top: 24px !important;}
.gapt24_20 {margin-top:24px !important}
.gapt24_32 {margin-top:24px !important;}
.gapt25_15 {margin-top:20px !important;}
.gapt28_20 {margin-top:28px !important;}
.gapt28_24 {margin-top:28px !important;}
.gapt32 {margin-top:32px !important;}
.gapt32_14 {margin-top:32px !important;}
.gapt32_23 {margin-top:32px !important;}
.gapt32_24 {margin-top:32px !important;}
.gapt40 {margin-top:40px !important;}
.gapt40_0{margin-top:40px !important;}
.gapt40_28 {margin-top:40px !important;}
.gapt40_32 {margin-top:40px !important;}
.gapt40_56 {margin-top:40px !important}
.gapt48 {margin-top:48px !important;}
.gapt48_24 {margin-top: 48px !important;}
.gapt48_32 {margin-top:48px !important;}
.gapt48_40 {margin-top: 48px !important;}
.gapt48_56 {margin-top:48px !important;}
.gapt48_128 {margin-top:48px !important}
.gapt50_40 {margin-top: 50px !important;}
.gapt51_32 {margin-top: 51px !important;}
.gapt54{margin-top:54px !important;}
.gapt56_44 {margin-top:56px !important;}
.gapt60_24 {margin-top: 60px !important;}
.gapt60_34 {margin-top:60px !important;}
.gapt60_40 {margin-top: 60px !important;}
.gapt60_42 {margin-top:60px !important;}
.gapt60_48{margin-top:60px !important;}
.gapt72_48 {margin-top: 72px !important;}
.gapt75 {margin-top:75px !important;}
.gapt76_20 {margin-top: 76px !important;}
.gapt80_50 {margin-top:80px !important}
.gapt80_56 {margin-top:80px !important}
.gapt80_60 {margin-top: 80px !important;}
.gapt88_44 {margin-top: 88px !important;}
.gapt95_65 {margin-top: 95px !important;}
.gapt100_48 {margin-top:100px !important;}
.gapt100_56 {margin-top:100px !important;}
.gapt120_0 {margin-top:120px !important}

.pda10 {padding:10px !important;}
.pda20 {padding:20px !important;}

.pd2416{padding:24px 16px !important;}
.pb165_120 {padding-bottom:165px !important}

.pdt0_15 {padding-top: 0 !important;}
.pdt7_4{padding-top:7px !important;}
.pdt8_28 {padding-top:8px !important}
.pdt16_0 {padding-top:16px !important}
.pdt40_0{padding-top:40px !important;}
.pdt45_24 {padding-top:45px !important;}
.pdt48{padding-top:48px !important;}
.pdt50_24{padding-top:50px !important;}
.pdt50_0{padding-top:50px !important;}
.pdt90{padding-top:90px !important;}
.pdt90_05 {padding-top:90px !important}
.pdt100_48 {padding-top:100px !important}

.pdb0_12{padding-bottom:0 !important;}
.pdb10_0 {padding-bottom:10px !important;}
.pdb24_9 {padding-bottom:24px !important;}
.pdb40_0{padding-bottom:40px !important;}
.pdb45_40 {padding-bottom:45px !important;}
.pdb48{padding-bottom:48px !important;}
.pdb50_0 {padding-bottom:50px !important}
.pdb60_0{padding-bottom:60px !important;}
.pdb80{padding-bottom:80px !important;}
.pdb88 {padding-bottom:88px !important;}
.pdb90{padding-bottom:90px !important;}
.pdb100{padding-bottom:100px !important}
.pdb100_24{padding-bottom:100px !important}
.pdb100_30{padding-bottom:100px !important}
.pdb108_100 {padding-bottom:108px !important;}
.pdb120 {padding-bottom: 120px !important;}
.pdb128_122 {padding-bottom:128px !important}
.pdb176_140 {padding-bottom:176px !important}

.pdl0_8 {padding-left: 0 !important;}
.pdl8{padding-left:8px !important;}
.pdl30_0 {padding-left:30px !important;}
.pdl20 {padding-left:20px !important}

.pdr0_8 {padding-right: 0 !important;}
.pdr8{padding-right:8px !important;}
.pdr10_0{padding-right:10px !important;}
.pdr30_20{padding-right:30px !important;}
.pdr90 {padding-right:90px !important;}
.pdr20 {padding-right:20px !important}

.pdtb20 {padding-top:20px !important;padding-bottom:20px !important;}
.pdtb28 {padding-top:28px !important;padding-bottom:28px !important;}
.pdlr24 {padding-left:24px !important;padding-right:24px !important;}
.pdlr40 {padding-left: 40px !important;padding-right: 40px !important;}

.mt-auto {margin-top:auto !important;}
.mb-auto {margin-bottom:auto !important;}
.mgl8 {margin-left: 8px !important;}
.mgb-8 {margin-bottom: -8px;}

.bdb_none {border-bottom:none !important;}
.bd_none {border:none !important;}
.bdt_ddd {border-top:1px solid #ddd !important;}
.bdt_888 {border-top:1px solid #888 !important;}
.bd_eee {border:1px solid #eee !important;}
.bd_ccc {border:1px solid #ccc !important;}
.bdt_eee {border-top: 1px solid #eee !important;}
.bd_01 {border:1px solid #91a8ff !important;}

.bdr_4 {border-radius: 4px !important;}
.bdr_8 {border-radius: 8px !important;}
.bdr_12 {border-radius: 12px !important;}
.bdr_16 {border-radius: 16px; !important;}

.bg_gray03 {background-color:#eff0f5 !important;}
.bg_gray04,
.expend_wrap.bg_gray04::before {background-color:#edf0f8 !important;}

/* 2줄 말줄임 */
.ellipsis2 {overflow:hidden !important;display:block !important;display:-webkit-box !important;text-overflow:ellipsis !important;word-wrap:break-word !important;-webkit-line-clamp:2 !important;max-width:100% !important;-webkit-box-orient:vertical !important;}
/* pc 1줄, m 2줄 */
.ellipsis-m2 {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.ellipsis3 {overflow:hidden !important;display:block !important;display:-webkit-box !important;text-overflow:ellipsis !important;word-wrap:break-word !important;-webkit-line-clamp:3 !important;max-width:100% !important;-webkit-box-orient:vertical !important;}
@media only screen and (max-width: 1100px) {
	.ellipsis-m2 {display:-webkit-box !important;white-space: inherit;word-wrap:break-word !important;-webkit-line-clamp:2 !important;max-width:100% !important;-webkit-box-orient:vertical !important;}
}

/* 마우스오버 효과(bottom에서 라인 노출) */
.drop-underline {position:relative;}
a.drop-underline::before,
a .drop-underline::before {content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background-color:#000;opacity:0;transform:translateY(-8px);transition:opacity 0s, transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
a.drop-underline:hover:before,
a:hover .drop-underline:before {opacity:1;transform:translateY(0);transition:opacity 0.2s, transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}
/* 마우스오버 효과(bottom에서 라인 노출 - 말줄임인 경우 overflow hidden이 있어 padding 적용) */
.drop-underline[class*='ellipsis'] {padding-bottom:4px;}
.drop-underline[class*='ellipsis']:before{bottom:2px;}
.hover-underline:hover{text-decoration:underline !important;}
/* 정렬 */
.c-left{text-align:left !important;}
.c-center{text-align:center !important;}
.c-right{text-align:right !important;}
.v-top {vertical-align: top !important;}
.align-center {align-items:center !important;}
/* 블릿타입 */
p.marker_hyphen::before, span.marker_hyphen::before, .marker_hyphen > li::before {top:11px;}
[class*=c-bull] li+li,
[class*=c-bull] + [class*=c-bull],
[class*=c-bull] li > [class*=c-bull]{margin-top:4px;}
[class*=c-bull] li > a {margin-top:4px;}
.c-bull1,
.c-bull1 > li{display: block;position: relative;padding-left:12px;}
.c-bull1:before,
.c-bull1 > li:before{content: '';display: block;position: absolute;left: 0;top: 9px;width: 3px;height: 3px;border-radius: 50%;background-color: #666;}
ul.c-bull1{padding-left:0;}
ul.c-bull1:before{display:none;}
.c-bull2,
.c-bull2 > li{display: block;position: relative;padding-left:12px;}
.c-bull2:before,
.c-bull2 > li:before{content: '';display: block;position: absolute;left: 0;top: 12px;width: 5px;height: 1px;border-radius: 50%;background-color: #666;}
ul.c-bull2{padding-left:0;}
ul.c-bull2:before{display:none;}
.c-bull3 >*{text-indent:0;}
.c-bull3 > li >*{text-indent:0;}
.c-bull3,
.c-bull3 > li{display: block;position: relative;padding-left:19px;text-indent:-19px;}
ul.c-bull3{padding-left:0;text-indent:0px;}
ul.c-bull3:before{display:none;}
.c-bull3 > li > .c-bull3, .c-bull3 > li{text-indent:-19px;}
/** 테이블  **/
.c-table1 [rowspan]{border-right:1px solid #ddd}
.c-table1 td:last-child[rowspan]{border-right:none;}
.c-table1{text-align:left;table-layout:fixed;border-top:1px solid #111;position:relative;}
.c-table1:after{content:'';position:absolute;width:100%;height:2px;background:#111;top:0;left:0;}
.c-table1 thead th{text-align:center;}
.c-table1 th{background:#f6f6f6;padding:10px;border-bottom:1px solid #ddd;height:45px;font-weight:normal;}
.c-table1 td{background:#fff;color:#333;padding:10px;border-bottom:1px solid #ddd;height:45px;}
.c-table1 th + th,
.c-table1 td + td,
.c-table1 th + td,
.c-table1 td + th{border-left:1px solid #ddd;}
.c-table1.c-center td{text-align:center;}
.c-table1.c-right td{text-align:right;}
table.no-style,
table.no-style:after,
table.no-style th,
table.no-style td{border:0;background:none}
.c-nodata{text-align:center;padding:40px 0px;border-top: 2px solid #111;border-bottom: 1px solid #ddd;margin-top:14px;}
/** 스크롤 박스 **/
.c-scroll-x{overflow:auto;-webkit-overflow-scrolling:touch;}
.c-scroll-x > .wrapper{white-space:nowrap;}

/** 하이라이트 **/
[class*=c-highlight]{display:inline-block;position:relative;z-index:10;text-indent:0 !important;}
[class*=c-highlight]::after{content:'';display:inline-block;position:absolute;top:55%;left:-0.5%;right:-0.5%;bottom:6%;z-index:-1;}
.c-highlight1::after{background:#c8d1f6;}
/** 버튼 **/
/*[class*=c-btn] + [class*=c-btn]{margin-left:8px;}*/
[class*=c-btn]:not([style*="display:none"]):not([style*="display: none"]) + [class*=c-btn]{margin-left:8px}
[class*=btn-cover] + [class*=btn-cover]{margin-left:0;}
.btn-cover1 + .btn-cover1{margin-top:10px;} 
[class*=c-btn].left{flex:none;min-width:0px;}
[class*=c-btn]{cursor:pointer;vertical-align:middle;text-align:center;display:inline-block;overflow:hidden;white-space:nowrap;position:relative;transition:all .4s;}
[class*=c-btn] em:not(.row2m){display:inline-flex;font-size:0.85em;line-height:1.2;white-space:normal;height: 100%;align-items: center;text-align:center;justify-content: center;vertical-align:top;}/* 2행 버튼 */
[class*=c-btn] em.row2m br{display:none;}/* 모바일에서만 2행 버튼 */
[class*=c-btn].disabled{background-color:#f6f6f6;border-color:#ddd;pointer-events: none;color: #bbb;cursor: not-allowed;}
[class*=c-btn].tops{background-color:#8d743a;border-color:#8d743a;}
[class*=c-btn1]{display: inline-block;position: relative;height: 56px;padding: 0 48px;border: 1px solid transparent;border-radius: 56px;text-align: center;vertical-align: middle;cursor: pointer;line-height: 54px;font-weight: 700;font-size: 18px;white-space: nowrap;min-width: 200px;}
[class*=c-btn1-a]{border: 1px solid #4868e1;background:#4868e1;color: #fff;}
[class*=c-btn1-b]{border: 1px solid #4e5b68;background-color: #4e5b68;color: #fff;}
[class*=c-btn1-c]{border: 1px solid #ddd;background-color: #fff;color: #111;}
.c-btn1-a2:after,
.c-btn1-b2:after,
.c-btn1-c2:after{content: '';display: inline-block;width: 10px;height: 10px;margin-left: 5px;border: solid #666 1px;border-bottom: none;border-right: none;transform: rotate(135deg);opacity: 0.4;border-color: #fff;}
.c-btn1-c2:after{border-color:#4e5b68}
[class*=c-btn2]{height: 48px;line-height:45px;padding: 1px 30px;border-radius: 48px;font-size: 18px;white-space: nowrap;min-width: 180px}
[class*=c-btn2-a]{background-color: #4868e1;color: #fff;border: 1px solid #4868e1;}
[class*=c-btn2-b]{background-color: #4e5b68;color: #fff;border: 1px solid #4e5b68;}
[class*=c-btn2-c]{background-color: #fff;color: #111;border: 1px solid #bbb;}
.c-btn2-a2:after,
.c-btn2-b2:after,
.c-btn2-c2:after{content: '';display: inline-block;width: 10px;height: 10px;margin-left: 5px;border: solid #fff 1px;border-bottom: none;border-right: none;transform: rotate(135deg);opacity: 0.4;}
.c-btn2-c2:after{border-color:#4e5b68;}
[class*=c-btn3]{width: 114px;min-width: 114px;height: 44px;padding: 0 15px;border-radius: 3px;font-size: 16px;font-weight: 700;line-height: 40px;text-align: center;vertical-align:middle;}
[class*=c-btn3-a]{border: 1px solid #4e5b68;background-color: #fff;color: #4e5b68;}
[class*=c-btn3-b]{border: 1px solid #4e5b68;background: #4e5b68;color: #fff;}
[class*=c-btn4]{min-width: 146px;height: 40px;padding: 0 16px;border: 1px solid #bbb;border-radius: 3px;line-height: 38px;background-color: #fff;}
[class*=c-btn4-b]:after{content: '';display: inline-block;position: relative;width: 8px;height: 8px;margin-left: 5px;border: 1px solid #cbcbcb;border-right: 0;border-bottom: 0;transform: rotate(135deg);}
.c-btn4-c:after{content: '';display: inline-block;width: 19px;height: 19px;margin-left: 5px;margin-bottom: -4px;background: url(/pconts/images/icon/ico_outlink02.png) no-repeat center;}
.c-btn4-d:after{content: '';display: inline-block;width: 14px;height: 12px;margin-left: 15px;background: url(/pconts/images/icon/btn_download01_pc.png) no-repeat 50% 50%;vertical-align: -1px;}
.c-btn5-b,
.c-btn5-a{padding-right: 22px;}
[class*=c-btn5]:hover:before{background:#eee;}
[class*=c-btn5]:before{content: '';display: block;position: absolute;top: 0;right: 0;width: 19px;height: 19px;background-color: transparent;border-radius: 50%;}
[class*=c-btn5]:hover:after{border-color: #4868e1}
.c-btn5-a:after,
.c-btn5-b:after{content: '';display: block;position: absolute;top: 6px;right: 7px;width: 8px;height: 8px;border: 1px solid #515151;border-right: 0;border-bottom: 0;transform: rotate(135deg);}
.c-btn5-a{color:#4868e1}
.c-btn5-a:after{border-color:#4868e1}
.c-btn5-b{color:#111}
.c-btn5-c{color:#4868e1;}
.c-btn5-c:before,
.c-btn5-d:before{display:none;}
.c-btn5-c:after,
.c-btn5-d:after{content: '';display: inline-block;width: 19px;height: 19px;margin-left: 8px;margin-bottom: -4px;background: url(/pconts/images/icon/ico_outlink02.png) no-repeat center;border-radius: 50%;}
.c-btn5-c:hover:after,
.c-btn5-d:hover:after{background-image: url(/pconts/images/icon/ico_outlink04.png)}
[class*=c-bull] [class*=c-btn5]{margin-top:0}
[class*=c-btn6]{display: inline-flex;align-items: center;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-radius: 14px;vertical-align:middle;padding: 2px 16px 0 16px;height:28px;}
.c-btn6-a{border: 1px solid #4868e1;background:#4868e1;color: #fff;}
.c-btn6-b{border: 1px solid #4e5b68;background:#4e5b68;;color: #fff;}
.c-btn6-c{border: 1px solid #ddd;background:#fff;;color: #111;}
.c-btn6-d{border: 1px solid #fff;background:transparent;;color: #fff;}
.c-btn6-e{border: 1px solid #ccc;background:transparent;;color: #111;}
.c-btn1-a3:after,
.c-btn1-b3:after,
.c-btn1-c3:after,
.c-btn2-a3:after,
.c-btn2-b3:after,
.c-btn2-c3:after{content: '';display: inline-block;width: 19px;height: 19px;margin-left: 5px;margin-bottom: -4px;background: url(/pconts/images/icon/ico_outlink02_white.png) no-repeat center;}
.c-btn1-c3:after,
.c-btn2-c3:after{background: url(/pconts/images/icon/ico_outlink02.png) no-repeat center;}
[class*=btn-cover]{margin-top:60px;text-align:center;display:block;white-space:normal;}
.event-contents [class*=btn-cover]{margin-top:40px;}
.btn-cover1{text-align:center;}
.btn-cover2{text-align:right;}
.btn-cover3{text-align:left;}
/** 레이어 팝업 **/
.pop_wrap .pop_cont p+p{margin-top:14px;}
.popup .c-section{padding-top:15px}
.popup .c-section:first-child{padding-top:0;}
.popup .c-section:last-child{padding-bottom:15px;}
.popup [class*=c-form]{margin-top:20px;}
/* 레이어팝업 좌우로 화살표 버튼 삽입 */
.pop_wrap .btn_pop_prev,
.pop_wrap .btn_pop_next{position:absolute;top:calc(50% - 29px);z-index:100;width:46px;height:58px;background:rgba(0,0,0,0.5);}
.pop_wrap .btn_pop_prev::before,
.pop_wrap .btn_pop_next::before{content:'';display:block;position:absolute;top:20px;width:18px;height:18px;border-top:3px solid #fff;border-right:3px solid #fff;}
.pop_wrap .btn_pop_prev{left:-66px;}
.pop_wrap .btn_pop_prev::before{left:18px;transform:rotate(-135deg)}
.pop_wrap .btn_pop_next{right:-66px;}
.pop_wrap .btn_pop_next::before{left:10px;transform:rotate(45deg)}
.pop_wrap .btn_pop_prev:disabled,
.pop_wrap .btn_pop_next:disabled{opacity:0.3;}
/** swiper **/
.c-img-swiper{text-align:center;margin-top:60px;border: 1px solid #eee;padding:20px 15px 15px;}
.c-img-swiper img{width:100%;max-width:300px;}
.c-img-swiper .swiper-pagination{position:relative;top:0;left:0;margin-top:13px;}
.c-img-swiper .swiper-pagination-bullet{width: 12px;height: 12px;border: 3px solid #f6f6f6;background-color: #cccccc;opacity: 1;margin: 0 5px;transition:all .4s;}
.c-img-swiper .swiper-pagination-bullet-active{border-color: #333;background-color: #f6f6f6;}
/** 유의사항 심의필 **/
.c-council .c-bull1 .bold{color:#111;font-weight:bold;font-size:1.2em}
.c-council .c-council-num{color:#111;font-weight:bold;text-align:right;margin-top:10px;}
/** 플렉스 박스 **/
.c-flex-row{display:flex;flex-direction:row;}
* + .c-flex-row{margin-top:20px;}
.c-flex-box{flex:1;}
.c-flex-row.auto .c-flex-box{flex:auto;}
.c-flex-row.auto .c-flex-box + .c-flex-box{padding-left:40px;}
.c-note1{padding-left:25px;background:url(/pconts/images/dx/com/ic-note1.png) 0 0 no-repeat;}
* + .c-note1{margin-top:14px;}
/* tab */
.h-section .h-txt1{font-size:18px;}
.c-tab-cont{padding:50px 0px;}
.c-tab2{position:relative;display:flex;flex-wrap:wrap;}
.c-tab2 > a{flex:1;height:58px;border: 1px solid #ddd;background:#fff;color:#333;line-height:1.3;font-size:18px;display:flex;align-items:center;justify-content:center;}
.c-tab2 > a.on{background:#081350;border-color:#081350;color:#fff;font-weight:bold;}
.c-tab2 > a + a{border-left:0;}
.c-tab2-cont{padding-top:20px;}
/** 기타 (옮기기전) **/
.card_detail .left_wrap .swiper-slide img{border-radius: 12px;}
.accordion_body .area .marker_dot > li > ul{margin-top:7px;}
.accordion_body .area .marker_dot > li > ul > li + li{margin-top:5px;}
.event_bnr .swiper-pagination-fraction{display:inline-block;width:auto;}
.fixed-top{position:relative;top:0;z-index:10;background:rgba(255,255,255,1);}
.fixed-top.active{position:fixed;left:0;width:100%;}
/* 신규 디자인 가이드 */
.c-icon-list1{border-top:1px solid #ddd;border-bottom:1px solid #eee;}
.c-icon-list1 ul{display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin-bottom:-1px;}
.c-icon-list1 li{position: relative;width: 25%;border-bottom: 1px solid #eee;text-align: center;padding: 30px 0;}
.c-icon-list1 .ico{display:flex;margin:0 auto 20px;width:80px;height:80px;background:#f6f6f6;border-radius:50%;justify-content:center;align-items:center;}
.c-icon-list1 .ico img{width:50px; height:50px;}
[class*='c-icon-list2'] ul li{display:flex;align-items:center;position:relative;padding-bottom:20px;}
[class*='c-icon-list2'] ul li + li {padding-top:20px;border-top:1px solid #eee;}
[class*='c-icon-list2'] ul li .item p.h_title {padding-top:15px;}
[class*='c-icon-list2'] ul li .ico{display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:90px;height:90px;border-radius:50%;background:#f2f4f8;}
[class*='c-icon-list2'] ul li .ico img{width:50px;height:50px;}
[class*='c-icon-list2'] ul li .txt{margin-left:24px;}
.c-icon-list2a{border-bottom:1px solid #eee;margin-top:20px;}
.c-icon-list2a ul{display:flex;flex-wrap:wrap;margin-bottom:-1px;}
.c-icon-list2a ul li{flex:0 0 50%;max-width:50%;border-bottom:1px solid #eee;padding-top:20px;padding-right:20px;}
.c-icon-list2a ul li:nth-child(1),.c-icon-list2a ul li:nth-child(2){padding-top:0;}
.c-icon-list2a ul li + li {border-top:none;}
/* /pconts/html/myPage/myInfo/MOBFM583/MOBFM583R01.html */
.c-icon-list2-b ul li{align-items:flex-start;padding-bottom:22px;}
.c-icon-list2-b ul li + li{padding-top:22px;}
.c-icon-list2-b ul li:last-child{padding-bottom:0;}
.c-icon-list2-b ul li .txt{margin-top:18px;font-size:18px;color:#333;}
.c-icon-list2-b ul li .btn_wrap .text_link {font-size:17px;color:#333;}
.c-icon-list2-b ul li .btn_wrap .text_link ~ .text_link{margin-left:15px;}
.c-icon-list2-b ul li .btn_wrap .text_link::before{top:3px;}
.c-icon-list2-b ul li .btn_wrap .text_link::after{top:9px;}
[class*='c-icon-list3']{overflow:hidden;}
[class*='c-icon-list3'] ul{display:flex;flex-wrap:wrap;margin:-10px;}
[class*='c-icon-list3'] li{flex:1;margin:10px;background:#f6f6f6;}
[class*='c-icon-list3'] li .item{display:block;height:100%;padding:40px 10px 25px;text-align:center;}
[class*='c-icon-list3'] li .img1{width:90px;margin:0 auto;}
[class*='c-icon-list3'] li .txt-wrap{margin-top:16px;}
.c-icon-list3-a li{flex-basis:25%;max-width:calc(25% - 20px)} /* PC 4열 M 2열 */
[class*='c-icon-list3'].col4_2 li{flex-basis:25%;max-width:calc(25% - 20px)} /* 차후에 삭제 사용안함 */
[class*='c-icon-list4']{overflow:hidden;}
[class*='c-icon-list4'] ul{display:flex;flex-wrap:wrap;margin:-7px;}
[class*='c-icon-list4'] ul li{position:relative;flex:0 0 50%;max-width:calc(50% - 14px);min-height:172px;margin:7px;padding:36px 20px 20px 195px;background:#fff;border:1px solid #ccc;border-radius:10px;}
[class*='c-icon-list4'] .img{position:absolute;top:20px;left:20px;width:130px;}
[class*='c-icon-list4'] .txt-wrap .tit{font-size:18px;}
[class*='c-icon-list4'] .txt-wrap .txt{margin-top:2px;}
[class*='c-icon-list4'] .btn_wrap{margin-top:15px;}
/* 뱃지 가이드 */
[class*='c-badge'] .badge1{background:#b021ae !important;}
[class*='c-badge'] .badge2{background:#0d92be !important;}
[class*='c-badge'] .badge3{background:#4868e1 !important;}
[class*='c-badge'] .badge4{background:#4e5468 !important;}
[class*='c-badge'] .badge5{background:#139290 !important;}
[class*='c-badge'] .badge6{background:#2c9ecc !important;}
[class*='c-badge'] .badge7{background:#2ea64e !important;}
[class*='c-badge'] .badge8{background:#b38f0a !important;}
[class*='c-badge'] .badge9{background:#e5751c !important;}
[class*='c-badge'] .badge10{background:#ee2128 !important;}
[class*='c-badge'] .badge11{background:#f32359 !important;}
[class*='c-badge'] .line-badge3{border-color:#4868e1 !important;color:#4868e1 !important;}
[class*='c-badge1']{display:flex;}
[class*='c-badge1'] > [class*='badge']{display:flex;align-items:center;min-height:22px;padding:6px 12px 4px;font-size:12px;font-weight:700;color:#fff;border-radius:15px;line-height:1;}
[class*='c-badge1'] > [class*='badge'] + [class*='badge']{margin-left:5px;}
[class*='c-badge1'] > [class*='badge'].en{font-size:13px;padding-top:5px;}
[class*='c-badge'] > [class*='line-badge']{background:#fff;border-width:1px;border-style:solid;padding:4px 11px 3px;}
[class*='c-badge'] > [class*='line-badge'].en{padding-top:3px;}
.c-badge1-a{display:inline-flex;}
[class*='c-badge2']{display:flex;}
[class*='c-badge2'] > [class*='badge']{flex:1;min-height:22px;padding:6px 12px 4px;border-left:1px solid #fff;color:#fff;font-weight:700;font-size:12px;text-align:center;line-height:1;}
[class*='c-badge2'] > [class*='badge'].en{font-size:13px;padding-top:4px;}
[class*='c-badge2'] > [class*='badge']:first-child{border-top-left-radius:15px;border-bottom-left-radius:15px;border-left:none;}
[class*='c-badge2'] > [class*='badge']:last-child{border-top-right-radius:15px;border-bottom-right-radius:15px;}
.c-badge2-a{display:inline-flex;}
/* 배너 가이드 */
[class*='c-banner1']{border:1px solid #ddd;border-radius:9px;overflow:hidden;background:#fff;}
[class*='c-banner1'] .item .link{display:block;position:relative;padding:23px 279px 23px 69px;color:#333;}
[class*='c-banner1'] .item .link .tit,
[class*='c-banner1'] .item .link .txt{display:block;}
[class*='c-banner1'] .item .link .tit{font-size:24px;font-weight:700;}
[class*='c-banner1'] .item .link .label{display:inline-flex;align-items:center;justify-content:center;height:28px;margin-top:17px;padding:0 16px;border:1px solid #ccc;border-radius:15px;font-size:13px;color:#111;line-height:26px;}
[class*='c-banner1'] .item .link .img{position:absolute;top:50%;right:69px;width:200px;height:200px;margin-top:-100px;}
.c-banner1-b{border:none;}/* 배경색이 있는 경우 */
.c-banner1-b .item .link{padding:24px 280px 24px 70px;color:#fff;}
.c-banner1-b .item .link .label{border:1px solid #fff;color:#fff;}
[class*='c-banner2']{overflow:hidden;}
[class*='c-banner2'] .in-wrap{display:flex;flex-wrap:wrap;margin:-8px;}
[class*='c-banner2'] .item{display:block;position:relative;flex:1;margin:8px;border:1px solid #c6c6c6;border-radius:10px;padding:25px 0 75px 30px;background:#fff;min-height:244px;}
[class*='c-banner2'] .item .tit{font-size:20px;}
[class*='c-banner2'] .item .txt-wrap{margin-top:11px;font-size:15px;}
[class*='c-banner2'] .item .txt-wrap .marker_hyphen.Small{margin-top:3px;}
[class*='c-banner2'] .item .img{position:absolute;bottom:0;right:20px;width:200px;}
[class*='c-banner2'] .item .label{position:absolute;bottom:30px;left:30px;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 16px;border:1px solid #ccc;border-radius:15px;font-size:13px;color:#111;line-height:26px;font-weight:400;}
.c-banner2-a .item{flex:0 0 50%;max-width:calc(50% - 16px);}
[class*='c-banner3']{border:1px solid #ddd;border-radius:9px;overflow:hidden;background:#fff;}
[class*='c-banner3'] .item .link{display:block;position:relative;padding:23px 378px 23px 68px;color:#333;}
[class*='c-banner3'] .item .link .tit,
[class*='c-banner3'] .item .link .txt{display:block;}
[class*='c-banner3'] .item .link .txt{margin-top:3px;}
[class*='c-banner3'] .item .link .tit{font-size:24px;font-weight:700;}
[class*='c-banner3'] .item .link .label{display:inline-flex;align-items:center;justify-content:center;height:28px;margin-top:18px;padding:0 16px;border:1px solid #ccc;border-radius:15px;font-size:13px;color:#111;line-height:26px;}
[class*='c-banner3'] .item .link .img{position:absolute;top:50%;right:80px;width:200px;height:200px;margin-top:-100px;}
.c-banner3-b{border:none;}/* 배경색이 있는 경우 */
.c-banner3-b .item .link{padding:24px 379px 24px 70px;color:#fff;}
.c-banner3-b .item .link .label{border:1px solid #fff;color:#fff;}
/* 리스트 */
[class*='c-list1']{border-top:1px solid #bbb;}
[class*='c-list1'] dl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eee;font-size:16px;}
[class*='c-list1'] dl .tit{flex:0 0 auto;width:170px;}
[class*='c-list1'] dl .conts{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center;}
[class*='c-list1'] dl .conts .txt{flex:1 1 auto;}
.online_customer .c-badge2{width:394px;}
[class*='c-list2']{padding:32px 30px 27px;background:#fff;border:1px solid #eee;border-radius:10px;}
[class*='c-list2'] .item{display:flex;justify-content:space-between;align-items:center;}
[class*='c-list2'] .item.type2{display:block;}
[class*='c-list2'] .item + .item{margin-top:11px;}
[class*='c-list2'] .item .tit{font-size:20px;}
[class*='c-list2'] .item .point{font-size:20px;}
[class*='c-list2'] .item .point strong{font-size:30px;}
[class*='c-list2'] .item .depth2{display:flex;justify-content:space-between;align-items:center;}
[class*='c-list2'] .item .depth2 + .depth2{margin-top:-12px;}
[class*='c-list2'] .item.total{margin-top:16px;padding-top:17px;border-top:1px solid #ddd;}
[class*='c-list2'] .item .align-start{align-self:flex-start;}
[class*='c-list3']{position:relative;}
[class*='c-list3'] ul{border-top:2px solid #000;border-bottom:1px solid #ddd;background:#fff;padding:25px 30px;}
[class*='c-list3'] li{display:flex;}
[class*='c-list3'] li .item{flex:1;}
[class*='c-list3'] .item + .item{margin-left:30px;}
[class*='c-list3'] .item.size1{max-width:100px;}
[class*='c-list3'] .item.size2{max-width:380px;}
[class*='c-list3'] .item .tit,
[class*='c-list3'] .item .txt1{display:block;font-size:15px;}
[class*='c-list3'] .item .tit{font-weight:400;}
[class*='c-list3'] .item .txt1{margin-top:18px;color:#333;word-break:break-all;}
[class*='c-list3'] .btn_pos_tr{position:absolute;top:0;right:0;}
[class*='c-list4']{border-top:2px solid #000;}
[class*='c-list4'] .item{display:flex;justify-content:space-between;align-items:center;padding:17px 30px;border-bottom:1px solid #ddd;}
[class*='c-list4'] .item.type2{justify-content:flex-start;}
[class*='c-list4'] .item.type2>dd{flex:1 1 auto;}
[class*='c-list4'] .item>.tit{width:80px;margin-right:10px;}
[class*='c-list4'] .item .point{font-size:24px;}
[class*='c-list4'] .item .depth2{display:flex;justify-content:space-between;align-items:center;}
[class*='c-list4'] .item .depth2 + .depth2{margin-top:-3px;}
[class*='c-list4'] .item .depth2>.tit{margin-right:10px;}
[class*='c-list4'] .item.total{background:#f5f5f5;}
[class*='c-list4'] .item .align-start{align-self:flex-start;}

.c-list5-item {display:flex;font-size:1.6rem;}
.c-list5-item + .c-list5-item {margin-top:11px;}
.c-list5-tit {flex-shrink:0;width:180px;margin-right:10px;color:#666;font-weight:400;}
.c-list5-txt {color:#000;}

/* 20230619642852 추가한도 신청 페이지에서 커스텀 */
.c-list5.type2 .c-list5-tit {width:190px;margin-right:0;font-size:20px;font-weight:700;}
.c-list5.type2 .c-list5-txt {font-size:20px;font-weight:700;text-align:right;}
.c-list5.type2 .c-list5-item {justify-content:space-between;}
.c-list5.type2 .c-list5-item + .c-list5-item {margin-top:20px;}
.c-list5.type2 .c-list5-txt .input_wrap.side_unit input {width:180px;}
.c-list5.write .c-list5-tit {color:#000;}
.c-list5.read .c-list5-tit {color:#888;}

/*  20221114391391  일반대출 한눈에보기, 맞춤대출 이미지 수정 /pconts/html/finance/generalLoan/MOBFM197R01.html*/
.hr-gap {margin:40px 0;background:#eee; width:100vw; height: 12px; position: relative; left:calc(100%/2 - 100vw/2)}
.c-arrow {content: ''; display: block; position: absolute; top:10px; right:10px; width:13px; height:13px; border-top:2px solid #000; border-right: 2px solid #000; transform: rotate(45deg);}
[class*='c-list6'] > ul, [class*='c-list6'] > div {display: flex; flex-wrap: wrap; margin:-15px -15px 0}
[class*='c-list6'] .item {width:calc(50% - 30px); margin:15px; border:1px solid #eee; border-radius: 8px; position:relative}
[class*='c-list6'] .item:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-color: #ddd;}
[class*='c-list6'] .item.full {width: calc(100% - 30px);}
[class*='c-list6'] .item > .inner {padding:25px 40px; display: block; }
[class*='c-list6'] .item strong {font-size:22px; font-weight: 900; display: block; position: relative;}
[class*='c-list6'] .item strong + p {margin-top:10px}
[class*='c-list6'] .item.link-loan {background:#f4f7fc; border-color: #f4f7fc; overflow: hidden; position:relative}
[class*='c-list6'] .item.link-loan .inner {display: flex; height: 100%; align-items: center; padding:35px 40px}
[class*='c-list6'] .item.full.link-loan {margin:45px 15px 20px; }
[class*='c-list6'] .item.link-loan:hover {box-shadow: none;}
[class*='c-list6'] .item.link-loan strong {font-size: 20px; font-weight: 900;}
[class*='c-list6'] .item.link-loan .inner::after {content: ''; display: block; position:absolute; right: 40px; top:0; width:140px; height: 140px; background:url('/pconts/images/contents/finance/banner_mfLoan.png') no-repeat 0 0/100% auto}
[class*='c-list7'] > ul, [class*='c-list7'] > div {display: flex; justify-content: center; margin-top:45px; padding:30px 0; border-top:1px solid #eee; border-bottom:1px solid #eee }
[class*='c-list7'] .item{padding:10px 85px; position: relative; display: flex; align-items: center;}
[class*='c-list7'] .item .btn_wrap {margin-left: 47px;}
[class*='c-list7'] .item::after {content: ''; display: block; position: absolute; width:1px; height:60px; background:#eee; left:0; top:0}
[class*='c-list7'] .item:first-of-type:after {content: none;}

/* 아이템 */
[class*='c-item1']{display:flex;justify-content:space-between;align-items:center;padding-top:27px;border-top:1px solid #dbdbdb;}
[class*='c-item1'] .txt1{margin-right:15px;}
[class*='c-item2']>ul{background:url(/pconts/images/contents/mypage/arrow_right_p.png) no-repeat 50% 50%;}
[class*='c-item2']>ul{display:flex;justify-content:center;}
[class*='c-item2']>ul>li{flex:1 1 50%;max-width:320px;text-align:center;border-radius:9px;background:#fff;padding:25px 20px;box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
[class*='c-item2']>ul>li + li{margin-left:177px;}
[class*='c-item2'] .tit{display:block;position:relative;padding-bottom:33px;font-weight:400;}
[class*='c-item2'] .tit::after{content:'';display:block;position:absolute;bottom:16px;left:0;right:0;width:40px;height:1px;background:#ddd;margin:0 auto;}
[class*='c-item2'] .txt1 li {display:inline-block;position:relative;margin:0 15px; padding-left:10px;font-size:18px;font-weight:700;}
[class*='c-item2'] .txt1 li::before{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;background:#666;border-radius:50%;}
[class*='c-item2']>ul>li.blue{background:#4868e1;color:#fff;}
[class*='c-item2'] .blue .txt1 li::before{background:#fff;}
[class*='c-item2'] .blue .tit::after{background:#a0afe7;}
/* 스텝 */
[class*='c-step1']{display:flex;}
[class*='c-step1'] .item{display:flex;flex-direction:column;flex:1;position:relative;text-align:center;margin-right:36px;}
[class*='c-step1'] .item:last-child{margin-right:0;}
[class*='c-step1'] .item::after{content:'';display:block;position:absolute;top:calc(50% - 6px);left:calc(100% + 14px);width:6px;height:6px;border-top:1px solid #333;border-left:1px solid #333;transform:rotate(135deg);}
[class*='c-step1'] .item:last-child::after{display:none;}
[class*='c-step1'] .tit1{padding:16px 0;min-width:86px;background:#e6e6e6;vertical-align:middle;}
[class*='c-step1'] .txt1{display:flex;justify-content:center;align-items:center;flex:1;min-height:100px;padding:20px;background:#f6f6f6;}
[class*='c-step1'] .txt2{margin-top:17px;}
/* 상세내역 가이드 */
.c-detail-list1{overflow:hidden;border-top:1px solid #bbb;}
.c-detail-list1 li{padding:20px 0;border-bottom:1px solid #ddd;}
.c-detail-list1 li .tit_wrap{display:flex;justify-content:space-between;align-items:center;position:relative;font-size:16px;}
.c-detail-list1 li .tit_wrap .cell1{overflow:hidden;width:60%;}
.c-detail-list1 li .tit_wrap .cell1 .tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.c-detail-list1 li .tit_wrap + .info_wrap{margin-top:20px;}
.c-detail-list1 li .info_wrap{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f6f6f6;padding:15px 28px;}
.c-detail-list1 li .info_wrap dl{display:flex;justify-content:space-between;font-size:13px;}
.c-detail-list1 li .info_wrap dl + dl{margin-top:2px;}
.c-detail-list1 li .info_wrap dl dd{text-align:right;}
.c-detail-list1 li:last-child{padding-bottom:0;border-bottom:none;}
/* 카드 리스트(라디오 버튼) */
[class*='c-cardlist1'] .in-wrap{display:flex;flex-wrap:wrap;margin:-25px -27px -25px -26px;}
[class*='c-cardlist1'] .item{display:flex;flex:0 0 auto;max-width:180px;margin:25px 27px 25px 26px;}
[class*='c-cardlist1'] .item label{position:relative;display:flex;flex-direction:column;width:100%;}
[class*='c-cardlist1'] .item label .tit{flex:1 1 auto;padding-top:42px;text-align:center;}
[class*='c-cardlist1'] .item label [type="radio"] + .tit::before{content:'';display:block;position:absolute;top:0;left:calc(50% - 13px);width:26px;height:26px;border:1px solid #ddd;background:#fff;border-radius:50%;}
[class*='c-cardlist1'] .item label [type="radio"]:checked + .tit::after{content:'';display:block;position:absolute;top:6px;left:calc(50% - 7px);width:14px;height:14px;background:#4868e1;border-radius:50%;}
[class*='c-cardlist1'] .item label .img{display:block;flex:0 0 auto;margin-top:15px;border-radius:13px;max-width:180px;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.3);}
[class*='c-cardlist1'] .item label input[type="radio"]{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;}
.c-cardlist1b .in-wrap{justify-content:center;}
/* 가로형 */
.c-cardlist1c .in-wrap,
.c-cardlist1d .in-wrap {margin: -25px -30px -25px -31px;}
.c-cardlist1c .item,
.c-cardlist1d .item {max-width:286px;margin:25px 30px 25px 31px;}
.c-cardlist1c .item label .img,
.c-cardlist1d .item label .img {max-width:286px;}
.c-cardlist1d .in-wrap {justify-content: center;}

/* 아코디언 */
.c-accordion1 {position:relative;}
.c-accordion1 .accordion_item{position:relative;z-index:1;}
.c-accordion1 .accordion_item + .accordion_item{margin-top:8px;}
.c-accordion1 .accordion_item input{position:absolute;top:0;left:0;z-index:1;height:100%;margin:0;padding:0;cursor:pointer;opacity:0;}
.c-accordion1 .accordion_header{display:flex;border:1px solid #bbb;background:#fff;border-radius:10px;}
.c-accordion1 .accordion_header .check{display:block;position:absolute;width:30px;height:30px;top:26px;left:30px;}
.c-accordion1 .accordion_header .check::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border:1px solid #ddd;border-radius:50%;}
.c-accordion1 .accordion_header .check::after{content:'';display:block;position:absolute;top:7px;left:10px;width:10px;height:12px;border-right:2px solid #bbb;border-bottom:2px solid #bbb;border-radius:1px;transform:rotate(45deg);}
.c-accordion1 .accordion_header .check_wrap .item{display:block;flex:1 1 auto;padding:26px 30px 23px 85px;}
.c-accordion1 .accordion_header .check_wrap .item .tit{display:block;font-size:20px;}
.c-accordion1 .accordion_header .check_wrap .item [class*='c-badge'] + .tit{padding-right:30px;}
.c-accordion1 .accordion_header .check_wrap .item .txt1{display:block;margin-top:4px;}
.c-accordion1 .accordion_header .check_wrap .item [class*='c-badge']{position:absolute;top:29px;right:-8px;}
.c-accordion1 .accordion_header .btn_acc_check{position:relative;z-index:1;flex:0 0 auto;width:77px;}
.c-accordion1 .accordion_header .btn_acc_check::after{content:'';position:absolute;top:31px;left:calc(50% - 8px);width:12px;height:12px;margin-bottom:-4px;border:2px solid #666;border-left:none;border-top:none;transform:rotate(45deg);}
.c-accordion1 .accordion_header .point{flex:0 0 auto;margin:18px 29px 0 0;font-size:20px;}
.c-accordion1 .accordion_header .point .tit{font-size:30px;}
.c-accordion1 .accordion_header.on{border-radius:10px 10px 0 0;border-bottom:none;}
.c-accordion1 .accordion_header.on .btn_acc_check::after{top:35px;transform:rotate(-135deg);}
.c-accordion1 .accordion_item input:checked + .accordion_header{border-color:#4868e1;border-width:2px;background:#fff;}
.c-accordion1 .accordion_item input:checked + .accordion_header .check{top:25px;left:29px;}
.c-accordion1 .accordion_item input:checked + .accordion_header .check::before{background:#4868e1;border-color:#4868e1;}
.c-accordion1 .accordion_item input:checked + .accordion_header .check::after{border-color:#fff;}
.c-accordion1 .accordion_item input:checked + .accordion_header .check_wrap .item{padding:25px 29px 22px 84px;}
.c-accordion1 .accordion_item input:checked + .accordion_header .check_wrap .item [class*='c-badge']{top:28px;right:-7px;}
.c-accordion1 .accordion_item input:checked + .accordion_header .btn_acc_check{margin:-1px;}
.c-accordion1 .accordion_item input:checked + .accordion_header.on .check_wrap .item{padding-bottom:23px;}
.c-accordion1 .accordion_item input:checked + .accordion_header.on + .accordion_body{border-color:#4868e1;border-width:2px;background:#fff;padding:27px 29px 23px 83px;}
.c-accordion1 .accordion_item input[readonly] + .accordion_header {border-color:#ddd;background:#f6f6f6;}
.c-accordion1 .accordion_item input[readonly] + .accordion_header .check::before{background:#f6f6f6;}
.c-accordion1 .accordion_item input[readonly] + .accordion_header .check::after{border-color:#ddd;}
.c-accordion1 .accordion_item input[readonly] + .accordion_header.on + .accordion_body{background:#f6f6f6;border-color:#ddd;}
.c-accordion1 .accordion_body{position:relative;display:none;padding:27px 30px 24px 30px;border:1px solid #bbb;border-top:none;background:#fff;border-radius:0 0 10px 10px;}
.c-accordion1 .accordion_body::before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:1px;background:#ddd;}
.c-accordion1 .accordion_item input + .accordion_header.on + .accordion_body{padding-left:84px;}
.c-accordion1 .tooltip{position:absolute;top:-14px;right:12px;z-index:2;}
.c-accordion1 .tooltip::before{left:calc(100% - 30px);}

.c-accordion2 > .accordion_item + .accordion_item {margin-top:15px;}
.c-accordion2 > .accordion_item > .accordion_header {background-color:#fff;border-radius:10px;}
.c-accordion2 > .accordion_item > .accordion_header.on {border-radius:10px 10px 0 0;}
.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn {display:flex;align-items:center;border:none;padding:31px 85px 31px 30px;font-size:20px;line-height:1.4;color:#000;}
.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn .icon-text {margin:-5px 8px 0 0;}
.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn:after {top:calc(50% - 5px);width:16px;height:16px;border:none;border-top:1px solid #666;border-left:1px solid #666;transform:translate(-50%, -50%) rotate(225deg);transform-origin:center;}
.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn.on:after{top:calc(50% + 4px);border-top:2px solid #333;border-left:2px solid #333;transform:translate(-50%, -50%) rotate(45deg);}
.c-accordion2 > .accordion_item > .accordion_body {position:relative;padding:60px 30px 40px;background-color:#fff;border-radius:0 0 10px 10px;}
.c-accordion2 > .accordion_item > .accordion_header.on + .accordion_body::before {content:'';display:block;position:absolute;top:0;left:30px;right:30px;height:1px;background-color:#eee;}

.c-accordion3 > .accordion_item > .accordion_header {text-align:center;}
.c-accordion3 > .accordion_item > .accordion_header > button.acc_btn {display:flex;align-items:center;justify-content:center;width:auto;margin:0 auto;padding:0;border-top:none;font-size:16px;color:#000;}
.c-accordion3 > .accordion_item > .accordion_header > button.acc_btn:after {position:relative;top:1px;left:10px;width:7px;height:7px;border:none;border-top:2px solid #333;border-left:2px solid #333;transform:translate(-50%, -50%) rotate(225deg);}
.c-accordion3 > .accordion_item > .accordion_header > button.acc_btn.on:after{top:4px;transform:translate(-50%, -50%) rotate(45deg);}
.c-accordion3 > .accordion_item > .accordion_body {padding:25px 0 0 0;}

/* 게이지 */
.c-gage {position:relative;padding-top:73px;}
.c-gage .bar {position:relative;height:10px;background-color:#b8bbc5;border-radius:50px;}
.c-gage .bar-active {display:block;height:100%;background-color:#476eff;position:absolute;border-radius:10px;}
.c-gage .item {position:relative;z-index:5;background-color:#476eff;border-right:2px solid #fff;}
.c-gage .item:first-child {border-radius:50px 0 0 50px;}
.c-gage .item:last-child {border-radius:0 50px 50px 0;}
.c-gage .text {display:flex;justify-content:space-around;padding-top:19px;}
.c-gage .value {position:relative;width:64px;font-size:15px;text-align:center;}
.c-gage .value .mo-show {display:none;}
.c-gage .value::before{content:'';display:block;position:absolute;top:-29px;left:50%;width:2px;height:10px;background-color:#fff;}
.c-gage .current-amount {position:absolute;top:0;z-index:10;display:inline-flex;align-items:center;height:37px;padding:0 14px;background-color:#383b5a;border-radius:4px;font-size:18px;font-weight:700;color:#fff;transition:left 0.4s;}
.c-gage .current-amount::after {content:'';position:absolute;left:50%;bottom:-8px;width:14px;height:8px;background:url('/pconts/images/dx/com/c-gage-bullet-center.png') no-repeat; transform:translateX(-50%);}
.c-gage .current-amount.left {border-bottom-left-radius:0;}
.c-gage .current-amount.left::after {left:0;width:9px;height:8px;background:url('/pconts/images/dx/com/c-gage-bullet-left.png') no-repeat;transform:none}
.c-gage .current-amount.right {border-bottom-right-radius:0;}
.c-gage .current-amount.right::after {left:calc(100% - 9px);width:9px;height:8px;background:url('/pconts/images/dx/com/c-gage-bullet-right.png') no-repeat;transform:none}
.c-gage .current-point {display:block;position:absolute;top:-13px;right:-18px;width:36px;height:36px;background-color:rgba(71,110,255,0.3);border-radius:50%;}
.c-gage .current-point::before,
.c-gage .current-point::after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}
.c-gage .current-point::before {z-index:5;width:22px;height:22px;background-color:#476eff;}
.c-gage .current-point::after {z-index:10;width:10px;height:10px;background-color:#fff;}
.c-gage .current-point.zero {background-color:rgba(184,187,197,0.3);}
.c-gage .current-point.zero::before {background-color:#b8bbc5;}

/* 카드리스트 */
.plate-list {margin-top:10px;border-top:1px solid #000;}
.plate-list .link {display:flex;align-items:center;padding:30px;border-bottom:1px solid #eee;}
.plate-list .img {position:relative;flex-shrink:0;width:78px;height:78px;transition:all 0.2s;}
.plate-list .img > img {position:absolute;top:50%;transform:translateY(-50%);transition:all 0.1s;}
.plate-list .link:hover .img > img {margin-top:-2px;box-shadow:0px 0px 12px rgb(0 0 0 / 12%);}
.plate-list .info {margin-left:11px;}
.plate-list .title {overflow:hidden;display:-webkit-box;font-size:18px;line-height:1.45;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.plate-list .text {display:flex;align-items:center;margin-top:5px;font-size:16px;color:#666;}
.plate-list .text > span + span {margin-left:4px;}
.plate-list .item.rotate .img {margin:0 14px 0 -14px;}
.plate-list .item.rotate .img > img {transform:translateY(-50%) rotate(90deg);}
/* 카드리스트 팝업 */
#popCardSelect.pop_wrap .plate-list {margin-top:0;}
#popCardSelect.pop_wrap .plate-list .link {padding:25px 20px;}

/* 카드이용실적 충족현황 */
.plate-select .item {display:flex;align-items:center;padding:24px 28px 24px 28px;border:2px solid #414e7f;border-radius:10px;box-shadow:2px 2px 12px 0 rgba(0,0,0,0.16);}
.plate-select .img {position:relative;flex-shrink:0;width:78px;height:78px;margin:0 14px 0 -14px;}
.plate-select .img > img {position:absolute;top:50%;transform:translateY(-50%) rotate(90deg);}
.plate-select .info {margin-right:auto;padding-right:30px;}
.plate-select .title {overflow:hidden;display:-webkit-box;font-size:22px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.plate-select .text {display:flex;align-items:center;margin-top:5px;font-size:16px;color:#666;}
.plate-select .text > span + span {margin-left:4px;}
.plate-select .card-type{margin-top:5px;}
.plate-select .card-type > span{font-size:16px;line-height:1.53;}
.plate-select .btn-wrap-dx {margin-top:0;}
.plate-select > a {display: block; cursor: pointer;}

.usage-record {padding:0 10px;}
.usage-record .record {display:flex;justify-content:space-between;margin-bottom:55px;}
.usage-record .record-gage {position:relative;display:flex;flex-direction:column;flex-grow:1;margin:0 47px 0 3px;}
.usage-record .record-different {margin-top:auto;font-size:15px;color:#666;text-align:right;}
.usage-record .record-info {display:flex;flex-direction:column;justify-content:center;width:400px;height:160px;padding:0 38px;background-color:#f3f5f8;border-radius:8px;}
.usage-record .record-result {font-size:20px;}
.usage-record .record-result-more {display:block;font-size:22px;font-weight:900;}
.usage-record .record-limit {margin-top:10px;color:#888;}

.usage-record .table_wrap td {color:#666 !important;font-weight:300 !important;}
.usage-record .table_wrap tr.achievement td {color:#000 !important;font-weight:700 !important;}

/* 라디오 버튼에 이미지 삽입 시1 */
.radio_wrap label span.only_img{display:flex !important;align-items:center !important;justify-content:center;height:100% !important;padding:9px 0 !important;}
.radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span.only_img{padding:8px 0 !important;}
.radio_wrap label span.only_img img {width:45px;}
/* 라디오 버튼에 이미지 삽입 시2 */
.radio_wrap label span.only_img2 img{height:23px;}
.radio_wrap.type_btn li .radio_btn input[type="radio"] + span.only_img2{height:44px;padding:0 14px;}
.radio_wrap.type_btn li .radio_btn input[type="radio"]:checked + span.only_img2{padding:0 14px;}
.form_ele .work_info > div + div.gapt30{margin-top:30px !important;}
.work_info.bottom_line {padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #ddd}
@media only screen and (max-width: 1100px) {
	.work_info.bottom_line{padding-bottom:27px;margin-bottom:27px;}
}
/* 체크박스에 이미지 삽입 시2 */
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.only_img2{height:44px;padding:0 5px;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.only_img2 span{display:flex;align-items:center;position:relative;height:100%;padding-left:35px;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.only_img2 span::before{position:absolute;left:0;top:calc(50% - 13px);display:block;width:26px;height:26px;border:1px solid #ddd;content:"";background-color:#fff;border-radius:50%;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.only_img2 span::after{position:absolute;width:15px;height:11px;top:calc(50% - 5px);left:6px;background:url(/pconts/images/common/check_off.png) no-repeat 0 0;content:"";}
.check_wrap.type_grid .check_btn input[type="checkbox"]:checked + span.only_img2 span::after{background: url(/pconts/images/common/check_on.png) no-repeat 0 0;}
.check_wrap.type_grid .check_btn input[type="checkbox"] + span.only_img2 img {height:23px;}
/* 아코디언에 포함되지 않는 전체 동의 체크박스 */
.check_wrap.has_ico.all_chk .check_btn input[type="checkbox"] + span {width:100%;height:55px;line-height:53px;font-size:16px;text-align:left;padding-left:24px;padding-right:20px;border-radius:0;border-color:#ddd;}
.check_wrap.has_ico.all_chk .check_btn input[type="checkbox"] + span::before{width:9px;height:15px;margin-right:19px;background:none;border-right:3px solid #bbb;border-bottom:3px solid #bbb;border-radius: 1px;transform:rotate(45deg);-webkit-transform: rotate(45deg);}
.check_wrap.has_ico.all_chk .check_btn input[type="checkbox"]:checked + span {background:#4868e1;border-color:#4868e1;border-width:1px;color:#fff;}
.check_wrap.has_ico.all_chk .check_btn input[type="checkbox"]:checked  + span::before{top:0;background:none;border-color:#fff;}
/* 탑스클럽 > 프리미엄 쿠폰 > 서비스 swiper */
[class*='dx-swiperType01'] {position:relative;width:815px;margin:0 auto;}
[class*='dx-swiperType01'] .swiper-container {padding:75px 0 60px 0;}
[class*='dx-swiperType01'] .swiper-slide {position:relative;display:block;text-align:center;width:265px;background:rgba(0, 0, 0, 0.1);border-radius:10px;transition:all 0.25s ease;z-index:1;}
[class*='dx-swiperType01'] [class^='nav-button']{display:block;position:absolute;width:46px;height:58px;background-color:rgba(0, 0, 0, 0.5);z-index:10;}
[class*='dx-swiperType01'] [class^='nav-button']::before {content:"";position:absolute;width:18px;height:18px;border:solid #fff;border-width:3px 3px 0 0;}
[class*='dx-swiperType01'] .nav-button-prev {top:calc(50% - 20px);left:calc(50% - 180px);}
[class*='dx-swiperType01'] .nav-button-next {top:calc(50% - 20px);right:calc(50% - 180px);}
[class*='dx-swiperType01'] .nav-button-prev::before {top:20px;left:17px;transform: rotate(-135deg);}
[class*='dx-swiperType01'] .nav-button-next::before {top:20px;left:10px;transform: rotate(45deg);}
[class*='dx-swiperType01'] .nav-button-prev button,
[class*='dx-swiperType01'] .nav-button-next button {width:46px;height:58px;}
[class*='dx-swiperType01'] .swiper-pagination {position:relative;bottom:0;margin-top:-5px;}
[class*='dx-swiperType01'] .swiper-pagination-fraction span {font-size:18px;letter-spacing:-1px;}
[class*='dx-swiperType01'] .item {padding:0 15px 25px;text-align:center;}
[class*='dx-swiperType01'] .item .bg{opacity:0.5;margin:0 -15px;height:181px;border-top-left-radius:10px;border-top-right-radius:10px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
[class*='dx-swiperType01'] .item .tit{margin-top:20px;font-size:18px;color:#333;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
[class*='dx-swiperType01'] .item .txt1{margin-top:3px;height:44px;}
[class*='dx-swiperType01'] .item .btn_wrap{margin-top:15px;}
[class*='dx-swiperType01'] .item .btn_wrap .btn{background:transparent}
[class*='dx-swiperType01'] .swiper-slide.swiper-slide-active {background:rgba(255, 255, 255, 1);transform:scale(1.2);z-index:2;opacity:1;box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);-webkit-box-shadow:-2px 3px 24px 2px rgba(0, 0, 0, 0.15);}
[class*='dx-swiperType01'] .swiper-slide.swiper-slide-active .item .bg {opacity:1;}
[class*='dx-swiperType01'] .swiper-slide.swiper-slide-active .item .btn{background:#fff}
[class*='dx-swiperType01'] .btn-service{position:absolute;bottom:3px;right:0;z-index:10;}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide01 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_01.jpg);}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide02 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_02.jpg);}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide03 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_03.jpg);}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide04 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_04.jpg);}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide05 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_05.jpg);}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide06 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_06.jpg);}
[class*='dx-swiperType01'].tops-serviceMain01 .item.slide07 .bg{background-image:url(/pconts/images/dx/contents/TopsClub_Service_07.jpg);}
/* 탑스클럽 > 프리미엄 쿠폰 > 이벤트 swiper */
[class*='dx-swiperType02'] {position:relative;}
[class*='dx-swiperType02'] .swiper-wrapper {width:100%;}
[class*='dx-swiperType02'] .swiper-wrapper li {float: left;}
[class*='dx-swiperType02'] .swiper-wrapper li a {position:relative;display:block;}
[class*='dx-swiperType02'] .swiper-wrapper li img{width:100%;}
[class*='dx-swiperType02'] .swiper-wrapper li .tit {position:absolute;left:25px;bottom:10px;display:block;width:80%;color:#fff;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
[class*='dx-swiperType02'] [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:40px;height:40px;z-index:10;overflow:hidden;background-color:rgba(0, 0, 0, 0.7);}
[class*='dx-swiperType02'] [class^='nav-button']::before {content:"";position:absolute;width:15px;height:15px;border-width:2px 2px 0 0;border-color:#ccc;border-style:solid;}
[class*='dx-swiperType02'] .nav-button-prev {left:0px;}
[class*='dx-swiperType02'] .nav-button-next {right:0px;}
[class*='dx-swiperType02'] .swiper-button-disabled {opacity:0.3;}
[class*='dx-swiperType02'] .nav-button-prev::before {left:15px;top:13px;transform: rotate(-135deg);}
[class*='dx-swiperType02'] .nav-button-next::before {left:10px;top:13px;transform: rotate(45deg);}
/********** pc 피시만 적용  ***********/
@media only screen and (min-width: 1101px){
	/* 리스트 */
	[class*='c-list3'] li:not(:first-child) .item .tit{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);}
}
/********** m 모바일 ***********/
@media only screen and (max-width: 1100px){
	.pc-hide{display:block !important}
	.m-hide{display:none !important}
	.m-show{display:block !important;}

	/** 레이아웃 **/
	[class*=c-section]{padding:40px 0px 0px;}
	.c-section1{padding:20px 0px;}
	.c-section2{padding-top:0px}
	.h-section{display:none;}
	.h-section,
	.c-article{padding:0px 20px;width: auto;margin:0;}
	
	/** m font **/
	.c-tit1{font-size:2.0rem}
	.c-tit2{font-size:1.8rem}
	.h-tit2{font-size:3rem;}
	.h-tit1 + 	.h-tit2{font-size:2.0rem;margin-top:5px;}
	[class*=c-section] .c-article.headline:after{left:20px;bottom:10px;bottom:0;width:60px;}
	.headline .c-tit1{font-size:2.0rem}
	[class*=c-section] .headline .c-txt1{font-size:1.6rem}
	.c-strong1:after{height:13px;}
	* + .c-note1{margin-top:10px;}
	.font_sm01{font-size:14px !important;} /* 피씨 => 14px */
	.font_sm02{font-size:12px !important;} /* 피씨 => 13px  */
	.font_sm03{font-size:12px !important;} /* 피씨 => 14px  */
	.font_sm04{font-size:13px !important;} /* 피씨 => 14px  */
	.font_md07{font-size:14px !important;} /* 피씨 => 15px  */
	.font_md08{font-size:14px !important;} /* 피씨 => 18px */
	.font_lg14{font-size:1.3rem !important;} /* 피씨 => 16px */
	.font_lg15{font-size:1.4rem !important;} /* 피씨 => 16px */
	.font_lg17 {font-size:16px !important;} /* 피씨 => 22px  */
	/** 폼 **/
	.c-form2 [class*=cell] + [class*=cell]{padding-left:0px;margin-top:10px;}	
	[class*=c-form].tel .cell-btn{width:100%;margin-left:0;}
	[class*=c-form].tel{flex-wrap:wrap}
	.c-form1 [class*=cell] + [class*=cell] + .cell-btn{padding:0;margin-top:10px;}
	/** 간격 **/
	.h-section +.c-section .c-article .c-tit1:first-child{margin-top:0px}
	.h-section + .c-section{padding-top:20px;}
	.h-section + .c-section3{padding-top:0;}
	[class*=c-section] .c-article + .c-article{margin-top:40px;padding-top:0;}
	[class*=c-txt] + [class*=c-tit],
	[class*=c-tit]{margin-top:40px;}
	 * + .c-tit2{margin-top:40px;}
	[class*=c-section] .c-article.headline{padding-bottom:20px;}
	.h-tit2 + [class*=c-tit],
	.h-tit2 + [class*=c-txt]{margin-top:30px;}	
	[class*=c-tit] + [class*=c-table],
	[class*=c-tit] + [class*=c-tit],
	[class*=c-tit] + [class*=c-txt],
	[class*=c-tit] + [class*=c-bull],
	[class*=c-table] + [class*=c-table],
	[class*=c-table] + [class*=c-bull],
	[class*=c-bull] + [class*=c-table],
	[class*=c-txt] + [class*=c-table]{margin-top:10px;}
	[class*=c-table-tit] + [class*=c-table]{margin-top:3px;}
	.h-section{padding:20px 20px;}
	.h-tit1{font-size: 2.4rem;}
	[class*=c-section1] + [class*=c-section]{padding-top:40px;}
	.h-section + [class*=c-section1]{margin-top:0;}
	[class*=c-txt]{margin-bottom:10px;}
	.c-img-swiper{text-align:center;margin-top:40px;}
	*+[class*=c-txt]{margin-top:10px;}

	.gap0_12 {margin-bottom:12px !important;}
	.gap0_16 {margin-bottom:16px !important;}
	.gap0_90 {margin-bottom:90px !important;}
    .gap16_10 {margin-bottom:10px !important}
	.gap20_12 {margin-bottom:12px !important;}
    .gap24_20 {margin-bottom: 20px !important;}
    .gap24_32{margin-bottom:32px !important;}
	.gap32_24{margin-bottom:24px !important;}
	.gap34_26 {margin-bottom:26px !important;}
    .gap40_24{margin-bottom:24px !important;}
	.gap40_32{margin-bottom:32px !important;}
	.gap45_18 {margin-bottom:18px !important}
    .gap48_40 {margin-bottom: 40px !important;}
	.gap75_0{margin-bottom:0 !important;}
	.gap80_50 {margin-bottom:50px !important;}
	.gap80_63 {margin-bottom:63px !important;}
	.gap80_89 {margin-bottom:89px !important;}
	.gap105_45 {margin-bottom:45px !important;}
	.gap110_70 {margin-bottom:70px !important;}
    .gap120_70 {margin-bottom:70px !important;}

	.gapt0_4{margin-top:4px !important;}
	.gapt0_12 {margin-top:12px !important;}
	.gapt0_13 {margin-top:13px !important;}
	.gapt0_20 {margin-top:20px !important;}
	.gapt0_30 {margin-top:30px !important;}
	.gapt0_39 {margin-top:39px !important;}
	.gapt0_40 {margin-top:40px !important;}
	.gapt0_60 {margin-top:60px !important;}
	.gapt04_08 {margin-top:8px !important;}
	.gapt06_04 {margin-top:4px !important;}
	.gapt08_20 {margin-top:20px !important;}
	.gapt10_0 {margin-top:0 !important}
	.gapt16_0 {margin-top:0 !important;}
	.gapt16_12 {margin-top:12px !important;}
	.gapt16_20 {margin-top:20px !important;}
	.gapt16_27 {margin-top:27px !important;}
	.gapt20_16 {margin-top:16px !important;}
    .gapt20_24 {margin-top: 24px !important;}
    .gapt20_32 {margin-top: 32px !important;}
	.gapt20_40 {margin-top: 40px !important;}
	.gapt24_0 {margin-top: 0 !important;}
    .gapt24_16 {margin-top: 16px !important;}
    .gapt24_20 {margin-top:20px !important}
	.gapt24_32 {margin-top:32px !important;}
	.gapt25_15 {margin-top:20px !important}
	.gapt28_24 {margin-top:24px !important}
	.gapt28_20 {margin-top:20px !important}
	.gapt32_14 {margin-top:14px !important;}
    .gapt32_23 {margin-top:23px !important;}
	.gapt32_24 {margin-top:24px !important}
	.gapt40_0 {margin-top:0 !important;}
    .gapt40_28 {margin-top:28px !important;}
	.gapt40_32 {margin-top:32px !important;}
	.gapt40_56 {margin-top:56px !important}
    .gapt48_24 {margin-top: 24px !important;}
	.gapt48_32 {margin-top:32px !important;}
    .gapt48_40 {margin-top: 40px !important;}
	.gapt48_56 {margin-top:56px !important;}
	.gapt48_128 {margin-top:128px !important}
	.gapt50_40 {margin-top: 40px !important;}
    .gapt51_32 {margin-top: 32px !important;}
	.gapt56_44 {margin-top: 44px !important;}
    .gapt60_24 {margin-top: 24px !important;}
	.gapt60_34 {margin-top:34px !important;}
    .gapt60_40 {margin-top: 40px !important;}
	.gapt60_42 {margin-top:42px !important;}
	.gapt60_48 {margin-top:48px !important;}
    .gapt72_48 {margin-top: 48px !important;}
	.gapt76_20 {margin-top: 20px !important;}
	.gapt80_50 {margin-top:50px !important}
	.gapt80_56 {margin-top:56px !important}
	.gapt80_60 {margin-top: 60px !important;}
	.gapt88_44 {margin-top: 44px !important;}
	.gapt95_65 {margin-top: 65px !important;}
	.gapt100_48 {margin-top:48px !important;}
	.gapt100_56 {margin-top:56px !important;}
	.gapt120_0 {margin-top:0px !important}

    .pdt0_15 {padding-top: 15px !important;}
	.pdt7_4{padding-top:4px !important;}
    .pdt8_28 {padding-top:28px !important}
	.pdt16_0 {padding-top:0 !important}
	.pdt40_0{padding-top:0 !important;}
	.pdt45_24 {padding-top:24px !important;}
	.pdt50_0{padding-top:0 !important;}
	.pdt50_24{padding-top:24px !important;}
	.pdt90_05 {padding-top:5px !important}
    .pdt100_48 {padding-top:48px !important}
    .pdb128_122 {padding-bottom:122px !important}

	.pdb0_12{padding-bottom:12px !important;}
	.pdb10_0 {padding-bottom:0 !important;}
	.pdb24_9 {padding-bottom:9px !important;}
	.pdb40_0{padding-bottom:0 !important;}
	.pdb45_40 {padding-bottom:40px !important;}
    .pdb50_0 {padding-bottom:0px !important}
	.pdb60_0{padding-bottom:0 !important;}
	.pdb100_24{padding-bottom:24px !important}
	.pdb100_30{padding-bottom:30px !important}
	.pdb108_100 {padding-bottom:100px !important;}
    .pdb176_140 {padding-bottom:140px !important}

	.pda20{padding:20px !important;}

	.pdl0_8 {padding-left: 8px !important;}
	.pdl30_0 {padding-left:0 !important;}

	.pdr0_8 {padding-right: 8px !important;}  
	.pdr10_0 {padding-right:0 !important;}
	.pdr30_20{padding-right:20px !important;}

	.pb165_120 {padding-bottom:120px !important}
	
	.w_size07,.w_size08,.w_size09,.w_size10,.w_size11, .w_size12, .w_size13{width:100% !important;}
	/* 모바일 max-width */
	.max-w-m230p{max-width:230px !important;}
	/* 정렬 */
   .c-m-center{text-align:center !important}
   .c-m-left{text-align:left !important}
   .c-m-right{text-align:right !important}

   .pop_wrap.small.full_pop .popup{border-radius:0 !important;}
	/* m button */
	[class*=c-btn] em.row2m{display:inline-flex;font-size:0.85em;line-height:1.2;white-space:normal;height: 100%;align-items: center;text-align:center;justify-content: center;vertical-align:top;}/* 모바일에서만 2행 버튼 */
	[class*=c-btn] em.row2m br{display:inline;}
	[class*=btn-cover]{margin-top:30px;text-align:center;display:flex;justify-content: center;}
	[class*=btn-cover].col{display:block;}
	[class*=btn-cover].col [class*=c-btn]{display:block;margin:0;width:100%;}
	[class*=btn-cover].col [class*=c-btn] + [class*=c-btn]{margin:10px 0 0 0;}
	.event-contents [class*=btn-cover]{margin-top:30px;text-align:center;}
	.btn-cover1.fixed{left:0;padding: 20px 27px;position: fixed;width: 100%;margin: 0 !important;padding: 20px 27px;left: 0;bottom: 0px;background-color: rgba(255,255,255,0.8);}
	[class*=c-btn]{flex:1;min-width:0;width:100%}
	[class*=c-btn].left{flex:none;min-width:95px;width:30%;}
	[class*=c-btn]{width:auto;}
	[class*=c-btn1]{padding:0;min-width:0;}
	[class*=c-btn3]{min-width:114px;}
	[class*=c-btn4]{flex:none;}
	[class*=c-btn5]{flex:none;}
	[class*=c-btn6]{height: 22px;padding: 2px 10px 0 10px;}
	[class*=btn-cover]{flex-wrap:wrap;}
	.btn-cover3{justify-content:flex-start}
	[class*=btn-cover] [class*=c-btn4]{margin:3px 3px}
	.btn-cover3 [class*=c-btn4]{margin-right:6px;}
	/* 레이어팝업 좌우로 화살표 버튼 삽입 */
	.pop_wrap .btn_pop_prev,
	.pop_wrap .btn_pop_next{top:calc(50% - 25px);width:40px;height:50px;}
	.pop_wrap .btn_pop_prev{left:0;}
	.pop_wrap .btn_pop_next{right:0;}
	.pop_wrap .btn_pop_prev::before,
	.pop_wrap .btn_pop_next::before{top:17px;width:15px;height:15px;border-width:2px 2px 0 0;}
	.pop_wrap .btn_pop_prev::before{left:16px;}
	.pop_wrap .btn_pop_next::before{left:9px;}
	/** 플렉스 박스 **/
	.c-flex-row.auto .c-flex-box + .c-flex-box{padding-left:20px;}
	/** 스크롤박스 **/
	.c-scroll-x > .wrapper{white-space:nowrap;padding-bottom:17px;}
	.c-scroll-x .c-table1{width:680px}
	/** table **/
	.c-table1 {font-size:1.3rem}
	/** popup **/
	.popup .c-section{padding-top:15px}
	/* tab */
	.c-tab2 > a{height:49px;font-size:1.6rem;flex:0 0 auto;width:50%;border-top:0;}
	.c-tab2 > a:nth-child(1),
	.c-tab2 > a:nth-child(2){border-top:1px solid #ddd;}
	.c-tab2 > a + a{border-left:1px solid #ddd}
	.c-tab2 > a:nth-child(even){border-left:0;}
	/* 공지 */
	.list_view_body .c-article{padding:0;}
	.list_view_body .c-article.headline:after{left:0;}
	/* 신규 디자인 가이드  */
	.c-icon-list1 li{width:50%;}
	[class*='c-icon-list2'] ul li{padding-bottom:22px;}
	[class*='c-icon-list2'] ul li + li{padding-top:22px;}
	[class*='c-icon-list2'] ul li .ico{width:70px;height:70px;}
	[class*='c-icon-list2'] ul li .ico img{width:40px;height:40px;}
	[class*='c-icon-list2'] ul li .txt{margin-left:20px;}
	.c-icon-list2a{border-bottom:none;margin-top:15px;}
	.c-icon-list2a ul{display:block;margin-bottom:0;}
	.c-icon-list2a ul li{flex:0 0 100%;max-width:100%;border-bottom:1px solid #eee;padding-right:0;}
	.c-icon-list2a ul li + li{border-top:none;}
	.c-icon-list2a ul li:first-child{padding-top:0;}
	.c-icon-list2a ul li:nth-child(2){padding-top:22px;}
	/* /pconts/html/myPage/myInfo/MOBFM583/MOBFM583R01.html */
	.c-icon-list2-b ul li .txt {margin-top:7px;}
	.c-icon-list2-b ul li .btn_wrap {margin-top:3px;}
	.c-icon-list2-b ul li .btn_wrap .text_link ~ .text_link{margin-left:0;}
	[class*='c-icon-list3'] ul{margin:-4px;}
	[class*='c-icon-list3'] li{margin:4px;}
	[class*='c-icon-list3'] li .item{padding:25px 10px 15px;}
	[class*='c-icon-list3'] li .img1{width:60px;}
	[class*='c-icon-list3'] li .txt-wrap{margin-top:6px;}
	.c-icon-list3-a li{flex-basis:50%;max-width:calc(50% - 8px)} /* PC 4열 M 2열 */
	[class*='c-icon-list3'].col4_2 li{flex-basis:50%;max-width:calc(50% - 8px)} /* 차후에 삭제 사용안함 */
	[class*='c-icon-list4'] ul{display:block;margin:0;}
	[class*='c-icon-list4'] ul li{flex:0 0 100%;max-width:100%;min-height:138px;margin:0;padding:31px 20px 20px 140px;}
	[class*='c-icon-list4'] ul li + li{margin-top:7px;}
	[class*='c-icon-list4'] .txt-wrap .tit{font-size:15px;}
	[class*='c-icon-list4'] .img{width:96px;}
	[class*='c-icon-list4'] .txt-wrap .txt{margin-top:0;font-size:13px;}
	[class*='c-icon-list4'] .btn_wrap{margin-top:13px;}
	[class*='c-icon-list4'] .btn.line_round{height:20px;padding:1px 10px 0 10px;line-height:1.53;font-size:13px;}
    
	/* 뱃지 가이드 */
	[class*='c-badge1'] > [class*='badge']{padding:7px 6px 5px;font-size:9px;border-radius:12px;}
	[class*='c-badge1'] > [class*='badge'].en{font-size:9px;padding:6px;}
	[class*='c-badge1'].default-pc > [class*='badge']{padding:6px 12px 4px;font-size:12px;border-radius:15px;}
	[class*='c-badge1'].default-pc > [class*='badge'].em{font-size:13px;padding-top:5px;}
	[class*='c-badge'] > [class*='badge'][class*='line-badge']{padding:6px 6px 4px;}
	[class*='c-badge'] > [class*='badge'][class*='line-badge'].en{padding:6px 6px 4px;}
	[class*='c-badge'].default-pc > [class*='badge'][class*='line-badge']{padding:4px 11px 3px;}
	[class*='c-badge'].default-pc > [class*='badge'][class*='line-badge'].en{padding-top:3px;}
	[class*='c-badge2'] > [class*='badge']{padding:7px 6px 5px;font-size:9px;}
	[class*='c-badge2'] > [class*='badge'].en{font-size:9px;padding-top:5px;}
	[class*='c-badge2'].default-pc > [class*='badge']{padding:6px 4px 4px;font-size:12px;}
	[class*='c-badge2'].default-pc > [class*='badge'].em{font-size:13px;padding-top:4px;}
	/* 배너 가이드 */
	[class*='c-banner1'] .item .link{padding:23px 139px 26px 26px;}
	[class*='c-banner1'] .item .link .tit{font-size:15px;}
	[class*='c-banner1'] .item .link .txt{margin-top:1px;font-size:13px;}
	[class*='c-banner1'] .item .link .img{right:0;width:140px;height:140px;margin-top:-70px;}
	[class*='c-banner1'] .item .link .label{margin-top:11px;height:22px;padding:0 10px;line-height:20px;}
	.c-banner1-b .item .link{padding:24px 140px 27px 27px;}
	[class*='c-banner2'] .in-wrap{display:block;margin:0;}
	[class*='c-banner2'] .item{padding:25px 0 65px 26px;margin:0;min-height:200px;}
	[class*='c-banner2'] .item + .item{margin-top:8px;}
	[class*='c-banner2'] .item .tit{font-size:15px;}
	[class*='c-banner2'] .item .txt-wrap{margin-top:2px;font-size:13px;}
	[class*='c-banner2'] .item .txt-wrap .marker_hyphen.Small{margin-top:1px;}
	[class*='c-banner2'] .item .img{right:10px;width:140px;}
	[class*='c-banner2'] .item .label{left:26px;bottom:24px;height:22px;padding:0 10px;line-height:20px;}
	.c-banner2-a .item{max-width:100%;}
	[class*='c-banner3'] .item .link{padding:24px 39px 23px 39px;}
	[class*='c-banner3'] .item .link .tit{font-size:15px;}
	[class*='c-banner3'] .item .link .txt{margin-top:4px;font-size:13px;}
	[class*='c-banner3'] .item .link .img{top:auto;right:25px;bottom:-19px;width:153px;height:153px;margin-top:0;}
	[class*='c-banner3'] .item .link .label{margin-top:68px;height:22px;padding:0 10px;line-height:20px;}
	.c-banner3-b .item .link{padding:25px 40px 24px 40px;}
	/* 리스트 */
	[class*='c-list1'] dl{display:block;padding:13px 0;font-size:1.5rem;}
	[class*='c-list1'] dl .tit{max-width:100%;}
	[class*='c-list1'] dl .conts{display:block;margin-top:8px;}
	[class*='c-list1'] dl .conts .btn{margin-top:12px;margin-bottom:4px;}
	.online_customer .c-badge2{width:100%;}
	[class*='c-list2']{padding:11px 21px 19px;}
	[class*='c-list2'] .item + .item{margin-top:7px;}
	[class*='c-list2'] .item .tit{font-size:15px;}
	[class*='c-list2'] .item .point{font-size:15px;}
	[class*='c-list2'] .item .point strong{font-size:25px;}
	[class*='c-list2'] .item .depth2 + .depth2{margin-top:-8px;}
	[class*='c-list2'] .item.total{margin-top:10px;padding-top:12px;}
	[class*='c-list3'] ul{padding:22px 10px 20px;}
	[class*='c-list3'] li{display:block;position:relative;}
	[class*='c-list3'] li + li{padding-top:43px;}
	[class*='c-list3'] li + li:before{content:'';display:block;position:absolute;top:20px;left:-10px;right:-10px;height:1px;background:#ddd;}
	[class*='c-list3'] .item{display:flex;}
	[class*='c-list3'] .item[class*='size']{max-width:100%;}
	[class*='c-list3'] .item + .item {margin-top:6px;margin-left:0;}
	[class*='c-list3'] .item .tit,
	[class*='c-list3'] .item .txt1{flex:1;font-size:13px;}
	[class*='c-list3'] .item .tit{max-width:100px;}
	[class*='c-list3'] .item .txt1 {margin-top:0;margin-left:10px;}
	[class*='c-list4'] .item{padding:17px 10px;}
	[class*='c-list4'] .item>.tit{width:50px;font-size:1.3rem;}
	[class*='c-list4'] .item .point{font-size:1.8rem;}
	[class*='c-list4'] .item .depth2 .tit{font-size:1.3rem;}

	.c-list5-item {font-size:1.4rem;}
	.c-list5-tit {width:110px;}

	/* 20230619642852 추가한도 신청 페이지에서 커스텀 */
	.c-list5.type2 .c-list5-tit {width:110px;font-size:16px;}
	.c-list5.type2 .c-list5-txt {font-size:16px;}
	.c-list5.type2 .c-list5-txt .input_wrap.side_unit input {width:124px;}

    /*  20221114391391  일반대출 한눈에보기, 맞춤대출 이미지 수정 /pconts/html/finance/generalLoan/MOBFM197R01.html*/
    [class*='c-list6'] > ul, [class*='c-list6'] > div {margin:0}
    [class*='c-list6'] .item .inner {padding:20px 23px}
    [class*='c-list6'] .item {width: 100%;margin: 10px 0;}
    [class*='c-list6'] .item strong {font-size:20px}
    [class*='c-list6'] .item strong + p {font-size:14px; margin-top:10px}
    [class*='c-list6'] .item.link-loan  {margin:10px 0; width: 100%;}
    [class*='c-list6'] .item.link-loan .inner {padding:34px 23px}
    [class*='c-list6'] .item.link-loan .inner strong {font-size: 18px;}
    [class*='c-list6'] .item.full.link-loan {margin:10px 0}
    [class*='c-list6'] .item.link-loan .inner::after {width:108px;height:108px;right:5px; top:4px}
    [class*='c-list7'] > ul, [class*='c-list7'] > div {display: block; padding:0; margin:0}
    [class*='c-list7'] .item{padding: 42px 0; justify-content: space-between;}
    [class*='c-list7'] .item .btn_wrap {margin-left: 10px;}
    [class*='c-list7'] .item::after {content: ''; display: block; position: absolute; height: 1px; width: 100vw; background:#eee; top:0; left:calc(100%/2 - 100vw/2);}    
	/* 스텝 */
	[class*='c-step1']{display:block;}
	[class*='c-step1'] .item{margin-right:0;margin-bottom:36px;}
	[class*='c-step1'] .item:last-child{margin-bottom:0;}
	[class*='c-step1'] .item::after{top:calc(100% + 12px);left:calc(50% - 2px);transform:rotate(-135deg);}
	/* 아이템 */
	[class*='c-item1']{display:block;text-align:center;}
	[class*='c-item1'] .txt1{margin-right:0;}
	[class*='c-item1'] .btn_wrap{margin-top:15px;}
	[class*='c-item2']>ul>li{max-width:100%;padding:20px 15px;}
	[class*='c-item2']>ul>li + li{margin-left:52px;}
	[class*='c-item2'] .tit{padding-bottom:17px;}
	[class*='c-item2'] .tit::after{bottom:8px;}
	[class*='c-item2'] .txt1 li{display:block;padding-left:0;font-size:1.3rem;}
	[class*='c-item2'] .txt1 li::before{display:none;}
	[class*='c-item2'] .txt1 li + li{margin-top:6px;}
	/* 상세내역 가이드 */
	.c-detail-list1{border-top-color:#ddd;}
	.c-detail-list1 li .tit_wrap .cell1 .tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;max-height:48px;}
	/* 카드 리스트(라디오 버튼) */
	[class*='c-cardlist1'] {max-width:360px;margin:0 auto;}
	[class*='c-cardlist1'] .in-wrap{margin:-20px -12px;}
	[class*='c-cardlist1'] .item{margin:20px 12px;max-width:calc(50% - 24px);}
	[class*='c-cardlist1'] .item label .tit{padding-top:32px;}
	[class*='c-cardlist1'] .item label .img{margin-top:10px;max-width:100%;}
	.c-cardlist1c,
	.c-cardlist1d {max-width:480px;}
	/* 아코디언 */
	.c-accordion1 .accordion_header .check_wrap .item{padding:21px 21px 19px 51px;}
	.c-accordion1 .accordion_header .check_wrap .item .tit{display:block;font-size:15px;}
	.c-accordion1 .accordion_header .check_wrap .item .txt1{display:block;margin-top:4px;font-size:13px;}
	.c-accordion1 .accordion_header .check_wrap .item [class*='c-badge']{top:21px;right:-20px;}
	.c-accordion1 .accordion_header .check_wrap .item [class*='c-badge'] + .tit{padding-right:10px;}
	.c-accordion1 .accordion_header .check{width:20px;height:20px;top:21px;left:21px;}
	.c-accordion1 .accordion_header .check::after{top:4px;left:7px;width:6px;height:9px;}
	.c-accordion1 .accordion_header .btn_acc_check{width:56px;}
	.c-accordion1 .accordion_header .btn_acc_check::after{top:23px;left:calc(50% - 4px);width:10px;height:10px;}
	.c-accordion1 .accordion_header .point{margin:12px 20px 0 0;font-size:15px;}
	.c-accordion1 .accordion_header .point .tit{font-size:25px;}
	.c-accordion1 .accordion_header.on .btn_acc_check::after{top:28px;}
	.c-accordion1 .accordion_item input + .accordion_header.on + .accordion_body{padding-left:21px;}
	.c-accordion1 .accordion_item input:checked + .accordion_header.on .check_wrap .item{padding-bottom:19px;}
	.c-accordion1 .accordion_item input:checked + .accordion_header .check{top:20px;left:20px;}
	.c-accordion1 .accordion_item input:checked + .accordion_header .check_wrap .item{padding:20px 20px 18px 50px;}
	.c-accordion1 .accordion_item input:checked + .accordion_header.on + .accordion_body{padding:19px 20px 16px 20px;}
	.c-accordion1 .accordion_body{padding:19px 21px 17px 22px;font-size:1.3rem;}
	.c-accordion1 .tooltip{top:-22px;right:-2px}

	.c-accordion2 > .accordion_item + .accordion_item {margin-top:10px;}
	.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn {padding:23px 60px 23px 18px;font-size:16px;}
	.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn .icon-text {margin:-2px 8px 0 0;}
	.c-accordion2 > .accordion_item > .accordion_header > button.acc_btn:after {left:calc(100% - 31px)}
	.c-accordion2 > .accordion_item > .accordion_header.on + .accordion_body::before {left:20px;right:20px;}
	.c-accordion2 > .accordion_item > .accordion_body {padding:35px 20px 40px;}

	.c-accordion3 > .accordion_item > .accordion_header > button.acc_btn {font-size:14px;}
	.c-accordion3 > .accordion_item > .accordion_header > button.acc_btn:after {top:3px;}
	.c-accordion3 > .accordion_item > .accordion_header > button.acc_btn.on:after {top:6px;}

	.c-accordion2 > .accordion_item.major > .accordion_header > button.acc_btn {display:block;}
	.c-accordion2 > .accordion_item.major > .accordion_header > button.acc_btn .icon-text {display:block;margin:-2px 4px 6px 0;}

	/* 게이지 */
	.c-gage {padding:54px 0 0;}
	.c-gage .bar {height:8px;}
	.c-gage .text {padding-top:10px;}
	.c-gage .value {width:45px;font-size:12px;text-align:center;}
	.c-gage .value .pc-show {display:none;}
	.c-gage .value:last-child .mo-show {display:block;}
	.c-gage .value::before {top:-18px;height:8px;}
	.c-gage .value > span {display:none;}
	.c-gage .current-amount {height:29px;padding:0 9px;font-size:14px;}
	.c-gage .current-amount::after {width:12px;height:8px;background:url('/pconts/images/dx/com/c-gage-bullet-center-mo.png') no-repeat center / 12px 8px;}
	.c-gage .current-amount.left::after {width:7px;height:8px;background:url('/pconts/images/dx/com/c-gage-bullet-left-mo.png') no-repeat center / 7px 8px;}
	.c-gage .current-amount.right::after {left:calc(100% - 7px);width:7px;height:8px;background:url('/pconts/images/dx/com/c-gage-bullet-right-mo.png') no-repeat center / 7px 8px;}
	.c-gage .current-point {top:-7px;right:-11px;width:22px;height:22px;}
	.c-gage .current-point::before {width:12px;height:12px;}
	.c-gage .current-point::after {width:6px;height:6px;}

    /* 카드리스트 */
    .plate-list{margin-top:20px;}
	.plate-list .link {padding:20px 15px 20px 0;}
	.plate-list .img {align-self:flex-start;width:44px;height:44px;}
	.plate-list .link:hover .img > img {margin-top:0;box-shadow:none;}
	.plate-list .info {margin:-3px 0 0 5px;}
	.plate-list .title {font-size:16px;}
	.plate-list .text {margin-top:3px;font-size:14px;}
	.plate-list .item.rotate .img {margin:0 7px 0 -7px;}

	/* 카드리스트 - 팝업 */
    #popCardSelect.pop_wrap{padding:0;}
    #popCardSelect.pop_wrap .popup{width:100%;height:100%;}
	.pop_wrap .plate-list .link {padding:20px 15px 20px 0;}
	
	/* 카드이용실적 충족현황 */
	.plate-select .item {padding:19px 0 16px 19px} 
	.plate-select .img {align-self:flex-start;width:44px;height:44px;margin:0 8px 0 -8px;}
	.plate-select .info {margin-top:-3px;padding-right:0;}
	.plate-select .title {font-size:16px;}
	.plate-select .text {font-size:14px;}
	.plate-select .card-type,
	.plate-select .text {margin-top:3px}
    .plate-select .card-type > span{font-size:14px;} 
	.plate-select .btn-wrap-dx {align-self:stretch;margin:-23px 0;margin:0}
	.plate-select .btn-wrap-dx .btn {width:52px;height:100% !important;padding:0 18px;background:transparent;border:none;}
	.plate-select .btn-wrap-dx .btn span {display:none;}
	.plate-select .btn-wrap-dx .btn::before {content:'';display:block;position:absolute;top:50%;left:50%;width:9px;height:9px;border-top:2px solid #383b5a;border-left:2px solid #383b5a;transform:translate(-50%, -50%) rotate(225deg);}

	.usage-record {padding:0 20px;}
	.usage-record .record {display:block;margin-bottom:25px;}
	.usage-record .record-gage {margin:0 0 0 0;}
	.usage-record .record-different {margin-top:24px;}
	.usage-record .record-info {width:100%;height:auto;margin-top:12px;padding:23px 23px 26px;}
	.usage-record .record-result,
	.usage-record .record-result-more {font-size:16px;}
	.usage-record .record-limit {margin-top:6px;font-size:14px;}
	.usage-record .table_wrap th {font-size:13px;}
}
@media only screen and (max-width: 854px) {
	/* 탑스클럽 > 프리미엄 쿠폰 > 서비스 swiper */
	[class*='dx-swiperType01']{width:100%;}
	[class*='dx-swiperType01'] .swiper-container{overflow:visible;padding:55px 0 40px 0;}
	[class*='dx-swiperType01'] .nav-button-prev {left:0px;}
	[class*='dx-swiperType01'] .nav-button-next {right:0px;}
	[class*='dx-swiperType01'] .swiper-pagination{margin-top:11px;}
	[class*='dx-swiperType01'] .item .tit{font-size:15px;}
	[class*='dx-swiperType01'] .item .bg{height:150px;}
	[class*='dx-swiperType01'] .btn-service{position:relative;bottom:0;left:0;margin-top:10px;text-align:center;}
}
@media only screen and (max-width: 680px){
	/* JS */
	.c-scroll-wrap{overflow:auto;margin:10px 0px;}
	.c-scroll-wrap table{min-width:680px;}
	.link-out-wrap{display:block;margin:10px 0px;}	
}
/** 신규 layer 관련 **/
.c-layer-wrap{position:fixed;width:100vw;height:1px;z-index:0;left:0;top:auto;bottom:0;transition:all .6s ease-out;opacity:0;}
.c-layer-wrap.on{height:100vh;opacity:1;z-index:300;transition-delay:0.7}
.c-layer-wrap:before{content:'';position:fixed;left:0;bottom:auto;top:0;width:100%;height:100%;background:rgba(0,0,0,0.56);z-index:1;transition:all .4s;opacity:0;}
.c-layer-wrap.on:before{opacity:1}
.c-layer-wrap [class*=c-layer]{background:#fff;z-index:10;transition:all .4s;opacity:0;overflow:hidden;display:flex;flex-direction: column;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);}
.c-layer-wrap.on [class*=c-layer]{opacity:1;border-radius:5px;}
.c-layer-wrap .layer-head{padding: 26px 30px 26px 30px;border-bottom:1px solid #ddd;}
.c-layer-wrap .h-tit1{min-height: 31px;padding-right: 30px;font-weight: 700;font-size: 24px;line-height: 1.3;color: #111;}
.c-layer-wrap .layer-body{-webkit-overflow-scrolling: touch;padding:20px 30px 30px;flex: 1 1 auto;overflow: auto;}
.c-layer-wrap [class*="c-btn-cover"]{margin-top:0;padding:30px;}
.c-layer-wrap .btn-x-close1{width:40px;height:40px;position:absolute;right:20px;top:20px;overflow:hidden;background: url(/pconts/images/icon/popup_close.png) no-repeat center center;color:transparent;}
.c-layer-wrap .c-layer1{width: 720px;height: 570px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.c-layer-wrap .c-layer2{width: 100%;max-width:1040px;height: 640px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.c-layer-wrap #eventImage{margin:0 -30px;}
.c-layer-wrap #eventImage .txt-wrap{left:10px}
 @media only screen and (max-height: 570px){
	.c-layer-wrap .c-layer1{height:calc(100% - 5%)} 
 }
 @media only screen and (max-width: 1100px){
	.c-layer-wrap .layer-head{padding: 16px 20px 16px 20px;}
	.c-layer-wrap .h-tit1{font-size: 1.8rem;line-height: 1.5;}
	.c-layer-wrap .layer-body{padding:20px;}
	.c-layer-wrap.on [class*=c-layer]{border-radius:0px;}
	.c-layer-wrap.on .c-layer1,
	.c-layer-wrap.on .c-layer2{width:auto;height:auto;left:0;top:0;transform:translateX(0) translateY(0);top:0px;right:0px;left:0px;bottom:0px;/*top:10px;right:10px;left:10px;bottom:10px;*/position:fixed;}
	.c-layer-wrap [class*="c-btn-cover"]{flex:none;}
	.c-layer-wrap .btn-x-close1{top:10px;right:10px;}
	.c-layer-wrap #eventImage{margin:0 px;}
	.c-layer-wrap #eventImage .txt-wrap{left:0px}
	.c-section [class*=c-btn2] {padding: 0;}
	.h-section .h-txt1{font-size:1.5rem;}
	.c-tab-cont{padding:0px 0px;}
 }
/* you tube */
.youtube-sec{background:none;padding:0px 0px 30px;z-index:1;position:relative;margin-top:60px}
.youtube-sec:before{content:'';width:100%;height:70%;left:0;bottom:0;background:#f6f6f6;position:absolute;z-index:0;}
.youtube-sec .youtube-cont{padding-top: 41.3%;position:relative;width:720px;height:0px;background:  url(/pconts/images/dx/landing/youtube_tst.png) 0 0 no-repeat;background-size:100% auto;bottom:0;right:0;}
#eventContents .youtube-sec .youtube-cont{transition:all .4s;}
.youtube-sec .youtube-cont iframe{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0;border:0;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);background:#fff;}
.youtube-sec .youtube-text{margin-top:25px;}
.youtube-sec .youtube-text .tit1{font-size:20px;color:#111;font-weight:bold;}
.youtube-sec .youtube-text .txt1{font-size:16px;margin-top:5px;}
.youtube-cont .btn-close{display:none;width:37px;height:37px;border:1px solid #ccc;position:absolute;right:0;top:-36px;z-index:2;overflow:hidden;text-indent:-9999px;background:#fff;}
.youtube-cont .btn-close:before{content:'';width:76%;height:1px;background:#111;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg)}
.youtube-cont .btn-close:after{content:'';width:1px;height:76%;background:#111;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg)}
.youtube-sec.active .youtube-cont{position:fixed;bottom:90px;right:90px;width:321px;padding-top: 0%;height:180px }
#eventContents .youtube-sec.active .youtube-cont{transition:bottom 0.4s;}
.youtube-sec.active .btn-close{display:block;}
@media only screen and (max-width: 1100px){
	.youtube-cont .btn-close{width:32px;height:32px;top:-31px;}
	.youtube-sec{box-sizing:content-box;margin-top:40px;}
	.youtube-sec .youtube-cont{width:100%;padding-top:56.1%;background-size:100% auto}
	.youtube-sec .youtube-text .tit1{font-size:1.6rem;}
	.youtube-sec .youtube-text .txt1{font-size:1.4rem;margin-top:5px;}
	.youtube-sec.active .youtube-cont{position:fixed;bottom:150px;right:30px;width:210px;height:118px;}
}
.c-toon-cell{overflow:hidden;margin-top:50px;}
.c-toon-cell .item{float:left;width:50%;}
.c-toon-cell .item:nth-child(odd){clear:left}
.c-toon-cell .item .c-bull3{margin-top:15px;margin-left:43px;padding-bottom:60px;}
@media only screen and (max-width: 860px){
	.c-toon-cell{margin-top:40px;}
	.c-toon-cell .item{float:left;width:100%;}
	.c-toon-cell .item .c-bull3{margin-left:0px;padding-bottom:40px;}
	.c-center.m-left{text-align:left !important;}
	.m-h40{height:40px;}
}
/* 공통 팝업 안에 팝업 */
.pop_wrap .pop-tab{padding:0px 30px 20px}
.pop_wrap  .in-terms-pop .pop_head{padding:0;padding-top:10px}
.pop_wrap  .in-terms-pop .pop_cont{overflow:visible;padding:0;}
.pop_wrap  .in-terms-pop .btn_close {display:none;}
.pop_wrap  .in-terms-pop .pop_head h3{font-size:20px;}
/* 팝업 커스텀 /pconts/dx/svn/etc/MOBFM570C04_P01~04.html */
.pop_wrap.board .pop_cont{padding-top:25px;padding-bottom:15px;}
.pop_wrap.board .pop_cont .board-header ul.list{display:flex;}
.pop_wrap.board .pop_cont .board-header ul.list + ul.list{margin-top:6px;}
.pop_wrap.board .pop_cont .board-header ul.list li{position:relative;padding-left:20px;}
.pop_wrap.board .pop_cont .board-header ul.list li::before{content:'';display:block;position:absolute;top:2px;left:10px;width:1px;height:15px;background-color:#bbb;}
.pop_wrap.board .pop_cont .board-header ul.list li:first-child{padding-left:0;}
.pop_wrap.board .pop_cont .board-header ul.list li:first-child::before{display:none;}
.pop_wrap.board .pop_cont .board-header + .board-body{margin-top:25px;padding-top:35px;border-top:1px solid #bbb;}
.pop_wrap.board .pop_cont .board-body .conts{padding:25px 20px;background-color:#f6f6f6;}
.pop_wrap.board .pop_cont .reply-wrap{margin-top:50px;padding:25px 20px;border:1px solid #ddd;box-shadow:5px 5px 15px rgb(0 0 0 / 10%);}
.pop_wrap.board .pop_cont .reply-wrap .reply-header{display:flex;}
.pop_wrap.board .pop_cont .reply-wrap .reply-header li{position:relative;padding-left:20px;}
.pop_wrap.board .pop_cont .reply-wrap .header li::before{content:'';display:block;position:absolute;top:2px;left:10px;width:1px;height:15px;background-color:#bbb;}
.pop_wrap.board .pop_cont .reply-wrap .reply-header li:first-child{padding-left:0;}
.pop_wrap.board .pop_cont .reply-wrap .reply-header li:first-child::before{display:none;}
.pop_wrap.board .pop_cont .reply-wrap .reply-header + .reply-body{margin-top:25px;padding-top:25px;border-top:1px solid #eee;}
@media only screen and (max-width: 1100px) {
	.pop_wrap.board .pop_cont{padding-top:15px;}
	.pop_wrap.board .pop_cont .board-header ul.list{display:block;}
	.pop_wrap.board .pop_cont .board-header ul.list li{padding-left:0;}
	.pop_wrap.board .pop_cont .board-header ul.list li + li{margin-top:6px;}
	.pop_wrap.board .pop_cont .board-header ul.list li::before{display:none;}
	.pop_wrap.board .pop_cont .board-header + .board-body{padding-top:25px;}
	.pop_wrap.board .pop_cont .reply-wrap{margin-top:30px;padding:15px 20px;}
	.pop_wrap.board .pop_cont .reply-wrap .reply-header + .reply-body{margin-top:15px;padding-top:15px;}
}
.news_details .txt_area h4.c-tit1{padding-left:0}
/* 2020-02-12 DX운영팀 [dx-customize.css] */
button,
a{color:inherit;}
.landType #header{display:none !important;}
.landType #container{padding-top:0;}
.landType .card_compare_wrap{top:0;}
.switch .slide-btn{position:absolute; left:0; top:0; z-index:10; width:100%;height:100%;border-radius:18px;margin:0;}
.switch .slide-btn span:before{content:''}
.switch .slide-btn.act span:before{content:''}
.switch .slide-btn.act  + .slider {background:#eee url(/pconts/images/contents/mypage/align_visual.png) no-repeat 17px 50%;}
.switch .slide-btn.act  + .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_list_on.png);}
.switch_wrap.onoff_btn .slide-btn.act  + .slider {background-color:#4868e1;}
.switch_wrap.onoff_btn .slide-btn.act  + .slider::before {-webkit-transform:translateX(25px); -ms-transform:translateX(25px);transform:translateX(25px)}
.credit_card .slide-btn.act  + .slider {background:#eee url(/pconts/images/contents/mypage/align_list.png) no-repeat 17px 50%;}
.credit_card .slide-btn.act  + .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);}
.switch .slide-btn + .slider i {display:block; position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden;}
.switch .slide-btn + .slider i.checked {display:none;}
.switch .slide-btn + .slider i.unchecked {display:block;}
.switch .slide-btn.act + .slider i.checked {display:block;}
.switch .slide-btn.act + .slider i.unchecked {display:none;}
.switch .slide-btn .checked{display:none;visibility: hidden;}
.switch .slide-btn.act .unchecked{display:none;visibility: hidden;}
.switch .slide-btn.act .checked{display:block;visibility: visible;}
/* 메인  */
.main_index .main_con .main_search .input_wrap input:focus,
.main_index .main_con .main_search .input_wrap input{padding-right:33px;padding-left:10px;}
.main_index .main_con .main_search .input_wrap .search_btn{cursor: default;}
.main_index .main_con .main_search .input_wrap .search_btn{left:auto;right:8px;cursor:pointer;}
.main_index .main_con .main_search .input_wrap .btn_clear{display:none;right:48px;}
.main_index .main_con .main_search .input_wrap.t1 input + .srch_ico{position:absolute;top:15px;left:0;width:24px;height:24px;overflow:hidden;background:url('/pconts/images/main/index/ico_search.png') no-repeat 0 0;background-size:100%;text-indent:-9999px;pointer-events:none; cursor:default;}
.main_index .main_con .main_search .input_wrap.t1 input.active{padding:0 66px 0 0;}
.main_index .main_con .main_search .input_wrap.t1 input.active + .srch_ico{left:inherit;right:0;pointer-events:auto; cursor:pointer;}
.main_index .main_con .main_search .input_wrap.t1 .btn_clear{position:absolute;top:50%;right:34px;}
.badge_wrap span.new_badge{background: #b021ae;}
.badge_wrap span.cash_badge{background: #4868e1;}
/* 검색 */
.srch_input_wrap .label_srch{display:none;}
.srch_input_wrap.t1 input{padding-left:10px;}
.srch_input_wrap.t1 input + .srch_ico{display:block !important;position:absolute;top:50%;right:8px;width:30px;height:30px;margin-top:-14px;background:url('/pconts/images/common/ico_search.png') no-repeat center center;background-size:24px 24px;text-indent:-9999px;pointer-events:none; cursor:default;}
.srch_input_wrap.t1 input.active{padding:0 76px 0 10px;}
.srch_input_wrap.t1 input.active + .srch_ico{left:inherit;right:8px;pointer-events:auto; cursor:pointer;}
.srch_input_wrap.t1 .btn_clear{right:48px;}
.srch_typo_error{margin-top:30px;text-align:center;}
.srch_typo_error .text_link > span{text-decoration:underline;}
@media only screen and (max-width: 1100px){
	.srch_input_wrap.t1 input:focus{padding-left:0;padding-right:30px;}
}
.tab_type02 > .tab_list li a, 
.tab_type02 > .tab_list li button{height:auto;}
.consumer_guide .tab_type02 > .tab_list li a, 
.consumer_guide .tab_type02 > .tab_list li button{height:100%;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-result-button,
input::-webkit-search-result-decoration{display:none;}
/*  카드 준법  */
.j-type b{color:#333;font-size:1.03em}
.j-type .req{color:inherit;}
.j-para{margin-top:10px;padding: 0;font-weight: 700;font-size: 16px;color: #111;}
.marker_number + .cms-jun-type {font-size:16px;margin-top:7px;}
@media only screen and (max-width: 1100px){
	.marker_number + .cms-jun-type {font-size:15px;}
}
.popup .chkCookie{border-top:1px solid #ddd;padding:12px 30px;text-align:left;} 
.s_title .more:after{content: '';display: inline-block;width: 10px;height: 10px;margin-left: 5px;margin-bottom: 2px;border-top: 2px solid #333;border-right: 2px solid #333;transform: rotate(45deg);}
@media only print{
	.usage_item.inst-detail .usage_info .title_area{width:100% !important}
	.usage_item .usage_info .title_area .link, .usage_item dl dt a{overflow:visible;white-space:normal;text-overflow:none;display:block;}
}
/* 로그인 */
.login-ani{width: 180px;height: 240px;position:absolute;right:0;top:95px;overflow:hidden;}
/* 판귄 요체로 인해 주석 */
/* .login-ani .fan-qun{position:absolute;width:100%;height:100%;position:absolute;bottom:0;right:0;background:url(/pconts/images/dx/com/bg_login_fg01.png)right bottom no-repeat;background-size:auto 92%;animation: loginFangun 6s ease infinite;;transform-origin: right bottom;transform:rotate(7deg)} */
.login-ani .fan-qun{position:absolute;bottom:0;right:0;width:100%;height:100%;background:url(/pconts/images/dx/com/bg_login_fg03.png)right bottom no-repeat;background-size:auto 92%;}
@keyframes loginFangun{
	0%{transform:rotate(7deg)}
	20%{transform:rotate(7deg)}
	40%{transform:rotate(0deg);}
	46%{background-image:url(/pconts/images/dx/com/bg_login_fg01.png)}
	50%{background-image:url(/pconts/images/dx/com/bg_login_fg02.png)}
	54%{background-image:url(/pconts/images/dx/com/bg_login_fg01.png)}
	60%{transform:rotate(0deg);}
	80%{transform:rotate(7deg);}
	100%{transform:rotate(7deg);}
}
.login-ani [class*=ic-star]{position:absolute;width:30px;height:30px;background:url(/pconts/images/dx/com/bg_login_star.png) 0 0 no-repeat;background-size:100% auto;}
.login-ani .ic-star1{top:62px;left:12px;transform:scale(0);animation: loginStar1 4s  infinite;}
@keyframes loginStar1{
	0%{transform:scale(0)}
	35%{transform:scale(0)}
	55%{transform:scale(1)}
	75%{transform:scale(0)}
	100%{transform:scale(0)}
}
.login-ani .ic-star2{top:100px;left:18px;transform:scale(0);animation: loginStar2 4s  infinite;}
@keyframes loginStar2{
	0%{transform:scale(0)}
	15%{transform:scale(0)}
	45%{transform:scale(1)}
	65%{transform:scale(0)}
	100%{transform:scale(0)}
}
@media only screen and (max-width: 1100px){
    .login-ani{width: 140px;height: 158px;top:-8px}
	.login-ani .ic-star1{top: 38px;left: 31px;width:20px;height:20px;}
	.login-ani .ic-star2{top: 62px;left: 31px;width:16px;height:16px;}
}
.login_wrap .left_con .inner:before{display:none;}
/*** 구축 재정의  ***/
.usage_item.type03 .usage_info .title_area button{text-align:left;}
/* 보안프로그램 이용안내 */
.install_type.cust {display: flex; border:none; margin:-18px; width: auto !important; }
.install_type.cust > input {opacity: 0; display: none;}
.install_type.cust > label {display: block; padding: 40px 37px; flex: 1 1 auto; width: calc(50% - 36px);  position: relative; margin: 18px; border-radius: 8px; cursor: pointer;transition:all .2s ease-in-out;}
.install_type.cust > label::after {content: ''; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; border: 2px solid #f0f0f0; transition: .3s; border-radius: 8px;}
.install_type.cust > label:hover {box-shadow: 5px 5px 15px rgba(0,0,0,0.10); transform: scale(1.02) rotate(.001deg); }
.install_type.cust > label > .label-txt::before {content: '선택됨'; font-size:13px; color:#fff;  display: inline-block;  padding:2px 14px;  border-radius: 17px; background: #9e9e9e;  position: absolute; top:0px; left: -70px; display:none;}
.install_type.cust > input[type="radio"]:checked + label{ box-shadow: 5px 5px 15px rgba(0,0,0,0.10); }
.install_type.cust > input[type="radio"]:checked + label::after{content: ''; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; border: 4px solid #4868e1;}
.install_type.cust > input[type="radio"]:checked + label > .label-txt::before { display:inline-block; background: #4466e2; transition: 1s;}
.install_type.cust .icon_box {padding:13px 90px 30px 0; height: auto; margin-top:10px;}
.install_type.cust .icon_box.icon64 {background: url('/pconts/images/contents/login/200715_cp_icon01.jpg') no-repeat top right ;background-size:90px auto; }
.install_type.cust > label:hover .icon_box.icon64{background-image:url('/pconts/images/contents/login/200715_cp_icon01.svg');}
.install_type.cust .icon_box.icon65 {background: url('/pconts/images/contents/login/200715_cp_icon02.jpg') no-repeat top right; background-size:81px auto; }
.install_type.cust > label:hover .icon_box.icon65{background-image:url('/pconts/images/contents/login/200715_cp_icon02.svg');}
.install_type.cust .icon_box > strong {margin-bottom:12px; line-height: 1.3;}
.install_type.cust > label > .label-txt{display: inline-block; position: relative; font-size: 16px;}
.install_type.cust > input[type="radio"]:checked + label > .label-txt{margin-left: 70px; }
.s-installed {display: inline-block; color: #fff; padding:2px 17px; background: #1a9b10; border-radius: 17px; }
/* 로그인창 하단 버튼 추가 */
.login_ext.cust > button {padding: 0 8px;}
.login_ext.cust > button + button {position: relative; padding-left:12px;}
.login_ext.cust > button + button::before {content: ''; display: block; width: 1px; height: 15px; background: #cdcdcd; position: absolute; top: 2px; left: 0px;}
@media (max-width: 650px) {
	.install_type.cust {display: block;}
	.install_type.cust > label {width:auto;}
}
/* 로딩 */
#__flying_partition__ .progress .ico_morse{overflow:hidden;margin:0 auto;width:34px;height:20px;margin-top:-10px;background:url(/pconts/images/dx/com/ani_loading.png) center 0 no-repeat;background-size:34px auto;-webkit-animation:morseCode 2s steps(12) infinite;animation:morseCode 1s steps(12) infinite;}
@keyframes morseCode {
	0% {background-position:50% 0}
	100% {background-position:50% -240px}
}
/* ZEPETO카드전용 로딩 */
#__flying_partition__ .ico_zepeto{overflow:hidden;margin:0 auto;width:80px;height:53px;position:relative;background:url(/conts/images/11st/ico_morse2.png) center 0 no-repeat;background-size:80px auto;animation:zepetoCode 2s steps(23) infinite;}
#__flying_partition__ .tooltip.zepeto{margin-bottom:15px;}
#__flying_partition__ .tooltip.zepeto span{padding:10px 0;line-height:1.53;font-size:18px;}
@keyframes zepetoCode {
	0% {background-position:50% 0;}
	100% {background-position:50% -1242px;}
}
/* 메인 */
.main_index .main-card-sec{position:relative;}
.main_index .btn-card-sec{position:absolute;right:0;top:35px;margin-top:0;}
.main_index .btn-card-sec .c-btn4-b{height:36px;padding:0px 16px;min-width:126px;line-height:34px;}
@media only screen and (max-width: 1023px){
	.main_index .btn-card-sec{top:auto;bottom:0;;text-align:center;width:100%;position:static;}
	.main_index .btn-card-sec .c-btn4-b{font-size:12px;min-width:0;}
	.main_index .main_card_wrap .item strong{line-height: 1.3;margin-top: 13px;margin-bottom: 20px;}
}
.marker_dot + p{margin:0px;}
ul.marker_dot + p{margin:12px 0px}
.list01[data-type="list"] .type-board{padding:0px;}
.list01[data-type="list"] .type-board .title:after,
.list01[data-type="list"] .type-board .title:before,
.list01[data-type="list"] ul > li > .item .type-board .title{transition:all .2s ease-in;}
.list01[data-type="list"] ul > li > .item:hover .type-board .title{color:#4868e1;}
.list01[data-type="list"] ul > li > .item .type-board .title:after{right:13px;}
.list01[data-type="list"] ul > li > .item:hover .type-board .title:after{border-color:#4868e1;}
.list01[data-type="list"] .type-board .title{padding:15px 0px;}
.list01[data-type="list"] .item .type-board .title:before {content:'';position:absolute;top:50%;right:2px;width:28px;height:28px;background: #f0f0f0;border-radius:100%;opacity:0;transform:translateY(-50%);}
.list01[data-type="list"] .item:hover .type-board .title:before{opacity:1;} 
.list_group .list01 .form_download{padding:15px 0px;}
.list_group .list01 .form_download a:hover *{color:#4868e1;font-weight:bold}
.list_group .list01 .form_download *{transition:all .2s ease-in}
@media only screen and (max-width: 1100px){
	.list01[data-type="list"] .type-board{padding:15px 0px;}
	.list01[data-type="list"] .type-board .title{padding:0;padding-right:65px;padding-top:2px}
}
.submain_service .service_inner .h_wrap > .more:after,
.submain_topsClub .submain_eventList .h_wrap > .more:after{margin-top:-14px}
.agreement_wrap .agreement_inner .agree_depth03 .txt1 + .marker_dot{margin-top:6px;}
.agreement_wrap .agreement_inner .agree_depth03 .marker_dot + .txt1{margin-top:12px;margin-bottom:0}
.card_detail .benefits .color_blue{color:#333 !important;font-weight:bold;position:relative;z-index:1;}
/* .complete_page.type_error .complete_body.ani_ico.img05{padding-top:200px;}
.type_error .complete_body.ani_ico.img05::before{margin:0;top: 100px;transform: translateX(-50%) translateY(-50%);} */
.btn_txt1{font-size: 13px;text-decoration: underline;color: #111;margin-left:5px;}
.btn_tooltip.btn_txt1{width:auto;height:auto;line-height:1.5;margin:0;margin-left:5px;background:none;}
.btn_tooltip.btn_txt1 span{text-indent:0;overflow:visible;display:inline;height:auto;width:auto;}
.submain_myservice_life li:nth-child(6n+1){margin-left: 0px;}
.radio_wrap.type_btn.type02 .radio_btn input[type="radio"] + span, 
.check_wrap.type_btn.type02 .check_btn input[type="checkbox"] + span{width:auto;min-width:0;}
.form_type .form_ele:first-child .ele_tit + .work_info .pesnAuth-small-size .tab_type02{margin-top:0;}
#articleView .c-section:first-child{padding-top:0;}	 
.pdt30_20{padding-top:30px !important;}
.datepicker:disabled + .ui-datepicker-trigger{opacity:0.3;cursor:default}
.select_wrap .ui_select .ui_select_btn.is_disabled{color:#bbb}
.select_wrap .ui_select .is_disabled .ui_select_value:before{display:none;}
.check_wrap.type_acc .btn_check_pop{z-index:5}
.radio_wrap input[type='radio'], .check_wrap input[type='checkbox']{opacity:0;}
.card_list01 .cell2 .c-txt1{color:#111;margin-right:30px;}
.popup .ly_inner{width:auto;}
.join_con_text .join_con_explain .fan_txt{line-height:1.5;}
.pb0{padding-bottom:0 !important;}
.popup .input_wrap + .text_wrap{margin-top:13px;}
.card_list_common .card_list_wrap > li .card_img_wrap  img{width:270px;}
.complete_info > .comp_data:first-of-type{margin-top:-61px}
.complete_info > * + .comp_data:first-of-type{margin-top:0;}
#header .gnb_wrap .nav_area .allmenu_group{top:128px;overflow:auto}
.main_index #header .gnb_wrap .nav_area .allmenu_group{top:161px;}
#header .gnb_wrap .nav_area .allmenu_scroll,
.main_index #header .gnb_wrap .nav_area .allmenu_scroll{margin-top:0;overflow:visible;height:auto !important;}
.main_index #header.is_scrolled .gnb_wrap .nav_area .allmenu_group{margin-top:18px;}
.all_view > li > a{transition:all .4s;}
.all_view > li > a:hover .title{color:#4868e1;}
.all_view > li > a:hover .title:after{border-color:#4868e1}
/* 판 토크상담 */
a.quick_talk{display:none;}
.app_shfan a.quick_talk{display:none;}
.landing_footer .last_logo{width:110px;}
/* 로그인 하단 패딩 */
@media only screen and (max-width: 1100px){
	.login_wrap{box-sizing: content-box;padding-bottom: 30px;}
	.login_wrap .right_con .login_ext{bottom:55px;}
}
.evt_detail b,
.evt_detail strong{color:#000}
.evt_detail .txt_titss01 {font-size:16px;color:#111;font-weight:bold;margin-top:14px;}
.evt_detail .infoDl dt,
.evt_detail .tit_type1,
.evt_detail .tit_type2,
.evt_detail .even_content .eve_txt01 dt{font-size:24px;margin:0;color:#111;font-weight:bold;margin-top:60px;}
.evt_detail .txt_type1+ strong{margin-top:20px;display:block;}
.evt_detail .benefit + .mg_top25{margin-top:25px;}
.evt_detail .evtSct + .evtSct{margin-top:60px;}
.evt_detail .eventTit2{font-size:26px;color:#175199;}
.evt_detail .infoDl dd,
.evt_detail .txt_type1,
.evt_detail .txt_gap,
.evt_detail .eve_txt01 dd{font-size:15px;margin:0;margin-top: 14px;}
.evt_detail  .tit_type2 + .infostep_box{margin-top:14px;}
.evt_detail .even_content .even_tit01:nth-child(1),
.evt_detail .even_content .even_tit01{font-size: 24px;color:#111;padding:0;font-weight:bold;}
.evt_detail .even_content .eve_txt02 + .eve_txt02,
.evt_detail .even_content .eve_txt02 + ul{margin-top:5px;}
.evt_detail .even_content .eve_txt_typ01 > li{padding-bottom:0;}
.evt_detail .even_content .eve_txt_typ01 > li + li{margin-top:5px;}
.evt_detail .infoDl dd a{color:#175199;}
.evt_detail .eve_txt_typ01{margin-top:8px;}
.evt_detail .eve_txt_typ01 > li{padding-left: 18px;text-indent: -18px;}
.evt_detail .even_tit01 + .eve_txt02{margin-top:14px;}
.evt_detail .eve_txt02 + .even_tit01{margin-top:60px;}
.evt_detail .eve_txt02 + .eve_txt_typ03 {margin-top:10px;}
.evt_detail .eve_txt_typ03 +  .eve_txt02{margin-top:14px;}
.evt_detail .tit_type1 + .bul_type1,
.evt_detail .tit_type2 + .bul_type1,
.evt_detail .tit_type2 + .infostep_box{margin-top:14px;}
.evt_detail .even_content .eve_txt01{padding-bottom:0;margin-top:60px;}
.evt_detail .even_content .eve_txt01 dt{margin-top:0;}
.evt_detail .txt_type1 + .txt_type1 {margin-top:0;}
.evt_detail .txt_type1 + .txt_gap{margin-top:7px;}
.evt_detail .even_content .eve_txt_typ03{padding:0;}
.evt_detail .even_content .eve_txt_typ03>li{line-height:1.54;padding-top:0;padding-bottom:0;}
.evt_detail .even_content .eve_txt_typ03>li + li{margin-top:5px;}
.evt_detail .bul_type1, 
.evt_detail .bul_type1>li{font-size:15px;margin-bottom:0;line-height:1.54}
.evt_detail .bul_type1>li + li{margin-top:5px;}
.evt_detail .txt_gap.mg_btm20,
.evt_detail .txt_type1.mg_btm5{margin-bottom:0 !important;}
.evt_detail .tit_type1.mg_top20{margin-top:60px !important;}
#oldEvent .accordion_wrap{margin-top:60px;}
.evt_detail .even_content .eve_txt01 + .eve_txt02{margin-top:14px;}
.evt_detail .even_content .eve_txt02.type1{border:none;font-size:20px;}
.evt_detail .c-article .eve_txt01:first-child,
.evt_detail .c-article .eve_sp01:first-child{margin-top:0;}
.evt_detail .eve_sp01 {margin-top:60px;}
.evt_detail .eve_sp01 + .eve_txt01,
.evt_detail .eve_sp01 + .eve_txt01 dt{margin-top:0;}
.evt_detail .btnWrap_event,
.evt_detail .even_content .btnWrap_event01,
.evt_detail .even_content .btnWrap_event03{margin-top:40px;text-align:center;}
.evt_detail .even_content .eve_txt_typ04>li {font-size:15px;}
.evt_detail .even_content .eve_sp01 div p{font-size:20px;line-height:1.54;}
.evt_detail .even_content .eve_sp01 div em{font-size:24px;line-height:1.54;}
.evt_detail .even_content .eve_sp01{position:relative;}
.evt_detail .even_content .eve_sp01 strong span{display:inline-block;font-size:30px;position:absolute;left:50%;top:-2px;transform:translateX(-50%);padding:0px 10px;width:auto;margin:0; padding: 0 20px;white-space: nowrap;}
.evt_detail .even_content .eve_sp01 > strong + div{padding-top:37px;}
.evt_detail .alram_push,
.evt_detail .w_alram_push{margin-top:37px;}
.evt_detail .even_content .eve_txt_typ05>li{font-size:15px;}
.evt_detail .even_content .eve_txt_typ02{padding-top:0px}
.evt_detail .even_content .eve_txt_typ01{padding-top:0px}
.evt_detail .infostep_box .list_step li li:after{display:none;}
.evt_detail .eve_txt01 + .btn_wrap{margin-top:60px;}
.evt_detail .eve_txt01 + .even_tit01{margin-top:60px;}
.evt_detail .btnWrap_event02,
.evt_detail .btn_center{margin-top:60px;}
.evt_detail .tblNfud + p {margin-top:14px;}
.evt_detail .even_content .eve_txt_typ01 li{font-size:15px;line-height:1.5;}
.evt_detail .even_content .special ul{overflow:hidden;}
.evt_detail .even_content .special>ul>li{width:48%;margin:1%;float:left;}
.evt_detail .even_content .special li:first-child{margin-top:1% !important}
.evt_detail .tblNfud {border-top: 2px solid #000;border-bottom: 1px solid #ddd;margin-top:14px;}
.evt_detail .tblNfud th{background-color: #f6f6f6;color: #333;font-weight:normal}
.evt_detail .tblNfud th,.evt_detail .tblNfud td{padding: 15px 20px;border: 1px solid #ddd;border-bottom-width: 0;}
.evt_detail .tblNfud tbody th:first-child, 
.evt_detail .tblNfud tbody td:first-child{border-left:1px solid #ddd;}
.evt_detail .btnWrap_event01{margin-top:60px;text-align:center;}
.evt_detail .btn_eve02{background:#4868e1;color:#fff;display: inline-block;position: relative;height: 56px;padding: 0 48px;border: 1px solid transparent;border-radius: 56px;text-align: center;vertical-align: middle;cursor: pointer;line-height: 54px;font-weight: 700;font-size: 18px;white-space: nowrap;}
.evt_detail .la_ar01 > div,
.evt_detail .la_ar01 > span{width:auto;}
.evt_detail .eve_txt02{display:block;text-indent:0;padding:0;}
.evt_detail .eve_txts01+  .eve_txts01,
.evt_detail .eve_txts01+  .eve_txt02,
.evt_detail .eve_txt02 +  .eve_txt02,
.evt_detail .eve_txt02 + .eve_txts01{margin-top:14px;}
.evt_detail .even_content .eve_txts01{padding:0;margin-top:14px;}
.evt_detail .eve_txts01 + .eve_txt_typ03{margin-top:5px;}
.evt_detail .eve_txt_typ01{margin-bottom:0;padding:0;}
/* 연회비캐시백 */
.evt_detail .tab_type01 {overflow:hidden;}
.evt_detail #evCashBack .tab_cont{display:block;}
.evt_detail #evCashBack .evt_terms ul {margin-top:-10px;}
.evt_detail #evCashBack .evt_terms ul li {margin-top:20px;}
.evt_detail #evCashBack .evt_terms figure img {height:auto;}
.evt_detail .even_content .step_arrow01{margin-top:14px;}
#evCashBack .sp_col01 strong, #evCashBack .sp_col02 strong, #evCashBack .sp_col03 strong, #evCashBack .sp_col04 strong, #evCashBack .sp_col05 strong {color: inherit;}
#evCashBack .tab_wrap {height:auto !important}
.evt_detail .even_content a.btn_eve01,
.evt_detail .even_content a.btn_eve02{display: inline-block;width: auto;padding: 0px 20px;}
.evt_detail .even_content .evt_cardBox {margin-top:60px;}
.evt_detail .even_content .evt_cardBox h3 {font-size:24px; color:#111; padding-bottom:10px;}
.evt_detail .even_content a.btn_eve01 {height:50px; line-height:48px; border-radius:30px; vertical-align: middle;}
/* 모바일 */
@media only screen and (max-width: 1100px){
	.evt_detail .even_content a.btn_eve01,
	.evt_detail .even_content a.btn_eve02{display: block;width: auto;padding: 0px;}
	.evt_detail .txt_titss01 {font-size:1.6rem}
	.evt_detail .tit_type1,
	.evt_detail .tit_type2,
	.evt_detail .even_content .eve_txt01 dt{font-size: 1.8rem;}
	.evt_detail .even_content .even_tit01:nth-child(1),
	.evt_detail .even_content .even_tit01{font-size:2.0rem;margin-top:0;}
	.evt_detail .infoDl dt{margin-top:40px;}
	.evt_detail .infoDl dt,
	.evt_detail .txt_type1,
	.evt_detail .txt_gap,
	.evt_detail .even_content .eve_txt01 dd{font-size: 1.5rem;}
	.evt_detail .even_content .eve_txt_typ04>li {font-size:1.5rem}
	.evt_detail .infoDl dd,
	.evt_detail .bul_type1, 
	.evt_detail .bul_type1>li{font-size:1.5rem;}
	.evt_detail .eve_txt02 + .even_tit01{margin-top:40px;}
	.evt_detail .even_content .eve_txt01{padding-bottom:0;margin-top:40px;}
	.evt_detail .tit_type1.mg_top20{margin-top:40px !important;}
	#oldEvent .accordion_wrap{margin-top:40px;}
	.evt_detail .eve_txt01 + .even_tit01{margin-top:40px;}
	.evt_detail .fullBtn a.btn_type3{display:block;}
	.evt_detail .even_content .eve_txt02.type1{border:none;font-size:1.6rem;}
	.evt_detail .btn_center{margin-top:40px;}
	.evt_detail .even_content .btnWrap_event01,
	.evt_detail .even_content .btnWrap_event03{margin-top:20px;}
	.evt_detail .eve_sp01{margin-top:40px;}
	.evt_detail .even_content .eve_sp01 strong span{font-size:20px;top:5px;padding: 0 20px;}
	.evt_detail .even_content .eve_sp01 div p{font-size:1.5rem;}
	.evt_detail .even_content .eve_sp01 div em{font-size:1.8rem;}
	.evt_detail .eve_sp01 + .eve_txt01{margin-top:0;}
	.evt_detail .even_content .eve_sp01 > strong + div{padding-top:20px;}
	.evt_detail .alram_push,
	.evt_detail .w_alram_push{margin-top:20px;}
	.evt_detail .even_content .eve_txt_typ05>li{font-size:1.5rem;}
	.evt_detail .eve_txt01 + .btn_wrap{margin-top:40px;}
	.evt_detail .even_content .eve_txt_typ01 li{font-size:1.5rem;}
	.evt_detail .even_content .special>ul>li{width:auto;float:none;}
	.evt_detail .btnWrap_event,
	.evt_detail .btnWrap_event02,
	.evt_detail .btnWrap_event01{margin-top:40px;}
	.evt_detail .btn_eve02{    height: 55px;line-height: 55px;width:100%;min-width:100%}
	.evt_detail .evtSct + .evtSct{margin-top:40px;}
	.evt_detail .eventTit2{font-size:2.1rempx;color:#175199;}
}
.c-btn4-b.h-auto{height:auto;text-align:left;padding:8px 16px 6px;padding-right:35px;position:relative;white-space:normal;line-height:1.5;}
.c-btn4-b.h-auto:after{position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(135deg);}
@media only screen and (max-width: 1100px){
	/* 연회비 캐시백 */
	.evt_detail .evtcard_list {margin: 0 0 30px;}
	.card_list01 .cell2 .c-txt1{display:block;}
	/*톡카드 신청 */
	.m_floatiing_box{width:auto;display:block !important;opacity:1 !important}
	.btn_wrap .btn_m_floating{width:122px;height:51px;border-radius:51px;font-size:16px;font-weight:bold;display:block;line-height:51px;padding:0px;background:url(/pconts/images/dx/com/ico_btn_tel.png) 20px center no-repeat;background-size:auto 23px;background-color:rgba(241,75,37,0.8);position:relative;padding-right:17px;text-align:right}
	.btn_wrap .btn_m_floating.talk{background:url(/pconts/images/dx/com/ico_btn_talk.png) 18px center no-repeat;background-size:auto 19px;background-color:rgba(241,75,37,0.8);position:relative;padding-right:26px;}
	.btn_wrap .btn_m_floating span{font-size:1.6rem}
}
@media only screen and (max-width: 980px){
	.card_list_common .card_list_wrap > li .card_img_wrap  img{width:100px;}
	.card_list_common .card_list_wrap .list_btn_wrap{margin-right:0;text-align:left;clear:both;float:none;width:auto;padding-left:120px}
	.card_list_common .card_list_wrap > li .benefit_wrap ul li{font-size:1.2rem}
	.card_list_common .card_list_wrap .list_btn_wrap button{width:95px;}
}
/*  이용내역필터 */
.reportlist_filter_wrap .filter_list li .card-name{margin-left:3px;padding-left:12px;position:relative;}
.reportlist_filter_wrap .filter_list li .card-name:before{content:'|';left:0px;top:0;position:absolute;color:#aaa}
.card_reportlist_wrap .dashdesk{padding:50px 0 20px;}
.card_reportlist_wrap.c-section1{padding:0 0 50px;}
.card_filter .h_wrap .h_title24{color:#111;}
.usage_item .price_info .btn_wrap, 
.usage_item .price_info .pricetext_area{position:inherit;transform:translateY(0);}
.usage_item.usage-inst dd{word-spacing:-2px;}
@media only screen and (min-width: 1100px){
	.card_filter .h_wrap .h_title24{font-size:20px;}
	.card_filter_item + .card_filter_item{margin-top:20px;}
	 .card_filter .card_filter_item{position:relative;}
	 .card_filter .card_filter_body{padding-left:150px;}
	 .card_filter .h_wrap{position:absolute;left:0;top:3px;z-index:0;width:auto;}
	 .reportlist_filter_wrap .filter_list li{padding-right:25px;font-size:15px;}
	 .reportlist_filter_wrap .filter_toggle{width:100%;left:0;right:auto;top:0;background:none;}
	 .reportlist_filter_wrap .filter_toggle:after{content:'조회조건선택';font-size:15px;color:#fff;position:absolute;right:0;top:0;height:42px;line-height:44px;padding-left:30px;background: url(/pconts/images/contents/mypage/reportlist_filter.png) 0 center no-repeat ;background-size: 20px 18px;}
	.reportlist_filter_wrap.bg_white .filter_toggle{background-image:none;}
	.reportlist_filter_wrap.bg_white .filter_toggle:after{background: url(/pconts/images/contents/mypage/reportlist_filter_02.png) 0 center no-repeat;color:#333;background-size: 20px 18px;}
}
@media only screen and (max-width: 1100px){
	.reportlist_filter_wrap{width:100%;}
	 .reportlist_filter_wrap .filter_list{padding-top: 35px;position:relative;}
	 .reportlist_filter_wrap .filter_list:after{content:'';display:table;clear:both;}
	 .reportlist_filter_wrap .filter_list li.date{position:absolute;left:0;top:15px}
	 .reportlist_filter_wrap .filter_list li{padding-right:15px;line-height:1.5;float:left;}
	.reportlist_filter_wrap .filter_list li .card-name{overflow: hidden;white-space: nowrap;max-width: 70%;display: inline-block;vertical-align: middle;text-overflow: ellipsis;}
	.usage_item .usage_info .texts_area .date, 
	.usage_item dl dd .date{padding: 0 10px 0 0;}
	.usage_item .usage_info .texts_area .date:not(:last-of-type):after, 
	.usage_item dl dd .date:after{right: -8px;}
	.mycard_report .price_info .osprice{position:inherit;}
	.usage_item.usage-inst dl{flex:3;}
	.card_reportlist_wrap .dashdesk{padding:25px 0 10px;}	
	.card_reportlist_wrap.c-section1{padding:0 0 25px;}
	.card_reportlist_wrap .btn-cover1 [class*=c-btn1]{padding:0;}
}
/* 카드 한눈에보기 > 위치 수정 */
.all_view > li .cont .title::after{position:static;display:inline-block;vertical-align:middle;margin-top:-2px;}
.list01[data-type="card"] .event_info,
.main_index .main_con .main_search .input_wrap .link_bnr,
.main_index .main_card_wrap .item p,
.main_index .main_finance_wrap .item,
.submain_card .sm_card_swiper .swiper-slide .img.vertical img,
.point_box_list li .point_box,
.franchise_list_wrap ul li .franchise_item,
.newsletter .thumb_list .list li .thumbnail,
.evt_detail .even_content .goods_list01 li div p strong em,
.even_content .giftList .rank{box-shadow: 5px 5px 15px rgba(0,0,0,0.10);}
.list01[data-type="card"] .event_info,
.franchise_list_wrap ul li .franchise_item,
.point_box_list li .point_box,
.main_index .main_card_wrap .item p,
.main_index .main_finance_wrap .item{border-radius: 8px;}
.radio_wrap.small_type .radio_default input[type="radio"] + span:after{top:9px;}
.install_payment_list .radio_wrap .radio_default input[type="radio"]:checked + span:after{    top: -8px;transform: translateY(0%);}
/* 금융메인 20201012 류인규 */
.submain_finance .nmt1 .sm_loanlist{display:block;}
.submain_finance .nmt1 .sm_loanlist:after{content:'';display:table;clear:both;}
.submain_finance .nmt1 .sm_group .sm_title .subTit.no-icon:after{display:none;}
.submain_finance .nmt1 .sm_loanlist.loan_long li,
.submain_finance .nmt1 .sm_loanlist.loan_standard li{background:#fff}
.submain_finance .nmt1 .sm_loanlist li{width:200px;height:168px;float:left;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);border-radius: 8px;background:#fff;margin-left:20px;position:relative;}
.submain_finance .nmt1 .sm_loanlist li:before{content:'';position:absolute;width:50px;height:50px;right:20px;bottom:30px;}
.submain_finance .nmt1 .sm_loanlist.loan_long li.link01:before{background: url(/pconts/images/main/finance/ico_cardloan01.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_long li.link02:before{background: url(/pconts/images/main/finance/ico_cardloan02.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_long li.link03:before{background: url(/pconts/images/main/finance/ico_cardloan03.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_long li.link04:before{background: url(/pconts/images/main/finance/ico_cardloan04.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_standard li.link01:before{background: url(/pconts/images/main/finance/ico_creditloan01.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_standard li.link02:before{background: url(/pconts/images/main/finance/ico_creditloan02.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_standard li.link03:before{background: url(/pconts/images/main/finance/ico_creditloan03.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_standard li.link04:before{background: url(/pconts/images/main/finance/ico_creditloan04.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_standard li.link05:before{background: url(/pconts/images/main/finance/ico_creditloan05.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist.loan_standard li.link06:before{background: url(/pconts/images/dx/contents/bg_loanindex05_m.png) no-repeat left center;background-size: 100% auto;}
.submain_finance .nmt1 .sm_loanlist li:first-child{margin-left:0;}
.submain_finance .nmt1 .sm_loanlist li .link_cont{padding:0;width:100%;height:100%;border:2px solid #fff;border-radius: 8px;transition:all .4s ease-in-out;padding:20px;}
.submain_finance .nmt1 .sm_loanlist li .link_cont:hover{border-color:#4868e1;}
.submain_finance .nmt1 .sm_loanlist li strong{font-weight:bold;display:block;}
.submain_finance .nmt1 .sm_loanlist li .link_cont:hover strong {color:#333;}
.submain_finance .nmt1 .sm_loanlist li strong:after{width:8px;height:8px;top:7px;margin-top:0px;}
.submain_finance .nmt1 .sm_loanlist li .link_cont > span{position:absolute;top:78px;left:20px;margin-top:0;width:100px}
.submain_finance .nmt1 .dx-customize .sm_loanlist li,
.submain_finance .nmt1 .dx-customize .sm_loanlist.loan_standard li.link01,
.submain_finance .nmt1 .dx-customize .sm_loanlist.loan_standard li.link05{width:200px;}
.submain_finance .btn_wrap.abs1{position:absolute;right:0;top:0;}
.submain_finance .btn_wrap.abs1 .c-btn5-b{font-size:18px;}
.submain_finance .btn_wrap.abs1 .c-btn5-b:after{width:10px;height:10px;top:8px;}
.submain_finance .btn_wrap.abs1 .c-btn5-b:before{width:21px;height:21px;top:2px;right:-1px;}
.submain_finance .nmt1 .sm_loanlist li strong{line-height:1.2}
.submain_finance .sm_loanlist li .txt-sec1{position:absolute;top:80px;left:20px;}
.submain_finance .sm_loanlist li .txt-sec2{position:absolute;bottom:8px;left:20px;}
.submain_finance .sm_loanlist li .txt-sec2 > b{color:#f14b25;font-size:24px;}
.submain_finance .sm_loanlist li .txt-sec2  .won{color:#333;font-weight:bold;margin-left:2px;color:#000;}
.submain_finance .sm_loanlist li .txt-sec2 span{display:inline;margin-top:0;}
.submain_finance .nmt1 .sm_loanlist_wrap .swiper-container{overflow:visible;}
.submain_finance .nmt1 .sm_loanlist_wrap {margin-top:30px;position:relative;margin-left:-15px;padding-left:15px;margin-right:-15px;padding-right:15px;overflow:hidden;}
.submain_finance .nmt1 .sm_loanlist_wrap .sm_loanlist{margin:0;padding-bottom:28px;}
.submain_finance .nmt1 .sm_loanlist_wrap .sm_loanlist li{height:198px;margin:0;margin-left:20px;box-shadow: 5px 5px 10px rgba(0,0,0,0.10);}
.submain_finance .nmt1 .sm_loanlist_wrap .sm_loanlist li:first-child{margin-left:0;}
.submain_finance .nmt1 .sm_loanlist_wrap .sm_loanlist{display:flex;flex-wrap: nowrap;overflow:visible;}
.sm_loanlist_wrap .swiper-scrollbar{left:0;right:0;width:100%;opacity:0.4;border-radius:5px;display:block !important}
.sm_loanlist_wrap .swiper-scrollbar-drag,
.sm_loanlist_wrap .swiper-notification{border-radius:3px;}
.submain_finance .nmt1 .sm_loanlist_wrap:b fore{content:'';position:absolute;left:0;top:0;width:20px;height:198px;box-shadow: -5px 0px 15px -5px rgba(0,0,0,0.10);border-radius:8px;}
.submain_finance .nmt1 .sm_loanlist_wrap:af ter{content:'';position:absolute;right:0;top:0;width:20px;height:198px;box-shadow: 5px 0px 15px -5px rgba(0,0,0,0.10);border-radius:8px;}
.submain_finance .cash_service_info{box-shadow: 5px 5px 15px rgba(0,0,0,0.10);border-radius:8px;}
.submain_finance .nmt1 .sm_loanlist_wrap:before{content: '';display: block;position: absolute;left: 0;top: 0;z-index: 5;width: 20px;height: 100%;background-image: linear-gradient(to right,#f7f7f9 40%, rgba(255, 255, 255, 0));}
.submain_finance .nmt1 .sm_loanlist_wrap:after{content: '';display: block;position: absolute;right: 0;top: 0;z-index: 5;width: 20px;height: 100%;background-image: linear-gradient(to left,#f7f7f9 40%, rgba(255, 255, 255, 0));}
@media only screen and (max-width: 1100px){
	.submain_finance .nmt1 .sm_loanlist{margin-top:0;}
	.submain_finance .nmt1 .dx-customize .sm_loanlist li,
	.submain_finance .nmt1 .dx-customize .sm_loanlist.loan_standard li.link01,
	.submain_finance .nmt1 .dx-customize .sm_loanlist.loan_standard li.link05{width:48.8%;}
	.submain_finance .nmt1 .sm_loanlist li{margin-left:0;padding:0;width:48.8%;margin-top:8px;height:132px;}
	.submain_finance .nmt1 .sm_loanlist li:nth-child(even){float:right;}
	.submain_finance .nmt1 .sm_loanlist li .link_cont{padding:15px;}
	.submain_finance .nmt1 .sm_loanlist li span{margin-top:30px;}
	.submain_finance .nmt1 .sm_loanlist li:before{width:40px;height:40px;bottom:22px;}
	.submain_finance .btn_wrap.abs1{top:2px;}
	.submain_finance .nmt1 .sm_loanlist li strong{height:35px;overflow:hidden;}
	.submain_finance .nmt1 .sm_loanlist_wrap .sm_loanlist li{width:142px;margin-left:8px;height:157px;}
	.submain_finance .nmt1 .sm_loanlist_wrap{margin-left:-26px;padding-left:26px;margin-right:-26px;padding-right:26px;}
	.submain_finance .nmt1 .sm_loanlist li strong:after{top:4px;right:2px;}
	.submain_finance .nmt1 .sm_loanlist_wrap {margin-top:20px;}
	.submain_finance .nmt1 .sm_loanlist_wrap .sm_loanlist{padding-bottom:20px;}
	.submain_finance .nmt1 .sm_loanlist li .link_cont > span,
	.submain_finance .sm_loanlist li .txt-sec1{top:60px;left:15px;font-size:1.3rem}
	.submain_finance .sm_loanlist li .txt-sec2{position:absolute;bottom:6px;left:15px;}
	.submain_finance .sm_loanlist li .txt-sec2 > b{font-size:1.8rem}
	.submain_finance .sm_loanlist li .txt-sec2 .won{font-size:1.3rem;}
	.submain_finance .nmt1 .sm_loanlist li .link_cont{padding:12px 11px 12px 12px;}
	.submain_finance .sm_group .sm_title .subTit:before{height:16px;top:4px;}
	.submain_finance .btn_wrap.abs1 .c-btn5-b{font-size:1.6rem}
	.submain_finance .btn_wrap.abs1 .c-btn5-b:before{width:19px;height:19px;}
	.submain_finance .btn_wrap.abs1 .c-btn5-b:after{width:8px;height:8px;top:7px;}
	.submain_finance .nmt1 .cash_service_info ul li > span{display:block;}
	.submain_finance .nmt1 .cash_service_info ul li > strong{display:inline;font-size:2.0rem}
	.submain_finance .nmt1 .cash_service_info ul li > span.won{display:inline;}
	.submain_finance .nmt1 .sm_loanlist_wrap:before{width:30px;}
	.submain_finance .nmt1 .sm_loanlist_wrap:after{width:30px;}
}
.srch_input_wrap input:focus,
.srch_input_wrap input{padding-left: 37px;}
.srch_input_wrap .label_srch{left:2px;display:none;}
@media only screen and (max-width: 1100px){
	.srch_input_wrap input:focus,
	.srch_input_wrap input{padding-left: 35px;}
}
.submain_benefit #myshop_all{margin-top:55px;}
.submain_benefit .event_list_swiper{margin-bottom:55px;}
.submain_benefit .submain_benefit_myshop {margin-bottom:0;}
.submain_benefit #event_all{margin-top:-30px;}
@media only screen and (max-width: 1023px){
	.submain_benefit #myshop_all{margin-top:35px;}
	.submain_benefit .event_list_swiper{margin-bottom:35px;}
	.submain_benefit #event_all{margin-top:-20px}
	
}
/* 2021.03.10 접근성 */
.card_swiper .chk_focus{width:470px;height:158px;margin-left:-235px;margin-top:-1px;}
.join_con_text .join_con_links .link::before{display:none;}
#header .gnb_wrap .swiper-button-prev{display:none;}
.main-card-secN .tab_type01.swiper_tab .tab_pull .swiper-button-disabled{display:none !important;}
@media only screen and (max-width: 1100px){
	#header .gnb_wrap .nav_area{padding-left:18px;}
	.card_swiper .chk_focus{width:264px;height:122px;margin-left:-132px;margin-top:-1px;}
	#header .gnb_wrap .swiper-button-prev {display:block;width: 30px;top:4px;left:0px; height: 30px;margin-top: 0;background: url(/pconts/images/common/btn_gnb_ar.png) no-repeat center center;background-size: auto 13px;transform:rotate(-180deg)}
	#header .gnb_wrap .swiper-button-prev.swiper-button-disabled,
	#header .gnb_wrap .swiper-button-next.swiper-button-disabled{opacity:0.08}
}
#logAppBanner1{display:none;}
.app_shcard  #logAppBanner1{display:block;}

.card_filter_search_wrap .btn_close{display: block;position: absolute;right: 30px;top: 25px;width: 40px;height: 40px;background: url(/pconts/images/icon/popup_close.png) no-repeat center center;color: transparent;overflow: hidden;-webkit-transition: transform 1s ease-in-out;transition: transform 1s ease-in-out;}
@media only screen and (max-width: 1100px){
	.card_filter_search_wrap .btn_close{top:9px;right:10px;}
}
.dimmed{background-color: rgba(255, 255, 255, 0.7);}
@media only screen and (max-width: 1100px){
	.login_wrap .right_con .login_ext.static{position:static}
	.login_wrap.has_bnr .right_con .login_ext{bottom:150px}
	.list01[data-type="list"] .evtapply_info .cell2 .status{padding-right:60px;}
}
/*21-05-17 라이프 메인배너(아름인) 수정*/
.submain_arumin.event_bnr.event_subVisual .link:after {background:url('/pconts/images/contents/life/img_submain_arumin_210517.png') no-repeat; background-size:auto 128px}
.submain_arumin.event_bnr.event_subVisual {background:#31836d}
@media only screen and (max-width: 1023px) {
       .submain_arumin.event_bnr.event_subVisual .link:after {width:170px; height:98px; background-size:cover;}
}
/* 동의 등급제 팝업 */
#pop_cont_trems .popup .btn_close{display:none;}
#pop_cont_trems .popup_type01 .pop_head h3{font-size:20px;}
#pop_cont_trems .popup {outline:0}
#pop_cont_trems .popup .pop_head{padding:0;padding-bottom:20px;}
#pop_cont_trems .popup .pop_cont{padding:0;overflow:visible;}
#pop_cont_trems .popup:focus,
#pop_cont_trems .popup .pop_cont:focus{box-shadow:0 !important;}
#custFrm.c-iframe{height:440px}
.zeus .popup_type01 .pop_head h3{font-size: 20px}
.zeus .popup .pop_head{padding:0;padding-bottom:20px;margin-bottom:0;}
.zeus .popup .pop_cont{outline:0;padding:0;}
@media only screen and (max-width: 1100px){
	#custFrm.c-iframe{height:100%;}
}
/* 검색( 이벤트종료) */
.item.endEvt{position:relative;}
.item.endEvt:before{display:none;content:'';position:absolute;width:100%;height:100%;background:#fff;opacity:0.5;z-index:10}
.item.endEvt .cell1,
.item.endEvt .text_cell{opacity:0.5;background:#fff;}
.item.endEvt:after{position:absolute;left:20px;top:9px;z-index:11;content:'종료';display:inline-block;text-align: center;min-height: 22px;padding: 6px 12px 4px;font-size: 12px;font-weight: 700;color: #fff;border-radius: 15px;line-height: 1;background:rgba(0,0,0,0.7)}
@media only screen and (max-width: 1100px){
	.item.endEvt:after{left:15px;top:13px;}
	.quickSrch .srch_input_wrap .btn_back{display:block;left:-1px}
	.quickSrch .srch_input_wrap.t1 input{padding-left:30px !important;}
}
/* 카드이용내역 조회조건 선택(필터) 만 커스텀 */
.dx-filter .tab_type02 > .tab_list li.current{border-color:#414e7f;background:#414e7f;}
.dx-filter .tab_type02 > .tab_list li{min-height:44px;}
.dx-filter .tab_type02 .tab_list li a, 
.dx-filter .tab_type02 .tab_list li button{padding:9px 10px 8px;}
.dx-filter .tab_type02 .tab_list li.current:before{border-color:#414e7f;}
.dx-filter .carduser_box .radio_tab_wrap ul > li{margin:0;width:100%;}
.dx-filter .carduser_box .radio_tab_wrap ul > li + li{margin:0;}
.dx-filter .carduser_box .radio_tab_wrap li + li label input[type="radio"] + span{border-left:none;}
.dx-filter .carduser_box .radio_tab_wrap li label input[type="radio"] + span{padding:7px 10px 8px 10px;color:#666;}
.dx-filter .carduser_box .radio_tab_wrap li label input[type="radio"]:checked + span{border-color:#414e7f;background:#414e7f;color:#fff;}
@media only screen and (max-width: 1100px){
	.dx-filter .card_filter_item{position:relative;}
	.dx-filter .card_filter_item + .card_filter_item{margin-top:20px;}
	.dx-filter .card_filter_item .h_wrap{width:auto;position:absolute;top:12px;left:0;}
	.dx-filter .card_filter_item .h_wrap h4{font-weight:400;}
	.dx-filter .card_filter_item .card_filter_body{padding-left:74px;}
	.dx-filter .card_filter_body .radio_wrap.type_btn.anyline{display:flex;}
	.dx-filter .radio_wrap.type_btn.anyline .radio_btn{margin-right:5px;margin-bottom:5px;}
	.dx-filter .tab_type02 .tab_list li a, 
	.dx-filter .tab_type02 .tab_list li button{padding:13px 5px 12px;}
	.dx-filter .carduser_box .radio_tab_wrap{margin-bottom:5px;}
	.dx-filter .carduser_box .radio_tab_wrap li label input[type="radio"] + span{padding:9px 5px 9px 5px;}
	.dx-filter .input_wrap.date_type input[type='text']{padding:0 9px;font-size:13px;}
	.dx-filter .input_wrap.date_type .input_mark{width:14px;padding:0;}
	.dx-filter .input_wrap.date_type .input_date{width:calc(50% - 7px)}
}
/* 약관 */
.termsConts > p > b{color:#111}
.termsConts {padding-bottom:40px;}
.termsConts .t-tit-1{font-size: 24px;margin-top:50px;}
.termsConts .t-tit0{font-size: 20px;}
.termsConts .t-tit1{font-size: 16px;margin-top:10px;}
.termsConts p + table,
.termsConts table + p,
.termsConts table + table,
.termsConts table + ul,
.termsConts .t-tit1 + table,
.termsConts .t-tit1 + ul,
.termsConts ul + table,
.termsConts .t-tit1 + p{margin-top: 15px;}
.termsConts ul > li{padding-left:19px;text-indent: -16px;}
.termsConts ul > li + li{margin-top:3px;}
.termsConts ul > li > li{padding-left:18px;text-indent: -16px;} 
.termsConts ul > li .c-bull1{margin-top:3px;}
.termsConts ul + br + .t-tit0,
.termsConts p + br + .t-tit0,
.termsConts p + .t-tit0{margin-top:50px;margin-bottom:20px;}
.termsConts p.hide + .t-tit0{margin-top:0;}
.termsConts .t-tit1{font-size:1.15em}
.termsConts  b{color:#111}
.termsConts ul > li > *{text-indent:0}
.termsConts ul > li > .c-bull3{text-indent:-19px}
.termsConts table{margin:10px 0px}
.termsConts .table-inner table::after{height:1px;background-color:#ddd;}
.termsConts .table-inner table th {background-color:transparent;}
.termsConts .c-bull1, 
.termsConts .c-bull1 > li{padding-left:12px;text-indent:0;}
.termsConts ul.c-bull1{padding-left:0;}
.termsConts  p + p,
.termsConts  p + ul,
.termsConts  ul + p{margin-top:10px;}
.termsConts  p > ul{margin-top:3px}
.termsConts ul.num2 > li {padding-left:29px;text-indent:-26px;}
.termsConts .t-box1{padding:20px;background:#f6f6f6;margin:10px 0px;}
.termsConts .btn-cover3{margin-top:10px;}
.termsConts strong{font-size:1.15em}
.termsConts .termsConts-btm{background:#f6f6f6;padding:30px;}
.termsConts .termsConts-btm .flex-box{display:flex;}
.termsConts [class*=btn-terms]{display:inline-block;height: 28px;padding: 0 10px;border: 1px solid #bbb;border-radius: 3px;background: #fff;font-weight: 400;font-size: 13px;color: #333;line-height: 26px;position:relative;}
.termsConts .btn-terms3:after{content:'';display: inline-block;width: 8px;height: 8px;margin-left: 8px;margin-bottom: 0;background: url(/pconts/images/icon/ico_outlink05.png) no-repeat center;}
.termsConts .termsConts-btm .text-sec *{font-size:13px;color:#111;}
.termsConts .termsConts-btm .text-sec .c-bull1 li:before{top:6px;}
.termsConts .termsConts-btm .text-sec{flex:1;width:86px;position:relative;}
.termsConts .termsConts-btm .img-sec{flex:none;position:relative;width:86px;margin-left:10px;}
.termsConts .termsConts-btm .img-sec img{position:absolute;right:0;top:0;width:86px;height:86px;}
.termsConts .termsConts-btm .btn-sec{margin-top:10px;clear:both;}
.termsConts .termsConts-btm .ods-show{display:none;}
.termsConts [class*='c-bull'] .c-bull3 > li,
.termsConts [class*='c-bull'] p.c-bull3 {text-indent:-19px !important;}
#pop_cont_trems .popup .pop_cont .termsConts{outline:0}
.termsConts .t-tit1.has-img {display:flex;align-items:center;margin-bottom:12px;}
.termsConts .t-tit1.has-img .img {width:36px;min-width:36px;margin-left:8px;}
.termsConts .t-tit1.has-img .img + .img{margin-left:4px;}
/* 약관 개편 */
.new_terms *{font-family:'Spoqa Han Sans','ShinhanCard'}
.new_terms.contents{padding-bottom:0;}
.new_terms .h_title38{font-family:'OneShinhan','ShinhanCard';font-size:36px;}
.new_terms .sh_agreement_select{position:absolute;right:0;top:7px;}
.new_terms .terms-conts-wrap{background:#f7f7f9}
.new_terms .terms-loc-trg{padding:43px 0px 39px 50px;overflow:hidden;}
.new_terms .terms-loc-trg ul{float:left;width:33.3%;}
.new_terms .terms-loc-trg ul li{padding:5px 0px;padding-right:20px;}
.new_terms .terms-loc-trg a{display:inline-block;position:relative;transition:all .2s ease-in-out;font-size:14px;font-weight:bold;color:#111}
.new_terms .terms-loc-trg a:hover{color:#4868e1;}
.new_terms .terms-loc-trg a:after{content:'';width:0px;height:1px;position:absolute;bottom:-2px;left:50%;transition:all .2s ease-in-out;background:#4868e1}
.new_terms .terms-loc-trg a:hover:after{width:100%;left:0;}
.new_terms .termsConts{padding:46px 50px 42px;background:#fff;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);border-radius:10px;font-size:14px;color:#333;}
.new_terms .termsConts > .t-tit0.hide + .t-tit0,
.new_terms .termsConts > .t-tit0.hide + .t-tit1,
.new_terms .termsConts > .t-tit0:first-of-type,
.new_terms .termsConts > .t-tit1:first-of-type{margin-top:0px;}
.new_terms .termsConts .t-tit1{margin-top:23px;font-size:inherit;color:inherit}
.new_terms .termsConts .t-tit1 b{font-size:20px;color:#111}
.new_terms .termsConts .t-tit2{margin-top:23px;font-size:inherit;color:inherit}
.new_terms .termsConts .t-tit2 b{font-size:14px;color:#111}
.new_terms .termsConts .termLoc + p{font-weight:bold;}
.new_terms .termsConts .termLoc + p,
.new_terms .termsConts > p > b{font-size:16px;color:#111}
.new_terms .btn_wrap {padding:60px 0px 60px}
.new_terms .terms-loc-trg .terms-progress{position:fixed;top:128px;left:0;width:100%;height:2px;background:#eee;z-index:100;transition:all .4s ease-out;opacity:0;}
.new_terms .terms-loc-trg .terms-progress.on{opacity:1;}
.new_terms .terms-loc-trg .terms-progress .terms-progress-item{height:100%;width:0;background:#4868e1 ;position:absolute;left:0;top:0;transition:all .2s ease-out;}
@media only screen and (max-width: 1100px){
	.pdt30_20{padding-top:20px !important;}
	.termsConts .c-bull1 > li{padding-left:12px;text-indent:0;}
	.termsConts {padding-bottom:40px;}
	.termsConts .t-tit-1{font-size:2.2rem;margin-top:30px;}
	.termsConts .t-tit0{font-size: 1.9rem;color: #111;}
	.termsConts .t-tit1{font-size: 1.6rem;}
	.termsConts .t-tit1 + ul,
	.termsConts .t-tit1 + p{margin-top: 7px;}
	.termsConts ul > li{padding-left:19px;text-indent: -16px;}
	.termsConts ul > li > li{padding-left:18px;text-indent: -16px;} 
	.termsConts ul + br + .t-tit0,
	.termsConts p + br + .t-tit0,
	.termsConts p + .t-tit0{margin-top:30px;margin-bottom:15px;}
	.termsConts  p + p,
	.termsConts  p + ul,
	.termsConts  ul + p{margin-top:5px;}
	.termsConts table .c-bull1 > li,
	.termsConts table p.c-bull1 {text-indent:0 !important;padding-left:8px;}
	.termsConts table .c-bull2 > li,
	.termsConts table p.c-bull2 {text-indent:0 !important;padding-left:8px;}
	.termsConts table .c-bull3 > li,
	.termsConts table p.c-bull3 {text-indent:-15px !important;padding-left:15px;}
	.termsConts .t-tit1.has-img {margin-bottom:8px;}
	
	.new_terms .sh_agreement_select{position:static;margin-bottom:20px;}
	.new_terms .terms-loc-trg{padding:21px 15px ;}
	.new_terms .sh_agreement_select .select_wrap {width: calc(100% - 70px)}
	.new_terms .terms-loc-trg ul{float:none;width:100%;}
	.new_terms .terms-loc-trg ul li{padding:4px 0px}
  	.new_terms .termsConts{padding:25px 15px 21px;}
	.new_terms .termsConts .t-tit1{margin-top:11px}
	.new_terms .termsConts .t-tit1 b{font-size:1.8rem}
	.new_terms .terms-loc-trg .terms-progress{top:60px}
}
@media screen and (max-width: 767px){
	.new_terms .sh_agreement_select .select_wrap {padding-right:70px;}
	.new_terms .sh_agreement_select .btn.rectangle{position:absolute;right:20px;top:0;}
}
/* 미성년자 카드 신청 디자인 요청(카드신청) 수정 : /pconts/dx/svn/card/MOBFM038C09_minor.html */
.modify210709.form_type {padding:60px 0 60px}
.modify210709.form_type .form_ele.type07 {padding-left:0;margin-top:0}
.modify210709 .card_design_jyp_wrap {font-size:0}
.modify210709 .card_design_jyp_wrap .cd_item label {position: relative;padding-top:75px}
.modify210709 .card_design_jyp_wrap .cd_item:nth-child(2n-1) {margin-left:53px !important; margin-top:0 !important}
.modify210709 .card_design_jyp_wrap .cd_item:first-child {margin-left:0 !important}
.modify210709 .card_design_jyp_wrap .cd_item:nth-child(2n) {margin-left:53px}
.modify210709 .card_design_jyp_wrap label input[type="radio"] + span {color:#111; font-weight: 700; line-height: 1}
.modify210709 .card_design_jyp_wrap label input[type="radio"] + span {padding:0; margin:0; position:absolute; top:0; left:0; width:100%; padding-top:41px; text-align: center}
.modify210709 .card_design_jyp_wrap label input[type="radio"] + span::before, 
.modify210709 .card_design_jyp_wrap label input[type="radio"] + span::after 
{content:''; position:absolute; left:50%; top:0;  border-radius: 50%;}
.modify210709 .card_design_jyp_wrap label input[type="radio"] + span::before {display:inline-block; background:#fff; border:1px solid #ddd; width:26px; height:26px; margin-left:-13px}
.modify210709 .card_design_jyp_wrap label input[type="radio"] + span::after { border-radius: 50%; width:14px; height:14px; top:6px; margin-left:-7px; background:#4868e1; display: none}
.modify210709 .card_design_jyp_wrap label input[type="radio"]:checked + span::after {display:inline-block;}
.visual_txt .modify210709.sub_txt {font-size:24px; font-weight: 700}
@media only screen and (max-width: 1100px) {
	.visual_txt .modify210709.sub_txt {font-size:2.4rem; float:none; line-height: 1.3}
	.modify210709.form_type {padding:30px 0 30px}
	.modify210709.form_type .form_ele.type07 {max-width: 320px; margin:0 auto 0}
	.modify210709 .card_design_jyp_wrap .cd_item {width:calc(50% - 12px)}
	.modify210709 .card_design_jyp_wrap .cd_item:nth-child(2n-1) {margin-left:0 !important}
	.modify210709 .card_design_jyp_wrap .cd_item + .cd_item {margin-top:0}
	.modify210709 .card_design_jyp_wrap .cd_item:nth-child(n+1) {margin-right: 12px}
	.modify210709 .card_design_jyp_wrap .cd_item:nth-child(2n) {margin-left:12px; margin-right: 0}
	.modify210709 .card_design_jyp_wrap .cd_item:nth-child(n+3) {margin-top:40px !important}
	.modify210709 .card_design_jyp_wrap label .img {height: 235px;}
	.modify210709 .card_design_jyp_wrap label .img img {width:148px; height:235px}
	.modify210709 .card_design_jyp_wrap .cd_item label {padding-top:65px}
	.modify210709 .card_design_jyp_wrap label input[type="radio"] + span {padding-top:36px}
}
/* 피카소 공모전 개발 페이지 - https://devprj2-www.shinhancard.com/mob/MOBFM001N/MOBFM001C01.shc */
.dx_picasso_wrap210708 .dx_picasso_list li .inner {background:#f6f6f6; border:none; padding:16px 16px 18px 16px}
.dx_picasso_wrap210708 .dx_picasso_list li .check_wrap {margin-top:18px}
.width_8.pc_show.in_block {width:8px !important; display:inline-block !important}
@media only screen and (max-width: 1100px) {
    .dx_picasso_wrap210708 .dx_picasso_list li .inner {padding:9px 9px 15px 9px}
    .dx_picasso_wrap210708 .dx_picasso_list li .check_wrap {margin-top:15px}
}
@media only screen and (max-width: 375px) {
	.width_8.pc_show.in_block {display:none !important}
}
/* 21.07.21 마재광: marker_ 에 포인트 칼라 적용시 블릿에 칼라 미적용 되는 현상 수정 */
.marker_refer[class*='color_']::before{color:inherit;}
.pop_wrap .popup .pop_focus:focus{box-shadow:none;}
.accordion_header .acc_title{font-size:20px;}
.shCardApp_list .app_item{height:220px;}
@media only screen and (max-width: 1100px){
	.accordion_header .acc_title{font-size:1.8rem;}
	.m200{width:200px;}
	.card_detail_tab .swiper_tabCont{height:auto !important} 
	.shCardApp_list .app_item{height:155px;}
}
/* pLay top */
body.app_shfan #wrap:not(.main_index).main #container{padding-top:42px;}
body.app_shfan .main #header{display:block !important}
body.app_shfan .main #header .header_body .head_title,
body.app_shfan .main #header .util_wrap{display:none}
body.app_shfan .main #header .gnb_wrap{margin-top:10px}
body.app_shfan .main #header .header_body{height:auto}
body.app_shfan .main #header .header_body .body_inner{height:auto;}
body.has_eventTopBnr.shpay .event_subTop{display:none;}
/* 210813 금융 대출 상환방법 수정 */
.radio_wrap.cust > .divide input[type="radio"] + span.rdo_area span {display: inline-block;}
.radio_wrap.cust > .divide input[type="radio"] + span.rdo_area span.title {display: block;}
/* 구축 가이드의 btn_sm에서 가로 사이즈가 다른 버튼 유형 추가 */
.btn_sm.sm_type2{min-width:120px;}
@media only screen and (max-width: 1100px){
	.btn_sm.sm_type2{min-width:100%;}
	.btn_sm.sm_type2 + .sm_type2{margin-top:10px;}
}
/* 체크박스 column 형식 추가 */
.check_wrap.column .check_default{display:block;}
.check_wrap.column .check_default + .check_default{margin:10px 0 0 !important;}
@media only screen and (max-width: 1100px) {
	.check_wrap.column .check_default{width:100%;}
	.check_wrap.column .check_default + .check_default{margin-top:16px !important;}
}
/* 버튼에 blue 적용시 적용안되던 버튼 추가 적용 */
.btn.rectangle.blue,
.btn.btn_link.blue {background:#4868e1;color:#fff;border-color:transparent;}
/* 테이블내에 체크박스만 있는 경우 */
.table_wrap .check_wrap.check_only{width:26px;}
.table_wrap .check_wrap.check_only .check_default input[type="checkbox"] + span{width:26px;height:26px;padding-left:0;}
@media only screen and (max-width: 1100px) {
	.table_wrap .check_wrap.check_only .check_default input[type="checkbox"] + span{padding-right:0;}
}
/* 포인트전환 대상 인풋 깨지는 거 수정 */
.radio_wrap.type_btn.pdcust li .radio_btn input[type="radio"] + span {padding: 12px 5px; word-break: break-all;}
/* 구축 가이드에 추가 디자인 */
.list01[data-type="list"] .item .info_wrap{border-top:1px solid #eee;background:#f6f6f6;margin-bottom:20px;padding:15px 28px;}
.list01[data-type="list"] .item .info_wrap dl{display:flex;justify-content:space-between;font-size:13px;}
.list01[data-type="list"] .item .info_wrap dl + dl{margin-top:2px;}
.list01[data-type="list"] .item .info_wrap dl dd{text-align:right;}
/* 검색 */
section.totalSrch_wrap {min-height:800px;}
.totalSrch_wrap .list01[data-type="card"] .event_info .title{position:absolute;width:100%;height:100%;left:0;top:0;padding: 20px;padding-top: 274px;left: 0;top: 0;border-radius:8px;}
.totalSrch_wrap .list01[data-type="card"] .event_info .title:before{content:'';position:absolute;width:100%;height:45px;background:#fff;bottom:0;left:0;}
.totalSrch_wrap .list01[data-type="card"] .event_info .cell3{position:absolute;width:calc(100% - 40px);bottom:16px;left:20px;z-index:10;}
.totalSrch_wrap .list01.event_list[data-type="card"] .event_info{overflow:hidden;}
@media only screen and (max-width: 1100px){
	section.totalSrch_wrap {min-height:100%;}
	.totalSrch_wrap .list01.event_list[data-type="card"] .event_info .text_cell{height:121px;}
	.totalSrch_sec.type_event .list01[data-type="card"] .event_info .title{height:100%;padding:15px;padding-top:198px;}
	.totalSrch_wrap .list01[data-type="card"] .event_info .title:before{height:39px;}
	.totalSrch_wrap .list01[data-type="card"] .event_info .cell3{bottom:13px;left:15px;}
}
/* 약관 전체동의하기 2열인 경우 */
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree.row2{min-height:80px;}
/* 소비자보호포털 링크 커스텀 */
.submain_customer_consumer li .sub_link a::after{display:none;}
.submain_customer_consumer li .sub_link .txt .link::after{content:'';display:inline-block;width:6px;height:6px;margin-left:2px;margin-bottom:1px;border:solid #818181;border-width:1px 1px 0 0;transform:rotate(45deg);}
.submain_customer_consumer li .sub_link .txt .link + .link{margin-left:7px;}
.shCardApp_list .app_item dt i.ico_shPayfan.pLay{background-image: url(/pconts/images/play/ico_shpLay.png);}
/* pc등록정보관리 : /pconts/html/life/payment/fanPay/delPc/MOBFM07001R04.html*/
.step_box_wrap.fan_pay07_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_01_PC.png) no-repeat; background-size: 100%}
.step_box_wrap.fan_pay07_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_02_PC.png) no-repeat; background-size: 100%}
.step_box_wrap.fan_pay07_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_03_PC.png) no-repeat; background-size: 100%}
.step_box_wrap.fan_pay07_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_04_PC.png) no-repeat; background-size: 100%}
.step_box_wrap.fan_pay07_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_05_PC.png) no-repeat; background-size: 100%}
@media only screen and (max-width:1100px){
	.step_box_wrap.fan_pay07_step .step_box.step1 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_01_M.png) no-repeat; background-size: 100%}
	.step_box_wrap.fan_pay07_step .step_box.step2 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_02_M.png) no-repeat; background-size: 100%}
	.step_box_wrap.fan_pay07_step .step_box.step3 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_03_M.png) no-repeat; background-size: 100%}
	.step_box_wrap.fan_pay07_step .step_box.step4 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_04_M.png) no-repeat; background-size: 100%}
	.step_box_wrap.fan_pay07_step .step_box.step5 .img {background:url(/pconts/images/contents/benefit/pay/211006_step_05_M.png) no-repeat; background-size: 100%}	
}
.card_reportlist_wrap .dashdesk .card_name {margin:-34px 0 10px;font-weight:700;text-align:center;font-size:16px;}
.card_reportlist_wrap .dashdesk .card_name img{width:24px;height:24px;margin-right:10px;}
.accordion_wrap.card_usage_detail .card_usage{display:flex;align-items:center;}
.accordion_wrap.card_usage_detail .card_usage .logo{width:24px;margin-right:10px;}
.w_size01 .radio_wrap.inner_check_wrap.radio_pop .radio_default + .radio_default{margin-left:15px;}
@media only screen and (max-width: 1100px){
	.w_size01 .radio_wrap.inner_check_wrap.radio_pop .radio_default + .radio_default{margin-left:0;}
}
.list_view .list_view_body.has_answer .txt_area,
.list_view .list_view_body.has_answer .txt_area *{word-break: break-all;}
.toon-jun-add,
.toon-jun-type .j-type{padding-top: 20px;}
.toon-jun-add + .toon-jun-type .j-type{padding-top:0px;}
.toon-jun-num{padding:25px 0px 20px;text-align:right;}
.jepeto .preview .img-wrap .bg canvas {width:100%;height:199px}
/* 마이 > 이용금액결제 > 즉시결제  커스텀 */
.payment_total_wrap.dx-renewal .payment_total .price-info{display:flex;justify-content:space-between;align-items:center;color:#333;}
.payment_total_wrap.dx-renewal .payment_total ~ .m_show {display:none !important;}
.payment_total_wrap.dx-renewal .payment_total .price-info .price{float:none;}
@media only screen and (max-width: 1100px) {
	.payment_total_wrap.dx-renewal .payment_total{height:50px;padding:0 20px;}
	.payment_total_wrap.dx-renewal .payment_total .price-info{height:50px;font-size:1.6rem;}
	.payment_total_wrap.dx-renewal .payment_total .price-info .number span,
	.payment_total_wrap.dx-renewal .payment_total .price-info .price span{font-size:1.8rem;font-weight:700;}
	.payment_total_wrap.dx-renewal .account-select{padding:20px 17px}
	.payment_total_wrap.dx-renewal .payment_total.is_fixed {bottom:95px;}
	.payment_total_wrap.dx-renewal .payment_total.is_fixed ~ .m_show {display:block !important;position:fixed;bottom:0;left:0;right:0;z-index:40;background-color:#fff;}
	.payment_total_wrap.dx-renewal .payment_total.is_fixed .inner{padding-right:0;}
}
.app_shcard.MOBFM167C01 #tab03_2{display:none;}

/* [dx-event.css] */
.linkObj{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;color:transparent}
.linkObj .srch_keyword{display:none;}
/* 판 이벤트 버튼 감춤 */
.app_shfan #evtEndView,
.app_shfan #evtGoView,
.app_shfan .ico_btn.share{display:none}
#eventImage *{transition:all .4s}
#eventContents .c-section + .ly_inner{margin-top:60px;}
.evt_detail #endEventDate{display:none;}
/* 지난이벤트 */
.evt_detail .past_event{height:auto}
/* 이벤트 상단 */
.e-section1 .img-sec{position:absolute;right:0px;top:0px;height:100%;}
.e-section1 .img-sec img{height:100%;}
.e-section1{height:250px;}
.e-section1 .c-article{ background-position:right 0;background-repeat:  no-repeat;background-size:contain;}
.e-section1 .txt-wrap{padding:50px 0; position:relative;z-index:1;}
.e-section1 .txt-wrap .e-tit1{font-weight:bold;font-size:36px;color:#fff;letter-spacing:-0.03em;width:500px;line-height:1.4;text-align:left;margin:0;}
.e-section1 .txt-wrap .e-txt1{font-size:24px;color:#fff;margin-top:0px;letter-spacing:-0.015em;display:none;}
.e-section1 .e-tit1 .e-tit-img{position:absolute;left:0;bottom:-1px;height:32px;}
.e-section1 .txt-wrap .e-tit1 .e-txt1{display:block;font-weight:normal}
/* dx-com.css overwrite */
.event-contents [class*=c-section]{margin:60px 0 0;padding:0;}
.event-contents [class*=c-section1]{padding:40px 0px}
.event-contents [class*=c-section]:last-child{margin-bottom:0;padding-bottom:60px;}
.event-contents [class*=c-section] .headline{padding-bottom:0;}
.event-contents [class*=c-section] .headline::after{display:none;}
.event-contents [class*=c-section] .headline .c-tit1 + .c-txt1{margin-top:7px;margin-bottom:0;}
/* 이벤트 포인트 칼라 */
.e-point1{color:#4868e1 !important;}
/* 이벤트 공통 */
.event-contents img{max-width:100%;height:auto;}
.event-contents .txt-c{text-align:center !important;}
.event-contents .txt-l{text-align:left !important;}
.event-contents .txt-r{text-align:right !important;}
.event-contents .mgt0{margin-top:0 !important;}
.event-contents .mgb0{margin-bottom:0 !important;}
.event-contents .view-pc{display:block;}
.event-contents .view-m{display:none;}
.event-contents .no-border{border:none !important;}
.event-contents .wb-ball {word-break: break-all !important;}
/* 버튼 */
[class*=c-btn].row2m span br{display:none;}
[class*=e-goods],
[class*=e-screen],
[class*=e-ban-full],
[class*=e-cardlist],
[class*="e-step"],
[class*="e-tab"],
[class*=e-box],
[class*=e-qr],
[class*='c-agree']{overflow:hidden;margin-top:14px;margin-bottom:14px;}
/* 이벤트 타이틀 */
.event-contents [class*=e-sp1]{margin:60px 0 30px;text-align:center;}
.event-contents [class*=e-sp1] .line{display:block;position:relative;font-size:30px;font-weight:700;}
.event-contents [class*=e-sp1] .line span{position:relative;z-index:10;display:inline-block;background:#fff;padding:0 30px;}
.event-contents [class*=e-sp1] .line::before{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:1px;}
.event-contents [class*=e-sp1] .txt1{margin-top:13px;color:#111;font-size:20px;font-weight:400;}
.event-contents [class*=e-sp1] .txt2 {margin-top:8px;font-size:34px;;font-weight:700;}
.event-contents [class*=e-sp1] .txt2 strong{color:inherit;}
.event-contents [class*=e-sp1] .txt1 + .txt2{margin-top:2px;}
.event-contents [class*=e-sp1].t-point1{color:#867517;}
.event-contents [class*=e-sp1].t-point1 .line::before{background:#867517;}
/* 이벤트 행사상품 */
[class*=e-goods1] .in-wrap{display:flex;flex-wrap:wrap;margin:-10px;}
[class*=e-goods1] .item{display:flex;flex-direction:column;flex:1;margin:10px;padding:20px 15px 25px;border:1px solid #ddd;background:#fff;text-align:center;} /* 실제패딩 20px 8px 30px */
[class*=e-goods1] .img1{flex:0 0 auto;width:100%;max-width:198px;margin:0 auto;}
[class*=e-goods1] .tit1{margin-top:7px;}
[class*=e-goods1] .tit2{margin-bottom:20px;color:#111;font-weight:700;}
[class*=e-goods1] .tit2:only-child {margin-bottom:0;}
[class*=e-goods1] .txt-wrap{flex:1 1 auto;width:100%;margin-top:13px;}
[class*=e-goods1] [class*=txt]{max-width:100%;}
[class*=e-goods1] .txt1{color:#333;}
[class*=e-goods1] .txt3{color:#666;}
[class*=e-goods1] .txt1 + .txt2{margin-top:2px;}
[class*=e-goods1] .txt1 + .txt3{margin-top:2px;}
[class*=e-goods1] [class*=btn-cover]{margin-top:25px;padding-bottom:5px;}
[class*=e-goods1] [class*=btn-cover] [class*=c-btn]{margin:0;}
[class*=e-goods1-b] .item{flex:0 0 25%;max-width:calc(25% - 20px);}
[class*=e-goods1-a2] .in-wrap{margin:-25px;}
[class*=e-goods1-a2] .item{position:relative;margin:25px;}
[class*=e-goods1-a2] .item::after{content:'+';position:absolute;top:50%;right:-35px;margin-top:-21.5px;color:#333;font-size:30px;}
.e-goods1-a3 .item {padding:60px 0 45px !important;}
.e-goods1-a3 .img2 {flex:0 0 auto;width:100%;max-width:446px;margin:0 auto 35px;}
.e-goods1-a3 .txt-wrap {min-height:auto !important;}
/* 이벤트 여행 및 사진 */
[class*=e-goods2] .in-wrap{display:flex;flex-wrap:wrap;margin:-10px;}
[class*=e-goods2] .item{display:flex;flex-direction:column;align-items:center;margin:10px;flex:1;max-width:100%;background:#f6f6f6;}
[class*=e-goods2] .img1{flex:0 0 auto;max-width:230px;width:100%;}
[class*=e-goods2] .info-wrap{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;width:100%;padding:16px 20px;text-align:center;}
[class*=e-goods2] .info-wrap .txt-wrap{flex:1 1 auto;}
[class*=e-goods2] [class*=txt]{max-width:100%;}
[class*=e-goods2] [class*=btn-cover]{margin-top:10px;margin-bottom:14px;max-width:100%;}
[class*=e-goods2] [class*=btn-cover]:only-child{margin:10px 0;}
[class*=e-goods2-a] .item{flex:0 0 25%;max-width:calc(25% - 20px);}
[class*=e-goods2-c] .img1{max-width:300px;}
[class*=e-goods2-d] .img1{max-width:300px;}
[class*=e-goods3] .item{display:flex;align-items:center;background:#f6f6f6;}
[class*=e-goods3] .item + .item{margin-top:20px;}
[class*=e-goods3] .item .img1{max-width:490px;flex-shrink:0;}
[class*=e-goods3] .item .info-wrap{padding:30px;}
[class*=e-goods3] .item .txt2 + .txt1{margin-top:8px;}
/* 이벤트 화면설정이미지 */
[class*=e-screen3] .in-wrap{display:flex;padding:30px 10.3%;border:1px solid #ddd;}
[class*=e-screen3] .item::after{display:none !important;}
[class*=e-screen3] .item{flex:0 0 50%;max-width:50%;margin:26px 0 25px;}
[class*=e-screen3] .item .inner{max-width:228px;margin:0 auto;}
[class*=e-screen3] .tit{margin-bottom:10px;}
[class*=e-screen3] .tit.row2{height:44px;}
[class*=e-screen3] .tit.row3{height:66px;}
[class*=e-screen3] .img1 img{border:1px solid #c3c3c3;}
[class*=e-screen3] .img1 .txt{display:block;margin-top:10px;}
[class*=e-screen3-a] .in-wrap{justify-content:center;}
[class*=e-screen3-b] .in-wrap{flex-wrap:wrap;padding-left:3.3685%;padding-right:3.3685%;}
[class*=e-screen3-b] .item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 10px;}
[class*=e-screen4] .in-wrap{display:flex;padding:30px 10.3%;border:1px solid #ddd;}
[class*=e-screen4] .item::after{display:none !important;}
[class*=e-screen4] .item{display:flex;flex:0 0 50%;max-width:50%;margin:26px 0 25px;}
[class*=e-screen4] .item .inner{display:flex;flex-direction:column;width:100%;max-width:228px;margin:0 auto;}
[class*=e-screen4] .tit{flex:1 1 auto;margin-bottom:10px;}
[class*=e-screen4] .img1{position:relative;flex:0 0 auto;}
[class*=e-screen4] .img1 img {border:1px solid #c3c3c3;}
[class*=e-screen4] .img1 .txt{display:block;position:absolute;left:0;right:0;bottom:0;padding:10px 15px;background:rgba(0,0,0,0.7);color:#fff;}
[class*=e-screen4-a] .in-wrap{justify-content:center;}
[class*=e-screen4-b] .in-wrap{flex-wrap:wrap;padding-left:3.3685%;padding-right:3.3685%;}
[class*=e-screen4-b] .item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 10px;}
[class*=e-screen] .img1.round img{border-radius:9px;border:1px solid #eee;}
[class*=e-screen1]{display:flex;padding:30px 10.3%;border:1px solid #ddd;}
[class*=e-screen1] .item::after{display:none !important;}
[class*=e-screen1] .item{flex:0 0 50%;max-width:50%;margin:26px 0 25px;}
[class*=e-screen1] .in-wrap{max-width:228px;margin:0 auto;}
[class*=e-screen1] .tit{margin-bottom:10px;}
[class*=e-screen1] .tit.row2{height:44px;}
[class*=e-screen1] .tit.row3{height:66px;}
[class*=e-screen1] .img1 img{border:1px solid #c3c3c3;}
[class*=e-screen1] .img1 .txt{display:block;margin-top:10px;}
[class*=e-screen1-a]{justify-content:center;}
[class*=e-screen1-b]{flex-wrap:wrap;padding-left:3.3685%;padding-right:3.3685%;}
[class*=e-screen1-b] .item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 10px;}
[class*=e-screen2]{display:flex;padding:30px 10.3%;border:1px solid #ddd;}
[class*=e-screen2] .item::after{display:none !important;}
[class*=e-screen2] .item{display:flex;flex:0 0 50%;max-width:50%;margin:26px 0 25px;}
[class*=e-screen2] .in-wrap{display:flex;flex-direction:column;width:100%;max-width:228px;margin:0 auto;}
[class*=e-screen2] .tit{flex:1 1 auto;margin-bottom:10px;}
[class*=e-screen2] .img1{position:relative;flex:0 0 auto;}
[class*=e-screen2] .img1 img {border:1px solid #c3c3c3;}
[class*=e-screen2] .img1 .txt{display:block;position:absolute;left:0;right:0;bottom:0;padding:10px 15px;background:rgba(0,0,0,0.7);color:#fff;}
[class*=e-screen2-a]{justify-content:center;}
[class*=e-screen2-b]{flex-wrap:wrap;padding-left:3.3685%;padding-right:3.3685%;}
[class*=e-screen2-b] .item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 10px;}
[class*=e-screen5]{display:flex;padding:30px 10.3%;border:1px solid #ddd;}
[class*=e-screen5] .item::after{display:none !important;}
[class*=e-screen5] .item{flex:0 0 50%;max-width:50%;margin:26px 0 25px;}
[class*=e-screen5] .in-wrap{max-width:236px;margin:0 auto;}
[class*=e-screen5] .tit{margin-bottom:10px;}
[class*=e-screen5] .tit.row2{height:54px;}
[class*=e-screen5] .tit.row3{height:81px;}
[class*=e-screen5] .img1 .txt{display:block;margin-top:10px;}
[class*=e-screen5-a]{justify-content:center;}
[class*=e-screen5-b]{flex-wrap:wrap;padding-left:3.3685%;padding-right:3.3685%;}
[class*=e-screen5-b] .item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 10px;}
[class*=e-screen6]{display:flex;padding:30px 10.3%;border:1px solid #ddd;}
[class*=e-screen6] .item::after{display:none !important;}
[class*=e-screen6] .item{display:flex;flex:0 0 50%;max-width:50%;margin:26px 0 25px;}
[class*=e-screen6] .in-wrap{display:flex;flex-direction:column;width:100%;max-width:236px;margin:0 auto;}
[class*=e-screen6] .tit{flex:1 1 auto;margin-bottom:10px;}
[class*=e-screen6] .img1{position:relative;flex:0 0 auto;}
[class*=e-screen6] .img1 .txt{display:block;position:absolute;left:0;right:0;bottom:0;padding:10px 15px;background:rgba(0,0,0,0.7);color:#fff;}
[class*=e-screen6-a]{justify-content:center;}
[class*=e-screen6-b]{flex-wrap:wrap;padding-left:3.3685%;padding-right:3.3685%;}
[class*=e-screen6-b] .item{flex:0 0 33.3333%;max-width:33.3333%;padding:0 10px;}
[class*=e-screen] .in-wrap.type2 {display:flex;flex-direction:column;justify-content:space-between;height:100%;}/* figcaption이 없는 경우 */
[class*=e-screen] .in-wrap.type2 .tit[class*='row'] {height:auto;}
[class*=e-screen] .in-wrap.type2 .img1{flex:0 0 auto;}
/* 이벤트 연회비캐시백 */
.event-contents [class*=e-cardlist1] .in-wrap{display:flex;flex-wrap:wrap;margin:-10px;}
.event-contents [class*=e-cardlist1] .item{position:relative;display:flex;flex-direction:column;flex:0 0 33.3333%;max-width:calc(33.3333% - 20px);margin:10px;padding:30px 4.11%;background:#f6f6f6;text-align:center;}
.event-contents [class*=e-cardlist1] .tit{display:flex;justify-content:center;align-items:center;height:52px;margin-top:-16px;max-width:100%;}
.event-contents [class*=e-cardlist1] .tit strong{flex:0 0 auto;max-width:100%;color:#081350;}
.event-contents [class*=e-cardlist1] .tit br.mo-br {display:none;}
.event-contents [class*=e-cardlist1] .img1{flex:0 0 auto;max-width:100%;margin-top:10px;}
.event-contents [class*=e-cardlist1] .txt-wrap{display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between;}
.event-contents [class*=e-cardlist1] [class*=txt]{max-width:100%;}
.event-contents [class*=e-cardlist1] .txt1{margin-top:11px;font-weight:400;}
.event-contents [class*=e-cardlist1] .txt2{position:relative;margin-top:11px;text-align:right;}
.event-contents [class*=e-cardlist1] .txt1 + .txt2{margin-top:7px;}
.event-contents [class*=e-cardlist1] .txt2 strong{position:absolute;top:0;left:0;color:#333;}
.event-contents [class*=e-cardlist1] [class*=btn-cover]{margin-top:10px;}
.event-contents [class*=e-cardlist1] [class*=btn-cover] [class*=c-btn]{margin:0;}
.event-contents [class*=e-cardlist1] .item.rotate .img1{position:relative;max-width:100%;height:0;padding-top:100%;}
.event-contents [class*=e-cardlist1] .item.rotate .img1 img{position:absolute;top:0;left:0;transform:translateY(30%) rotate(90deg);}
.event-contents [class*=e-cardlist1-b] .item{flex:0 0 50%;max-width:calc(50% - 20px);}
.event-contents [class*=e-cardlist1-b] .item.rotate .img1{max-width:80%;padding-top:80%;}
.event-contents [class*=e-cardlist1-b] .img1{width:100%;max-width:324px;margin:0 auto;}
.event-contents [class*=e-cardlist1-c] .item{flex:1;max-width:100%;}
.event-contents [class*=e-cardlist1-c] .item.rotate .img1{max-width:40%;padding-top:40%;}
.event-contents [class*=e-cardlist1-c] .img1{width:100%;max-width:324px;margin:0 auto;}
.event-contents [class*=e-cardlist1-c] .txt-wrap{width:320px;margin:0 auto;}
/* 이벤트 카드안내 */
.event-contents [class*=e-cardlist2] .in-wrap{display:flex;flex-wrap:wrap;margin:-10px;}
.event-contents [class*=e-cardlist2] .item{position:relative;display:flex;flex-direction:column;flex:0 0 50%;max-width:calc(50% - 20px);margin:10px;padding:30px 4.11%;background:#f6f6f6;text-align:center;}
.event-contents [class*=e-cardlist2] .tit{display:flex;justify-content:center;align-items:center;height:52px;margin-top:-16px;max-width:100%;}
.event-contents [class*=e-cardlist2] .tit strong{flex:0 0 auto;max-width:100%;color:#081350;}
.event-contents [class*=e-cardlist2] .tit.sm strong{font-size:15px;}
.event-contents [class*=e-cardlist2] .img1{flex:0 0 auto;max-width:324px;width:100%;margin:0 auto;}
.event-contents [class*=e-cardlist2] .txt-wrap{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;}
.event-contents [class*=e-cardlist2] [class*=txt]{max-width:100%;}
.event-contents [class*=e-cardlist2] .txt1{margin-top:11px;font-weight:400;}
.event-contents [class*=e-cardlist2] .txt2{position:relative;margin-top:11px;text-align:right;}
.event-contents [class*=e-cardlist2] .txt1 + .txt2{margin-top:7px;}
.event-contents [class*=e-cardlist2] .txt2 strong{position:absolute;top:0;left:0;color:#333;}
.event-contents [class*=e-cardlist2] [class*=btn-cover]{margin-top:10px;}
.event-contents [class*=e-cardlist2] [class*=btn-cover] .c-btn1-c2:not(:only-child){min-width:90px;padding:0 22px;}
.event-contents [class*=e-cardlist2] .item.rotate .img1{position:relative;max-width:80%;height:0;padding-top:80%;}
.event-contents [class*=e-cardlist2] .item.rotate .img1 img{position:absolute;top:0;left:0;transform:translateY(30%) rotate(90deg);}
.event-contents [class*=e-cardlist2-b] .item{flex:1 1 auto;max-width:100%;}
.event-contents [class*=e-cardlist2-b] .item.rotate .img1{max-width:40%;padding-top:40%;}
.event-contents [class*=e-cardlist2-b] .img1{width:100%;max-width:324px;margin:0 auto;}
.event-contents [class*=e-cardlist2-b] .txt-wrap{width:320px;margin:0 auto;}
.event-contents [class*=e-cardlist2-b] [class*=btn-cover]{width:50%;margin-left:auto;margin-right:auto;}
/* 복합카드 */
.event-contents [class*=e-cardlist3]{background-color:#f6f6f6; padding:50px 6%;}
.event-contents [class*=e-cardlist3] > .c-tit1 {margin-bottom:20px;}
.event-contents [class*=e-cardlist3] .item-wrap{display:flex;flex-wrap:wrap;margin:-20px -10px;}
.event-contents [class*=e-cardlist3] .item{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:calc(50% - 20px);max-width:calc(50% - 20px);background:#f6f6f6;margin:20px 10px;text-align:center;}
.event-contents [class*=e-cardlist3] .tit{display:flex;justify-content:center;align-items:center;height:36px;margin-bottom:14px;max-width:100%;}
.event-contents [class*=e-cardlist3] .tit strong{flex:0 0 auto;max-width:100%;color:#333;}
.event-contents [class*=e-cardlist3] .tit.sm strong{font-size:15px;}
.event-contents [class*=e-cardlist3] .img1{position:relative;flex:1 1 auto;width:231px;height:0;max-width:100%;min-height:146px;margin:0 auto;}
.event-contents [class*=e-cardlist3] .img1 img{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.event-contents [class*=e-cardlist3] [class*=txt]{max-width:100%;}
.event-contents [class*=e-cardlist3] .txt-wrap{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;max-width:320px;margin:30px auto 0;}
.event-contents [class*=e-cardlist3] .txt1{margin:11px 0 20px;font-weight:400;text-align:center;}
.event-contents [class*=e-cardlist3] .txt2{position:relative;margin-top:11px;text-align:right;}
.event-contents [class*=e-cardlist3] .txt1 + .txt2{margin-top:7px;}
.event-contents [class*=e-cardlist3] .txt2 strong{position:absolute;top:0;left:0;color:#333;}
.event-contents [class*=e-cardlist3] [class*=btn-cover]{margin-top:40px;}
/* .event-contents [class*=e-cardlist3] [class*=btn-cover] [class*=c-btn]{margin:0;} */
.event-contents [class*=e-cardlist3] .item.rotate .img1{padding-top:231px;}
.event-contents [class*=e-cardlist3] .item.rotate .img1 img{top:0;transform:translateY(30%) rotate(90deg);}
.event-contents .e-cardlist3-b .item{width:calc(33.3333% - 20px);max-width:calc(33.3333% - 20px);}
.event-contents .e-cardlist3-b .img1{padding-top:53.28467%;}
.event-contents .e-cardlist3-c{padding:50px 2%;}
.event-contents .e-cardlist3-c .item{width:calc(25% - 20px);max-width:calc(25% - 20px);}
.event-contents .e-cardlist3-c .img1{width:210px;min-height:132px;padding-top:60%;}
.event-contents .e-cardlist3-c .item.rotate .img1{padding-top:210px;}
/* 이벤트 스텝 */
[class*=e-step1] .in-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-14px;}
[class*=e-step1] .item{position:relative;display:flex;flex-direction:column;flex:1;max-width:100%;margin:14px;text-align:center;}
[class*=e-step1] .item::after{content:'';position:absolute;top:15px;right:0;display:block;width:8px;height:8px;border:1px solid #cbcbcb;border-right:0;border-bottom:0;transform:rotate(135deg);}
[class*=e-step1] .item:last-child::after{display:none;}
[class*=e-step1] .img1{max-width:50px;flex:0 0 auto;width:100%;margin:0 auto 24px;}
[class*=e-step1] .txt-wrap{flex:1 1 auto;width:100%;}
[class*=e-step1] .step{font-size:14px;}
[class*=e-step1] .tit1{margin-top:1px;}
[class*=e-step1] .txt1{margin-top:4px;font-weight:400;}
[class*=e-step1] [class*=txt]{max-width:100%;}
[class*=e-step1] [class*=btn-cover]{margin-top:10px;max-width:100%;}
[class*=e-step1] [class*=btn-cover] [class*=c-btn]{margin:0;}
[class*=e-step2] .item{display:flex;min-height:50px;padding:27px 10px;border-bottom:1px solid #dbdbdb;}
[class*=e-step2] .img1{flex:0 0 auto;max-width:50px;margin:6px 20px 0 10px;}
[class*=e-step2] .txt-wrap{flex:1 1 auto;width:100%;}
[class*=e-step2] .step{color:#333;font-weight:700}
[class*=e-step2] .txt1{margin-top:4px;color:#111;}
[class*=e-step2] .txt2{font-weight:400;}
[class*=e-step2-b] .item{align-items:center;}
[class*=e-step2-b] .img1{margin-top:0;}
[class*=e-step3] .item{position:relative;margin-bottom:36px;background:#f6f6f6;}
[class*=e-step3] .item:last-child{margin-bottom:0;}
[class*=e-step3] .item::after{content:'';display:block;position:absolute;bottom:-18px;left:50%;width:6px;height:6px;margin-left:-4.2px;border-top:1px solid #333;border-left:1px solid #333;transform:rotate(-135deg);}
[class*=e-step3] .tit1{display:table-cell;padding:16px 0;min-width:86px;background:#e6e6e6;vertical-align:middle;text-align:center;}
[class*=e-step3] .txt1{display:table-cell;padding:16px 20px;}
/* 이벤트 탭 */
.event-contents [class*=e-tab1] .in-wrap{display:flex;flex-wrap:wrap;margin:1px 0 0 1px;}
.event-contents [class*=e-tab1] .item{display:flex;flex:1;max-width:100%;margin:-1px 0 0 -1px}
.event-contents [class*=e-tab1] .item > a{display:block;width:100%;padding:16px 9px 15px;border:1px solid #ddd;font-size:18px;font-weight:400;}
.event-contents [class*=e-tab1] .item > a span{display:block;position:relative;top:50%;transform:translateY(-50%);text-align:center;}
.event-contents [class*=e-tab1] .item > a:hover,
.event-contents [class*=e-tab1] .item.on > a {background:#091350;border-color:#091350;color:#fff;font-weight:700;}
.event-contents [class*=e-tab1] .item.on > a span,
.event-contents [class*=e-tab1] .item > a:hover span {color:#fff;}
/* 이벤트 Qr&Box */
[class*=e-box1]{padding:30px 40px; display:flex;}
[class*=e-box1] .conts{flex:1 1 auto;}
[class*=e-box1] .conts .tit1 {margin-bottom:7px;font-size:2.2rem;color:#333;font-weight:700;}
[class*=e-box1] .qrbox{display:flex;flex:0 0 auto;margin-left:60px;text-align:center;}
[class*=e-box1] .qrbox .qr{display:flex;flex-direction:column;align-items:center;}
[class*=e-box1] .qrbox .qr .img1 img{width:86px;}
[class*=e-box1] .qrbox .qr + .qr{margin-left:40px;}
[class*=e-box1] .qrbox .qr .txt1{display:block; margin-top:18px;}
[class*=e-box1-a]{background:#f6f6f6; }
[class*=e-box1-b]{border:1px solid #ddd;background:#fff;}
[class*=e-box2]{position:relative;min-height:212px;padding:35px 35px 35px 40px;display:flex;align-items:center;background:#f1f4f9;border-radius:8px;}
[class*=e-box2] .txt-wrap{flex:1 1 auto;}
[class*=e-box2] .img1{flex:0 0 auto;width:180px;margin-left:30px;}
[class*=e-box2] [class*='btn-cover'] {margin-top:15px;}
[class*=e-box3]{display:flex;justify-content:center;align-items:center;padding:25px 15px 20px;border:1px solid #ddd;}
[class*=e-box3] .img1{flex:0 0 auto;width:220px;}
[class*=e-box3] .txt-wrap{margin-left:50px;}
[class*=e-box3] .txt-wrap ul li{position:relative;padding-bottom:30px;font-size:17px;color:#333;text-align:center;}
[class*=e-box3] .txt-wrap ul li::before,
[class*=e-box3] .txt-wrap ul li::after{content:'';display:block;position:absolute;left:50%;background:#999;}
[class*=e-box3] .txt-wrap ul li::before{top:-16px;width:13px;height:1px;margin-left:-6px;}
[class*=e-box3] .txt-wrap ul li::after{content:'+';top:-22px;width:1px;height:13px;font-size:0;line-height:0;}
[class*=e-box3] .txt-wrap ul li:last-child{padding-bottom:0;}
[class*=e-box3] .txt-wrap ul li:first-child::before,
[class*=e-box3] .txt-wrap ul li:first-child::after{display:none;}
[class*=e-box4]{align-items:center;background:#f1f4f9;padding:35px 25px;border-radius:8px;text-align:center;}
[class*=e-box4] .c-tit1{margin-bottom:10px;font-size:18px;}
[class*=e-qr1]{display:flex;justify-content:center;padding:60px;}
[class*=e-qr1] .item{flex:0 0 auto;padding:0 5%;text-align:center;}
[class*=e-qr1] .item .img1{margin:0 auto;max-width:132px;}
[class*=e-qr1] .item .txt1{margin-top:10px;}
.event-contents [class*=e-qr1-a]{background:#f6f6f6;}
/* .event-contents [class*=e-qr1-b]{border:1px solid #ddd;background:#fff;} */
.event-contents [class*=e-qr1-b]{background:#f6f6f6;}
/* 이벤트 배너 */
.event-contents [class*=e-ban-full2]{position:relative;overflow:visible;}
.event-contents [class*=e-ban-full2]::after{content:'';display:block;position:absolute;z-index:0;left:calc(-50vw + 50%);top:0;width:100vw;height:100%;}
.event-contents [class*=e-ban-full2] .img1{position:relative;z-index:10;}
/* 이벤트 좌우 텍스트 */
[class*=c-txt2] .item{display:flex;}
[class*=c-txt2] .item + .item{margin-top:14px;}
[class*=c-txt2] [class*=tit]{flex:0 0 auto;margin-right:4px;}
[class*=c-txt2] .tit2{margin-right:10px;}
[class*=c-txt2] .conts{flex:1 1 auto;}
[class*=c-txt2] .conts>:first-child{margin-top:0;}
[class*=c-txt2] .conts>:last-child{margin-bottom:0;}
[class*=c-txt2] .item.col{display:block;}
[class*=c-txt2] .item.col [class*=tit]{width:100%;}
[class*=c-txt2] .item.col .conts{margin:10px 0 0;}
/* 이벤트 테이블 */
[class*=c-table] colgroup .w5{width:5%;}
[class*=c-table] colgroup .w10{width:10%;}
[class*=c-table] colgroup .w15{width:15%;}
[class*=c-table] colgroup .w16{width:16.6666%;}
[class*=c-table] colgroup .w20{width:20%;}
[class*=c-table] colgroup .w25{width:25%;}
[class*=c-table] colgroup .w30{width:30%;}
[class*=c-table] colgroup .w33{width:33.3333%;}
[class*=c-table] colgroup .w35{width:35%;}
[class*=c-table] colgroup .w40{width:40%;}
[class*=c-table] colgroup .w45{width:45%;}
[class*=c-table] colgroup .w50{width:50%;}
[class*=c-table] colgroup .w55{width:55%;}
[class*=c-table] colgroup .w60{width:60%;}
[class*=c-table] colgroup .w65{width:65%;}
[class*=c-table] colgroup .w66{width:66.6666%;}
[class*=c-table] colgroup .w70{width:70%;}
[class*=c-table] colgroup .w75{width:75%;}
[class*=c-table] colgroup .w80{width:80%;}
[class*=c-table] colgroup .w85{width:85%;}
[class*=c-table] colgroup .w90{width:90%;}
[class*=c-table] colgroup .w95{width:95%;}
/* 동의 */
[class*='c-agree']{padding:15px 20px;border:1px solid #ddd;}
[class*='c-agree'] .box{margin:20px 0 30px;padding:15px;background:#f6f6f6;}
[class*='c-agree'] .agree-wrap{display:flex;justify-content:space-between;align-items:center;}
[class*='c-agree'] .agree-wrap .radio_wrap,
[class*='c-agree'] .agree-wrap .check_wrap {flex:0 0 auto;width:auto;}
[class*='c-agree'] .agree-wrap .radio_wrap .radio_default + .radio_default, [class*='c-agree'] .agree-wrap .check_wrap .check_default + .check_default
{margin-left:46px;}
/* 행사상품 아이콘 팝업 */
#popgoods .pop_cont ul{display:flex;flex-wrap:wrap;border-top:10px solid #333;border-left:10px solid #333;}
#popgoods .pop_cont ul li{flex:0 0 auto;width:16.666%;border-right:10px solid #333;border-bottom:10px solid #333;}
#popgoods .pop_cont ul li img{cursor:pointer;}
#popgoods .pop_cont ul li.title{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;}
/* 이벤트 배너 */
.event-contents [class*=e-banner-t1]{display:table;width:500px;margin:0 auto;position:relative;padding:20px;background:#f6f6f6;border-radius:8px;table-layout:fixed;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);}
.event-contents [class*=e-banner-t1] .in-wrap{display:table-row;}
.event-contents [class*=e-banner-t1] .cell1{display:table-cell;width:160px;vertical-align:top;}
.event-contents [class*=e-banner-t1] .cell1 img{width:100%;}
.event-contents [class*=e-banner-t1] .cell2{display:table-cell;padding-top:8px;padding-left:20px;vertical-align:top;}
.event-contents [class*=e-banner-t1] .c-tit1{font-size:18px;}
.event-contents [class*=e-banner-t1] [class*=btn-cover]{text-align:left;margin-top:14px;}
/* 이용안내 */
.evt_detail .accordion_body .area .marker_dot > li > ul{margin-top:7px;}
.evt_detail .accordion_body .area .marker_dot > li > ul > li + li{margin-top:5px;}
.evt_box_list{display:table;width:100%;}
.evt_box_list > li{display:table-cell;width:50%;}
.evt_box_list.area1 li .inner_box{height:155px;}
.evt_box_list > li .inner_box{height:234px;padding:33px 20px;border:1px solid #ccc;box-sizing:border-box;text-align:center;}
.evt_box_list > li:first-child .inner_box{margin-right:5px;}
.evt_box_list > li + li .inner_box{margin-left:5px;}
.evt_box_list > li .txt{padding-left:11px;text-align:left;}
.evt_box_list > li .txt dt{margin-bottom:15px;padding-left:8px;font-size:18px;}
.evt_box_list > li .txt dt .icon{display:inline-block;}
.evt_box_list > li .txt dt .tit{display:inline-block;padding-left:10px;vertical-align:bottom;font-weight:700;}
.evt_box_list > li .txt dd{position:relative;margin-top:5px;padding-left:20px;font-size:16px;}
.evt_box_list > li .txt dd:before{content:"";position:absolute;top:8px;left:0;width:2px;height:2px;background:#000;}
/* 탑스 QR */
.e-qr-box1 {margin-top:20px;}
.e-qr-box1 .qr-sec{background:#f6f6f6;padding:20px;text-align:center;width: 770px;margin:0 auto;border-radius:10px;}
.e-qr-box1 .img-sec img{width:110px;}
.e-qr-box1 .qr-sec .c-txt1{margin-bottom:0;}
/* e-sp1 클래스로 대체 - (2020 04.20이후 사용 안함) */
.e-tit1-a{font-size:24px;position:relative;text-align:center;}
.e-tit1-a b{padding:0px 20px;display:inline-block;background:#fff;position:relative;z-index:1}
.e-tit1-a:after{content:'';width:100%;height:1px;position:absolute;left:0;top:50%;background:#000}
.e-tit1-a.t-point1:after{background:#867517}
.e-tit1-a.t-point1 b{color:#867517}
[class*=c-section] [class*=e-tit1-a] + *{margin-top:60px}
/*********** 모바일 ***************/
@media only screen and (max-width: 1100px){
	/* 이벤트 상단 */
	.e-section1{height:150px;}
	.e-section1 .txt-wrap{padding:25px 0 27px; width:280px}
	.e-section1 .txt-wrap  br{display:block;}
	.e-section1 .txt-wrap .e-tit1{font-weight:bold;font-size:20px;color:#fff;width:210px}
	.e-section1 .txt-wrap .e-txt1{display:none;font-size:14px;color:#fff;}
	.e-section1 .e-tit1 .e-tit-img{height:18px;bottom:-18px;left:27px;}
	#eventContents .c-section + .ly_inner{margin-top:40px;}
	.event-contents [class*=c-section]{margin:40px 0px 0px;}
	/* 이벤트 배너 */
	.event-contents [class*=e-banner-t1]{padding-bottom:80px;width:100%}
	.event-contents [class*=e-banner-t1] .cell1{width:120px;}
	.event-contents [class*=e-banner-t1] .cell2{padding-top:0px;padding-left:20px;vertical-align:middle;line-height:1.3}
	.event-contents [class*=e-banner-t1] .c-tit1{font-size:1.6rem;}
	.event-contents [class*=e-banner-t1] [class*=btn-cover]{text-align:left;position:absolute;left:0px;bottom:0px;width:100%;padding:20px;}
	.event-contents [class*=e-banner-t1] [class*=btn-cover] [class*=c-btn4]{flex:1;}
	.evt_box_list{display:block;}
	.evt_box_list > li{display:block;width:100%;}
	.evt_box_list > li .inner_box{height:auto;padding:10px 20px 14px;}
	.evt_box_list.area1 li .inner_box{height:auto;}
	.evt_box_list li:first-child .inner_box,
	.evt_box_list li+li .inner_box{margin:0;}
	.evt_box_list li+li .inner_box{margin-top:9px;}
	.evt_box_list > li .txt{padding-left:0;}
	.evt_box_list > li .txt dt{margin-bottom:5px;}
	.evt_box_list > li .txt dt .icon{display:none;}
	.evt_box_list > li .txt dt .tit{padding-left:0;font-size:13px;}
	.evt_box_list > li .txt dd{padding-left:10px;font-size:14px;}
	.evt_detail .even_content .evt_cardBox {margin-top:40px;}
	.evt_detail .even_content .evt_cardBox h3 {font-size:1.8rem;}
	/* 탑스 QR */
	[class*=e-sp1] + .e-qr-box1 + .btn-cover1{margin-top:10px;}
	.e-tit1-a{font-size:2.0rem;}
	.e-tit1-a b{padding:0px 10px;}
	[class*=c-section] [class*=e-tit1-a] + *{margin-top:40px}
	/* 동의 */
	[class*='c-agree'] .agree-wrap .radio_wrap .radio_default, [class*='c-agree'] .agree-wrap .check_wrap .check_default {
		width: auto;
	}
}
/* 복합카드 때문에 특수 미디어쿼리 케이스 삽입 */
@media only screen and (max-width: 562px) {
	.event-contents .e-cardlist3-a .img1{min-height:0;padding-top:62.20346%;}
	.event-contents .e-cardlist3-a .item.rotate .img1{width:100%;padding-top:100%;}
}
@media only screen and (max-width: 873px) {
	.event-contents .e-cardlist3-b .img1{min-height:0;padding-top:62.20346%;}
	.event-contents .e-cardlist3-b .item.rotate .img1{width:100%;padding-top:100%;}
}
@media only screen and (max-width: 980px) {
	.event-contents .e-cardlist3-c .img1{min-height:0;padding-top:62.20346%;}
	.event-contents .e-cardlist3-c .item.rotate .img1{width:100%;padding-top:100%;}
}
@media only screen and  (max-width:768px) {
	/* 버튼 */
	[class*=c-btn].row2m span {display:inline-flex;font-size:0.85em;line-height:1.2;white-space:normal;height:100%;align-items:center;justify-content: center;vertical-align:top;}
	[class*=c-btn].row2m span br{display:inline;}
	/* 이벤트 공통 */
	[class*=e-goods],
	[class*=e-screen],
	[class*=e-step],
	[class*=e-tab],
	[class*=e-box],
	[class*=e-qr],
	.event-contents [class*=e-ban-full],
	.event-contents [class*=e-cardlist1]{margin-top:10px;margin-bottom:10px;}
	.event-contents .view-pc{display:none;}
	.event-contents .view-m{display:block;}
	/* 이벤트 타이틀 */
	.event-contents [class*=e-sp1]{margin:44px 0 34px;} /*실제마진 50px 0 40px */
	.event-contents [class*=e-sp1] .line{font-size:19px;}
	.event-contents [class*=e-sp1] .line span{padding:0 20px;}
	.event-contents [class*=e-sp1] .txt1{margin-top:5px;} /*실제마진 19px */
	.event-contents [class*=e-sp1] .txt1{font-size:16px;}
	.event-contents [class*=e-sp1] .txt1 + .txt2{margin-top:0;} /*실제마진 11px */
	.event-contents [class*=e-sp1] .txt2{font-size:19px;}
	/* 이벤트 행사상품 */
	[class*=e-goods] [class*=c-btn] {min-width:130px;font-size:15px;padding:0 12px;}
	[class*=e-goods1] .in-wrap{margin:-5px;}
	[class*=e-goods1] .item{flex:0 0 50%;max-width:calc(50% - 10px);margin:5px;padding:19px 8px 22px;} /* 실제 패딩 19px 8px 27px */
	[class*=e-goods1] .item:only-child {flex:1;max-width:100%;}
	[class*=e-goods1] .tit2 {margin-bottom:8px;}
	[class*=e-goods1] .txt3 {font-size:15px;}
	[class*=e-goods1] [class*=btn-cover] {margin-top:16px;padding-bottom:4px;}
	[class*=e-goods1-a2] .in-wrap{margin:0;}
	[class*=e-goods1-a2] .item{flex:1 1 auto;width:100%;max-width:100%;margin:0 0 34px;}
	[class*=e-goods1-a2] .item:last-child{margin-bottom:0;}
	[class*=e-goods1-a2] .item::after{top:auto;bottom:-42px;left:50%;right:auto;margin:0 0 0 -9px;}
	
	.e-goods1-a3 .item {padding:40px 0 35px !important;}
	.e-goods1-a3 .img2{max-width: 245px;margin-bottom:27px;}
	/* 이벤트 여행 및 사진 */
	[class*=e-goods2] .in-wrap{margin:-5px;}
	[class*=e-goods2] .item{flex:0 0 50%;max-width:calc(50% - 10px);margin:5px;}
	[class*=e-goods2] .img1{max-width:100%;}
	[class*=e-goods2] .info-wrap{padding:11px 20px}
	[class*=e-goods2-d] .item{flex:1;max-width:100%;}
	[class*=e-goods2-d] .img1{max-width:300px;}
	[class*=e-goods3] .item{display:block;}
	[class*=e-goods3] .item .img1{max-width:100%;}
	[class*=e-goods3] .item .info-wrap{padding:11px 20px;}
	[class*=e-goods3] .item .txt2 + .txt1{margin-top:10px;}
	/* 이벤트 화면설정이미지 */
	[class*=e-screen3] .in-wrap{padding:15px 4% 30px;}
	[class*=e-screen3] .item{margin:29px 0 18px;padding:0 25px;}
	[class*=e-screen3-b] .item{flex:1 1 50%;max-width:50%;}
	[class*=e-screen4] .in-wrap{padding:15px 4% 30px;}
	[class*=e-screen4] .item{margin:29px 0 18px;padding:0 25px;}
	[class*=e-screen4-b] .item{flex:1 1 50%;max-width:50%;}
	[class*=e-screen1]{padding:15px 4% 30px;}
	[class*=e-screen1] .item{margin:29px 0 18px;padding:0 25px;}
	[class*=e-screen1-b] .item{flex:1 1 50%;max-width:50%;}
	[class*=e-screen2]{padding:15px 4% 30px;}
	[class*=e-screen2] .item{margin:29px 0 18px;padding:0 25px;}
	[class*=e-screen2-b] .item{flex:1 1 50%;max-width:50%;}
	[class*=e-screen5]{padding:15px 4% 30px;}
	[class*=e-screen5] .item{margin:29px 0 18px;padding:0 25px;}
	[class*=e-screen5-b] .item{flex:1 1 50%;max-width:50%;}
	[class*=e-screen6]{padding:15px 4% 30px;}
	[class*=e-screen6] .item{margin:29px 0 18px;padding:0 25px;}
	[class*=e-screen6-b] .item{flex:1 1 50%;max-width:50%;}
	/* 이벤트 연회비캐시백 */
	.event-contents [class*=e-cardlist] .txt1,
	.event-contents [class*=e-cardlist] .txt2 {margin-top:15px;}
	.event-contents [class*=e-cardlist] .txt1 + .txt2 {margin-top:25px;}
	.event-contents [class*=e-cardlist] [class*=btn-cover] {margin-top:15px;}

	.event-contents [class*=e-cardlist1] .in-wrap{margin:-5px;}
	.event-contents [class*=e-cardlist1] .item{flex:0 0 50%;max-width:calc(50% - 10px);margin:5px;padding:20px 10px;}
	.event-contents [class*=e-cardlist1] .tit{height:50px;margin-top:0;line-height:1.4;}
	.event-contents [class*=e-cardlist1] .tit.sm strong {font-size:1.4rem;}
	.event-contents [class*=e-cardlist1] .tit br.mo-br {display:inline;}
	.event-contents [class*=e-cardlist1] .txt1,
	.event-contents [class*=e-cardlist1] .txt2 {text-align:left;}
	.event-contents [class*=e-cardlist1] .txt2 strong {position:relative;display:block;margin-bottom:8px;}
	.event-contents [class*=e-cardlist1] .item.rotate .img1,
	.event-contents [class*=e-cardlist1] .img1{position:relative;margin:10px auto 0;padding:0;width:104px;height:104px;}
	.event-contents [class*=e-cardlist1] .img1 img {position:absolute;top:0;left:0;transform: translateY(30%) rotate(90deg);}
	.event-contents [class*=e-cardlist1] [class*=btn-cover] {margin-top:12px;}
	/* .event-contents [class*=e-cardlist1-b] .item.rotate .img1{max-width:100%;padding-top:100%;} */
	.event-contents [class*=e-cardlist1-c] .in-wrap{margin:0;}
	.event-contents [class*=e-cardlist1-c] .item{flex:1;max-width:100%;margin:0;}
	.event-contents [class*=e-cardlist1-c] .img1{padding:0;}
	.event-contents [class*=e-cardlist1-c] .txt-wrap{width:100%;}
	/* .event-contents [class*=e-cardlist1-c] .item.rotate .img1{max-width:70%;padding-top:70%;} */

	/* 이벤트 카드안내 */
	.event-contents [class*=e-cardlist2] .in-wrap{margin:0;}
	.event-contents [class*=e-cardlist2] .item{flex:1 1 auto;max-width:100%;width:100%;margin:10px 0 0;padding:20px 10px;}
	.event-contents [class*=e-cardlist2] .item:first-child{margin-top:0;}
	.event-contents [class*=e-cardlist2] .tit{margin-top:-10px;}
	.event-contents [class*=e-cardlist2] .item.rotate .img1{max-width:70%;padding-top:70%;}
	.event-contents [class*=e-cardlist2] .img1 {margin:10px auto 0;}
	.event-contents [class*=e-cardlist2-b] [class*=btn-cover]{width:100%;}
	.event-contents [class*=e-cardlist2-b] .item.rotate .img1{max-width:70%;padding-top:70%;}
	/* 이벤트 스텝 */
	[class*=e-step1] .in-wrap{margin:0;flex-direction:column;}
	[class*=e-step1] .item{position:relative;flex:1 1 auto;max-width:100%;margin:0;padding:30px 0 30px 80px;text-align:left;}
	[class*=e-step1] .item::after{top:auto;right:auto;bottom:-1px;left:28px;transform:rotate(-135deg);}
	[class*=e-step1] .img1{position:absolute;top:30px;left:0;max-width:63px;}
	[class*=e-step1] [class*=btn-cover]{justify-content:flex-start;}
	[class*=e-step1] .item:first-child{padding-top:0;}
	[class*=e-step1] .item:first-child .img1{top:0;}
	/* 이벤트 탭 */
	.event-contents [class*=e-tab1] .item{flex:1 0 50%;}
	/* 이벤트 QR  */
	[class*=e-box1]{display:block;flex-wrap:wrap;}
	[class*=e-box1] .conts + .qrbox{margin-top:30px;margin-left:0;}
	[class*=e-box2]{display:block;padding:30px 40px;}
	[class*=e-box2].btn1{padding-bottom:95px;}
	[class*=e-box2].btn2{padding-bottom:153px;}
	[class*=e-box2].btn3{padding-bottom:211px;}
	[class*=e-box2] .img1{width:200px;margin:10px auto 0;}
	[class*=e-box2] [class*='btn-cover']{display:block;position:absolute;left:40px;right:40px;bottom:30px;margin:0;}
	[class*=e-box2] [class*='btn-cover'] [class*=c-btn]{display:block;margin:0;width:100%;}
	[class*=e-box2] [class*='btn-cover'] [class*=c-btn] + [class*=c-btn]{margin:10px 0 0 0;}
	[class*=e-box3]{display:block;}
	[class*=e-box3] .txt-wrap{margin-top:20px;margin-left:0;}
	[class*=e-box3] .txt-wrap ul li{font-size:15px;}
	[class*=e-box3] .img1{margin:0 auto;}
	 /* 이벤트 좌우 텍스트 */
	[class*=c-txt2] .item + .item{margin-top:10px;}
	[class*=c-txt2] .item.m-col{display:block;}
	[class*=c-txt2] .item.m-col [class*=tit]{width:100%;margin:0 0 10px 0;}
	/* 동의 */
	[class*='c-agree'] .agree-wrap{display:block;}
	[class*='c-agree'] .agree-wrap .radio_wrap .radio_default + .radio_default, [class*='c-agree'] .agree-wrap .check_wrap .check_default + .check_default{margin-left:0;}
	[class*='c-agree'] .agree-wrap .radio_wrap .radio_default, [class*='c-agree'] .agree-wrap .check_wrap .check_default {
		width: 50%;
	}
	/* 행사상품 아이콘 팝업 */
	#popgoods .pop_cont ul li{width:33.3333%;}

	/* 카드이용실적 충족현황 */
	.usage-record {padding:0 20px;}
}
@media screen and (max-width: 767px){
	/* 카드이용실적 충족현황 */
	.usage-record {padding:0;}
}
@media only screen and  (max-width:640px) {
	/* 복합카드 */
	.event-contents [class*=e-cardlist3]{padding:30px 20px;}
	.event-contents [class*=e-cardlist3] .item-wrap{margin:-15px -10px;}
	.event-contents [class*=e-cardlist3] .item{width:calc(50% - 20px);max-width:calc(50% - 20px);margin:15px 10px;}
	.event-contents [class*=e-cardlist3] .txt1{margin-top:10px;}
	.event-contents [class*=e-cardlist3] .txt2{margin-top:10px;}
	.event-contents [class*=e-cardlist3] .txt1 + .txt2{margin-top:6px;}
	.event-contents [class*=e-cardlist3] .btn-cover1{margin-top: 30px;}
	.event-contents [class*=e-cardlist3] .item-wrap .item.rotate .img1{padding-top:130%;}
	.event-contents [class*=e-cardlist3] .item-wrap .item.rotate .img1 img{max-width:130%;left:-15%;}
}
@media only screen and  (max-width:480px) {
	/* [class*=e-goods1] .item{flex-basis:100%;max-width:calc(100% - 10px);}
	[class*=e-goods2] .item{flex-basis:100%;max-width:calc(100% - 10px);} */
	/* 이벤트 화면설정이미지 */
	[class*=e-screen3] .in-wrap{flex-direction:column;align-items:center;padding:0 4%}
	[class*=e-screen3] .item{flex:0 0 auto;max-width:100%;margin:29px 0 0;}
	[class*=e-screen3] .item:last-child{margin-bottom:33px;}
	[class*=e-screen3] .tit{height:auto;}
	[class*=e-screen3] .item .inner{max-width:139px;}
	[class*=e-screen4] .in-wrap{flex-direction:column;align-items:center;padding:0 4%}
	[class*=e-screen4] .item{flex:0 0 auto;max-width:100%;margin:29px 0 0;}
	[class*=e-screen4] .item:last-child{margin-bottom:33px;}
	[class*=e-screen4] .tit{height:auto;}
	[class*=e-screen4] .item .inner{max-width:139px;}
	[class*=e-screen4] .img1 .txt{position:relative;left:0;right:0;bottom:0;margin-top:10px;padding:0;color:#111;background:#fff;}
	[class*=e-screen].full .item .inner{max-width:none;}
	[class*=e-screen].full .item .in-wrap{max-width:none;}
	[class*=e-screen1]{flex-direction:column;align-items:center;padding:0 4%}
	[class*=e-screen1] .item{flex:0 0 auto;max-width:100%;margin:29px 0 0;}
	[class*=e-screen1] .item:last-child{margin-bottom:33px;}
	[class*=e-screen1] .tit{height:auto;}
	[class*=e-screen1] .in-wrap{max-width:139px;}
	[class*=e-screen2]{flex-direction:column;align-items:center;padding:0 4%}
	[class*=e-screen2] .item{flex:0 0 auto;max-width:100%;margin:29px 0 0;}
	[class*=e-screen2] .item:last-child{margin-bottom:33px;}
	[class*=e-screen2] .tit{height:auto;}
	[class*=e-screen2] .in-wrap{max-width:139px;}
	[class*=e-screen2] .img1 .txt{position:relative;left:0;right:0;bottom:0;margin-top:10px;padding:0;color:#111;background:#fff;}
	[class*=e-screen5]{flex-direction:column;align-items:center;padding:0 4%}
	[class*=e-screen5] .item{flex:0 0 auto;max-width:100%;margin:29px 0 0;}
	[class*=e-screen5] .item:last-child{margin-bottom:33px;}
	[class*=e-screen5] .tit{height:auto;}
	[class*=e-screen6]{flex-direction:column;align-items:center;padding:0 4%}
	[class*=e-screen6] .item{flex:0 0 auto;max-width:100%;margin:29px 0 0;}
	[class*=e-screen6] .item:last-child{margin-bottom:33px;}
	[class*=e-screen6] .tit{height:auto;}
	[class*=e-screen6] .img1 .txt{position:relative;left:0;right:0;bottom:0;margin-top:10px;padding:0;color:#111;background:#fff;}
	[class*=e-screen] .tit.row2,[class*=e-screen] .tit.row3{height:auto !important;}
	/* 이벤트 연회비캐시백 */
	.event-contents [class*=e-cardlist1-c] .img1{padding:0 10%;}
	/* 이벤트 카드안내 */
	.event-contents [class*=e-cardlist2] .img1{padding:0 10%;}
}
/* As-is 대응 */
#eventContents .btn_wrap{text-align:center;}	
.e-section{padding:60px 0px;}
.e-section + .e-section{padding-top:0;}
.e-section .c-article + .c-article{margin-top:60px}
.e-section .c-article .e-tit1{margin-top:60px;}
.e-section .c-article .e-tit1:first-child{margin-top:0px;}
.e-section .headline{position:relative;padding-bottom:25px;}
.e-section .headline:after{content: "";display: block;position: absolute;width: 96px;height: 2px;left: 0;bottom: 0;background: #333;}
.e-section .headline .e-txt1{color:#111;font-size: 20px;}
.e-section .headline .e-tit1 + .e-txt1{margin-top:8px;}
.e-section .e-tit1{font-weight: 700;font-size: 24px;color: #111;}
.e-section .e-tit1 + .e-txt1,
.e-section .e-tit1 + .bull1{margin-top:14px;}
.e-section .e-tit1 + .e-txt1 + .bull3{margin-top:14px;}
@media only screen and (max-width: 1100px){
	.e-section .c-article{padding:0px 20px;}
	.e-section .c-article + .c-article{padding-top:0;}
	.e-section .c-article + .c-article{margin-top:40px}
	.e-section{padding:40px 0px;}
	.e-section .c-article .e-tit1{margin-top:40px;}
	.e-section .c-article.headline{padding-bottom:27px;}
	.e-section .e-tit1{font-size:1.8rem}
	.e-section .headline:after{left:27px;}
	.e-section .headline .e-txt1{font-size:1.6rem}
}
/* 탑스클럽 [dx-tops.css] */
.mytops_service .finance_service .marker_dot li{overflow:visible;white-space:normal;height:auto;}
[class*=t-box1-a]{padding:25px 40px;padding-right:330px;background:#fff;border-radius:8px;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);margin-top:40px;position:relative;box-sizing:content-box;margin-bottom:35px;}
[class*=t-box1-a]:after{content:'';height:110px;width:1px;background:#ddd;position:absolute;right:240px;top:50%;transform:translateY(-50%)}
[class*=t-box1-a] .c-tit1{margin-top:0;background:url(/pconts/images/dx/contents/tops-main1.png) 0 0 no-repeat;height:30px;color:transparent;background-size:auto 100%;}
[class*=t-box1-a] .c-txt1{margin-top:15px;letter-spacing:-0.01em;font-size:16px;}
[class*=t-box1-a] .qr-box{text-align:center;position:absolute;right:0;top:50%;width:240px;transform: translateY(-45%);}
[class*=t-box1-a] .qr-box img{ width:80px;height:80px;}
[class*=t-box1-a] .qr-box a{display:block;margin-top:10px;}
[class*=t-box1-a] .qr-box a br{display:none}
[class*=t-box1-a] .c-txt1{margin-bottom:0;}
.t-box1-a1{padding-right:30px;margin-top:0;}
.t-box1-a1:after{display:none;}
.t-box1-a1 .c-tit1{background:none;color:inherit;color:#111;height:auto;}
.t-box1-a1 .c-tit1 .img-tit{background: url(/pconts/images/dx/contents/tops-main1.png) 0 0 no-repeat;background-position:auto 100%;position:relative;width:270px;display:inline-block;height:30px;background-size:auto 100%;color:transparent;position:relative;top:2px;margin-left:2px;}
.t-box1-a1 .c-tit1 a:after{content:'';position:absolute;width:13px;height:2px;background:#111;right:0px;top:50%;transform:rotate(-45deg);margin-top:4px;}
.t-box1-a1 .c-tit1 a:before{content:'';position:absolute;width:13px;height:2px;background:#111;right:0px;top:50%;transform:rotate(45deg);margin-top:-4px;}
.shpm-qr1{width:110px;height:110px;}
.topsgrad_wrap .gradeinfo .calc_view{padding:10px 0px 30px;width:80%;table-layout:fixed;}
.topsgrad_wrap .gradeinfo .calc_view .cell{display:table-cell;text-align:center;}
.topsgrad_wrap .gradeinfo .calc_view .c-tit2{margin-top:10px;display:inline-block;position:relative;}
.topsgrad_wrap .gradeinfo .calc_txt .turm{color:#333;}
.topsgrad_wrap .gradeinfo .calc_view dl{float:none;margin:15px auto 0px;}
.topsgrad_wrap .gradeinfo .calc_view .btn{margin-top:15px;}
.topsgrad_wrap .gradeinfo .calc_view dl dt{font-size:22px;font-weight:bold;background:#8d743a;padding-top:32px;}
.topsgrad_wrap .gradeinfo .calc_view dl dd{font-size:15px;font-weight:normal;padding-top:10px;line-height:1.3;background:#8d743a;}
.topsgrad_wrap .gradeinfo .calc_view .cell.on .c-tit2:before{content:'';position:absolute;width:30px;height:30px;background:url(/pconts/images/dx/contents/tops-check2.png) 0 0 no-repeat;background-size:100% auto;left: -35px;top: 0px;border-radius:100%;box-shadow: 1px 1px 15px 0 rgba(200, 200, 200, 0.6);}
.topsgrad_wrap .gradeinfo .calc_view .cell.on .c-tit2:after{content:'';position:absolute;width:15px;height:2px;left:-25px;margin-top:-2px;top:50%;background:#8d743a;transform:rotate(-45deg);display:none;}
.topsgrad_wrap .gradeinfo .calc_view .shpm dl dt{background:#1e95cc;}
.topsgrad_wrap .gradeinfo .calc_view .shpm dl dd{background:#1e95cc;}
.topsgrad_wrap .gradeinfo .calc_view .shpm .c-tit2{height:23px;width:192px;background:url(/pconts/images/dx/contents/tops-main1.png) right 0 no-repeat;background-size:auto 100%}
.topsgrad_wrap .gradeinfo .calc_view .tc .c-tit2{height:35px;width:127px;background:url(/pconts/images/dx/contents/tops-logo2.png) right 0 no-repeat;background-size:auto 100%}
.topsgrad_wrap .gradeinfo .calc_view .c-tit2 span{position:absolute;color:transparent;overflow:hidden;text-indent:-9999px;}
.topsgrad_wrap .gradeinfo .calc_view .shpm.on .c-tit2:after,
.topsgrad_wrap .gradeinfo .calc_view .shpm.on .c-tit2:before{background:url(/pconts/images/dx/contents/tops-check1.png) 0 0 no-repeat;background-size:100% auto;}
.active_group.vip {margin-top:30px;}
.active_group.vip .active_detail .point{background:#422c73;}
.active_group.vip .active_detail dt{white-space:nowrap}
.top_btn_area + .t-box1-a{margin-top:40px;}
.submain_topsClub .submain_premium .premium_level .txt{float:none;font-size:16px;margin:5px 0px 20px;}
.submain_topsClub .submain_premium .premium_level .top_btn_area{text-align:left;position:relative;padding-top:0px}
.submain_topsClub .submain_premium .premium_level .btn_box{margin-left:0;float:none;text-align:center;}
[class*=c-btn-tops]{height:48px;border-radius:48px;;line-height:48px;color:#fff;background:#4868e1;border:1px solid #4868e1;width:200px;font-size:18px;text-align:center;}
.c-btn-tops1:after{content: '';display: inline-block;width: 10px;height: 10px;margin-left: 5px;border: solid #666 1px;border-bottom: none;border-right: none;transform: rotate(135deg);opacity: 0.4;border-color:#fff}
.c-btn-tops2{background:#fff url(/pconts/images/dx/contents/btn-tops2.png) center center no-repeat;background-size:auto 18px;border:1px solid #bbb;width:190px;color:transparent}
.grade_activity_my .detail_list .c-tit1{margin-top:0;text-align:center;font-size:28px;color:#8d743a;margin-bottom:15px;}
.grade_activity_my .detail_list{position:relative;}
.grade_activity_my .detail_list.vs:after{content:'VS';color:#333;font-weight:bold;font-size:24px;position:absolute;top:50%;text-align: center;line-height: 43px;width: 77px;height: 43px;background: #ebebeb;border-radius: 43px;left: -15%;margin-top: -37px;}
.grade_activity_my .detail_list dl.sect04::before{background-image:url(/pconts/images/dx/contents/ico_vipcard.png);}
.mytops_service .h_wrap .abs{position:absolute;right:10px;top:8px;}
.grade_activity_my .detail_list.vs .c-tit1,
.grade_activity_my .detail_list.vs dd span{color:#111}
.mytops_service .h_wrap{border-bottom:1px solid #ddd;margin-bottom:20px;}
.grade_activity_my .detail_list{margin:0;margin-bottom:20px;padding:0px 50px}
.grade_activity_my .detail_list + .detail_list.vs{padding-left:50px}
.topsgrad_wrap .gradeinfo .calc_txt p.color_darkgray,
.submain_topsClub .submain_premium .premium_level .tit + .c-txt1{font-size:18px; margin-bottom:0;}
/* 탑스클럽 이미지버튼 추가 */
a.tops_custom { background: url(/pconts/images/dx/contents/tops-main1.png) no-repeat 37% 50% / auto 47%; width: 270px;height: 30px; color: transparent;  top: 2px; margin-left: 2px; padding-left:50px; }
/*탑스클럽 > 마이쿠폰 > 선택한 쿠폰 이미지 변경*/
.premium_coupon_list .t-btn-cpon1 {display:inline-block;overflow:hidden; width:30px;height:30px;background:url(/pconts/images/icon/btn_pcoupon01.png) no-repeat; background-size:30px auto;}
.premium_coupon_list .t-btn-cpon1 span {display:block; width:100%; height:100%; text-indent:-999px;}
.premiumhome-banner .event_bnr .event_inner{background:#6191de}
/*탑스클럽 > 마이탑스클럽 > 우대거래 */
.active_group.benefit .active_detail dl + dl.tmgl0{margin-left: 0; }
.active_group.benefit .active_detail dl + dl {margin-left:25px; min-height: 176px;}
.active_group.benefit .active_detail dl {width:95px;}


@media only screen and (max-width: 1100px){
	/* 탑스클럽 */
	.t-box1-a{margin-top:40px;padding:27px 20px;border-radius:5px;}
	.t-box1-a:after{display:none;}
	.t-box1-a .c-tit1{height:26px;background-size:auto 100%;}
	.t-box1-a .c-txt1{font-size:1.5rem;margin-top:15px;}
	.t-box1-a .qr-box{position:relative;right:auto;left:0;top:0;width:100%;transform:translateY(0);}
	.t-box1-a .qr-box img{display:none;}
	.t-box1-a .qr-box a br{display:none;}
	.t-box1-a .qr-box a{padding:5px 10px;border:1px solid #bbbbbb;border-radius:3px;display:inline-block;margin-top:9px;}
	[class*=t-box1-a]{padding:20px;margin-top:5px;margin-bottom:0;}
	.t-box1-a1 .c-tit1{height:auto}
	.t-box1-a1 .c-tit1 .img-tit{height:26px;width:auto;padding-right:35px;}
	.shpm-qr1{width:80px;height:80px;}
	.t-box1-a1 .c-tit1 a:after{width:10px;margin-top:2px;}
	.t-box1-a1 .c-tit1 a:before{width:10px;margin-top:-4px;}
	.topsgrad_wrap .gradeinfo .calc_view{width:100%;}
	.topsgrad_wrap .gradeinfo .calc_view .c-tit2{font-size:1.6rem;}
	.topsgrad_wrap .gradeinfo .calc_view dl dt{font-size:1.8rem;padding-top:24px;}
	.topsgrad_wrap .gradeinfo .calc_view dl dd{font-size:1.3rem;padding-top:8px;}
	.topsgrad_wrap .gradeinfo .calc_view .btn + br + .btn{margin-top:5px;margin-left:0;width:96px;}
	.topsgrad_wrap .gradeinfo .calc_txt p .n2{color:#333;font-weight:normal;}
	.topsgrad_wrap .gradeinfo .calc_view .cell.on .c-tit2:before{left:-30px;width:25px;height:25px;}
	.topsgrad_wrap .gradeinfo .calc_view .shpm .c-tit2{height:34px;width:82px;background:url(/pconts/images/dx/contents/tops-logo1.png) right 0 no-repeat;background-size:auto 100%}
	.topsgrad_wrap .gradeinfo .calc_view .tc .c-tit2{height:29px;width:102px;background:url(/pconts/images/dx/contents/tops-logo2.png) right 0 no-repeat;background-size:auto 100%}
	.topsgrad_wrap .gradeinfo .calc_view dl{margin-top:10px;}
	.shpm-tc{position:relative;}
	.shpm-tc.c-flex-row{flex-direction:column;}
	.shpm-tc.c-flex-row .c-flex-box + .c-flex-box{padding:0;margin-top:20px;}
	.shpm-tc .shpm-qr1{margin:0 auto;width:100px;height:100px;}
	.shpm-tc .m-hide + .c-tit2{margin-top:20px;}
	.submain_topsClub .submain_premium .premium_level .btn_box{margin-left:0px;}
	[class*=c-btn-tops]{width:230px;display:block;margin:0 auto;}
	.c-btn-tops2{width:230px;margin-top:10px;margin:10px auto 0px !important;}
	.top_btn_area + .t-box1-a{margin-top:30px;}
	.grade_activity_my  .shcp.c-flex-row{width:100%;margin:0 auto;flex-direction:column;}
	.grade_activity_my .detail_list.vs dl{margin:0 auto;float:none;}
	.grade_activity_my .detail_list.vs{padding-top:60px;}
	.grade_activity_my .detail_list.vs:after{top: 42px;left: 50%;margin-left: -32px;font-size:19px;height: 33px;line-height: 33px;width: 61px;font-weight: bold;}
	.mytops_service .h_wrap .abs{top:4px;}
	.crown_message p .point{font-size:2.0rem}
	.mytops_service .h_wrap{border-bottom:1px solid #ddd;margin-bottom:4px;}
	.grade_activity_my .detail_list{padding: 0px 10px;}
	.grade_activity_my .detail_list +.detail_list.vs{padding-left:10px}
	.submain_topsClub .submain_premium .premium_level .txt{position:relative;top:0;text-align:left}
	.topsgrad_wrap .gradeinfo .calc_txt p.color_darkgray,
	.submain_topsClub .submain_premium .premium_level .tit + .c-txt1{font-size:1.6rem}
    .submain_topsClub .submain_eventList .h_wrap .more::after{margin-top:-12px;}
    .premium_coupon_list .t-btn-cpon1 {width:25px; background-size:22px auto;}
    /*탑스클럽 > 마이탑스클럽 > 우대거래 */
    .active_group.benefit .active_detail dl + dl {margin-left:0;}
    .active_group.benefit .active_detail dl {width:33.33%;}
}
/* 탑스 등급 추가  */
.tSelScore {margin:30px 0; }
.tSelScore > dl + dl {margin-top: 25px;}
.tSelScore > dl > dt {font-size:16px; font-weight: bold; color: #333; width:100%;}
.tSelScore > dl > dd { display: flex; }
.tSelScore > dl > dd > div {flex:1 1 auto; width: 50%; background: #f6f6f6; margin: 0 -7px; padding:10px 15px; margin-top:5px;}
.tSelScore > dl > dd > div:nth-child(2) {text-align: right; font-weight: bold; color:#333;}
.active_group.booster {margin-top:30px;}
.active_group.booster .point {background: #129097;}
.shcp.activitys {display: flex; flex-wrap: wrap;}
.shcp.activitys .t-con {flex:1 1 auto; width:40%; text-align: center; margin-bottom:20px;}
.shcp.activitys .t-con.tit {width: 100%; text-align: center; font-size: 20px; margin-bottom:60px;}
.shcp.activitys .t-con.vs {max-width: 70px;}									
.shcp.activitys .c-tit0.cust {display: inline-block; font-size: 20px; color: #fff; padding: 6px 24px; background: #4e5b68; font-weight: bold; border-radius: 24px; margin-bottom: 35px;}
.shcp.activitys .t-con.premier .c-tit1.cust {color: #8d743a;}
.shcp.activitys .t-con.premier .c-tit1.cust > span {border-bottom: 2px solid #8d743a; }
.shcp.activitys .t-con.premier .c-tit1.cust > span > button {color:#8d743a}
.shcp.activitys .t-con.best .c-tit1.cust {color: #333;}
.shcp.activitys .t-con.best .c-tit1.cust > span {border-bottom: 2px solid #333; }
.shcp.activitys .c-tit1.cust {font-size: 24px; margin-bottom: 35px; font-weight: 500; }
.shcp.activitys .c-tit1.cust > span {font-size: 28px; position: relative; padding-bottom:4px; font-weight: bold;}
.shcp.activitys .c-tit1.cust > span.check-ico::before {content: ''; position: absolute; top:3px; left:-42px; width:28px; height: 28px; display: inline-block; border-radius: 50%; background: #fff url(/pconts/images/contents/topsclub/check-icon.png) no-repeat center center / 50%;}
.shcp.activitys [class*="sect"] {display: flex; padding: 20px 38px; background: #fff; border-radius: 40px; max-width:323px; margin:0 auto; text-align: left; align-items: center; font-size: 18px; justify-content: space-around;}
.shcp.activitys [class*="sect"] + [class*="sect"] {margin-top:10px; }
.shcp.activitys [class*="sect"]::before {content: ''; display: block; width:40px; height: 40px;; background: url(/pconts/images/contents/topsclub/ico_icon176.png) no-repeat center center / contain; margin-right:30px; flex: 0 0 auto;}
.shcp.activitys .sect01::before {background: url(/pconts/images/contents/topsclub/ico_topsgrade01.png) no-repeat center center / contain;}
.shcp.activitys .sect02::before {background: url(/pconts/images/contents/topsclub/ico_topsgrade02.png) no-repeat center center / contain;}
.shcp.activitys .sect03::before {background: url(/pconts/images/contents/topsclub/ico_topsgrade03.png) no-repeat center center / contain;}
.shcp.activitys .sect05::before {background: url(/pconts/images/dx/contents/ico_vipcard.png) no-repeat center center / contain;}
.shcp.activitys [class*="sect"] > dd {flex: 0 1 auto;}
.shcp.activitys [class*="sect"] > dt {flex: 1 1 auto;}
.shcp.activitys [class*="sect"] > dd {width: 60px; text-align: right;}
.shcp.activitys [class*="sect"] > dt {max-width: 100%;}
.shcp.activitys [class*="sect"] > dt > p > span {font-size:15px;}
.shcp.activitys [class*="sect"] > dt > p {line-height: 20px;}										
.shcp.activitys .t-con.premier [class*="sect"] > dd > span {color:#8d743a; font-weight: bold; } 
.shcp.activitys .t-con.best [class*="sect"] > dd > span {color:#422c73; font-weight: bold; } 
.shcp.activitys .t-con.best .last-black > dt > p,
.shcp.activitys .t-con.best .last-black > dd > span {color:#422c73;}
.shcp.activitys .last-black > dd > span,  
.shcp.activitys .last-blue > dd > span {font-weight: bold;} 
.shcp.activitys [class*="sect"].booster > dd > span,
.last-blue.booster > dt > p,
.last-blue.booster > dd > span {color:#129097 !important;}
.shcp.activitys .last-black, .last-blue  {margin: 25px 0 30px; display: inline-flex; align-items: center; position: relative;}
.shcp.activitys .last-black > dt, .last-blue > dt, 
.shcp.activitys .last-black > dd, .last-blue > dd {flex: 1 1 auto; font-size: 20px;}
.shcp.activitys .last-black > dt, .last-blue > dt {margin-right:20px; font-weight: 300;}
.shcp.activitys .last-black > dd, .last-blue > dd {background: #fff; padding: 4px 18px; border-radius: 30px;}
dl.a-plus::after { content: ''; width:43px; height: 43px; background: #ebebeb url(/pconts/images/contents/topsclub/t-plus-ico.png) no-repeat center center / 17px; border-radius: 50%; position: absolute; top:120px; left:0; right:0; bottom:0; margin: auto; }
.shcp.activitys .last-black.a-plus,
.shcp.activitys .last-blue.a-plus {margin-bottom: 90px;}
.shcp.activitys .t-con.vs > span {display: inline-block; width:70px; height: 70px; background: #ebebeb; font-size: 28px; border-radius: 50%; text-align: center; line-height: 70px; margin-top: -15px;}
.shcp.activitys .t-con.vs::after {content: ''; display: block; border-left: 1px dashed #ddd; width:1px; height: 86%; margin-left: 35px; margin-top:25px;}
.marker_refer.cust {margin-left:6%;}
@media (max-width: 790px) {
/* 탑스 등급 추가  */
	.shcp.activitys {display: block; padding: 0 20px;}
	.shcp.activitys .t-con {width:100%;}
	.shcp.activitys .t-con.tit {font-size: 16px; margin-top: 33px; margin-bottom:24px;}
	.shcp.activitys .c-tit0.cust {font-size: 16px; margin-top:0;margin-bottom:24px;}
	.shcp.activitys .c-tit1.cust > span {font-size:19px;}
	.shcp.activitys .c-tit1.cust {font-size:17px; margin-top:0; margin-bottom:22px;}
	.shcp.activitys [class*="sect"] {max-width:100%; font-size:15px;}
	.shcp.activitys [class*="sect"] > dt > p > span {font-size:13px;}
	.shcp.activitys .last-black > dt, .last-blue > dt, 
	.shcp.activitys .last-black > dd, .last-blue > dd {font-size:16px;}
	.shcp.activitys .last-black, .last-blue {margin: 20px 25px;}
	.shcp.activitys .t-con.vs > span {font-size:22px; width: 76px; height: 46px; line-height: 40px; border-radius: 40px;margin-left: -35px; position: relative; z-index: 10; border: 5px solid #f5f5f5;}
	.shcp.activitys .t-con.vs {margin:35px auto; position: relative; padding: 0 50%; }
	.shcp.activitys .t-con.vs::after {content: ''; display: block; border-top: 2px dashed #ddd; width: 100%; margin-left: 0;margin-top: 0; position: absolute; top: 7px; left: 0px; z-index: 1; border-left: none;}
	.shcp.activitys .t-con {margin-bottom:0;}
	.marker_refer.cust {margin-left:0;}	
}
/* 탑스클럽 추가 선정*/
.grade_list .list3:after {
    background: url(/pconts/images/contents/topsclub/img_grade_thumb3.png) no-repeat center;
    background-size: 50px;
}
/* Tops 프리미엄 쿠폰 추가 */
.premium_coupon_detail.cp_t1{margin-bottom:230px;overflow:inherit;}    
.premium_coupon_detail.cp_t1 .cp_type{position:absolute;top:328px;left:50%;width:100%;max-width:336px;height:168px;text-align:center;background:url('/pconts/images/dx/contents/topspm_bg_coupon.png') no-repeat 0 0 / 100% 100%;transform:translateX(-50%);overflow:hidden;}
.premium_coupon_detail.cp_t1 .cp_type > div{display:inline-block;vertical-align:middle;font-size:20px;font-weight:700;}
.premium_coupon_detail.cp_t1 .cp_type .coupon{padding-top:32px;}
.premium_coupon_detail.cp_t1 .cp_type .coupon em{display:block;}
.premium_coupon_detail.cp_t1 .cp_type .barcode{padding-top:22px;}
.premium_coupon_detail.cp_t1 .cp_type .barcode img{width:230px;height:60px;}
.premium_coupon_detail.cp_t1 .cp_type .barcode em{display:block;font-size:15px;color:#111;margin-top:3px;}
.premium_coupon_detail.cp_t1 .cp_type .info{padding-top:52px;}
@media only screen and (max-width: 1100px){
    .premium_coupon_detail.cp_t1{margin-bottom:30px;}   
    .premium_coupon_detail.cp_t1 .cp_type{position:relative;top:0;margin-top:20px;}
    .premium_coupon_detail.cp_t1 .cp_type > div{display:block;}
}  
/* my Tops */
.active_group.v1 .active_detail {display: flex; flex-wrap: wrap;}
.active_group.v1 .active_detail dl { flex: 0 0 auto; width: calc(12.5% - 15px); margin: 15px; height: auto; padding-bottom: 30px; margin-left: 0px; }
.active_group.v1 .active_detail dl dt {height: auto;}
.active_group.v1 .active_detail dl dd.point {left:0; right: 0; margin: auto;}
.active_group.v1 .active_detail dl dd:nth-child(3) {position: absolute; bottom: 0; right: 0; left:0;}
.active_group.v1 .active_detail dl + dl {margin-left: 0px; min-height: inherit;}

.active_group.card .active_detail dl + dl {margin-left:60px;}
@media only screen and (max-width: 1100px) {
	.active_group.v1 .active_detail dl {flex: 0 0 33.3333%; width: calc(33.333333%); margin: 15px 0px;}
	
	.active_group.card .active_detail dl + dl {margin-left:0;}
}

/*[dx-contents.css] */
/* ued ifrmae용 팝업 */
.pop_wrap.ued-iframe .popup{height:100%;}
.pop_wrap.ued-iframe .popup .btn_close{top:6px;right:9px;}
.pop_wrap.ued-iframe .c-iframe{border:0;width:100%;height:100%;position:relative;z-index:11;}
.totalSrch_sec .txt1{margin-top: -10px;margin-bottom:10px;font-size:13px;}
#fixedBtn .txt-box{display:none;}
#fixedBtnLgn .txt-box{display:none;}
.cloneBtn .btn.ico_btn{position:absolute;right:210px;top:0;}
.cloneBtn{position:fixed;bottom:-100%;left:0;transition:all .6s ;width:100%;/*background-color: rgba(255,255,255,0.4)*/;padding:30px 27px 10px;overflow:hidden;background:linear-gradient(to top,#f7f7f9 80%, rgba(255, 255, 255, 0));}
.cloneBtn.on{bottom:0; z-index: 5;}
.cloneBtn .txt-box{display:block;float:left;padding-top:5px;margin-bottom:5px;}
.cloneBtn .txt-box .c-txt1{position:relative;top:-2px;margin-left:5px;}
.cloneBtn .text_link_group{display:none;}
.cloneBtn .btn.blue{float:right;}
.cloneBtn .gap30_20{margin:0 !important;}
.law_inner {padding: 20px; margin-bottom:50px; background-color: rgba(246, 246, 246, 1.0); font-size:15px}
.law_inner ul li {margin-top:5px}
/* 금융 대출 금소법  */
.dx-nradi .radio_wrap .radio_default, 
.dx-nradi .radio_wrap .radio_default + .radio_default {margin:2px; margin-left:10px;}
.popup_type01 .pop_cont .bg_gray.dx-bgwrap,
.bg_gray.dx-bgwrap {margin:0; padding: 10px 15px;}
.popup_type01 .pop_cont .bg_line.dx-bgwrap,
.bg_line.dx-bgwrap {border:1px solid #ddd; margin:0; padding: 20px 20px;}
.dx-nradi.dx-disablest span {color:#333 !important;}
.dx-nradi.dx-disablest label {cursor:initial;}
.dx-nradi.dx-disablest input {cursor:inherit;}
.dx-nradi-c {display: flex;}
.dx-nradi-c label.radio_default,
.dx-nradi-c .txtinput {flex: 0 1 auto; display: flex; align-items: center; margin-left: 10px; margin-top:5px;}
.dx-nradi-c .txtinput {width: 300px;}
@media only screen and (max-width: 1100px){
        .dx-nradi .radio_wrap .radio_default {width: auto;}
	#fixedBtn .btn.ico_btn{margin-right:10px;}
	.cloneBtn .btn.ico_btn{position:relative;right:0px;top:0;}
	.cloneBtn .txt-box .c-txt1{display: block;margin-top: 0;margin-bottom: 5px;margin-left: 0;}
	.cloneBtn .gap30_20{display: flex;width: 100%;}
	.cloneBtn .gap30_20 .btn.ico_btn{flex: none;}
	.cloneBtn .btn.blue{float:none;flex:1; width:auto;min-width:0;}
}
/* GNB 인기검색어 */
.gnb-quick-bar{background:#f6f6f6;position:relative;z-index:2;display:none;}
.gnb-quick-bar.current{display:block;}
.gnb-quick-bar .inner{width:1080px;margin:0 auto;padding:0px 20px;padding-top:9px;padding-bottom:10px;}
.gnb-quick-bar .tit{display:inline-block;vertical-align:middle;font-size:14px;font-weight:bold;color:#111;}
.gnb-quick-bar .main_search_word{display:inline-block;vertical-align:middle;margin-left:16px;}
.gnb-quick-bar .main_search_word > li{display:inline-block;vertical-align:middle;margin-right:4px;}
.gnb-quick-bar .main_search_word > li >a{display:inline-block;font-size:13px;height:26px;line-height:24px;background:#fff;border:1px solid #bbb;text-align:center;white-space:nowrap;padding:0px 14px;color:#111;border-radius:26px;transform:translateY(-2px);transition:all .4s ease-in-out;}
.gnb-quick-bar .main_search_word > li >a:hover{color:#4868e1;border-color:#4868e1;}
#fullMenuWrap .gnb-quick-bar .main_search_word > li >a{transform: translateY(-0px);}
#fullMenuWrap .gnb-quick-bar .tit{display:none;}
#fullMenuWrap .gnb-quick-bar .main_search_word{margin-left:0;display:block;}
#fullMenuWrap .allmenu_nav_wrap{height: calc(100% - 46px);}
@media only screen and (max-width: 1100px){
	.fullMenu .gnb-quick-bar + .allmenu_nav_wrap .allmenu_nav{top:195px;}
	.fullMenu.is_sigin .gnb-quick-bar + .allmenu_nav_wrap .allmenu_nav{top:310px;}
	#fullMenuWrap .gnb-quick-bar{height:50px;overflow:hidden;border-bottom:1px solid #ddd;}
	#fullMenuWrap .gnb-quick-bar .inner{overflow:auto;width:100%;webkit-overflow-scrolling: touch;padding:0;}
	#fullMenuWrap .gnb-quick-bar .main_search_word{white-space:nowrap;padding:12px 20px 7px;}
	#fullMenuWrap .gnb-quick-bar .main_search_word li:last-child{margin-right:20px;}
	#fullMenuWrap.no-gnbQuickBar .fullMenu_body{height: calc(100% - 145px);}
	#fullMenuWrap.no-gnbQuickBar .allmenu_nav_wrap{height:100%;}
	#fullMenuWrap.no-gnbQuickBar .fullMenu .allmenu_nav{top: 145px;}
	#fullMenuWrap.no-gnbQuickBar .fullMenu.is_sigin .allmenu_nav{top:260px}
}
/* 메인 재난 배너 */
.main_quick .icon_box.mypage00{background: url(/pconts/images/icon/favorite/ico_mypage00.png) no-repeat;}	
@media only screen and (max-width: 1100px){
	.main_quick .icon_box.mypage03 {background: url(/pconts/images/icon/favorite/ico_mypage03_m.png) no-repeat;}
}
.height300{height:300px;}
.nd-bnr1{position:absolute;top:180px;left:50%;transition:all .4s;z-index:50;transform: translateX(500px);}
.nd-bnr1.on{position:fixed;top:150px;}
.nd-bnr1 a{display:block;background:url(/pconts/images/dx/landing/main_nbnr2a.png) 0 0 no-repeat;width:116px;height:253px;overflow:hidden;text-indent:-9999px;}
@media only screen and (max-width: 1023px){
	.nd-bnr1{transform:translateX(0);left:auto;right:12px;top:303px;}	
	.nd-bnr1 a{width:174px;height:65px;background:url(/pconts/images/dx/landing/main_nbnr2b.png) 0 0 no-repeat;background-size:100% auto;}
	.nd-bnr1.on{top:150px;}
}
/* 경기도 재난기본소득 이용내역 조회 */
.card_usage_detail .total_fee dl{overflow:hidden;font-weight:normal;}
.card_usage_detail .total_fee dl:not(:first-child) dt{font-weight:normal;font-size:18px;color:#111;}
.card_usage_detail .total_fee dl:not(:first-child) dd{font-weight:normal;font-size:20px;color:#111;}
.usage_item.v2 .price_info .price{display:inline-block;vertical-align:middle;min-width:100px}
.usage_item.v2 .price_info .date{display:inline-block;margin-top:10px;font-size:15px;margin-left:20px;min-width:112px;}/* min-width 추가 2020 0507 마재광 */
.usage_item.v2 .price_info{text-align:right;padding-right:0;width:auto;}
.mycard_report .usage_item.v2 dl{width: calc(100% - 360px);}
.mic_list_wrap .english_address .c-bull3{margin-left:250px;margin-top:10px;}
.explain + .input_wrap,
.explain + .text_wrap{margin-top:10px;}
.dx-flex{display:flex;}
.dx-flex.between{justify-content:space-between;}
/* 카드 - 멀티멤버십 */
.membership_area.lpoint_type{background:#009bfa;}
.membership_area .link_area .link.only_txt::after{display:none;}
.members_card_info li.checked a.l_point{background:#009bfa;}
.members_card_info li a.l_point span.emblem{background:url(/pconts/images/dx/contents/members_mk08_off.gif) no-repeat 0 0 / 130px}
.members_card_info li.checked a.l_point span.emblem{background:url(/pconts/images/dx/contents/members_mk08_on.gif) no-repeat 0 0 / 130px}
/* 긴급재난지원금 인트로 */
#infoPage .highlighter{display:inline-block;position:relative;z-index:1;}
#infoPage .highlighter::after{content:'';display:block;position:absolute;top:48%;bottom:3px;left:-2px;right:-2px;z-index:-1;background:#ffe8b1;}
#infoPage .info-top {padding:20px 0 16px;text-align:center;background:#ffd165;}
#infoPage .info-top .logo1{height:20px;background:url(/pconts/images/dx/landing/infoPage-logo.png) center 0 no-repeat;background-size:auto 100%;color:transparent;}
#infoPage .info-top .c-txt1{margin-top:20px;font-size:24px;font-weight:400;line-height:1.4;color:#45340b;}
#infoPage .info-top .c-txt1 strong{font-weight:700;}
#infoPage .info-top .c-img1{margin-top:15px;height:212px;background:url(/pconts/images/dx/landing/infoPage-bg.png) center 0 no-repeat;background-size:auto 100%;font-size:0;line-height:0;text-indent:-9999px;}
#infoPage .info-top .c-img2{margin-top:27px;height:56px;background:url(/pconts/images/dx/landing/infoPage-logo2.png) center 0 no-repeat;background-size:auto 100%;font-size:0;line-height:0;text-indent:-9999px;}
#infoPage .info-body{width:668px;padding-top:50px;padding-bottom:50px;}
#infoPage .info-body .define1 dt{margin-top:50px;font-size:21px;color:#191919;font-weight:700;}
#infoPage .info-body .define1 dt:first-child{margin-top:0;}
#infoPage .info-body .define1 dt highlighter::after{background:#fff0cb;}
#infoPage .info-body .define1 dd{margin-top:10px;font-size:16px;color:#191919;}
/* 정부 긴급재난지원금 신청 */
.complete_body.disaster-logo{background:url(/pconts/images/dx/landing/logo-disaster.png) no-repeat center 48px / 202px auto;}
.complete_body.logo{padding-top:50px;background:none;}
.complete_body.logo .logo-img{width:202px;margin:0 auto;}
.complete_body.logo .logo-img2{width:298px;margin:0 auto;}
.has_flow_step.of-v{overflow:visible;height: 180px;position:relative;} /* 대한민국정부 로고 왼쪾으로 빼기 위해서 추가 */
.has_flow_step.of-v .step_txt{float:none;text-align:center;color:transparent;overflow:hidden;text-indent:-9999px;position:absolute;width:100%;left:0;top:0;}
.has_flow_step.of-v .step_txt .gap10{display:block;text-indent:0}
.has_flow_step.of-v::after{content:'';display:block;clear:both;}
.has_flow_step.of-v .logo-rok-gov{width:300px;text-indent:0;}
.has_flow_step.of-v.chuncheon{height:163px;}
.has_flow_step.of-v.chuncheon .logo-rok-gov{width:400px;}
@media only screen and (max-width: 1100px){
	.has_flow_step.of-v{margin:0;padding:0;height:135px;}
	.has_flow_step.of-v .logo-rok-gov{width:220px;}
	.has_flow_step.of-v.chuncheon{height:128px;}
	.has_flow_step.of-v.chuncheon .logo-rok-gov{width:288px;}
	.complete_body.logo .logo-img2{width:246px;}
}
/* 긴급재난지원금 이용안내 */
.disaster-support{background:#ffd165;height:360px;margin-bottom:50px;}
.disaster-support .content_well::after{content:'';display:block;position:absolute;top:67px;right:16px;width:525px;height:263px;background:url(/pconts/images/dx/landing/disaster-support-top-pc.png) no-repeat;background-size: auto 100%;}
.disaster-support .content_well .content_heading .title{float:none;font-size:50px;font-weight:900;color:#3d331e;}
.disaster-support .highlighter_lg{background:#ffe8b1;}
.disaster-support .content_well .content_heading .sub_title{float:none;margin-top:40px;font-size:24px;color:#897038;font-weight:700;}
.disaster-support .content_well .content_heading .sub_title i{position:relative;font-style:normal;}
.disaster-support .content_well .content_heading .sub_title i::before{content:'';display:block;position:absolute;top:-8px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#897038;}
.disaster-support-icon li{display:flex;align-items:center;height:70px;border-bottom:1px solid #eee;}
.disaster-support-icon li::before{content:'';display:block;width:60px;height:60px;border-radius:50%;margin-right:20px;}
.disaster-support-icon li.item01::before{background:url(/pconts/images/icon/ico_icon24.png) no-repeat center center / 45px;}
.disaster-support-icon li.item02::before{background:url(/pconts/images/icon/ico_icon86.png) no-repeat center center / 45px;}
.disaster-support-icon li.item03::before{background:url(/pconts/images/icon/ico_icon33.png) no-repeat center center / 45px;}
.disaster-support-icon li.item04::before{background:url(/pconts/images/icon/ico_icon29.png) no-repeat center center / 45px;}
.disaster-support-icon li.item05::before{background:url(/pconts/images/icon/ico_icon03.png) no-repeat center center / 45px;}
.disaster-support-icon li.item06::before{background:url(/pconts/images/icon/ico_icon06.png) no-repeat center center / 45px;}
.disaster_banner .event_inner{background:#6684e5;}
.disaster_banner.event_bnr .event_cont .txt{white-space:normal;}
.disaster-support.img2 .content_well::after{right:88px;width:400px;background: url(/pconts/images/dx/landing/disaster-support-top-pc2.png) no-repeat;background-size:auto 100%;}
.disaster-support.img3{background:#e6f1f7;}
.disaster-support.img3 .content_well::after{right:88px;background: url('/pconts/images/dx/contents/disaster-support2-top.png') no-repeat top center / auto 100%;}
.disaster-support.img3 .c-highlight1::after{background:#c1d8f5;}
.disaster-bn li{position:relative;}
.disaster-bn li + li{margin-top:10px;}
.disaster-bn li::after{content:'';display:block;position:absolute;top:50%;right:20px;width:8px;height:8px;margin-top:-7px;border-top:2px solid #fff;border-left:2px solid #fff;transform:translateY(50%) rotate(135deg);}
.disaster-bn li .link{display:block;padding:15px 20px 14px;background:#627dda;font-size:13px;color:#fff;border-radius:10px;}
.disaster-bn li .tit {display:block;font-size:15px;}
/* 금융메인화면 바로가기 버튼 레이아웃 변경 */
.submain_finance .dx-customize .sm_loanlist li{width:33.3333%;}
.submain_finance .dx-customize .sm_loanlist.loan_standard li.link01{width:33.3333%;}
.submain_finance .dx-customize .sm_loanlist.loan_standard li.link05{width:66.6667%;}
/*금융메인화면 바로가기 버튼 레이아웃 변경 - 마우스 오버시 칼라 변경 요청 */
.submain_finance .sm_group .sm_title a:hover .subTit{color:#4868e1}
.submain_finance .sm_group .sm_title a:hover .subTit:after{border-color:#4868e1;}
.submain_finance .sm_loanlist li a:hover strong{color:#4868e1}
.submain_finance .sm_loanlist li a:hover strong:after{border-color:#4868e1;}
/* 프리미엄쿠폰홈 테마 화면 확대 개발 */
.dx_swiper_TopsTheme {position:relative;}
.dx_swiper_TopsTheme .swiper-wrapper {width:100%;}
.dx_swiper_TopsTheme .swiper-wrapper li {float: left;}
.dx_swiper_TopsTheme .swiper-wrapper li a {position:relative; display:block; height:0; padding-top:66.6667%; background-size:100%; background-repeat:no-repeat;}
.dx_swiper_TopsTheme .swiper-wrapper li a>img{position:absolute;top:0;left:0;width:100%;height:auto;}
.dx_swiper_TopsTheme .swiper-wrapper li .tit {position:absolute; left:25px; bottom:10px; display:block; width:80%; color:#fff; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dx_swiper_TopsTheme .swiper-wrapper li .theme01 {background-image:url(/pconts/images/contents/topsclub/img_theme01.png);}
.dx_swiper_TopsTheme .swiper-wrapper li .theme02 {background-image:url(/pconts/images/contents/topsclub/img_theme02.png);}
.dx_swiper_TopsTheme .swiper-wrapper li .theme03 {background-image:url(/pconts/images/contents/topsclub/img_theme03.png);}
.dx_swiper_TopsTheme .swiper-wrapper li .theme04 {background-image:url(/pconts/images/contents/topsclub/img_theme04.png);}
.dx_swiper_TopsTheme [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:40px;height:40px;z-index:10;overflow:hidden; background-color:rgba(0, 0, 0, 0.7);}
.dx_swiper_TopsTheme [class^='nav-button']::before {content:"";position:absolute;width:15px;height:15px;border-width:2px 2px 0 0;border-color:#ccc;border-style:solid;}
.dx_swiper_TopsTheme .nav-button-prev {left:0px;}
.dx_swiper_TopsTheme .nav-button-next {right:0px;}
.dx_swiper_TopsTheme .swiper-button-disabled {opacity:0.3;}
.dx_swiper_TopsTheme .nav-button-prev::before {left:15px; top:13px; transform: rotate(-135deg);}
.dx_swiper_TopsTheme .nav-button-next::before {left:10px; top:13px; transform: rotate(45deg);}
.dx_swiper_TopsTheme .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:140px; bottom:28px; width:auto;}
.dx_swiper_TopsTheme .swiper-controls.is_played .swiper-button-play {display:none;}
.dx_swiper_TopsTheme .swiper-controls.is_played .swiper-button-pause {display:inline-block;}
.dx_swiper_TopsTheme .swiper-controls.is_stoped .swiper-button-play {display:inline-block;}
.dx_swiper_TopsTheme .swiper-controls.is_stoped .swiper-button-pause {display:none;}
/* 신한페이판 오프라인결제 안내페이지 현행화 요청 */
.mobile_card .step_box_wrap .img.img96 {background:url(/pconts/images/contents/mobile/mobilecard_nfc2_05.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.img97 {background:url(/pconts/images/contents/mobile/mobilecard_nfc3_05.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .nfc-mark{display:inline-block;background:url(/pconts/images/contents/mobile/contactless.png) no-repeat center / 30px 18px;width:30px;height:18px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:middle;}
/* 신한페이지 가입안내 */
.payfan-join .top-img{margin-bottom:72px;}
.payfan-join .top-img .c-tit1{float:left;}
.payfan-join .top-img::after{content:'';display:block;position:relative;top:0;right:0;width:100%;height:216px;background:url(/pconts/images/dx/landing/200514_img_fanguin.png) no-repeat center right / contain}
/* 판귄 위치 수정 */
/* .dx-customize.complete_body.ani_ico::before{top:52px !important;margin-top:0 !important;} */
/* 우측 버튼이 없는 경우 url: https://devprj2-www.shinhancard.com/pconts/dx/svn/life/SHCFRW051C05.html */
.accordion_wrap.no-arrow .radio_wrap, .accordion_wrap.no-arrow .check_wrap{display:block;}
.accordion_wrap.no-arrow .radio_wrap label, .accordion_wrap.no-arrow .check_wrap label{display:block;}
/* 연회비캐시백 이벤트 */
#evCashBack .e-sp1-a {color:#e65e07;}
#evCashBack .e-sp1-a .line::before {background:#e65e07;}
#evCashBack .e-sp1-b {color:#d1291d;}
#evCashBack .e-sp1-b .line::before {background:#d1291d;}
#evCashBack .e-sp1-c {color:#9b0d0e;}
#evCashBack .e-sp1-c .line::before {background:#9b0d0e;}
#evCashBack .e-sp1-d {color:#0f68a1;}
#evCashBack .e-sp1-d .line::before {background:#0f68a1;}
#evCashBack .e-sp1-e {color:#a81a49;}
#evCashBack .e-sp1-e .line::before {background:#a81a49;}
#evCashBack .tab_wrap .tab_cont{display:none;}
#evCashBack .tab_wrap .tab_cont.current{display:block;}
#evCashBack .tab_type01 .tab_list li{width:50%;}
#evCashBack .tab_type01 .tab_list li button{display:block;width:100%;text-align:center;}
/* 카드이용내역 팝업 */
.dx-customize.card_statement .card_statement_receipt .receipt_body .detail dl + dl{margin-top:9px;}
.dx-customize.card_statement .flexbox_dl.store_info_bills dl + dl{margin-top:9px;}
.dx-customize.card_statement .card_statement_receipt .receipt_body .total{padding:9px 0;}
.dx-customize.card_statement .card_statement_info{margin-top:-1px;}
.dx-customize.card_statement .flexbox_dl{padding:15px 0;}
.dx-customize.card_statement .flexbox_dl.store_info_bills dl.address{display:block;}
.dx-customize.card_statement .flexbox_dl.store_info_bills dl.address dd{padding-left:10px;}
.dx-customize.card_statement .card_footer{margin:15px 0;font-size:14px;text-align:center;}
.dx-customize.card_statement .card_footer .logo{margin:0 auto 4px;width:124px;}
@media print{
	.dx-customize.card_statement .viewmap{display:none;}
	.dx-customize.card_statement .card_statement_receipt .receipt_body .detail dl + dl{margin-top:4px;}
	.dx-customize.card_statement .card_statement_receipt .receipt_head .card_statement_title{margin-bottom:6px;}
	.dx-customize.card_statement .card_statement_receipt .receipt_head{padding:0 0 8px;}
	.dx-customize.card_statement .flexbox_dl{padding:8px 0;}
	.dx-customize.card_statement .flexbox_dl.store_info_bills{margin-bottom:15px;}
	.dx-customize.card_statement .flexbox_dl.store_info_bills dl + dl{margin-top:4px;}
}
/* 장기렌트카 개발전달 */
.SHCFRW111C02 .ceo-sign{width:100%;height:66px;background:url(/pconts/images/dx/landing/img_auto_sign_190829.png) no-repeat right 100% / contain;font-size:0;line-height:0;margin-top:20px;}
/* 구축 가이드(이용약관 아코디언 4뎁스 스타일 추가) - url:https://devprj2-www.shinhancard.com/pconts/dx/svn/card/MOBFM066C02.html*/
.agreement_wrap.with-depth4 .agreement_inner .agree_depth03 .check_wrap > *:only-child.check_agree input[type="checkbox"] + span{padding-left:28px;}
.agreement_wrap.with-depth4 .agreement_inner .accordion_body .agree_depth03 .check_agree input[type="checkbox"] + span:after{left:3px;}
.agreement_wrap.with-depth4 .agree_depth03 .accordion_wrap + .check_wrap,
.agreement_wrap.with-depth4 .agree_depth03 .font_basic + .accordion_wrap{margin-top:10px;}
.agreement_wrap.with-depth4 .agreement_inner .agree_depth04{padding-left:28px;}
.agreement_wrap.with-depth4 .agreement_inner .agree_depth04 > .check_wrap .check_agree + .check_agree,
.agreement_wrap.with-depth4 .agree_depth04.no_check .txt_wrap + .txt_wrap{margin-top:8px;}
.agreement_wrap.with-depth4 .agreement_inner .agree_depth04 > .check_wrap .check_agree input[type="checkbox"] + span{padding-left:28px;}
/* 토글 버튼 */
.btn_toggle1{display:inline-block;position:relative;width:90px;height:36px;background:#4868eb;border-radius:50px;padding-left:26px;font-size:16px;font-weight:700;color:#fff;line-height:36px;text-align:left;}
.btn_toggle1::before{content:'';display:block;position:absolute;top:2px;width:32px;height:32px;border-radius:50%;background:#fff;}
.btn_toggle1::before{right:2px;}
.btn_toggle1.off{padding-left:40px;background:#eee;color:#111;}
.btn_toggle1.off::before{left:2px;}
/* 멤버쉽 페이지 css overwrite */
.membership_area .link_area .link{overflow:visible;}
/* 해외환율 card_date pc에도 보이게 수정 */
.dx-cdview.card_inquiry_list.errorCard_list .head_tit .card_date{display:inline-block;margin-left:30px;font-weight:400;}
.dx-cdview.card_inquiry_list.errorCard_list .head_tit .card_date span{display:inline-block;margin-right:20px;}
/* 신한플러스 회원가입 페이지 */
.comp_area.shcplus{background: url(/pconts/images/dx/contents/logo_shinhanplus.gif) no-repeat 50% 0;}
/* 20200617558048 - MGM(친구추천) 개인화URL적용 추천 문자 발송 페이지 제작(히든) */
.mgm_landing .mgm_top{background:#4f67d9;padding:23px 20px 14px;color:#fff;text-align:center;}
.mgm_landing .mgm_top h1{width:122px;height:20px;margin:0 auto;background:url(/pconts/images/dx/landing/best-logo1.png) no-repeat center / 122px auto;text-indent:-9999px;}
.mgm_landing .mgm_top p{margin:25px 0;font-size:24px;}
.mgm_landing .mgm_top strong{display:block;font-size:40px;font-weight:700;}
.mgm_landing .mgm_body{max-width:708px;margin:40px auto 0;padding:0 20px 50px;}
.mgm_landing .mgm_body .benefit_list{position:relative;display:flex;background:#f2f4f8;margin-top:20px;padding:20px 0 30px;}
.mgm_landing .mgm_body .benefit_list::before{content:'';position:absolute;top:65px;left:50%;bottom:55px;display:block;width:1px;background:#fff;}
.mgm_landing .mgm_body .benefit_list li{flex:0 0 50%;max-width:50%;padding:0 50px 0 36px;}
.mgm_landing .mgm_body .benefit_list .num{color:#aab6ed;font-size:50px;font-weight:900;}
.mgm_landing .mgm_body .benefit_list p{margin-bottom:20px;font-size:24px;color:#333;line-height:30px;}
.mgm_landing .mgm_body .benefit_list span{display:block;}
.mgm_landing .accordion_header button.acc_btn:after,
.mgm_landing .accordion_header a[role="button"].acc_btn:after{display:none;}
/* 라이프 서브메인 리뉴얼 */
.submain_life_service ul{display:flex;flex-wrap:wrap;margin:0 -21px -21px 0;}
.submain_life_service ul li{flex:0 0 33.3333%;max-width:33.3333%;padding:0 21px 21px 0;}
.submain_life_service ul li a{position:relative;display:block;height:100%;padding:20px 20px 20px 90px;background:#fff;border:2px solid #fff;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);border-radius:8px;transition:border 0.3s ease-in-out;}
.submain_life_service ul li a::before{content:'';display:block;position:absolute;top:20px;left:20px;width:50px;height:50px;background-size:50px 50px;}
.submain_life_service ul li.link01 a::before{background-image:url('/pconts/images/main/life/ico_life01.png');}
.submain_life_service ul li.link02 a::before{background-image:url('/pconts/images/main/life/ico_life02.png');}
.submain_life_service ul li.link03 a::before{background-image:url('/pconts/images/main/life/ico_life03.png');}
.submain_life_service ul li.link04 a::before{background-image:url('/pconts/images/main/life/ico_life04.png');}
.submain_life_service ul li.link05 a::before{background-image:url('/pconts/images/main/life/ico_life05.png');}
.submain_life_service ul li.link06 a::before{background-image:url('/pconts/images/main/life/ico_life06.png');}
.submain_life_service ul li.link07 a::before{background-image:url('/pconts/images/main/life/ico_life07.png');}
.submain_life_service ul li.link08 a::before{background-image:url('/pconts/images/main/life/ico_life08.png');}
.submain_life_service ul li.link09 a::before{background-image:url('/pconts/images/main/life/ico_life09.png');}
.submain_life_service ul li.link10 a::before{background-image:url('/pconts/images/main/life/ico_life10.png');}
.submain_life_service ul li a strong{display:inline-block;position:relative;padding-right:15px;font-size:18px;color:#333;}
.submain_life_service ul li a strong::after{content:'';display:block;position:absolute;top:50%;right:0;width:9px;height:9px;margin-top:-5px;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg);}
.submain_life_service ul li a .txt{display:block;margin-top:5px;}
.pc .submain_life_service ul li a:hover{border-color:#4868e1;}
.submain_life_myauto{position:relative;margin-top:40px;}
.submain_life_myauto .sub_txt{margin-top:-5px;font-size:16px;}
.submain_life_myauto .btn_myauto{position:absolute;top:23px;right:0;}
.submain_life_myauto .swiper-container{overflow:visible;margin-top:35px;}
.submain_life_myauto .swiper-slide{position:relative;width:calc(25% - 15px);margin-right:20px;border-radius:8px;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);background-repeat:no-repeat;background-size:50px 50px;background-position:20px 20px;}
.submain_life_myauto .swiper-slide a {display:block;padding:78px 16px 26px 16px;border:2px solid #fff;border-radius:10px;transition:border 0.3s ease-in-out;}
.pc .submain_life_myauto .swiper-slide a:hover{border-color:#4868e1;}
.submain_life_myauto .swiper-slide a .tit{display:block;font-size:18px;color:#000;font-weight:700;}
.submain_life_myauto .swiper-slide a .txt{margin-top:2px;font-size:16px;}
.submain_life_myauto .swiper-slide a .badge{display:block;position:absolute;top:20px;right:20px;padding:0 7px;font-style:normal;font-size:13px;font-weight:400;border-width:1px;border-style:solid;border-radius:50px;}
.submain_life_myauto .swiper-slide a .badge.direct{border-color:#0098c2;color:#0098c2;}
.submain_life_myauto .swiper-slide.item01{background-image:url(/pconts/images/dx/contents/icon_new.png);}
.submain_life_myauto .swiper-slide.item02{background-image:url(/pconts/images/dx/contents/icon_rentacar.png);}
.submain_life_myauto .swiper-slide.item03{background-image:url(/pconts/images/dx/contents/icon_autolease.png);}
.submain_life_myauto .swiper-slide.item04{background-image:url(/pconts/images/dx/contents/icon_used.png);}
.submain_life_myauto .swiper-button-next,
.submain_life_myauto .swiper-button-prev,
.submain_life_myauto .swiper-button-next.swiper-button-disabled,
.submain_life_myauto .swiper-button-prev.swiper-button-disabled {display:none !important;}
.submain_life_myauto .swiper-button-next,
.submain_life_myauto .swiper-button-prev{position:absolute;top:50%;display:block;overflow:hidden;width:40px;height:40px;background:rgba(0,0,0,0.5);margin-top:-20px;z-index:10;overflow:hidden;background-image:none;}
.submain_life_myauto .swiper-button-prev{left:0;}
.submain_life_myauto .swiper-button-next{right:0;}
.submain_life_myauto .swiper-button-next::before,
.submain_life_myauto .swiper-button-prev::before{content:'';position:absolute;top:13px;left:9px;width:15px;height:15px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}
.submain_life_myauto .swiper-button-prev::before{left:16px;transform:rotate(-135deg);}
.submain_life_myauto_bn{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding:0 106px 0 40px;}
.submain_life_myauto_bn .txt{font-size:18px;color:#333;}
.submain_life_myauto_bn .txt p{margin-bottom:20px;}
.submain_life_myauto_bn .txt strong{display:block;margin-bottom:2px;font-size:24px;}
.submain_life_myauto_bn .img{width:160px;}
/* 금융 서브메인 만기연장 버튼 */
.expiration-info{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-left:35px;}
.expiration-info .ico{position:absolute;top:7px;left:0;width:26px;height:26px;border:1px solid #bbb;border-radius:50%;}
.expiration-info .ico::before{content:'';display:block;position:absolute;top:7px;left:9px;width:7px;height:8px;border-left:2px solid #f14b25;border-bottom:2px solid #f14b25;}
/* 2탑스클럽 - 신한플러스 멤버십 신규페이지 작업 */
.tops-shcplus .visual-top{background:#8373fe;}
.tops-shcplus .visual-top .ly_inner{background:url('/pconts/images/dx/contents/shcplus_membership_top.png') no-repeat right bottom / 280px 220px;padding:50px 40px 50px 0;color:#fff;font-size:16px;}
.tops-shcplus .img{max-width:460px;margin:0 auto;}
.tops-shcplus .shcplus-logo{display:inline-block;width:70px;height:17px;background:url('/pconts/images/dx/contents/shcplus_membership_logo.png') no-repeat;background-size:70px 17px;vertical-align:-2px;}
/* 멀티멤버십 약관 2줄인 경우 커스터마이징 */
.DIY_agree_wrap .multi-row .check_wrap.type_agree .check_agree{height:auto;line-height:30px;padding:25px 0;}
.DIY_agree_wrap .multi-row .check_wrap.type_agree .check_agree input[type="checkbox"] + span{min-height:30px;}
/* 전자민원접수 페이지 수정 */
.para_introduce .sub_para2{position:relative;margin-top:24px;padding:25px 29px;box-shadow:5px 5px 15px rgba(0,0,0,0.10);border-radius:10px;font-size:20px;}
.para_introduce .sub_para2::after{content:'';display:inline-block;width:9px;height:9px;margin-left:3px;border-top:1px solid #4868e1;border-right:1px solid #4868e1;transform:rotate(45deg);vertical-align:2px;}
.dx-customize.service_link_box{padding:35px 0 17px;}
.dx-customize .service_link_list li .link_item{height:128px;}
.dx-customize .service_link_list li .link_item:after{display:none;}
.dx-customize .service_link_list li .link_item .tit::after{content:'';display:inline-block;width:11px;height:11px;margin-left:5px;border-top:2px solid #4868e1;border-right:2px solid #4868e1;transform:rotate(45deg) skew(6deg, 6deg);vertical-align:1px;}
.pc .dx-customize .service_link_list li .link_item::before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;transition:border 0.3s ease-in-out;}
.pc .dx-customize .service_link_list li .link_item:hover::before{border-color:#4868e1;}
/* 정부지원 소비쿠폰 이용내역 */
.govt-coupon ul{display:flex;flex-wrap:wrap;margin:0 -5px;padding:10px 0;}
.govt-coupon ul li{flex:0 0 25%;max-width:25%;padding:5px;}
.govt-coupon ul li a{position:relative;display:block;height:100%;background:#fff;padding:15px 15px 60px;font-size:14px;border-radius:5px;box-shadow:5px 5px 15px rgba(0,0,0,0.10);}
.govt-coupon ul li a::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:5px;transition:all 0.4s ease-in-out;}
.govt-coupon ul li a .tit{font-size:17px;color:#333;}
.govt-coupon ul li a .sale{margin-top:12px;font-size:16px;line-height:1.15;font-weight:700;}
.govt-coupon ul li a .sale strong{font-size:30px;}
.govt-coupon ul li a .date{margin-top:20px;color:#111;}
.govt-coupon ul li a .label{ overflow:hidden;position:absolute;bottom:0;left:0;right:0;padding:10px;color:#fff;text-align:center;font-weight:700;transition:all 0.4s ease-in-out;font-size:17px;}
.govt-coupon ul li a .label i{position:relative;opacity:0;transition:all 0.4s ease-in-out;}
.govt-coupon ul li a .label i::before,
.govt-coupon ul li a .label i::after{content:'';display:block;position:absolute;}
.govt-coupon ul li a .label i::before{top:50%;left:0;width:8px;height:2px;margin-top:-1px;background:#fff;border-radius:50%;}
.govt-coupon ul li a .label i::after{top:50%;left:3px;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff;transform: rotate(135deg);}
.govt-coupon ul li.state01 a{color:#4868e1;}
.govt-coupon ul li.state02 a{color:#4b9c98;}
.govt-coupon ul li.state03 a{color:#999;}
.govt-coupon ul li.state01 a .label{background:#4868e1;}
.govt-coupon ul li.state02 a .label{background:#4b9c98;}
.govt-coupon ul li.state03 a .label{background:#999;}
.govt-coupon ul li.state01 a:hover::after{border-color:#4868e1}
.govt-coupon ul li.state02 a:hover::after{border-color:#4b9c98}
.govt-coupon ul li.state03 a:hover::after{border-color:#999}
.govt-coupon ul li a:hover .label{padding-right:30px;}
.govt-coupon ul li a:hover .label i{opacity:1;margin-left:5px;}
.govt-member{display:flex;flex-wrap:wrap;margin:-2px;}
.govt-member>div{flex:0 0 25%;max-width:25%;padding:2px;}
.govt-member>div a{position:relative;display:block;padding:10px;text-align:center;font-weight:700;border-radius:3px;transition:all 0.4s ease-in-out;}
.govt-member>div a::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #ddd;transition:all 0.4s ease-in-out;}
.govt-member>div a:hover{color:#4868e1;}
.govt-member>div a:hover::after{border:2px solid #4868e1;}
/* 지자체 재난지원금 이용내역 */
.select_filter{z-index:10;}
.select_filter .select_wrap{position:absolute;top:4px;left:50%;width:275px;z-index:10;transform:translateX(-50%);}
.select_filter .select_wrap .ui_select .ui_select_btn{height:34px;border-color: rgba(255,255,255,0.4);background:transparent;font-size:15px;}
.select_filter .select_wrap .ui_select .ui_select_btn .ui_select_value{padding-right:29px;color:#fff;}
.select_filter .select_wrap .ui_select .ui_select_value:before{border-bottom-color:#fff;border-left-color:#fff;}
.select_filter .reportlist_filter_wrap{position:initial;}
.select_filter .select_wrap .ui_select select{width:275px;height:34px;background:#081350;border-color:rgba(255,255,255,0.4);color:#fff;font-size:15px;}
body.mobile .select_filter .ui_select:before{border-bottom-color:#fff;border-left-color:#fff;}
/* 혜택 - 마이카 프리미엄 */
.maycar .parking_contact.dx-customize .item .img {height:0;padding-top:64.912280%;background-size:contain !important;}
.maycar .parking_contact.dx-customize .item.front .img{background:url(/pconts/images/dx/contents/mycar_parking01.png) no-repeat;}
.maycar .parking_contact.dx-customize .item.back .img{background:url(/pconts/images/dx/contents/mycar_parking02.png) no-repeat;}
.maycar .parking_contact.dx-customize .item.front2 .img{background:url(/pconts/images/dx/contents/mycar_parking03.png) no-repeat;}
.maycar .parking_contact.dx-customize .item.back2 .img{background:url(/pconts/images/dx/contents/mycar_parking04.png) no-repeat;}
/* 고객센터 - Talk상담, 이메일상담 */
.online_counsel .item {display:flex;align-items:center;justify-content:space-between;height:191px;padding:20px 80px 20px 270px;border-radius:8px;box-shadow:5px 5px 15px rgba(0,0,0,0.10);background-repeat:no-repeat;background-position:48px center;background-size:150px;font-size:20px;}
.online_counsel .item + .item {margin-top:20px;}
.online_counsel .item.booking {background-image:url(/pconts/images/dx/contents/online_counsel01.png);}
.online_counsel .item.direct {background-image:url(/pconts/images/dx/contents/online_counsel02.png);}
.online_counsel .item.email {background-image:url(/pconts/images/dx/contents/online_counsel03.png);}

/* 신한Day 이벤트 */
.e-sh-day2 .accordion_body {padding: 20px 0;border-top: 1px solid #0f9ec6;}
.e-sh-day2 .toggle_btn {min-height:47px;padding:15px 27px 15px 113px !important;font-weight:normal !important;line-height:1.2 !important;}
.e-sh-day2 .toggle_btn .logo{display:block;position:absolute;top:15px;left:10px;width:93px;}
.e-sh-day2 .toggle_btn strong {display:block;margin-bottom:8px;}
.e-sh-day2 .toggle_btn strong span {display:inline-block;margin-left:5px;padding:1px 10px 0;border-radius:50px;border:1px solid #999;font-size:14px;color:#111;}
.e-sh-day2 .toggle_btn strong span.alliance {color:#599800;border-color:#599800;}
.e-sh-day2 .toggle_btn strong span.tops {color:#f23168;border-color:#f23168;}
/* 금융-일반대출 */
.general_loan .dx-customize.loan_menulist01{margin:51px 0 0 8px;}
.general_loan .dx-customize.loan_menulist01 li{margin-top:17px;margin-left:17px;}
.general_loan .dx-customize.loan_menulist01 li:nth-child(4n+1){margin-left:0;}
.general_loan .loan_menulist01 .loan05 .box_menulink:before{background-image:url('/pconts/images/dx/contents/bg_loanindex05_m.png');}
/* 2금융 - 대환론 */
.listofbills_wrap.dx-customize{width:100%;margin-bottom:60px;border-bottom:1px solid #ddd;}
.listofbills_wrap.dx-customize .statementfull .period_title{margin-bottom:10px;padding:0 10px 8px 0;}
.listofbills_wrap.dx-customize .statementfull{border-top:none;}
.listofbills_wrap.dx-customize .statementfull:last-child{margin-bottom:0;border-bottom:none;}
.listofbills_wrap.dx-customize .statementfull dl.total dd{padding-right:0;cursor:default;}
.listofbills_wrap.dx-customize .statementfull .total dd:after{display:none;}
/* 혜택 개발용 이벤트 - /pconts/html/benefit/event/1199160_2239.html */
.dx_picasso_list{display:flex;flex-wrap:wrap;margin:-15px -10px 50px;}
.dx_picasso_list li{flex:0 0 25%;max-width:25%;padding:10px;text-align:center;}
.dx_picasso_list li .inner{padding:15px;border:1px solid #ddd;}
.dx_picasso_list li .check_wrap{margin-top:20px;}
/* 소비자보호포탈 신한사이다 상단비쥬얼 */
.visual_txt.visual_cider01{padding-top: 20px;background: url('/pconts/images/dx/contents/cider_visual_bg02.gif') no-repeat right center;background-size: contain;}
/* 카드 리스트 커스터마이즈 */
.card_inquiry_list.dx-customize .item .radio_wrap.card_head{padding:0}
.card_inquiry_list.dx-customize .item .radio_wrap.card_head label .head_tit{display:flex;align-items:center;justify-content:space-between;padding:34px 110px 34px 85px}
.card_inquiry_list.dx-customize .item .radio_wrap.card_head label .head_tit input[type=radio]{left:30px;top:50%;margin-top:-13px}
.card_inquiry_list.dx-customize .radio_wrap input[type="radio"] + span::before{left:30px;top:50%;margin-top:-13px}
.card_inquiry_list.dx-customize .radio_wrap input[type="radio"] + span::after{left:36px;top:50%;margin-top:-7px}
.card_inquiry_list.dx-customize .accordion_header .cell1, .card_inquiry_list.dx-customize .accordion_header .cell1 .radio_wrap{padding-right:0}
.card_inquiry_list.dx-customize .head_tit .txt02{margin-left:0;flex:1;}
.card_inquiry_list.dx-customize .head_tit .txt02 .ico_card_logo{margin-left:7px}
.card_inquiry_list.dx-customize .head_tit .txt01{margin-left:60px;flex:0 0 auto;}
.card_inquiry_list.dx-customize .head_tit .txt03{position:absolute;top:50%;right:40px;margin-top:-13px;color:#f14b25;font-size:13px;font-weight:400}
.card_inquiry_list.dx-customize .head_tit .card_date{display:none}
.card_inquiry_list.dx-customize .item .radio_wrap input:disabled + span{opacity:0.5;border-radius:7px;cursor:default;background:#f6f6f6}
.card_inquiry_list.dx-customize02 .accordion_header{align-items:center;}
.card_inquiry_list.dx-customize02 .accordion_header .cell1{padding-right:0}
.card_inquiry_list.dx-customize02 .head_conts{margin-top:7px;font-weight:400;font-size:13px;color:#111;}
.card_inquiry_list.dx-customize02 .head_conts .txt01{display:flex;align-items:center;flex-wrap:wrap;}
.card_inquiry_list.dx-customize02 .head_conts .txt01 span{position:relative;flex:0 0 auto;margin-right:10px;padding-right:10px;}
.card_inquiry_list.dx-customize02 .head_conts .txt01 span:last-child{padding-right:0;margin-right:0;}
.card_inquiry_list.dx-customize02 .head_conts .txt01 span::after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:11px;margin-top:-5.5px;background:#ddd;}
.card_inquiry_list.dx-customize02 .head_conts .txt01 span:last-child::after{display:none;}
.card_inquiry_list.dx-customize02 .head_conts .txt02 .ico_card_logo{margin-left:7px;}
.card_inquiry_list.dx-customize02 .accordion_header .cell2{margin-right:30px;}
/* 생활요금납부 한눈에 보기 리뉴얼 -> My정기결제 */
.lift_fare_tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.lift_fare_tit .text_link{font-size:18px;font-weight:700;}
.lift_fare_tit .text_link::before{top:3px;}
.lift_fare_tit .text_link::after{top:9px;}
.lift_fare_ing2{padding-top:20px;border-top:1px solid #ddd;}
.lift_fare_ing2 ul{display:flex;flex-wrap:wrap;margin:-10px;}
.lift_fare_ing2 ul li{flex:0 0 20%;max-width:20%;padding:10px;}
.lift_fare_ing2 ul li .inner{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 15px 0 20px;box-shadow:5px 5px 15px rgba(0,0,0,0.10);border-radius:8px;font-size:18px;color:#333}
.lift_fare_ing2 ul li .inner .text_link{font-size:inherit;font-weight:700;}
.lift_fare_ing2 ul li .inner .text_link::before{top:3px;}
.lift_fare_ing2 ul li .inner .text_link::after{top:9px;}
.lift_fare_help_wrap{border-bottom:1px solid #eee;}
.lift_fare_help.dx-customize li>p{display:flex;align-items:center;justify-content:center;}
.lift_fare_help.dx-customize li .btn_tooltip{margin:0 0 0 8px;border-radius:50%;background:#f32359 url('/pconts/images/dx/contents/ico_lift_fare_help.png') no-repeat center / 10px 10px;}
.lift_fare_help.dx-customize li .btn_tooltip span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;white-space:nowrap;border:0;}
.lift_fare_help.dx-customize{margin-bottom:-1px;border-bottom:none;}
.lift_fare_help_apply{display:flex;justify-content:space-between;align-items:center;}
.lift_fare_ing.dx-customize{overflow:visible;margin:-10px;border-top:none;}
.lift_fare_ing.dx-customize li{width:calc(50% - 20px);min-height:210px;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.10);border-radius:8px;border-bottom:none;margin:10px;padding:40px 50px 40px 170px}
.lift_fare_ing.dx-customize li:before{left:50px;}
.lift_fare_ing.dx-customize .flexbox_dl{padding:0;}
.lift_fare_ing.dx-customize .ico23::before,
.lift_fare_help.dx-customize .ico23::before {background-image:url('/pconts/images/icon/ico_icon188.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico24::before,
.lift_fare_help.dx-customize .ico24::before {background-image:url('/pconts/images/icon/ico_icon189.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico25::before,
.lift_fare_help.dx-customize .ico25::before {background-image:url('/pconts/images/icon/ico_icon190.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico26::before,
.lift_fare_help.dx-customize .ico26::before {background-image:url('/pconts/images/icon/ico_icon191.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico27::before,
.lift_fare_help.dx-customize .ico27::before {background-image:url('/pconts/images/icon/ico_icon192.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico28::before,
.lift_fare_help.dx-customize .ico28::before {background-image:url('/pconts/images/icon/ico_icon193.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico29::before,
.lift_fare_help.dx-customize .ico29::before {background-image:url('/pconts/images/icon/ico_icon194.png'); background-size:50px;}
.lift_fare_ing.dx-customize .ico30::before,
.lift_fare_help.dx-customize .ico30::before {background-image:url('/pconts/images/icon/ico_icon195.png'); background-size:50px;}
.check_wrap.chk-ico{flex-wrap:wrap;margin:-9px;width:auto;}
.check_wrap.chk-ico .check_btn{flex:1;text-align:center;width:16.6666%;padding:9px;margin:0 !important;}
.check_wrap.chk-ico .check_btn input[type="checkbox"] + span{min-width:100%;height:165px;line-height:normal;padding:25px 7px 0;font-size:18px;font-weight:400;}
.check_wrap.chk-ico .check_btn input[type="checkbox"]:checked + span{padding:24px 5px 0;line-height:normal;}
.check_wrap.chk-ico .check_btn input[type="checkbox"]:checked + span::after{display:block;content:'';position:absolute;right:22px;top:22px;width:22px;height:22px;background:url(/pconts/images/contents/card/ico_check_on.png) no-repeat left top;}
.check_wrap.chk-ico .ico{display:block;width:56px;height:56px;margin:0 auto 22px;background-repeat:no-repeat;background-position:center top;background-size:56px 56px;}
.check_wrap.chk-ico .ico.ico1{background-image:url('/pconts/images/main/myservice/ico_life01.png')}
.check_wrap.chk-ico .ico.ico2{background-image:url('/pconts/images/main/myservice/ico_life02.png')}
.check_wrap.chk-ico .ico.ico3{background-image:url('/pconts/images/main/myservice/ico_life03.png')}
.check_wrap.chk-ico .ico.ico4{background-image:url('/pconts/images/main/myservice/ico_life04.png')}
.check_wrap.chk-ico .ico.ico5{background-image:url('/pconts/images/main/myservice/ico_life05.png')}
.check_wrap.chk-ico .ico.ico6{background-image:url('/pconts/images/main/myservice/ico_life06.png')}
/* 고객센터 - 신한사이다 */
.sh_cider.cider_notice .list01[data-type="card"] .notice_news{height:236px;}
.sh_cider .list_group .c-badge1{margin-bottom:13px;}
.sh_cider .list_view .list_view_head .c-badge1{position:absolute;top:64px;left:90px;}
.sh_cider .submain_service .service_inner .inner_cont,
.sh_cider .submain_service .service_inner .inner_cont a{height:auto;}
.sh_cider .submain_service .service_inner .inner_cont a{position:relative;padding:30px 150px 25px 40px;}
.sh_cider .submain_service .service_inner .inner_cont a::after{content:'';display:block;position:absolute;top:50%;right:35px;width:90px;height:90px;margin-top:-45px;border-radius:50%;background-color:#f2f4f8;background-repeat:no-repeat;background-position:center;background-size:50px;}
.sh_cider .submain_service .service_inner .inner_cont a.cider01::after{background-image:url(/pconts/images/icon/ico_icon196.png);}
.sh_cider .submain_service .service_inner .inner_cont a.cider02::after{background-image:url(/pconts/images/icon/ico_icon197.png);}
.sh_cider .submain_service .service_inner .inner_cont .tit{white-space:initial;}
/* 신한페이판 앱 본인인증 신규 디자인(PC만 적용) */
.dx-auth-payfan{width:646px;margin:0 auto;}
.dx-auth-payfan .qr-warp{min-height:252px;}
.dx-auth-payfan .qr-warp.mh-auto{min-height:auto;}
.dx-auth-payfan .code-warp{position:relative;display:flex;margin-bottom:16px;padding:15px 0 30px;border:1px solid #ddd;background:#fff;}
.dx-auth-payfan .code-warp>div{position:relative;flex:0 0 50%;max-width:50%;padding-bottom:24px;text-align:center;}
.dx-auth-payfan .code-warp::before{content:'';display:block;position:absolute;top:42px;left:50%;bottom:42px;width:1px;background:#ddd;}
.dx-auth-payfan .code-warp .code{display:flex;align-items:center;justify-content:center;width:140px;height:140px;margin:0 auto;font-size:30px;font-weight:700;}
.dx-auth-payfan .code-warp .code img{width:140px;}
.dx-auth-payfan .qr-warp .txt{position:absolute;bottom:0;left:0;right:0;font-size:16px;font-weight:700;text-align:center;}
.dx-auth-payfan .qr-warp .auth .time-wrap{position:absolute;bottom:-72px;right:0;display:flex;align-items:center;}
.dx-auth-payfan .qr-warp .auth .time-wrap .time{position:relative;padding-left:19px;}
.dx-auth-payfan .qr-warp .auth .time-wrap .time .icon{display:block;position:absolute;top:3px;left:0;width:14px;height:14px;border:1px solid #696969;border-radius:50%;}
.dx-auth-payfan .qr-warp .auth .time-wrap .time .icon::before{content:'';display:block;position:absolute;top:2px;left:5px;width:5px;height:5px;border-left:1px solid #696969; border-bottom:1px solid #696969;}
.dx-auth-payfan .qr-warp .auth .time-wrap .time .icon span{position: absolute;width: 1px;height: 1px;overflow: hidden;margin-left: -1px;border: 0 none !important;background: transparent !important;color: transparent !important;}
.dx-auth-payfan .qr-warp .auth .time-wrap .refresh{position:relative;width:30px;height:30px;background:#fff;border:1px solid #ddd;border-radius:50%;margin-left:10px;}
.dx-auth-payfan .qr-warp .auth .time-wrap .refresh::before{content:'';display:block;position:absolute;top:50%;left:50%;width:14px;height:15px;margin:-7px 0 0 -6px;background:url(/pconts/images/icon/ico_refresh.png) no-repeat center / 14px 15px;}
.dx-auth-payfan .qr-warp .auth .time-wrap .refresh span{position: absolute;width: 1px;height: 1px;overflow: hidden;margin-left: -1px;border: 0 none !important;background: transparent !important;color: transparent !important;}
/* 긴급재난지원 착한소비 프로젝트 */
.good-consumption .bg_gray{padding:35px 0 50px;}
.good-consumption .medal-bronze{background-image:url('/pconts/images/dx/contents/2_medal_bronze.png') !important;}
.good-consumption .medal-silver{background-image:url('/pconts/images/dx/contents/3_medal_silver.png') !important;}
.good-consumption .medal-gold{background-image:url('/pconts/images/dx/contents/4_medal_gold.png') !important;}
.good-consumption .medal-dia{background-image:url('/pconts/images/dx/contents/5_medal_dia.png') !important;}
.good-consumption .my-grade .tit{margin-top:32px;font-size:30px;text-align:center;font-weight:900}
.good-consumption .my-grade .grade{position:relative;height:170px;padding-top:35px;}
.good-consumption .my-grade .grade .medal{position:relative;z-index:2;margin:0 auto;width:75px;height:135px;background:url('/pconts/images/dx/contents/1_medal_first.png') no-repeat center top / 75px 135px;opacity:0;animation-name:ani-medal;animation-duration:0.5s;animation-delay:1.5s;animation-fill-mode:forwards;}
.good-consumption .my-grade .grade .firework{position:absolute;top:0;left:50%;z-index:1;width:183px;height:101px;margin-left:-91px;background:url('/pconts/images/dx/contents/medal_firework.png') no-repeat 0 0 / 183px 101px;opacity:0;animation-duration:3s;animation-delay:2s;animation-iteration-count:infinite;}
.good-consumption .my-grade .grade .medal[class*=medal-] + .firework{animation-name:ani-firework;}
@keyframes ani-medal{
	0%{opacity:0;top:5px;}
	100%{opacity:1;top:0;}
}
@keyframes ani-firework{
	0%{opacity:0;transform:scale(0);top:80px}
	15%{opacity:0;transform:scale(0);top:80px;animation-timing-function:ease-out}
	30%{opacity:1;transform:scale(1);top:0;animation-timing-function:ease-in}
	100%{opacity:0;;transform:scale(1);top:80px;}
}
.good-consumption .my-use{margin-top:35px;padding:13px 110px 17px 110px;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.10);border-radius:8px;}
.good-consumption .my-use .tit b{font-size:23px;}
.good-consumption .my-use .bar{position:relative;width:100%;height:13px;margin-top:5px;background:#e1e1e1;border-radius:15px;}
.good-consumption .my-use .bar .current{position:absolute;top:0;height:13px;background:linear-gradient(to right, rgba(177,201,229, 1.0), rgba(95,125,226,1) 100%);border-radius:15px;}
.good-consumption .my-use .bar .current::after{content:'';position:absolute;top:0;right:-6.5px;width:13px;height:13px;background:#afbef0;border-radius:50%;}
.good-consumption .my-use .bar-txt{display:flex;justify-content:space-between;margin-top:7px;}
.good-consumption .my-use .bar-txt br{display:none;}
.good-consumption .my-use .bar-txt span{flex:0 0 25%;max-width:25%;text-align:right;font-size:14px;}
.good-consumption .my-use .bar-txt span:first-child,
.good-consumption .my-use .bar-txt span:last-child{margin-left:12px;}
.good-consumption .medal-grade{display:flex;flex-wrap:wrap;margin-top:33px;}
.good-consumption .medal-grade div{flex:0 0 25%;max-width:25%;padding-top:140px;text-align:center;font-size:17px;color:#333;background-size:65px 117px;background-position:center top;background-repeat:no-repeat;}
.good-consumption .medal-grade div b{display:block;font-weight:900;}
/* Family Card */
.submain_familymember .contents{margin:18px 0 60px }
.submain_familymember .dx-family{min-height:135px;margin-bottom:13px;}
.submain_familymember .dx-family .c-banner1-b{position:absolute;top:8px;right:0;width:510px;}
.submain_familymember .dx-family .c-banner1-b .item .img{width:138px;height:138px;top:10px;right:20px;margin-top:0;}
.submain_familymember .dx-family .c-banner1-b .item .link{padding:17px 150px 24px 31px;}
.submain_familymember .dx-family .c-banner1-b .item .label{margin-top:7px;}
@media only screen and (max-width: 1100px){
	.submain_familymember .dx-family .c-banner1-b .item .link{padding:17px 150px 24px 31px;}
	.submain_familymember .dx-family .c-banner1-b .item .tit{font-size:24px;}
	.submain_familymember .dx-family .c-banner1-b .item .txt{font-size:15px;margin-top:0;}
	.submain_familymember .dx-family .c-banner1-b .item .label{height:28px;padding:0 16px;line-height:26px;}
}
/*구축 아코디언 가운데 화살표 디자인 */
.arrow-center.accordion_wrap .accordion_header button.acc_btn, .accordion_header a[role="button"].acc_btn{padding:22px 20px;text-align:center;font-size:15px;}
.arrow-center.accordion_wrap .accordion_header button.acc_btn:after, .accordion_header a[role="button"].acc_btn:after{position:relative;top:0;left:10px;display:inline-block;vertical-align:middle;border-top-color:#c2c2c2;}
.arrow-center.accordion_wrap .accordion_header button.acc_btn.on, .accordion_header a[role="button"].acc_btn.on{border-top-color:#ddd;}
.arrow-center.accordion_wrap .accordion_header button.acc_btn.on:after, .accordion_header a[role="button"].acc_btn.on:after{border-top-color:#333;}

/* 라디오버튼 체크로 수정: 기존 산출물(/prjconts/html/myPage/payment/MOBFM177R03.html) */
.install_payment_list .check_wrap .check_default input[type="checkbox"] + span:before{top:-14px;}
.install_payment_list .check_wrap .check_default input[type="checkbox"]:checked + span:after{top:-6px;}
.install_payment_list .check_wrap .check_default input[type="checkbox"] + span:after{top:-6px;}
.install_payment_list .check_wrap .check_default input[type="checkbox"] + span{padding-left:45px;}
/* visual_txt영역 우측에 이미지가 있는 경우 커스텀 - 편의 > 마이정기결제 > 디지털 구독 */
.visual_txt.visual_img{min-height:150px;padding-right:170px;position:relative;}
.visual_txt.visual_img .sub_txt .img{position:absolute;top:0;right:0;}
.visual_txt.visual_img .sub_txt .img img{width:150px;}
/* 마이 - 이용한도 - 추가한도 이용신청 */
.radio_list_wrap .radio_list .used{position:absolute;top:16px;right:16px;padding:0 7px;border:1px solid #f14b25;font-size:13px;color:#f14b25;border-radius:50px;}
/* 디지털구독 허브페이지 아이콘 */
.submain_myservice_life li > a{position:relative;}
.submain_myservice_life li > a .c-badge1{position:absolute;top:6px;right:6px;}
.submain_myservice_life .ico13:before {background:url('/pconts/images/dx/contents/logo_coupang.png') no-repeat;}
.submain_myservice_life .ico14:before {background:url('/pconts/images/dx/contents/logo_naver_plus.png') no-repeat;}
.submain_myservice_life .ico15:before {background:url('/pconts/images/dx/contents/logo_yogiyo.png') no-repeat;}
.submain_myservice_life .ico16:before {background:url('/pconts/images/dx/contents/logo_oners.png') no-repeat;}
.submain_myservice_life .ico17:before {background:url('/pconts/images/dx/contents/logo_netflix.png') no-repeat;}
.submain_myservice_life .ico18:before {background:url('/pconts/images/dx/contents/logo_youtube.png') no-repeat;}
.submain_myservice_life .ico19:before {background:url('/pconts/images/dx/contents/logo_tiving.png') no-repeat;}
.submain_myservice_life .ico20:before {background:url('/pconts/images/dx/contents/logo_wavve.png') no-repeat;}
.submain_myservice_life .ico21:before {background:url('/pconts/images/dx/contents/logo_melon.png') no-repeat;}
.submain_myservice_life .ico22:before {background:url('/pconts/images/dx/contents/logo_bugs.png') no-repeat;}
.submain_myservice_life .ico23:before {background:url('/pconts/images/dx/contents/logo_genie.png') no-repeat;}
.submain_myservice_life .ico24:before {background:url('/pconts/images/dx/contents/logo_ridi.png') no-repeat;}
.submain_myservice_life .ico25:before {background:url('/pconts/images/dx/contents/logo_millie.png') no-repeat;}
.submain_myservice_life .ico26:before {background:url('/pconts/images/dx/contents/logo_welaaa.png') no-repeat;}
.submain_myservice_life .ico27:before {background:url('/pconts/images/dx/contents/logo_starbucks.png') no-repeat;}
.submain_myservice_life .ico28:before {background:url('/pconts/images/dx/contents/logo_watcha.png') no-repeat;}
/* 금융서브메인과 유사한 타이틀 디자인 적용 */
.title-type01 {color:#000;font-size:24px;font-weight:700;}
.title-type01 .subTit{display:inline-block;position:relative;padding:0 23px 0 21px;color:#111;font-size:20px;font-weight:400;line-height:25px;vertical-align:middle;}
.title-type01 .subTit:before{content:'';display:block;position:absolute;top:2px;left:10px;width:1px;height:20px;background:#ddd}
.title-type01 .subTit:after{content:'';display:block;position:absolute;top:50%;right:3px;width:13px;height:13px;margin-top:-7px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg)}
.title-type01 .subTit.no-icon:after{display:none;}
/* 마재광 카드 리스트 신규 디자인 */
.c-card-list1 .in-wrap{display:flex;flex-wrap:wrap;margin:-8px;}
.c-card-list1 .item{flex:0 0 50%;max-width:calc(50% - 16px);margin:8px;padding:25px 40px 30px;background:#fff;border-radius:10px;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);}
.c-card-list1 .item .tit{font-size:20px;}
.c-card-list1 .item .info-wrap{display:flex;margin-top:14px;}
.c-card-list1 .item .info-wrap .img{flex:0 0 auto;width:210px;margin-right:30px;}
.c-card-list1 .item .info-wrap .txt li + li{margin-top:7px;}
.c-card-list1 .item .info-wrap .btn-wrap{margin-top:10px;}
/* 카드 약관 동의등급제 디자인 */
.agree-grade{position:relative;margin:0 0 15px 0;padding:27px 0 21px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:13px;}
.agree-grade .c-badge2{position:absolute;top:25px;left:160px;right:0;}
.agree-grade.type2 .c-badge2{position:relative;top:0;left:0;margin-top:6px;}
/* 아코디언 내부에서 디자인 커스텀 */
.accordion_header .agree-grade{display:none;margin:0 40px 15px 38px;}
.accordion_header.on .agree-grade{display:block;}
/* 약관 팝업에서 디자인 커스텀 */
.pop_wrap .popup .agree-grade{padding-bottom:0;border-bottom:none;}
.pop_wrap .popup .agree-grade .tit {font-size:17.25px;}
.pop_wrap .popup .agree-grade .c-badge2{top:29px;left:200px;}
.pop_wrap .popup .agree-grade-txt{margin-top:40px;text-align:center;font-size:13px;}
.pop_wrap .popup .agree-grade-txt p + p {margin-top:8px;}
/* 타이틀 영역에 이미지 신규 디자인 (/mob/MOBFM374N/MOBFM374C01.shc) */
.visual-img1{display:flex;justify-content:space-between;}
.visual-img1 .img{flex:0 0 auto;width:216px;margin-top:-102px;}
/* radio_list에 2행 디자인 코드 추가 */
.radio_list .radio_wrap > li.row{display:block;}
.radio_list .radio_wrap > li.row .radio_default{display:block;width:100%;}
.radio_list .radio_wrap > li.row .info{display:block;width:100%;margin-top:5px;padding-left:65px;}
/* 2모바일 선동의 체크박스 없는 디자인 .no_check_all 추가 */ 
.agreement_wrap .agree_depth01.no_check_all > .accordion_header > .txt_wrap > span{display: block;position: relative;width: 100%;padding: 16px 55px 16px 20px;font-size: 16px;font-weight: 700;color: #333;line-height: 1.8;box-sizing: border-box;}
.agreement_wrap .agree_depth01.no_check_all .txt_wrap + .btn_acc_check:after{content: '';display: inline-block;width: 12px;height: 12px;margin-bottom: -4px;border: 2px solid #666;border-left: none;border-top: none;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.agreement_wrap .agree_depth01.no_check_all .agree_depth02 .accordion_wrap.accordion_check .accordion_header .txt_wrap + .btn_acc_check:after{width:10px;height:10px;border-width:1px;}
.agreement_wrap .agree_depth01.no_check_all .agree_depth02 .txt_wrap{padding-left:20px;min-height:29px;}
.agreement_wrap .agree_depth01.no_check_all .agree_depth02 .txt_wrap > span{display:block;padding-right:55px;}
.agreement_wrap .agree_depth01.no_check_all .agree_depth03{padding-left:48px;}
.no_check_all .accordion_header .agree-grade{margin:0 40px 15px 20px;}
/* 스와이프에 비활성화 텍스트 칼라 적용(카드신청페이지-결제일선택) */
.new-customer .swiper-slide[data-swiper-slide-index='0'],
.new-customer .swiper-slide[data-swiper-slide-index='1'],
.new-customer .swiper-slide[data-swiper-slide-index='2'],
.new-customer .swiper-slide[data-swiper-slide-index='3'],
.new-customer .swiper-slide[data-swiper-slide-index='4'],
.new-customer .swiper-slide[data-swiper-slide-index='5'],
.new-customer .swiper-slide[data-swiper-slide-index='6'],
.new-customer .swiper-slide[data-swiper-slide-index='7'],
.new-customer .swiper-slide[data-swiper-slide-index='8'],
.new-customer .swiper-slide[data-swiper-slide-index='9'],
.new-customer .swiper-slide[data-swiper-slide-index='10'],
.new-customer .swiper-slide[data-swiper-slide-index='11'],
.new-customer .swiper-slide[data-swiper-slide-index='12']{pointer-events:none;}
.new-customer .swiper-slide[data-swiper-slide-index='0'] a,
.new-customer .swiper-slide[data-swiper-slide-index='1'] a,
.new-customer .swiper-slide[data-swiper-slide-index='2'] a,
.new-customer .swiper-slide[data-swiper-slide-index='3'] a,
.new-customer .swiper-slide[data-swiper-slide-index='4'] a,
.new-customer .swiper-slide[data-swiper-slide-index='5'] a,
.new-customer .swiper-slide[data-swiper-slide-index='6'] a,
.new-customer .swiper-slide[data-swiper-slide-index='7'] a,
.new-customer .swiper-slide[data-swiper-slide-index='8'] a,
.new-customer .swiper-slide[data-swiper-slide-index='9'] a,
.new-customer .swiper-slide[data-swiper-slide-index='10'] a,
.new-customer .swiper-slide[data-swiper-slide-index='11'] a,
.new-customer .swiper-slide[data-swiper-slide-index='12'] a{color:#999;}
/* 편의 - 케어 - MYCar케어 페이지 */
.mycar-care01{overflow:hidden;}
.mycar-care01 .in-wrap{display:flex;flex-wrap:wrap;margin:-10px;}
.mycar-care01 .item{flex:0 0 auto;max-width:234px;margin:10px;}
.mycar-care02{height:400px;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar05_pc.jpg') no-repeat;}
.mycar-care03{height:400px;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar06_pc.jpg') no-repeat;}
.mycar-care04{height:219px;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar07_pc.jpg') no-repeat;}
.mycar-care05{height:604px;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar08_pc.jpg') no-repeat;}
/* 디지털 >스타벅스 */
.submain_digital_conts.starbucks .img-sec{width:528px;height:352px;position:absolute;left:0;top:0;}
.submain_digital_conts.starbucks .img-sec .bg-circle{content:'';width:306px;height:306px;border-radius:100%;background:#deece8;position:absolute;left:73px;top:3px;overflow:hidden;}
.submain_digital_conts.starbucks .img-sec .bg-phone{width:210px;height:300px;padding:0px 10px 0px 10px;padding-top:53px;background:url(/pconts/images/dx/contents/sbuck1c.png) 0 0 no-repeat;background-size:100% auto;top:50px;position:absolute;left:50%;transform:translateX(-50%)}
.submain_digital_conts.starbucks .img-sec .bg-phone .page{height:243px;overflow:hidden;position:relative;}
.submain_digital_conts.starbucks .img-sec .bg-phone .page img{width:100%;position:absolute;left:0;top:0;animation:d-starbucks1 7s ease-in-out 0s infinite;}
@keyframes d-starbucks1{
	0%{top:0}
	20%{top:0}
	40%{top:-100%}
	70%{top:-100%}
	90%{top:0%;}
	100%{top:0%}
}
.submain_digital_conts.starbucks .img-sec .bg-pani{width:192px;height:161px;position:absolute;left:35px;opacity:1;bottom:0px;background:url(/pconts/images/dx/contents/sbuck1b.png) 0 0 no-repeat;background-size:100% auto;/*animation:d-starbucks2 15s ease-in-out 0s infinite;*/}
@keyframes d-starbucks2{
	0%{left:0;opacity:0;}
	10%{left:0;opacity:0;}
	20%{left:35px;opacity:1}
	80%{left:35px;opacity:1}
	85%{left:0;opacity:0;}
	100%{left:0;opacity:0;}
}
.submain_digital_conts.starbucks .img-sec .bg-pani .bg1{width:4px;height:17px;background:url(/pconts/images/dx/contents/sbuck1d.png) 0 0 no-repeat;background-size:100% auto;z-index:1;position: absolute;top:90px;left:72px;animation:d-starbucks3 3s linear 0s infinite;opacity:0;}
@keyframes d-starbucks3{
	0%{top:110px;opacity:0;transform:scale(0);}
	30%{top:90px;opacity:1;transform:scale(1);}
	70%{top:70px;opacity:0;transform:scale(1.3);}
}
.submain_digital_conts.starbucks .img-sec .bg-pani .bg2{width:4px;height:17px;background:url(/pconts/images/dx/contents/sbuck1d.png) 0 0 no-repeat;background-size:100% auto;z-index:1;position: absolute;top:90px;left:63px;animation:d-starbucks4 3s linear 0s infinite;animation-delay:.2s;opacity:0;}
@keyframes d-starbucks4{
	0%{top:110px;opacity:0;transform:scale(0);}
	40%{top:90px;opacity:1;transform:scale(1);}
	80%{top:70px;opacity:0;transform:scale(1.2);}
}
.c-section1.starbucks{padding:60px 0;}
.c-tab1{position:relative;}
.c-tab1:before{content:'';position:absolute;width:100%;height:1px;background:#ddd;left:0;bottom:0px;}
.c-tab1 .c-article{display:flex;overflow:auto;overflow-y:hidden;}
.c-tab1 a{padding:20px 20px 19px;text-align:center;flex-shrink:0;font-weight:700;font-size:20px;position:relative;transition:all .5s;}
.c-tab1 a:after{content:'';position:absolute;left:0;bottom:0px;width:0%;height:2px;background:#081350;opacity:1;transition:all .5s;}
.c-tab1 a.on{color:#111;}
.c-tab1 a.on:after{width:100%;}
[class*=c-tit] + .ol-list,[class*=c-txt] + .ol-list{margin-top:14px;}
.ol-list li{list-style-type:decimal;list-style-position:outside;margin-left:15px;/*transition:all .1s*/}
.ol-list li + li{margin-top:4px;}
.ol-list li.on{font-weight:bold;color:#4868e1;font-size:1.2em;font-weight:900}
.c-flex-row{display:flex;flex-direction:row;margin-top:20px;}
.c-flex-box{flex:1;}
.myhealth .c-flex-row .c-flex-box:nth-child(1),
.starbucks .c-flex-row .c-flex-box:nth-child(1){padding-right:35px;height:380px;}
.myhealth .c-flex-row .c-flex-box:nth-child(2),
.starbucks .c-flex-row .c-flex-box:nth-child(2){padding-left:35px;}
.myhealth .dumb-box,
.starbucks .dumb-box{height:300px;}
/* 탑스서비스 컨텐츠 배경이미지 변경 추가 */
.topsService > .service_list.dx-custom li:nth-child(1)::before {background-image: url(/pconts/images/dx/contents/service01.png);}
.topsService > .service_list.dx-custom li:nth-child(2)::before {background-image: url(/pconts/images/dx/contents/service02.png);}
.topsService > .service_list.dx-custom li:nth-child(3)::before {background-image: url(/pconts/images/dx/contents/service03.png);}
.topsService > .service_list.dx-custom li:nth-child(4)::before {background-image: url(/pconts/images/dx/contents/service04.png);}
.topsService > .service_list.dx-custom li:nth-child(5)::before {background-image: url(/pconts/images/dx/contents/service05.png);}
.topsService > .service_list.dx-custom li:nth-child(6)::before {background-image: url(/pconts/images/dx/contents/service06.png);}
.topsService > .service_list.dx-custom li:nth-child(7)::before {background-image: url(/pconts/images/dx/contents/service07.png);}
.topsService > .service_list.dx-custom li:nth-child(8)::before {background-image: url(/pconts/images/dx/contents/service08.png);}
@media only screen and (max-width: 1100px){
	.c-section1.starbucks{padding:30px 0;}
	[class*=c-tit] + .ol-list,[class*=c-txt] + .ol-list{margin-top:10px;}
	.c-tab1 a{padding:13px 20px 13px;font-size:1.7rem;}
	.c-flex-row{display:flex;flex-direction:column;margin-top:14px;}
	.c-flex-box{flex:none;padding:0;}
	.myhealth .c-flex-row .c-flex-box:nth-child(1),
	.starbucks .c-flex-row .c-flex-box:nth-child(1){padding-right:0px;}
	.myhealth .c-flex-row .c-flex-box:nth-child(1) > div{padding:30px 0px}
	.myhealth .c-flex-row .c-flex-box:nth-child(2),
	.starbucks .c-flex-row .c-flex-box:nth-child(2){padding-left:0px;margin-top:20px;padding-top:30px;}
	.myhealth .dumb-box,
	.starbucks .dumb-box{height:150px;}
	.starbucks .c-flex-box .c-tit1{position: absolute;top:35px;font-size:1.6rem;}
	.starbucks .c-flex-box .c-tit1 br{display:none;}
	.starbucks .c-flex-box .ol-list li {opacity:0;height:0;overflow:hidden;margin-top:0;}
	.starbucks .c-flex-box .ol-list li.on{overflow:visible;height:auto;opacity:1;font-size:1.1em;text-align:center;display:block;padding:0;margin:0;}
	.starbucks [class*=c-tit] + .ol-list{margin-top:-10px;}
	.btn_wrap.m-col .btn + .btn{margin-top:5px;}
	/* 마이 - 이용한도 - 추가한도 이용신청 */
	.radio_list_wrap .radio_list .used{top:23px;right:19px;}
	/* 카드 - 멀티멤버십 */
	.members_card_info li a.l_point span.emblem{background-size:87px;background-position-y:40px;height:100%;}
	.members_card_info li.checked a.l_point span.emblem{background-size: 87px;}
	/* 긴급재난지원금 인트로 */
	#infoPage .info-top .c-txt1{font-size:1.8rem;}
	#infoPage .info-top .c-img1{height:155px;}
	#infoPage .info-body{width:100%;padding-top:30px;padding-bottom:30px;}
	#infoPage .info-body .define1 dt{margin-top:30px;font-size:20px;}
	#infoPage .info-body .define1 dd{font-size:15px;}
	/* 긴급재난지원금 이용안내 */
	.disaster-support{height:400px;margin-bottom:40px;}
	.disaster-support .content_well{padding-top:40px;padding-bottom:20px;}
	.disaster-support .content_well .content_heading .text_area{margin-bottom:0;}
	.disaster-support .content_well .content_heading .title{font-size:36px;}
	.disaster-support .content_well .content_heading .sub_title{margin-top:25px;font-size:18px;}
	.disaster-support .content_well::after{content:'';display:block;position:relative;top:0;left:0;right:0;width:100%;height:166px;background:url(/pconts/images/dx/landing/disaster-support-top-pc.png) no-repeat left top / contain}
	.disaster-support.img2 .content_well::after{right:0;width:100%;height:166px;}
	.disaster-support.img3{height:auto;}
	.disaster-support.img3 .content_well::after{height:186px;}
	/* 신한페이지 가입안내 */
	.payfan-join .top-img{margin-bottom:50px;}
	.payfan-join .top-img .c-tit1{float:none;}
	.payfan-join .top-img::after{height:0;margin-top:30px;padding-top:59.375%;}
	/* 해외환율 card_date pc에도 보이게 수정 */
    .dx-cdview.card_inquiry_list.errorCard_list .head_tit .card_date{margin-left:0;}
    /* MGM(친구추천) 개인화URL적용 추천 문자 발송 페이지 제작(히든) */
    .mgm_landing .mgm_top p{margin:17px 0;font-size:18px;}
	.mgm_landing .mgm_top strong{font-size:24px;}
	.mgm_landing .mgm_body .benefit_list{display:block;}
	.mgm_landing .mgm_body .benefit_list li{flex:0 0 100%;max-width:100%;padding-right:20px;}
	.mgm_landing .mgm_body .benefit_list li + li{margin-top:40px;}
	.mgm_landing .mgm_body .benefit_list::before{display:none;}
	.mgm_landing .mgm_body .benefit_list .num{font-size:3.3rem;}
    .mgm_landing .mgm_body .benefit_list p{margin-bottom:15px;}
    /* 라이프 서브메인 리뉴얼 */
    .submain_life_service ul{margin:-4px;}
    .submain_life_service ul li{flex:0 0 50%;max-width:50%;padding:4px}
    .submain_life_service ul li a{padding:53px 14px 16px 14px;}
    .submain_life_service ul li a::before{top:12px;left:11px;width:34px;height:34px;background-size:34px 34px;}
    .submain_life_service ul li a strong{position:absolute;top:18px;left:53px;padding-right:10px;font-size:15px;}
    .submain_life_service ul li a strong::after{width:7px;height:7px;}
    .submain_life_service ul li a .txt{font-size:13px;}
    .submain_life_myauto .btn_myauto{position:relative;top:0;margin-top:24px;}
    .submain_life_myauto .swiper-container{margin-top:27px;}
    .submain_life_myauto .swiper-slide{background-size:30px 30px;background-position:13px 15px;}
    .submain_life_myauto .swiper-slide a{padding:56px 13px 15px 13px;}
    .submain_life_myauto .swiper-slide a .badge{top:13px;right:13px;}
    .submain_life_myauto .swiper-slide a .tit{font-size:13px;}
    .submain_life_myauto .swiper-slide a .txt{font-size:13px;}
    .submain_life_myauto .swiper-button-next,
    .submain_life_myauto .swiper-button-prev,
    .submain_life_myauto .swiper-button-next.swiper-button-disabled,
    .submain_life_myauto .swiper-button-prev.swiper-button-disabled {display:block !important;}
    .submain_life_myauto .swiper-button-next,
    .submain_life_myauto .swiper-button-prev{width:30px;height:30px;margin-top:-15px;}
    .submain_life_myauto .swiper-button-prev{left:-20px;}
    .submain_life_myauto .swiper-button-next{right:-20px;}
    .submain_life_myauto .swiper-button-next::before,
    .submain_life_myauto .swiper-button-prev::before{width:10px;height:10px;top:10px;}
    .submain_life_myauto .swiper-button-prev::before{left:13px;}
    .submain_life_myauto_bn{margin-top:33px;padding:0 0 0 20px;}
    .submain_life_myauto_bn .txt{font-size:13px;}
    .submain_life_myauto_bn .txt p{margin-bottom:10px;}
    .submain_life_myauto_bn .txt strong{font-size:15px;}
	.submain_life_myauto_bn .img{width:100px;}
	/* 금융 서브메인 만기연장 버튼 */
	.expiration-info{display:block;}
	.expiration-info .ico{top:0;}
	.expiration-info .btn_wrap{margin-top:10px;}
	/* 탑스클럽 - 신한플러스 멤버십 신규페이지 작업 */
	.tops-shcplus .visual-top .ly_inner{background-position:center bottom;padding:40px 20px 250px;}
	/* 멀티멤버십 약관 2줄인 경우 커스터마이징 */
	.DIY_agree_wrap .multi-row .check_wrap.type_agree .check_agree{line-height:21px;padding:14px 0;}
	.DIY_agree_wrap .multi-row .check_wrap.type_agree .check_agree input[type="checkbox"] + span{min-height:21px;}
	.DIY_agree_wrap .multi-row .check_wrap.type_agree .check_agree input[type="checkbox"] + span:before{margin:-10px 0 0 0;}
	/* 전자민원접수 페이지 수정 */
	.para_introduce .sub_para2{padding:11px 50px 11px 16px;border:1px solid #ddd;font-size:18px;line-height:1.6;}
	.para_introduce .sub_para2::after{position:absolute;top:50%;right:20px;margin-top:-6px;border-top-width:2px;border-right-width:2px;}
	.dx-customize .service_link_list li .link_item{height:73px;}
	.dx-customize .service_link_list li .link_item .tit::after{width:8px;height:8px;transform:rotate(45deg) skew(2deg, 2deg)}
	/* 정부지원 소비쿠폰 이용내역 */
	.govt-coupon ul li{flex:0 0 50%;max-width:50%;}
	.govt-member>div{flex:0 0 50%;max-width:50%;}
	/* 지자체 재난지원금 이용내역 */
	.select_filter .select_wrap{width:240px;top:10px;}
	.select_filter .select_wrap .ui_select .ui_select_btn{height:40px;font-size:13px;}
	.select_filter .select_wrap .ui_select .ui_select_btn .ui_select_value{padding-right:23px;}
	.select_filter .select_wrap .ui_select select{width:245px;height:40px;font-size:13px;}
	/* 혜택 - 마이카 프리미엄 */
	.maycar .parking_contact.dx-customize .item .img{height:0;}
	/* 고객센터 - Talk상담, 이메일상담 */
	.online_counsel .item {display:block;min-height:125px;height:auto;padding:0 0 0 150px;box-shadow:none;background-position:left top;background-size:125px;font-size:15px;}
	.online_counsel .item + .item {margin-top:40px;}
	.online_counsel .item .btn_counsel {margin-top:25px;}
	/* 금융-일반대출 */
	.general_loan .dx-customize.loan_menulist01{margin:0;}
	.general_loan .dx-customize.loan_menulist01 .loan01,
	.general_loan .dx-customize.loan_menulist01 .loan02{margin-top:0;}
	.general_loan .loan_menulist01 li:nth-child(odd){margin-left:0;}
	/* 혜택 개발용 이벤트 - /pconts/html/benefit/event/1199160_2239.html */
	.dx_picasso_list{margin:-5px -5px 35px;}
	.dx_picasso_list li{flex:0 0 50%;max-width:50%;padding:5px;}
	.dx_picasso_list li .inner{padding:8px;}
	/* 소비자보호포탈 신한사이다 상단비쥬얼 */
	.visual_txt.visual_cider01{background: none;padding-top: 0;}
	.visual_txt.visual_cider01 .sub_txt{padding-top: 3%;padding-bottom: 3%;padding-right: 50%;background: url('/pconts/images/dx/contents/cider_visual_bg02.gif') no-repeat right center;background-size: contain;}
	/* 카드 리스트 커스터마이즈 */
	.card_inquiry_list.dx-customize .accordion_header{overflow:hidden;display:block;}
	.card_inquiry_list.dx-customize.accordion_wrap.type02 .accordion_header .cell1{padding-right:0;padding-left:0;}
	.card_inquiry_list.dx-customize .item .radio_wrap.card_head label .head_tit{display:block;padding:45px 80px 16px 57px}
	.card_inquiry_list.dx-customize .radio_wrap input[type="radio"] + span::before{left:20px}
	.card_inquiry_list.dx-customize .radio_wrap input[type="radio"] + span::after{left:26px}
	.card_inquiry_list.dx-customize .head_tit{overflow:hidden}
	.card_inquiry_list.dx-customize .head_tit .txt01{position:absolute;top:17px;left:57px;margin:0}
	.card_inquiry_list.dx-customize .head_tit .txt03{right:20px;}
	.card_inquiry_list.dx-customize .head_tit .card_date{display:block;color:#111;font-size:1.3rem;font-weight:400}
	.card_inquiry_list.dx-customize .item .radio_wrap input:disabled + span {padding:0;}
	.card_inquiry_list.dx-customize02.accordion_wrap.type02 .accordion_header .cell1{padding-right:0;}
	.card_inquiry_list.dx-customize02 .accordion_header .cell2{margin-right:15px;}
	/* 생활요금납부 한눈에 보기 리뉴얼 -> My정기결제 */
	.lift_fare_tit .text_link{font-size:15px;}
	.lift_fare_tit .text_link::before{top:0;}
	.lift_fare_tit .text_link::after{top:6px;}
	.lift_fare_ing2 ul{margin:-4px;}
	.lift_fare_ing2 ul li{flex:0 0 50%;max-width:50%;padding:4px;}
	.lift_fare_ing2 ul li .inner{padding:0 9px 0 14px;height:55px;font-size:15px;}
	.lift_fare_ing2 ul li .inner .text_link::before{top:0;}
	.lift_fare_ing2 ul li .inner .text_link::after{top:6px;}
	.lift_fare_help_apply{display:block;text-align:center;}
	.lift_fare_help_apply .btn_wrap{margin-top:7px;}
	.lift_fare_ing.dx-customize{margin:0;}
	.lift_fare_ing.dx-customize li{width:100%;min-height:163px;margin:0;padding:20px 23px 20px 97px;}
	.lift_fare_ing.dx-customize li + li{margin-top:8px;}
	.lift_fare_ing.dx-customize li:before{left:23px;width:57px;height:57px;}
	.lift_fare_ing.dx-customize li::before, .lift_fare_help li::before{background-size:40px 40px !important;}
	.check_wrap.chk-ico{margin:-2px;}
	.check_wrap.chk-ico .ico{width:35px;height:35px;background-size:35px 35px;margin:0 auto 7px;}
	.check_wrap.chk-ico .check_btn{flex-basis:auto;width:33.3333%;padding:2px;}
	.check_wrap.chk-ico .check_btn input[type="checkbox"] + span{height:105px;padding:21px 7px 0;font-size:15px;font-weight:700;}
	.check_wrap.chk-ico .check_btn input[type="checkbox"]:checked + span{padding:20px 5px 0;}
	.check_wrap.chk-ico .check_btn input[type="checkbox"]:checked + span::after{top:7px;right:7px;width:20px;height:20px;background-size:20px 20px;}
	/* 긴급재난지원 착한소비 프로젝트 */
	.good-consumption .bg_gray{padding:27px 0 27px;}
	.good-consumption .my-grade .grade{height:164px;margin-top:28px;}
	.good-consumption .my-grade .tit{margin-top:30px;font-size:22px;}
	.good-consumption .my-use{margin-top:58px;padding:14px 20px;}
	.good-consumption .my-use .tit{font-size:13px;}
	.good-consumption .my-use .tit b{font-size:20px;}
	.good-consumption .my-use .bar{height:10px;}
	.good-consumption .my-use .bar .current{height:10px;}
	.good-consumption .my-use .bar .current::after{width:10px;height:10px;right:-5px;}
	.good-consumption .my-use .bar-txt{margin-top:7px;}
	.good-consumption .my-use .bar-txt br{display:block;}
	.good-consumption .my-use .bar-txt span{font-size:12px;line-height:1.2;}
	.good-consumption .my-use .bar-txt span:last-child{margin-left:0;}
	.good-consumption .medal-grade{margin-top:11px;}
	.good-consumption .medal-grade div{flex:0 0 50%;max-width:50%;background-size:63px 114px;padding-top:122px;font-size:15px;}
	.good-consumption .medal-grade .medal-gold,.good-consumption .medal-grade .medal-dia{margin-top:30px;}
	/* 고객센터 - 신한사이다 */
	.sh_cider .list_group .c-badge1{margin-bottom:8px;}
	.sh_cider .list_view .list_view_head .c-badge1{position:relative;top:0;left:0;margin:6px 0 10px;}
	.sh_cider .submain_service .service_inner .inner_cont a::after{right:27px;}
	.sh_cider .submain_service .service_inner .inner_cont a{padding:25px 130px 25px 18px;}
	.sh_cider .submain_service .service_inner .inner_cont a::after{right:20px;width:100px;height:100px;margin-top:-50px;}
	/* visual_txt영역 우측에 이미지가 있는 경우 커스텀 - 편의 > 마이정기결제 > 디지털 구독 */
	.visual_txt.visual_img{padding-right:0;}
	.visual_txt.visual_img .sub_txt{position:relative;min-height:80px;padding-right:100px;}
	.visual_txt.visual_img .sub_txt .img img{width:80px;}
	/* 금융서브메인과 유사한 타이틀 디자인 적용 */
	.title-type01 {font-size:18px;}
	.title-type01 .subTit{display:block;padding:0;font-size:15px;}
	.title-type01 .subTit:before{display:none;}
	/* 카드 리스트 신규 디자인 */
	.c-card-list1 .in-wrap{display:block;margin:0;}
	.c-card-list1 .item{max-width:100%;margin:0;padding:17px 20px 20px;}
	.c-card-list1 .item .tit{font-size:15px;}
	.c-card-list1 .item + .item{margin-top:8px;}
	.c-card-list1 .item .info-wrap{position:relative;margin-top:10px;padding-bottom:55px;}
	.c-card-list1 .item .info-wrap .img{width:120px;margin-right:15px;}
	.c-card-list1 .item .info-wrap .txt li{font-size:13px;}
	.c-card-list1 .item .info-wrap .txt li + li{margin-top:5px;}
	.c-card-list1 .item .info-wrap .btn-wrap{position:absolute;bottom:0;left:0;right:0;}
	.c-card-list1 .item .info-wrap .btn-wrap .btn{width:100%;}
	/* 카드 약관 동의등급제 디자인 */
    .agree-grade{margin:0;padding:17px 0 16px 0;}
	.agree-grade .c-badge2{position:relative;top:0;left:0;margin-top:6px;}
	/* 약관 팝업에서 디자인 커스텀 */
	.pop_wrap .popup .agree-grade{margin-bottom:15px;}
	.pop_wrap .popup .agree-grade .c-badge2{top:0;left:0;}
	/* 타이틀 영역에 이미지 신규 디자인 (/mob/MOBFM374N/MOBFM374C01.shc) */
	.visual-img1 .img{width:150px;margin-top:0;}
	/* 편의 - 케어 - MYCar케어 페이지 */
	.mycar-care01 .in-wrap{margin:-5px;}
	.mycar-care01 .item{flex:0 0 50%;max-width:calc(50% - 10px);margin:5px;}
	.mycar-care02{height:0;padding-top:83%;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar05_m.jpg') no-repeat left top / 100%;} 
	.mycar-care03{height:0;padding-top:85.55555%;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar06_m.jpg') no-repeat left top / 100%;} 
	.mycar-care04{height:0;padding-top:32.22222%;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar07_m.jpg') no-repeat left top / 100%;} 
	.mycar-care05{height:0;padding-top:88.88888%;background:url('/pconts/images/dx/contents/MOBFM568R01_mycar08_m.jpg') no-repeat left top / 100%;} 
	.usage_item.type03.dx-customize01 .usage_info .texts_area .date{display:block;}
	.usage_item.type03.dx-customize01 .usage_info .texts_area .date:not(:last-of-type):after{display:none;}
}
.sbuck-wrap .swiper-btn-next:before{content:'';width:20px;height:2px;background:#fff;transform:rotate(-45deg);position:absolute;top:50%;left:11px;margin-top:5px}
.sbuck-wrap .swiper-btn-next:after{content:'';width:20px;height:2px;background:#fff;transform:rotate(45deg);position:absolute;top:50%;left:11px;margin-top:-8px}
.sbuck-wrap .swiper-btn-prev:before{content:'';width:20px;height:2px;background:#fff;transform:rotate(45deg);position:absolute;top:50%;right:11px;margin-top:5px}
.sbuck-wrap .swiper-btn-prev:after{content:'';width:20px;height:2px;background:#fff;transform:rotate(-45deg);position:absolute;top:50%;right:11px;margin-top:-8px}
.sbuck-wrap .swiper-play-stop{position:absolute;z-index:100;bottom:-26px;right:110px;}
.sbuck-wrap .swiper-play.on{display:block;}
.sbuck-wrap .swiper-play{width:11px;height:11px;position:relative;overflow:hidden;display:none;text-indent:-9999px;}
.sbuck-wrap .swiper-play:before{content:'';width:0px;height:0px;position:absolute;left:0;top:0;border-left:8px solid #111;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.sbuck-wrap .swiper-stop.on{display:block;}
.sbuck-wrap .swiper-stop{width:11px;height:11px;position:relative;overflow:hidden;display:none;text-indent:-9999px;}
.sbuck-wrap .swiper-stop:before{content:'';height:100%;width:2px;background:#111;position:absolute;left:2px;top:0;}
.sbuck-wrap .swiper-stop:after{content:'';height:100%;width:2px;background:#111;position:absolute;right:2px;top:0;}
.sbuck-scene-group{width:470px;height:385px;position:relative;}
.sbuck-wrap{width:262px;height:350px;margin:0 auto;background:url(/pconts/images/dx/contents/digital_02vhp.png) center 0 no-repeat;padding:24px 38px 1px;;overflow:visible;}
.sbuck-wrap .swiper-slide{overflow:hidden;position:relative;}
.sbuck-wrap .swiper-slide img{position:absolute;top:0%;transition:all .4s ease-in-out;transition-delay:.5s;}
.sbuck-wrap .swiper-pagination{position:absolute;top:auto;bottom:-30px;color:#111;font-size:13px;font-weight:bold;word-spacing:-3px;padding-right:20px;}
.sbuck-wrap .swiper-pagination-current{color:#111;font-weight:900;}
.sbuck-wrap .swiper-btn-next,
.sbuck-wrap .swiper-btn-prev{position:absolute;left:-104px;top:50%;width:40px;height:40px;background:#7b7b7d;margin-top:-20px;text-indent:-9999px;overflow:hidden;opacity:0.1;transition:opacity .8s;}
.sbuck-wrap .swiper-btn-prev:hover,
.sbuck-wrap .swiper-btn-next:hover{opacity:1;}
.sbuck-wrap .swiper-btn-next{position:absolute;left:auto;right:-104px;top:50%;}
#starBucks1.act .swiper-btn-prev,
#starBucks1.act .swiper-btn-next{opacity:1;}
.sbuck-wrap .pointer{position:absolute;width:40px;height:40px;z-index:10;border-radius:100%;border:2px solid #4868e1;background:rgba(208,218,255,0.5);right:-40px;bottom:-40px;}
.sbuck-scene-group1 .swiper-slide-active.scene1 .pointer{animation:pointer1a 2s forwards;left:auto;right: 73px;bottom:152px;animation-timing-function:ease-in-out;}
@keyframes pointer1a{
	40%{right:73px;bottom:152px;}
	80%{right:52px;bottom:44px;}
	89%{transform:scale(1);right:50px;bottom:46px;}
	96%{transform:scale(0.7);right:50x;bottom:46px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:50px;bottom:46px;;}
}
.sbuck-scene-group1 .swiper-slide-active.scene2 .pointer{animation:pointer2a 2s forwards;left:auto;right:50px;bottom:46px;animation-timing-function:ease-in-out;animation-delay:.5s;}
@keyframes pointer2a{
	40%{right:50px;bottom:46px;}
	80%{right:75px;bottom:155px;}
	89%{transform:scale(1);right:73px;bottom:155px;}
	96%{transform:scale(0.7);right:73x;bottom:155px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:73px;bottom:155px;;}
}
.sbuck-scene-group1 .swiper-slide-active.scene3 .pointer{animation:pointer3a 2s forwards;left:auto;animation-timing-function:ease-in-out;animation-delay:.5s;right:73px;bottom:155px;}
@keyframes pointer3a{
	40%{right:73px;bottom:155px;}
	80%{right:73px;bottom:155px;}
	89%{transform:scale(1);right:73px;bottom:155px;}
	96%{transform:scale(0.7);right:73x;bottom:155px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:73px;bottom:155px;}
}
.sbuck-scene-group1 .swiper-slide-active.scene4 .pointer{animation:pointer4a 2s forwards;left:auto;animation-timing-function:ease-in-out;animation-delay:.5s;right:73px;bottom:155px;}
@keyframes pointer4a{
	40%{right:73px;bottom:155px;}
	80%{right:28px;bottom:97px;}
	89%{transform:scale(1);right:28px;bottom:97px;}
	96%{transform:scale(0.7);right:28x;bottom:97px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:28px;bottom:97px;}
}
.sbuck-scene-group1 .swiper-slide-active.scene5 .pointer{animation:pointer5a 2s forwards;left:auto;animation-timing-function:ease-in-out;animation-delay:.5s;right:28px;bottom:97px;}
.sbuck-scene-group1 .swiper-slide-active.scene5  img{top:-100%;}
@keyframes pointer5a{
	0%{right:28px;bottom:97px;}
	80%{right:72px;bottom:172px;}
	89%{transform:scale(1);right:72px;bottom:172px;}
	96%{transform:scale(0.7);right:72x;bottom:172px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:72px;bottom:172px;}
}
.sbuck-scene-group1 .swiper-slide-active.scene6  img{top:-66%;}
.sbuck-scene-group1 .swiper-slide-active.scene6 .pointer{animation:pointer6a 2s forwards;animation-timing-function:ease-in-out;left:auto;animation-delay:.5s;right:72px;bottom:172px;}
@keyframes pointer6a{
	40%{right:72px;bottom:172px;}
	80%{right:30px;bottom:5px;}
	89%{transform:scale(1);right:30px;bottom:5px;}
	96%{transform:scale(0.7);right:30px;bottom:5px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:30px;bottom:5px;}
}
.sbuck-scene-group1 .swiper-slide-active.scene7  img,
.sbuck-scene-group2 .swiper-slide-active.scene7  img{top:-149%;}
.sbuck-scene-group1 .swiper-slide-active.scene7 .pointer,
.sbuck-scene-group2 .swiper-slide-active.scene7 .pointer{animation:pointer7a 2s forwards;animation-timing-function:ease-in-out;left:auto;animation-delay:.5s;right:30px;bottom:5px;}
@keyframes pointer7a{
	40%{right:30px;bottom:5px;}
	80%{right:72px;bottom:5px;}
	85%{transform:scale(1);right:72px;bottom:5px;}
	98%{transform:scale(0.7);right:72px;bottom:5px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:72px;bottom:5px;}
}
.sbuck-scene-group1 .swiper-slide-active.scene8 .pointer,
.sbuck-scene-group2 .swiper-slide-active.scene8 .pointer{animation:pointer8a 2s forwards;animation-timing-function:ease-in-out;left:auto;animation-delay:.5s;right:72px;bottom:5px;}
@keyframes pointer8a{
	10%{right:72px;bottom:5px;}
	80%{right:72px;bottom:5px;}
	80%{right:72px;bottom:5px;}
	85%{transform:scale(1);right:72px;bottom:5px;}
	98%{transform:scale(0.7);right:72px;bottom:5px;animation-timing-function:ease-in-out}
	100%{transform:scale(1);right:72px;bottom:5px;}
}
.sbuck-wrap .scene9 .sbuck-ic1{position:absolute;top:126px;left:33px;z-index:4;word-spacing: -0.09em;}
.sbuck-wrap .scene9 .sbuck-ic1 > div{width:18px;height:19px;display:inline-block;vertical-align:top;background:url(/pconts/images/dx/contents/sbuck-ic1.png) 0 36px no-repeat;transition:all .4s ease-in-out;}
.sbuck-wrap .scene9 .sbuck-ic1 > div.n1{transition-delay:.5s}
.sbuck-wrap .scene9 .sbuck-ic1 > div.n2{transition-delay:.8s}
.sbuck-wrap .scene9 .sbuck-ic1 > div.n3{transition-delay:1.3s}
.sbuck-wrap .scene9 .sbuck-ic1 > div.n4{transition-delay:1.8s}
.sbuck-wrap .scene9 .sbuck-ic1 > div.n5{transition-delay:2.3s}
.sbuck-wrap .scene9 .sbuck-ic1 > div.n6{transition-delay:2.8s}
.sbuck-wrap .swiper-slide-active.scene9 .sbuck-ic1 > div.n1,
.sbuck-wrap .swiper-slide-active.scene9 .sbuck-ic1 > div.n2,
.sbuck-wrap .swiper-slide-active.scene9 .sbuck-ic1 > div.n3,
.sbuck-wrap .swiper-slide-active.scene9 .sbuck-ic1 > div.n4,
.sbuck-wrap .swiper-slide-active.scene9 .sbuck-ic1 > div.n5,
.sbuck-wrap .swiper-slide-active.scene9 .sbuck-ic1 > div.n6{background-position:0 0 ;}
.sbuck-wrap .s-abs{position:absolute;left:0;top:0;}
.sbuck-wrap .s-abs img{position:relative;}
.sbuck-scene-group2 .swiper-slide-active.scene1 .pointer{animation:pointer1b 2s forwards;left:auto;animation-timing-function:ease-in-out;opacity:1;}
.sbuck-scene-group2 .swiper-slide-active.scene1 .s-abs{animation:pointer1-2b 2s forwards;left:auto;animation-timing-function:ease-in-out;animation-delay:.2s}
@keyframes pointer1b{
	0%{right:65px;bottom:130px;opacity:0;}
	70%{right:65px;bottom:130px;opacity:0;}
	100%{right:145px;bottom:130px;opacity:1;}
}
@keyframes pointer1-2b{
	10%{top:0;}
	40%{top:-50%;}
	60%{top:-50%;}
	80%{top:0;}
	100%{top:0;}
}
.sbuck-scene-group2 .swiper-slide.scene2 .check1{width:13px;height:13px;background:url(/pconts/images/dx/contents/sbuck2e.png) 0 0 no-repeat;position:absolute;z-index:5;left:7px;top:164px;transition:all .2s;transition-delay:1s;opacity:0}
.sbuck-scene-group2 .swiper-slide-active.scene2 .check1{opacity:1}
.sbuck-scene-group2 .swiper-slide.scene2 .check2{width:13px;height:13px;background:url(/pconts/images/dx/contents/sbuck2e.png) 0 0 no-repeat;position:absolute;z-index:5;left:57px;top:164px;transition:all .2s;transition-delay:1.5s;opacity:0}
.sbuck-scene-group2 .swiper-slide-active.scene2 .check2{opacity:1}
.sbuck-scene-group2 .swiper-slide.scene2 .order1{transition:all .2s;transition-delay:1s;height:0;width:100%;}
.sbuck-scene-group2 .swiper-slide-active.scene2 .order1{height:81px;}
.sbuck-scene-group2 .swiper-slide.scene2 .order2{transition:all .2s;transition-delay:1s;height:0;width:100%;}
.sbuck-scene-group2 .swiper-slide-active.scene2 .order2{height:124px;}
.sbuck-scene-group2 .swiper-slide.scene2 .s-abs{top:0;left:0;transition:all .2s;transition-delay:2s;}
.sbuck-scene-group2 .swiper-slide-active.scene2 .s-abs{top:-100%;}
.sbuck-scene-group2 .swiper-slide-active.scene2 .pointer{animation:pointer2b 2s forwards;left:auto;animation-timing-function:ease-in-out;animation-delay:.5s;right:145px;bottom:130px;opacity:1;}
@keyframes pointer2b{
	0%{right:145px;bottom:130px;opaicty:1;}
	15%{transform:scale(1);right:145px;bottom:130px;}
	18%{transform:scale(0.7);right:145px;bottom:130px;animation-timing-function:ease-in-out}
	20%{transform:scale(1);right:145px;bottom:130px;}
	50%{transform:scale(1);right:95px;bottom:130px;}
	55%{transform:scale(1);right:95px;bottom:130px;}
	58%{transform:scale(0.7);right:95px;bottom:130px;animation-timing-function:ease-in-out}
	60%{transform:scale(1);right:95px;bottom:130px;}
	
	85%{transform:scale(1);right:75px;bottom:110px;}
	90%{transform:scale(1);right:75px;bottom:110px;}
	93%{transform:scale(0.7);right:75px;bottom:110px;animation-timing-function:ease-in-out}
	95%{transform:scale(1);right:75px;bottom:110px;}
	100%{transform:scale(1);right:75px;bottom:110px;;}
}
.sbuck-scene-group2 .swiper-slide-active.scene2 .s-abs{animation:pointer2-1b 2s forwards;animation-timing-function:ease-in-out;animation-delay:.5s;}
/* 서브메인 스와이퍼 */
.submain-swiper {margin-top:60px;}
.submain-swiper .swiper-container {border:1px solid #c6c6c6;border-radius:10px;}
.submain-swiper .swiper-slide>div {display:flex;align-items:center;height:150px;padding:0 70px;color:#333;background:#fff;}
.submain-swiper .swiper-slide>div>a {display:block;width:100%;}
.submain-swiper .swiper-slide>div strong {display:block;width:100%;font-size:24px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#111;}
.submain-swiper .swiper-slide>div .txt {display:block;width:100%;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.submain-swiper .swiper-slide>div span.label {display:inline-flex; align-items:center;margin-top:22px;font-size:13px;height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 16px 0 16px;border-radius:14px;border:1px solid #ccc;color:#111;}
.submain-swiper .swiper-slide>div .label_txt {margin-top:22px;font-size:13px;height:28px;}
.submain-swiper .swiper-slide>div .img{display:block;width:230px;height:230px;position:absolute;top:50%;right:80px;transform:translateY(-50%);overflow:hidden;}
.submain-swiper .qr1{position:absolute;top:32px;right:320px;font-size:13px;text-align:center;}
.submain-swiper .qr1 span{display:block;margin-top:5px;}
.submain-swiper .swiper-slide>div a::after {content:'';position:absolute;right:77px;bottom:0;}
.submain-swiper .swiper-slide>div.myservice_Pay {background:#6fb3e1;}
.submain-swiper .swiper-slide>div.myservice_Pay a::after {width:270px;height:128px;background:url(/pconts/images/main/myservice/img_bill.png) no-repeat;background-size: auto 128px;}
.submain-swiper .swiper-slide>div.mybill_Pay {background:#8e6cda;}
.submain-swiper .swiper-slide>div.mybill_Pay .qr {position:absolute;top:32px;right:250px;margin-top:0;background:url('/pconts/images/dx/banner/2020/200330_ban_bill02_qr.gif') no-repeat center top;padding-top:72px;text-align:center;font-size:13px;color:#fff;}
.submain-swiper .swiper-slide>div.benefit01{background:#ef6276;}
.submain-swiper .swiper-slide>div.benefit02{background:#9B1B88;}
.submain-swiper .swiper-slide>div.benefit03{background:#3F297B;}
.submain-swiper .swiper-controls {position:absolute;display:flex;top:29px;right:46px;z-index:10;}
.submain-swiper .nav-button-prev,
.submain-swiper .nav-button-next {position:absolute;top:50%;z-index:10;margin-top:-10px;width:20px;height:20px;}
.submain-swiper .nav-button-prev {left:20px;}
.submain-swiper .nav-button-next {right:20px;}
.submain-swiper .nav-button-prev::before,
.submain-swiper .nav-button-next::before {content:'';display:block;position:absolute;top:3px;left:3px;width:14px;height:14px;border-top: 2px solid #333;border-right:2px solid #333;}
.submain-swiper .nav-button-prev::before {transform:rotate(-135deg);}
.submain-swiper .nav-button-next::before {transform:rotate(45deg);}
.submain-swiper .swiper-button-disabled {opacity:0.3;}
.submain-swiper .swiper-pagination-fraction {display:inline-flex;position:relative;bottom:0;width:auto;margin-right:5px;font-size:13px;color:#333;font-weight:400;}
.submain-swiper .swiper-button-play,
.submain-swiper .swiper-button-pause {position:relative;display:block;width:20px;height:20px;}
.submain-swiper .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px;border-color: transparent transparent transparent #333;border-style: solid;}
.submain-swiper .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#333;border-style:solid;}
.submain-swiper.white-controls .swiper-slide>div span.label {border:1px solid #fff;color:#fff;}
.submain-swiper.white-controls .swiper-slide>div,
.submain-swiper.white-controls .swiper-slide>div strong,
.submain-swiper.white-controls .swiper-pagination-fraction{color:#fff;}
.submain-swiper.white-controls .swiper-slide>div.color_black,
.submain-swiper.white-controls .swiper-slide>div.color_black strong,
.submain-swiper.white-controls .swiper-slide>div.color_black span.label{color:#333;}
.submain-swiper.white-controls .swiper-slide>div.color_black span.label{border-color:#ccc;}
.submain-swiper.white-controls .nav-button-prev::before,
.submain-swiper.white-controls .nav-button-next::before{border-color:#fff;}
.submain-swiper.white-controls .swiper-button-play::before {border-color: transparent transparent transparent #fff;}
.submain-swiper.white-controls .swiper-button-pause::before {border-color:#fff;}
@media only screen and (max-width: 768px) {
	.submain-swiper {margin-top:20px;}
	.submain-swiper .swiper-slide>div {align-items:flex-start;height:180px;padding:25px 37px 25px 37px;}
	.submain-swiper .swiper-slide>div>a{height:100%;}
	.submain-swiper .swiper-slide>div strong{font-size:15px;}
	.submain-swiper .swiper-slide>div .txt{font-size:13px;}
	.submain-swiper .swiper-slide>div span.label{position:absolute;bottom:24px;left:37px;margin:0;height:22px;padding:1px 10px 0 10px;}
	.submain-swiper .swiper-slide>div .label_txt {margin-top:2px;}
	.submain-swiper .swiper-slide>div .img{width:153px;height:153px;top:auto;bottom:-24px;right:40px;transform:none;}
	.submain-swiper .swiper-slide>div.myservice_Pay a::after{right:30px;width:150px;height:80px;background-size:auto 80px;}
	.submain-swiper .swiper-slide>div.mybill_Pay a::after{right:30px;width:115px;height:93px;background-size:auto 93px;}
	.submain-swiper .swiper-slide>div.mybill_Pay .qr{right:150px;top:98px;background-size:48px 48px;padding-top:55px;}
	.submain-swiper .qr1{top:98px;right:210px;}
	.submain-swiper .qr1 img{width:48px;}
	.submain-swiper .swiper-controls {right:20px;}
	.submain-swiper .nav-button-prev {left:15px;}
    .submain-swiper .nav-button-next {right:15px;}
}
@media only screen and (max-width: 1023px){
	/* 모바일 스타벅스 */
	.submain_digital_conts.starbucks .img-sec{width:100%}
	.submain_digital_conts.starbucks .img-sec .bg-circle{width:210px;height:210px;position:relative;left:0;top:0;margin:0 auto;}
	.submain_digital_conts.starbucks .img-sec .bg-phone{width:130px;padding:7px;padding-top:33px;}
	.submain_digital_conts.starbucks .img-sec .bg-pani{width:100px;top:120px;left:50%;margin-left:-125px;}
	@keyframes d-starbucks2{
		0%{left:0;opacity:0;}
		10%{left:0;opacity:0;}
		20%{left:60px;opacity:1}
		80%{left:60px;opacity:1}
		85%{left:0;opacity:0;}
		100%{left:0;opacity:0;}
	}
	.submain_digital_conts.starbucks .img-sec .bg-pani .bg1{left:36px;top:40px;width:2px;height:10px;}
	@keyframes d-starbucks3{
		0%{top:60px;opacity:0;transform:scale(0);}
		30%{top:50px;opacity:1;transform:scale(0.9);}
		70%{top:40px;opacity:0;transform:scale(1.1);}
	}
	.submain_digital_conts.starbucks .img-sec .bg-pani .bg2{left:32px;top:40px;width:2px;height:10px;}
	@keyframes d-starbucks4{
		0%{top:60px;opacity:0;transform:scale(0);}
		40%{top:50px;opacity:1;transform:scale(0.8);}
		80%{top:40px;opacity:0;transform:scale(1);}
	}
	.starbucks [class*=sbuck-scene-group]{padding:30px 0px}
	.sbuck-wrap .swiper-btn-next{margin:0;right:-50px;;}
	.sbuck-wrap .swiper-btn-prev{margin:0;left:-50px;}
	/* 경기도 재난기본소득 이용내역 조회 */
	.usage_item.v2 dl{align-self: flex-start;flex:1.8}
	.usage_item.v2 .price_info .date{font-size: 1.3rem;line-height: 20px;margin-top:0;}
	.card_usage_detail .total_fee dl:not(:first-child) dt{font-size:1.6rem}
	.card_usage_detail .total_fee dl:not(:first-child) dd{font-size:1.8rem}
	.mic_list_wrap .english_address .c-bull3{margin-left:0px;}
	/* 금융메인화면 바로가기 버튼 레이아웃 변경 */
	.submain_finance .dx-customize .sm_loanlist li {width:100%;}
	.submain_finance .dx-customize .sm_loanlist.loan_standard li.link01{width:100%;}
	.submain_finance .dx-customize .sm_loanlist.loan_standard li.link05{width:100%;}
}

/* 카드상세 아이콘 추가 */
.icon_box.icon164{background:url(/pconts/images/icon/ico_icon164.png) no-repeat;}
.icon_box.icon165{background:url(/pconts/images/icon/ico_icon165.png) no-repeat;}
.icon_box.icon166{background:url(/pconts/images/icon/ico_icon166.png) no-repeat;}
.icon_box.icon167{background:url(/pconts/images/icon/ico_icon167.png) no-repeat;}
.icon_box.icon168{background:url(/pconts/images/icon/ico_icon168.png) no-repeat;}
.icon_box.icon169{background:url(/pconts/images/contents/customer/ico_support_step1.png) no-repeat;}
.icon_box.icon170{background:url(/pconts/images/contents/customer/ico_support_step2.png) no-repeat;}
.icon_box.icon171{background:url(/pconts/images/contents/customer/ico_support_step3.png) no-repeat;}
/* 분할납부 개발건 */
.price[class*="transCom-"] > span {font-weight: 400; padding-left: 27px; position: relative; margin-top: 3px;}
.price[class*="transCom-"] > span::before {content: ''; display: block; position: absolute; width: 19px; height: 19px; top:2px; left: 0;}
.price.transCom-01 > span::before { background: url(/pconts/images/contents/mypage/icon_transCom_01.png) no-repeat center center / 100% auto; }
.price.transCom-02 > span::before { background: url(/pconts/images/contents/mypage/icon_transCom_02.png) no-repeat center center / 100% auto; }
.price.transCom-03 > span::before { background: url(/pconts/images/contents/mypage/icon_transCom_03.png) no-repeat center center / 100% auto; }         
/* SBI 개발건 */
.login_wrap .left_con.sbi > .inner { padding: 100px 0 0 25px;}
.login_wrap .left_con.sbi > .inner:before {top:200px;}
.timer_input_side {width:53px;}
.login_wrap .left_con.sbi > .inner:before {background: url(/pconts/images/dx/landing/bg_sbi020416_m.png) no-repeat left top;background-size: 100% auto !important; animation: none; height: 100%; width: 235px; right: 19px;}
.login_wrap .left_con.sbi > .inner:before {top: 240px;}
.complete_body.sbi {background: url(/pconts/images/dx/landing/bg_sbi01.png) no-repeat 50% 80px; background-size: 150px auto;}
.complete_body.sbi.type01 {background: url(/pconts/images/dx/landing/bg_sbi02.png) no-repeat 50% 80px; background-size: 150px auto;}
/* 에큐온 개발건 */
.login_wrap .left_con.acuon > .inner:before { background: none;}
.complete_body.acuon {background: none;}
@media only screen and (max-width: 1100px) {
	/* SBI 개발건  */
	.login_wrap .left_con.sbi > .inner:before {top:0px;}
	.login_wrap .left_con.sbi > .inner { padding: 10px 40px 156px 25px;}
	.login_wrap .left_con.sbi > .inner:before {width: 165px; top: 116px;}
	.login_wrap.sbi {padding-bottom:0;}
}
@media only screen and (max-width: 341px) {
	/* SBI 개발건 */
	.login_wrap .left_con.sbi > .inner { padding: 10px 40px 156px 25px;}
	.login_wrap .left_con.sbi > .inner:before { width: 165px; top: 160px;}
		
}
.allthat_service {display:flex;flex-flow:wrap;}
.allthat_service li {font-size:16px; color:#111; width:340px; padding:0 35px 35px 70px; background-size:50px auto !important; background-position: left 23px !important;}
.allthat_service li:nth-child(1) {background:url('/pconts/images/icon/ico_n_icon169.png')no-repeat;}
.allthat_service li:nth-child(2) {background:url('/pconts/images/icon/ico_n_icon170.png')no-repeat;}
.allthat_service li:nth-child(3) {background:url('/pconts/images/icon/ico_n_icon171.png')no-repeat; width:300px;}
.allthat_service li:nth-child(4) {background:url('/pconts/images/icon/ico_n_icon172.png')no-repeat;}
.allthat_service li:nth-child(5) {background:url('/pconts/images/icon/ico_n_icon173.png')no-repeat;}
.allthat_service li>b {font-size:18px; color:#333;}
.allthat_service li>b::after {content:'>'; color:#747474; padding-left:6px; display:inline-block;}
.allthat_service li div b {display:block;}
.allthat_screen {display:flex;flex-flow:wrap;margin:-20px 0 0 -20px;}
.allthat_screen li {height:550px; width:calc(33.33% - 20px); margin:20px 0 0 20px; display:flex; font-size:20px; color:#333; padding:30px 0 0 28px; background-position:center 88px !important;}
.allthat_screen li:nth-child(1) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat01.png')no-repeat}
.allthat_screen li:nth-child(2) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat02.png')no-repeat}
.allthat_screen li:nth-child(3) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat03.png')no-repeat}
.allthat_screen li:nth-child(4) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat04.png')no-repeat}
.allthat_screen li:nth-child(5) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat05.png')no-repeat}
.allthat_screen li:nth-child(6) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat06.png')no-repeat}
@media only screen and (max-width:1100px) {
	.allthat_service {flex-direction:column;}
	.allthat_service li {font-size:13px; border-bottom:1px solid #eee; width:100%; padding:0 0 25px 70px; margin-bottom:25px;}
  .allthat_service li:nth-child(3) {width:100%;}
	.allthat_service li>b {font-size:15px;}
	.allthat_service li>b::after {color:#111; padding-left:3px;}
	.allthat_screen {flex-direction:column; margin:0;}
	.allthat_screen li {height:520px; width:auto; margin:0 0 20px; font-size:16px; color:#333; padding:22px 0 0 20px; background-size:220px !important; background-position:center 70px !important;}
	.allthat_screen li:nth-child(1) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat_m01.png')no-repeat;}
  .allthat_screen li:nth-child(2) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat_m02.png')no-repeat;}
  .allthat_screen li:nth-child(3) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat_m03.png')no-repeat;}
  .allthat_screen li:nth-child(4) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat_m04.png')no-repeat;}
  .allthat_screen li:nth-child(5) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat_m05.png')no-repeat;}
  .allthat_screen li:nth-child(6) {background:#f6f6f6 url('/pconts/images/dx/contents/img_allthat_m06.png')no-repeat;}
}
/* 전국민재난지원금 신청완료  */
.complete_body.cn01.ani_ico::before{top:0;margin:50px 0 0 -56px;}
/* 디지털메인 디클럽 추가 이종환 */
@keyframes aniBg08 {
	0% { background-position:50% 0 }
	100% { background-position:50% -5120px}
}
@keyframes aniBgMo08 {
	0% { background-position:50% 0 }
	100% { background-position:50% -3424px}
}
.submain_digital_conts.ani_ico.img01::before {background:url("/pconts/images/contents/digital/200428_img_dclub.png") center 0 no-repeat;background-size:480px auto; -webkit-animation: aniBg08 2.5s steps(16) infinite;animation:aniBg08 2.5s steps(16) infinite;}
@media only screen and (max-width:1023px) { 
	.submain_digital_conts.ani_ico.img01::before {background-size:321px auto; background-position:left top;-webkit-animation: aniBgMo08 2.5s steps(16) infinite;animation:aniBgMo08 2.5s steps(16) infinite;}
}
/* 마이 > 마이페이지 > 이용대금 명세서 > 이번달 명세서, 카드이용내역>할부기간표기 */
.usage_item .bar-l{position:relative;margin-left:11px;padding-left:9px;display: inline-block}
.usage_item .bar-l::before {content:"";position:absolute;top:2px;left:0;width:1px;height:13px;background:#ddd;}
.usage_item .bar-r{position:relative;display:inline-block;margin-right:6px;padding-right:11px;}
.usage_item .bar-r::after{content:'';position:absolute;top:4px;right:0;width:1px;height:13px;background:#ddd;}
.usage_item.inst-detail .usage_info .title_area{width:calc(100% - 330px);}
.usage_item.inst-detail .usage_info .texts_area{width:310px;}
.usage_item.usage-inst dt{width:calc(100% - 310px)}
.usage_item.usage-inst dd{width:310px;}    
.usage_item.usage-inst .price_info{padding-right:0}

/* 20240531378550  마이 - 카드이용내역 날짜 간격 수정 */
.report_usage_detail .usage_item dl dd .date {word-spacing:0;}
@media only screen and (max-width:1100px) {
	.usage_item.inst-detail .usage_info{justify-content: flex-start;}
	.usage_item.inst-detail .usage_info{width:calc(100% - 74px) !important;}
	.usage_item.inst-detail .usage_info .title_area{width:100%;}       
	.usage_item.usage-inst dl{flex:4}
}
.barcode_wrap.n_barcode .item {width:auto;}
.cgv_mcombo {display:flex; padding-top:10px;}
.cgv_mcombo .item {width:25%; margin-right:20px;}
.cgv_mcombo .item img {width:100%;}
.c_parking {width:679px;}
.icon_box.icon_parking {background: url(/pconts/images/dx/contents/ico_parking_app.png) no-repeat;}
@media only screen and (max-width: 1100px) {
  .barcode_wrap.n_barcode {flex-wrap:wrap;}
  .barcode_wrap.n_barcode .item {width:50%; margin:0 0 10px;}
  .barcode_wrap.n_barcode .item:nth-child(odd) img {padding-right:5px;}
  .barcode_wrap.n_barcode .item:nth-child(even) img {padding-left:5px;}
  .cgv_mcombo .item {width:50%; margin:0;}
  .cgv_mcombo .item:nth-child(odd) img {padding-right:5px;}
  .cgv_mcombo .item:nth-child(even) img {padding-left:5px;}  
  .c_parking {width:auto;}
}
/* 포인트 전환신청 스텝2/신청팝업 */
.pop_wrap .popup_type01 .pop_msg.pop-c-notice .marker_refer{text-align:left;font-size:15px}
@media only screen and (max-width: 1100px) {
    .df_list_wrap .df_list .item.clt-gift{float:inherit;display:inherit !important;width:100% !important;margin-top:3px;padding:0px 10px 0px 10px !important;}
}
/* 생활요금납부 채널 요양병원이용료 아이콘 bg 추가  */
.lift_fare_ing .ico22.hosp::before,
.lift_fare_help .ico22.hosp::before {background-image:url('/pconts/images/icon/ico_icon175.png'); background-size:50px; }
.submain_myservice_life .ico22.hosp:before {background: url(/pconts/images/icon/ico_icon175.png) no-repeat; content: ""; display: block; width: 60px; height: 60px; background-color: #fff; background-position: center center; background-size: 50px auto; margin: 20px auto 0;}
@media only screen and (max-width: 1023px) {
    .submain_myservice_life .ico22.hosp:before {width: 36px; height: 36px; background-size: 36px auto; margin: 14px auto 0;}
}
/* 생활요금납부 채널  My월세 아이콘 bg 추가  */
.lift_fare_ing .ico22.myw::before,
.lift_fare_help .ico22.myw::before {background-image:url('/pconts/images/icon/ico_icon174.png'); background-size:50px; }
.submain_myservice_life .ico22.myw:before {background: url(/pconts/images/icon/ico_icon174.png) no-repeat; content: ""; display: block; width: 60px; height: 60px; background-color: #fff; background-position: center center; background-size: 50px auto; margin: 20px auto 0;}
@media only screen and (max-width: 1023px) {
    .submain_myservice_life .ico22.myw:before {width: 36px; height: 36px; background-size: 36px auto; margin: 14px auto 0;}
}
/* 더치페이 매뉴 현행화 요청 */
.dutch_pay .step_box_wrap .txt_area {margin:0;}
.dutch_pay .step_box_wrap .img {width:224px;height:442px;margin:0 auto;}
.dutch_pay .step_box_wrap .img.img01 {background:url(/pconts/images/dx/contents/dm_dutchpay01_01.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img02 {background:url(/pconts/images/dx/contents/dm_dutchpay01_02.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img03 {background:url(/pconts/images/dx/contents/dm_dutchpay01_03.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img04 {background:url(/pconts/images/dx/contents/dm_dutchpay01_04.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img05 {background:url(/pconts/images/dx/contents/dm_dutchpay01_05.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img06 {background:url(/pconts/images/dx/contents/dm_dutchpay02_01.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img07 {background:url(/pconts/images/dx/contents/dm_dutchpay02_02.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img08 {background:url(/pconts/images/dx/contents/dm_dutchpay02_03.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img09 {background:url(/pconts/images/dx/contents/dm_dutchpay02_04.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img10 {background:url(/pconts/images/dx/contents/dm_dutchpay02_05.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img11 {background:url(/pconts/images/dx/contents/dm_dutchpay03_01.png) no-repeat 50% 50%;background-size:100% auto;}
.dutch_pay .step_box_wrap .img.img12 {background:url(/pconts/images/dx/contents/dm_dutchpay03_02.png) no-repeat 50% 50%;background-size:100% auto;}
/* 2020-05-21 카드서브메인 하단 링크 추가 */
.submain_card .sm_benefit_kind{display:block;table-layout:auto;padding-top:10px;}
.submain_card .sm_benefit_kind li{display:block;float:left;width:50%;}
.submain_card .sm_benefit_kind li a{line-height:37px;}
.submain_card .sm_benefit_kind li a span:before{top:12px;}
@media only screen and (max-width: 1023px){
	.submain_card .sm_benefit_kind{padding-top:0;}
	.submain_card .sm_benefit_kind li{float:none;width:100%;}
}
/* 마이헬스 */
.my-health .img-sec{width: 528px;height: 352px;position: absolute;left: 0;top: 0;}
.my-health .img-sec .bg-circle{width: 306px;height: 306px;border-radius: 100%;background: url(/pconts/images/dx/contents/mhbg.png) center center no-repeat;background-size:100% auto;;position: absolute;left: 73px;top: 3px;overflow: hidden;}
.my-health .bg-pani{position:absolute;left:50%;bottom:7px;width:149px;height:204px;margin-left:-5%}
.my-health .bg-pani .bg1{width:120px;height:41px;position:absolute;background: url(/pconts/images/dx/contents/mharm.png) 0 0 no-repeat;z-index:1;top:57px;left:-38px;animation: d-myheath 3s linear 0s infinite;transform-origin: right bottom;background-size:100% auto;}
.my-health .bg-pani .bg2{width:100%;height:100%;position:absolute;background: url(/pconts/images/dx/contents/mhfn.png) 0 0 no-repeat;z-index:2;left:0;top:0;background-size:100% auto;}
@keyframes d-myheath{
	0%{transform:rotate(0deg)}
	10%{transform:rotate(3deg);left:-50px;}
	20%{transform:rotate(0deg);left:-38px}
	30%{transform:rotate(-10deg);left:-50p;}
	40%{transform:rotate(0deg);left:-38px}
	50%{transform:rotate(0deg);left:-50px;}
	60%{transform:rotate(-5deg);left:-38px}
	70%{transform:rotate(-0deg);left:-50p;}
	80%{transform:rotate(0deg);left:-38px}
	90%{transform:rotate(3deg)}
	100%{transform:rotate(0deg)}
}
/* 마이샵파트너 */
.submain_digital_app li .ico07 {background:url('/pconts/images/contents/digital/ico_app07.png') no-repeat center top; background-size:50px auto;}
.submain_digital_app li .ico08 {background:url('/pconts/images/contents/digital/ico_app08.png') no-repeat center top; background-size:50px auto;}
.submain_digital_conts.myshop-Partner .img-sec {width: 528px;height: 352px;position: absolute;left: 0;top: 0;}
.submain_digital_conts.myshop-Partner .img-sec .bg-circle {background: url('/pconts/images/dx/contents/210902_msp_bg.png') no-repeat center; width: 407px;height: 307px;background-size: 100% auto;position: absolute;left: 0;right: 33px;margin: auto;}
.submain_digital_conts.myshop-Partner .img-sec .bg-objg  {position: absolute;width: 450px;height: 340px;right: 0;left: -78px;margin: auto;top: 0;}
.submain_digital_conts.myshop-Partner .img-sec .bg-objg > [class*='obj'] {width: 100%;height: 100%; position: absolute;}
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj1 {width: 187px; height: 195px; background: url('/pconts/images/dx/contents/210331_myshop_herofanguin.png') 0 0 no-repeat;z-index: 2;left: 43px;bottom: 23px;background-size: 100% auto;}
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj2 {width: 77px;height: 95px;background: url(/pconts/images/dx/contents/210331_myshop_littlefanguin.png) 0 0 no-repeat;z-index: 2;right: 57px;bottom: 24px;background-size: 100% auto; animation: obj2_ani 1.2s ease-in-out 1s infinite; }
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj3 {width: 133px;height: 114px;background: url(/pconts/images/dx/contents/210331_myshop_wordboard.png) 0 0 no-repeat;z-index: 2;right: 132px;bottom: 109px;background-size: 100% auto; animation: obj3_ani 5s ease-in-out 0s infinite; opacity: 0;}
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj4 {width: 38px;height: 38px;left: 6px;bottom: 186px; background: url(/pconts/images/dx/contents/210331_myshop_sound.png) 0 0 no-repeat;z-index: 2;background-size: 100% auto; opacity: 0; animation: obj4_ani 1s ease-in-out 0s infinite;}
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj5 {width: 56px;height: 42px;left: 74px;top: 91px; background: url(/pconts/images/dx/contents/210331_myshop_sb.png) 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: obj5_ani 5s ease-in-out 0s infinite; opacity: 0; }
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj6 {width: 56px;height: 42px;right: 72px;top: 134px; background: url(/pconts/images/dx/contents/210331_myshop_sb.png) 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: obj6_ani 5s ease-in-out 0s infinite; opacity: 0; }
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj7 {width: 56px;height: 42px;right: 10px;top: 91px; background: url(/pconts/images/dx/contents/210331_myshop_sb.png) 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: obj7_ani 5s ease-in-out 0s infinite; opacity: 0; }
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj8 {width: 56px;height: 42px;right: 75px;top: 59px; background: url(/pconts/images/dx/contents/210331_myshop_sb_opacity.png) 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: obj8_ani 5s ease-in-out 0s infinite; opacity: 0; }
.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj9 {width: 56px;height: 42px;left: 107px;top: 43px; background: url(/pconts/images/dx/contents/210331_myshop_sb_opacity.png) 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: obj9_ani 5s ease-in-out 0s infinite; opacity: 0; }
/* 하단 박스메뉴 깨지는거 수정 */
.submain_digital_app li .item {height: 100%;}
@keyframes obj2_ani {
    0% {bottom:5%}
    10% {bottom:5%}
    50% {bottom:9%}
    70% {bottom:5%}
    100% {bottom:5%}
}
@keyframes obj3_ani {
    2% {opacity: 1; transform: translate(0px, -3px) ;}
    90% {opacity: 1; transform: translate(0px, -3px) ;}
    100% {opacity: 0; transform: translate(0px, -3px) ;}
}
@keyframes obj4_ani {
    15% {opacity: 1;}
    95% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes obj5_ani {
    23% {opacity: 1; transform: translateY(-10px);}
    98% {opacity: 1; transform: translateY(-10px);}
    100% {opacity: 0; transform: translateY(-10px) ;}
}
@keyframes obj6_ani {
    30% {opacity: 1;transform: translateY(-10px);}
    98% {opacity: 1; transform: translateY(-10px) ;}
    100% {opacity: 0; transform: translateY(-10px) ;}
}
@keyframes obj7_ani {
    55% {opacity: 1; transform: translateY(-10px);}
    98% {opacity: 1; transform: translateY(-10px) ;}
    100% {opacity: 0; transform: translateY(-10px) ;}
}
@keyframes obj8_ani {
    80% {opacity: 1;transform: translateY(-10px);}
    98% {opacity: 1; transform: translateY(-10px) ;}
    100% {opacity: 0; transform: translateY(-10px) ;}
}
@keyframes obj9_ani {
    98% {opacity: 1; transform: translateY(-10px) ;}
    100% {opacity: 0; transform: translateY(-10px) ;}
}
@media only screen and (max-width: 1023px){
	.submain_digital_conts.my-health .img-sec{height:352px;width:100%;}
	.submain_digital_conts.my-health .img-sec .bg-circle{width: 210px;height: 210px;position: relative;left: 0;top: 0;margin: 0 auto;}
	.submain_digital_conts.my-health .bg-pani {width:100px;right:30px;bottom:55px;margin-left:0%}
	.submain_digital_conts.my-health .bg-pani .bg1{width:90px;top:39px;}
	@keyframes d-myheath{
		0%{transform:rotate(0deg)}
		10%{transform:rotate(3deg);left:-35px;}
		20%{transform:rotate(0deg);left:-30px}
		30%{transform:rotate(-10deg);left:-35px;}
		40%{transform:rotate(0deg);left:-30px}
		50%{transform:rotate(0deg);left:-35px;}
		60%{transform:rotate(-5deg);left:-30px}
		70%{transform:rotate(-0deg);left:-35p;}
		80%{transform:rotate(0deg);left:-30px}
		90%{transform:rotate(3deg)}
		100%{transform:rotate(0deg)}
	}
	/* 마이샵파트너 */
	.submain_digital_app li .item.jpos {position: relative; min-height: 216px;}
	.submain_digital_app li .item.jpos .btn_wrap { position: absolute;width: 77%;bottom: 20px;left: 0;right: 0;margin: 0 auto;}
	.submain_digital_conts.myshop-Partner .img-sec {height: 352px;width: 100%;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-circle {width: 275px;height: 180px;position: relative;left: 0;top: 0;margin: 0 auto;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg {width: 300px;height: 200px;right: 0;left: 0;margin: auto;top: 0;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj1 {width: 109px; height: 129px; left: 19px; bottom: -10px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj2 {width: 50px; height: 60px; right: 56px;bottom: 10px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj3 {width: 87px;height: 76px;right: 106px;bottom: 47px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj4 {width: 20px;height: 20px;left: 0px;bottom: 103px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj5 {width: 40px;height: 31px;left: 35px;top: 58px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj6 {width: 40px;height: 31px; right: 62px; top: 75px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj7 {width: 40px;height: 31px; right: 18px; top: 46px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj8 {width: 40px;height: 31px; right: 63px; top: 25px;}
	.submain_digital_conts.myshop-Partner .img-sec .bg-objg .obj9 {width: 40px;height: 31px; left: 64px;top: 24px;}
}
/* 마이홈플러스 약관 */
.radio_list.r_type01 .radio_wrap.radio_ul{border:0}
.radio_list.r_type01 .radio_default span strong{line-height:26px;}
.radio_list.r_type01 .radio_default span em{display:inline-block;padding-left:44px}
@media only screen and (max-width:1100px) {
    .radio_list.r_type01 .radio_default span em{display:block;margin-top:6px;padding-left:0;}
}
/* 마이 사용내역조회 수정  */
.card_list .right_con.sub { display: flex; }
.card_list .right_con.sub .amount {flex:1 1 auto; }
.card_list .right_con.sub .sub-t { color: #111; flex:0 1 auto; width:70px;}
@media (max-width:1100px) {
    .card_list .right_con.sub { display: table-cell; }
    .card_list .right_con.sub .sub-t {width:auto; margin-top:6px; font-size: 1.3rem;}
}
/* 신분증 등록 안내 */
.identification_card {padding:23px 27px; background:#fafafa; margin:0 -23px 30px;}
.identification_info {border-top:1px solid #eee;}
.identification_info li {border-bottom:1px solid #eee; padding:20px 0 24px 60px; font-size:13px; background-size:40px auto !important; background-position:4px 20px !important;}
.identification_info li:nth-child(1) {background:url('/pconts/images/dx/contents/ico_ident01.png') no-repeat}
.identification_info li:nth-child(2) {background:url('/pconts/images/dx/contents/ico_ident02.png') no-repeat}
.identification_info li:nth-child(3) {background:url('/pconts/images/dx/contents/ico_ident03.png') no-repeat}
.identification_info li b {font-size:15px; color:#333;}
.identification_info li span {padding-top:3px; display:block;}
/* 편의 서브메인 케어 */
.submain_myservice_list .care10 {background:url('/pconts/images/icon/ico_icon178.png') no-repeat;}
.submain_myservice_list .care11 {background:url('/pconts/images/icon/ico_icon177.png') no-repeat;}
/*마이페이지 서브*/
.submain_mypage .mySub_top .accordion_body{width:160px;margin-left:0}
.submain_mypage .accordion_banner.event_bnr .event_cont .txt{font-size:17px;}
.submain_mypage .accordion_banner.event_bnr .event_cont .link{padding:0 30px}
.submain_mypage .accordion_banner.event_bnr{float:right;width:510px;height:99px}
.submain_mypage .accordion_banner.event_bnr .event_inner{background-color:#ef6276;height:99px;}
.submain_mypage .accordion_banner.event_bnr .event_cont .img{width:120px;height:120px;right:30px;margin-top:17px;}
@media only screen and (max-width: 1100px) {
	.submain_mypage .accordion_banner.event_bnr .event_inner{background-color:#ef6276;height:70px;}
    .submain_mypage .accordion_banner.event_bnr{width:100%;height:70px;margin-top:10px}
    .submain_mypage .accordion_banner.event_bnr .event_cont .tit{font-size:17px}
    .submain_mypage .accordion_banner.event_bnr .event_cont .txt{font-size:13px}
    .submain_mypage .accordion_banner.event_bnr .event_cont .img{right:5px;}
	.submain_mypage .accordion_banner.event_bnr .event_cont .link{align-content:center;padding:0 27px}
	.submain_mypage .accordion_banner.event_bnr .event_cont .img{width:100px;height:100px;bottom:-21px;}
}
/*디지털 신한페이판 모바일카드*/
.mobile_card .step_box_wrap.new_step .img{width:236px;height:458px;margin:0 auto;}
.mobile_card .step_box_wrap .img.nimg01 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg02 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n02.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg03 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n03.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg04 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n04.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg05 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n05.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg06 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n06.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg07 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n07.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg08 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n08.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg09 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n09.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg10 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n10.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg11 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n11.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg12 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n12.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg13 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n13.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg14 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n14.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg15 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n15.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg16 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n16.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg17 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n17.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg18 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n18.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg19 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n19.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg20 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n20.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg21 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n21.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg22 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n22.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg01_01 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n01_01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg02_01 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n02_01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg03_01 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n03_01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg23 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n23.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg24 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n24.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg25 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n25.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg26 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n26.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg27 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n27.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg28 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n28.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg29 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n29.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg30 {background:url(/pconts/images/contents/mobile/mobilecard_certi_n30.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg31 {background:url(/pconts/images/contents/mobile/mobilecard_join1_n01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg32 {background:url(/pconts/images/contents/mobile/mobilecard_join1_n02.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg33 {background:url(/pconts/images/contents/mobile/mobilecard_join1_n03.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg34 {background:url(/pconts/images/contents/mobile/mobilecard_join1_n04.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg35 {background:url(/pconts/images/contents/mobile/mobilecard_join1_n05.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg43 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg44 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n02.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg45 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n03.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg46 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n04.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg47 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n05.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg48 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n06.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg49 {background:url(/pconts/images/contents/mobile/mobilecard_join2_n07.png) no-repeat 50% 50%;background-size:100% auto;}
/* 마이 > 마이페이지 > 이용대금 명세서 */
.usage_item .bar-l{margin-left:6px;padding-left:11px}
.usage_item .bar-l::before{top:4px;}
@media only screen and (max-width:1100px) {
	.usage_item.inst-detail .month.no-bar{margin-left:0;padding-left:0}
	.usage_item.inst-detail .month.no-bar::before{width:0;height:0;background:none}
	.usage_item.inst-detail .usage_info{width: calc(100% - 108px) !important;}
	.usage_item .bar-l::before{top:2px;}
}
.my_bnn_t01 {margin-top:30px; padding:19px 0 25px; background:#f6f6f6; text-align:center;}
.my_bnn_t01 p {font-size:20px; padding-bottom:9px; color:#111; font-weight:bold;}
    
@media only screen and (max-width: 1023px) {
  .my_bnn_t01 {padding-top:21px;}
  .my_bnn_t01 p {font-size:16px;}
}
/* popup 수정 */
.pop_wrap.medium .popup .popup_dev{max-height:570px;}
body.msie .pop_wrap.medium .popup .popup_dev {height:570px;}
@media only screen and (max-width: 1100px){
    .pop_wrap.medium .popup .popup_dev{max-height:100%;}
    body.msie .pop_wrap.medium .popup .popup_dev {height:100%;}   
}
/* 배너추가 */
.banner_t1{position:relative;overflow:hidden;display:flex;align-items:center;height:150px;border-radius:10px;padding: 0 70px;color:#333;background:#fff;}
.banner_t1>.link{display:block;width:100%;}
.banner_t1>.link::after{content: '';position: absolute;right:77px;bottom:0;}
.banner_t1 strong{display:block;width:100%;font-size:24px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.banner_t1 .txt{display:block;width:100%;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.banner_t1 span.label{display:inline-flex;align-items:center;margin-top:22px;font-size:13px;height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 16px 0 16px;border-radius:14px;border: 1px solid #ccc;color:#111;}
.banner_t1 .label_txt{display:block;margin-top:22px;font-size:13px;height:28px;}
.shplus_membnr{background-color:#32a09d;border:1px solid #dddddd;color:#fff;}
.shplus_membnr span.label{border-color:#fff;color:#fff;width:68px;height:22px;padding: 1px 10px 0 10px;}
.shplus_membnr .qr {position: absolute;top: 32px;right: 280px;width:68px;height:68px;background: url('/pconts/images/dx/contents/shplus_membnr_qr.jpg') no-repeat center top;text-align: center;font-size: 13px;color: #fff;text-indent:-9999px;}
.shplus_membnr>.link::after{width:202px;height:131px;background: url('/pconts/images/dx/contents/shplus_membnr_bg.png') no-repeat;background-size: auto 131px;}
@media only screen and (max-width: 768px){
    .banner_t1{align-items:flex-start;height:180px;padding: 25px 28px 25px 28px;}
    .banner_t1>.link{height:100%;}
    .banner_t1 strong{font-size:15px;}
    .banner_t1 .txt{font-size:13px;}
    .banner_t1 span.label{position: absolute;bottom:24px;left:27px;margin:0;height:22px;padding:1px 10px 0 10px;}
    .banner_t1 .label_txt{margin-top:2px;}
    .shplus_membnr .qr {top:110px;right:150px;background-size:48px auto;}
    .shplus_membnr>.link::after{right:18px;width:144px;height:93px;background-size:auto 93px;}
}
.main_index .main_con .main_search .input_wrap.t2 input{padding:0 66px 0 0;}
.main_index .main_con .main_search .input_wrap.t2 .search_btn{left:inherit;right:0;}
.main_index .main_con .main_search .input_wrap.t2 .btn_clear{position:absolute;top: 50%;right: 34px;}
.srch_input_wrap.t2 input{padding: 0 33px 0 10px;}
.srch_input_wrap.t2 .label_srch{display:none;}
.srch_input_wrap.t2 .btn_clear{right:8px;}
/* 소비자보호포털 */
.submain_customer_consumer .ico03{background:url('/pconts/images/main/customer/210930_ico_consumer03.png') no-repeat;}
.submain_customer_consumer .ico08{background:url('/pconts/images/main/customer/ico_consumer08.png') no-repeat;}
.submain_customer_consumer .ico09{background:url('/pconts/images/main/customer/ico_consumer09.png') no-repeat;}
/* 편의 서브메인 */
.submain-swiper .swiper-slide>div.mybill_Pay{background-color:#594093}
.submain-swiper .swiper-slide>div.mybill_Pay .new_qr {position:absolute;top:32px;right:250px;width:68px;height:68px;margin-top:0;padding-top:0;text-align:center;font-size:13px;color:#fff;}
.submain-swiper .swiper-slide>div .txt.ellipsis-unset {text-overflow: unset;white-space:normal;}
/* 꼬마 피카소 19 */
#container.picasso19{padding-top:0;}
.devcss #container.picasso19{padding-top: 130px;}
.form_type .ele_tit{font-size:16px;font-weight:bold;color:#333;}
input:disabled.text{background:none;color:#333;border:none;padding-left:0;}
.border-wrap{border-top:2px solid #000;border-bottom:1px solid #ddd;}
.border-wrap + .border-wrap{border-top:1px solid #ddd;margin-top:-1px;}
.border-wrap .box-tit{background:#f6f6f6;position:relative;padding:14px 20px;}
.border-wrap .pos-a{position:absolute;right:20px;top:50%;transform:translateY(-50%);margin:0;}
.border-wrap .form_type{padding:30px 0px;}
.picasso19 .radio_wrap.type_flex.m_flex label{width:32.6%;}
.picasso19 .top-sec01{height:361px;position:relative;background:#fbe0e5;}
.picasso19 .top-sec01 .c-article{height:361px;background:url(/pconts/images/dx/landing/picasso19_1A.png) right 0 no-repeat;}
.picasso19 .top-sec01 .vis-cont {position:relative;padding-top:137px;}
.picasso19 .top-sec01 .vis-cont .c-tit1{font-size:38px;margin:0;}
.picasso19 .top-sec01 .vis-cont .c-txt1{font-size:16px;margin-top:3px;color:#333;}
.picasso19 .top-sec01 .tab_type01{position:absolute;left:0;bottom:0;width:100%;}
.picasso19 .pica-logo{position:absolute;left:0;top:30px;width:153px;height:57px;overflow:hidden;text-indent:-9999px;background:url(/pconts/images/dx/landing/picasso19_2.png) 0 0 no-repeat;}
.picasso19 .pica-close{display:none;overflow:hidden;text-indent:-9999px;}
body.app_shcard .picasso19 .pica-close,
body.mobile .picasso19 .pica-close{display:block;position:absolute;top:10px;right:10px;z-index: 12;width: 40px;height: 40px;background: url(/pconts/images/icon/popup_close.png) no-repeat center center;color: transparent;overflow: hidden;transition: transform 1s ease-in-out;}
.c-article.bg_gray{padding:40px;}
[class*=c-section] .c-article + .c-article.ex1{margin-top:0px;padding:28px 40px;font-size:16px;}
.c-article.bg_gray .termsConts p,
.c-article.bg_gray .termsConts li{font-size:16px;margin-top:10px;}
.c-article.bg_gray .termsConts p:first-child{margin-top:0;}
.termsConts + .radio_wrap.c-center{margin-top:27px;}
.c-article.bg_gray .radio_wrap .radio_default + .radio_default, 
.c-article.bg_gray .check_wrap .check_default + .check_default{margin-left:46px;}
.picasso19 .accordion_wrap.faq .accordion_header button.acc_btn{cursor:default;}
.picasso19 .accordion_wrap.faq .accordion_header button.acc_btn:after{display:none;}
.illu-box{overflow:hidden;width:100%;}
.illu-box .inner{width:110%;overflow:hidden;}
.illu-box .item{width:313px;height:352px;position:relative;border:1px solid #ddd;text-align:center;float:left;margin-right:20px;padding-top:37px;}
.illu-box .item .text-area{position:absolute;width:100%;bottom:76px;left:0;color:#333;}
.illu-box .item .btn-area{position:absolute;width:100%;bottom:25px;left:0;}
.picasso19 .tab_type01.swiper_tab .tab_pull .swiper-button-prev,
.picasso19 .tab_type01.swiper_tab .tab_pull .swiper-button-next{background:none;}
@media only screen and (max-width: 1100px){
	.devcss #container.picasso19{padding-top: 60px;}
	.picasso19 .pica-logo{position:static;width:100%;height:1px;padding-top:82%;background:url(/pconts/images/dx/landing/picasso19_1B.png) left 0 no-repeat;background-size:100% auto;margin:0px -20px;}
	.picasso19 .top-sec01 .c-article{background:none;height:auto;}
	.picasso19 .top-sec01{height:auto;padding-bottom:70px;}
	.picasso19 .top-sec01 .vis-cont{padding-top:0px;}
	.picasso19 .top-sec01 .vis-cont .c-tit1{font-size:2.4rem;}
	.picasso19 .radio_wrap.type_flex.m_flex label{width:auto;height:75px;}
	.c-article.bg_gray .radio_wrap .radio_default + .radio_default, 
	.c-article.bg_gray .check_wrap .check_default + .check_default{margin-left:0;}
	input:disabled.text{height:auto;line-height:1.5}
	.picasso19 .tab_type01.swiper_tab .tab_pull{padding:0;}
	.picasso19 .tab_type01.swiper_tab .swiper-container:after,
	.picasso19 .tab_type01.swiper_tab .swiper-container:before{background:none;}
	.c-article.bg_gray{padding:20px;margin:0px 20px;}
	[class*=c-section] .c-article + .c-article.ex1{padding:20px;}
	[class*=c-section] .c-article + .c-article.ex1 .c-txt1{margin:0px 20px}
	.picasso19 .tab_type01.swiper_tab .tab_pull .swiper-button-prev {background:none;width:10px;height:10px;transform:rotate(-45deg);border-left:2px solid #333;border-top:2px solid #333;left:-10px;top:20px}	
	.picasso19 .tab_type01.swiper_tab .tab_pull .swiper-button-next{background:none;width:10px;height:10px;transform:rotate(135deg);border-left:2px solid #333;border-top:2px solid #333;right:-10px;top:20px}
	.illu-box .inner{width:100%;overflow:hidden;}
	.illu-box .item{width:100%;max-width:400px; margin:0 auto; float:none;padding-top:30px;height:282px;margin-bottom:20px;}
	.illu-box .pic-area{height:108px;}
	.illu-box .pic-area img{height:100%;width:auto;}			
}
/* 마이>체크카드 가상계좌 */
.list_wrap_payment.ico_virtual li strong{position:relative}
.list_wrap_payment.ico_virtual li .ico_use{color:#4868e1}
.list_wrap_payment.ico_virtual li .ico_useNo{color:#999999}
.list_wrap_payment.ico_virtual li .ico_use::before {content:'';position:absolute;right:28px;top:1px;display:inline-block; width:20px; height:20px;background:url(/pconts/images/contents/mypage/icon_use.png
) no-repeat 0 0; background-size:20px 20px;}
.list_wrap_payment.ico_virtual li .ico_useNo::before {content:'';position:absolute;right:40px;top:1px;display:inline-block; width:20px; height:20px;background:url(/pconts/images/contents/mypage/icon_unuse.png
) no-repeat 0 0; background-size:20px 20px;}
@media only screen and (max-width:1100px){
	.list_wrap_payment.ico_virtual li{align-items:center}
}
/* 편의 서브메인 케어 */
.submain_myservice_list .care12{background:url('/pconts/images/icon/ico_icon179.png') no-repeat;}
/* 내카드관리 ui변경 */
.card_swiper{max-width:622px;}
.card_swiper [class^='nav-button']{width:48px;height:48px;border-radius:50%;}
.card_swiper [class^='nav-button']::before{border-top-width:2px;border-right-width:2px;}
.card_swiper .nav-button-prev::before{top:15px;left:19px;}
.card_swiper .nav-button-next::before{top:15px;left:12px;}
.card_swiper [class^='nav-button']:hover{background:#eee;}
.card_swiper [class^='nav-button']:hover::before{border-color:#4868e1;}
.card_swiper [class^='nav-button'].swiper-button-disabled:hover{background:transparent;}
.card_swiper [class^='nav-button'].swiper-button-disabled:hover::before{border-color:#ddd;}
.card_swiper .swiper-pagination{position:absolute;top:5px;right:77px;bottom:inherit;left:inherit;margin-top:0;width:auto;color:#333;}
.card_swiper .swiper-pagination .swiper-pagination-current{font-weight:700;}
.card_swiper .card_top_info{margin:0 auto 15px;width:468px;}
.card_swiper .card_top_info .leader_card{vertical-align:middle;}
.card_swiper .card_top_info .card_nickname, 
.card_swiper .card_top_info .card_nickname_setting{margin-top:0;vertical-align:inherit;}
.card_swiper .card_top_info .card_nickname{padding:0 12px;background:#ededed;border-radius:12px;font-size:13px;line-height:25px;}
.card_swiper .card_top_info .card_nickname_setting .text_link{line-height:25px;}
.card_swiper .card_top_info .card_nickname_setting .text_link::before{top:2px;}
.card_swiper .card_top_info .card_nickname_setting .text_link::after{top:8px;}
.card_swiper .item{padding:0 77px;}
.card_swiper .card_img{width:468px;height:156px;}
.card_swiper .card_img img{width:468px;margin-bottom:-138px;}
.card_swiper .card_img img.rotate{width:auto;height:468px;}
.card_swiper .chk_icon_wrap, .card_swiper .chk{top:0;width:468px;max-width:468px;height:156px;margin-left:-234px;}
.card_swiper .card_tit{padding:0 77px;margin-top:20px;font-size:16px;text-align:left;font-weight:400;}
.card_swiper .card_tit > span{width:468px;}
.card_swiper .card_tit > span > b{color:#000;}
.card_swiper .card_num{margin:10px 0;text-align:left;}
.card_swiper .card_num .card_number{float:left;}
.card_swiper .card_num .card_num_all{float:right;margin-left:0;}
.card_swiper .card_num .card_num_all .text_link{padding-right:16px;}
.card_swiper .card_num .card_num_all .text_link::before{right:-5px;}
.card_swiper .card_num .card_num_all .text_link::after{right:2px;}
.card_swiper .expiry_txt{display:inline-block;height:22px;line-height:22px;padding:0 12px;background:#f14b25;color:#fff;font-size:13px;border-radius:11px;}
.mylimit_info .bar_graph_wrap::after{content:'';display:block;clear:both;}
.mylimit_info .parts{display:block;width:50%;}
.mylimit_info .parts + .parts{margin-top:17px;}
.mylimit_info .parts dt{display:block;max-width:100%;}
.mylimit_info .parts dd{display:block;max-width:100%;margin-top:8px;}
.mylimit_info .parts.current{float:left;text-align:left;}
.mylimit_info .parts.current dd{text-align:left;}
.mylimit_info .parts.available{float:right;text-align:right;}
.mylimit_info .parts.available dt::before{display:inline-block;position:relative;top:0;margin-right:12px;}
.my_card_info .df_list_col.t01 .item_wrap{display:table;min-height: 41px;font-size:16px;}
.my_card_info .df_list_col.t01 .item_wrap dt{display:table-cell;vertical-align:middle;}
.my_card_info .df_list_col.t01 .item_wrap dt .text_pointer span{vertical-align:top;}
.my_card_info .df_list_col.t01 .item_wrap dd{display:table-cell;}
.my_card_info .card_wrap .card_icon.korean{background-image: url('/pconts/images/dx/contents/img_koreanair.png');}
.my_card_info .card_wrap .card_icon.asiana{background-image: url('/pconts/images/dx/contents/img_asianaclub.png');}
.mycard_recom{text-align:center;}
.mycard_recom .btn.text_srt{display:inline-block;max-width:100%;}
.mycard_recom .btn.text_srt span{display:inline-block;max-width:96%;overflow:hidden; text-overflow:ellipsis; word-wrap:break-word;vertical-align:middle;}
.mycard_recom .btn.next::after{opacity:1;}
/* 내카드관리 ui변경 추가 */
.mycard_recombox{position:relative;min-height:140px;padding:27px 200px 30px 40px;border-radius:10px;color:#fff;background:#363d57 url('/pconts/images/dx/contents/icon_recommend_200806.png') no-repeat 797px 33px;background-size:144px auto;}
.mycard_recombox .h_title24{color:#fff;}
.mycard_recombox .recom_carditem{margin-top:25px;}
.mycard_recombox .recom_carditem > li{float:left;margin-right:40px;}
.mycard_recombox .recom_carditem > li > a{position:relative;display:inline-block;}
.mycard_recombox .recom_carditem > li > a:after{content:'';display:inline-block;width:8px;height:8px;margin-left:8px;border:1px solid #6c7184;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);}
@media only screen and (max-width: 1100px){
	.card_swiper .swiper-pagination{width:260px;top:5px;right:50%;margin-right:-130px;text-align:right;z-index:0;}
	.card_swiper [class^='nav-button']{width:30px;height:30px;}
	.card_swiper .nav-button-prev::before{top:6px;left:4px;}
	.card_swiper .nav-button-next::before{top:6px;left:8px;}
	.card_swiper [class^='nav-button']:hover{background:transparent;}
    .card_swiper .card_top_info{margin:0 auto 9px;width:260px;}
    .card_swiper .item{padding:0 30px;}
    .card_swiper .card_img{width:260px;height:120px;}
    .card_swiper .card_img img{width:260px;margin-bottom:-46px;}
    .card_swiper .card_img img.rotate{width:auto;height:260px;}
    .card_swiper .card_top_info .card_nickname{font-size:13px;}
    .card_swiper .chk_icon_wrap, .card_swiper .chk{width:260px;height:120px;margin-left:-130px;}
    .card_swiper .card_tit{width:260px;padding:0;margin:13px auto 0;font-size:15px;}
	.card_swiper .card_tit > span{width:auto;}
	.bar_graph + .parts{margin-top:10px;}
	.mylimit_info .parts + .parts{margin-top:10px;}
	.df_list_col_wrap .df_list_col .item_wrap .item:first-child,
	.df_list_col_wrap .df_list_col .item_wrap .item:last-child{float:none;}
	.my_card_info .df_list_col_wrap .df_list_col .item_wrap{padding-right:120px;}
	.mycard_recom{text-align:left;}
	.mycard_recom .tbm{height:8px;}
    .mycard_recombox{min-height:auto;padding:25px 20px 27px 20px;background-position:93% 14px;background-size:76px auto;}
    .mycard_recombox .recom_carditem{margin-top:35px;}
    .mycard_recombox .recom_carditem > li{float:none;margin-right:0;margin-top:21px;}
    .mycard_recombox .recom_carditem > li:first-child{margin-top:0;}
}
.m_num {position:absolute; top:20px; right:0;}				
.tbs .table_wrap table {font-size:14px;}
.tbs .table_wrap table th,
.tbs .table_wrap table td {padding:10px;}
.txt_tb01{text-align:right; margin:-25px 0 5px;}
.p_txt01 {color:#131313; padding:10px 0 10px 15px; margin-bottom:30px; background:#eee; border:1px solid #ccc;}
.p_txt01 span {padding-right:30px;}
.print_v {display:none;}
@media print {
  .print_v {display:block;}
}
@media only screen and (max-width: 1100px){
    .card_filter .h_wrap .h_title24 {margin-bottom:7px;}
    .mycard_report .price_info {flex:2;}
}
/* 이벤트 응모 랜딩 개발 */
.contents.evt-entry {margin-top: -110px;}
.contents.evt-entry .tit1 {text-align: center; font-size:26px; font-weight: 700; color:#000; padding-bottom:20px; line-height:33px;}
@media (max-width:1100px) {
	.contents.evt-entry {margin-top:25px;}
}
/* 명세서수령방법 수정 */
.statement_more{width:100%;}
.statement_more .btn_wrap{display:none;}
.statement_more .icon_list.type03.change_statement{width:100%;}
.statement_more .icon_list.type03 > li > label > input:hover + span{border-color:#4868e1;}
.icon_list.type03.change_statement .icon_box.receive03_1 {background-image:url('/pconts/images/icon/ico_state02.png');}
.statement_more02 .radio_wrap.type_grid{height:110px;overflow:hidden;}
.statement_more02.open .radio_wrap.type_grid{height:auto;}
.statement_more02.open .btn_wrap{display:none;}
@media only screen and (max-width: 767px){
    .statement_more{width:333px;} 
	.statement_more .icon_list.type03.change_statement{height:100px;overflow:hidden;}
	.statement_more.open .icon_list.type03.change_statement{height:auto;}
	.statement_more .btn_wrap{display:block;}
	.statement_more.open .btn_wrap{display:none;}
	.statement_more02 .radio_wrap.type_grid{height:100px;}
}
.card_reportlist_wrap.s_txt .dashdesk {padding:20px; text-align:right;}
.card_reportlist_wrap.s_txt .dashdesk dt {display:inline-block; position:absolute; top:30px; left:20px;}
.card_reportlist_wrap.s_txt .dashdesk dd {display:inline-block;}
.contactless_ico {margin:15px 0 10px; background:#f6f6f6 url('/pconts/images/dx/contents/contactless_200820.png')no-repeat center 25px; background-size:130px auto; text-indent:-5000px; height:180px;}
.mobile_card .step_box_wrap .img.nimg50 {background:url(/pconts/images/dx/contents/1_200820.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg51 {background:url(/pconts/images/dx/contents/2_200820.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg52 {background:url(/pconts/images/dx/contents/3_200820.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg53 {background:url(/pconts/images/dx/contents/4_200820.png) no-repeat 50% 50%;background-size:100% auto;}
.contactless_list ul {padding-bottom:20px; display:flex; flex-flow:wrap;}
.contactless_list ul li {display:flex; flex-direction:column; justify-content:center; text-align:center; flex-basis:auto; width:19%; margin:0 5px 5px 0; padding:7px 0 10px; border:1px solid #ccc;}
.contactless_list ul li b {display:block; padding-bottom:3px;}
@media only screen and (max-width: 1100px){
	.contactless_list ul li {width:48%;}
}
/* 토스트 팝업 */
.pop_wrap.pop_tost{background: rgba(0,0,0,0.5);}
.pop_wrap .pop-tost1{width:300px;left:50%;top:50%;transform:translateY(0%) translateX(-50%);background:#fff;border:1px solid #e8e8e8;box-shadow: 5px 5px 15px rgba(0,0,0,0.30);border-radius:8px;display:block;transition:all .4s ease-out;transition-delay:.4s;position:absolute;opacity:0;}
.pop_wrap.is_active .pop-tost1{opacity:1;transform:translateY(-50%) translateX(-50%)}
.pop_wrap .pop-tost1 .btn_close{top:-48px;right:-10px;width:40px;height:40px;background:none;}
.pop_wrap .pop-tost1 .btn_close:before{content:'';position:absolute;width:28px;height:2px;background:#fff;left:50%;top:50%;margin-left:-13px;transform:rotate(-45deg)}
.pop_wrap .pop-tost1 .btn_close:after{content:'';position:absolute;width:2px;height:28px;background:#fff;left:50%;top:50%;margin-top:-13px;transform:rotate(-45deg)}
.pop_wrap .pop-tost1 .pop_cont{padding:0;overflow:visible;}
.pop_wrap .pop-tost1,
.tost-swiper1,
.tost-swiper1 .s-item{height:300px;}
.tost-swiper1 .s-item{display:block;width:100%;position:relative;}
.tost-swiper1 .s-item .img-sec{z-index:0;position:absolute;right:20px;bottom:20px;width:254px;height:156px;}
.tost-swiper1 .s-item .text-sec{position:absolute;z-index:1;top:0px;left:0;width:100%;height:100%;padding:0px 25px;padding-top:26px;line-height:1.3;}
.tost-swiper1 .s-item .text-sec .s-tit1{color:#333;font-size:18px;font-weight:bold;color:#111;}
.tost-swiper1 .s-item .text-sec .s-txt1{color:#333;font-size:14px;margin-top:10px;min-height:18px;line-height:1.45;}
.tost-swiper1{overflow:visible;position:relative;}
.tost-swiper1 .swiper-container{overflow:hidden;border-radius:8px;}
.tost-swiper1 .swiper-controls{position:absolute;top:10px;z-index:1;right:10px;width:auto;word-spacing: -4px;}
.tost-swiper1 .swiper-controls .swiper-pagination-fraction{display:inline-block;vertical-align:middle;position:static;text-align:left;text-align:left;font-size:13px;font-weight:bold;color:#333;width:auto;height:20px;line-height:20px;white-space:nowrap}
.tost-swiper1 .swiper-button-pause{display:inline-block;vertical-align:middle;width:20px;height:20px;position:relative;margin-left:5px;}
.tost-swiper1 .swiper-button-pause:after{content:'';height:10px;width:2px;background:#333;position:absolute;left:6px;top:5px;}
.tost-swiper1 .swiper-button-pause:before{content:'';height:10px;width:2px;background:#333;position:absolute;left:10px;top:5px;}
.tost-swiper1 .swiper-button-play{display:inline-block;vertical-align:middle;width:20px;height:20px;position:relative;margin-left:5px;}
.tost-swiper1 .swiper-button-play:after{content: '';position: absolute;top: 5px;left: 6px;display: block;height: 0px;width: 0px;border: 5px solid #333;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: none;}
.tost-swiper1 .nav-button-prev, 
.tost-swiper1 .nav-button-next{position:absolute;z-index:2;height:30px;width:30px;border:0;transform:rotate(0deg);bottom:50%;}
.tost-swiper1 .nav-button-prev{left:-63px;}
.tost-swiper1 .nav-button-prev:after{content:'';width:14px;height:14px;position:absolute;top:9px;left:11px;border:2px solid #fff;border-right:0;border-bottom:0;transform:rotate(-45deg)}
.tost-swiper1 .nav-button-next{left:auto;right:-63px;}
.tost-swiper1 .nav-button-next:after{content:'';width:14px;height:14px;position:absolute;top:9px;left:5px;border:2px solid #fff;border-left:0;border-top:0;transform:rotate(-45deg)}
.pop-tost1 .tost1-btn{font-size:13px;font-weight:bold;color:#111;display:inline-block;padding:0px 15px;border-radius:28px;height:28px;line-height:28px;margin-top:13px;background:#4868e1;color:#fff;}
.pop_tost .pop-period{position:absolute;left:0px;top:-39px;color:#fff;}
.pop_tost .pop-period .check_wrap .check_default input[type="checkbox"] + span,
.pop_tost .pop-period .check_wrap .check_default input[type="checkbox"]:checked + span{color:#fff;font-size:14px;}
.pop_wrap .pop-tost1.main .btn_close:before{left:auto;right:5px;}
.pop_wrap .pop-tost1.main .btn_close:after{left:auto;right:18px;}
.pop_wrap .pop-tost1.main .btn_close{width:auto;color:#fff;padding-top:3px;top:-35px !important;right:-5px !important;padding-right:40px;letter-spacing:0.03em}
.pop_wrap .pop-tost1.main .btn_close span{color:transparent;position:absolute;}
.pop-tost1 .tost1-btn.t1{position:absolute;bottom:16px;left:26px;width:calc(100% - 52px);height:42px;line-height:42px;border-radius:4px;font-size:17px;background:#0155e1;text-align:center;margin:0;z-index:10;}
.pop_wrap .pop-tost1.main{border:0;border-radius:10px;background:none;}
.pop_wrap .pop-tost1.main,
.pop-tost1.main .tost-swiper1, 
.pop-tost1.main .tost-swiper1 .s-item{height:320px;}
.pop-tost1.main .tost-swiper1 .s-item .img-sec{width:295px;height:228px;right:0;bottom:0;}
.pop-tost1.main .tost-swiper1 .s-item .text-sec .s-tit1{font-size:20px;letter-spacing:-0.025em;line-height:1.28}
.pop-tost1.main .tost-swiper1 .s-item .text-sec .s-tit1 b{font-size:21px;font-weight:900;}
.pop-tost1.main .tost-swiper1 .swiper-container{border-radius:10px;}
.pop_wrap .pop-tost1.t1{border:none;background:transparent}
.pop_wrap .pop-tost1.t1 .tost1-btn{display:none;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item .text-sec{line-height:1.5}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item .text-sec .s-txt1{color:#fff;font-size:15px;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item .text-sec .s-tit1{color:#fff;font-size:24px;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .swiper-controls .swiper-pagination-fraction{color:#fff;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .swiper-button-pause:after,
.pop_wrap .pop-tost1.t1 .tost-swiper1 .swiper-button-pause:before{background:#fff;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .swiper-button-play:after{border: 5px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-right: none;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item .img-sec{width:200px;height:200px;right:20px;bottom:-20px;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item.cms .img-sec{width:100%;height:100%;position:relative;overflow:hidden;right:0;bottom:0;}
.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item.cms .img-sec img{position:absolute;width:100%;left:0;bottom:0;}
.pop-tost1.t1 .tost-swiper1 .swiper-controls{right:auto;top:auto;left:18px;bottom:18px;}
.pop-tost1.t1 .tost-swiper1 .nav-button-prev, 
.pop-tost1.t1 .tost-swiper1 .nav-button-next{width:40px;height:40px;bottom:auto;top:50%;margin-top:-20px;}
.pop-tost1.t1 .tost-swiper1 .nav-button-prev:before, 
.pop-tost1.t1 .tost-swiper1 .nav-button-next:before{content:'';width:100%;height:100%;background:#000;opacity:0.25;position:absolute;left:0;top:0;}
.pop-tost1.t1 .tost-swiper1 .nav-button-next{right:0;left:auto;}
.pop-tost1.t1 .tost-swiper1 .nav-button-prev{left:0;}
.pop-tost1.t1 .tost-swiper1 .nav-button-next:after{top:12px;left:10px;}
.pop-tost1.t1 .tost-swiper1 .nav-button-prev:after{top:12px;left:15px;}
@media only screen and (max-width: 420px){
	.pop_wrap .pop-tost1 .tost1-btn{display:inline-block;margin-top:20px;}
	.pop_wrap .pop-tost1{height:334px;overflow:visible;border-radius: 20px 20px 0px 0px;box-shadow:none;}
	.tost-swiper1 .swiper-container{border-radius: 20px 20px 0px 0px;}
	.pop_wrap .pop-tost1{width:100%;top:auto;transform:translateY(0) translateX(0);left:0;bottom:-100%}
	.pop_wrap.is_active .pop-tost1{bottom:0;transform:translateY(0) translateX(0);}
	.pop_wrap .pop-tost1 .pop_cont{padding-top:0;}
	.pop_wrap .pop-tost1
	.tost-swiper1 .s-item,
	.tost-swiper1{height:334px;}
	.pop_wrap .pop-tost1 .btn_close{top:-39px;right:13px;width:30px;height:30px;background:none;}
	.pop_wrap .pop-tost1 .btn_close:before{content:'';position:absolute;width:20px;height:2px;background:#fff;left:50%;top:50%;margin-left:-9px;transform:rotate(-45deg)}
	.pop_wrap .pop-tost1 .btn_close:after{content:'';position:absolute;width:2px;height:20px;background:#fff;left:50%;top:50%;margin-top:-9px;transform:rotate(-45deg)}
	.pop_tost .pop-period{left:19px;top:-36px;}
	.tost-swiper1 .s-item .img-sec{right:33px;bottom:38px;width:283px;height:174px;}
	.tost-swiper1 .s-item .text-sec{padding-left:32px;padding-top:30px;}
	.tost-swiper1 .s-item .text-sec .s-tit1{font-size:1.9rem}
	.tost-swiper1 .s-item .text-sec .s-txt1{font-size:1.6rem;margin-top:12px;}
	.tost-swiper1 .nav-button-prev, 
	.tost-swiper1 .nav-button-next{height:30px;width:30px;border:0;transform:rotate(0deg);bottom:42px;}
	.tost-swiper1 .nav-button-prev{left:24px;}
	.tost-swiper1 .nav-button-prev:after{content:'';width:10px;height:10px;position:absolute;top:9px;left:11px;border:1px solid #333;border-right:0;border-bottom:0;transform:rotate(-45deg)}
	.tost-swiper1 .nav-button-next{right:auto;left:50px;}
	.tost-swiper1 .nav-button-next:after{content:'';width:10px;height:10px;position:absolute;top:9px;left:10px;border:1px solid #333;border-left:0;border-top:0;transform:rotate(-45deg)}
	.tost-swiper1 .swiper-controls{top:42px;width:auto;left:auto;right:24px;}	
	.pop_wrap .pop-tost1.main,
	.pop-tost1.main .tost-swiper1 .swiper-container{border-radius: 20px 20px 0px 0px;}
	.pop_wrap .pop-tost1.main,
	.pop-tost1.main .tost-swiper1 .s-item, .tost-swiper1{height:351px;}
	.pop_wrap .pop-tost1.main .btn_close{top:-39px !important;right:8px !important;padding-right:40px;letter-spacing:-0.015em;}
	.pop_wrap .pop-tost1.main .btn_close:before{right:9px;}
	.pop-tost1 .tost1-btn.t1{width:auto;height:47px;line-height:47px;border-radius:4px;bottom:18px;font-size:1.9rem;left:35px;right:35px}
	.pop-tost1.main .tost-swiper1 .s-item .img-sec{width:100%;height:253px;padding-left:30px;text-align:center;}
	.pop-tost1.main .tost-swiper1 .s-item .img-sec img{width:327px;}
	.pop-tost1.main .tost-swiper1 .s-item .text-sec .s-tit1{font-size:2.2rem;line-height: 1.22;}
	.pop-tost1.main .tost-swiper1 .s-item .text-sec .s-tit1 b{font-size:2.3rem}
	.pop-tost1.main .tost-swiper1 .s-item .text-sec{top:0;padding-top:28px;}
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .swiper-controls{right:auto;left:32px;top:249px;}
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .nav-button-prev:after,
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .nav-button-next:after{border-color:#fff;}
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item .text-sec .s-tit1{font-size:2.3rem;}
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item .text-sec .s-txt1{font-size:1.8rem;}
	.pop_wrap .pop-tost1, .tost-swiper1{height:auto;}
	.tost-swiper1 .s-item{height:334px;}
	.pop-tost1.t1 .tost-swiper1 .nav-button-prev, 
	.pop-tost1.t1 .tost-swiper1 .nav-button-next{width:33px;height:33px;margin-top:-16px;}
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .swiper-controls {top:auto;bottom:28px;left:35px;}
	.pop_wrap .pop-tost1.t1 .tost-swiper1 .s-item.cms .img-sec img{max-width:340px;left: 50%;transform: translateX(-50%);}
}
/* 디지털 메인 FacePay */
.submain_digital_conts.ani_ico.img05::before{display:none;}
.submain_digital_conts .ani-facepay{width:480px;height:320px;background:url(/pconts/images/dx/contents/img_facepay1.png) 0 0 no-repeat;background-size:100% auto;position:absolute;left:0;top:0;;}
.submain_digital_conts .ani-facepay .line{background:#ffd800;opacity:0.6;width:103px;height:5px;position:absolute;left:148px;top:54px;z-index:3;animation: d-facepay 1.5s ease-in-out 0s infinite;}
.submain_digital_conts .ani-facepay  .fany{width:122px;height:205px;background:url(/pconts/images/dx/contents/img_facepay2.png) 0 0 no-repeat;background-size:100% auto;position:absolute;z-index:5;left:80px;bottom:26px;}
@keyframes d-facepay{
	0%{top:54px}
	50%{top:155px}
	100%{top:54px}	
}
@media only screen and (max-width: 1023px){
	.submain_digital_conts .ani-facepay{width:320px;height:215px;left:50%;transform:translateX(-50%)}
	.submain_digital_conts .ani-facepay  .fany{width:82px;height:136px;bottom:20px;left:53px;}
	.submain_digital_conts .ani-facepay .line{left:98px;width:70px;height:4px;top:41px;animation: d-facepay-m 1.5s ease-in-out 0s infinite;}
	@keyframes d-facepay-m{
		0%{top:41px}
		50%{top:99px}
		100%{top:41px}
	}
}
/*정부지원소비쿠폰 */
.govt-coupon ul.disable li .statebox div, .govt-coupon ul li .statebox div strong{color:#bbb !important}
.govt-coupon ul.disable li .statebox .label{background-color:#ddd !important}
.govt-coupon ul.disable li .statebox{position:relative;display:block;height:100%;background:#fff;padding:15px 15px 60px;font-size:14px;border-radius:5px;box-shadow:5px 5px 15px rgba(0,0,0,0.10);}
.govt-coupon ul.disable li .statebox::after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:5px;transition:all 0.4s ease-in-out;}
.govt-coupon ul.disable li .statebox .tit{font-size:17px;color:#333;}
.govt-coupon ul.disable li .statebox .sale{margin-top:12px;font-size:16px;line-height:1.15;font-weight:700;}
.govt-coupon ul.disable li .statebox .sale strong{font-size:30px;}
.govt-coupon ul.disable li .statebox .date{margin-top:20px;color:#111;}
.govt-coupon ul.disable li .statebox .label{ overflow:hidden;position:absolute;bottom:0;left:0;right:0;padding:10px;color:#fff;text-align:center;font-weight:700;transition:all 0.4s ease-in-out;font-size:17px;}
/* 편의 메인 */
.d-main .myservice_btn.btn_more + .h_wrap{margin-top:60px;}
.d-main .submain_myservice_list li  .item{display:block;background:#fff;width:346px;height:130px;padding:0;border:2px solid #fff;border-radius:8px;position:relative;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);transition:all .4s ease-in-out;}
.d-main .submain_myservice_list li  .item:hover{border-color:#4868e1;}
.d-main .submain_myservice_list li  .item:after{display:none;}
.d-main .submain_myservice_list li  .item .txt-sec .tit{font-size:18px;font-weight:bold;color:#333;}
.d-main .submain_myservice_list li  .item .txt-sec .tit:after{content: '';display: inline-block;width: 8px;height: 8px;margin-left: 4px;border-top: 1px solid #818181;border-right: 1px solid #818181;transform:translateY(-2px) rotate(45deg);}
.d-main .submain_myservice_list li  .item .txt-sec .txt{font-size:16px;padding:0;}
.d-main .submain_myservice_list li  .item .txt-sec{padding:18px 48px 18px 88px; }
.d-main .submain_myservice_list li  .item .txt-sec:before{content:'';position:absolute;left:18px;top:18px;width:50px;height:50px;}
.d-main .submain_myservice_list li  .item .sold-out{width:66px;height:66px;border-radius:66px;position:absolute;left:10px;top:10px;background:#7f7f7f;text-align:center;color:#fff;font-size:13px;line-height:1.2;font-weight:bold;padding-top:20px;opacity:0.9;z-index:5;}
.d-main .submain_myservice_list li  .item .line_badge{position:absolute;right:17px;top:17px;z-index:5;height:24px;width:52px;line-height:24px;padding:0;border-radius:24px;text-align:center;}
.d-main .submain_myservice_list li  .item .c-icon1,
.d-main .submain_myservice_list li  .item .c-icon2{width:50px;height:22px;position:absolute;right:18px;top:18px;border-radius:22px;color:#fff;text-align:center;line-height:22px;font-size:13px;font-weight:bold;}
.dm-input + label{display:inline-block;padding:0px 15px;border:1px solid #ddd;font-size:16px;height:28px;line-height:28px;text-align:center;vertical-align:middle;font-weight:bold;border-radius:28px;cursor:pointer;transition:all .4s ease-in-out;margin-left:6px;}
.dm-input:checked + label{color:#4868e1;border:1px solid #4868e1;}
.d-main .submain_myservice_list{display:block;width:1100px;}
.d-main .submain_myservice_list:after{content:'';display:table;clear:both;}
.d-main .submain_myservice_list li{float:left;width:auto;margin-right:20px;margin-top:20px;}
.d-main .submain_myservice_list li:nth-child(1),
.d-main .submain_myservice_list li:nth-child(2),
.d-main .submain_myservice_list li:nth-child(3){margin-top:20px;}
.d-main .sm_myservice_wrap{overflow:hidden;width:1100px;height:170px;transition:all .4s ease-in-out;}
.d-main .sm_myservice_wrap.on{height:auto}
.d-radio-group{position:absolute;right:0;top:4px;}
.d-radio-group .dm-input {position:absolute;opacity:0;}
.d-main .submain_myservice_list li  .item .c-icon1{background:#4868e1}
.d-main .submain_myservice_list li  .item .c-icon2{background:#0d92be}
.submain_life .d-main .myservice_btn.btn_more.on span:after{transform: rotate(180deg);}
.d-main .submain_myservice_list li > .care11 .txt-sec:before{background:url('/pconts/images/icon/ico_icon177.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care10 .txt-sec:before{background:url('/pconts/images/icon/ico_icon178.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care03 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care03.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care05 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care05.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care06 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care06.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care04 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care04.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care09 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care09.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care01 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care01.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care02 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care02.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care08 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care08.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care07 .txt-sec:before{background:url('/pconts/images/main/myservice/ico_care07.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care12 .txt-sec:before{background:url('/pconts/images/icon/ico_icon179.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care13 .txt-sec:before{background:url('/pconts/images/icon/ico_icon181.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care14 .txt-sec:before{background:url('/pconts/images/icon/ico_icon206.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care15 .txt-sec:before{background:url('/pconts/images/icon/ico_icon207.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care16 .txt-sec:before{background:url('/pconts/images/icon/ico_icon208.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care17 .txt-sec:before{background:url('/pconts/images/icon/ico_care17.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care18 .txt-sec:before{background:url('/pconts/images/icon/ico_icon199.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .care19 .txt-sec:before{background:url('/pconts/images/icon/ico_icon200.png') center center no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice01 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice01.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice04 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice04.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice06 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice06.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice02 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice02.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice03 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice03.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice05 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice05.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice07 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice07.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice08 .txt-sec:before{background: url(/pconts/images/main/myservice/ico_notice08.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice09 .txt-sec:before{background: url(/pconts/images/icon/ico_icon201.png) no-repeat;background-size:50px auto;}
.d-main .submain_myservice_list li > .notice10 .txt-sec:before{background: url(/pconts/images/icon/ico_icon222.png) no-repeat;background-size:50px auto;}
@media only screen and (max-width: 1023px){
	.d-main .myservice_btn.btn_more + .h_wrap{margin-top:30px;}
	.d-main .myservice_btn.btn_more + .h_wrap .h_title24{margin-bottom:0;}
	.submain_life .myservice_btn.btn_more{font-size:1.8rem;}
	.d-radio-group{position:relative;margin-top:6px;margin-bottom:9px;}
	.dm-input + label{font-size:1.3rem;height:22px;line-height:20px;padding:0px 10px;margin-left:0px;margin-right:3px;}
	.d-main .sm_myservice_wrap{width:auto;margin-right: -20px;height:330px;padding-bottom:15px;}
	.d-main .submain_myservice_list{width:auto;margin:0;padding-right:20px;}
	.d-main .submain_myservice_list li  .item{width:100%;height:96px;}
	.d-main .submain_myservice_list li{float:none;margin:0;margin-top:10px;}
	.d-main .submain_myservice_list li:nth-child(1), .d-main .submain_myservice_list li:nth-child(2), .d-main .submain_myservice_list li:nth-child(3){margin:0;margin-top:10px;}
	.d-main .submain_myservice_list li  .item .txt-sec .tit{font-size:1.5rem}
	.d-main .submain_myservice_list li  .item .txt-sec .txt{font-size:1.3rem}
	.d-main .sm_myservice_wrap +.myservice_btn.btn_more{margin-top:5px;}
	.d-main .submain_myservice_list li  .item{box-shadow: 5px 5px 10px rgba(0,0,0,0.10);}
	.d-main .submain_myservice_list li  .item .line_badge{font-size:13px;}
	.d-main .submain_myservice_list li  .item .line_badge,
	.d-main .submain_myservice_list li  .item .c-icon1, 
	.d-main .submain_myservice_list li  .item .c-icon2{right:12px;top:12px;}
	.d-main .submain_myservice_list li  .item .txt-sec:before{background-size:40px auto !important;left:12px;top:15px;width:40px;height:40px;}
	.d-main .submain_myservice_list li  .item .txt-sec{padding: 15px 28px 15px 66px;}
	.d-main .submain_myservice_list li  .item .sold-out{left: 5px;top: 9px;width: 54px;height: 54px;font-size: 11px;padding-top: 15px;}
}
/* 팝업 로드 */
.pop_wrap.pop-load-conts .popup{width:980px;}
.pop-load-conts .trend_top {margin:0px -30px !important;padding:0;width:auto !important}
.pop-load-conts .trend_top .trend_visual{width:100% !important;}
.pop-load-conts .trend_con_w .trend_con{width:100% !important;;}
@media only screen and (max-width: 1100px){
	.pop_wrap.pop-load-conts{width:100%;}
	.pop-load-conts .trend_top {margin:0px -20px !important;padding:0px 20px;}
}
/* 카드상세-모바일단독카드 */
.mobile_card .step_box_wrap .img.nimg61 {background:url(/pconts/images/contents/card/card_detail_mobile1.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg62 {background:url(/pconts/images/contents/card/card_detail_mobile2.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg63 {background:url(/pconts/images/contents/card/card_detail_mobile3.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg64 {background:url(/pconts/images/contents/card/card_detail_mobile4.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg65 {background:url(/pconts/images/contents/card/card_detail_mobile5.png) no-repeat 50% 50%;background-size:100% auto;}
.mbcard_detail_box {margin-top:20px;padding:20px;background-color:#f6f6f6;}
.mbcard_detail_box .carddetail_qr_box{top:20px;}
.mbcard_detail_box p.txt{padding:25px 0 25px 30px;}
/* 선택형 카드 신청 - 혜택선택화면 */
.check_list02 label span{word-break:break-all;word-wrap:break-word;}
/* 신한은행 ATM 인증 서비스 */
.mobile_card .step_box_wrap .img.atm01{background:url(/pconts/images/dx/contents/info_img01.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.atm02{background:url(/pconts/images/dx/contents/info_img02.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.atm03{background:url(/pconts/images/dx/contents/info_img03.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.atm04{background:url(/pconts/images/dx/contents/info_img04.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.atm05{background:url(/pconts/images/dx/contents/info_img05.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.atm06{background:url(/pconts/images/dx/contents/info_img06.png) no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap.img_s .img {height:200px;}
/* 언박싱카드 - 트랜드샵 팝업 */
.trend_shop .trend_top{width:100%;height:250px;background-color:#f0e1e2}
.trend_shop .trend_top .trend_visual{width:980px;height:100%;margin:0 auto;position:relative;}
.trend_shop .trend_top .trend_visual .tit_w{padding:90px 0 0 30px}
.trend_shop .trend_top .trend_visual .tit_w h1{margin:0 0 15px 0;font-size:36px;line-height:32px;color:#111}
.trend_shop .trend_top .trend_visual .tit_w span{font-size:16px;line-height:34px;color:#111}
.trend_shop .trend_top .trend_visual .img_w{height:100%;position:absolute;top:0;right:0}
.trend_shop .trend_top .trend_visual .img_w img{height:100%}
.trend_shop .trend_con_w{margin:65px 0 0 0}
.trend_shop .trend_con_w .trend_con{width:980px;margin:0 auto 70px}
.trend_shop .trend_con_w .trend_con h2{margin:0 0 65px 0;font-size:24px;line-height:34px;color:#111}
.trend_shop .trend_con_w .trend_con h3{margin:0 0 13px 0;font-size:24px;line-height:34px;color:#111}
.trend_shop .trend_con_w .trend_con h4{margin:0 0 13px 0;font-size:18px;line-height:34px;color:#111}
.trend_shop .trend_con_w .trend_con .trend_list{margin:0 0 65px 0;border-bottom:1px solid #ddd;}
.trend_shop .trend_con_w .trend_con .trend_list > li{position:relative;min-height:60px;padding:15px 10px 12px 158px; border-top:1px solid #ddd;background-size:118px 60px;background-repeat:no-repeat;background-position:10px center}
.trend_shop .trend_con_w .trend_con .trend_list > li .c-bull1 > li{font-size:16px;line-height:22px}
.trend_shop .trend_con_w .trend_con .trend_list > li .btn_outlink{position:absolute;right:20px;top:35px;}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_dogs{background-image:url(/pconts/images/contents/card/logo_card_trendshop_dog.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_cats{background-image:url(/pconts/images/contents/card/logo_card_trendshop_cat.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_golping{background-image:url(/pconts/images/contents/card/logo_card_trendshop_golping.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_berrycloset{background-image:url(/pconts/images/contents/card/logo_card_trendshop_bc.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_tenbyten{background-image:url(/pconts/images/contents/card/logo_card_trendshop_ten.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_timemecca{background-image:url(/pconts/images/contents/card/logo_card_trendshop_timem.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_baon{background-image:url(/pconts/images/contents/card/logo_card_trendshop_baon.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_compzone{background-image:url(/pconts/images/contents/card/logo_card_trendshop_czone.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_29cm{background-image:url(/pconts/images/contents/card/logo_card_trendshop_29cm.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_london{background-image:url(/pconts/images/contents/card/logo_card_trendshop_ln.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_viva{background-image:url(/pconts/images/contents/card/logo_card_trendshop__vivaruby.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_bal{background-image:url(/pconts/images/contents/card/logo_card_trendshop_balaan.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_sty_sh{background-image:url(/pconts/images/contents/card/logo_card_trendshop_styleshare.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_cafeknotted{background-image:url(/pconts/images/contents/card/logo_card_trendshop_knotted.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_downtowner{background-image:url(/pconts/images/contents/card/logo_card_trendshop_downtowner.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_littleneck{background-image:url(/pconts/images/contents/card/logo_card_trendshop_littleneck.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_hojokban{background-image:url(/pconts/images/contents/card/logo_card_trendshop_hojokban.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_clappizza{background-image:url(/pconts/images/contents/card/logo_card_trendshop_clap.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_worktionary{background-image:url(/pconts/images/contents/card/logo_card_trendshop_worktionary.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_anyoccasion{background-image:url(/pconts/images/contents/card/logo_card_trendshop_anyoccasion.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_kymasushi{background-image:url(/pconts/images/contents/card/logo_card_trendshop_kyma.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_gsfresh{background-image:url(/pconts/images/contents/card/logo_card_trendshop_gsfreshmall.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_honestflower{background-image:url(/pconts/images/contents/card/logo_card_trendshop_honest.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_musinsa{background-image:url(/pconts/images/contents/card/logo_card_trendshop_musinsa.gif)}
.trend_shop .trend_con_w .trend_con .trend_list > li.sv_openend{background-image:url(/pconts/images/contents/card/logo_card_trendshop_openended.png)}
.trend_shop .trend_con_w .trend_con .trend_list > li strong{margin:0 0 12px 0;font-size:16px;color:#111}
@media only screen and (max-width: 1100px){
    .trend_shop .trend_top{width:auto;height:auto;padding:0 20px;}
    .trend_shop .trend_top .trend_visual{width:auto;margin:0}
    .trend_shop .trend_top .trend_visual .tit_w{margin:0 0 12px 0;padding:43px 0 0 0}
    .trend_shop .trend_top .trend_visual .tit_w h1{margin:0 0 15px 0;font-size:26px}
    .trend_shop .trend_top .trend_visual .tit_w span{line-height:24px}
    .trend_shop .trend_top .trend_visual .tit_w span .i_br{display:block;}
    .trend_shop .trend_top .trend_visual .img_w{position:inherit;width:100%;}        
    .trend_shop .trend_top .trend_visual .img_w img{width:320px;display:block;margin:0 auto}
    .trend_shop .trend_con_w{margin:43px 0 0 0}
    .trend_shop .trend_con_w .trend_con{width:auto;margin:0 0 50px 0;padding:0 20px;}        
    .trend_shop .trend_con_w .trend_con h2{margin:40px 0 45px 0;font-size:2.0rem;line-height:30px}
    .trend_shop .trend_con_w .trend_con h3{margin:40px 0 8px 0;font-size:20px;}
    .trend_shop .trend_con_w .trend_con h4{margin:0 0 10px 0}
    .trend_shop .trend_con_w .trend_con .trend_list{margin:0 0 45px 0;}
    .trend_shop .trend_con_w .trend_con .trend_list > li{min-height:47px;padding:17px 27px 16px 113px !important;background-size:93px 47px;background-repeat:no-repeat;background-position:10px center;line-height:1.2 !important;}
    .trend_shop .trend_con_w .trend_con .trend_list > li .btn_outlink{position:inherit;right:inherit;top:inherit;}
    .trend_shop .trend_con_w .trend_con .trend_list > li .c-bull1{margin:0 0 10px 0}
    .trend_shop .trend_con_w .trend_con .trend_list > li strong{display:inline-block;margin:0 0 10px 0}        
}
/* 아름인 기부캠페인 */
.bdg_match{display:inline-block;height:22px;line-height:22px;overflow:hidden;padding:0 12px;font-size:13px;background:#999;color:#fff;border-radius:11px;vertical-align:middle;}
.donation_matchinfo{margin-top:10px;}
.donation_matchinfo > ul > li{position:relative;padding-left:22px;color:#333;}
.donation_matchinfo > ul > li + li{margin-top:5px;}
.donation_matchinfo > ul > li:before{content:'';position:absolute;top:3px;left:0;width:12px;height:12px;border-radius:50%;}
.donation_matchinfo > ul > li.customer_p:before{background:#4868e1;}
.donation_matchinfo > ul > li.match_p:before{background:#814598;}
.donation_matchinfo > p{margin-top:15px;color:#333;}
.d_daybox{display:inline-block;height:20px;line-height:20px;overflow:hidden;padding:0 6px;font-size:13px;border:1px solid #999;color:#999;border-radius:10px;vertical-align:middle;}
.bar_graph_wrap.type02 .bar_graph .bar.match_bar > span.bar01{z-index:2;}
.bar_graph_wrap.type02 .bar_graph .bar.match_bar > span.bar02{background:#814598;margin-left:-7px;z-index:1;}
.donation_goal{padding:5px 0 10px;text-align:center;font-size:16px;}  
.donation_join{padding:8px 0 0;text-align:right;font-size:16px;} 
@media only screen and (max-width: 1100px){
	.bdg_match{font-size:15px;}
    .df_list_wrap .df_list.ntype01 .item.tit{width:100px;padding:16px 15px 0 10px;}
    .df_list_wrap.single .df_list.ntype01 .item.con{width: calc(100% - 100px);}
	.h_title28.dntit{font-size:1.9rem;}
    .donation_goal,
    .donation_join{font-size:15px;}
}
.radio_wrap.type_grid ul li {width:130px;}
.radio_wrap.dx-typeGrid.type_btn li .radio_btn input[type="radio"] + span{word-break:break-all;}
.radio_wrap.dx-typeGrid.type_grid li.col1 {width:8.33333333%;}
.radio_wrap.dx-typeGrid.type_grid li.col2 {width:16.66666667%;}
.radio_wrap.dx-typeGrid.type_grid li.col3 {width:25%;}
.radio_wrap.dx-typeGrid.type_grid li.col4 {width:33.33333333%;}
.radio_wrap.dx-typeGrid.type_grid li.col5 {width:41.66666667%;}
.radio_wrap.dx-typeGrid.type_grid li.col6 {width:50%;}
.radio_wrap.dx-typeGrid.type_grid li.col7 {width:58.33333333%;}
.radio_wrap.dx-typeGrid.type_grid li.col8 {width:66.66666667%;}
.radio_wrap.dx-typeGrid.type_grid li.col9 {width:75%;}
.radio_wrap.dx-typeGrid.type_grid li.col10 {width:83.33333333%;}
.radio_wrap.dx-typeGrid.type_grid li.col11 {width:91.66666667%;}
.radio_wrap.dx-typeGrid.type_grid li.col12 {width:100%;}
.radio_wrap.dx-typeGrid.type_grid li.col3_6 {width:25%;}
.radio_wrap.dx-typeGrid.type_grid li.col4_6 {width:33.33333333%;}
.radio_wrap.dx-typeGrid.type_grid li.col6_12 {width:50%;}
@media only screen and (max-width: 1100px){
	.radio_wrap.type_grid ul li {width:50%;}
	.radio_wrap.dx-typeGrid.type_grid li.col3_6 {width:50%;}
	.radio_wrap.dx-typeGrid.type_grid li.col4_6 {width:50%;}
	.radio_wrap.dx-typeGrid.type_grid li.col6_12 {width:100%;}
}
.srch_input_wrap .btn_clear{right:10px;}
/* 마이 > 이용내역 > 카드별 혜택 카카오페이 추가 */
.cashback_stamp_list .cb_stamp_wrap.comp.kakaopay .num_wrap::after { background-image: url(/pconts/images/contents/mypage/200911_mykico02.png);}
.cashback_stamp_list .cb_stamp_wrap.comp.kakaopay:last-child .num_wrap::after { background-image: url(/pconts/images/contents/mypage/200911_mykico01.png);}
.complete_body.kakao_ryan.kakaopay { background: url(/pconts/images/contents/mypage/200911_mykico03.png) no-repeat 50% 56px; background-size: 120px auto;}
@media only screen and (max-width: 1100px){
.complete_body.kakao_ryan.kakaopay {margin-top: 40px; padding-top: 107px; padding-bottom: 0; background-size: 90px auto;background-position-y: 0;}
}
/* trendis */
.trendis_main {width:1080px; margin:-0 auto;}
.trendis_main_g {width:100%; background:#f7f7f9; margin-top:50px;}
.trendis_mainv {background:#62329b;}
.trendis_mainv>div {width:1080px; height:360px; margin:0 auto; background:url(/pconts/images/dx/contents/img_trendis_v01.png) no-repeat center top;}
.trendis_mainv>div span {display:none;}
.trendis_mainv>div em {padding-top:218px; display:block; font-size:24px; color:#fff; font-weight:bold;}
.trendis_mainv>div em br {display:none;}
.sub_mtitle01 {padding:55px 0 22px;}
.sub_mtitle01 a {background:url(/pconts/images/dx/contents/bg_title_arr.png) no-repeat right 7px; padding-right:24px; font-size:24px; font-weight:bold; color:#111; display:inline-block;}
.trendis_lst .list01[data-type="card"] .event_info.tr_main {height:367px;}
.trendis_lst .list01[data-type="card"] .event_info.tr_main .cell1 .thumbnail {height:255px;}
.trendis_lst .list01[data-type="card"] .event_info {height:342px;}
.trendis_lst .list01[data-type="card"] .event_info .cell1 .thumbnail {height:230px;}
.trendis_lst .list01[data-type="card"] .event_info .text_cell {padding-top:20px;}
.trendis_lst .list01[data-type="card"] .event_info .info .date {background:none; padding-left:0;}
.issue_trendis {padding-bottom:60px;}
.issue_trendis li {width:345px; height:275px; position:relative; float:left; margin-right:22px;}
.issue_trendis li:last-child {margin:0;}
.issue_trendis li>span {width:345px; height:172px; background:#000; opacity:0.5; position:absolute; top:0; left:0;}
.issue_trendis li>div {width:100%; height:172px; overflow:hidden; border-radius:10px; box-shadow:5px 5px 15px rgba(0,0,0,0.10);}
.issue_trendis li>div img {width:100%; position:relative; top:-25%;}
.issue_trendis li>a {width:345px; height:275px; position:absolute; bottom:0; left:0; padding:195px 0 0 24px; font-size:18px; font-weight:bold; color:#333; display:block;}
.issue_trendis li .date {position:absolute; bottom:0; left:25px; /* header보다 뎁스가 높아 주석처리 z-index:10000;*/ color:#111;}
.news_trendis li {color:#111; width:252px; height:207px; float:left; margin-right:24px; box-shadow:5px 5px 20px rgba(0,0,0,0.15); border-radius:8px; padding:25px 25px 0;}
.news_trendis li:last-child {margin:0;}
.news_trendis li em {font-weight:bold;}
.news_trendis li a {display:block; border-bottom:1px solid #ddd; font-size:20px; color:#333; height:90px; padding:6px 0 23px; margin-bottom:20px; font-weight:bold;}
.news_trendis li span {font-size:16px;}
.news_trendis li:hover {color:#333;}
.news_trendis li:hover a {color:#4868e1;}
.issue_list ul {width:1045px; margin-left:-65px;}
.issue_list ul li {width:196px; float:left; margin:0 0 60px 65px;}
.issue_list ul li > a.item {display:block; height:100%; font-size:16px; color:#111; text-align:center;}
.issue_list ul li > a.item img {box-shadow:5px 5px 15px rgba(0,0,0,0.10);}
.issue_list ul li > a.item .title{padding:20px 0 4px; font-weight:bold;height: 70px;overflow: hidden;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  text-overflow: ellipsis;}
.issue_list ul li > a.item .date {color:#999; font-size:15px;}
/* 트렌디스 가이드 */
.trendis-cont {width:686px;}
.trendis-cont .a11y-b{overflow: hidden; border:0; position:absolute;top:0;left:0;bottom:0;right:0; width:100%; height:100%; clip:rect(1px,1px,1px,1px); clip-path:inset(50%)}
.trendis-cont .a11y-b * {overflow: hidden;position:absolute;top:0;left:0;bottom:0;right:0;}
.trendis-cont .a11y-i{display:inline-block; overflow: hidden; border:0; width:1px; height:1px; clip:rect(1px,1px,1px,1px); clip-path:inset(50%)}
.trendis-cont .article{margin-top:60px;}
.trendis-cont .article:first-child{margin-top:0;}
.trendis-cont .article .t-img1{position: relative;}
.trendis-cont .t-tit1{margin-top:60px;font-weight:700;font-size:24px}
.trendis-cont .article .t-tit1:first-child{margin-top:0;}
.trendis-cont .t-tit2{margin-top:7px;font-weight:700;font-size:18px;color:#333;}
.trendis-cont .t-txt1{margin:6px 0 14px;}
.trendis-cont .t-tit2 + .t-txt1{margin-top:6px;}
.trendis-cont .t-img1 img + img{margin-top:40px;}
.trendis-cont .t-img1 + [class*=t-tit],
.trendis-cont .t-img1 + [class*=t-txt]{margin-top:14px;}
.trendis-cont .t-txt1:last-child{margin-bottom:0;}
.c-section.tirndis-sec + .c-section{padding-top:0;}
.c-article.trend-img{text-align:center;}
.tirndis-tit {margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #ccc; position:relative;}
.tirndis-tit h4 {font-size:19px; color:#111;}
.tirndis-tit span {position:absolute; top:3px; right:0; font-size:16px;}
.btn-trendis {margin:15px 0 20px;}
.trendis-txt {margin:20px 0 40px;}
.trendis-txtB {padding-top:20px;}
.list01[data-type="list"] .trendis_news .notice_news {padding:35px 200px 35px 0;}
.list01[data-type="list"] .trendis_news .notice_news .cell1 {float:left; padding:0;}
.list01[data-type="list"] .trendis_news .notice_news .cell2 {display:block; position:absolute; bottom:39px; right:30px;}
.list01[data-type="list"] .trendis_news .notice_news .cell3 {float:right;}
@media only screen and (max-width: 1100px){
  .trendis_mainv>div {width:360px; height:225px; background:url(/pconts/images/dx/contents/imgm_trendis_v01.png) no-repeat center top; background-size:360px;}
  .trendis_mainv>div em {padding:110px 0 0 20px; font-size:18px; color:#fff; font-weight:normal;}
  .trendis_mainv>div em br {display:block;}
  .trendis_lst .list01[data-type="card"] .event_info.tr_main {height:100%;}
  .trendis_lst .list01[data-type="card"] .event_info.tr_main .cell1 .thumbnail {height:100%;}
  .trendis_lst .list01[data-type="card"] .event_info {height:100%;}
  .trendis_lst .list01[data-type="card"] .event_info .cell1 .thumbnail {height:100%;}
  .trendis_main {width:auto; margin:0 20px;}
  .trendis_main_g {margin-top:40px;}
  .issue_trendis {padding-bottom:40px;}
  .issue_trendis li {width:100%; height:195px; margin:0 0 20px 0;}
  .issue_trendis li>div {height:130px;}
  .issue_trendis li>span {width:100%; }
  .issue_trendis li>a {width:100%; height:195px; font-size:15px; padding:145px 0 0 15px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .issue_trendis li>a br {display:none;}
  .issue_trendis li .date {bottom:0; left:14px;}
  .news_trendis li {width:100%; height:130px; margin:0 0 20px; border-bottom:1px solid #ddd; padding:20px 20px 0;}
  .news_trendis li a {border-bottom:0; height:45px; font-size:18px; padding:10px 0 20px; margin-bottom:0; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .news_trendis li span {font-size:15px;}
  .sub_mtitle01 {padding:30px 0 15px;}
  .sub_mtitle01 a {background:url(/pconts/images/dx/contents/bg_title_arr01.png) no-repeat right 5px; background-size:9px auto; padding-right:17px; font-size:17px;}
  .issue_list ul {width:auto; margin-left:0;}
  .issue_list ul li {width:50%; margin:0 0 40px 0;}
  .issue_list ul li:nth-child(odd) a {margin-right:13px;}  
  .issue_list ul li:nth-child(even) a {margin-left:13px;}
  .issue_list ul li a div {padding-top:15px;}
  .tirndis-tit {margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #ccc;}
  .tirndis-tit h4 {font-size:18px;}
  .tirndis-tit span {position:static;}
  .list01[data-type="list"] .trendis_news .notice_news {padding:25px 0;}
  .list01[data-type="list"] .trendis_news .notice_news .cell2 {bottom:25px; padding-left:89px; right:0; text-align:left; color:#999;}
  .list01[data-type="list"] .trendis_news .notice_news .cell3 {float:none;}
  .list01[data-type="list"] .trendis_news .notice_news .cell3:after {content:''; width:1px; height:12px; display:block; background:#bbb; position:absolute; bottom:6px; left:78px;}
  /* 트렌디스 가이드 */
  .trendis-cont {width:100%;}
  .trendis-cont .article{margin-top:40px;}
  .trendis-cont .t-tit1{margin-top:40px;font-size:2.0rem;}
  .trendis-cont .article:first-child{margin-top:0;}
  .trendis-cont .t-tit2{font-size:1.8rem;}
  .trendis-cont .t-txt1 + .t-img1{margin-top:30px;}
  .trendis-cont .m_show{display:none !important;}
  .trendis-cont .pc_show{display:block !important;}
}
/* 트랜디스 트랜드 클립 메인배너 */
.trandis-cbanner > a { display: inline-block; width: 100%; height: 150px; background: #426b9b; padding: 20px 40px 20px 70px; border-radius: 9px; color: #fff; font-size: 16px; margin-top:40px; position: relative;}
.trandis-cbanner .txt-b > strong {color: inherit; font-size: 24px; display: inline-block; margin-top:4px;}
.trandis-cbanner .txt-b > .b-btns {display: inline-block; padding: 4px 18px; border: 1px solid #fff; border-radius: 24px; font-size: 13px; padding-bottom: 2px; position: absolute; bottom: -43px;}
.trandis-cbanner .txt-b {position: relative;}
.trandis-cbanner .img-b {position: absolute; top:3px; right: 40px; width: 227px;}
@media (max-width: 768px) {
	.trandis-cbanner > a {height: 180px; font-size:13px; padding: 26px 26px 26px 26px;}
	.trandis-cbanner .txt-b > strong {font-size:15px;}
	.trandis-cbanner .img-b {top:auto; bottom:10px;  right: 10px; width: 148px; }
	.trandis-cbanner .txt-b > .b-btns {bottom: -84px;}
}
/* 마이페이지 배너 */
.myban.event_subVisual .event_cont .tit{color:#00815f;}
.myban.event_subVisual .event_cont .txt{color:#333;}
.myban.event_subVisual.img_right .event_cont .label{color:#333;border-color:#333;}
.myban.event_subVisual .event_cont{background:#fffef3;;border:1px solid #ddd;border-radius:10px;}
.myban.event_subVisual.img_right .event_cont .img{bottom:0;top:auto;transform:translateY(0);height:auto;}
.myban.event_bnr .event_cont .link{padding:0px 30px;}
@media only screen and (max-width: 1100px){
	.myban.event_subVisual{height:auto;}
	.myban.event_subVisual .event_cont{height:140px}
	.myban.event_subVisual .event_cont .tit{font-size:1.5rem;color:#00815f;text-overflow:unset;white-space:normal;overflow:visible;padding-bottom:0;}
	.myban.event_subVisual .event_cont .txt{font-size:1.3rem;color:#333;}
	.myban.event_subVisual.img_right .event_cont .link{padding:22px 26px;;}
	.myban.event_subVisual.img_right .event_cont .label{bottom:25px;left:26px;}
	.myban.event_subVisual.img_right .event_cont .img{right:18px;bottom:0;width:150px;height:93px;}
}
/*리볼빙 신청*/
.revol_group{border-top:1px solid #ddd}
.revol_group .group_box{text-align:right}
.revol_group .group_box .radio_wrap li{float:none;display:inline-block;width: 156px}
/*신한페이판> 가입안내 > 법인카드 사용 추가  */
.mobile_card .step_box_wrap.new_step .img.t1{width:420px;height:362px;}
.mobile_card .step_box_wrap.new_step .img.t2{width:420px;height:267px;}
.mobile_card .step_box_wrap .img.nimg_cp01 {background:url('/pconts/images/dx/contents/mobilecard_join3_p01_230329.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp02 {background:url('/pconts/images/dx/contents/mobilecard_join3_p02.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp03 {background:url('/pconts/images/dx/contents/mobilecard_join3_p03_230329.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp04 {background:url('/pconts/images/dx/contents/mobilecard_join3_p04.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp05 {background:url('/pconts/images/dx/contents/mobilecard_join3_m01.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp06 {background:url('/pconts/images/dx/contents/mobilecard_join3_m02.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp07 {background:url('/pconts/images/dx/contents/mobilecard_join3_m03.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp08 {background:url('/pconts/images/dx/contents/mobilecard_join3_m04.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp09 {background:url('/pconts/images/dx/contents/mobilecard_join3_m05.png') no-repeat 50% 50%;background-size:100% auto;}
.mobile_card .step_box_wrap .img.nimg_cp10 {background:url('/pconts/images/dx/contents/mobilecard_join3_m06.png') no-repeat 50% 50%;background-size:100% auto;}
@media screen and (max-width: 600px){
    .mobile_card .step_box_wrap.new_step .img.t1{width:252px;height:217px;}
    .mobile_card .step_box_wrap.new_step .img.t2{width:252px;height:160px;}
}
/* 이용한도조회 수정 */
.mylimit_info_wrap.t1 .head_deck h4.h_title24{margin-bottom:13px;}  
.mylimit_info_wrap.t1 .mylimit_info .parts dd{margin-top:10px;}  
.condition_viewbox.t1 .cv_group .title{margin-bottom:13px;}
.condition_viewbox.t1 .mylimit_info .parts dd{margin-bottom:10px;}
.usesch_price{margin-bottom:25px;font-weight:bold;font-size:38px;color:#111;line-height:1;}
.usesch_price > span{font-size:33px;vertical-align: 2px;}
.usesch_price02{margin-bottom:25px;font-weight:bold;font-size:24px;color:#111;line-height:1.6;}
.usech_pricetit{position:absolute;top:55px;left:0;font-size:20px;color:#333;} 
.mylimit_info_wrap.t1 .has_badge{padding:0 0 34px 0;}
@media only screen and (max-width: 1100px){
    .mylimit_info_wrap.t1 .head_deck h4.h_title24{margin-bottom:8px;}   
	.mylimit_info_wrap.t1 .mylimit_info .parts dd{margin-top:3px;} 
	.condition_viewbox.t1 .cv_group .title{margin-bottom:8px;} 
	.condition_viewbox.t1 .mylimit_info_wrap.t1 .mylimit_info .parts dd{margin-top:3px;} 
    .usesch_price{margin-bottom:16px;font-size:27px;line-height:1;}
    .usesch_price > span{font-size:22px;}
    .usesch_price02{margin-bottom:16px;font-size:19px;line-height:1;} 
    .usech_pricetit{top:36px;font-size:1.5rem;}
}
/* 마이_즉시결제 ui수정 */
.list01.payment.count.chk_mid .usage_item.type03 .usage_info.t1 .title_area{position:absolute;top:30px;left:0;padding-left:160px;}
.list01.payment.count.chk_mid .usage_info.t1 .check_wrap .check_default input[type="checkbox"] + span:before{top:-3px;}
.list01.payment.count.chk_mid .usage_info.t1 .check_wrap .check_default input[type="checkbox"] + span:after{top:5px;}
.usage_item .price_info.t1 .price{display:inline-block;margin-right:50px;}
.list01.payment .usage_item.type03 .price_info.t1 p + p{display:inline-block;}
@media only screen and (max-width: 1100px){
    .list01.payment.count.chk_mid .usage_item.type03 .usage_info.t1 .title_area{position:relative;top:0;padding-left:35px;}
    .list01.payment.count.chk_mid .usage_info.t1 .check_wrap .check_default input[type="checkbox"] + span:before{top:16px;}
    .list01.payment.count.chk_mid .usage_info.t1 .check_wrap .check_default input[type="checkbox"] + span:after{top:17px;}
    .usage_item .price_info.t1 .price{display:block;margin-right:0;}
    .list01.payment .usage_item.type03 .price_info.t1 p + p{display:block;}
    .btn_group_flex.t1 li .btn{padding:0 15px;}
    .btn_group_flex.t1 li:nth-child(1){width: 104px;}
    .btn_group_flex.t1 li:nth-child(2){width: calc(100% - 137px);margin-left:0;font-size:15px;}
    .btn_group_flex.t1 li:nth-child(3){width: 130px;font-size:15px;}
    .btn_group_flex.t1 li:nth-child(4){width: calc(100% - 111px);}
    .btn_group_flex.t1 li:nth-child(2) .btn,
    .btn_group_flex.t1 li:nth-child(3) .btn{font-size:15px;}
    .btn_group_flex.t2{text-align:left;}
    .btn_group_flex.t2 li:nth-child(1){order:2;width:104px;}
    .btn_group_flex.t2 li:nth-child(2){order:1;width:100%;margin-left:0;}
    .btn_group_flex.t2 li:nth-child(3){order:3;width: calc(100% - 111px);}
    .btn_group_flex.t2 li:nth-child(2) .btn{font-size:15px;}
} 
.g_box {background:#f6f6f6; padding:20px 15px; margin-top:30px;}
/* 패밀리 인사정보등록 추가 */
.fm_head .log{height:72px;text-align: left;font-weight: bold;color: transparent;background: url(/pconts/images/common/shinhancard_logo.png) left center no-repeat;background-size: auto 24px;}
.fm_head + #container{padding-top:10px;}
.fm_loginbox{position:relative;margin-top:45px;min-height:270px;} 
.fm_loginbox:after{content:'';display:block;clear:both;} 
.fm_loginbox .fm_loginimg{position:absolute;top:0;left:0;width:490px;padding:0 10px;}
.fm_loginbox .fm_logininfo{margin-left:490px;padding:0 60px;}
.fm_logininfo .form_type{padding:30px 0;}
.fm_logininfo .form_type .form_ele{padding-left:0;}
.fm_logininfo .form_type .form_ele .ele_tit{display:block;position:static;width:auto;padding-top:0;padding-bottom:10px;}
.fm_logininfo .form_ele .jumin_type .first{width:160px;}
.fm_logininfo .form_ele .jumin_type .last{width:180px;}
@media only screen and (max-width: 1100px){
    .fm_loginbox{margin-top:0;min-height:auto;}
    .fm_loginbox .fm_loginimg{position:static;width:auto;padding:0 20px;}
    .fm_loginbox .fm_logininfo{margin-left:0;padding:0;}
    .form_type .form_ele.fm_t01 .ele_tit{float:left;width:130px;}    
    .form_type .form_ele.fm_t01 .form_txt02{float:left;width:calc(100% - 130px);margin-top:2px;}  
}
.trendis-cont .t-tit3 {padding-bottom:10px; font-size:16px;}
.d-main .submain_myservice_list li > .n_ser01 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service01.png') center center no-repeat;background-size:40px auto;}
.d-main .submain_myservice_list li > .n_ser02 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service02.png') center center no-repeat;background-size:40px auto;}
.d-main .submain_myservice_list li > .n_ser03 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service03.png') center center no-repeat;background-size:40px auto;}
.d-main .submain_myservice_list li > .n_ser04 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service04.png') center center no-repeat;background-size:40px auto;}
.d-main .submain_myservice_list li > .n_ser05 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service05.png') center center no-repeat;background-size:40px auto;}
.d-main .submain_myservice_list li > .n_ser06 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service06.png') center center no-repeat;background-size:40px auto;}
.d-main .submain_myservice_list li > .n_ser07 .txt-sec:before {background:url('/pconts/images/dx/contents/ico_n_service07.png') center center no-repeat;background-size:40px auto;}
.fan_tipBanner {position:relative; border-radius:10px; height:150px; overflow:hidden; padding:20px 0 0 20px; margin-bottom:10px;}
.fan_tipBanner.bt01 {background:#2854c3;}
.fan_tipBanner.bt02 {background:#1e6d89;}
.fan_tipBanner b {display:block;width:100%;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;}
.fan_tipBanner span {color:#fff;display:block;width:100%;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.fan_tipBanner a {border:1px solid #fff;color:#fff; display:inline-flex; align-items:center;margin-top:28px;font-size:13px;height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 16px 0 16px;border-radius:14px;}
.fan_tipBanner::after {content:'';position:absolute; display:block; width:153px; height:153px;}
.fan_tipBanner.bt01::after {right:10px;top:10px; background:url('/pconts/images/dx/contents/img_tip_fan01.png') no-repeat; background-size:153px auto;}
.fan_tipBanner.bt02::after {right:0;bottom:-10px; background:url('/pconts/images/dx/contents/img_tip_fan02.png') no-repeat; background-size:153px auto;}
.fan_cnt {background:#f7f7f9; padding-top:54px;}
@media only screen and (max-width: 1100px){
  .fan_cnt {padding-top:26px;}
}
/* 마이카 아이콘 변경  */
.submain_digital_app li .ico06 {background:url('/pconts/images/contents/digital/ico_app06.png') no-repeat center top; background-size:50px auto;}
.radio_wrap.type_grid .ico.ico_state10 {background:url(/pconts/images/icon/ico_state10.png) no-repeat left top / 50px;}
.radio_wrap.type_grid .ico.ico_state11 {background:url(/pconts/images/icon/ico_state11.png) no-repeat left top / 50px;}
.v-btn1-1 {width:auto;}
.v-btn1-1 span {height:40px;padding:0 12px;border:1px solid #bbb;border-radius:3px;font-weight:300;font-size:14px;color:#111;line-height:38px;background-color:#fff; display:inline-block;}
.v-btn1-1 span::after {content:'';display:inline-block;position:relative;width:8px;height:8px;margin-left:5px;border:1px solid #cbcbcb;border-right:0;border-bottom:0;transform:rotate(135deg);}
@media only screen and (max-width: 1100px){
  .v-btn1-1 {width:50%; display:block; margin-bottom:6px; float:left;}
  .v-btn1-1 span {display:block;}
  .v-btn1-1:nth-child(odd) span {margin-right:3px;}
  .v-btn1-1:nth-child(even) span {margin-left:3px;}
}
.submain_digital_conts.ani_ico.img08 {position:relative;background:none;}
.submain_digital_conts.ani_ico.img08::before {content:'';display:block;position:absolute;top:0;left:0;overflow:hidden;width:480px;height:320px;}
.submain_digital_conts.ani_ico.img08::before {background:url("/pconts/images/dx/contents/img_1029_myw.png") center 0 no-repeat;background-size:480px auto;}
@media only screen and (max-width:1023px) { 
  .submain_digital_conts.ani_ico.img08::before {background-size:321px auto; background-position:center top; height:214px; width:100%;}
}
.tx_rtx {text-align:right; font-weight:bold; padding-top:10px;}
.trendis_banner {color:#333;position:relative; background:#fff; border:1px solid #c6c6c6; border-radius:9px; height:155px;}
.trendis_banner a{position:relative;z-index:10;display:block;padding:22px 0 21px 70px;}
.trendis_banner b {font-size:24px; font-weight:700;}
.trendis_banner em {font-size:14px; display:block; margin:-2px 0 22px;}
.trendis_banner span.label {font-size:13px; color:#111; height:28px;text-align:center; border:1px solid #ccc; border-radius:14px; display:inline-flex;align-items: center;background:#fff;padding:2px 16px 0 16px;}
.trendis_banner::after {content:''; width:230px; height:230px; display:block; position:absolute; bottom:-37px; right:80px; background:url('/pconts/images/dx/contents/benefit_bnimg_trendis.png') no-repeat; background-size:230px auto;}
@media only screen and (max-width: 768px) {
  .trendis_banner {height:auto;}
  .trendis_banner a {padding:25px 0 23px 37px;}
  .trendis_banner b {font-size:15px;}
  .trendis_banner em {font-size:13px; margin:0 0 69px;}
  .trendis_banner span.label { height:22px; padding:1px 10px 0 10px;}
  .trendis_banner::after {width:153px; height:153px; bottom:-22px; right:30px; background-size:153px;}
}
/*네이버페이 버튼*/
.btn.green_nav{color:#fff;background-color:#09B65A;}
/* 뮤직북 서비스 쿠폰 추가  */
.info-music-b {overflow:hidden;margin-bottom:14px;}
.info-music-b .item {display:flex;align-items:center;justify-content: center;-webkit-align-items:center;-webkit-justify-content: center; padding:25px 15px 20px;border:1px solid #ddd;text-align:center;}
.info-music-b .item .img-wrap {max-width:490px;flex-shrink: 0;}
.info-music-b .item .img-wrap .img {max-width:220px;}
.info-music-b .item .text-info {padding:0 50px;}
.info-music-b .item .text-info .txt-list li {position:relative;padding-bottom:30px;font-size:17px;color:#333;}
.info-music-b .item .text-info .txt-list li:last-child {padding-bottom:0;}
.info-music-b .item .text-info .txt-list li:last-child:after {display:none;} 
.info-music-b .item .text-info .txt-list li:after {content: '+';position:absolute;top:50%;left:50%;transform:translate(-50%, -15%);color: #999;font-size: 25px;}
@media only screen and (max-width: 768px) {
	.info-music-b .item {flex-direction: column;}
	.info-music-b .item .img {max-width: 100%;}
	.info-music-b .item .text-info {padding-top:20px;}
	.info-music-b .item .text-info .txt-list li {padding-bottom:30px;font-size:15px;}
}
/*앱로그인*/
.pop_wrap.login_type.newLogin_type .type_list_wrap li a {display:flex;height:60px;flex-direction:column;justify-content:center;}
.pop_wrap.login_type.newLogin_type .type_list_wrap li a .stxt{font-size:13px;}
@media only screen and (max-width:1100px) {
	.pop_wrap.login_type.newLogin_type .type_list_wrap li a .stxt{font-size:1.3rem;}
	.pop_wrap.login_type.newLogin_type .sub_text_02{margin-bottom:15px}
}
/* 로그인 방식 생체인증 추가  */
.pop_wrap.login_type.newLogin_type .pop_head h3 {padding-right:0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap li + li {border-bottom:1px solid #eee;border-top:0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap li:first-child {border-bottom:1px solid #eee;border-top:0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap li:last-child {border-bottom:0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap {margin-top:10px;}
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-password {border-top:0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-password a:before {background-position:0 0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-payfan a:before {background-position:-28px 0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-id a:before {background-position:-56px 0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-yessign a:before {background-position:-84px 0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-shpayfan a:before,
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-shmy a:before {background-position:-112px 0;}
.pop_wrap.login_type.newLogin_type .type_list_wrap li.login-shmy a {padding:16px 40px 13px 43px;word-break: break-all;}/* 강제 줄바꿈을 위해 추가: 개발 반영되면 삭제처리 예정 - 마재광 */
.pop_wrap.login_type.newLogin_type .type_list_wrap .login-sol a:before{background-position:-57px -32px}
@media only screen and (max-width: 1100px) {
	.pop_wrap.login_type.newLogin_type .type_list_wrap li a {padding:12px 20px 10px 39px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap li.login-shmy a {padding:12px 35px 10px 39px;}/* 강제 줄바꿈을 위해 추가: 개발 반영되면 삭제처리 예정 - 마재광 */
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-bio a:before {background-size:18px 29px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-bio.fingerprint a:before {background-image:url('/pconts/images/contents/login/pop_login_icon_fingerprint.png');background-position: unset;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-bio.faceId a:before {background-image:url('/pconts/images/contents/login/pop_login_icon_faceId.png');background-position: unset;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-password a:before {background-position:0 0;background-size:89px 50px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-payfan a:before {background-position:-18px 2px;background-size:89px 50px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-id a:before {background-position:-36px 0;background-size:89px 50px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-yessign a:before {background-position:-54px 0;background-size:89px 50px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-shmy a:before,
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-shpayfan a:before {background-position:-72px 0;background-size:89px 50px;}
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-sol a:before{background-position:-39px -29px;background-size:89px 50px}
	.pop_wrap.login_type .btn_group a.cert_card:before{background-position:0 -29px;background-size:89px 50px;}
	.pop_wrap.login_type .btn_group a.cert_phone:before{background-position:-20px -29px;background-size:89px 50px;}
}
/* 마이월렛 */
.ly_inner.mywall > .visual_txt.bg {background: url('/pconts/images/dx/contents/201117_mywall_mainv.png') no-repeat center 150px/160px; padding-bottom: 300px; }
.ly_inner.mywall.pos {position: relative;}
.ly_inner.mywall > .btn-cover3.pos {position: absolute; right: 20px; top:0; margin: 0;}
.ly_inner.mywall .list_cardType { margin: -5px; padding: 0 0 35px 0; }
.ly_inner.mywall .list_cardType > li {padding:0; margin:5px; flex: 1 1 auto; max-width: calc(50% - 10px);}
.ly_inner.mywall .list_cardType .item .tit {display:inline-block; font-size: 1.6rem; margin-bottom: 6px;}
.ly_inner.mywall .list_cardType .item {border: 1px solid #ddd; padding: 0;}
.ly_inner.mywall .list_cardType .item > a.m-btn {display: block; padding: 20px 26px; position: relative;}
.ly_inner.mywall .list_cardType .item a.m-btn::after {position: absolute; top:50%; right: 26px; transform: rotate(45deg) translateY(-50%);}
.ly_inner.mywall .list_cardType .btnwrap {border-top:1px solid #ddd; padding: 10px 0; margin: 0;}
.ly_inner.mywall .list_cardType .item .btnwrap  a::after {content: none;}
.ly_inner.mywall .c-line > span {position: relative; padding:5px 10px ;}
.ly_inner.mywall .c-line > span::before {content: ""; display: inline-block; position: absolute; width: 1px; height: 40%; top: 50%; right: 0; background: #ddd; transform: translateY(-50%);}
.ly_inner.mywall .c-line > span:first-child {padding-left:0;}
.ly_inner.mywall .c-line > span:last-child::before {content: none;}
.ly_inner.mywall .c-line .font_md04 > a {color:#000; font-weight: bold;}
.ly_inner.mywall .c-line.outer {padding-top: 25px; border: 1px solid #ddd; padding: 23px; border-radius: 10px; margin-top: 10px; min-width: 317px; display: block;}
.ly_inner.mywall .list_cardType .item.disabled > a.m-btn { background: #f6f6f6; color: #bbb; pointer-events: none; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.ly_inner.mywall .list_cardType .item.disabled .btnwrap { background: #f6f6f6; color: #bbb; pointer-events: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.ly_inner.mywall .list_cardType .item.disabled > a.m-btn > em {color:#bbb;}
.ly_inner.mywall .list_cardType .item.disabled .del {color: #666; pointer-events: painted;}
.ly_inner.mywall .list_cardType .item.disabled .btnwrap a:not(.del) {background: #f6f6f6; color:#bbb; border: 1px solid #ddd; pointer-events: none;}
.ly_inner.mywall .list_cardType .item.disabled a.m-btn::after {border: solid #bbb; border-width: 1px 1px 0 0;}
.ly_inner.mywall.bg_gray {background: #f2f4f8; padding: 20px 0; margin-bottom:40px;}
.ly_inner.mywall .select_mix {display: flex;}
.ly_inner.mywall .select_mix .select_wrap {flex: 1 0 auto; width: 170px; margin-right: 5px;}
.ly_inner.mywall .set_AutoComplete {flex: 1 1 auto; margin-right: 5px;}
.ly_inner.mywall .btn.line_darkgray {flex: 0 0 auto; max-width: 114px; margin:0; position: static;}
.ly_inner.mywall .radio_wrap.radio_ul > li {position: relative;}
.ly_inner.mywall .target_pos {position: absolute; top:50%; right:0; transform: translateY(-50%);}
.ly_inner.mywall h4.font_lg07 > span {font-weight: normal;}
.ly_inner.mywall a.bg_ico {padding-left:35px; display: inline-block; margin-top:5px; }
.ly_inner.mywall a.bg_ico::before {content: ''; display:inline-block; width: 15px; height: 100%; background: url('/pconts/images/dx/contents/201117_mywall_gori.png') no-repeat center/100%; position: absolute; top:50%; left:12px; transform: translateY(-50%);}
.ly_inner.mywall .qr_box {border: 1px solid #ddd; padding: 16px; min-height: 120px; display: flex;}
.ly_inner.mywall .qr_box .qr {width: 85px; height: 85px; flex: 0 0 auto;}
.ly_inner.mywall .qr_box > p {flex: 1 1 auto; margin-left:10px; word-break: break-all;}
.ly_inner.mywall .btn_box {border: solid #eee; border-width: 1px 0; margin: 60px -20px 0;}
.ly_inner.mywall .btn_box li > a {display: block; padding:20px 0px;  margin: 0 20px; position: relative;}
.ly_inner.mywall .btn_box li > a::after {content: ''; display: inline-block; width: 9px; height: 9px; margin-left: 5px; margin-bottom: 2px; border: solid #666; border-width: 1px 1px 0 0; position: absolute; top: 50%; right: 26px; transform: rotate(45deg) translateY(-50%);}
.ly_inner.mywall .btn_box li + li > a {border-top: 1px solid #eee;}
.ly_inner.mywall .foo {margin: 0 -20px; padding:26px 20px 50px;}
.ly_inner.mywall .foo > .c-line {margin-top: 23px;}
.ly_inner.mywall .foo > .c-line > span { display: inline-block;}
.ly_inner.mywall .c-line.cust {margin-left:-10px; }
.ly_inner.mywall .c-line.cust > span:first-child {padding-left:10px}
.ly_inner.mywall a.b-line {border-color:#4868e1; color: #4868e1;}
.ly_inner.mywall a.b-line::after {content: '' !important;display: inline-block;position: relative;width: 8px;height: 8px;margin-left: 5px;border: 1px solid #4868e1;border-right: 0;border-bottom: 0;transform: rotate(135deg); top: 2px;}
.ly_inner mywall .list_cardType li .item::after {content: none;}
.ly_inner.mywall .item.disabled .b-line::after {border: 1px solid #bbb; border-right: 0; border-bottom: 0;}
/* .ly_inner.mywall .dx-customize.complete_body.ani_ico::before {top:0px !important; } */
.ly_inner.mywall .complete_body {padding-top: 120px;}
.ly_inner.mywall .btnwrap > a {width: 80px;}
.ly_inner.mywall .icon_box.mywico01 {background: url('/pconts/images/dx/contents/myw_ico_icon_step1.png') no-repeat; background-position: top center;
    background-size: 50px;}
.ly_inner.mywall .icon_box.mywico02 {background: url('/pconts/images/dx/contents/myw_ico_icon_step2.png') no-repeat; background-position: top center;
    background-size: 50px;}
.ly_inner.mywall .icon_box.mywico03 {background: url('/pconts/images/dx/contents/myw_ico_icon_step3.png') no-repeat; background-position: top center;
    background-size: 50px;}
.ly_inner.mywall .mywall-loading { position: fixed; left: 50%; transform: translate(-50%, -60%); top: 50%; width: 100%;}
#mywallpop1 .pop_msg.num {margin: 15px 0 18px;}
#mywallpop1 .pop_msg.num > span {display: inline-block; border: 1px solid #ddd; padding: 5px 12px;}
#mywallpop1 .pop_msg.num > span + span {margin-left:1px;}
.ly_inner.mywall .readnum {margin-right: 5px;}
@media (max-width: 1100px){
	.ly_inner.mywall .icon_box.mywico01 { background-position: left center; background-size: 50px;}
	.ly_inner.mywall .icon_box.mywico02 { background-position: left center; background-size: 50px;}
	.ly_inner.mywall .icon_box.mywico03 { background-position: left center; background-size: 50px;}
}
@media (max-width: 768px) {
	.ly_inner.mywall .list_cardType > li { max-width: 100%;}
	.ly_inner.mywall .select_mix {display: flex; flex-wrap: wrap;}
	.ly_inner.mywall .select_mix .select_wrap {flex: 1 1 auto; width: 100%; margin-right:0; margin-bottom:5px; }
	.ly_inner.mywall .set_AutoComplete {flex: 1 1 auto; width: 50% }
	.ly_inner.mywall .btn.line_darkgray {flex: 0 0 auto; max-width: 114px; margin:0; }
} 
/* 네이버 자동 탑재 */
.npay_cardWaiting{width:453px;margin:0 auto;padding:80px 0 60px;}
.npay_cardWaiting .card_ani{position:relative;width:221px;height:140px;margin:0 auto;}
.npay_cardWaiting .card_ani > .card{position:absolute;top:-120px;left:50%;width:100%;height:100%;opacity:0;transform:translate(-50%,0);overflow:hidden;border-radius:12px;}
.npay_cardWaiting .card_ani > .card:nth-child(1){z-index:3;background:url('/pconts/images/dx/contents/npay_card_1_2x.png') no-repeat 50% 50%;background-size:cover;animation:card_ani1 6s cubic-bezier(0.3, 0.2, 0.15, 0.1) 5 forwards;}
.npay_cardWaiting .card_ani > .card:nth-child(2){z-index:2;width:90%;background:url('/pconts/images/dx/contents/npay_card_2_2x.png') no-repeat 50% 50%;background-size:cover;animation:card_ani2 6s 0.2s cubic-bezier(0.3, 0.2, 0.15, 0.1) 5;}
.npay_cardWaiting .card_ani > .card:nth-child(3){z-index:1;width:80%;background:url('/pconts/images/dx/contents/npay_card_3_2x.png') no-repeat 50% 50%;background-size:cover;animation:card_ani3 6s 0.3s cubic-bezier(0.3, 0.2, 0.15, 0.1) 5;}
.npay_cardWaiting .card_ani > .end_card{z-index:4;position:absolute;top:0;left:50%;width:100%;height:100%;transform:translate(-50%,0);overflow:hidden;border-radius:12px;}
.npay_cardWaiting .card_ani > .end_card > .shcard{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:10px;background:url('/pconts/images/dx/contents/npay_card_1_2x.png') no-repeat -3px -3px;background-size:221px 140px;opacity:0;animation:shcard_ani 6s cubic-bezier(0.3, 0.2, 0.15, 0.1) 5;}
.npay_cardWaiting .card_ani > .end_card > .shcard2{position:absolute;top:0;left:0;width:100%;height:100%;background:url('/pconts/images/dx/contents/npay_sh_card_2x.png') no-repeat 50% 50%;background-size:cover;z-index:10;opacity:0;animation:shcard_ani2 6s cubic-bezier(0.3, 0.2, 0.15, 0.1) 5 forwards;}
.npay_cardWaiting .card_ani > .end_card .line li{position:absolute;width:4px;height:4px;background:#4666e0;opacity:0;z-index:-1;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(1){top:0;left:5%;width:0;animation:np_line1 6s cubic-bezier(1, 0.1, 0.27, 0.92) 5;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(2){top:0;right:0;height:0;animation:np_line2 6s 0.2s cubic-bezier(1, 0.1, 0.27, 0.92) 5;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(3){bottom:0;right:5%;width:0;animation:np_line1 6s cubic-bezier(1, 0.1, 0.27, 0.92) 5;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(4){bottom:0;left:0;height:0;animation:np_line2 6s 0.2s cubic-bezier(1, 0.1, 0.27, 0.92)  5;}
.npay_cardWaiting .card_ani > .end_card .line li:after{content:'';position:absolute;top:0;right:0;width:14px;height:14px;background:#4666e0;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(1):after{top:0;right:5%;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(2):after{top:90%;right:0;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(3):after{top:-10px;left:5%;}
.npay_cardWaiting .card_ani > .end_card .line li:nth-child(4):after{top:0;left:0;}
.npay_cardWaiting .card_ani > .item > span{position:absolute;opacity:0;animation:np_item 6s cubic-bezier(0.3, 0.2, 0.15, 0.1) 5 forwards;}
.npay_cardWaiting .card_ani > .item > span:nth-child(1){top:33px;left:67px;width:90px;height:90px;background:url('/pconts/images/dx/contents/npay_check_s.png') no-repeat 0 0;background-size:100% auto;z-index:4;}
.npay_cardWaiting .card_ani > .item > span:nth-child(2){top:120px;left:-19px;width:80px;height:45px;background:url('/pconts/images/dx/contents/npay_coin_1_2x.png') no-repeat 0 0;background-size:100% auto;z-index:4;}
.npay_cardWaiting .card_ani > .item > span:nth-child(3){top:57px;left:-57px;width:84px;height:84px;background:url('/pconts/images/dx/contents/npay_coin_2_2x.png') no-repeat 0 0;background-size:100% auto;z-index:2;}
.npay_cardWaiting .bar{position:relative;height:11px;margin-top:50px;overflow:hidden;border-radius:5px;background:url('/pconts/images/ptn/npay/bg_waiting_bar01.png') repeat-x 0 0;background-size:auto 10px;}
.npay_cardWaiting .bar .bar_s{position:absolute;top:0;left:0;width:30%;height:10px;border-radius:5px;background:linear-gradient(to right, #5fec6c, #09b65a  ); animation:cardbar_move 30s cubic-bezier(0.3, 0.2, 0.15, 0.1) forwards;}
.npay_cardWaiting .time_sec{margin-top:25px;text-align:center;font-size:3rem;color:#666;}
.npay_cardWaiting .time_txt{margin-top:0;margin-bottom:33px;text-align:center;}
.npay_cardWaiting .time_txt .txt1{font-size:1.8rem;}
.npay_cardWaiting .time_txt .txt2{margin-top:12px;font-size:1.5rem;}
.npay_cardWaiting .waiting_txt{margin-top:45px;text-align:center;font-size:20px;color:#666;}
@keyframes cardbar_move{
    0%{width:0%}
    100%{width:100%}
}
@keyframes card_ani1{
    0%{top:-120px;opacity:0;}
    5%,55%{top:0;opacity:1;}
    62%,100%{top:0;opacity:0;}
}
@keyframes card_ani2{
    0%{top:-120px;opacity:0;}
    5%,30%{top:-20px;opacity:1;}
    32%{top:-10px;opacity:1;}
    35%,100%{top:0;opacity:0;}
}
@keyframes card_ani3{
    0%{top:-120px;opacity:0;}
    5%,30%{top:-33px;opacity:1;}
    32%{top:-16px;opacity:1;}
    35%,100%{top:0;opacity:0;}
}
@keyframes shcard_ani{
    0%,38%,65%,100%{opacity:0;}
    40%,62%{opacity:1;}
}
@keyframes shcard_ani2{
    0%,50%{opacity:0;}
    57%,100%{opacity:1;}
}
@keyframes np_line1{
    0%,45%{width:0;opacity:0;}
    50%{width:100%;opacity:1;}
    60%,100%{width:100%;opacity:0;}
}
@keyframes np_line2{
    0%,45%{height:0;opacity:0;}
    50%{height:100%;opacity:1;}
    60%,100%{height:100%;opacity:0;}
}
@keyframes np_item{
    0%,70%{opacity:0;}
    80%,100%{opacity:1;}
}
@media only screen and (max-width: 1100px){
    .npay_cardWaiting{width:100%;padding:100px 0 60px;}
    .npay_cardWaiting .card_ani{transform:scale(0.8);}
    .npay_cardWaiting .bar{margin-top:20px;}
    .npay_cardWaiting .time_sec{margin-top:18px;}
    .npay_cardWaiting .waiting_txt{margin-top:33px;font-size:15px;}
}
/* naver pay */
.naver_pay01 {position:relative; height:5px;}
.naver_pay01 span {display:block; width:138px; height:33px; background:url('/pconts/images/dx/contents/txt_naver_pay.png') no-repeat; text-indent:-5000px; position:absolute; top:-78px; right:0;}
.naver_pay01 a {display:block; width:114px; height:36px; background:url('/pconts/images/dx/contents/btn_naver_pay.png') no-repeat; text-indent:-5000px; position:absolute; top:-41px; right:0;}
@media only screen and (max-width: 1100px){
  .naver_pay01 {height:23px;}
  .naver_pay01 span {background:url('/pconts/images/dx/contents/txt_naver_pay_m.png') no-repeat; background-size:138px; top:-53px;}
  .naver_pay01 a {background:url('/pconts/images/dx/contents/btn_naver_pay_m.png') no-repeat; background-size:114px; top:-16px;}
}
/* 아름인 배너 */
.areamin_bnr01 {background:#f7f7f9; height:324px;}
.areamin_bnr01 .sw_cont {width:1054px; margin:0 auto; position:relative;}
.areamin_bnr01 .swiper-container {width:960px;}
.areamin_bnr01 .swiper-button-prev,
.areamin_bnr01 .swiper-button-next {position:absolute;top:50%;z-index:10;margin-top:-10px; background:none; width:22px; height:22px;overflow:visible}
.areamin_bnr01 .swiper-button-prev {left:0;}
.areamin_bnr01 .swiper-button-next {right:0;}
.areamin_bnr01 .swiper-button-prev::before,
.areamin_bnr01 .swiper-button-next::before {content:'';display:block;position:absolute;top:3px;left:3px;width:22px;height:22px;border-top:2px solid #1f1f1f; border-right:2px solid #1f1f1f;}
.areamin_bnr01 .swiper-button-prev::before {transform:rotate(-135deg);}
.areamin_bnr01 .swiper-button-next::before {transform:rotate(45deg);}
.areamin_bnr01 .swiper-controls {position:absolute;display:flex;bottom:24px;left:82px;z-index:10;}
.areamin_bnr01 .swiper-pagination {display:inline-flex;position:relative;bottom:0;width:auto;margin-right:5px;font-size:13px;color:#111;font-weight:400;}
.areamin_bnr01 .swiper-button-play,
.areamin_bnr01 .swiper-button-pause {position:relative;display:block;width:20px;height:20px;}
.areamin_bnr01 .swiper-button-play::before {content:'';position:absolute;top:4px;left:7px;width:0;height:0;border-width:5px 0 5px 6px;border-color: transparent transparent transparent #333;border-style: solid;}
.areamin_bnr01 .swiper-button-pause::before {content:'';position:absolute;top:4px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#333;border-style:solid;}
@media only screen and (max-width: 1100px) {
  .areamin_bnr01 {height:auto;}
  .areamin_bnr01 .sw_cont {width:100%; margin:0;}
  .areamin_bnr01 .swiper-container {width:100%;}
  .areamin_bnr01 .swiper-button-prev,
  .areamin_bnr01 .swiper-button-next {display:none}
  .areamin_bnr01 .swiper-controls {bottom:15px;left:20px;z-index:10;}
}
/*공인인증 앱*/
.app_lgin .login_wrap .right_con .login_member{margin-top:20px}
.app_lgin .login_wrap .right_con .login_member ul li{padding:0 15px;}
.app_lgin .login_wrap .right_con .login_member li.no_bar:before {display:none;}    
.app_lgin.certify .login_wrap .right_con .login_member .btn_join{margin-top:10px}
.app_lgin.certify .login_wrap .right_con .login_member ul{width:250px;margin: 0 auto;flex-wrap:wrap}
/*바이오 진입화면*/
.app_lgin .login_wrap .right_con .login_member.line1{display:inherit} 
.app_lgin .login_wrap .right_con .login_member.line1 ul{display:inherit;text-align:center}
.app_lgin .login_wrap .right_con .login_member.line1 ul li.btn_join{margin-top:10px}
.app_lgin .login_wrap .right_con .btn_wrap .btn.ext_type{width:266px}

@media only screen and (max-width:1100px) {
  .app_lgin .login_wrap .right_con .login_member{margin-top:20px;}
  .app_lgin .login_wrap .right_con .login_member ul li + li{margin-left:0;padding-left:15px}
  .app_lgin.certify .login_wrap .right_con .login_member .btn_certi_copy{padding-left:0;}        
  .app_lgin.certify .login_wrap .right_con .login_member .btn_certi_regi{padding-right: 0;}
  .app_lgin.certify .login_wrap .right_con .login_member .btn_join{margin:10px 0 0 0;padding:0}
  .app_lgin.certify .login_wrap .right_con .login_member ul{width:220px;}  
  .app_lgin .accordion_body .area{padding:18px 10px 20px !important;}
}
@media only screen and (max-width:320px) {
  .app_lgin .login_wrap.has_bnr .right_con .login_ext{position:relative; left:auto; top:auto; bottom:auto; margin-top:60px;}
}
/*성남시 지역화폐 가맹점 등록 페이지 제작 요청*/
.snGiftcard .dload_area p{font-size:24px;font-weight:700}
.snGiftcard .dload_area span{display: block;font-size: 16px;font-weight: normal;}
.snGiftcard .dload_area span a{margin-left:30px}
@media only screen and (max-width:1100px) {
    .snGiftcard .dload_area p{font-size:2rem;line-height:2.4rem;}
    .snGiftcard .dload_area span{margin-top:15px;font-size:1.5rem;}
    .snGiftcard .dload_area span a{display:inline-block;margin-left:0}
}
/* 생체정보 로그인 */
.bio_regist .bio_way{margin-top:50px}
.bio_regist .bio_way .bio_txt{margin-bottom:25px;text-align:center;font-size:16px;line-height:24px;color:#111;}
.bio_regist .bio_way .bio_img{width:86px;height:86px;margin:0 auto}
.bio_regist .bio_way.done{margin:76px 0 60px}
.card_sec .card_name:before {background:#f7f7f9;}
.loans_cont01 b {font-size:34px; color:#111;}
.loans_cont01 b br {display:none;}
.loans_cont01 .loans_dcont {margin:20px 0 0; padding:11px 0 7px 30px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.loans_cont01 .loans_dcont div {position:relative; font-size:16px; padding-bottom:9px;}
.loans_cont01 .loans_dcont div strong {display:block;}
.loans_cont01 .loans_dcont div span {position:absolute; top:12px; right:32px; font-size:20px; font-weight:400;}
.loans_cont01 .loans_dcont div span b {font-size:20px;}
.pnt_tx01 {color:#f14b25 !important;}
.tit_l01 {font-size:24px; font-weight:700;}
.loans_klist .tit_ar {padding-bottom:7px; position:relative;border-bottom:1px solid #d2d2d2;}
.loans_klist .tit_ar .link_txt {position:absolute; right:0; bottom:10px;}
.loans_klist .tit_ar .link_txt a {font-size:15px; display:inline-block; vertical-align:middle;}
.loans_klist .tit_ar .link_txt a:last-child::before {content:''; width:2px; height:14px; background:#dbdbdb; display:inline-block; vertical-align:middle; margin:0 8px 0 5px;}
.loans_klist .tit_ar .link_txt a.on {color:#4868e1;}
.loans_service .expend_wrap {margin-bottom:65px; padding:52px 0 60px;}
.loans_service .loans_l {margin-bottom:90px;}
.loans_service .loans_l li {position:relative; font-size:16px; padding:16px 0 14px 30px; border-bottom:1px solid #ddd;}
.loans_service .loans_l li em {display:block; padding-bottom:5px;}
.loans_service .loans_l li span {display:block;}
.loans_service .loans_l li span b {font-size:20px;}
.loans_service .loans_l li span em {font-size:18px; display:inline;}
.loans_service .loans_l li>a {position:absolute;right:30px;top:50%;width:12px;height:12px;display:block;text-indent:-5000px;margin-top:-12px;border-right:1px solid #666;border-bottom:1px solid #666;transform:translateY(50%) rotate(314deg);}
.loans_service .accordion_wrap {margin-bottom:85px;}
.loans_service .accordion_header {position:relative;}
.loans_service .accordion_header .btn_refres {background:url('/pconts/images/dx/contents/ico_refres_l.png') no-repeat; display:block; width:16px; height:16px; position:absolute; left:calc(100% - 58px); top:14px; text-indent:-5000px; z-index:1000;}
.loans_service .accordion_header button.acc_btn, .accordion_header a[role="button"].acc_btn {border-top:none; padding:0 0 14px; font-size:24px; font-weight:700; border-bottom:1px solid #d2d2d2;}
.loans_service .accordion_header button.acc_btn.on, .accordion_header a[role="button"].acc_btn.on {border-top:none;}
.loans_service .accordion_header button.acc_btn.medium.on:after, .accordion_header a[role="button"].acc_btn.medium.on:after, .accordion_header button.acc_btn.big.on:after, .accordion_header a[role="button"].acc_btn.big.on:after {border-right:1px solid #757575; border-bottom:1px solid #757575; width:10px; height:10px; margin-top:-5px; left:calc(100% - 22px);}
.loans_service .accordion_header button.acc_btn.medium:after, .accordion_header a[role="button"].acc_btn.medium:after, .accordion_header button.acc_btn.big:after, .accordion_header a[role="button"].acc_btn.big:after {width:10px; height:10px; margin-top:-10px; left:calc(100% - 22px);}
.loans_cont01.o_list .loans_dcont div span {top:0;}
.pt_t01 {padding-top:90px;}
.loans_service .btn_group {margin-top:90px;}
.loans_service .text_group {margin-top:9px;}
.loans_service .h_wrap .h_title24 {margin:45px 0 11px; }
@media only screen and (max-width: 1100px) {
  .loans_cont01 b {font-size:24px;}
  .loans_cont01 b br {display:block;}
  .loans_cont01 .loans_dcont {padding:11px 0 0 0}
  .loans_klist .tit_ar {padding-bottom:10px;}
  .tit_l01 {font-size:18px;}
  .loans_service .expend_wrap {padding:25px 0 30px; margin-bottom:15px;}
  .loans_klist .tit_ar .link_txt a {font-size:16px;}
  .loans_klist .tit_ar .link_txt a:last-child::before {width:1px;}
  .loans_service .loans_l {margin-bottom:35px;}
  .loans_service .loans_l li {padding:12px 0 11px 0;}
  .loans_service .loans_l li>a {right:8px;}
  .loans_service .accordion_wrap {margin-bottom:35px;}
  .loans_service .accordion_header button.acc_btn, .accordion_header a[role="button"].acc_btn {font-size:18px;}
  .loans_service .accordion_header .btn_refres {background:url('/pconts/images/dx/contents/ico_refres_l_m.png') no-repeat; background-size:15px auto; width:15px; height:16px; left:calc(100% - 53px); top:14px;}
  .loans_service .btn_group {margin:35px 0;}
  .loans_service .text_group {margin-top:9px;}
  .loans_service .h_wrap .h_title24 {margin:16px 0 8px;}
}
/* 전용회원 - 웰프로카드 회원 전용 서비스 */
.list_cardType.welfare li .ico06::after {background:url('/pconts/images/main/customer/ico_welfare06.png') no-repeat; background-size:50px auto;}
.bgallp20 {padding:20px;}
/* 카드메인 리뉴얼 */
.jswiper-type01 {position:relative; margin-bottom:20px;}
.jswiper-type01 .item {display:block; position:relative; height:295px; padding:0 40px; overflow:hidden; margin-top:20px; }
.jswiper-type01 .item .cont {position:relative; z-index:20;}
.jswiper-type01 .item .cont .tit {display:block; margin-bottom:17px;}
.jswiper-type01 .item .cont .tit strong {line-height:48px; color:#111; font-size:42px; font-weight:700; max-width: 640px;display: inline-block; word-break: break-all; line-height: 1.2;}
.jswiper-type01 .item .cont .tit .point_line {display:inline-block; position:relative;}
.jswiper-type01 .item .cont .tit .point_line::after {content:''; display:block; position:absolute; left:0; right:-3px; bottom:3px; height:15px; background-color:#b9aa8e;}
.jswiper-type01 .item .cont .tit .point_line span {position:relative; z-index:2;}
.jswiper-type01 .item .cont .txt {display:block; font-size:18px; color:#333; font-weight:300;}
.jswiper-type01 .item .cont .txt > span {color: #111; display: block; font-weight: normal; }
.jswiper-type01 .item .cont .txt > span + span {margin-top:5px;}
.jswiper-type01 .item .cont .txt .list-item{display: flex;align-content: center;align-items: center;}
.jswiper-type01 .item .cont .txt .list-item .cell:last-child{margin-left:5px;font-weight: bold;color: #000;}
.jswiper-type01 .item .img {display:block; position:absolute; width:400px; height:293px; right:0; top:0; overflow:hidden; z-index:10;}
.jswiper-type01 [class^='nav-button'] {position:absolute;top:calc(50% - 20px);display:block;width:40px;height:40px;z-index:10;overflow:hidden;background-color:rgba(0,0,0,0.5);}
.jswiper-type01 [class^='nav-button']::before {content:"";position:absolute;width:26px;height:26px;border-width:3px 3px 0 0;border-color:#fff;border-style:solid;}
.jswiper-type01 .nav-button-prev {left:-45px;}
.jswiper-type01 .nav-button-next {right:-45px;}
.jswiper-type01 .swiper-button-disabled {opacity:0.3;}
.jswiper-type01 .nav-button-prev::before {left:14px; top:7px; transform: rotate(-135deg);}
.jswiper-type01 .nav-button-next::before {left:2px; top:7px; transform: rotate(45deg);}
.jswiper-type01 .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:40px; bottom:-4px; width:auto;}
.jswiper-type01 .swiper-controls .swiper-button-play {display:none;}
.jswiper-type01 .swiper-controls .swiper-button-pause {display:inline-block;}
.jswiper-type01 .swiper-controls.is_stoped .swiper-button-play {display:inline-block;}
.jswiper-type01 .swiper-controls.is_stoped .swiper-button-pause {display:none;}
.jswiper-type01 .swiper-pagination-fraction {display:inline-flex; position:relative; left:0; bottom:0; line-height:22px;width:auto; margin-right:5px; font-weight:800;}
.jswiper-type01 .swiper-pagination-fraction span {display:inline-block; font-size:13px;color:#333;}
.jswiper-type01 .swiper-button-pause {position:relative;display:inline-block;left:0;top:0; width:30px;height:20px;z-index:10;overflow:hidden;}
.jswiper-type01 .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#333;border-style:solid;}
.jswiper-type01 .swiper-button-play {position:relative;display:none;left:0;top:0; width:30px;height:20px;z-index:10;overflow:hidden;}
.jswiper-type01 .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #333; border-style:solid;}
.jswiper-type01 .link{display:inline-flex; flex:none; width:auto; height:28px; padding:2px 16px 0 16px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:14px; border:1px solid #ccc; color:#111; font-size:13px; font-weight:700; z-index:10; background:#fff;}
.jswiper-type01 .swiper-slide .img > img {position: absolute; top:15px; width:260px; margin:0;box-shadow:2px 5px 15px 2px rgba(0, 0, 0, 0.3);top: 50%;left: 50%; transform: translate(-50%, -55%); border-radius: 12px;}
.jswiper-type01 .swiper-slide.vertical .img > img {transform:translate(-50%, -55%) rotate(90deg);box-shadow: 5px -5px 15px 1px rgba(0, 0, 0, 0.3);}
.jswiper-type01 .swiper-container::after {content: '';display: block;border-radius: 50%;background: #eee;width: 230px;height: 230px;position: absolute;top: 160px;right: -30px;transform: translate(-50%, -50%);z-index: -10;}
.jswiper-type01 .label-fam01 {margin-bottom:15px; padding-top:5px; font-size: 0;}
/* type02 */
.jswiper-type02,
.jswiper-type03 {border-bottom: 1px solid #ddd; padding-bottom:60px; margin-top:60px;}
.jswiper-type02 .swiper-slide .item,
.jswiper-type03 .swiper-slide .item {display:block; min-height:320px;  }
.jswiper-type02 .swiper-button-next.swiper-button-disabled, 
.jswiper-type02 .swiper-button-prev.swiper-button-disabled,
.jswiper-type03 .swiper-button-next.swiper-button-disabled, 
.jswiper-type03 .swiper-button-prev.swiper-button-disabled { pointer-events: visible;  }
.jswiper-type02 .swiper-button-next,
.jswiper-type02 .swiper-button-prev,
.jswiper-type02 .swiper-button-next.swiper-button-disabled, 
.jswiper-type02 .swiper-button-prev.swiper-button-disabled,
.jswiper-type03 .swiper-button-next,
.jswiper-type03 .swiper-button-prev,
.jswiper-type03 .swiper-button-next.swiper-button-disabled, 
.jswiper-type03 .swiper-button-prev.swiper-button-disabled {display:none !important;}
.jswiper-type02.card-v01 .img-box,
.jswiper-type03.card-v01 .img-box {max-width: 232px;}
.jswiper-type02.card-v01 .img-box > img,
.jswiper-type03.card-v01 .img-box > img {width: 100%;}
.jswiper-type02.card-v01 .txt-box > .tit > strong,
.jswiper-type03.card-v01 .txt-box > .tit > strong {font-size: 18px; min-height: 54px; display: inline-block; margin-top: 42px;}
.jswiper-type02.card-v01 .txt-box > .tit,
.jswiper-type03.card-v01 .txt-box > .tit {position: relative;}
.jswiper-type02.card-v01 .txt-box .label-fam01,
.jswiper-type03.card-v01 .txt-box .label-fam01 { position: absolute; top: 15px;}
.jswiper-type02.card-v01 .txt-box .c-info,
.jswiper-type03.card-v01 .txt-box .c-info {margin-top:2px;}
.jswiper-type02.card-v01 .txt-box .c-info > span,
.jswiper-type03.card-v01 .txt-box .c-info > span {display: block;}
.jswiper-type02.card-v01 .txt-box .c-info > span + span,
.jswiper-type03.card-v01 .txt-box .c-info > span + span {margin-top:3px;}
.kategorie-type01 {margin-top:40px; }
.kategorie-type01 > ul {display: flex; justify-content: space-between; margin: -10px;}
.kategorie-type01 > ul > li {flex: 1 1 auto; margin: 10px; width: 100%; background: #fff; box-shadow: 5px 5px 15px rgba(0,0,0,0.10); border-radius: 8px; border:2px solid #fff; transition: all .4s ease-in-out;}
body.pc .kategorie-type01 > ul > li:hover {border-color: #4868e1;}
.kategorie-type01 > ul > li > a { display: inline-block; width: 100%; height: 100%; padding: 25px 20px; }
.kategorie-type01 .tit01 {display: block; font-weight: bold; font-size: 18px; margin-bottom: 30px; position: relative;}
.kategorie-type01 .tit01::after {content: '';display: block;position: absolute;right: 2px;top: 8px;width: 8px;height: 8px;border: 1px solid #333;border-bottom: none;border-right: none;transform: rotate(135deg);}
.kategorie-type01 > ul > li:nth-child(1) > a {background: url('/pconts/images/dx/contents/201216_card_ico00.png') no-repeat 90% 70%; background-size: 45px auto;}
.kategorie-type01 > ul > li:nth-child(2) > a {background: url('/pconts/images/dx/contents/201216_card_ico01.png') no-repeat 90% 70%; background-size: 45px auto;}
.kategorie-type01 > ul > li:nth-child(3) > a {background: url('/pconts/images/dx/contents/201216_card_ico02.png') no-repeat 90% 70%; background-size: 45px auto;}
.kategorie-type01 > ul > li:nth-child(4) > a {background: url('/pconts/images/dx/contents/201216_card_ico03.png') no-repeat 90% 70%; background-size: 45px auto;}
/* 하단 빅배너 */
.benefitsub_swiper.card-main .swiper-slide > div.benefit01 {background:#8569da;}
.benefitsub_swiper.card-main .swiper-slide > div.benefit02 {background:#209a83;}
.benefitsub_swiper.card-main .swiper-slide > div.benefit03 {background:#d46b4d;}
.benefitsub_swiper.card-main .swiper-slide > div.benefit04 {background:#5488b8;}
.benefitsub_swiper.card-main .swiper-container{border: none;}
.benefitsub_swiper.card-main {margin-top:40px;}
/* label */
.label-fam01 > span {padding:3px 12px; color: #fff; background:#b021ae; border-radius: 15px; font-size:12px; font-weight: 700;}
.label-fam01 > span + span {margin-left:5px;}
.label-fam01 > span.t01 {font-size: 13px;}
.label-fam01 > span.t02 {background:#4868e1; padding-top: 4px;}
.h_wrap p.hsub { font-size: 20px; position: relative; padding-left: 21px;}
.h_wrap p.hsub::before {content: '';display: block;position: absolute;top: 4px;left: 12px;width: 1px;height: 20px;background: #ddd;}
.jswiper-type02 .h_wrap .h_title24,
.jswiper-type03 .h_wrap .h_title24 {margin-bottom:0 !important;}
/* 상단빅배너 */
.event_bnr.event_subVisual.cardmain {border: 1px solid #ddd; background: #fff; margin: 58px 0 0; color: #444;}
.event_bnr.event_subVisual.cardmain .event_cont,
.event_bnr.event_subVisual.cardmain .event_cont a {color: #111;}
.event_bnr.event_subVisual.cardmain .event_cont .label {border: 1px solid #ddd; color: #111;}
.event_bnr.event_subVisual.cardmain .event_cont .link::after{content: '';position: absolute;width: 180px;height: 107px;right: 67px;bottom: 15px;background: url('/pconts/images/dx/contents/201216_card_bigb.png') no-repeat;background-size: auto 107px;}
@media only screen and (max-width: 1100px){
    .jswiper-type01 {padding-bottom:0; margin-bottom:0;}
    .jswiper-type01 {margin-left:-27px; margin-right:-27px;}
    .jswiper-type01 .swiper-container {overflow:hidden;}
    .jswiper-type01 .item {height:260px; padding:0 40px 25px 40px; margin-top:0;}
    .jswiper-type01 .item .img {right:-35px; top:auto; bottom:-10px; width:280px; height:210px;}
	.jswiper-type01 .item .img img {width:140px; border-radius: 6px;}
    .jswiper-type01 .item .cont .tit{margin-bottom:11px;}
    .jswiper-type01 .item .cont .tit strong {font-size:24px; line-height:32px; }
    .jswiper-type01 .item .cont .tit .point_line::after {height:10px;}
    .jswiper-type01 .item .cont .txt {width:240px; font-size:15px;}
	.jswiper-type01 .item .cont .txt > span + span {margin-top:3px;}
	.jswiper-type01 .swiper-slide.vertical .img {right:-45px;}
	.jswiper-type01 .swiper-slide .img > img{transform:  translate(-43.5%, -55%);}
    .jswiper-type01 .swiper-controls {left:40px; bottom:60px;}
    .jswiper-type01 [class^='nav-button'] {width:30px; height:30px;}
    .jswiper-type01 [class^='nav-button']::before {width:15px; height:15px; border-width:2px 2px 0 0;}
    .jswiper-type01 .nav-button-prev {left:7px;}
    .jswiper-type01 .nav-button-next {right:7px;}
    .jswiper-type01 .nav-button-prev::before {left:10px;}
    .jswiper-type01 .nav-button-next::before {left:5px;}
    .jswiper-type01 .premium_level{padding:0;}
    .jswiper-type01 .label-fam01 {margin-bottom:7px;}
    .jswiper-type01 .swiper-container::after {width: 120px; height: 120px; top: 160px;right: -24px;}
}
@media only screen and (max-width: 960px){
    .h_wrap p.hsub { font-size: 15px; padding-left: 0px; display: block;}
    .h_wrap p.hsub::before {content: none;}
    .jswiper-type02 .swiper-wrapper > li,
    .jswiper-type03 .swiper-wrapper > li { width: 150px !important; margin-right:15px;}
    .jswiper-type02 .swiper-button-next,
    .jswiper-type02 .swiper-button-prev,
    .jswiper-type02 .swiper-button-next.swiper-button-disabled, 
    .jswiper-type02 .swiper-button-prev.swiper-button-disabled,
    .jswiper-type03 .swiper-button-next,
    .jswiper-type03 .swiper-button-prev,
    .jswiper-type03 .swiper-button-next.swiper-button-disabled, 
    .jswiper-type03 .swiper-button-prev.swiper-button-disabled {display:block !important;}
    .jswiper-type02,
    .jswiper-type03 { padding-bottom:30px; margin-top: 30px;}
    .jswiper-type02 .swiper-button-prev::before,
    .jswiper-type03 .swiper-button-prev::before {content: '';position: absolute;left: 50%;top: 50%;display: block;width: 7px;height: 12px;margin-left: -3px;margin-top: -6px;background: url(/pconts/images/icon/ico_eventList_nav.png) no-repeat center center / 100% 100%;}
    .jswiper-type02 .swiper-button-next::before,
    .jswiper-type03 .swiper-button-next::before {content: '';position: absolute;right: 50%;top: 50%;display: block;width: 7px; height: 12px;margin-left: -3px;margin-top: -6px;background: url(/pconts/images/icon/ico_eventList_nav.png) no-repeat center center / 100% 100%;transform: translateX(50%) rotate(-180deg);}
    .jswiper-type02 .swiper-button-prev, 
    .jswiper-type02 .swiper-button-next,
    .jswiper-type03 .swiper-button-prev, 
    .jswiper-type03 .swiper-button-next {display: block;position: absolute;top: 47px;width: 30px;height: 30px;margin: -15px 0 0 0;background: rgba(0,0,0,0.5);}
    .jswiper-type02 .swiper-button-prev,
    .jswiper-type03 .swiper-button-prev {left:-20px;}
    .jswiper-type02 .swiper-button-next,
    .jswiper-type03 .swiper-button-next {right:-20px;}
    .jswiper-type02 .swiper-container,
    .jswiper-type03 .swiper-container {overflow: visible;}
    .event_bnr.event_subVisual.cardmain { height: 140px; margin:0;} 
    .event_bnr.event_subVisual.cardmain .event_cont .link::after {width: 125px;height: 80px;background-size: contain; bottom: 25px; right: 6px; z-index: -1;}
    .jswiper-type02 .swiper-slide .item,
    .jswiper-type03 .swiper-slide .item {min-height: 230px; }
    .jswiper-type02.card-v01 .img-box,
    .jswiper-type03.card-v01 .img-box {width: 150px;}
    .jswiper-type02.card-v01 .txt-box .label-fam01,
    .jswiper-type03.card-v01 .txt-box .label-fam01 {top: 9px;}
    .jswiper-type02.card-v01 .txt-box > .tit > strong,
    .jswiper-type03.card-v01 .txt-box > .tit > strong {font-size: 14px; margin-top: 39px; min-height: 42px;}
    .jswiper-type02.card-v01 .txt-box .c-info,
    .jswiper-type03.card-v01 .txt-box .c-info {margin-top:2px; font-size:13px;}
    .label-fam01 > span {font-size:9px; padding: 5px 6px; border-radius: 12px;}
    .label-fam01 > span.t02 {padding-top:5px;}
    .label-fam01 > span.t01 {font-size:9px;}
    .benefitsub_swiper.card-main {margin-top:30px;}
    .kategorie-type01 {margin-top:30px; }
    .kategorie-type01 > ul {display: flex; flex-wrap: wrap; margin: -8px;}
    .kategorie-type01 > ul > li {flex: 1 1 auto; width: calc(50% - 8px); margin: 4px;  }
    .kategorie-type01 > ul > li > a {padding: 12px 11px 12px 12px;}
    .kategorie-type01 .tit01 {font-size: 15px; }
    .kategorie-type01 .txt01 {font-size: 13px; display: inline-block; line-height: 1.45;}
    .kategorie-type01 > ul > li:nth-child(1) > a { background-size: 35px auto;}
    .kategorie-type01 > ul > li:nth-child(2) > a { background-size: 35px auto;}
    .kategorie-type01 > ul > li:nth-child(3) > a { background-size: 35px auto;}
    .kategorie-type01 > ul > li:nth-child(4) > a { background-size: 35px auto;}
}
/* 마이입금내역 신규 프로세스 팝업 가이드 추가 */
.accordion_wrap.dx-aco-type01 .accordion_header .aco-wrap { display: flex; font-weight: normal; width: 100%; font-size: 15px; height: auto; padding: 25px 10px;}
.accordion_wrap.dx-aco-type01.type04 {border-bottom: 1px solid #ddd;}
.accordion_wrap.dx-aco-type01.type04 .aco-wrap {position: relative;}
.accordion_wrap.dx-aco-type01.type04 .accordion_header .acc_btn.medium:after {margin-top:-22px; left: calc(100% - 29px);}
.accordion_wrap.dx-aco-type01.type04 .accordion_header .acc_btn.medium.on:after {margin-top:-8px; left: calc(100% - 29px);}
.accordion_wrap.dx-aco-type01 .aco-wrap .mshow {display: none;}
.accordion_wrap.dx-aco-type01 .aco-wrap .info-t1 {padding-right: 35px; position: relative; font-size:13px; min-width: 140px;}
.accordion_wrap.dx-aco-type01 .aco-wrap .info-t1::after {content: ''; display: block; width: 1px; height: 15px; background: #ddd; position: absolute; top:0; right: 0;}
.accordion_wrap.dx-aco-type01 .aco-wrap .info-t1 .date {font-size:13px; margin-left: 5px;}
.accordion_wrap.dx-aco-type01 .aco-wrap .info-t2 {padding-left:35px; padding-right: 37px; display: flex; justify-content: space-between; width: 100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.accordion_wrap.dx-aco-type01 .aco-wrap .info-t2 .tit {flex: 0 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.accordion_wrap.dx-aco-type01 .aco-wrap .info-t2 .val {flex: 0 0 auto;width:100px;text-align:right;}
.accordion_wrap.dx-aco-type01 .dl_wrap {padding-bottom:25px;}
.accordion_wrap.dx-aco-type01 .accordion_body .area.state_area.pd_type02 {padding:0; }
.accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.tit.fir, 
.accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.con.fir {margin-top:10px; }
.accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.tit {padding: 0px 46px 0 10px; margin-top:3px; font-size:13px;}
.accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.con {padding: 0px 46px 0 0px; margin-top:3px; min-height: auto; font-size:13px; }
@media only screen and (max-width: 1100px) {
    .accordion_wrap.dx-aco-type01 .dl_wrap {padding-bottom:14px;}
    .accordion_wrap.dx-aco-type01 .aco-wrap .mshow {display: inline-block; margin-right: 15px;}
    .accordion_wrap.dx-aco-type01 .accordion_header .aco-wrap  {display: block; padding: 15px 10px;}
    .accordion_wrap.dx-aco-type01 .aco-wrap .info-t1::after {content: none;}
    .accordion_wrap.dx-aco-type01.type04 .accordion_header .acc_btn.medium:after {margin-top:0px; top:37px;}
    .accordion_wrap.dx-aco-type01.type04 .accordion_header .acc_btn.medium.on:after {margin-top:0px; top:47px;}
    .accordion_wrap.dx-aco-type01 .aco-wrap .info-t2 {padding:0; margin-top:15px; padding-right: 32px;}
    .accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.tit.fir,
    .accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.con.fir {margin-top:0px;}
    .accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.tit {padding: 0px 42px 0 10px; margin-top:0px;}
    .accordion_wrap.dx-aco-type01 .dl_wrap .df_list .item.con {padding: 0px 42px 0 0px; margin-top:0px;}
}
/* '나의 이용가능금액' 수정 */
.visual_txt .txt_date01{position:absolute;top:15px;right:0;}
@media only screen and (max-width: 1100px){
    .visual_txt .txt_date01{position:relative;top:10px;text-align:right;}
}
@media only screen and (max-width: 767px){
	/* 트렌디스 가이드 */
	.trendis-cont .t-img1{margin-top:40px;}
	.trendis-cont .pc_show{display:none !important;}
	.trendis-cont .m_show{display:block !important;}
	.trendis-cont .t-img1 + [class*=t-tit],
	.trendis-cont .t-img1 + [class*=t-txt]{margin-top:30px;}
}
/* 210114 통합검색 수정 */
.srch_count_wrap.bd_nline{border-bottom:0 none;}
.totalSrch_container .tab_list button{color:#666666;}
.totalSrch_container .tab_list button > span{font-size:22px;}
.totalSrch_container .tab_list button > span.num{font-size:20px;}
.totalSrch_container .tab_list button > span.txt01{font-weight:400;font-size:20px;}
.totalSrch_container .tab_type01 .tab_list li.current a > span.num, 
.totalSrch_container .tab_type01 .tab_list li.current button > span.num{color:#4868e1;}
.tab_type01.tab_t2 {margin-top:30px;}
.tab_type01.swiper_tab.tab_t2 .tab_pull .swiper-container:before,
.tab_type01.swiper_tab.tab_t2 .tab_pull .swiper-button-prev{display:none !important;}
.tab_type01.swiper_tab.tab_t2 .tab_pull .swiper-button-next{top:-14px;}
.tab_type01.tab_t2 > .tab_pull:before,
.tab_type01.tab_t2 .tab_list li.current:before{display:none;}
.tab_type01.tab_t2 .tab_list li{margin-right:5px;}
.tab_type01.tab_t2 .tab_list li a, 
.tab_type01.tab_t2 .tab_list li button{display:block;position:relative;height:40px;padding:9px 24px;box-sizing:border-box;font-size:16px;text-align:center;white-space:nowrap;border:1px solid #bbb;border-radius:3px;font-weight:400;}
.tab_type01.tab_t2 .tab_list li.current a,
.tab_type01.tab_t2 .tab_list li.current button{padding:8px 24px;color:#4868e1;border:2px solid #4868e1;font-weight:700;}
.totalSrch_sec.t1 .title_wrap{margin-bottom:30px;}
.totalSrch_sec.t1 .h_title{padding-bottom:15px;border-bottom:2px solid #000;}
.mycar_mylogin .mycar_sumtxt{padding:40px 0 0;text-align:center;font-size:20px;color:#666;}
.mycar_mylogin .mycar_sumtxt strong{font-size:24px;color:#333;}
.mycar_mylogin .h_title{font-size:24px;line-height: 30px;padding-bottom: 15px;}
.mycar_mylogin .df_list_col .item_wrap .item:last-child{font-weight:400;}
.mycar_mylogin .df_list_col .item_wrap .item:last-child span{font-weight:700;}
.mycar_mylogin .btn_wrap{padding-top:10px;text-align:right;}
.mycar_mylogin .btn_wrap .btn{margin-top:5px;}
.mycar_list_search{/*border-top:2px solid #000;*/border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.mycar_list_search .search_car > li{float:left;width:33.33%;border-left:1px solid #ddd;padding:30px 10px;box-sizing:border-box;}
.mycar_list_search .search_car > li:nth-child(3n+1){clear:both;border-left:0 none;}
.mycar_list_search .search_car > li > div{position:relative;}
.mycar_list_search .search_car > li > div > a{display:block;height:290px;padding:0 20px 0;text-align:center;overflow:hidden;}
.mycar_list_search .search_car .img{width:200px;margin:0 auto;}
.mycar_list_search .search_car img{max-width:100%;}
.mycar_list_search .search_car .title{display:block;margin-top:20px;font-weight:normal;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700}
.mycar_list_search .search_car .info{display: block;margin-top:8px;font-size:15px;} 
.mycar_list_search .search_car .cont{font-size:18px;margin-top:8px;}
.mycar_list_search .search_car .cont strong{font-size:20px;}
.mycar_list_search .search_car .btn_wrap{margin-top:20px;}
.mycar_list_search .swiper-pagination{display:none;}
.mycar_list_search .swiper-pagination-bullet {margin:0;width:8px;height:8px;opacity:1;background:#ddd;vertical-align:middle;}
.mycar_list_search .swiper-pagination-bullet-active {width:12px;height:12px;background:#fff;border:3px solid #333;}
.mycar_list_search [class^='nav-button'] {display:none !important;position: absolute;top: 118px;display: block;width: 48px;height: 48px;border-radius: 50%;z-index: 10;overflow: hidden;}
.mycar_list_search [class^='nav-button']::before {content: "";position: absolute;top: 6px;left: 2px;width: 18px;height: 18px;border-top: 3px solid #333;border-right: 3px solid #333;}
.mycar_list_search .nav-button-next{right:1px;}
.mycar_list_search .nav-button-next::before {transform: rotate(45deg);top: 15px;left: 12px;}
.mycar_list_search .nav-button-prev::before {transform: rotate(-135deg);top: 15px;left: 19px;}
.mycar_list_search .swiper-button-disabled::before {border-color: #ddd;}
.totalSrch_sec.car_lst .more_area{margin-top:20px;}
@media only screen and (max-width: 1100px){
	.tab_type01.tab_t2 {margin-top:24px;}    
    .tab_type01.swiper_tab.tab_t2 .tab_pull{padding:0 8px 0 0;margin:0;}
    .tab_type01.swiper_tab.tab_t2 .tab_pull .swiper-button-next{top:-6px;}
	.totalSrch_container .tab_list button > span{font-size:20px;}
	.totalSrch_container .tab_list button > span.num{font-size:18px;}
	.totalSrch_container .tab_list button > span.txt01{font-size:18px;}
	.totalSrch_sec.t1 .title_wrap{margin-bottom:19px;}
	.totalSrch_sec.t1 .h_title{padding-bottom:7px;}	
	.mycar_mylogin .mycar_sumtxt{font-size:17px;}
	.mycar_mylogin .mycar_sumtxt strong{font-size:19px;}
	.mycar_mylogin .h_title{font-size:18px;padding-bottom:7px;}
	.mycar_mylogin .df_list_col_wrap .df_list_col .item_wrap .item:first-child{float:left;}
	.mycar_mylogin .df_list_col_wrap .df_list_col .item_wrap .item:last-child{float:right;margin:0;text-align:right;}
	.mycar_mylogin .btn_wrap{text-align:center;}
    .mycar_list_search .search_car > li{width:100%;border-left:0 none;padding:19px 10px 50px;}
    .mycar_list_search .search_car > li > div > a{height:auto;}
    .mycar_list_search .search_car .img{width:160px;}
    .mycar_list_search .search_car .title{margin-top:17px;font-size:15px;}
    .mycar_list_search .search_car .cont{font-size:15px;}
    .mycar_list_search .search_car .cont strong{font-size:17px;}
    .mycar_list_search .search_car .btn_wrap{margin-top:18px;}
    .mycar_list_search .swiper-pagination{display:block;bottom:19px;}
    .mycar_list_search [class^='nav-button'] {display:block !important;}
    .totalSrch_sec.car_lst .more_area{margin-top:15px;}
}
/*ui변경 카드본인확인 서비스*/
.card_idt .bg_gray{margin-top:23px;}
.card_idt .identi_tit{display:block; position:relative;margin-bottom:20px;font-weight:700;font-size:38px;color:#111;}
.card_idt .identi_stxt{display:block;font-size:24px;font-weight:700;} 
.card_idt .identi_head .log{height:72px;text-align: left;font-weight: bold;color: transparent;background: url(/pconts/images/common/shinhancard_logo.png) left center no-repeat;background-size: auto 24px;}
.card_idt .identi_head + #container{padding-top:10px;}
.card_idt .identi_log{position:relative;margin-top:77px;min-height:270px;} 
.card_idt .identi_log:after{content:'';display:block;clear:both;} 
.card_idt .identi_log .identi_loginimg{position:absolute;top:0;left:0;width:467px;padding:0 10px;}
.card_idt .identi_log .identi_logininfo{margin-left:490px;padding:0 60px;}
.card_idt .identi_logininfo .form_type{padding:30px 0;}
.card_idt .identi_logininfo .form_type .form_ele{padding-left:0;}
.card_idt .identi_logininfo .form_type .form_ele .ele_tit{display:block;position:static;width:auto;padding-top:0;padding-bottom:10px;}
.card_idt .identi_logininfo .form_ele .jumin_type .first{width:160px;}
.card_idt .identi_logininfo .form_ele .jumin_type .last{width:180px;}
.card_idt .identi_logininfo .login_member {margin-top:12px;text-align:center}
.card_idt .identi_logininfo .login_member a {display:inline-block;font-size:15px;color:#333;}
@media only screen and (max-width: 1100px){
	.card_idt .identi .form_type .form_ele{padding-left:250px}
	.card_idt .identi .form_type .form_ele .ele_tit{position:absolute;left:0;top:0;width:250px;display:inherit;padding-top:10px}
	.card_idt .identi .ly_inner{width:980px;}
	.card_idt .identi .w_size01{width:646px !important;margin:0 auto}
	.card_idt .identi .form_type{padding-top:60px}
}
@media only screen and (max-width: 980px){
	.card_idt .identi .ly_inner{width:auto;}
}
@media only screen and (max-width: 750px){
	.card_idt .identi .ly_inner{width:auto;}
	.card_idt .identi .w_size01{width:auto !important;padding-left:20px;padding-right:20px}
}
@media only screen and (min-width: 681px) and (max-width: 900px){
	.card_idt .identi_log .identi_loginimg{width:350px;}
	.card_idt .identi_log .identi_logininfo{margin-left:300px;padding:0 20px;}
	.card_idt .identi .ly_inner .ly_inner{width:auto}
	.card_idt .identi .btn.default{min-width:200px}    
}
@media only screen and (max-width: 680px){
	.card_idt .identi_tit{font-size:24px;}
	.card_idt .identi_stxt{display:block;font-size:18px;}
	.card_idt .identi_log{margin-top:0;min-height:auto;}
	.card_idt .identi_log .identi_loginimg{display:none}
	.card_idt .identi_log .identi_logininfo{margin-left:0;padding:0;}
	.card_idt .identi .form_type .form_ele.fm_t01 .ele_tit{float:left;width:130px;}    
	.card_idt .identi .form_type .form_ele.fm_t01 .form_txt02{float:left;width:calc(100% - 130px);margin-top:2px;}
	.card_idt .identi .form_type .form_ele{padding-left:0px}
	.card_idt .identi .form_type .form_ele .ele_tit{display:block;position:static;width:auto;padding-top:0;padding-bottom:10px}
}
/* 나의 이용가능금액 수정 */
.fn_swplst01 .sm_loanlist_wrap {margin-top:10px;position:relative;margin-left:-15px;padding-left:15px;margin-right:-15px;padding-right:15px;overflow:hidden;}
.fn_swplst01 .sm_loanlist_wrap:before{content: '';display: block;position: absolute;left: 0;top: 0;z-index: 5;width: 20px;height: 100%;background-image: linear-gradient(to right,#f7f7f9 40%, rgba(255, 255, 255, 0));}
.fn_swplst01 .sm_loanlist_wrap:after{content: '';display: block;position: absolute;right: 0;top: 0;z-index: 5;width: 20px;height: 100%;background-image: linear-gradient(to left,#f7f7f9 40%, rgba(255, 255, 255, 0));}
.fn_swplst01 .sm_loanlist_wrap .swiper-container{overflow:visible;}
.fn_swplst01 .sm_loanlist_wrap .sm_loanlist{display:flex;flex-wrap: nowrap;overflow:visible;margin:0;padding-bottom:28px;}
.fn_swplst01 .sm_loanlist:after{content:'';display:table;clear:both;}
.fn_swplst01 .sm_loanlist li{width:200px;height:198px;float:left;box-shadow: 5px 5px 10px rgba(0,0,0,0.10);border-radius: 8px;background:#fff;margin-left:20px;position:relative;}
.fn_swplst01 .sm_loanlist.loan_long li{background:#fff}
.fn_swplst01 .sm_loanlist li:before{content:'';position:absolute;width:50px;height:50px;right:20px;bottom:30px;}
.fn_swplst01 .sm_loanlist li:first-child{margin-left:0;}
.fn_swplst01 .sm_loanlist li .link_cont{position:relative;display:block;padding:0;width:100%;height:100%;border:2px solid #fff;border-radius: 8px;transition:all .4s ease-in-out;padding:20px;}
.fn_swplst01 .sm_loanlist li .link_cont:hover{border-color:#4868e1;}
.fn_swplst01 .sm_loanlist li .link_cont:hover strong {color:#333;}
.fn_swplst01 .sm_loanlist li strong{position:relative;display:inline-block;padding-right:15px;color:#333;font-size:18px;font-weight:bold;display:block;line-height:1.2}
.fn_swplst01 .sm_loanlist li strong:after{content:'';display:block;position:absolute;width:8px;height:8px;top:7px;right:0;border-top:1px solid #888;border-right:1px solid #888;transform:rotate(45deg);margin-top:0px;}
.fn_swplst01 .sm_loanlist li .link_cont > span{position:absolute;top:78px;left:20px;margin-top:0;width:100px}
.fn_swplst01 .sm_loanlist li .txt-sec1{position:absolute;top:80px;left:20px;}
.fn_swplst01 .sm_loanlist li .txt-sec2{position:absolute;bottom:8px;left:20px;}
.fn_swplst01 .sm_loanlist li .txt-sec2 > b{color:#f14b25;font-size:24px;}
.fn_swplst01 .sm_loanlist li .txt-sec2  .won{color:#333;font-weight:bold;margin-left:2px;color:#000;}
.fn_swplst01 .sm_loanlist li .txt-sec2 span{display:inline;margin-top:0;}
@media only screen and (max-width: 1100px){
    .fn_swplst01 .sm_loanlist_wrap {margin-top:5px;margin-left:-26px;padding-left:26px;margin-right:-26px;padding-right:26px;}
	.fn_swplst01 .sm_loanlist_wrap:before{width:30px;}
	.fn_swplst01 .sm_loanlist_wrap:after{width:30px;}
    .fn_swplst01 .sm_loanlist_wrap .sm_loanlist{margin-top:0;padding-bottom:20px;}
	.fn_swplst01 .sm_loanlist_wrap .sm_loanlist li{width:142px;margin-left:8px;padding:0;height:157px;}
	.fn_swplst01 .sm_loanlist li:nth-child(even){float:right;}
	.fn_swplst01 .sm_loanlist li .link_cont{padding:12px 11px 12px 12px;}
	.fn_swplst01 .sm_loanlist li span{margin-top:30px;}
	.fn_swplst01 .sm_loanlist li:before{width:40px;height:40px;bottom:22px;}
	.fn_swplst01 .sm_loanlist li strong{padding-right:13px;font-size:1.5rem;height:35px;overflow:hidden;}
	.fn_swplst01 .sm_loanlist li strong:after{top:4px;right:2px;}
	.fn_swplst01 .sm_loanlist li .link_cont > span,
	.fn_swplst01 .sm_loanlist li .txt-sec1{top:60px;left:15px;font-size:1.3rem}
	.fn_swplst01 .sm_loanlist li .txt-sec2{position:absolute;bottom:6px;left:15px;}
	.fn_swplst01 .sm_loanlist li .txt-sec2 > b{font-size:1.8rem}
	.fn_swplst01 .sm_loanlist li .txt-sec2 .won{font-size:1.3rem;}
}
/* POLL 간편설문 수정 */
#votePop .radio_wrap.type_btn.type_free ul{display:block;}
#votePop .radio_wrap.type_btn.type_free li{margin-left:0;margin-right:5px;}
/* 카드재발급 신청 상태추가 */
.card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n{margin-left:4px;padding-left:6px;}    
.card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n:before{content:'';position:absolute;top:5px;left:0;width:1px;height:15px;background:#f14825;}    
@media only screen and (max-width: 1100px){
    .card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n{display:inline-block;font-size:14px;} 
}
/*카드신청접수대기30초*/
.card-comp-w01 .img-sec{width:300px;height:300px;margin:0 auto;background:url(/pconts/images/dx/com/20201203598169_300x300.gif) center center no-repeat;background-size:100% auto;position:relative;}
.card-comp-w01 .text-sec{text-align:center;font-size:20px;color:#666;}
.card-comp-w01 .pbar-sec{margin:30px auto 55px;width:453px;height:11px;overflow:hidden;position:relative;}
.card-comp-w01 .pbar-sec:before{content:'';width:100%;height:100%;background:#ececec;position:absolute;left:0;top:0;z-index:1;border-radius:11px;}
.card-comp-w01 .pbar-sec .pbar{position:absolute;left:0;top:0;height:100%;border-radius:11px;width:0px;;background: linear-gradient(137deg, #4dcbee, #5774df );background-size:100% 100px;animation: ani_pbar 31s linear forwards;z-index:3}
@keyframes ani_pbar{
    0%{width:0%;background-position:50% 50%}
    10%{width:10%;background-position:0% 50%}
    20%{width:20%;background-position:100% 50%}
    30%{width:30%;background-position:0% 50%}
    40%{width:40%;background-position:100% 50%}
    50%{width:50%;background-position:0% 50%}
    60%{width:60%;background-position:100% 50%}
    70%{width:70%;background-position:0% 50%}
    80%{width:80%;background-position:100% 50%}
    90%{width:90%;background-position:0% 50%}
    100%{width:100%;background-position:50% 50%}
}
.card-comp-w01 .num-sec{width:69px;height:52px;position:absolute;right:38px;top:27px;z-index:3;animation: comp01NumSec 31s steps(29) forwards;background:#fff url(/pconts/images/dx/com/20201203598169_s.png) 0 0 no-repeat;background-size:100% auto;}
@keyframes comp01NumSec {
	0% {background-position:0% 0%}
	100% {background-position:0% 100%}
}
@media only screen and (max-width: 1100px){
	.card-comp-w01 .img-sec{width:201px;height:201px;background:url(/pconts/images/dx/com/20201203598169_402x402.gif) center center no-repeat;background-size:100% auto;margin-top:30px;}
	.card-comp-w01 .text-sec{font-size:1.5rem}
	.card-comp-w01 .pbar-sec{margin:27px auto 40px;height:8px;width:306px;}
	.card-comp-w01 .pbar-sec:before{border-radius:8px;}
	.card-comp-w01 .pbar-sec .pbar{border-radius:8px;}
	.card-comp-w01 .num-sec{right:25px;top:19px;width:46px;height:34px;}
}
/* 금융 > 스피드론 좁은 영역*/
.dx-auth-payfan.w_narrow{width:auto}
/*ui변경 카드본인확인 서비스 툴팁*/
.pop_wrap.ch680 .pop_cont{padding-bottom:30px}
@media only screen and (max-width: 1100px){
    .pop_wrap.ch680{padding:10px}
    .pop_wrap.ch680 .popup{width:400px;height:auto}    
    .pop_wrap.ch680 .popup .pop_head{padding:26px 30px 26px 30px}
}
 @media only screen and (max-width: 680px){
    .pop_wrap.ch680{padding:0}
    .pop_wrap.ch680 .popup{width:100%;height:100%}    
    .pop_wrap.ch680 .popup .pop_head{padding:16px 20px 16px 20px}
    .pop_wrap.ch680 .pop_cont{padding-bottom:0}
}
/*공동인증서 등록 안내*/
.cert_mobile.cert_rheight ul li .item{height:auto}
.step_box_wrap.copyInfo .step_box .img img{width:253px}
/* jyp edm 카드- 디자인선택 */
.card_design_jyp_wrap label{vertical-align:top;}
.card_design_jyp_wrap .cd_item{vertical-align:top;}
.card_design_jyp_wrap .cd_item label[for="card_design02"]{margin-left:0;}
.card_design_jyp_wrap .cd_item:nth-child(2n){margin-left:31px;}
.card_design_jyp_wrap .cd_item:nth-child(2n-1){margin-left:0 !important;}
@media only screen and (max-width: 1100px){
  .card_design_jyp_wrap .cd_item:nth-child(2n){margin-left:0;}  
}
/* 모바일선동의_신분증촬영 추가 */
#header .simple_header{display:flex;justify-content:center;align-items:center;height:50px;border-bottom:1px solid #f5f5f5;text-align:center;background:#fff;}
#header .simple_header .logo a{display:flex;align-items:center;width:128px;height:50px;}
.pop_wrap .popup.pop_nobg{background:transparent;}
.color_white{color:#fff;}
/* 카드해지 추가 */
.list_cardType.cancel_n01{padding:0;}
.list_cardType.cancel_n01 li{flex:1;}
.list_cardType.cancel_n01 li a{display:block;padding-left:65px;}
.list_cardType.cancel_n01 li a:after {display:none;}
.list_cardType.cancel_n01 li .item::after{right:inherit;bottom:inherit;left:33px;top:35px;}
.list_cardType.cancel_n01 li .ico01:after {background: url('/pconts/images/dx/contents/ico_cancel_n01_01.png') no-repeat;background-size: 50px auto;}
.list_cardType.cancel_n01 li .ico02:after {background: url('/pconts/images/dx/contents/ico_cancel_n01_02.png') no-repeat;background-size: 50px auto;}
.list_cardType.cancel_n01 li .ico03:after {background: url('/pconts/images/dx/contents/ico_cancel_n01_03.png') no-repeat;background-size: 50px auto;}
.list_cardType.cancel_n01 li .ico04:after {background: url('/pconts/images/dx/contents/ico_cancel_n01_04.png') no-repeat;background-size: 50px auto;}
.list_cardType.cancel_n01 li .item a .tit:after {content:'';display:inline-block;width:9px;height:9px;margin-left:5px;margin-bottom:2px;border:solid #666;border-width: 1px 1px 0 0;transform:rotate(45deg);} 
.list_cardType.cancel_n01 li .item .txt{color:#666;margin-top:5px;margin-bottom:0;min-height:52px;}
@media only screen and (max-width: 1100px){
    .list_cardType.cancel_n01 li{flex:inherit;}
    .list_cardType.cancel_n01 li .item{padding:18px 15px;}
    .list_cardType.cancel_n01 li .item::after{left:28px;top:25px;}
}
/* 테이블 모바일에서 스크롤 사이즈 좁게 설정 */
@media (max-width: 720px) {
	.table_scroll_area .table_wrap.dx-tbl-scroll-sm01{width:720px;}
}

/*포인트 전환 자세히보기 버튼 추가*/
.apply_wrap.btn_detail{position:relative;margin-top:60px}
.apply_wrap.btn_detail .text_link{position:absolute;right:0;bottom:0}
@media only screen and (max-width: 1100px){
    .apply_wrap.btn_detail{position: inherit;margin-top:40px}
    .apply_wrap.btn_detail .text_link{position:relative;margin-top:10px}
}
/* 21.03.23 모바일명세서 신규 스타일 팝업 */
.pop_wrap.jcust{padding:40px 30px;}
.pop_wrap.jcust .popup_type01 .pop_cont{padding:0 10px;}
.pop_wrap.jcust .popup { padding-top: 20px;}
.pop_wrap.jcust .pop_cont { text-align: center;}
.pop_wrap.jcust .pop_cont h3 { font-size: 23px;}
.pop_wrap.jcust .i-hide {position: relative; width: 24px; height: 24px;  display: inline-block; margin-left: 7px; top: 5px; background: url('/pconts/images/dx/contents/210322_pop_dw.jpg') no-repeat top center/100% auto;}
.pop_wrap.jcust .i-hide > span {position: absolute; left: -9999px; color: transparent;}
.pop_wrap.jcust .pop_cont .cont {margin-top:16px;}
.pop_wrap.jcust .pop_cont .cont.f20 {font-size: 20px;}
.pop_wrap.jcust .pop_cont .cont.il {text-align: left; width:100%;max-width: 282px; margin: 15px auto 0;}
.pop_wrap.jcust .i-box,
.accordion_body .area .i-box {background: #f6f6f6; font-size: 15px; display: flex; margin: 5px 0;}
.pop_wrap.jcust .i-box > li,
.accordion_body .area .i-box > li {flex: 0 1 auto; padding-top: 60px; text-align: center; margin: 15px 0; width: 50%;}
.accordion_body .area .i-box > li{margin:15px 0 !important;}
.pop_wrap.jcust .i-box > li.and,
.accordion_body .area .i-box > li.and{background: url('/pconts/images/dx/contents/210322_and_ico.png') no-repeat top center/47px auto;}
.pop_wrap.jcust .i-box > li.ios,
.accordion_body .area .i-box > li.ios {background: url('/pconts/images/dx/contents/210322_ios_ico.png') no-repeat top center/47px auto;}
.submain_finance .sm_group.cash_service{margin-top:60px;}
.text-ban1.fnc{border-bottom:1px solid #ddd;}
.text-ban1{padding:16px 0px;}
.text-ban1 .txt1{margin-right:10px;display:inline-block;padding-left:30px;background:url(/pconts/images/dx/com/ico_aram.png) 0 0 no-repeat;background-size:20px auto;font-size:16px;color:#111;vertical-align:middle;padding-top:2px;}
.text-ban1 .txt1 + [class*=c-btn6]{margin-top:-2px;}
@media only screen and (max-width: 1023px){
	.submain_finance .sm_group.cash_service{margin-top:36px;}
	.text-ban1 .txt1{padding-left:24px;font-size:1.4rem;}
	.text-ban1 .txt1 + [class*=c-btn6]{margin-top:0px;}
}
.dx-wordwhite-none { white-space: normal; word-break: break-all;}
/* 마이카 금융관리 이미지만 변경 */
.maycar .car_financeimg.v1 {background:url(/pconts/images/dx/contents/210412car_finance_m.jpg) no-repeat; background-size: 679px auto;}
/* 사업자금대출 비교 서비스 유의사항 */
.loans_service ul.marker_number > li.double{padding-left:25px;}
#eventContents .c-txt1{word-break:break-all;word-wrap:break-word;}
/*가전할부 리워드 신청*/
.homeplex_w .radio_wrap{display:flex;flex-wrap:wrap;margin-bottom:50px}
.homeplex_w .radio_wrap.type_btn.type_100p .radio_btn{min-width:inherit;width:317px;}
.homeplex_w .radio_wrap.type_btn.type_100p label:nth-child(2){margin-top:0}
.homeplex_w .radio_wrap.type_btn.type_100p label:nth-child(even){margin-left:12px;}
.homeplex_w .agreement_wrap .agreement_inner > .accordion_wrap.accordion_check{border-bottom:0}
@media only screen and (max-width: 1100px){
    .homeplex_w .radio_wrap{flex-direction:column;align-items:center}
    .homeplex_w .radio_wrap.type_btn.type_100p label:nth-child(even){margin-left:0}
    .homeplex_w .radio_wrap.type_btn.type_100p label:nth-child(2){margin-top:5px}
}
@media only screen and (max-width:600px){
    .homeplex_w .radio_wrap.type_btn.type_100p .radio_btn{width:100% !important}
}
/* 통합검색 수정 */
.mycar_mylogin .title_wrap01{border-bottom:2px solid #000;}	
.mycar_mylogin .stitle_wrap .h_title{padding:30px 0 15px;font-size:20px;}
.mycar_mylogin .stitle_wrap + .df_list_col_wrap{border-top:1px solid #ddd;}
@media only screen and (max-width: 1100px){
	.mycar_mylogin .stitle_wrap .h_title{padding:19px 0 11px;font-size:16px;}
}
/* 마이>해외이용 종합안내 이의제기 신청내역 */
.list01.object_lst .usage_item .price_info .state{font-size:17px;}
.list01.object_lst  .check_wrap .check_default input[type="checkbox"]:disabled + span{color:#111;}
@media only screen and (max-width: 1100px){
    .list01.object_lst .usage_item.type03 .usage_info .check_wrap .texts_area{width:200px;}
}
/* 꼬마 피카소 20th */
#container.picasso20{padding-top:0;}
.devcss #container.picasso20{padding-top: 130px;}
.picasso20 .radio_wrap.type_flex.m_flex label{width:32.6%;}
.picasso20 .top-sec01{height:361px;position:relative;background:#fdd677;}
.picasso20 .top-sec01 .c-article{height:361px;background:url('/pconts/images/dx/landing/picasso20_1A.png') right 0 no-repeat;}
.picasso20 .top-sec01 .vis-cont {position:relative;padding-top:137px;}
.picasso20 .top-sec01 .vis-cont .c-tit1{font-size:38px;margin:0;}
.picasso20 .top-sec01 .vis-cont .c-txt1{font-size:16px;margin-top:3px;color:#333;}
.picasso20 .top-sec01 .tab_type01{position:absolute;left:0;bottom:0;width:100%;}
.picasso20 .pica-logo{position:absolute;left:0;top:30px;width:153px;height:57px;overflow:hidden;text-indent:-9999px;background:url('/pconts/images/dx/landing/logo_picasso20.png') 0 0 no-repeat;}
.picasso20 .pica-close{display:none;overflow:hidden;text-indent:-9999px;}    
body.app_shcard .picasso20 .pica-close,
body.mobile .picasso20 .pica-close{display:block;position:absolute;top:10px;right:10px;z-index: 12;width: 40px;height: 40px;background: url(/pconts/images/icon/popup_close.png) no-repeat center center;color: transparent;overflow: hidden;transition: transform 1s ease-in-out;}
.picasso20 .accordion_wrap.faq .accordion_header button.acc_btn{cursor:default;}
.picasso20 .accordion_wrap.faq .accordion_header button.acc_btn:after{display:none;}
.picasso20 .tab_type01.swiper_tab .tab_pull .swiper-button-prev,
.picasso20 .tab_type01.swiper_tab .tab_pull .swiper-button-next{background:none;}
@media only screen and (max-width: 1100px){
	.devcss #container.picasso20{padding-top: 60px;}
    .picasso20 .pica-logo{position:static;width:100%;height:1px;padding-top:82%;background:url('/pconts/images/dx/landing/picasso20_1B.png') left 0 no-repeat;background-size:100% auto;margin:0;}
	.picasso20 .top-sec01 .c-article{background:none;height:auto;}
	.picasso20 .top-sec01{height:auto;padding-bottom:70px;}
	.picasso20 .top-sec01 .vis-cont{padding-top:0px;}
	.picasso20 .top-sec01 .vis-cont .c-tit1{font-size:2.4rem;}
	.picasso20 .radio_wrap.type_flex.m_flex label{width:auto;height:75px;}
    .picasso20 .tab_type01.swiper_tab .tab_pull{padding:0;}
	.picasso20 .tab_type01.swiper_tab .swiper-container:after,
	.picasso20 .tab_type01.swiper_tab .swiper-container:before{background:none;}
    .picasso20 .tab_type01.swiper_tab .tab_pull .swiper-button-prev {background:none;width:10px;height:10px;transform:rotate(-45deg);border-left:2px solid #333;border-top:2px solid #333;left:-10px;top:20px}	
	.picasso20 .tab_type01.swiper_tab .tab_pull .swiper-button-next{background:none;width:10px;height:10px;transform:rotate(135deg);border-left:2px solid #333;border-top:2px solid #333;right:-10px;top:20px}
}
.radio_wrap.type_btn .radio_btn_list02.t1 .radio_btn.big input[type="radio"] + span{height:100px;}
.radio_wrap.type_btn .radio_btn_list02.t1 .radio_btn.big span .name{height:40px;}

/* 종환 대출신청 개선 */
.dx-iboxtp1 { background: #f2f4f8; border-radius: 7px;  margin-bottom:10px;} 
.dx-iboxtp1 .ibox-wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.dx-iboxtp1 .ibox-wrap::after {content: none;}
.dx-iboxtp1 .ibox-wrap > li {flex: 0 1 auto; width: 33.33333333%; font-size: 15px; text-align: center; position: relative; margin:20px 0px;}
.dx-iboxtp1 .ibox-wrap > li::after { content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; right: 0px; top:0;}
.dx-iboxtp1 .ibox-wrap > li:nth-child(3n)::after{ content: none;}
.dx-iboxtp1 .ibox-wrap .conts {font-size: 24px; margin-top:23px; color: #333;}
.radio_wrap.both_divide.cust .divide {width: 100%; margin-left:0;}
.radio_wrap.both_divide.cust .divide + .divide {margin-top:5px; }
.radio_wrap.both_divide.cust .divide > label {margin-right: 5px; }
/* 210531 종환 오픈뱅킹 디지털 서브메인 추가 */
.submain_digital_conts.opbk .img-sec {width: 528px;height: 352px;position: absolute;left: 0;top: 0;}
.submain_digital_conts.opbk .img-sec .bg-objg  {background: url('/pconts/images/dx/contents/210528_opbk_00.png') no-repeat center; width: 480px;height: 320px;background-size: 100% auto;position: absolute;left: 0;right: 33px;margin: auto;}
.submain_digital_conts.opbk .img-sec .bg-objg > [class*='obj'] {width: 100%;height: 100%; position: absolute;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj1 {width: 82px;height: 23px;left: 201px; bottom: 162px;background: url('/pconts/images/dx/contents/210528_opbk_01.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: opbk_obj1_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj2 {width: 112px; height: 116px;left: 184px; bottom: 31px;  background: url('/pconts/images/dx/contents/210528_opbk_02.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: opbk_obj2_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj3 {width: 90px; height: 95px; left: 68px; bottom: 206px; background: url('/pconts/images/dx/contents/210528_opbk_03.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: opbk_obj3_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj4 {width: 56px; height: 56px; left: 330px; bottom: 236px; background: url('/pconts/images/dx/contents/210528_opbk_04.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: opbk_obj4_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj5 {width: 43px; height: 43px;left: 52px;bottom: 130px; background: url('/pconts/images/dx/contents/210528_opbk_06.png') 0 0 no-repeat;z-index: 2; background-size: 100% auto; animation: opbk_obj5_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj6 {width: 101px; height: 109px; left: 350px; bottom: 93px; background: url('/pconts/images/dx/contents/210528_opbk_07.png') 0 0 no-repeat;z-index: 2; background-size: 100% auto; animation: opbk_obj6_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj7 {width: 95px; height: 96px; left: 68px;bottom: -4px; background: url('/pconts/images/dx/contents/210528_opbk_08.png') 0 0 no-repeat;z-index: 2; background-size: 100% auto; animation: opbk_obj7_ani 8s ease-in-out 0s infinite; opacity: 1;}
.submain_digital_conts.opbk .img-sec .bg-objg .obj8 {width: 48px; height: 48px; right: 99px; bottom: 25px; background: url('/pconts/images/dx/contents/210528_opbk_09.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto; animation: opbk_obj8_ani 8s ease-in-out 0s infinite; opacity: 1;}
@keyframes opbk_obj1_ani {
    0% { opacity: 0;}
    15% {opacity: 1;}
    100% {opacity: 1;}
}
@keyframes opbk_obj2_ani {
    0% { transform: translateY(5px);  opacity: 0;}
    12% { transform: translateY(5px); opacity: 0;}
    15% {opacity: 1; transform: translateY(-3px); }
    17% {opacity: 1; transform: translateY(0px); }
    100% {opacity: 1; transform: translateY(0px); }
}
/* kb */
@keyframes opbk_obj3_ani {
    0% {opacity: 0;}
    15% {opacity: 0; transform: translateX(20px) translateY(10px) scale(0.5);}
    18% {opacity: 1; transform: translateX(0px) translateY(-3px) scale(1);}
    19% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
    100% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
}
/* 현대 */
@keyframes opbk_obj4_ani {
    0% {opacity: 0;}
    18% {opacity: 0; transform: translateX(-20px) translateY(10px) scale(0.5);}
    21% {opacity: 1; transform: translateX(0px) translateY(-3px) scale(1);}
    22% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
    100% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
}
/* 하나 */
@keyframes opbk_obj5_ani {
    0% {opacity: 0;}
    21% {opacity: 0; transform: translateX(20px) translateY(10px) scale(0.5);}
    24% {opacity: 1; transform: translateX(0px) translateY(-3px) scale(1);}
    25% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
    100% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
}
/* 삼성 */
@keyframes opbk_obj6_ani {
    0% {opacity: 0;}
    24% {opacity: 0; transform: translateX(-20px) translateY(10px) scale(0.5);}
    27% {opacity: 1; transform: translateX(0px) translateY(-3px) scale(1);}
    28% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
    100% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
}
/* 카뱅 */
@keyframes opbk_obj7_ani {
    0% {opacity: 0;}
    27% {opacity: 0; transform: translateX(20px) translateY(10px) scale(0.5);}
    30% {opacity: 1; transform: translateX(0px) translateY(-3px) scale(1);}
    31% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
    100% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
}
/* 농협 */
@keyframes opbk_obj8_ani {
    0% {opacity: 0;}
    30% {opacity: 0; transform: translateX(-20px) translateY(10px) scale(0.5);}
    33% {opacity: 1; transform: translateX(0px) translateY(-3px) scale(1);}
    34% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
    100% {opacity: 1; transform: translateX(0px) translateY(0px)  scale(1); }
}
/* 220120 종환 spay 디지털 서브메인 추가 */
.submain_digital_conts.supay .img-sec {width: 528px;height: 352px;position: absolute;left: 0; top: 0;}
.submain_digital_conts.supay .img-sec .bg-objg { background: url('/pconts/images/dx/contents/220118_supay_01.png') no-repeat center;width: 480px;height: 320px;background-size: 100% auto;position: absolute;left: 0;right: 33px;margin: auto; }
.submain_digital_conts.supay .img-sec .bg-objg .obj1 {background: url('/pconts/images/dx/contents/220118_supay_02.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto;animation: supay_obj1_ani 1s cubic-bezier(0, 0.9, 0.4, 1) 0s ;opacity: 1; width: 126px;height: 184px;position: absolute; right: 35px; bottom: 10px; }
.submain_digital_conts.supay .img-sec .bg-objg .obj2 {width: 17px;height: 28px; position: absolute;right: -2px; bottom: 150px;background: url('/pconts/images/dx/contents/220118_supay_03.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto;animation: supay_obj3_ani 1.5s cubic-bezier(0.96,-0.01, 1, 0.19) 0s infinite;opacity: 0;}
.submain_digital_conts.supay .img-sec .bg-objg .obj2-1 {width: 13px;height: 24px;position: absolute;right: 12px;bottom: 132px;background: url('/pconts/images/dx/contents/220118_supay_03.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto;animation: supay_obj2_ani 1.5s cubic-bezier(0.96,-0.01, 1, 0.19) 0s infinite;opacity: 0;}
.submain_digital_conts.supay .img-sec .bg-objg .obj3 {width: 93px;height: 115px; position: absolute; left: 43px; bottom: 9px;background: url('/pconts/images/dx/contents/220118_supay_04.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto;animation: supay_obj4_ani 1s ease-in-out 0s infinite;opacity: 1; transform-origin: bottom;}
.submain_digital_conts.supay .img-sec .bg-objg .obj4 {width: 21px;height: 48px; position: absolute; right: 7px; top: -2px;background: url('/pconts/images/dx/contents/220118_supay_05.png') 0 0 no-repeat;z-index: 2;background-size: 100% auto;animation: supay_obj5_ani 1s ease-in-out 0s  infinite ;opacity: 1; transform-origin: bottom;}
@keyframes supay_obj1_ani {
	0% { opacity: 0; transform: translate(50px, 40px);}
	3% { opacity: 1; transform: translate(50px, 40px);}
	100% {opacity: 1; transform: translate(0px, 0px);}
}
@keyframes supay_obj2_ani {
	0% { opacity: 0;}
	30% {opacity: 1;}
	60% {opacity: 1;}
	100% {opacity: 0;}
}
    
@keyframes supay_obj3_ani {
	0% { opacity: 0;}
	30% { opacity: 0;}
	40% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 1;}
	100% {opacity: 0;}
}
    
@keyframes supay_obj4_ani {
	0% {transform: rotate(1deg)}
	50% {transform: rotate(-1deg)}
	100% {transform: rotate(1deg)}
}
    
@keyframes supay_obj5_ani {
	0% {transform: rotate(-10deg);}
	50% {transform: rotate(6deg); }
	100% {transform: rotate(-10deg);}
}
@media only screen and (max-width: 1023px) {
    .dx-iboxtp1 .ibox-wrap .conts {font-size: 18px; margin-top:11px;}
    .submain_digital_conts.opbk .img-sec {height: 352px;width: 100%;}
    .submain_digital_conts.opbk .img-sec .bg-circle {width: 275px;height: 180px;position: relative;left: 0;top: 0;margin: 0 auto;}
    .submain_digital_conts.opbk .img-sec .bg-objg {width: 340px;height: 240px;right: 0;left: 0;margin: auto;top: 0;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj1 {width: 68px;height: 129px;left: 137px;bottom: 8px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj2 {width: 80px;height: 81px;left: 130px;bottom: 29px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj3 {width: 70px;height: 73px;left: 53px;bottom: 162px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj4 {width: 45px;height: 47px;left: 225px;bottom: 183px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj5 {width: 36px;height: 39px;left: 33px;bottom: 103px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj6 {width: 72px;height: 75px;left: 251px;bottom: 81px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj7 {width: 73px;height: 76px;left: 43px;bottom: 2px;}
    .submain_digital_conts.opbk .img-sec .bg-objg .obj8 {width: 36px;height: 39px;right: 63px;bottom: 27px;}
    .submain_digital_conts.supay .cont > p {margin-top:30px;}
	.submain_digital_conts.opbk .cont > p  {margin-top:30px;}
	.submain_digital_conts.supay .img-sec {width: 100%;}
	.submain_digital_conts.supay .img-sec .bg-objg {width: 340px;height: 240px;right: 0;left: 0; top: 0; margin: auto; }
	.submain_digital_conts.supay .img-sec .bg-objg .obj1 {width: 84px; height: 123px; right: 32px; bottom: 17px;}
	.submain_digital_conts.supay .img-sec .bg-objg .obj2 {width: 10px; height: 17px; bottom: 96px;}
	.submain_digital_conts.supay .img-sec .bg-objg .obj2-1 {width: 8px; height: 14px; right: 7px; bottom: 84px;}
	.submain_digital_conts.supay .img-sec .bg-objg .obj3 {width: 62px; height: 76px; left: 38px; bottom: 19px;}
	.submain_digital_conts.supay .img-sec .bg-objg .obj4 {width: 13px; height: 31px; right: 5px; top: 0px;}
}

/* 페이판 추천하기 개인화 (구모바일) */
.share_lst > div{display:inline-block;width:32px;height:32px;margin-right:15px;}    
.share_lst > div > a{position:relative;display:block;width:100%;height:100%;font-size:1px;color:transparent;text-indent:-9999px;overflow:hidden;background-size:100% auto;background-repeat:no-repeat;}    
.share_lst .sns01{width:36px;}
.share_lst .sns01 a{background-image:url('/pconts/images/common/footer/sns04.png');}
.share_lst .sns02 a{background-image:url('/pconts/images/common/footer/sns01.png');}
.share_lst .sns03 a{background-image:url('/pconts/images/common/footer/sns06.png');}
.fan_recomlading.trend_shop .trend_top{background-color:#e9f1ff}
.fan_recomlading.trend_shop .trend_top .trend_visual .logo{height:19px;position:absolute;top:68px;}
.fan_recomlading.trend_shop .trend_top .trend_visual .logo img{height:100%}
.fan_recomlading.trend_shop .trend_top .trend_visual .tit_w{padding:105px 0 0 0;}
.fan_recomlading.trend_shop .trend_top .trend_visual .tit_w h1 span{display:block;margin-bottom:10px;font-size:24px;color:#4868e1;}
@media only screen and (max-width: 1100px){
    .fan_recomlading.trend_shop .trend_top .trend_visual .logo{height:17px;top:43px}
    .fan_recomlading.trend_shop .trend_top .trend_visual .tit_w{padding-top:84px}
    .fan_recomlading.trend_shop .trend_top .trend_visual .tit_w h1 span{font-size:21px;}
}
/* 카드신청-명세서수령방법 */
.statement_more02 .radio_wrap.type_grid.type2{height:133px;}
.statement_more02.open .radio_wrap.type_grid.type2{height:auto;}

/* 동의등급제 agree_check_group 개별 커스텀 */
.agreement_wrap .agreement_inner .agree_depth03 #BA01012524_dd .check_wrap .check_agree + .check_agree,
.agreement_wrap .agreement_inner .agree_depth03 #BA01022524_dd .check_wrap .check_agree + .check_agree,
.agreement_wrap .agreement_inner .agree_depth03 #BA01512524_dd .check_wrap .check_agree + .check_agree{margin-top:0;}
.agreement_wrap .agreement_inner .agree_depth03 #BA01012524_dd .check_wrap .check_agree:last-child,
.agreement_wrap .agreement_inner .agree_depth03 #BA01022524_dd .check_wrap .check_agree:last-child,
.agreement_wrap .agreement_inner .agree_depth03 #BA01512524_dd .check_wrap .check_agree:last-child{margin-left:0;width:100%;}
/*소득공제 테이블간격*/
@media only screen and (max-width: 1100px){
    .tbl_deduction.table_scroll_area .table_wrap {width:740px;}
    .tbl_deduction .table_wrap table th, .tbl_deduction .table_wrap table td{padding:0 15px}
}
/* 사업자금대출 비교 서비스 */
.sub_spec_info li > span.blcsvc_txt{line-height:1.3;}


/* 종환 금융 장기대출 개편 */
.sm_group .sm_loanlist_dtype1 {background: #fff; border: 2px solid #fff; border-radius: 8px; transition: all .4s ease-in-out; padding: 40px 30px; box-shadow: 5px 5px 15px rgba(0,0,0,0.10); margin-top: 20px;}
.sm_group .sm_loanlist_dtype1 .sm_tit {font-size: 20px; margin-bottom: 20px;}
.sm_group .sm_loanlist_dtype1 .sm_conts {display: flex; flex-wrap: wrap; margin: -15px -30px;}
.sm_group .sm_loanlist_dtype1 .item { display: flex; justify-content: space-between; flex: 0 1 auto; width: calc(33.333333% - 60px); font-size: 20px; padding-left: 37px; margin: 15px 30px; position: relative; word-break: break-all;}
.sm_group .sm_loanlist_dtype1 .item > span {word-break: break-all;}
.sm_group .sm_loanlist_dtype1 .item::after {content: ''; width: 1px; height: 30px; background: #ddd; position: absolute; right: -30px; top: 0px; }
.sm_group .sm_loanlist_dtype1 .item:nth-child(3n)::after {content: none;}
.sm_group .sm_loanlist_dtype1 .item.t1 { background: url('/pconts/images/contents/finance/ico_spec_limit.png') no-repeat 0 0; background-size: 27px 27px;}
.sm_group .sm_loanlist_dtype1 .item.t2 { background: url('/pconts/images/contents/finance/ico_spec_interest.png') no-repeat 0 0; background-size: 27px 27px;}
.sm_group .sm_loanlist_dtype1 .item.t3 { background: url('/pconts/images/contents/finance/ico_spec_period_m.png') no-repeat 0 0; background-size: 27px 27px;}
.sm_group .sm_loanlist_dtype1 .sm_conts .loan_val {display: inline-block; text-align: right; width: 100%; flex: 0 0 auto; width: 70%; word-break: break-all;}
@media only screen and (max-width: 1100px) {
	.sm_group .sm_loanlist_dtype1 {padding: 28px 25px;}
	.sm_group .sm_loanlist_dtype1 .sm_tit {font-size:15px; margin-bottom: 15px;}
	.sm_group .sm_loanlist_dtype1 .sm_conts {margin: -2px;}
	.sm_group .sm_loanlist_dtype1 .item { width: calc(100% - 60px); justify-content: start; font-size: 16px; margin: 2px; padding-left: 28px; width: 100%;}
	.sm_group .sm_loanlist_dtype1 .sm_conts .loan_val {text-align: left;}
	.sm_group .sm_loanlist_dtype1 .item::after {content: none;}
	.sm_group .sm_loanlist_dtype1 .item.t1, 
	.sm_group .sm_loanlist_dtype1 .item.t2,
	.sm_group .sm_loanlist_dtype1 .item.t3 {background-size: 18px 18px;}
}
/* 즉시대출-부수할인거래추가 */
.agree-grade.w_size01.type_finance1{margin:0 auto;border:none;}
/* 공지성 채널 사전동의(카카오톡) 추가 */
.rd_graybg01{background:#f6f6f6;border-radius:10px;padding:15px 20px;}   
.rd_graybg01 .agreement_wrap .agreement_inner .check_wrap.check_only{border-bottom:0 none;}
.rd_graybg01 .agreement_wrap .agreement_inner .check_wrap.check_only:before,
.rd_graybg01 .agreement_wrap .agreement_inner .check_wrap.check_only:after{display:none;}
/* 미성년자 가족카드 관리화면 추가 */
.list_cardType.pm_mng li{flex:0 0 50%;max-width: calc(50% - 20px);}
.pm_mng .card_info{position:relative;}
.pm_mng .card_info:after{content:'';display:block;clear:both;}
.pm_mng .card_info .nickname{float:left;min-width:36px;height:35px;padding:0 9px;border-radius:18px;overflow:hidden;background:#ededed;}
.pm_mng .card_info .nickname.on{padding:0 14px;}
.pm_mng .card_info .nickname > em{float:left;width:17px;height:100%;background:url('/pconts/images/dx/contents/ico_nick.png') no-repeat 0 50%;background-size:100% auto;overflow:hidden;text-indent:-100px;color:transparent;}
.pm_mng .card_info .nickname > span{float:left;padding-left:10px;line-height:35px;font-size:16px;}
.pm_mng .card_info .card_mng{position:absolute;top:10px;right:0;color:#4868e1;}
.pm_mng .card_info .card_mng a:after{margin-bottom:0;border-color:#4868e1;width:8px;height:8px;}
.pm_mng .card_num{display:block;margin:10px 0 15px;font-size:24px;font-weight:700;}
.pm_mng .card_useinfo:after{content:'';display:block;clear:both;}
.pm_mng .card_useinfo .used{float:left;color:#4868e1;}
.pm_mng .card_useinfo .remain{float:right;text-align:right;}
.pm_mng .card_useinfo strong{font-size:20px;}
.pm_mng .bar_graph .bar{height:12px;background:#e1e1e1 none;border-radius:6px;overflow:hidden;}
.pm_mng .bar_graph .bar > span{background-color:#4868df;border-radius:6px;}
.pm_box01{padding:26px 28px; border-radius:10px; box-shadow:2px 2px 24px -2px rgba(51, 51, 51, 0.17); background-color:#fff;}
.pm_box01 .ly_inner{max-width:760px;margin:0 auto;}
.pm_box01.pm_mng .card_info .card_mng{color:#333;}
.pm_box01.pm_mng .card_info .card_mng a:after{content:'';display:inline-block; width:8px;height:8px; margin-left:5px;border:solid #333; border-width:1px 1px 0 0; transform:rotate(45deg);}
.pm_benefit_wrap .bar_graph{padding:50px 0 70px;}
.pm_benefit_wrap .bar_graph .bar{height:12px;background:#f3f3f3 none;border-radius:6px;}
.pm_benefit_wrap .bar_graph .bar > span{border-radius:6px;background-image:linear-gradient(to right, #55cae7, #4868e1);-webkit-background-image:linear-gradient(to right,#55cae7, #4868e1);}
.pm_benefit_wrap .bar_graph .bar > span.limit{background-image:none;-webkit-background-image:none;background-color:#e1e1e1;}
.pm_benefit_wrap .bar_graph .bar > span.limit > em{position:absolute;width:36px;height:18px;top:50px;right:0;margin-right:-13px;text-align:center;border:1px solid #a5a5a5;border-radius:9px;font-size:13px;color:#666;line-height:18px;}
.pm_benefit_wrap .bar_graph .bar > span.limit > em:before{content:'';position:absolute;right:13px;top:-50px;width:10px;height:10px;border-radius:50%;background:#c8c8c8;}
.pm_benefit_wrap .bar_graph .bar > span.limit > em:after{content:'';position:absolute;right:1px;top:-20px;width:34px;border-top:1px dashed #e1e1e1;transform: rotate(90deg);}
.pm_benefit_wrap .bar_graph .bar_step li{position:absolute;top:0;width:45px;margin-left:-28px;}
.pm_benefit_wrap .bar_graph .bar_step li:before{content:'';position:absolute;left:18px;top:51px;width:10px;height:10px;border-radius:50%;background:#fff;opacity:.8;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:after{content:'';position:absolute;left:8px;top:42px;width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:#4e9fe1 url('/pconts/images/dx/contents/pm_check.png') no-repeat 50% 50%;background-size:16px 11px;}
.pm_benefit_wrap .bar_graph .bar_step li.lock:after{content:'';position:absolute;left:0;top:0;width:45px;height:45px;background: url('/pconts/images/dx/contents/ico_lock.png') no-repeat 0 0;background-size:100% auto;}
.pm_benefit_wrap .bar_graph .bar_step li.lock:before{background:#b4b4b4;opacity:1;}
.pm_benefit_wrap .bar_graph .bar_step li:nth-child(1){left:20%;}
.pm_benefit_wrap .bar_graph .bar_step li:nth-child(2){left:40%;}
.pm_benefit_wrap .bar_graph .bar_step li:nth-child(3){left:60%;}
.pm_benefit_wrap .bar_graph .bar_step li:nth-child(4){left:80%;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:nth-child(2):after{background-color:#4e9fe1;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:nth-child(2) .step{color:#4e9fe1;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:nth-child(3):after{background-color:#4d8ce3;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:nth-child(3) .step{color:#4d8ce3;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:nth-child(4):after{background-color:#4a76e2;}
.pm_benefit_wrap .bar_graph .bar_step li.complete:nth-child(4) .step{color:#4a76e2;}
.pm_benefit_wrap .bar_graph .bar_step li > span{position:absolute;width:100%;text-align:center;font-weight:700;}
.pm_benefit_wrap .bar_graph .bar_step li .step{top:15px;color:#666;}
.pm_benefit_wrap .bar_graph .bar_step li .price{top:80px;}
.pm_benefit_state{max-width:394px;margin:0 auto;padding-top:25px;}
.pm_benefit_state .item{position:relative;display:flex;min-height:94px;padding:20px 0 18px;border-radius:47px;background:#309cbe;align-items:center;}
.pm_benefit_state .item:before{content:'';position:absolute;top:-11px;left:50%;width:21px;height:11px;background:url('/pconts/images/dx/contents/pm_lvbg0.png') no-repeat 0 0;background-size:100% auto;transform:translateX(-50%);}
.pm_benefit_state .item .benfit_lv{flex:0 0 auto;padding-left:50px;vertical-align:bottom;color:#fff;}
.pm_benefit_state .item .benfit_lv strong{display:inline-block;width:52px;height:52px;border-radius:50%;background:#fff;text-align:center;line-height:52px;font-size:38px;color:#309cbe;}
.pm_benefit_state .item .benfit_lv span{display:inline-block;vertical-align:-9px;font-weight:700;}
.pm_benefit_state .item .benfit_lvtxt{flex: 1 1 auto;padding:0 48px 0 24px;color:#fff;}
.pm_benefit_state .item .benfit_lvtxt .tit{font-size:18px;}
.pm_benefit_state .item.lv0{background:#309cbe;}
.pm_benefit_state .item.lv0:before{background:url('/pconts/images/dx/contents/pm_lvbg0.png') no-repeat 0 0;background-size:100% auto;}
.pm_benefit_state .item.lv0 .benfit_lv strong{color:#309cbe;}
.pm_benefit_state .item.lv1{background:#4e9fe1;}
.pm_benefit_state .item.lv1:before{background:url('/pconts/images/dx/contents/pm_lvbg1.png') no-repeat 0 0;background-size:100% auto;}
.pm_benefit_state .item.lv1 .benfit_lv strong{color:#4e9fe1;}
.pm_benefit_state .item.lv2{background:#4d8ce3;}
.pm_benefit_state .item.lv2:before{background:url('/pconts/images/dx/contents/pm_lvbg2.png') no-repeat 0 0;background-size:100% auto;}
.pm_benefit_state .item.lv2 .benfit_lv strong{color:#4d8ce3;}
.pm_benefit_state .item.lv3{background:#4a76e2;}
.pm_benefit_state .item.lv3:before{background:url('/pconts/images/dx/contents/pm_lvbg3.png') no-repeat 0 0;background-size:100% auto;}
.pm_benefit_state .item.lv3 .benfit_lv strong{color:#4a76e2;}
.pm_benefit_info{display:flex;justify-content:center;}
.pm_benefit_info li{flex:1 1 auto;margin:35px 34px;max-width:210px;}
.pm_benefit_info li .benfit_lv{display:inline-block;vertical-align:bottom;color:#4e9fe1;}
.pm_benefit_info li .benfit_lv strong{display:inline-block;width:52px;height:52px;border-radius:50%;background:#fff;text-align:center;line-height:52px;font-size:38px;color:#fff;background:#4e9fe1;}
.pm_benefit_info li .benfit_lv span{display:inline-block;vertical-align:-9px;font-weight:700;}
.pm_benefit_info li .benfit_lvtxt{margin-top:12px;}
.pm_benefit_info li:nth-child(1) .benfit_lv{color:#4e9fe1;}
.pm_benefit_info li:nth-child(1) .benfit_lv strong{background:#4e9fe1;}
.pm_benefit_info li:nth-child(2) .benfit_lv{color:#4d8ce3;}
.pm_benefit_info li:nth-child(2) .benfit_lv strong{background:#4d8ce3;}
.pm_benefit_info li:nth-child(3) .benfit_lv{color:#4a76e2;}
.pm_benefit_info li:nth-child(3) .benfit_lv strong{background:#4a76e2;}
@media only screen and (max-width: 1100px){
    .list_cardType.pm_mng li{flex:1 1 auto;max-width:100%;}
    .list_cardType.pm_mng li .item{padding:26px 18px;}
    .pm_mng .card_info .nickname{min-width:27px;height:27px;padding:0 6px;border-radius:14px;}
    .pm_mng .card_info .nickname > span{line-height:27px;font-size:15px;}
    .pm_mng .card_info .nickname > em{width:15px;}
    .pm_mng .card_info .card_mng{top:4px;}
    .pm_mng .card_num{font-size:18px;}
    .pm_box01.pm_benefit{padding:10px 0;box-shadow:none;}
    .pm_benefit_wrap .bar_graph{padding:50px 0 58px;}
    .pm_benefit_wrap .bar_graph .bar_step li{font-size:13px;}
    .pm_benefit_state .item{min-height:110px;border-radius:55px;}
    .pm_benefit_info{flex-direction:column;padding:27px 0;align-items: center;}
    .pm_benefit_info li{display:flex;flex:0 0 auto;margin:10px 28px;max-width:100%;align-items: center;}
    .pm_benefit_info li .benfit_lv{flex: 0 0 auto;}
    .pm_benefit_info li .benfit_lvtxt{flex: 1 1 auto;margin-top:0;padding-left:24px;}
}
/* 패밀리카드 사용내역 조회 수정 */
.df_list_wrap.typefmcd + .df_list_wrap.typefmcd{border-top:0;}
.df_list_wrap.typefmcd .item_wrap{float:left;width:50%;}
.df_list_wrap.typefmcd .df_list .item.con{width:auto;}
.df_list_wrap.typefmcd .item_wrap:first-child{float:none;width:100%;}
@media only screen and (max-width: 1100px) {
    .df_list_wrap.typefmcd .item_wrap{float:none;width:100%;}
}
/*명세서 수령방법*/
.stement_area.form_ele{margin:50px 0 0 0 !important;}
.stement_area .form_txt02 .check_default{margin:0 0 14px 0}
.stement_area .form_txt02 .check_default span{font-weight:700}
.stement_area .statement_info{padding-left:65px;background:url(/pconts/images/icon/ico_icon210.png) no-repeat left top;background-size:50px auto}
.stement_area .statement_info .text_tip{margin:0 0 12px 0;}
.bt_next_txt{margin:0 0 30px 0;text-align:center;font-size:20px}								
@media only screen and (max-width: 1000px){
	.stement_area.form_ele{margin:33px 0 0 0 !important;}									
	.stement_area .form_txt02 .check_default{margin:0 0 8px 0}
	.stement_area .statement_info .text_tip{margin:0 0 7px 0;}
	.bt_next_txt{margin:0 0 0 0;padding:0 0 15px 0}
}
/* 마케팅어드바이저 */
.pop_mktAdv .popup_type01 .btn_close span{color:transparent}
.pop_mktAdv .btn.blue span{color:#fff}
.pop_mktAdv .tempImg{width:100%;margin-bottom:20px;padding:15px;background:#efefef;text-align:center}
/* 명세서 수령방법 변경 */
.icon_list.type03.change_statement .icon_box.receive09{background-image:url(/pconts/images/icon/ico_state07.png)}
/* 상생지원금 */
.suppo21 .card_reportlist_wrap .dashdesk {padding: 60px 0 25px;}
.suppo21 .card_reportlist_wrap {padding-bottom: 60px; margin-bottom:60px;}
.suppo21 .suppobar {margin-bottom:23px;}
.suppo21 .suppobar .my-use{ padding:25px 110px;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.10);border-radius:8px; }
.suppo21 .suppobar .my-use .tit {font-size:18px; margin-bottom:30px; position: relative;}
.suppo21 .suppobar.t1.comple .my-use .tit::after { content: ''; display: inline-block; width: 42px; height: 36px; background: url('/pconts/images/dx/contents/210719_suppohana_finish.png') no-repeat center / 100% auto; position: absolute; top:17px; right: 0;}
.suppo21 .suppobar .my-use .bar{position:relative;width:100%;height:13px;margin-top:5px;background:#e1e1e1;border-radius:15px;}
.suppo21 .suppobar .my-use .bar .current{position:absolute;top:0;height:13px;background:linear-gradient(to right, #bfc3cc, #8c91a4 100%);border-radius:15px;}
.suppo21 .suppobar .my-use .bar .current .posVal{content:'';position:absolute;top:0;right:-6.5px;width:13px;height:13px;background:#d8d7d7;border-radius:50%; border: 1px solid #afb0b0;}
.suppo21 .suppobar .my-use .bar .current .posVal > span {position: absolute;top: 16px;left: -60px;width: 130px;right: 0;margin: auto;text-align: center; font-size: 14px;}
.suppo21 .suppobar .my-use .bar-txt {display: flex; justify-content: space-between; margin-top: 10px; font-size: 14px;}
.suppo21 .suppobar.t1 .my-use .bar .current {background: #4868E1;}
.suppo21 .suppo21_list_wrap {width: 760px; margin: 0 auto;}
.suppo21 .suppo21_list {display: flex; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; flex-wrap: wrap; justify-content: space-between;}
.suppo21 .suppo21_list + .suppo21_list {border-top: 0;}
.suppo21 .suppo21_list > dl {flex: 0 1 auto; width: calc(50% - 45px); display: flex; justify-content: space-between; margin: 10px 45px; font-size: 20px; }
.suppo21 .suppo21_list > dl:nth-child(odd) {margin-left:0;}
.suppo21 .suppo21_list > dl:nth-child(even) {margin-right:0;}
.suppo21 .suppo21_list > dl > dt, 
.suppo21 .suppo21_list > dl > dd { display: flex; align-items: center;}
.suppo21 .suppo21_list > dl > dt > b, 
.suppo21 .suppo21_list > dl > dd > b{font-size: 24px;}
.suppototal { display: flex; width: 100%; justify-content: space-between; padding-bottom: 22px; border-bottom:1px solid #bbb; }
.suppototal > dt, .suppototal > dd { flex: 0 1 auto; display: flex; align-items: center;font-size: 24px; color: #333; font-weight: bold;}
.suppototal > dd {text-align: right;}
.suppototal .won {font-size: 20px; font-weight: 400;}
.suppo21 .dxchart_list {margin-bottom: 40px;}
.suppo21 .dxchart_list > .item  {padding: 24px 0; border-bottom: 1px solid #efefef; display: flex;}
.suppo21 .dxchart_list .con, 
.suppo21 .dxchart_list .tit { position: relative; padding-left:35px; flex: 1 1 auto;}
.suppo21 .dxchart_list .item .tit::before {content: ''; display: inline-block; background: url('/pconts/images/dx/contents/210719_supposh.jpg') no-repeat center / 100% auto; width: 30px; height: 24px;   position: absolute; top:0; bottom:0; left:0;  margin: auto;}
.suppo21 .dxchart_list .item.t1 .tit::before {background: url('/pconts/images/dx/contents/210719_supposh.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t2 .tit::before {background: url('/pconts/images/dx/contents/210719_suppokb.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t3 .tit::before {background: url('/pconts/images/dx/contents/210719_supposam.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t4 .tit::before {background: url('/pconts/images/dx/contents/210719_suppohuyn.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t5 .tit::before {background: url('/pconts/images/dx/contents/210719_suppowoo.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t6 .tit::before {background: url('/pconts/images/dx/contents/210719_suppohana.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t7 .tit::before {background: url('/pconts/images/dx/contents/210719_suppolette.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t8 .tit::before {background: url('/pconts/images/dx/contents/210719_suppoBC.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t9 .tit::before {background: url('/pconts/images/dx/contents/210719_supponh.jpg') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t10 .tit::before {background: url('/pconts/images/dx/contents/210927_toss.png') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t11 .tit::before {background: url('/pconts/images/dx/contents/210927_kakao.png') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t12 .tit::before {background: url('/pconts/images/dx/contents/210927_citi.png') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .item.t13 .tit::before {background: url('/pconts/images/dx/contents/211210_local.png') no-repeat center / 100% auto;}
.suppo21 .dxchart_list .con {text-align: right;}
.suppo21 .suppo21_list .btn_tooltip { background: url('/pconts/images/common/ico_popup.png') no-repeat center center #b1b1b1; background-size: 6px 10px; position: relative;width: 18px;height: 18px;line-height: 18px;margin: -4px 0 -4px 3px;border-radius: 50%;vertical-align: middle;}
.selbox.custsel {display: flex; justify-content: flex-end; align-items: center; margin-bottom: 40px; }
.selbox.custsel .select_default {width: 300px; margin-left: 20px;}
.dx_total_price {display: flex; flex-wrap: wrap; margin: 0 -10px 5px;}
.dx_total_price > li {flex: 0 1 auto; padding: 5px 10px; position: relative; display: flex; align-items: center;}
.dx_total_price > li::after {content: ''; display: inline-block; width: 1px; height: 13px; background: #ddd; position: absolute; top:0; right: 0; bottom: 0; margin: auto;}
.dx_total_price > li:last-child::after {content: none;}
.reportlist_filter_wrap .filter_list.custm {padding: 10px 0;}
.reportlist_filter_wrap .filter_list.custm .date {position: initial;}
.usage_item.suppo-custm .price_info {align-self: initial;} 
@media only screen and (max-width: 1100px){
	.suppo21 .suppobar .bg_gray{padding:27px 0 27px;}
	.suppo21 .suppobar .my-grade .grade{height:164px;margin-top:28px;}
	.suppo21 .suppobar .my-grade .tit{margin-top:30px;font-size:22px;}
	.suppo21 .suppobar .my-use{padding:20px 20px;}
	.suppo21 .suppobar .my-use .tit{font-size:16px; margin-bottom:34px;}
	.suppo21 .suppobar .my-use .tit b{font-size:18px;}
	.suppo21 .suppobar .my-use .bar{height:10px;}
	.suppo21 .suppobar .my-use .bar .current{height:10px;}
	.suppo21 .suppobar .my-use .bar .current::after{width:10px;height:10px;right:-5px;}
	.suppo21 .suppobar .my-use .bar-txt {font-size: 13px;}
	.suppo21 .suppobar .my-use .bar .current .posVal {top:-1px;}
	.suppototal {padding-bottom: 17px;}
	.suppototal > dt {font-size:18px;}
	.suppototal > dd {font-size:20px;}
	.suppototal .won {font-size: 18px;}
	.suppo21 .dxchart_list > .item {padding: 19px 0;} 
	.suppo21 .suppo21_list_wrap {width: 100%;}
	.suppo21 .suppo21_list > dl {display: flex; width: 100%; margin:10px 0; font-size: 17px;}
	.suppo21 .suppo21_list > dl > dt > b, 
	.suppo21 .suppo21_list > dl > dd > b{font-size: 20px;}
	.suppo21 .card_reportlist_wrap {padding-bottom: 40px; margin-bottom: 40px;}
	.suppo21 .card_reportlist_wrap .dashdesk {padding: 34px 0 22px;}
	.suppo21 .dxchart {display: block; padding: 25px 20px;}
	.suppo21 .suppobar.t1.comple .my-use .tit::after {width: 36px; height: 31px; top: 24px;}
}
/* 상생국민지원금  */
.suppo21_2 .has_flow_step.of-v {height: 140px}
.suppo21_2 .has_flow_step.of-v .logo-rok-gov {width: 400px;}
.suppo21_2 .bg_gray + .bg_gray > .form_type.pdtzero {padding-top:0;}
.suppo21_2 .complete_body.no_body {padding-top:0; background: none;}
.suppo21_2 .comp_timg {text-align: center; margin-bottom: 10px;}
.suppo21_2 .comp_timg .logo-rok-gov{width: 350px; margin-top: 20px;}
.suppo21_2 .pop_comp {padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 20px 0;}
.suppo21_2 .pop_comp li {display: flex; justify-content: space-between; font-size: 17px;}
.suppo21_2 .pop_comp li + li {margin-top:10px;}
.suppo21_2 .complete_body.disaster-logo.v2 {background: url('/pconts/images/dx/landing/0804logo-disaster2.png') no-repeat center 48px / 320px auto; }
.suppo21_2 .event_inner {color: #111;}
.suppo21_2 .c-bull1.c-cust {width: 400px; margin: 0 auto;}
.suppo21_2 .logo-rok{width:312px;margin-left:auto;margin-right:auto;}
.suppo21_2 .complete_body.logo .logo-img{width:312px;margin-left:auto;margin-right:auto;}
.ars-auth{display:flex;flex-direction:column-reverse;padding:15px 20px 30px;background:#fff;border:1px solid #ddd;}
.ars-auth .tit{font-size:16px;text-align:center;}
.ars-auth .code{display:flex;align-items:center;justify-content:center;height:140px;margin:0 auto;font-size:30px;}
@media only screen and (max-width: 1100px) {
	.suppo21_2 .c-bull1.c-cust {width: 100%;}
    .suppo21_2 .has_flow_step.of-v .logo-rok-gov {width: 250px;}
    .suppo21_2 .has_flow_step.of-v {height: 80px; margin-top: 20px;}
    .suppo21_2 .complete_body.disaster-logo.v2 {background-size: 280px auto;}
}
/* 카드비밀번호변경-본인확인 추가 */
.form_type.no_pdtb{padding-top:0;padding-bottom:0;}
@media only screen and (max-width: 1100px) {
	.form_type.no_pdtb{padding-top:30px;padding-bottom:30px;}	
}
/*금융> 스피드론*/
.text-ban1.bx_bank .txt1{background:url(/pconts/images/dx/com/ico_account.png) 0 0 no-repeat;background-size:20px auto;}
.speedloan_complete.textImg .text_area{margin-right:60px}
.speedloan_complete.textImg .text_area{width:313px}
.speedloan_complete.textImg .left_side.only{width:auto}
@media only screen and (max-width: 1100px){
    .speedloan_complete.textImg .text_area{width:300px;margin:0 auto 30px;}
    .speedloan_complete.textImg .left_side.only{width:100%;}
}
@media only screen and (max-width: 375px){
    .text-ban1.bx_bank .txt1{margin-right:20px;margin-bottom:10px}
}
/* 계좌입력 은행추가 */
.icb_092{background-image: url('/pconts/images/bank/bg_icon_bank092.png') !important;}  
.icb_227{background-image: url('/pconts/images/bank/bg_icon_stock227.png') !important;}  
.icb_271{background-image: url('/pconts/images/bank/bg_icon_stock271.png') !important;} 
/*분할납부 툴팁*/
.tooltip.exp_income{position:absolute;right:35px; top:31px; z-index:9;}
@media only screen and (max-width: 1100px){
    .tooltip.exp_income{top:17px;right:0}
}
/* 분할납부 */
.card_usage_wrap .card_usage_list.list_period .price{padding-right:0;}
.card_usage_wrap .card_usage_list.list_period .price::after{display:none}
.card_usage_wrap .card_usage_list.list_period .price.no_btn{padding-right:28px}
.card_usage_wrap .card_usage_list.list_period .card_info .info .date{padding:0 16px 0 0}
.card_usage_wrap .card_usage_list.list_period .card_info .info .date:after{content:''; display:inline-block; position:relative; top:1px; right:-10px; width:1px; height:13px; background-color:#e6e6e6;}
.btn_bl_link{position:relative;top:-4px;display:inline-block;width:25px;height:25px;padding-right:22px;font-size:15px;}
.btn_bl_link::before{content:'';display:block;position:absolute;top:-2px;right:-4px;width:30px;height:30px;background-color:transparent;border-radius:50%;}
.btn_bl_link:hover::before,
.btn_bl_link:focus::before {background-color:#eee;}
.btn_bl_link:active::before {background-color:#4868e1;}
.btn_bl_link::after {content:'';display:block;position:absolute;top:6px;right:6px;width:12px;height:12px;border:1px solid #666;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);}
.btn_bl_link:hover::after,
.btn_bl_link:focus::after {border-color:#4868e1 !important;}
.btn_bl_link:active::after{border-color:#fff !important;}
@media only screen and (max-width: 1100px){
	.card_usage_wrap .card_usage_list.list_period .price.no_btn{padding-right:23px}		
	.btn_bl_link{width:20px;height:20px;padding-right:18px}
	.btn_bl_link::before{top:3px;right:0;width:20px;height:20px;}
	.btn_bl_link::after{top:9px;right:7px;width:8px;height:8px;}
}
/* 밈(Meme)카드 신청 */
.card_design_jyp_wrap.cdselect_t1{display:flex;flex-wrap:wrap;padding:60px 0;}  
.card_design_jyp_wrap.cdselect_t1 .cd_item{flex:1 1 auto;text-align:center;}
.card_design_jyp_wrap.cdselect_t1 .cd_item label {position: relative;padding-top:85px}
.card_design_jyp_wrap.cdselect_t1 .cd_item{margin-top:0 !important;margin-left:0 !important;}
.card_design_jyp_wrap.cdselect_t1 label input[type="radio"] + span {padding:0; margin:0; position:absolute; top:0; left:0; width:100%; padding-top:41px; text-align: center;color:#111; font-weight: 700; line-height: 1}
.card_design_jyp_wrap.cdselect_t1 label input[type="radio"] + span::before, 
.card_design_jyp_wrap.cdselect_t1 label input[type="radio"] + span::after{content:''; position:absolute; left:50%; top:0;  border-radius: 50%;}
.card_design_jyp_wrap.cdselect_t1 label input[type="radio"] + span::before {display:inline-block; background:#fff; border:1px solid #ddd; width:26px; height:26px; margin-left:-13px}
.card_design_jyp_wrap.cdselect_t1 label input[type="radio"] + span::after { border-radius: 50%; width:14px; height:14px; top:6px; margin-left:-7px; background:#4868e1; display: none}
.card_design_jyp_wrap.cdselect_t1 label input[type="radio"]:checked + span::after {display:inline-block;}
@media only screen and (max-width: 1100px) {
    .card_design_jyp_wrap.cdselect_t1{max-width:320px;margin:0 auto;padding:30px 0;}
    .card_design_jyp_wrap.cdselect_t1 .cd_item {flex:0 0 50%;max-width:calc(50% - 12px)}
	.card_design_jyp_wrap.cdselect_t1 .cd_item + .cd_item {margin-top:0}
	.card_design_jyp_wrap.cdselect_t1 .cd_item:nth-child(n+1) {margin-right: 12px}
	.card_design_jyp_wrap.cdselect_t1 .cd_item:nth-child(2n) {margin-left:12px !important; margin-right: 0}
	.card_design_jyp_wrap.cdselect_t1 .cd_item:nth-child(n+3) {margin-top:40px !important}
	.card_design_jyp_wrap.cdselect_t1 label .img {height: 235px;}
	.card_design_jyp_wrap.cdselect_t1 label .img img {width:148px; height:235px}
	.card_design_jyp_wrap.cdselect_t1 .cd_item label {padding-top:75px}
	.card_design_jyp_wrap.cdselect_t1 label input[type="radio"] + span {padding-top:36px}
}
/* 테마검색 수정 */
.totalSrch_sec.type_quick .s_title{line-height:1.4;}
/* 카드 플레이트 */
.card_sec.type02.full_plate .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;margin-top:-103px}
.card_sec.type02.full_plate .card_top_wrap{padding-bottom:169px}
.card_sec.type02.full_plate .card_name{margin:0 auto 0;padding-bottom:140px}
.card_sec.vertical_type.type02.full_vplate .img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;margin-top:-160px}
.card_sec.vertical_type.type02.full_vplate .card_name{margin:0 auto 0;padding-bottom:160px}
@media only screen and (max-width: 1100px){
	.card_sec.type02.full_plate .img{margin-top:-54px}
	.card_sec.type02.full_plate .card_top_wrap{padding-bottom:99px}
	.card_sec.type02.full_plate .card_name{padding-bottom:64px}	
	.card_sec.vertical_type.type02.full_vplate .img{margin-top:-84px}
	.card_sec.vertical_type.type02.full_vplate .card_top_wrap{padding-bottom:156px}
	.card_sec.vertical_type.type02.full_vplate .card_name{padding-bottom:84px}		
}
/* 위버스 카드목록 */
@media only screen and (max-width:1100px) {
    .de_card_list.weverse{display:flex;}
    .de_card_list.weverse .card_plate{width:320px;height:203px;}
    .de_card_list.weverse .card_item:nth-child(1),
    .de_card_list.weverse .card_item:nth-child(2){margin-top:0;}
    .de_card_list.weverse .card_item{width:50%;padding:0 20px;margin-top:50px;}
    .de_card_list.weverse .card_plate_area::before{display:none;}
    .de_card_list.weverse .card_name{height:66px;}
}
@media only screen and (max-width:768px) {
    .de_card_list.weverse .card_item{padding:0 10px;}
    .de_card_list.weverse .btn_cont .btn.default{min-width:125px;height:40px;line-height:37px;font-size:1.5rem;}
    .de_card_list.weverse .card_name{padding:0 10px;}
    .de_card_list.weverse .card_plate_area{display:block;padding-top:158.90410%;height:0;width:100%;margin:0 0 20px 0;min-height:inherit;}
    .de_card_list.weverse .card_plate{margin:0;position:absolute;left:0;top:18.5%;width:158.90410%;}
    .de_card_list.weverse .card_plate.vertical_type img{position:absolute;left:-18.5%;width:100%;border-radius:4.5%;}
}
/* 마이샵안내 */
.step_box_wrap.myshop .step_box.step2 .img.t1{background:url('/pconts/images/dx/contents/myshop02_t1.png') no-repeat;background-size: 100% auto;}
.step_box_wrap.myshop .step_box.step3 .img.t1{background:url('/pconts/images/dx/contents/myshop03_t1.png') no-repeat;background-size: 100% auto;}  
/* 신한캠퍼스 메인배너 */
.cps_MainSwiper.dx_cpsbanner .swiper-slide>div .img{width:200px;height:130px;top:inherit;right:105px;transform:none;bottom:-2px;}
.cps_MainSwiper.dx_cpsbanner .swiper-slide>div .img img{width:100%;}
@media only screen and (max-width: 1100px){
    .cps_MainSwiper.dx_cpsbanner .swiper-slide>div .img{right:50px;}     
}
@media only screen and (max-width: 768px){
    .cps_MainSwiper.dx_cpsbanner .swiper-slide>div .img{width:150px;height:100px;bottom:-6px;right:40px;}    
}
/* 210917 마이정기결제 */
.myrp_visual{background:#f3f5ee;}    
.myrp_visual .ly_inner{max-width:809px;margin:0 auto;background:url('/pconts/images/dx/contents/reqularpay_title_img.png') no-repeat 100% 100%;background-size:265px auto;}    
.myrp_visual .txt_area{padding:50px 270px 50px 3px;}
.myrp_visual .txt_area .tit{font-size:32px;margin-bottom:20px;}
.myrp_visual .txt_area .txt{font-size:21px;}
.myrp_section{position:relative;margin-bottom:50px;padding:50px 0;border:1px solid #eee;border-radius:10px;box-shadow:2px 2px 20px -3px rgba(187, 187, 187, 0.17);background-color:#fff;}
.myrp_section .ly_inner{max-width:800px;margin:0 auto;}
.myrp_cont01 .tit{font-size:28px;margin-right:70px;}
.myrp_cont01 .btn_all{position:absolute;top:30px;right:0;padding-right:17px;font-size:14px;font-weight:700;}
.myrp_cont01 .btn_all:after{content:'';display:block;position:absolute;top:7px;right:5px;width:6px;height:6px;border:1px solid #333;border-right:0;border-bottom:0;transform:rotate(135deg);}
.myrp_list01{margin-top:35px;}
.myrp_list01 ul{float:left;width:356px;}
.myrp_list01 ul+ul{float:right;}
.myrp_list01 ul li{border-bottom:1px solid #eee;padding:15px 0;}
.myrp_list01 ul li .item{position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:40px;padding-left:60px;padding-right:25px;}
.myrp_list01 ul li .item:after{content:'';display:block;position:absolute;top:50%;right:10px;width:8px;height:8px;border:2px solid #bbb;border-right:0;border-bottom:0;transform:rotate(135deg) translateX(-50%);}
.myrp_list01 ul li.ico01 .item{background:url('/pconts/images/dx/contents/icon_reqularpay01.png') no-repeat 0 0;background-size:40px 40px;}
.myrp_list01 ul li.ico02 .item{background:url('/pconts/images/dx/contents/icon_reqularpay02.png') no-repeat 0 0;background-size:40px 40px;}
.myrp_list01 ul li.ico03 .item{background:url('/pconts/images/dx/contents/icon_reqularpay03.png') no-repeat 0 0;background-size:40px 40px;}
.myrp_list01 ul li.ico04 .item{background:url('/pconts/images/dx/contents/icon_reqularpay04.png') no-repeat 0 0;background-size:40px 40px;}
.myrp_list01 ul li.ico05 .item{background:url('/pconts/images/dx/contents/icon_reqularpay05.png') no-repeat 0 0;background-size:40px 40px;}
.myrp_list01 ul li .info{display:block;flex:1;font-size:18px;}
.myrp_list01 ul li .num{display:block;font-size:16px;}
.myrp_list01 ul li .num em{color:#476eff;font-size:18px;}
.myrp_list01_txt{margin:50px 0 40px;padding-left:27px;font-size:14px;background:url('/pconts/images/dx/contents/ico_myrp_txt01.png') no-repeat 3px 4px;background-size:16px auto;}
.myrp_cont02_1{position:relative;padding-bottom:50px;border-bottom:1px solid #eee;}
.myrp_cont02_1 .tit,
.myrp_cont02_2 .tit{padding:5px 0 0;font-size:24px;}
.myrp_cont02_1 .apply_btn{position:absolute;display:block;top:0;right:0;width:312px;height:48px;line-height:48px;background:#476eff;color:#fff;text-align:center;border-radius:3px;}
.myrp_cont02_2{margin-top:50px;}
.myrp_list02{display:flex;flex-wrap:wrap;margin:40px -10px 30px;}
.myrp_list02 li{position:relative;flex:0 0 20%;margin:10px;max-width:calc(20% - 20px);}
.myrp_list02 li .item{position:relative;display:block;border:1px solid #eee;border-radius:9px;}
.myrp_list02 li .item:hover{border:1px solid #2c3548;box-shadow:2px 2px 20px -3px rgba(51, 51, 51, 0.17);transition:all .6s;}
.myrp_list02 li .item .tit{display:block;padding:85px 0 20px;text-align:center;font-size:18px;}
.myrp_list02 li .item:before{content:'';position:absolute;top:25px;left:50%;transform:translateX(-50%);width:50px;height:50px;}
.myrp_list02 li.ico01 .item:before{background-image:url('/pconts/images/icon/ico_icon188.png');background-size:100% auto;}
.myrp_list02 li.ico02 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge04.png');background-size:100% auto;}
.myrp_list02 li.ico03 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge03.png');background-size:100% auto;}
.myrp_list02 li.ico04 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge05.png');background-size:100% auto;}
.myrp_list02 li.ico05 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge01.png');background-size:100% auto;}
.myrp_list02 li.ico06 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge02.png');background-size:100% auto;}
.myrp_list02 li.ico07 .item:before{background-image:url('/pconts/images/icon/ico_icon175.png');background-size:100% auto;}
.myrp_list02 li.ico08 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge06.png');background-size:100% auto;}
.myrp_list02 li.ico09 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge07.png');background-size:100% auto;}
.myrp_list02 li.ico10 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge08.png');background-size:100% auto;}
.myrp_list02 li.ico11 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge18.png');background-size:100% auto;}
.myrp_list02 li.ico12 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge19.png');background-size:100% auto;}
.myrp_list02 li.ico13 .item:before{background-image:url('/pconts/images/contents/benefit/icon/ico_liveCharge20.png');background-size:100% auto;}
.myrp_list02 li .btn_tooltip{position:absolute;top:15px;right:10px;width:28px;height:28px;background:url('/pconts/images/dx/contents/ico_lift_fare_help.png') no-repeat center center #f32361;background-size:13px auto;}
.myrp_cont03 .tit{font-size:20px;}
.myrp_cont03 .subscribe_btn{position:absolute;display:block;top:5px;right:0;width:312px;height:48px;line-height:48px;background:#476eff;color:#fff;text-align:center;border-radius:3px;}
.evtbanner_t1{height:150px;}
.event_bnr.evtbanner_t1 .event_cont{max-width:730px;}
.event_bnr.evtbanner_t1 .event_cont .link{padding:0 220px 0 45px;}
.event_bnr.evtbanner_t1 .event_cont .img{width:180px;height:180px;transform:none;top:auto;bottom:-29px;right:50px;}
.event_bnr.evtbanner_t1 .event_cont .tit{font-size:22px;}
.event_bnr.evtbanner_t1 .event_cont .txt{font-size:16px;}
@media only screen and (max-width: 1100px){ 
    .myrp_visual .ly_inner{background-position:90% 100%;background-size:118px auto;}    
    .myrp_visual .txt_area{padding:29px 140px 29px 3px;}
    .myrp_visual .txt_area .tit{display:none;}
    .myrp_visual .txt_area .txt{font-size:18px;}
    .myrp_section{margin-bottom:45px;padding:0 0 25px 0;border:0 none;border-radius:0;box-shadow:none;background-color:#fff;border-bottom:12px solid #eee;}
    .myrp_section:after{content:'';display:block;position:absolute;background:#eee;z-index:0;left:calc(-50vw + 50%);bottom:-12px;width: 100vw;height:12px;}
    .myrp_cont01 .tit{font-size:22px;}
    .myrp_cont01 .btn_all{top:5px;}
    .myrp_list01{margin-top:25px;}
    .myrp_list01 ul, .myrp_list01 ul+ul{float:none;width:100%;}
    .myrp_list01 ul li{padding:13px 0;}
    .myrp_list01 ul li .item{min-height:34px;padding-left:50px;padding-right:25px;}
    .myrp_list01 ul li.ico01 .item, .myrp_list01 ul li.ico02 .item, .myrp_list01 ul li.ico03 .item, .myrp_list01 ul li.ico04 .item, .myrp_list01 ul li.ico05 .item{background-size:34px 34px;}
    .myrp_list01 ul li .info,.myrp_list01 ul li .num em{font-size:16px;}
    .myrp_list01 ul li .num{display:block;font-size:14px;}
    .myrp_list01_txt{margin:23px 0 20px;}
    .myrp_cont02_1{padding-bottom:40px;}
    .myrp_cont02_1 .tit,
    .myrp_cont02_2 .tit{padding:0;font-size:20px;}
    .myrp_cont02_1 .apply_btn{position:relative;width:100%;margin-top:20px;}
    .myrp_cont02_2{margin-top:40px;}
    .myrp_list02{margin:15px -5px 20px;}
    .myrp_list02 li{flex:0 0 33.3%;margin:5px;max-width:calc(33.3% - 10px);}
    .myrp_list02 li .item .tit{padding:70px 0 10px;font-size:13px;}
    .myrp_list02 li .item:before{top:20px;width:40px;height:40px;}
    .myrp_list02 li .btn_tooltip{top:10px;right:5px;width:21px;height:21px;background-size:10px auto;}
    .myrp_cont03 .subscribe_btn{position:relative;top:0;margin:20px 0;width:100%;}
    .evtbanner_t1{height:100px;border-radius:10px;margin:0 20px;}
    .event_bnr.evtbanner_t1 .event_cont .link{padding:0 124px 0 24px;}
    .event_bnr.evtbanner_t1 .event_cont .img{width:124px;height:124px;bottom:-24px;right:0;}
    .event_bnr.evtbanner_t1 .event_cont .tit{font-size:16px;}
    .event_bnr.evtbanner_t1 .event_cont .txt{font-size:13px;}
}
.myrp_cont02_1 .apply_btn,
.myrp_cont03 .subscribe_btn{transition:all .5s ease;}
.myrp_cont02_1 .apply_btn:hover,
.myrp_cont03 .subscribe_btn:hover{background:#3552bf;}

/*신한페이판 아이콘 위치재조정*/
@media only screen and (max-width: 1100px) {
	.pop_wrap.login_type.newLogin_type .type_list_wrap .login-payfan a:before {background-position: -19px 2px;background-size:91px 50px;}
}
/* 신한풀레이 > 오프라인결제 */
.affiliate_area.offline{margin-bottom:15px}    
.affiliate_area.offline .affiliate_list{justify-content:flex-start}
/* 211012 카드디자인선택 */
.modify210709 .card_design_jyp_wrap.cd2{width:415px;margin:0 auto;}
.card_design_jyp_wrap.cd2 label .img img{border-radius:8px;}
.modify210709 .card_design_jyp_wrap.cd2 label input[type="radio"] + span{font-size:16px;}
@media only screen and (max-width: 1100px) {
	.modify210709 .card_design_jyp_wrap.cd2{width:320px;}
	.card_design_jyp_wrap.cd2 label .img img{border-radius:8px;}
}
/* 211015 디지털 모바일 심사 판귄 말풍선 */
.c-balloon1 {display:flex;flex-direction:row-reverse;align-items:flex-start;}
.c-balloon1 .img{position:relative;width:170px;height:170px;margin-right:20px;}
.c-balloon1 .txt{display:flex;position:relative;align-items:center;justify-content:center;flex-grow:1;min-height:125px;margin-top:10px;padding:25px 20px;background:#f7f7f9;border:1px solid #ddd;border-radius:8px;font-size:16px;text-align:center;}
.c-balloon1 .txt::before{content:'';display:block;position:absolute;bottom:calc(50% - 8px);left:-9px;width:16px;height:16px;background:#f7f7f9;border-top:1px solid #ddd;border-left:1px solid #ddd;transform:rotate(-45deg) skew(12deg, 12deg);}
.c-balloon1 .ani-pengin01 .bg_body{position:absolute;top:0;left:10px;z-index:10;width:120px;height:170px;background:url('/pconts/images/dx/contents/211014_penguin_body.png') no-repeat center / 100% auto;}
.c-balloon1 .ani-pengin01 .bg_hand{position:absolute;top:17px;left:85px;z-index:20;width:78px;height:71px;background:url('/pconts/images/dx/contents/211014_penguin_hand.png') no-repeat center / 100% auto;transform-origin:left bottom;animation:pengin1a 1s alternate infinite;}
.c-balloon1 .ani-pengin01 .bg_hide_hand{position:absolute;top:75px;left:94px;z-index:30;width:15px;height:20px;background:#4dbeee;}
@keyframes pengin1a {
	0%{transform:rotate(0deg) translate3d(0, 0, 0);}
	100%{transform:rotate(25deg) translate3d(-11px, -7px, 0px);}
}
@media only screen and (max-width: 1100px) {
	.c-balloon1 {display:block;}
	.c-balloon1 .img{width:150px;height:150px;margin:25px auto 0;}
	.c-balloon1 .txt{min-height:110px;padding:18px 13px;}
	.c-balloon1 .txt::before{bottom:-9px;left:calc(50% - 8px);transform:rotate(-135deg) skew(12deg, 12deg);}
	.c-balloon1 .ani-pengin01 .bg_body{width:106px;height:150px;}
	.c-balloon1 .ani-pengin01 .bg_hand{top:12px;left:77px;width:66px;height:70px;}
	.c-balloon1 .ani-pengin01 .bg_hide_hand{top:65px;left:81px;}
}
/*내카드관리*/
.matching_myinfo{padding:32px 0 31px 0;border:1px solid #ddd;text-align:center;background:#fff}
.matching_myinfo p{font-size:24px}
@media only screen and (max-width: 1100px){
	.matching_myinfo{padding:22px 0 23px 0;}
	.matching_myinfo p > span{display:block;font-size:1.8rem}
}
.cardPuzzle .puzzle_txt{width:830px;margin:0 auto 50px;padding:30px 40px;text-align:center;background:#f6f6f6}
.cardPuzzle .puzzle_txt p{font-size:16px}
@media only screen and (max-width: 1100px){
	.cardPuzzle .puzzle_txt{width:100%;margin-top:50px}
}
/* 퍼즐 안내 페이지 */
.c-card-visual1{display:flex;align-items:flex-start;justify-content:space-between;align-items:center;padding:43px 0;}
.c-card-visual1 .txt-wrap{margin-left:17px;}
.c-card-visual1 .txt-wrap .tit{font-size:26px;font-weight:700;}
.c-card-visual1 .txt-wrap .txt1{font-size:18px;margin-top:4px;}
.c-card-visual1 .txt-wrap .btn_wrap{margin-top:44px;}
.c-card-visual1 .img{position:relative;width:260px;height:260px;margin-right:80px;}
.c-card-visual1 .img::before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:-1;width:230px;height:230px;background:#e6e8ec;border-radius:50%;transform:translate(-50%, -50%);}
.c-card-visual1 .img img{position:absolute;top:calc(50% - 81px);left:calc(50% - 130px);width:260px;box-shadow:5px -5px 15px 1px rgb(0 0 0 / 30%);border-radius:12px;}
.c-card-visual1 .img.rotate img{transform:rotate(90deg);}
.puzzle-sec1 > .tit{font-size:24px;text-align:center;}
.puzzle-sec1 > .txt1{margin-top:5px;text-align:center;}
.puzzle-sec1 .list{display:flex;flex-wrap:wrap;width:884px;height:436px;margin:55px auto 0;padding:0 26px;background:url(' /pconts/images/dx/contents/card_puzzle_detail_pc.png') no-repeat center / 100%;}
.puzzle-sec1 .list > li{flex:1;padding:65px 20px 0;}
.puzzle-sec1 .list .icon{display:block;width:60px;margin:0 auto;}
.puzzle-sec1 .list .tit-wrap{min-height:142px;margin-bottom:21px;text-align:center;}
.puzzle-sec1 .list .tit-wrap .tit{display:block;margin-top:14px;font-size:20px;font-weight:700;}
.puzzle-sec1 .list .tit-wrap .txt1{display:block;font-size:13px;}
.puzzle-sec1 .list .marker_number{margin-left:22px;}
.puzzle-sec1 .list .marker_number li + li{margin-top:3px;}
@media only screen and (max-width: 1100px){
	/* 퍼즐 안내 페이지 */
	.c-card-visual1{display:block;padding:40px 0 93px;text-align:center;}
	.c-card-visual1 .txt-wrap .tit{font-size:2.1rem;}
	.c-card-visual1 .txt-wrap .txt1{font-size:15px;}
	.c-card-visual1 .txt-wrap .btn_wrap{position:absolute;bottom:45px;left:0;right:0;margin:0 auto;}
	.c-card-visual1 .img{margin:22px auto 44px;}

	.puzzle-sec1 > .tit{font-size:2.1rem;}
	.puzzle-sec1 > .txt1{font-size:1.3rem;}
	.puzzle-sec1 .list{width:312px;height:552px;margin:30px auto 0;padding:15px 17px;background:url(' /pconts/images/dx/contents/card_puzzle_detail_m.png') no-repeat center / 100%;}
	.puzzle-sec1 .list > li{width:50%;height:261px;padding:30px 10px 0;}
	.puzzle-sec1 .list .icon{width:40px;}
	.puzzle-sec1 .list .tit-wrap{min-height:100px;margin-bottom:4px;}
	.puzzle-sec1 .list .tit-wrap .tit{margin-top:6px;font-size:16px;}
	.puzzle-sec1 .list .tit-wrap .txt1{font-size:1.0rem;}
	.puzzle-sec1 .list .marker_number{margin-left:17px;}
	.puzzle-sec1 .list .marker_number li{font-size:1.3rem;}
	.puzzle-sec1 .list .marker_number li + li{margin-top:0;}
}
/* 카드디자인선택 - 5개/2개 */
.modify210709 .card_design_jyp_wrap.cdn2 .cd_item label{padding-top:101px;}
.modify210709 .card_design_jyp_wrap.cdn2 label input[type="radio"] + span{line-height:1.53}
.card_design_jyp_wrap.cdn2 .cd_item + .cd_item +.cd_item +.cd_item{margin-left:0;}
.modify210709 .card_design_jyp_wrap.cdn2 .cd_item:nth-child(2n-1){margin-top:0 !important;}
.modify210709 .card_design_jyp_wrap.cdn2 .cd_item:nth-child(5){margin-top:40px !important;}
@media only screen and (max-width: 1100px){
    .modify210709 .card_design_jyp_wrap.cdn2 .cd_item label{padding-top:93px;}
    .modify210709 .card_design_jyp_wrap.cdn2 label input[type="radio"] + span{padding-top:31px;}
    .modify210709 .card_design_jyp_wrap.cdn2 .cd_item:nth-child(2n-1){margin-top:40px !important;}
    .modify210709 .card_design_jyp_wrap.cdn2 .cd_item:nth-child(1){margin-top:0 !important;}
	.card_design_jyp_wrap.cdn2 .cd_item + .cd_item +.cd_item +.cd_item{margin-left:12px;}
}
 /* 입금내역조회 수정 : /pconts/dx/svn/my/MOBFM178R01A.html*/
@media only screen and (max-width: 1100px){
    .usage_item.type07 .price_info {align-self: auto}
    .usage_item.type07 .usage_info .texts_area .date {display: block}
    .usage_item.type07 .usage_info .texts_area .date:not(:last-of-type):after {content:none}
}
/* 고객센터 > 메인:자주찾는 메뉴 수정:  /pconts/dx/svn/etc/MOBFM12101.html*/
.favorite211027 .icon_box.mypage01 {background:url(/pconts/images/icon/favorite/ico_mypage01_211026.png) no-repeat}
.favorite211027 .icon_box.mypage02 {background:url(/pconts/images/icon/favorite/ico_mypage02_211026.png) no-repeat}
.favorite211027 .icon_box.mypage03 {background:url(/pconts/images/icon/favorite/ico_mypage03_211026.png) no-repeat}
.favorite211027 .icon_box.mypage04 {background:url(/pconts/images/icon/favorite/ico_mypage04_211026.png) no-repeat}
.favorite211027 .icon_box.mypage05 {background:url(/pconts/images/icon/favorite/ico_mypage05_211026.png) no-repeat}
.favorite211027 .icon_box.mypage06 {background:url(/pconts/images/icon/favorite/ico_mypage06_211026.png) no-repeat}
@media only screen and (max-width: 1100px) {
    .favorite211027 .icon_box.mypage01 {background:url(/pconts/images/icon/favorite/ico_mypage01_M_211026.png) no-repeat}
    .favorite211027 .icon_box.mypage02 {background:url(/pconts/images/icon/favorite/ico_mypage02_M_211026.png) no-repeat}
    .favorite211027 .icon_box.mypage03 {background:url(/pconts/images/icon/favorite/ico_mypage03_M_211026.png) no-repeat}
    .favorite211027 .icon_box.mypage04 {background:url(/pconts/images/icon/favorite/ico_mypage04_M_211026.png) no-repeat}
    .favorite211027 .icon_box.mypage05 {background:url(/pconts/images/icon/favorite/ico_mypage05_M_211026.png) no-repeat}
    .favorite211027 .icon_box.mypage06 {background:url(/pconts/images/icon/favorite/ico_mypage06_M_211026.png) no-repeat} 
    .favorite211027.icon_list.favorite > li {flex:0 0 auto; width:33.3333%}
}
/* 디지털 구독 리뉴얼 */
.play-style .h_wrap .h_title38 {margin-bottom:0}
.play-style {font:normal 15px/1.53 'Spoqa Han Sans', 'sans-serif'; color:#000}
.play-style .ly_inner {width:980px}
.play-style .ly_inner .h_wrap {margin:35px auto}
.play-style .h_wrap .h_title38 {font-family: 'OneShinhan', 'sans-serif'; font-weight:700; font-size:32px;}
.play-style .banner {height:330px; padding:45px 0 40px 0px; background:#fee8f2}
.play-style .banner .ly_inner {position:relative; width:800px; padding-right:360px}
.play-style .banner figure {position: absolute; right:0; top:-15px; width:260px; } 
.play-style .banner .tit strong {display:block; font-size:27px; font-weight:700}
.play-style .banner .tit p {color:#666; font-size:15px; line-height:24px}
.play-style .banner .tit + .txt {margin-top:15px; font-size:17px}
.play-style .banner .tit + .txt + .p-btn {margin-top:15px}
.play-style .banner .txt ul li {margin-bottom:2px; padding-left:10px; position: relative;}
.play-style .banner .txt ul li::after {content:""; display:inline-block; width:3px; height:3px; background:#000; border-radius:100%; position: absolute; top:10px; left:0}
.play-style .box-item {border:1px solid #eee; border-radius:10px; box-shadow: 5px 5px 30px rgba(000,000,000,0.03)}
.play-style .box-item .inner {width:800px; padding:60px 0; margin:0 auto}
.play-style .box-item h4 {font-size:24px; font-weight:700; }
.play-style .box-item h4 + ul {margin-top:30px}
.play-style .container {padding:40px 0}
.play-style .container > div + div {margin-top:40px} 
.play-style .state .inner {padding:37px 0; display:flex; align-items: center}
.play-style .state .inner > * {flex:1;}
.play-style .state .inner > a {flex:0 0 auto; display:flex; margin-left:20px; padding:0 15px; font-size:17px; font-weight: 900; align-items: center; position:relative}
.play-style .state .inner > a::after {content:""; display:inline-block; width:9px; height:10px; border-top:2px solid #ccc; border-right:2px solid #ccc; transform: rotate(45deg); position:absolute; right:0; top:9px}
.play-style .state .inner > a b {font-size:20px; color:#476eff; display:inline-block; margin-right:1px; vertical-align: middle}
.play-style .state .inner h4 {margin-bottom:0}
.play-style .list .list-item {padding:50px 0 60px; border-bottom:1px solid #eee;}
.play-style .list .list-item:first-of-type {padding-top:0;}
.play-style .list .list-item:last-of-type {padding-bottom:0; border-bottom:none}
.play-style .list .list-item > ul {padding:0 35px; display:flex; flex-wrap: wrap; margin:30px -10px 0}
.play-style .list .list-item > ul > li {flex:0 0 auto; flex-basis:130px; max-width: 130px; margin:20px 10px 0; height:130px; border:1px solid #eee; border-radius: 10px;}
.play-style .list .list-item > ul > li > a {display:flex; flex-direction: column; width:100%; height:100%; padding:20px 10px 10px; text-align:center; }
.play-style .list .list-item > ul > li:hover {border:1px solid #2c3548; box-shadow: 5px 5px 10px rgba(000,000,000,0.08)}
.play-style .list .list-item > ul > li:nth-child(-n+5) {margin-top:0}
.play-style .list .list-item .icon img {width:52px; height:52px; border-radius: 52px}
.play-style img.none_radius {border-radius: 0 !important; }
.play-style .list .list-item .label {flex:1; display:flex; align-items:center; font-size:15px; line-height: 18px; margin-top:9px;}
.play-style .list .list-item .label span {flex:1; }
.play-style .recomm .inner > ul {display:flex; margin:0 -15px}
.play-style .recomm .inner > ul > li {flex:0 0 auto; flex-basis: calc(50% - 30px); max-width: calc(50% - 30px); border-radius: 10px; margin:0 15px; background:#f4f7fc}
.play-style .recomm .inner > ul > li > a { display:block; padding:40px 30px; width: 100%; height:100%; }
.play-style .recomm .inner h4 {margin-bottom:3px}
.play-style .recomm .inner h4 + p {color:#666; }
.play-style .recomm .inner h4 + p + ul {margin-top:30px}
.play-style .recomm figure {float: right; margin: 0px -20px 0  0}
.play-style .recomm figure img {width:96px; transform:translate(0, 45px) rotate(90deg)}
.play-style .recomm .txt {padding-right:70px; font-weight: 700} 
.play-style .recomm .txt dt {color:#666; width:100px; float:left; display:block; font-weight: 400}
.play-style .recomm .txt dd {padding-left:100px; margin-bottom:3px}
.play-style .recomm .txt dd::after {content:""; display:table; width:100%; clear:both}
.play-style .recomm .txt dd:last-of-type {margin-bottom:0}
.play-style .recomm .txt small {font-size:10px; display: block; margin:-1px 0 6px}
.play-style .recomm .txt > strong {font-size:20px; display:block; margin-bottom:15px}
.play-style .recomm .txt small {font-size:10px; display: block; margin:-1px 0 6px}
.play-style .p-btn {display:inline-block; border-radius:4px; text-align: center}
.play-style .p-btn.p-btn-type01 {background:#fff; border:1px solid #ccc;  font-size:13px; color:#494f60; min-width:75px; line-height:36px; padding:0 15px}
.play-style .p-btn.p-btn-type02 {background:#4868e1; color:#fff; font-size:17px; min-width:184px; line-height:48px; padding:0 15px}
.play-style .p-btn.p-btn-type02::after {content:""; display:inline-block; width:19px; height:19px; margin-left:7px; margin-bottom:-4px; background:url(/pconts/images/icon/ico_outlink02_white.png) no-repeat center}
/* /pconts/html/topsClub/MOBFM580/MOBFM580R01.html 페이지 별도 커스텀 */
.play-style.personal-ch {
	font: normal 15px/1.53 'ShinhanCard', 'sans-serif';
}
@media only screen and (max-width: 1100px) {
	.play-style {font:normal 13px/1.53 'Spoqa Han Sans', 'sans-serif'; color:#000}
	.play-style .container {padding:0}
	.play-style .container > div + div {margin-top:12px}
	.play-style .container.ly_inner {background:#eee; width:100%;}
	.play-style .banner {height:290px; padding:40px 20px 30px}
	.play-style .banner .ly_inner {width:auto; padding:0}
	.play-style .banner figure {right:0px; top:auto; bottom:-10px; width:130px; height:130px;}
	.play-style .banner figure img {width:100%} 
	.play-style .banner .tit strong {font-size:20px;}
	.play-style .banner .tit p {font-size:13px; line-height:20px}
	.play-style .banner .tit + .txt {margin-top:15px; font-size:15px}
	.play-style .banner .tit + .txt + .p-btn {margin-top:20px}
	.play-style .banner .txt ul li {margin-bottom:2px; padding-left:10px; position: relative;}
	.play-style .banner .txt ul li::after {content:""; display:inline-block; width:3px; height:3px; background:#000; border-radius:100%; position: absolute; top:10px; left:0}	
	.play-style .box-item .inner {width:auto; padding:0}
	.play-style .box-item {border:none; box-shadow:none; border-radius: 0; background:#fff;  padding:35px 20px 35px}
	.play-style .box-item h4 {font-size:20px}
	.play-style .state.box-item {padding:30px 20px 25px}
	.play-style .list .list-item {border-bottom:none; padding:60px 0 0}
	.play-style .list .list-item > ul {padding:15px 0 0; margin:0 -5px}
	.play-style .list .list-item > ul > li {flex-basis: calc(33.333% - 10px); max-width: calc(33.333% - 10px); margin:10px 5px 0 !important; height:100px; }
	.play-style .list .list-item > ul > li > a {padding:12px 12px 5px}
	.play-style .list .list-item > ul > li:nth-child(-n+3) {margin-top:0 !important}
	.play-style .list .list-item .icon img {width:40px; height:auto} 
	.play-style .list .list-item .label {font-size:13px; line-height: 17px; margin-top:5px;}
	.play-style .recomm .inner > ul {margin:0; flex-direction: column}
	.play-style .recomm .inner > ul > li {flex:1 1 auto; max-width: 100%; margin:0;}
	.play-style .recomm .inner > ul > li + li {margin-top:15px}
	.play-style .recomm .inner > ul > li > a {padding:20px; width: 100%; height:100%; }	
	.play-style .recomm .inner h4 + p {font-size:15px}
	.play-style .recomm .inner h4 + p + ul {margin-top:15px}
	.play-style .recomm figure img {width:80px;}
	.play-style .recomm .txt {padding-right: 50px}
	.play-style .recomm .txt > strong {font-size:17px}
	.play-style .recomm .txt dt {width:80px}
	.play-style .recomm .txt dd {padding-left:80px}	
	.play-style .p-btn.p-btn-type02 { padding:0; width:100%}
	/* /pconts/html/topsClub/MOBFM580/MOBFM580R01.html 페이지 별도 커스텀 */
	.play-style.personal-ch{font: normal 1.5rem/1.53 'ShinhanCard', 'sans-serif';margin-top:45px;}
	.play-style.personal-ch .h_wrap .h_title24{margin-bottom:30px;}
	.play-style.personal-ch .box-item{padding:0;}
	.play-style.personal-ch .box-item h4{font-size:1.6rem;}
	.play-style.personal-ch .list .list-item{padding-top:0;}
	.play-style.personal-ch .list .list-item + .list-item{margin-top:36px;}
	.play-style .list .list-item > ul {padding-top:14px;}
}
.play-style.sub-page .container {padding:0}
.play-style.sub-page .ly_inner .h_wrap {width:800px;}
.play-style.sub-page .intro.ly_inner {width:800px; position: relative;}
.play-style.sub-page .intro {margin-top:45px}
.play-style.sub-page .intro .texts {padding-right:255px;}
.play-style.sub-page .intro .texts + .btn-cover3 {margin-top:55px}
.play-style.sub-page .intro figure {position:absolute; right:0; top:0; width:170px; height:170px}
.play-style.sub-page .intro .tit {font-size:27px; font-weight:700; line-height: 36px}
.play-style.sub-page .intro .txt {margin-top:15px; line-height: 24px}
.play-style.sub-page .intro + .container {margin-top:60px}
.play-style .list.list-col4 .list-item > ul > li {flex-basis:167px; max-width: 167px; height:167px}
.play-style .list.list-col4 .list-item > ul > li {flex-basis:167px; max-width: 167px; height:167px}
.play-style .list.list-col4 .list-item > ul > li > a {display:flex; flex-direction: column; width:100%; height:100%; padding:30px 20px 25px; text-align:center; }
.play-style .list.list-col4 .list-item > ul > li:nth-child(-n+5) {margin-top:20px}
.play-style .list.list-col4 .list-item > ul > li:nth-child(-n+4) {margin-top:0px}
.play-style .list.list-col4 .list-item .icon img {width:66px; height:66px; border-radius: 66px}
.play-style .list.list-col4 .list-item .label {margin-top:13px}
@media only screen and (max-width: 1100px) {
	.play-style.sub-page .intro.ly_inner {width:auto; padding:40px 20px}
	.play-style.sub-page .intro {margin-top:0px; text-align:center}
	.play-style.sub-page .intro .texts {padding-right:0; margin-top:0px}
	.play-style.sub-page .intro .texts + .btn-cover3 {margin-top:30px}
	.play-style.sub-page .intro figure {position:relative; right:auto; top:auto; width:100%; height:110px; }
	.play-style.sub-page .intro figure img {height:100%; border-radius: 110px}
	.play-style.sub-page .intro .tit {font-size:20px; font-weight:700; line-height: 27px; margin-top:20px}
	.play-style.sub-page .intro .txt {font-size:13px; margin-top:15px; line-height: 20px}
	.play-style.sub-page .intro + .container {margin-top:0px; position: relative; padding-top:12px}
	.play-style .list.list-col4 .list-item {border-bottom:none; padding:60px 0 0}
	.play-style .list.list-col4 .list-item > ul {padding:15px 0 0; margin:0 -5px}
	.play-style .list.list-col4 .list-item > ul > li {flex-basis: calc(33.333% - 10px); max-width: calc(33.333% - 10px); margin:10px 5px 0 !important; height:100px; }
	.play-style .list.list-col4 .list-item > ul > li > a {padding:12px 12px 5px}
	.play-style .list.list-col4 .list-item > ul > li:nth-child(-n+3) {margin-top:0 !important}
	.play-style .list.list-col4 .list-item .icon img {width:40px; height:auto} 
	.play-style .list.list-col4 .list-item .label {font-size:13px; line-height: 17px; margin-top:5px;}	
}
/* 영문확인서 추가 */
.engchk_address{text-align:center;}
.engchk_address .inner{width:470px;display:inline-block;text-align:left;margin-left:121px;}  
@media only screen and (max-width: 1100px){
    .engchk_address .inner{width:100%;margin-left:0;}   
}  
/* zepeto 카드선택 */
.pop_wrap.jepeto .popup .pop_cont {padding-top:0}
.jepeto .inner {padding:0 20px}
.jepeto .tit {padding:30px 20px 15px}
.jepeto .tit strong {display:block; font-size:16px}
.jepeto .flow_step {padding-left:7px;  margin:10px 0 0}
.jepeto .flow_step ul {float: left;}
.jepeto .desc {color:#ff0000; font-size:13px; margin-top:15px}
.jepeto .preview {background: #e9e9e9; padding: 20px;}
.jepeto .preview .img-wrap {/*background:#fff url('/pconts/images/dx/contents/previeImg_bg.png') left 50% bottom -5px no-repeat; background-size: 111px auto;*/ background:#fff; width: 126px; height: 199px; margin: 0 auto; border-radius: 8px; box-shadow: 2px 2px 5px rgba(000, 000, 000, 0.1); overflow: hidden; position: relative;}
.jepeto .preview .character {position: absolute; left:0; top:0; width:126px; height:199px;}
.jepeto .preview .character img {position: absolute; left:0; bottom:0;}
.jepeto .swiper-container {padding: 0 20px}
.jepeto .swiper-wrapper {height: 101px; }
.jepeto .swiper-wrapper .swiper-slide {  width: 70px; height: 101px;  border-radius: 7px; border:1px solid #bbb; position: relative;}
.jepeto .swiper-wrapper .swiper-slide label {width:calc(100% + 2px); height: calc(100% + 2px); display: block;  position: absolute; left:-1px; top:-1px; background:url('/pconts/images/dx/contents/plate1.png') left 50% bottom 1px no-repeat; background-size:68px auto;}
/*.jepeto#popJepeto_plate .swiper-wrapper .swiper-slide label { background-position: 50% 50%; background-size:54px auto}*/
.jepeto .popJepeto_plate .swiper-wrapper .swiper-slide label { background-position: 50% 50% !important; background-size:54px auto !important}
.jepeto .swiper-wrapper .swiper-slide input[type='radio'] + span.blind {width:100%; height:100%; border:3px solid transparent !important; position:absolute; left:1px; top:0px; border-radius: 7px; }
.jepeto .swiper-wrapper .swiper-slide input[type='radio']:checked + span.blind {border-color: #4868e1 !important; box-shadow:none !important}
.jepeto label[for="pose1"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_1.png') !important}
.jepeto label[for="pose2"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_2.png') !important}
.jepeto label[for="pose3"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_3.png') !important}
.jepeto label[for="pose4"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_4.png') !important}
.jepeto label[for="pose5"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_5.png') !important}
.jepeto label[for="pose6"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_6.png') !important}
.jepeto label[for="pose7"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_7.png') !important}
.jepeto label[for="pose8"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_pose_8.png') !important}
.jepeto label[for="style1"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_1.png') !important}
.jepeto label[for="style2"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_2.png') !important}
.jepeto label[for="style3"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_3.png') !important}
.jepeto label[for="style4"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_4.png') !important}
.jepeto label[for="style5"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_5.png') !important}
.jepeto label[for="style6"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_6.png') !important}
.jepeto label[for="style7"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_7.png') !important}
.jepeto label[for="style8"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_8.png') !important}            
.jepeto label[for="style9"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_9.png') !important}            
.jepeto label[for="style10"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_10.png') !important}            
.jepeto label[for="style11"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_11.png') !important}            
.jepeto label[for="style12"] {background-image:url('/pconts/images/dx/contents/zepeto_180x285_style_12.png') !important}    
.jepeto label[for="plate1"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_1.png') !important}
.jepeto label[for="plate2"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_2.png') !important}
.jepeto label[for="plate3"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_3.png') !important}
.jepeto label[for="plate4"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_4.png') !important}
.jepeto label[for="plate5"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_5.png') !important}
.jepeto label[for="plate6"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_6.png') !important}
.jepeto label[for="plate7"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_7.png') !important}
.jepeto label[for="plate8"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_8.png') !important}            
.jepeto label[for="plate9"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_9.png') !important}            
.jepeto label[for="plate10"] {background-image:url('/pconts/images/dx/contents/zepeto_1119x705_color_10.png') !important}                     

.jepeto .desc.desc-complete {color:#666; font-size:13px; font-weight: 400; margin-top:10px}
.jepeto .desc.desc-complete b {color:#333; font-size:15px; display: block; margin-bottom:10px}              
.jepeto .desc.desc-start {color:#666; font-size:13px; font-weight: 400;}
.jepeto .desc.desc-start b {color:#333; font-size:16px; display: block;}
.jepeto .desc.desc-start .input_wrap {margin-top:10px}
.jepeto .desc.desc-start p {margin-top:10px}
.jepeto .jepeto-check {font-size:15px; color:#666;  position: relative; display: block; margin-top:30px}
.jepeto .jepeto-check > p {padding-left:42px;}
.jepeto .jepeto-check input {position:absolute; top:0; left:0; z-index: 1; height: 100%; margin:0; padding:0; cursor:pointer; opacity: 0;;}
.jepeto .jepeto-check .check {width:30px; height:30px;position:absolute; left:0; top:0}
.jepeto .jepeto-check .check::before,.jepeto .jepeto-check .check::after {content:""; display:block; position: absolute; left:0; top:0}
.jepeto .jepeto-check .check::before { background:#fff; border-radius: 50%; border:1px solid #bbb; width:100%; height:100% }
.jepeto .jepeto-check .check::after {top:6px; left:11px; width:9px; height:15px; border-right:3px solid #bbb; border-bottom:3px solid #bbb; border-radius: 1px; transform:rotate(45deg)}
.jepeto .jepeto-check input:checked + .check::before {background:#4868e1; border-color:#4868e1}
.jepeto .jepeto-check input:checked + .check::after {border-color:#fff}
.jepeto .jepeto-check input[type="checkbox"] + span {box-shadow: none}
.jepeto input[type="radio"] {position:absolute; left:0; top:0; z-index:0; cursor:pointer; width:100%; height:100%; appearance:none; -webkit-appearance:none; border-radius:0; opacity:0; margin:0; padding:0}

@media only screen and (max-width: 1100px) {
	.jepeto .pop_cont {width: calc(100% + 40px); margin-left: -20px;}
}

/* sub_spec_info 아이콘 */
.sub_spec_info .icon158{margin-top:-1px;background:url('/pconts/images/icon/ico_icon158.png') no-repeat 0 0 / 100% auto;}
.sub_spec_info .icon215{margin-top:-5px;background:url('/pconts/images/icon/ico_icon215.png') no-repeat 0 0 / 100% auto;}
.sub_spec_info .dx-check{margin-top:-5px;background:url('/pconts/images/dx/contents/20220118637917_icon.png') no-repeat 0 0 / 100% auto;}
.sub_spec_info li span.line3 {display:block;margin-top:5px;padding-left:42px;font-weight:400;}
@media only screen and (max-width: 1100px){
	.sub_spec_info li span.line3{margin-top:3px;padding-left:28px;}
}
/* HI-SAVE포인트 수정 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme01{background-image:url('/pconts/images/contents/benefit/logo/logo_14.png');} /* 현대 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme02{background-image:url('/pconts/images/contents/benefit/logo/logo_15.png');} /* 기아 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme03{background-image:url('/pconts/images/contents/benefit/logo/logo_16.png');} /* 쉐보레 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme04{background-image:url('/pconts/images/contents/benefit/logo/logo_17.png');} /* 르노삼성 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme05{background-image:url('/pconts/images/contents/benefit/logo/logo_18.png');} /* 티스테이션 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme06{background-image:url('/pconts/images/contents/benefit/logo/logo_19.png');} /* sk엔카 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme07{background-image:url('/pconts/images/contents/benefit/logo/logo_20.png');} /* 현대해상 */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme08{background-image:url('/pconts/images/contents/benefit/logo/logo_21.png');} /* AXA */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme09{background-image:url('/pconts/images/contents/benefit/logo/logo_22.png');} /* The K */
.hisave_point .cont_sub_wrap.car_t1 .company_list>li.itme10{background-image:url('/pconts/images/contents/benefit/logo/logo_23.png');} /* ERGO */
/* 마이정기결제 버튼효과 */
.hover_t1,.hover_t1:hover{transition:all 1s ease;}
.hover_t1:hover{background:#3552bf;}
/*카드해지-연락처*/
@media only screen and (max-width: 1100px){
	.radio_list.my_contact .radio_wrap .radio_default input[type="radio"] + span{padding-left:35px}
	.radio_list.my_contact .radio_wrap .radio_default{width:105px;}
	.radio_list.my_contact .radio_wrap li:last-child .radio_default{display:block;}
	.radio_list.my_contact .radio_wrap li:last-child .info{display:block;margin-top:10px}
}
/* 고객센터 - 금융소비자보호 - 신한사이다 커스텀 */
.sh-cider.c-icon-list1 li {flex:1;}
@media only screen and (max-width: 1100px) {
	.sh-cider.c-icon-list1 li {flex:0 0 auto;}
}
/* 신규 아이콘 */
.icon_box.icon-n26 {background: url('/pconts/images/icon/ico_n_icon26.png') no-repeat;}
.icon_box.icon-n46 {background: url('/pconts/images/icon/ico_n_icon46.png') no-repeat;}
.icon_box.icon-n50 {background: url('/pconts/images/icon/ico_n_icon50.png') no-repeat;}

/*아이콘추가*/
.icon_box.icon94 {background:url(/pconts/images/icon/ico_icon94.png) no-repeat;} 
.icon_box.icon182 {background:url(/pconts/images/icon/ico_icon182.png) no-repeat;} 
.icon_box.icon190 {background:url(/pconts/images/icon/ico_icon190.png) no-repeat;} 
.icon_box.icon191 {background:url(/pconts/images/icon/ico_icon191.png) no-repeat;} 
.icon_box.icon192 {background:url(/pconts/images/icon/ico_icon192.png) no-repeat;} 
.icon_box.icon221 {background:url(/pconts/images/icon/ico_icon221.png) no-repeat;} 
.icon_box.icon222 {background:url(/pconts/images/icon/ico_icon222.png) no-repeat;}
.icon_box.ico_n_icon23 {background:url(/pconts/images/icon/ico_n_icon23.png) no-repeat;}
.icon_box.ico_n_icon24 {background:url(/pconts/images/icon/ico_n_icon24.png) no-repeat;} 
.icon_box.ico_n_icon25 {background:url(/pconts/images/icon/ico_n_icon25.png) no-repeat;} 
.icon_box.ico_n_icon28 {background:url(/pconts/images/icon/ico_n_icon28.png) no-repeat;} 
.icon_box.ico_n_icon136 {background:url(/pconts/images/icon/ico_n_icon136.png) no-repeat;} 
.icon_box.ico_n_icon27 {background: url(/pconts/images/icon/ico_n_icon27.png) no-repeat;}
.icon_box.ico_n_icon33 {background: url(/pconts/images/icon/ico_n_icon33.png) no-repeat;}
.icon_box.ico_n_icon34 {background: url(/pconts/images/icon/ico_n_icon34.png) no-repeat;}
.icon_box.ico_n_icon35 {background: url(/pconts/images/icon/ico_n_icon35.png) no-repeat;}
.icon_box.ico_n_icon36 {background: url(/pconts/images/icon/ico_n_icon36.png) no-repeat;}

/*팝업 - 할부금융(내구재) 설명서 : /pconts/dx/svn/etc/MOBFM582C12_P01.html */
.naegugae .d-flex {display: flex; }
.naegugae .d-flex > li {flex:0 0 50%; text-align: center}
@media only screen and (max-width:1100px){
    .naegugae .d-flex {flex-direction: column}
    .naegugae .d-flex > li + li {margin-top:25px}
}
/*카드신청확인 - 세로형*/
.card_sec03 .img.vertical{transform-origin:50%;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}
/*편의 탭내용 - 이미지 정렬 : /pconts/html/life/reliefService/MOBFM584/MOBFM584R01.html*/
.img-flex {display: flex; flex-wrap: wrap;}
.img-flex img {width:100%; border:1px solid #ddd}
.img-flex > div {flex:1; }
.img-flex > div+div {margin-left:20px }
.img-flex.img-flex-col3_1 > div {flex:0 0 300px}
.img-flex.img-flex-col3_2 > div {flex:0 0 220px}
@media only screen and (max-width: 1100px){
	.img-flex > div+div {margin-left:10px }
	.img-flex.img-flex-col3_1 > div {flex:0 0 100%}
	.img-flex.img-flex-col3_2 > div {flex:0 0 calc(50% - 5px)}
	.img-flex.img-flex-col3_2 > div:nth-child(-n+3) {margin-bottom:10px}
	.img-flex.img-flex-col3_2 > div:nth-child(2n-1) {margin-left:0}
}
/* list_wrap_payment 좌우 비율 1:1로 커스텀 */
.list_wrap_payment.dx-type2 li strong {
	flex:1;
}
/* 플레이_마이 서브메인 : /pconts/dx/svn/my/MOBFM590C01.html*/
.my_tab01_top.fixed {position:fixed;left:0;right:0;background-color:#fff; z-index:1}
.my_tab01_top.fixed .my_tab01_top_wrap{padding:0 20px; margin:0 auto;}
.my_submain.contents {padding-bottom:0; color:#333}
.my_tab01_top_wrap {display: flex; height: 129px; align-items: center;}
.my_tab01_top_wrap > div {flex:1}
.my_tab01_top_wrap p {font-size:18px; color:#111; line-height: 30px; font-weight: 700;}
.my_tab01_top_wrap > div + div {flex:0 0 117px}
.my_tab01_top_wrap a {width:100%}
.my_submain img {image-rendering: -webkit-optimize-contrast;}
.my_submain .box_cont {padding:40px 0}  
.my_submain .box_cont:first-of-type {padding-top:20px}
.my_submain .box_cont .tit_wrap + div {margin-top:23px}
.my_submain .box_cont h2 {font-size:18px; color:#111; }
.my_submain .box_cont h2 a {font-size: inherit; color:inherit;}
.my_submain .box_cont h2 a::after {content:''; display: inline-block; position: relative; left:5px; width:11px; height:11px; border-width: 1px 1px 0 0; border-color: #333; border-style: solid; transform: rotate(45deg);}
.my_submain .box_cont .sub_desc {font-size:18px; color:#333; line-height: 27px;}
.my_submain .box_img {margin-top:24px}
.my_submain .box_icon {display: flex; margin-top:23px}
.my_submain .box_icon li {flex:1 0 33.333%; text-align: center;}
.my_submain .box_icon li a {display:block; font-size:15px; font-weight: 300;}
.my_submain .box_icon li a i {display: inline-block; width:50px; height: 50px;}
.my_submain .box_icon li a strong {display:block; padding-top:11px; font-size: inherit; font-weight: inherit;}
.my_submain .box_list {margin-top:23px}
.my_submain .box_list li {display: flex; align-items: center;}
.my_submain .box_list li + li {margin-top:12px}
.my_submain .box_list li > * {flex:1;}
.my_submain .box_list li em {font-size:15px; font-weight: 300;flex:1}
.my_submain .box_list li a {position: relative; text-align: right; font-weight: 700; color:#111; font-size:16px; padding:0 18px 0 0; flex: none; max-width: 185px; min-width: 17px;}
.my_submain .box_list li a::after {content:''; display: inline-block; position: absolute; right:7px; top:50%; width:9px; height:9px; border-width: 1px 1px 0 0; border-color: #666; border-style: solid; transform: rotate(45deg) translate(0, -7px);}
.my_submain .btn_link.btn_link_full {width:100%; margin-bottom:5px}
.my_submain .btn_wrap {margin-top:29px}
.my_submain .btn_tooltip {margin-left:5px}
.my_submain .my_tab01_top{position: fixed; top:0; left:0; width: 100%; z-index: 1;}
.my_submain .my_tab01_top_wrap {background:#fff; padding:0 20px}
.my_submain.contents {padding-top:129px}
.my_submain .my_tab01_top.fixedd {top:0; left:0; position: fixed;}
.my_submain .my_tab01_top{position: relative}
.my_submain .my_tab01_top_wrap {background:#fff; padding:0 0px}
.my_submain .my_tab01_top.fixedd .my_tab01_top_wrap {padding:0 20px}
.my_submain.contents {padding-top:0px}    
.my_tab01_top.fixed {position:fixed;left:0;right:0;background-color:#fff; z-index:1}
.my_tab01_top.fixed .my_tab01_top_wrap{width:980px;margin:0 auto;}
.my_submain .my_tab01_top {position: fixed; left:0; top:50px; padding:0 20px; background:#fff}
.my_submain .ly_inner .tab_type01 {padding-top:129px}
/* 220513_탑배너 fixed */
.my_submain .my_tab01_top {position:relative; top:0; width:calc(100% + 40px); left:-20px}
.my_submain .ly_inner .tab_type01 {padding-top:0}
/* 카드발급 전체동의 */
.check_wrap.allchk_wrap{border-bottom:1px solid #ddd}
@media only screen and (max-width: 1100px){
.check_wrap.allchk_wrap:before{content:'';display:block;position:absolute;left:-27px;bottom:-1px;width:27px;height:1px;background-color:#ddd}
.check_wrap.allchk_wrap:after{content:'';display:block;position:absolute;right:-27px;bottom:-1px;width:27px;height:1px;background-color:#ddd}
}
/*신한인증서 로그인*/
.sh_signlogo{text-align:center}
.sh_signlogo .logo{display:block;margin-bottom:12px}
.sh_signlogo .logo img{width:120px}
.sh_signlogo .text{margin-bottom:41px;font-weight:700;font-size:28px;color:#111}
@media only screen and (max-width: 1100px){
    .sh_signlogo{margin-top:15px}
    .sh_signlogo .logo{margin-bottom:10px}
    .sh_signlogo .logo img{width:70px}
    .sh_signlogo .text{margin-bottom:20px;font-size:2.4rem}				
}
/* 30초 로딩, 일반인증 안내팝업 */
.pop_wrap .pop_cont .fl_inht{flex:inherit}
.card-comp-w01 .num-sec.sec-37{animation:comp01NumSec 37.7s steps(29) forwards}


/* 접근성 심사 2022.04.05 마재광 추가 s */
/* 숨겨진 이전, 다음 버튼으로 초점이 이동되어 초점이 사라지는 오류 */
.calendar_swiper.type2 .nav-button-prev,
.calendar_swiper.type2 .nav-button-next {display:none;}

/* 키보드 초점 이동 시 해당 위치에 초점이 시각적으로 인지되지 않습니다. */
.printBody.pc .header_print button:focus-visible {outline:auto;}
#popLarge .pop_viewer .doc_tit .btn_download:focus-visible {outline:auto;}
#surveyLayer .surveyForm.preSurvey .subCa:focus-visible + label {color:#111;font-weight:700;}

/* 명도대비 */
.list01[data-type="card"] .event_info .info .date {color:#828282;}
.issue_list ul li > a.item .date {color:#828282;}
.topsgrad_wrap .gradeinfo .calc_view .tc .c-tit2{background:url(/pconts/images/dx/contents/tops-logo_g.png) right 0 no-repeat;background-size: auto 100%;}
.topsgrad_wrap .gradeinfo .calc_view dl dt {background:#616265;}
.topsgrad_wrap .gradeinfo .calc_view dl dd {background:#616265;}
.topsgrad_wrap .gradeinfo .calc_view .shpm dl dt{background:#1e95cc;}
.topsgrad_wrap .gradeinfo .calc_view .shpm dl dd{background:#1e95cc;}
.topsgrad_wrap .gradeinfo .calc_txt .turm span {color:#616265}
.login_wrap .left_con p {color:#333;}

/* 재난지원금 이용내역 페이지에 지원금 이미지 추가 */
.report_usage_detail .icon-support-fund{vertical-align:1px}
.report_usage_detail .icon-support-fund img{width:22px;image-rendering:-webkit-optimize-contrast;}
.total_fee .icon-support-fund img{image-rendering:-webkit-optimize-contrast;}

/* 이벤트 할인 뱃지 명도대비 */
.list01[data-type="card"] .event_info .cell2 .badge.type01 {border-color:#b38f0a;color:#b38f0a;}
/* 접근성 심사 2022.04.05 마재광 추가 e */
/*팝업_텍스트 밑줄*/
.pop_wrap .popup .pop_cont .txt_line{text-decoration:underline}

/* 검색 딥서치영역 - 이용한도 */
.sch_useLimit{padding:55px 110px;}
.sch_useLimit .tit{font-size:24px;text-align:center;}
.sch_useLimit .use_price{display:inline-block;margin-top:30px;color:#666;}
.sch_useLimit .use_price span{display:block;}
.sch_useLimit .use_price .price_num{position:relative;display:inline-block;font-size:24px;color:#4868e1;font-weight:700;padding-right:20px;}
.sch_useLimit .use_price .price_num:after{content:'';display:block;position:absolute;top:50%;right:3px;width:13px;height:13px;margin-top:-7px;border-top:2px solid #4868e1;border-right:2px solid #4868e1;transform: rotate(45deg);}
.sch_useLimit .bar_graph{margin-top:10px;}
.sch_useLimit .bar_info{margin-top:20px;}
.sch_useLimit .bar_info > span{position:relative;display:inline-block;padding-left:20px;margin-right:15px;font-weight:700;}
.sch_useLimit .bar_info > span:before,
.sch_useLimit .total_price em:before,
.sch_useLimit .total_price em:after{content:'';display:block;position:absolute;left:0;top:6px;width:10px;height:10px;}
.sch_useLimit .bar_info .txt1:before,
.sch_useLimit .total_price em:before{background-color:#081350;}
.sch_useLimit .bar_info .txt2:before,
.sch_useLimit .total_price em:after{background: url('/pconts/images/contents/mypage/img_pc_pattern1.png') repeat left top}
.sch_useLimit .total_price{margin-top:12px;color:#333;}
.sch_useLimit .total_price em{position:relative;display:inline-block;padding:0 25px 0 16px;font-size:15px;line-height:1.3;}
.sch_useLimit .total_price em:before{top:5px;}
.sch_useLimit .total_price em:after{top:5px;left:29px;}
.sch_useLimit .total_price span{font-size:16px;}
@media only screen and (max-width: 1100px){
    .sch_useLimit{padding:35px 20px;}
    .sch_useLimit .tit{font-size:18px;}
    .sch_useLimit .use_price{margin-top:20px;}
    .sch_useLimit .use_price .price_num{font-size:18px;}
    .sch_useLimit .use_price .price_num:after{width:10px;height:10px;margin-top:-5px;}
    .sch_useLimit .bar_info{margin-top:10px;}
    .sch_useLimit .total_price{font-size:14px;}
    .sch_useLimit .total_price span{font-size:15px;}
}

/* .w_payfan의 디자인에서 체크박스 없는 버전입니다.  https://devprj2-www.shinhancard.com/prjconts/html/myService/ansim/MOBFM135C01.html */
.card_ansim_notify .form_ele.w_payfan_type2 .agree_payfan {padding: 16px 25px 16px 25px;}
.card_ansim_notify .form_ele.w_payfan_type2 .radio_default span {font-size: 15px;}
.c-bdt-none{border-top:none !important;}
.c-bdb-none{border-bottom:none !important;}

/* 라디오박스 세로 정렬 */
.radio_wrap.single ul li{display:flex;}
.radio_wrap.single ul li + li {margin-top:10px;}
@media only screen and (max-width: 1100px) {
	.radio_wrap.single{display:block;}
}

/* 설문조사 신규 디자인 */
.poll-total-num {text-align:right;}
.poll-total-num span {padding-left:22px;background:url('/pconts/images/icon/ico_icon50.png') no-repeat left center / 20px;font-size:16px;color:#333;}
.poll-q-box{padding:25px 30px;box-shadow:5px 5px 15px rgba(0,0,0,0.1);border-radius:8px;}
.poll-q-box + .poll-q-box{margin-top:10px;}
.poll-q-box:last-of-type{margin-bottom:20px;}
.poll-q-txt{margin-top:3px;font-size:16px;}
.poll-q-box .poll-img{width:100%;max-width:400px;margin:20px auto;}
.poll-result-list .item {display:flex;margin-bottom:5px;font-size:15px;}
.poll-result-list .percent{flex-shrink:0;margin-left:10px;text-align:right;color:#333;}
.poll-result-list li + li {margin-top:10px;}
.poll-result-list.type01 .bar_graph .bar {height:12px;}
.poll-result-list.type01 li .bar_graph .bar > span {background-color:#8c8f99;}
.poll-result-list.type01 li:nth-child(1) .bar_graph .bar > span{background-color:#4868e1;}
.poll-result-list.type01 li:nth-child(2) .bar_graph .bar > span{background-color:#6552d6;}
.poll-result-list.type01 li:nth-child(3) .bar_graph .bar > span{background-color:#9252d6;}
.poll-result-list.type01 li:nth-child(4) .bar_graph .bar > span{background-color:#bc52d6;}
.poll-result-list.type01 li:nth-child(5) .bar_graph .bar > span{background-color:#d65267;}
.poll-result-list.type01 li:nth-child(6) .bar_graph .bar > span{background-color:#d67452;}
.poll-result-list.type01 li:nth-child(7) .bar_graph .bar > span{background-color:#9f7d00;}
.poll-result-list.type01 li:nth-child(8) .bar_graph .bar > span{background-color:#648704;}
.poll-result-list.type01 li:nth-child(9) .bar_graph .bar > span{background-color:#169630;}
.poll-result-list.type01 li:nth-child(10) .bar_graph .bar > span{background-color:#1f6d83;}
.poll-acc.accordion_wrap .accordion_header button.acc_btn {padding-left:0;padding-right:30px;}
.poll-acc.accordion_wrap .accordion_header button.acc_btn.medium:after {left:calc(100% - 20px);}
@media only screen and (max-width: 1100px) {
	.poll-q-box{padding:25px 21px;}
}

/* 마이 : /pconts/dx/svn/my/MOBFM018C01_01.html */
.MOBFM018C01_01 {position:relative}
.MOBFM018C01_01 label input + span {position: relative; display:block; font-size:16px; border-radius: 10px; background:#eee; padding:17px 10px 17px 58px;}
.MOBFM018C01_01 label input {position: absolute; left:0; top:0; opacity: 0; z-index: 1; width:100%; height:100%; margin:0; padding:0; cursor: pointer;}
.MOBFM018C01_01 label input + span::before {content:'';display: inline-block; left:20px; position: absolute; top:16px; width:28px; height:28px; margin:0; border:1px solid #ddd; border-radius:50%; background-color:transparent}
.MOBFM018C01_01 label input + span::after {content:'';display: inline-block; position: absolute; left:30px; top:21px; width:9px; height:15px; border-right: 3px solid #bbb; border-bottom: 3px solid #bbb; border-radius: 1px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.MOBFM018C01_01 label input[type='checkbox']:checked + span::before {background-color: #4868e1; border-color: #4868e1;}
.MOBFM018C01_01 label input[type='checkbox']:checked + span::after {border-color: #fff; }     

.total_service .tab_type02 > .tab_list li a, .total_service .tab_type02 > .tab_list li button{letter-spacing: -0.3px;}

/*이미지 잘림 수정, sms아이콘 추가*/
.radio_wrap.type_grid .ico.ico_state12{
    background: url(/pconts/images/icon/ico_icon225.png) no-repeat left top / 50px;
}
@media only screen and (max-width:1100px) {
	.radio_wrap.type_grid .ico.ico_state10{
		background: url(/pconts/images/icon/ico_state10.png) no-repeat left top;
		background-size: 40px 40px
	}
	.radio_wrap.type_grid .ico.ico_state11{
		background: url(/pconts/images/icon/ico_state11.png) no-repeat left top;
		background-size: 40px 40px
	}
	.radio_wrap.type_grid .ico.ico_state12{
		background: url(/pconts/images/icon/ico_icon225.png) no-repeat left top;
		background-size: 40px 40px
	}
}

/* 라디오버튼 내 리스트 스타일 수정 (/pconts/dx/svn/life/MOBFM587C01.html) */
.radio_wrap.type_btn .MOBFM587C01 ul li {margin:0; float:none}
@media only screen and (max-width:1100px) {
	.radio_wrap.type_btn .MOBFM587C01 ul {display: block;}
}

/* 인풋에 '적용 중' 뱃지 추가 /pconts/dx/svn/card/MOBFM02310C02_01.html */
.badge.form-type {display:inline-block;position:absolute;top:8px;left:2px;z-index:10;height:20px;padding:0 8px 0 4px;line-height:20px;background:#f32259;font-size:13px;font-weight:700;color:#fff;font-style:normal;}
.badge.form-type:before {content:'';display:inline-block;position:absolute;width:4px;height:23px;top:0;left:-4px;background:url(/pconts/images/contents/benefit/badge_bg.png) no-repeat;}
/* theme_blue 예외처리 */
.theme_blue .badge.form-type{top:-8px}

.msg_loading .ico_morse {overflow:hidden;margin:0 auto;width:34px;height:20px;margin-top:15px;background: url('/pconts/images/dx/com/ani_loading.png') center 0 no-repeat;background-size: 34px auto;-webkit-animation: morseCode 2s steps(12) infinite;animation: morseCode 1s steps(12) infinite;}    

/* 약관 전체 동의 */
.radio_wrap.total-check, .check_wrap.total-check{margin-bottom:25px}
.radio_wrap.total-check label, .check_wrap.total-check label{width:100%}
.radio_wrap.total-check .radio_default input[type="radio"], .check_wrap.total-check .check_default input[type="checkbox"]{width:35px;height:35px}
.radio_wrap.total-check .radio_default input[type="radio"] + span:before, .check_wrap.total-check .check_default input[type="checkbox"] + span:before{width:35px;height:35px;background-color: transparent;border: 1px solid #ddd;background-image:none;border-radius:50%}
.radio_wrap.total-check .radio_default input[type="radio"]:checked + span:before, 
.check_wrap.total-check .check_default input[type="checkbox"]:checked + span:before{border-color:#4868e1;background-color:#4868e1}
.radio_wrap.total-check .radio_default input[type="radio"] + span, .check_wrap.total-check .check_default input[type="checkbox"] + span{width:100%;padding-left:47px;font-size:24px;line-height:35px}
.radio_wrap.total-check .radio_default input[type="radio"] + span:after, 
.check_wrap.total-check .check_default input[type="checkbox"] + span:after{content:'';display:inline-block;position:absolute;left:13px;top:6px;width:11px;height:18px;border-right:3px solid #bbb;border-bottom:3px solid #bbb;border-radius:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background-image:none;}
.radio_wrap.total-check .radio_default input[type="radio"]:checked + span:after, .check_wrap.total-check .check_default input[type="checkbox"]:checked + span:after{border-color:#fff}
.total-agreement{position:relative;padding-top:30px;border-top:2px solid #888;border-bottom:2px solid #888}
.total-agreement .agreement_inner:last-child > .accordion_wrap:last-child{border-bottom:0}
@media only screen and (max-width: 1100px){
	.radio_wrap.total-check .radio_default input[type="radio"], .check_wrap.total-check .check_default input[type="checkbox"]{width:31px;height:31px}
	.radio_wrap.total-check .radio_default input[type="radio"] + span:before, .check_wrap.total-check .check_default input[type="checkbox"] + span:before{width:31px;height:31px}
	.radio_wrap.total-check .radio_default input[type="radio"] + span, .check_wrap.total-check .check_default input[type="checkbox"] + span{padding-left:42px;font-size:1.8rem;line-height:1.8}
	.radio_wrap.total-check .radio_default input[type="radio"] + span:after, .check_wrap.total-check .check_default input[type="checkbox"] + span:after{left:11px;top:4px}
	.total-agreement:before{content:'';display:block;position:absolute;left:-27px;top:-2px;width:27px;height:2px;background-color:#888}
	.total-agreement:after{content:'';display:block;position:absolute;right:-27px;top:-2px;width:27px;height:2px;background-color:#888}
	.total-agreement .agreement_inner:last-child > .accordion_wrap:last-child:before{content:'';display:block;position:absolute;left:-27px;bottom:-2px;width:27px;height:2px;background-color:#888}
	.total-agreement .agreement_inner:last-child > .accordion_wrap:last-child:after{content:'';display:block;position:absolute;right:-27px;bottom:-2px;width:27px;height:2px;background-color:#888}
}
/*카드 계좌 인풋 삭제창*/
.card-act-wrap{position: relative;max-width: 396px;margin-top:10px}
.card-act-wrap .card-act{position: relative;display: block;width: 100%;background-color: #fff;border: 1px solid #ddd;overflow: hidden}
.card-act-wrap .card-act .card_number{display: block;width:100%;height: 44px;padding: 0 12px;padding-right: 43px;border: 0;background-color: #fff;cursor: pointer}
.card-act-wrap .card-act .card_number:focus{background-color: #fff;padding: 0 12px;border: 0}
.card-act-wrap .btn-ipt-del{display:block}
.btn-ipt-del{width:23px;height:23px;overflow: hidden;margin-top:-11px;display: inline-block;position: absolute;top: 50%;right: 15px;text-indent: -999px;background: url('/pconts/images/icon/ico_clear.png') no-repeat center center / 23px 23px}
@media only screen and (max-width: 1100px){
    .card-act-wrap{max-width:100%}	
    .btn-ipt-del{background:url('/pconts/images/icon/ico_clear_m.png') no-repeat center center / 23px 23px;right:10px}
}
/* 마이페이지:선택형서비스조회,변경- /pconts/dx/svn/my/MOBFM595C03_01.html */
.my-coupon .pdb90_35 {padding-bottom:90px}
.my-coupon.contents {padding-bottom:0}
.my-coupon .list-coupon {display: flex; flex-wrap: wrap; margin:-8px; }
.my-coupon .list-coupon > li {position:relative; flex:0 0; flex-basis:calc(33.333% - 16px); max-width: calc(33.333% - 16px); margin:8px; background-color:#fff; border-radius: 4px; border:1px solid #7894ff}
.my-coupon .list-coupon > li.on {border-color: #ddd;}
.my-coupon .list-coupon .open-coupon {width:100%; padding:20px 25px; text-align: left;}
.my-coupon .list-coupon .open-coupon > * {display: block;}
.my-coupon .list-coupon .label {display: inline-block; width:70px; height:22px; line-height: 22px; border-radius: 22px; text-align: center; font-size: 13px; color:#fff; font-style: normal;}
.my-coupon .list-coupon .open-coupon > strong {margin-top:10px; font-size:20px; color: #000734;}
.my-coupon .list-coupon .open-coupon > strong + span {font-size:13px; color:#111; margin-top:7px}
.my-coupon .list-coupon .open-coupon > strong + span + span {font-size:13px; color:#111; margin-top:3px}
.my-coupon .list-coupon .open-coupon .info-expir-day {display: inline-block; padding-left:5px; color:#f14b25; font-weight: 700;}
.my-coupon .list-coupon .label.label-credit {background:#4868e1}
.my-coupon .list-coupon .label.label-check {background:#b021ae}
.my-coupon .list-coupon .toggle-check {position: absolute; top:20px; right:25px; width: auto;}
.my-coupon .list-coupon .toggle-check input {position: absolute; display: inline-block; width:44px; height: 24px; margin:0; padding:0;  right:0; top:0; opacity: 0;}
.my-coupon .list-coupon .toggle-check input + span + span {position:relative; top:1px; padding-right: 50px; font-size:14px; font-weight: 700; color:#476eff; display:block; line-height:26px;}
.my-coupon .list-coupon .toggle-check input + span {position:absolute; top:0; right:0; display:inline-block; width:44px; height:24px; top:2px}
.my-coupon .list-coupon .toggle-check input + span::before {content:""; display:inline-block; position: absolute; top:2px; width:100%; height:20px; border-radius: 12px; background:#eee; box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset; transition:all .5s ease-in-out}
.my-coupon .list-coupon .toggle-check input + span::after {content:""; display:inline-block;  position: absolute; top:0px; left:0; right:auto; width:24px; height:24px; background:#fff; border:1px solid #b4b4b4; border-radius: 50%; box-shadow: 0 1px 5px rgba(0,0,0,0.2); transition:all .5s ease-in-out}
.my-coupon .list-coupon .toggle-check input:checked + span::before {background:#476eff; box-shadow: 0 1px 3px rgba(0,38,181,0.6) inset; }
.my-coupon .list-coupon .toggle-check input:checked + span::after {left:auto; right:0; border-color:#476eff}
.my-coupon .area-banner {display: flex; align-items: center; border:1px solid #ddd; border-radius: 9px; background:#fff; padding:20px 70px; max-width: 100%; margin-top:50px; }
.my-coupon .area-banner .txt {flex:1; width:100%}
.my-coupon .area-banner::after {content:"";display: inline-block; flex:none; width:292px; height: 121px; background: url(/pconts/images/dx/contents/mycoupon_bg_banner.jpg) no-repeat center top / 100%; }
.my-coupon .area-banner .txt strong {font-size:20px; }
.my-coupon .area-banner .txt p {font-size:14px; color: #333; margin-top:10px}
.my-coupon .list-coupon.list-coupon-complete .toggle-check {display: none;}
.my-coupon .list-coupon.list-coupon-complete > li {border-color: #ddd;}
.my-coupon .list-coupon.list-coupon-complete > li .open-coupon::after {content:'';display: block; width:100%; height: 100%; position: absolute; left: 0; top:0; background: rgba(246,246,246,0.6); z-index: 1;}
.my-coupon .list-coupon.list-coupon-complete > li::after {content: ''; display: inline-block; width: 70px; height: 70px; position: absolute; right:20px; top:20px; z-index: 2; background: url(/pconts/images/dx/contents/mycoupon_icon_complete.png) no-repeat center top / 100%; }
.pop_wrap.my-coupon .list-coupon .toggle-check input + span::before {right: 0}
.pop_wrap.my-coupon .list-coupon .toggle-check input:checked + span::before {right: 0;}
.pop_wrap.my-coupon .list-coupon {display: block; margin: 0;}
.pop_wrap.my-coupon .list-coupon > li {display: block; width: 100%; max-width: 100%; margin:0}
.pop_wrap.my-coupon .wrap_label {position: relative; text-align: right; bottom:-20px}
.pop_wrap.my-coupon .wrap_label > label {top:0; right: 0}
.pop_wrap.my-coupon .cont-coupon {margin-top:60px}
.pop_wrap.my-coupon .tit {font-size:18px; color:#111; font-weight: 700;}
.pop_wrap.my-coupon .tit + .cont {margin-top:25px}
.pop_wrap.my-coupon .cont .tit-sub {display: block; font-size: 15px; color:#333; }
.pop_wrap.my-coupon .cont .tit-sub + .cont-sub {margin-top:15px}
.pop_wrap.my-coupon .cont .tit-sub + .cont-sub + .tit-sub {margin-top:30px}
.pop_wrap.my-coupon .cont .accordion_wrap {margin-top:50px}   
.pop_wrap.my-coupon .list-coupon-complete + .cont-coupon {margin-top:40px}  
.pop_wrap.my-coupon .marker_dot > li ,.pop_wrap.my-coupon .marker_dash > li , .pop_wrap.my-coupon .marker_refer > li   {font-size:15px}     
        .my-coupon .complete_body.type01_op20 {padding-top:125px}
        .my-coupon .complete_body.type01_op20 span.bg {top:45px}
@media only screen and (max-width:1100px){
	.my-coupon .pdb90_35 {padding-bottom:35px}
	.my-coupon .list-coupon {flex-direction: column; margin:-16px 0 0; }
	.my-coupon .list-coupon > li {flex-basis:100%; max-width:100%; margin:16px 0 0 0;}
	.my-coupon .list-coupon .open-coupon > strong {font-size:18px}
	.my-coupon .list-coupon .open-coupon > strong + span {font-size:14px;margin-top:10px}
	.my-coupon .list-coupon .open-coupon > strong + span + span {font-size:13px;margin-top:5px}
	.my-coupon .area-banner {padding:25px 25px 15px; margin-top:30px; flex-direction: column; align-items: flex-end;}
	.my-coupon .area-banner::after {width:203px; height:84px}
	.my-coupon .area-banner .txt strong {font-size: 15px;}
	.my-coupon .area-banner .txt p {font-size:13px; margin-top:5px}
	.pop_wrap.my-coupon .cont .accordion_wrap {margin-top:45px}
    .login_wrap .right_con .login_member ul li + li {margin-left:0;}
}

/*footer */
.footer_wrap img{vertical-align:top;}
.footer_wrap a{color:#000;transition:all .2s ease-in;cursor:pointer}
.footer_wrap b{font-weight:900;color:#111;}
.footer_wrap a:hover b,
.footer_wrap a.tel_link:hover,
.footer_wrap a:hover{color:#4868e1;}
.tel_link_box{padding-top:28px;}
.tel_link_box ul{display:block;margin:0;}
.tel_link_box li{padding:0px 14px 0px}
.tel_link_box li:first-child{padding-left:0;}
.tel_link_box:after{display:none;}
.tel_link_box li a{color:#333}
.customer_link ul li a{color:#333;}
.customer_link ul li:first-child > a{padding-left:0;}
.share_family_wrap{display:block;}
.share_family_wrap:after{content:'';overflow:hidden;display:table;clear:both;}
.share_family_wrap .sitelink_wrap{float:right;}
.footer_wrap .ly_inner{width:1080px}
.share_family_wrap .sharebox li{width:24px;height:24px;}
.customer_link ul{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.share_family_wrap .sharebox li a{background-size:100% auto}
.tel_link_box li:first-child a{font-weight:bold;}
.tel_link_box li:first-child a + a em{font-weight:normal}
.share_family_wrap .sharebox li.sns01 a:hover{background-image: url(/pconts/images/common/footer/sns01_on.png);}
.share_family_wrap .sharebox li.sns02 a:hover{background-image: url(/pconts/images/common/footer/sns02_on.png);}
.share_family_wrap .sharebox li.sns03 a:hover{background-image: url(/pconts/images/common/footer/sns03_on.png);}
.share_family_wrap .sharebox li.sns04 a:hover{background-image: url(/pconts/images/common/footer/sns04_on.png);}
.share_family_wrap .sharebox li.sns05 a:hover{background-image: url(/pconts/images/common/footer/sns05_on.png);}
.share_family_wrap .sharebox li.sns06 a:hover{background-image: url(/pconts/images/common/footer/sns06_on.png);}
.share_family_wrap .sharebox li.sns04{width:28px;}
.customer_link ul li{float:left;}
.customer_link ul{display:block;}
@media only screen and (max-width: 1100px){
	.tel_link_box{padding-top:15px;}
	.tel_link_box:after{}
	.tel_link_box li:first-child{width:100%;}
	.tel_link_box li:first-child a{display:inline-block;}
	.footer_wrap .ly_inner{width:100%}
	.tel_link_box ul li{float:left;}
	.tel_link_box ul:after{content:'';display:table;clear:both;}
	.customer_link ul li:first-child > a{padding-left:10px;}
	.customer_link{border-top: solid #ddd 1px;padding-top:10px}
	.tel_link_box{padding:13px 0px 12px;}
	.tel_link_box li:first-child{padding-bottom:0px;}
	.customer_link ul li a{padding: 1px 10px;}
	.share_family_wrap .sharebox li{width:17px; height:17px;}
	.share_family_wrap .sharebox li.sns04{width:19px;}
	.share_family_wrap .sharebox li + li{margin-left:13px;}
}

.evt_detail .btn-cover1 [class*=c-btn1]{margin-bottom:4px;}

/* 220518 play로그인개선 */
.fanpay_auth_pop.def {width: 438px; margin: 0 auto;;}
.fanpay_auth_pop.def .txt-hidden {overflow: hidden;border: 0;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;clip: rect(1px,1px,1px,1px);clip-path: inset(50%);}
.fanpay_auth_pop.def .qrcode {height: 100%; margin: 25px 0 25px 0; display: flex; align-items: center; border: 1px solid #ddd; padding: 15px 60px; border-radius: 8px; background-color: #fff; width: auto; height: auto; justify-content: center; position: relative;}
.fanpay_auth_pop.def .qrcode_img {width: auto; height: auto;}
.fanpay_auth_pop.def .qrcode_img img {width: 83px; height: 83px; margin: auto; }
.fanpay_auth_pop.def .qrcode strong {justify-content: flex-end; text-align: initial; font-size: 23px;     letter-spacing: 0.5rem; width: auto; height: auto;}
.fanpay_auth_pop.def .qrcode .dxcen {padding: 0 30px 0 10px; font-size: 15px; color: #888;}
.fanpay_auth_pop.def .text_prim {font-size: 17px; display: inline-block; margin: 0 7px 0 3px;}
.fanpay_auth_pop.def .bar_graph .bar > span {background-color: #486eff;}
.fanpay_auth_pop.def .bar_graph_wrap {justify-content: center; position: initial; margin: 18px 0 25px 0;}
.fanpay_auth_pop.def .bar_graph_wrap .bar_graph {position: initial; float: none; width: auto; height: auto; padding: 0;flex: 0 1 auto;}
.fanpay_auth_pop.def .bar_graph_wrap .text_xsm {position: static; font-size: 16px; font-weight: bold;}
.fanpay_auth_pop.def .bar_graph_wrap .btn.line_gray {width:23px; height: 23px; position: relative; border-radius: 50%; border: none; margin: 0; margin-top:2px; flex: 0 1 auto;}
.fanpay_auth_pop.def .bar_graph_wrap .btn.line_gray::after {content: ''; width: 23px; height:23px; display: inline-block; background: url('/pconts/images/dx/contents/220517_auth_rebtn2.png') no-repeat center/100%; position: absolute; top:0; left:0;}
.fanpay_auth_pop.def.log .qrcode_img img { transform: scale(1.5); }
.fanpay_auth_pop.def.sel .qrcode_img img { width: 105px; height: 105px; }
.join_con_explain.def .fan_txt {font-size: 15px; padding-bottom:0;}
.join_con_text .fanpay_auth_pop.def .qrcode .dxdimd {display: none;}
.join_con_text .expir {display: none !important;}
.join_con_text.dx_expiration .expir {display: block !important; color: #da1d1d;}
.join_con_text.dx_expiration .expir_default {display: none !important; }
.join_con_text.dx_expiration .expir_red {color: #da1d1d !important;}
.join_con_text.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd {position: absolute; top:0; left:0; width: 100%; height: 100%;  color:#fff; display: block; font-size: 18px;}
.join_con_text.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd::before {content: ''; display: block; position: absolute; background: #000; opacity: .7; width: 100%; height: 100%; top:0; left:0; border-radius: 8px;} 
.join_con_text.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd > span {position: relative; padding-left:35px;}
.join_con_text.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd > span::before {content: ''; width: 23px; height:26px; display: inline-block; background: url('/pconts/images/dx/contents/220517_auth_rebtn.png') no-repeat center/100%; position: absolute; top:-1px; left:0;}
.right_con .fanpay_auth_pop.def .qrcode .dxdimd {display: none;}
.right_con .expir {display: none !important;}
.right_con.dx_expiration .expir {display: block !important; color: #da1d1d;}
.right_con.dx_expiration .expir_default {display: none !important; }
.right_con.dx_expiration .expir_red {color: #da1d1d !important;}
.right_con.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd {position: absolute; top:0; left:0; width: 100%; height: 100%;  color:#fff; display: block; font-size: 18px;}
.right_con.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd::before {content: ''; display: block; position: absolute; background: #000; opacity: .7; width: 100%; height: 100%; top:0; left:0; border-radius: 8px;} 
.right_con.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd > span {position: relative; padding-left:35px;}
.right_con.dx_expiration .fanpay_auth_pop.def .qrcode .dxdimd > span::before {content: ''; width: 23px; height:26px; display: inline-block; background: url('/pconts/images/dx/contents/220517_auth_rebtn.png') no-repeat center/100%; position: absolute; top:-3px; left:0;}
.login_wrap .right_con.dx_pdw .inner {padding: 131px 40px 0;} 
.login_wrap .right_con.dx_pdw .guide_txt {padding-bottom: 0;} 
body.pc .fanpay_auth_pop.def.pc_show {display: block !important;}
body.mobile .fanpay_auth_pop.def.pc_show {display: none !important;}
@media only screen and (max-width: 1100px){
	.login_wrap .right_con.dx_pdw .inner{padding:10px 40px 0px;}
    body.pc .login_wrap .right_con.dx_pdw .inner {padding:10px 40px 25px;}
}

/* 어드민 메인팝업 */
.pop-adm .popup_type01 {height:320px;width:300px;/*padding:23px 0px 25px;*/border-radius:10px;letter-spacing:0px;font-size:16px; background:transparent;}
.pop-adm .pop_inner{height: 100%;display: flex;flex-direction: column;border-radius:10px;overflow:hidden;box-shadow: 5px 5px 15px rgba(0,0,0,0.4);position:relative;z-index:12;font-family:'Spoqa Han Sans'}
.pop-adm .c-tit1{font-size:18px;line-height:1.4;color:#000;margin-top:0;letter-spacing: -0.03em;}
.pop-adm .popup .pop_cont{padding:23px 0px 25px;overflow:hidden;position:relative;background:#fff;z-index:2;}
.pop-adm .popup .pop_cont .scroll-box{overflow:auto;height:100%;padding:3px 21px 10px 25px;-webkit-overflow-scrolling: touch;}
.pop-adm .pop-period{position:absolute;bottom:-44px;color:#fff;z-index:12;}
.pop-adm .popup .pop_cont:before{content:'';position:absolute;left:0;top:3px;width:calc(100% - 4px);z-index: 100;height: 30px;background-image: linear-gradient(to bottom ,#fff 55%, rgba(255,255,255,0) 100%);}
.pop-adm .popup .pop_cont:after{content:'';position:absolute;left:0;bottom:10px;width:calc(100% - 4px);z-index: 100;height: 30px;background-image: linear-gradient(to bottom ,rgba(255,255,255,0) 0%, #fff 55%);}
.pop-adm .btn_close{right:0px !important;top:auto !important;bottom:-42px;background:none !important;width:24px;height:24px;overflow:hidden;border-radius:100%;border:1px solid #fff;}
.pop-adm .btn_close:before{content:'';width:14px;height:2px;background:#fff;position:absolute;left:4px;top:50%;margin-top:-1px;transform:rotate(45deg)}
.pop-adm .btn_close:after{content:'';width:14px;height:2px;background:#fff;position:absolute;left:4px;top:50%;margin-top:-1px;transform:rotate(-45deg)}
.pop-adm .check_wrap .check_default  span{color:#fff !important;font-size:14px;}
.pop-adm [class*=c-tit] + [class*=c-txt]{margin-top:12px;}
.pop-adm .popup_type01 .pop_btn{padding:0;margin-top:-10px;padding:0px 25px 14px;display:flex;background:#fff;position:relative;z-index:3}
.pop-adm .pop_btn [class*=c-btn1]{height:42px;font-size:16px;font-weight:bold;padding:0;min-width:0;}
.pop-adm .pop_btn > a{flex:1;display:flex;justify-content: center;align-items: center;}
.pop-adm .scroll-box::-webkit-scrollbar{width:4px;} 
.pop-adm .scroll-box::-webkit-scrollbar-thumb{height:10%;background-color:rgba(0,0,0,0.3);border-radius:10px;}
.pop-adm .scroll-box::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.msie .pop-adm .pop_btn > a{align-items: baseline;line-height:42px;}
.pop-adm .pop_cont.image:before,
.pop-adm .pop_cont.image:after{display:none;}
.pop-adm .pop_cont.image{background:transparent;padding:0;}
.pop-adm .pop_cont.image:not([style*="display:none"]):not([style*="display: none"]) +  .pop_btn{margin-top:0;padding-top:14px;}
.pop-adm .pop_cont.image .link-box{display:block;width:100%;height:100%;}
.pop-adm .pop_cont.image .img-item{width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;color:transparent;}
.pop-adm .check_wrap .check_default input[type="checkbox"] + span:before{background-image:none;width:24px;height:24px;border-color:#fff;;border:1px solid #fff;border-radius:100%}
.pop-adm .check_wrap .check_default input[type="checkbox"] + span:after{background-image:url(/pconts/images/shcard/c-check-on.png);background-size: auto 9px;}
.pop-adm [class*=c-btn1]{border-radius:4px;}
.pop-adm [class*=c-btn1-c]{background:#eff0f5;border-color: #eff0f5;color:#494f60;}
.pop-adm [class*=c-btn1-a]{background:#476eff;border-color:#476eff;}
.pop_wrap .popup .pop_focus{z-index:0;}

@media only screen and (max-width: 640px){
	.pop-adm .popup .pop_cont .scroll-box{padding-right:25px;}
}

.ev20220523btn .c-btn1-a2
{border-radius: 56px !important;
border: 1px solid #4868e1 !important;
background: #4868e1 !important;}

.ev20220523btn .disabled
{border-radius: 56px !important; background-color: #f6f6f6 !important;
border-color: #ddd !important;
pointer-events: none !important;
color: #bbb !important;
cursor: not-allowed !important;}

/* 백그라운드 홀수만 적용 */
.bg-odd .expend_wrap:nth-child(even){background-color:transparent;}
.bg-odd .expend_wrap:nth-child(even)::before {display:none;}

/* 박스 디자인 01 */
.c-box1 {border:1px solid #ddd;border-radius:6px;box-shadow:2px 2px 15px -2px rgba(51,51,51,0.17);padding:10px 15px;}

/* 느낌표(!) 아이콘이 있는 텍스트 영역 */
.c-text-tip{position:relative;padding-left:24px;color:#333;}
.c-text-tip::before {content:'';display:block;position:absolute;top:2px;left:0;width:18px;height:18px;border-radius:50%;background: url('/pconts/images/common/ico_tooltip.png') no-repeat center center #b1b1b1;background-size:2px 10px;}
@media only screen and (max-width: 1100px) {
	.c-text-tip{font-size:1.3rem;}
	.c-text-tip::before{top:0;}
}
/* 버튼 그룹에서 왼쪽 버튼 커스텀 */
.btn_group .btn.left_lg2{min-width:130px;padding:0 10px;}
@media only screen and (max-width: 1100px) {
	.btn_group .btn.left_lg2{flex:none;width:40%;}
}

/* 20220607389389 나의 금융상품 커스텀(/pconts/dx/svn/finance/MOBFM310C05.html) */
.c-box2-wrap{margin-top:-20px;}
.c-box2 {background:#fff;margin-top:20px;padding:25px 40px 30px;border-radius:8px;}
/* .c-box2 + .c-box2{margin-top:20px;} */
.c-box2 .h_title{color:#111;}
.c-box2 .dl_wrap.btm_line{border-color:#ebebeb;}
.c-box2 .dl_wrap.btm_line .df_list_both{padding-bottom:27px;}
.c-box2 .dl_wrap .df_list_both{padding:0;}
.c-box2 .dl_wrap .df_list_both:not(:last-of-type){border:none;padding-bottom:0;}
.c-box2 .dl_wrap .df_list_both + .df_list_both{margin-top:20px;}
.c-box2 .dl_wrap .df_list_both .item_wrap {width:calc(50% + 4px);}
.c-box2 .dl_wrap .df_list_both .item_wrap:last-child {width:calc(50% - 4px);}
.c-box2 .dl_wrap .df_list_both .item_wrap .tit {margin-bottom:0;font-size:16px;color:#4868e1;font-weight:700;}
.c-box2 .dl_wrap .rate,
.c-box2 .dl_wrap .play_rate{font-weight:400;font-size:16px;color:#888;}
.c-box2 .dl_wrap .current_rate{text-decoration:line-through;}
.c-box2 .dl_wrap .discount_rate{font-size:24px;color:#000;}
.c-box2 .dl_wrap .current_rate + .discount_rate {margin-left:5px;}
.c-box2 .dl_wrap .play_rate{display:block;}
.c-box2 .dl_wrap .txt_info{padding:25px 0;font-size:24px;color:#000;font-weight:400;text-align:center;}
@media only screen and (max-width: 1100px) {
	.c-box2{padding:25px 15px 30px}
	.c-box2 .dl_wrap .df_list_both .item_wrap .tit{font-size:1.3rem;}
	.c-box2 .dl_wrap .rate,
	.c-box2 .dl_wrap .play_rate{font-size:1.3rem;}
	.c-box2 .dl_wrap .txt_info{font-size:1.8rem;}
	.c-box2 .dl_wrap .discount_rate{font-size:1.8rem;}
	.c-box2 .btn_wrap.btn_w50{margin:-4px;}
	.c-box2 .btn_wrap.btn_w50 .btn{flex:0 0 auto;width:calc(50% - 8px);margin:4px;padding:0 10px;}
	.c-box2 .btn_wrap.btn_w50 .btn + .btn{margin-left:4px;}
}

/* 20220607389389 나의 금융상품 커스텀 토글버튼 박스(/pconts/dx/svn/finance/MOBFM310C06.html) */
.c-togglebox1-wrap .c-togglebox1 + .h_wrap{margin-top:30px;}
.c-togglebox1-wrap .h_wrap {padding-right:80px;}
.c-togglebox1 .item {position:relative;padding:20px 50px;border:1px solid #7894ff;border-radius:4px;background:#fff;}
.c-togglebox1 [class*='item'] + [class*='item'] {margin-top:10px;}
.c-togglebox1 .item .tit1 {margin-bottom:15px;padding-right:80px;font-size:18px;}
.c-togglebox1 .item .tit1 strong {display:block;}
.c-togglebox1 .item .tit1 .play_rate {font-size:16px;color:#888;}
.c-togglebox1 .item .txt1 {font-size: 13px;}
.c-togglebox1 [class*='item'] .toggle {position:absolute;top:20px;right:30px;display:flex;align-items:center;font-size:14px;}
.c-togglebox1 [class*='item'] .btn-toggle {position:absolute;top:0;right:0;z-index:10;width:44px;height:24px;}
.c-togglebox1 [class*='item'] .toggle-area {position:relative;width:44px;height:24px;margin-left:8px;}
.c-togglebox1 [class*='item'] .toggle-area::before,
.c-togglebox1 [class*='item'] .toggle-area::after {content:'';position:absolute;transition:all .5s ease-in-out;}
.c-togglebox1 [class*='item'] .toggle-area::before {top:2px;width:100%;height:20px;border-radius:12px;background:#eee;box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset;}
.c-togglebox1 [class*='item'] .toggle-area::after{top:0px;left:0;width:24px;height:24px;background:#fff;border:1px solid #b4b4b4;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,0.2);}
.c-togglebox1 [class*='item'] .btn-toggle.on + .toggle-area::before{background:#4868e1;box-shadow:0 1px 3px rgba(0,38,181,0.6) inset;}
.c-togglebox1 [class*='item'] .btn-toggle.on + .toggle-area::after{left:calc(100% - 24px);border-color:#4868e1;}
.c-togglebox1 .rate{font-weight:700;font-size:16px;color:#888;}
.c-togglebox1 .current_rate{text-decoration:line-through;}
.c-togglebox1 .discount_rate{margin-left:5px;font-size:18px;color:#000;}
.c-togglebox1 .play_rate{display:block;}
.c-togglebox1 .rate .color_black{color:#000 !important;}

.c-togglebox1 .item2 {position:relative;padding:20px 130px 20px 50px;border:1px solid #ddd;border-radius:4px;background:#fff;}
.c-togglebox1 .item2 .list {display:flex;}
.c-togglebox1 .item2 .list + .list {margin-top:16px;}
.c-togglebox1 .item2 .list .tit1 {width:30%;}
@media only screen and (max-width: 1100px) {
	.c-togglebox1 [class*='item']{margin-top:45px;padding:20px 25px;}
	.c-togglebox1 [class*='item']:first-child{margin-top:0;}
	.c-togglebox1 .item .tit1{padding-right:0;}
	.c-togglebox1 .item .tit1 .play_rate {font-size:1.4rem;}
	.c-togglebox1 .item .txt1{font-size:1.3rem;}
	.c-togglebox1 [class*='item'] .toggle{top:-35px;right:0;font-size:13px;}
	.c-togglebox1 [class*='item'] .toggle-area{margin-left:5px;}
	.c-togglebox1 [class*='item'] + [class*='item'] {margin-top:45px;}
	.c-togglebox1 .item2 .list .tit1 {min-width:70px;margin-right:5px;}
	.c-togglebox1 .play_rate{font-size:1.4rem;}
}



/*소액명세서 개발전달*/
.openchk_Box220607 {display: block;}
@media only screen and (max-width: 767px)
{ 
.openchk_Box220607 {display: none;}
.openchk_Box220607.open {display: block;}
}

/* 
	마이 > 이용내역: z-index로 인해 탭메뉴와 셀렉트 박스 depth 오류로 인해 추가
	https://devprj2-www.shinhancard.com/mob/MOBFM059N/MOBFM059R0103.shc
*/
[data-bind-view='MOBFM059R0103'] .tab_wrap .expend_wrap .survey_box {z-index:6;}

/* 이벤트 페이지 '꼭! 알아두세요' 에 타이틀이 있는 경우 사용 */
#eventContents + .ly_inner .evt-note-group {padding-left:0;margin-bottom:20px;}
#eventContents + .ly_inner li + .evt-note-group {margin-top:20px;}
#eventContents + .ly_inner .evt-note-group::before{display:none;}
#eventContents + .ly_inner .evt-note-group-tit {color:#111;}


/* 20220531531486 카드일시정지 신청 완료 페이지 */
.pause_result_wrap .pause_result + .pause_result {margin-top:20px;}

/* 20220623505070 완료 페이지 */
/* 완료 페이지 - 기존 아이콘 초기화 */
.complete_body:not(.disaster-logo, .logo, .no_body, .sbi, .kakao_ryan, .card_activity_chart),
.comp_area:not(.shcplus){position:relative;background:none !important;padding-top:190px !important;}
.complete_body.type01_op20 span.bg{display:none !important;}

.mytops_wrap .complete_body.ani_ico.img03::before {top:-95px !important;}

/* 완료 페이지 - 체크 아이콘 */
.complete_body:not(.disaster-logo, .logo, .no_body, .sbi, .kakao_ryan)::before,
.comp_area:not(.shcplus)::before,
[data-head-title='온라인회원 탈퇴'] + #container .complete_body.img05::before {
	content:'';
	overflow:hidden;
	display:block;
	position:absolute;
	top:80px !important;
	left:50%;
	width:66px !important;
	height:66px !important;
	margin:0 0 0 -33px !important;
	background:url('/pconts/images/dx/landing/dxicon01.png') no-repeat center top / 66px !important;
	animation:none !important;
}

/* 완료 페이지 - 느낌표 아이콘 */
.comp_area.bg_comp::before,
.complete_body.img06::before,
.complete_body.type01::before,
.complete_body.type02::before,
.complete_body.type01_op20::before,
.complete_body.type01_op40::before,
.complete_body.dxicon02::before {
	background:url('/pconts/images/dx/landing/dxicon02.png') no-repeat center top / 66px !important;
}

/* 완료 페이지 - 엑스 아이콘 */
.complete_body.img05::before,
.complete_body.dxicon03::before {
	background:url('/pconts/images/dx/landing/dxicon03.png') no-repeat center top / 66px !important;
}

/* 완료 페이지 - IE(추후 수정 예정) */
.msie .complete_body,
.msie .comp_area{position:relative;background:none !important;padding-top:190px !important;}
.msie .comp_area.bg_comp::before,.msie .complete_body.img06::before,.msie .complete_body.type01::before,.msie .complete_body.type02::before,.msie .complete_body.type01_op20::before,.msie .complete_body.type01_op40::before,.msie .complete_body.dxicon02::before {background:url('/pconts/images/dx/landing/dxicon02.png') no-repeat center top / 66px !important;}
.msie .complete_body.img05::before,.msie .complete_body.dxicon03::before {background:url('/pconts/images/dx/landing/dxicon03.png') no-repeat center top / 66px !important;}
.msie .complete_body::before,.msie .comp_area::before {content:'';overflow:hidden;display:block;position:absolute;top:80px !important;left:50%;width:66px !important;height:66px !important;margin:0 0 0 -33px !important;background:url('/pconts/images/dx/landing/dxicon01.png') no-repeat center top / 66px !important;animation:none !important;}
.msie .complete_body.disaster-logo{background:url(/pconts/images/dx/landing/logo-disaster.png) no-repeat center 48px / 202px auto !important;}
.msie .suppo21_2 .complete_body.no_body {padding-top:0 !important;background:none !important;}
.msie .complete_body.sbi {background: url(/pconts/images/dx/landing/bg_sbi01.png) no-repeat 50% 80px !important; background-size: 150px auto !important;}
.msie .complete_body.sbi.type01 {background: url(/pconts/images/dx/landing/bg_sbi02.png) no-repeat 50% 80px !important; background-size: 150px auto !important;}
.msie .comp_area.shcplus{padding-top:92px !important;background: url(/pconts/images/dx/contents/logo_shinhanplus.gif) no-repeat 50% 0 !important;}
.msie .suppo21_2 .complete_body.disaster-logo.v2 {background: url('/pconts/images/dx/landing/0804logo-disaster2.png') no-repeat center 48px / 320px auto !important;}
.msie .complete_body.kakao_ryan{background:url('/pconts/images/common/bg_kakao_ryan.png') no-repeat 50% 56px !important;background-size:120px auto !important;}
.msie .complete_body.kakao_ryan.kakaopay {background: url(/pconts/images/contents/mypage/200911_mykico03.png) no-repeat 50% 56px !important; background-size: 120px auto !important;}
.msie .complete_body.disaster-logo::before,.msie .complete_body.no_body::before,.msie .complete_body.logo::before,.msie .complete_body.sbi::before,.msie .complete_body.kakao_ryan::before,.msie .comp_area.shcplus::before {display:none;}


@media only screen and (max-width: 1100px) {
    .complete_body:not(.disaster-logo, .logo, .no_body, .sbi, .kakao_ryan, .card_activity_chart),
	.comp_area:not(.shcplus){padding-top:182px !important;}
}


/* 20220531531486 회원가입 완료 페이지에서 판귄 삭제 */
[data-head-title='회원가입'] + #container .complepte_wrap.w_428 {text-align: center;}
[data-head-title='회원가입'] + #container .complepte_wrap.w_428:before {background: none;}
[data-head-title='회원가입'] + #container .btn_wrap.w_428 {text-align: center;}
@media only screen and (max-width: 1100px) {
	[data-head-title='회원가입'] + #container .complepte_wrap.w_428 {padding-left:0;}
}

/* 20220531531486 자동로그아웃 팝업 아이콘 커스텀 */
.pop_autoLogout .complete_body.type01 {padding-top:0 !important;}
.pop_autoLogout .complete_body.type01::before{display:none;}

/* 20220615350333 이용제한등록 일일한도 아이콘신규 */
.limit_usage .check_list02 .icon145 label span:before {background:url(/pconts/images/icon/ico_icon145.png) no-repeat 0 0; background-size:100% 100%}

.fanpay_auth_pop{padding-top:16px;}
.popup_type01 .fanpay_auth_pop .bg_gray{padding:20px 30px;margin-top:17px;}

/* 20220707477825 판귄 이미지 개별 삭제: /mob/MOBFM135N/MOBFM135R10.shc */
.visual_txt.visual_ansim01 {background:none;}
@media only screen and (max-width: 1100px) {
	.visual_txt.visual_ansim01 .sub_txt {background:none;padding-right:0;}
}

/* 판귄 로딩바 변경 */
.progress_area {padding-top:40px;}
.progress_area:before {width:28px;height:28px;margin-left:-14px;border:2px solid #476eff;border-bottom-color:#eee;border-radius:100%;background:none;animation:spinLoading 1s linear infinite;}
@keyframes spinLoading {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(359deg);}
}

/* KCB 약관 디자인 */
.kcb-term > p > b{color:#111}
.kcb-term {padding-bottom:40px;}
.kcb-term .term_h_tit{font-size: 20px;}
.kcb-term .term_tit{font-size: 16px;margin-top:10px;}
.kcb-term p + table,
.kcb-term table + p,
.kcb-term table + table,
.kcb-term table + .agreeDepth1,
.kcb-term .term_tit + table,
.kcb-term .term_tit + .agreeDepth1,
.kcb-term .agreeDepth1 + table,
.kcb-term .term_tit + p {margin-top: 15px;}
.kcb-term .agreeDepth1 > li{padding-left:19px;text-indent: -16px;}
.kcb-term .agreeDepth1 > li + li{margin-top:3px;}
.kcb-term .agreeDepth1 > li > li{padding-left:18px;text-indent: -16px;}
.kcb-term .agreeDepth1 > li ul li{padding-left:18px;text-indent: -16px;}
.kcb-term p + .term_h_tit,
.kcb-term .term_h_tit{margin-top:50px;margin-bottom:20px;}
.kcb-term .term_h_tit:first-child{margin-top:0;}
.kcb-term .term_tit{font-size:1.15em}
.kcb-term  b{color:#111}
.kcb-term .agreeDepth1 > li > *{text-indent:0}
.kcb-term table{margin:10px 0px}
.kcb-term  p + p,
.kcb-term  .term_h_tit + .agreeDepth1,
.kcb-term  p + .agreeDepth1,
.kcb-term  .agreeDepth1 + p{margin-top:10px;}
.kcb-term  p > .agreeDepth1{margin-top:3px}
.kcb-term strong{font-size:1.15em}
.kcb-term table [rowspan]{border-right:1px solid #ddd}
.kcb-term table td:last-child[rowspan]{border-right:none;}
.kcb-term table{text-align:left;table-layout:fixed;border-top:1px solid #111;position:relative;}
.kcb-term table:after{content:'';position:absolute;width:100%;height:2px;background:#111;top:0;left:0;}
.kcb-term table thead th{text-align:center;}
.kcb-term table th{background:#f6f6f6;padding:10px;border-bottom:1px solid #ddd;height:45px;font-weight:normal;}
.kcb-term table td{background:#fff;color:#333;padding:10px;border-bottom:1px solid #ddd;height:45px;}
.kcb-term table th + th,
.kcb-term table td + td,
.kcb-term table th + td,
.kcb-term table td + th{border-left:1px solid #ddd;}
#pop_cont_trems .popup .pop_cont .kcb-term{outline:0}


/* 24.07.10 pLay의 하단 메뉴 제거로 인해 불필요
iOS 신한플레이에서 팝업창 오픈시 하단 버튼이 플레이 하단 메뉴에 가려지는 현상으로 인해 pop_open의 overflow:hidden 제거
.os_ios_html.pop_open,.os_ios.pop_open {position:relative !important;overflow:visible !important;}
.os_ios_html.pop_open #wrap {top:auto !important;}
*/
/* 20220711578968 통합검색 디자인 변경 */
.srch_count_wrap {display:none !important;}
.totalSrch_container .tab_type01.tab_t1 {margin-top:46px;}

.autoComplete_wrap.ac2022 .ac_scroll {overflow-y:auto;padding:0 20px;}
.pc .autoComplete_wrap.ac2022 .ac_scroll::-webkit-scrollbar{width:6px;}
.pc .autoComplete_wrap.ac2022 .ac_scroll::-webkit-scrollbar-thumb{width:10%;background-color:rgba(0,0,0,0.1);border-radius:10px;}
.pc .autoComplete_wrap.ac2022 .ac_scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}
.autoComplete_wrap.ac2022 .ac_scroll {max-height:calc(100vh - 450px);}
.autoComplete_wrap.ac2022 .ac_title {margin-bottom:14px;padding:0;font-size:16px;font-weight:500;}
.autoComplete_wrap.ac2022 .ac_menu:not(.associate){margin-top:36px;margin-bottom:36px;padding:0 !important;}
.autoComplete_wrap.ac2022 .ac_menu.associate{margin:0 2px;padding:0 !important;}
.autoComplete_wrap.ac2022 .ac_menu:not(.associate) .ac_list{margin:-4px -3px;padding:0;}
.autoComplete_wrap.ac2022 .ac_menu:not(.associate) .ac_list .ac_item{position:relative;display:inline-flex;width:auto;max-width:193px;margin:4px 3px;padding:0;}
.autoComplete_wrap.ac2022 .ac_menu:not(.associate) .ac_btn_keyword{padding:9px 14px;border:1px solid #ccc;border-radius:19px;background-color:#fff;}
.autoComplete_wrap.ac2022 .ac_menu:not(.associate) .ac_btn_keyword::before{display:none;}
.autoComplete_wrap.ac2022 .ac_menu:not(.associate) .ac_btn_keyword:hover{color:#476eff;border-color:#476eff;}
.autoComplete_wrap.ac2022 .recommend .ac_list .ac_item,
.autoComplete_wrap.ac2022 .often .ac_list .ac_item{max-width:100% !important;}
.autoComplete_wrap.ac2022 .recommend .ac_btn_keyword,
.autoComplete_wrap.ac2022 .often .ac_btn_keyword {overflow: visible;text-overflow: initial;white-space: normal;}
.autoComplete_wrap.ac2022 .recommend .ac_btn_keyword span,
.autoComplete_wrap.ac2022 .often .ac_btn_keyword span {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.autoComplete_wrap.ac2022 .latest .ac_btn_keyword{padding-right:38px !important;}
.autoComplete_wrap.ac2022 .ac_btn_remove{position:absolute;top:50%;right:14px;margin-top:-8px;}
.autoComplete_wrap.ac2022 .ac_option .ac_btn_text{height:auto !important;padding:0 !important;border:none !important;background-color:transparent !important;border-radius:0 !important;font-size:14px !important;line-height:1.53 !important;}
.autoComplete_wrap.ac2022 .ac_option{padding:0 20px;}
.autoComplete_wrap.ac2022 .ac_option .ac_option_left, .autoComplete_wrap.ac2022 .ac_option .ac_option_right{margin:0;}
.autoComplete_wrap.ac2022 .ac_option .ac_btn_text + .ac_btn_text {margin-left:20px;}
.msie .autoComplete_wrap.ac2022 .recommend .ac_btn_keyword,
.msie .autoComplete_wrap.ac2022 .often .ac_btn_keyword {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.autoComplete_wrap.ac2022 .ac_menu.often .ac_btn_keyword,
.autoComplete_wrap.ac2022 .ac_menu.recommend .ac_btn_keyword {background-color:#f6f6f6;border-color:#f6f6f6;}
.autoComplete_wrap.ac2022 .ac_menu.often .ac_btn_keyword:hover,
.autoComplete_wrap.ac2022 .ac_menu.recommend .ac_btn_keyword:hover {background-color:#ddd;border-color:#ddd;color:#111;}
/* autoComplete_swiper */
.autoComplete_swiper .nav-button-prev,
.autoComplete_swiper .nav-button-next{display:none;}
/* 검색 결과 없음 화면 */
.srch_noData.srch2022 {margin-top:40px;padding-bottom:0;}
.srch_noData.srch2022 .complete_body{padding-top:140px !important;}
.srch_noData.srch2022 .complete_body::before {top:0 !important;width:110px !important; height:136px !important;background: url('/pconts/images/dx/contents/search_result_nodata.png') no-repeat center / 110px auto !important;margin-left:-55px !important;}
.srch_noData.srch2022 .complete_body .sub_title{padding-top:0;max-width:360px;margin:0 auto;}
.srch_sample {background:#f6f6f6;margin-top:35px;padding:25px 30px;border-radius:8px;}
.srch_sample .marker_dot li {color:#666;}
.srch_pani{margin-top:40px;}
.srch_pani_link {position:relative;display:flex;align-items:center;background:#383b5a;border-radius:50px;width:320px;height:78px;margin:0 auto;padding:0 80px 0 40px;color:#fff;}
.srch_pani_link::after{content:'';display:block;position:absolute;top:50%;right:10px;width:60px;height:60px;margin-top:-30px;background:url(' /pconts/images/dx/contents/chatbot_blue.png') no-repeat center / 100%;}
.srch_tags_wrap.tags2022{height:48px;}
.srch_tags_wrap.tags2022 .hashtag{height:38px;margin:4px 3px;padding:9px 14px;border-color:#ccc;border-radius:19px !important;color:#111;line-height:18px;}
.srch_tags_wrap.tags2022 .hashtag:hover{color:#476eff;border-color:#476eff;}

/* 개발 적용 후 삭제 */
.autoComplete_wrap.ac2022 .ac_menu:not(.associate)[data-plugin-visible='srch.lstKind==late'] {
	margin-bottom:0 !important;
}

@media only screen and (max-width: 1100px) {
	.quickSrch_wrap .quickSrch_inner {padding-top:20px;}
	.totalSrch_container .tab_type01.tab_t1 {margin-top:29px;}
	.srch_input_wrap.t1 input {font-size:1.7rem;}
	.srch_input_wrap.t1 input::placeholder{font-size:1.7rem;}

	.autoComplete_wrap.ac2022 .ac_scroll {height:100%;max-height:calc(100vh - 128px);}
	.autoComplete_wrap .ac_title{color:#000;}
	.autoComplete_wrap.ac2022 .ac_menu.latest{margin-top:28px;}
	.autoComplete_wrap.ac2022 .autoComplete_swiper .ac_list{flex-wrap:nowrap;height:auto;}
	/* autoComplete_swiper */
	.autoComplete_swiper{margin:0 -20px;}
	.autoComplete_swiper .swiper-container{padding:0 20px;}
	.autoComplete_swiper .swiper-container::before,
	.autoComplete_swiper .swiper-container::after{content:'';display:block;position:absolute;top:0;z-index:10;width:20px;height:100%;}
	.autoComplete_swiper .swiper-container::before{left:0;background: linear-gradient(to right,rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));}
	.autoComplete_swiper .swiper-container::after{right:0;background: linear-gradient(to left,rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));}
	.autoComplete_swiper .nav-button-prev,
	.autoComplete_swiper .nav-button-next {display:block;position:absolute;top:50%;width:15px;height:38px;z-index:20;margin-top:-19px;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;background-size:auto 13px;}
	.autoComplete_swiper .nav-button-prev{left:0;background-image:url(/pconts/images/common/btn_gnb_ar.png);transform: rotate(-180deg);opacity:0.5;}
	.autoComplete_swiper .nav-button-next{right:0;background-image:url(/pconts/images/common/btn_gnb_ar.png);}
	.autoComplete_swiper .nav-button-prev.swiper-button-disabled,
	.autoComplete_swiper .nav-button-next.swiper-button-disabled {opacity:0.08;}
	/* 검색 결과 없음 화면 */
	.srch_sample{padding:15px 20px;}

	/* 개발 적용 후 삭제 */
	.autoComplete_wrap.ac2022 .ac_menu:not(.associate)[data-plugin-visible='srch.lstKind==late'] {
		margin-top: 28px;
	}
}


/* 20240814668529 20241014665626 검색창 공통 - quickSrch2024 커스텀 */
.quickSrch_wrap.quickSrch2024 .quickSrch_inner {overflow:hidden;right:0;width:720px !important;margin:auto;padding:20px 0 0;border-radius:16px;}
.quickSrch_wrap.quickSrch2024 .quickSrch_inner::before {display:none;}
.quickSrch_wrap.quickSrch2024 .quickSrch_inner .quickSrch {width: 100%;}

.quickSrch_wrap.quickSrch2024 .autoComplete_wrap {display:block !important;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_scroll {max-height:calc(100vh - 400px);padding:0;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu {margin:36px 0 0;padding:0 32px !important;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_title {margin-bottom:16px;font-weight:900 !important;font-size: 18px;}

.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_title_wrap {display: flex;justify-content: space-between;margin-bottom:16px;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_title_wrap .ac_title {margin:0;}

.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_btn_keyword {border-radius:50px !important;font-size:14px;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .associate .ac_btn_keyword {border-radius:0 !important;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_nodata {margin-top:32px;padding:0;font-size:14px;text-align:left;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .nolately {margin:32px 0 0;font-size:14px;text-align:left;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_option {justify-content:flex-end;margin-top:0 !important;padding:0 32px 0 0 !important;background-color:#f8f8f8;border:none;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_option .ac_btn_text {color:#000;}

/* 검색바 영역 - quickSrch2024 커스텀 */
.quickSrch_wrap.quickSrch2024 .srch_input_wrap {height:62px;margin-left:32px;border-bottom:2px solid #000;}
.quickSrch_wrap.quickSrch2024 .srch_input_wrap #mainSearchClick {position:absolute;top:15px;right:32px;width:32px;height:32px;background:url('/pconts/images/dx/com/icon_header_search.svg') no-repeat center / 100%; pointer-events:auto;cursor:pointer;}
.quickSrch_wrap.quickSrch2024 .srch_input_wrap .srch_ico {position:absolute;top:15px;right:32px;width: 32px;height:32px;background:url('/pconts/images/dx/com/icon_header_search.svg') no-repeat center / 100%;color:transparent;pointer-events:auto;cursor:pointer;}
.quickSrch_wrap.quickSrch2024 .srch_input_wrap #totalSrchQuck {width:calc(100% - 100px);height:100%;margin-right:100px;padding-left:0 !important;padding-right:0 !important;color:#333;}
.quickSrch_wrap.quickSrch2024 .srch_input_wrap #totalSrchQuck:focus {border:none;line-height:60px;}
.quickSrch_wrap.quickSrch2024 .srch_input_wrap .btn_clear {right:70px;width:24px;height:24px;margin-top:-12px;}
.quickSrch_wrap.quickSrch2024 .srch_input_wrap .btn_back {display:none !important;}

/* 하단 회색 영역 - 신규 */
.quickSrch_wrap .ac_bottom {margin-top:32px;padding:36px 0 32px;background-color:#f8f8f8;}

/* 최근 검색어 토글 버튼 - 신규 */
.quickSrch_wrap.quickSrch2024 .latest-form {display:flex;align-items:center;}
.quickSrch_wrap.quickSrch2024 .latest-form .latest-label {color:#333;font-size:14px;}
.quickSrch_wrap.quickSrch2024 .latest-form .ac_btn_text.autoSave {position:relative;display:flex;align-items:center;width:48px;height:26px;margin-left:8px;padding:0 4px;border:1px solid #3048a2;background-color:#476eff;font-size:11px;color:#fff;border-radius:50px;}
.quickSrch_wrap.quickSrch2024 .latest-form .ac_btn_text.autoSave::before {content:'';display:block;position:absolute;top:2px;right:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,0.2);}
.quickSrch_wrap.quickSrch2024 .latest-form .ac_btn_text.autoSave.off {justify-content:flex-end;background-color:#949494;border-color:#949494;}
.quickSrch_wrap.quickSrch2024 .latest-form .ac_btn_text.autoSave.off::before {right:24px;}
.quickSrch_wrap.quickSrch2024 .latest-form .ac_btn_text.autoSave > span {padding:0 !important;margin:0 !important;overflow:hidden !important;position:absolute !important;border:0;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px);}

/* 배지 공통 - 신규 */
.quickSrch_wrap .badge-ai::before,
.quickSrch_wrap .badge-my::before,
.quickSrch_wrap .badge-hot::before {content:'';display:block;position:absolute;top:-8px;left:0;z-index:10;height:16px;padding:0 6px;font-size:10px;font-weight:900;border-radius:100px;color:#fff;}
.quickSrch_wrap .badge-ai::before {content:'AI';background-color:#17a381;}
.quickSrch_wrap .badge-my::before {content:'MY';background-color:#476eff;}
.quickSrch_wrap .badge-hot::before {content:'HOT';background-color:#ff4b44;}

/* 최근 검색어 - quickSrch2024 커스텀 */
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.latest .ac_list {margin:-4px;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.latest .ac_item {max-width:330px;margin:4px;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.latest .ac_btn_keyword {padding:7px 38px 7px 16px;color:#000;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.latest .ac_btn_remove {right:10px;width:28px;height:28px;margin-top:-14px;}

/* 지금 많이 찾고 있어요 - 신규 */
.quickSrch_wrap .autoComplete_wrap .ac_menu.look .ac_list {margin:-6px -2px;}
.quickSrch_wrap .autoComplete_wrap .ac_menu.look .ac_item {max-width:100% !important;margin:6px 2px !important;}
.quickSrch_wrap .autoComplete_wrap .ac_menu.look .ac_btn_keyword {padding:9px 16px;background-color:#f8f8f8;border-color:#f8f8f8;}
.quickSrch_wrap .autoComplete_wrap .ac_menu.look .ac_btn_keyword:hover {background-color:#ddd;border-color:#ddd;color:#000;}

/* 이런 정보를 찾고 계세요? - 신규 */
.quickSrch_wrap .autoComplete_wrap .ac_menu.info {margin-top:0;}
.quickSrch_wrap .autoComplete_wrap .ac_menu.info .ac_title {margin-bottom:8px;}
#quickSrchInfoSwiper {overflow:hidden;position:relative;margin:0 -32px;padding:0 32px;}
#quickSrchInfoSwiper .swiper-container {overflow:visible;padding-top:8px;padding-bottom:2px;}
#quickSrchInfoSwiper .swiper-slide {width:159px;}
#quickSrchInfoSwiper .swiper-link {overflow:hidden;display:flex;height:86px;padding:16px;background-color:#fff;border-radius:16px;}
#quickSrchInfoSwiper .info-img {flex-shrink:0;align-self:flex-end;margin-left:4px;}
#quickSrchInfoSwiper .info-text {font-size:12px;line-height:18px;font-weight:700;}
#quickSrchInfoSwiper .nav-button-prev,
#quickSrchInfoSwiper .nav-button-next {position:absolute;top:40px;z-index:10;display:block;width:24px;height:24px;}
#quickSrchInfoSwiper .nav-button-prev:disabled,
#quickSrchInfoSwiper .nav-button-next:disabled {opacity:0.08;}
#quickSrchInfoSwiper .nav-button-prev {left:24px;background:url('/pconts/images/dx/com/quickSrch_btn_swiper_prev.svg') no-repeat center;}
#quickSrchInfoSwiper .nav-button-next {right:24px;background:url('/pconts/images/dx/com/quickSrch_btn_swiper_next.svg') no-repeat center;}
#quickSrchInfoSwiper + .swiper-bottom .quickSrch-swiper-pagination {position:relative;display:flex;justify-content:center;margin-left:8px;}
#quickSrchInfoSwiper + .swiper-bottom .swiper-pagination-bullet {width:6px;height:6px;background-color:#ddd;border-radius:50%;opacity:1;}
#quickSrchInfoSwiper + .swiper-bottom .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:6px;}
#quickSrchInfoSwiper + .swiper-bottom .swiper-pagination-bullet-active {width:16px;background-color:#383b5a;border-radius:10px;}
#quickSrchInfoSwiper + .swiper-bottom {display:flex;justify-content:center;align-items:center;margin-top:16px;}
#quickSrchInfoSwiper + .swiper-bottom .quickSrch-swiper-controls button {display:block;width:20px;height:18px;background-color:#f1f1f3;background-repeat:no-repeat;background-position:center;background-size:16px auto; border-radius:4px;}
#quickSrchInfoSwiper + .swiper-bottom .quickSrch-swiper-controls button:disabled {display:none;}
#quickSrchInfoSwiper + .swiper-bottom #btnPlay {background-image:url('/pconts/images/shcard/ico-48-control1-a.png');}
#quickSrchInfoSwiper + .swiper-bottom #btnPause {background-image:url('/pconts/images/shcard/ico-48-control1-b.png');}
#quickSrchInfoSwiper.no-swiper .swiper-slide + .swiper-slide {margin-left:8px;} 
#quickSrchInfoSwiper.no-swiper + .swiper-bottom,
#quickSrchInfoSwiper.no-swiper .nav-button-prev,
#quickSrchInfoSwiper.no-swiper .nav-button-next {display:none;} 

/* 추천배너 - 신규 */
.quickSrch_wrap .ac_menu.info + .recommend-banner {margin-top:36px;}
.quickSrch_wrap .recommend-banner-link {display:flex;align-items:center;width:410px;height:60px;margin:0 auto;padding:8px 24px 8px 8px;background-color:#383b5a;border-radius:60px;}
.quickSrch_wrap .recommend-banner-img {flex-shrink:0;width:44px;background-color:#fff;border-radius:50%;}
.quickSrch_wrap .recommend-banner-text {font-size:14px;color:#fff;}
.quickSrch_wrap .recommend-banner-img + .recommend-banner-text {margin-left:12px;}

/* 연관 검색어 */
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate {margin-top:0;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list {margin: 0 -32px 0 0;padding:0;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list .ac_item {justify-content:space-between;padding:0 20px 0 0; border-bottom: 1px solid #eee; min-height: 60px;} 
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list .ac_item .ac_btn_keyword {padding:0;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list .ac_item:hover .ac_btn_keyword {text-decoration: underline;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_btn_keyword.srch::before {content: none;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_btn_srch {display:none;}

/* 연관검색어 - 배너 */
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list_banner {margin: 0 -32px 0 0;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list_banner .ac_item {padding: 0; border-bottom: 1px solid #eee; position: relative; width: 100%; display: flex; align-items: center; min-height: 60px;} 
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list_banner .ac_item::after {content: ''; display: block; position: absolute; top:50%; right:37px; transform: translateY(-50%); width: 6px; height: 11px; background: url('/pconts/images/shcard/221001_searchico01.png') no-repeat center/100%;} 
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list_banner .ac_item .ac_list_ico {width: 20px; height: 20px; flex: 0 0 auto;}
.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.associate .ac_list_banner .ac_item .ac_btn_keyword {width:100%;padding: 15px 20px 15px 8px;}

/* 검색 팝업 뜰 때 챗봇 z-index */
body.pop_open .quick_fixed {z-index:40;}


/* 통합검색 totalSrch2024 커스텀 */
body.slowTotalSearch .totalSrch_container.totalSrch2024 .srch_input_wrap { z-index:60; }

.totalSrch_container.totalSrch2024 #totalSrchOffsetLeft {margin-right:32px;}

.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 { z-index:10; } 
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .js_autoComplete.dxAccBox {padding-right:100px;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 {height:62px;border-bottom-color:#000;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .js_autoComplete.dxAccBox {height:100%;padding-left:0 !important;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .js_autoComplete.dxAccBox:focus {border:none;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .srch_ico {position:absolute;top:15px;right:8px;width:32px;height:32px;background:url('/pconts/images/dx/com/icon_header_search.svg') no-repeat center / 100%;color:transparent;pointer-events:auto;cursor:pointer;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 input.active {border:none;}

.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch_inner {z-index:52;overflow:visible !important;left:-32px;width:640px !important;padding-top:0;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch_inner {width:720px !important} /* 사이즈 메인과 동일 */
.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch {background-color:transparent;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch_dimmer {z-index:50;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap .srch_input_wrap.t1 .srch_ico {top:0;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap .autoComplete_wrap {border-radius:0 0 16px 16px;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap .autoComplete_wrap .ac_scroll {max-height:calc(100vh - 440px);}
.totalSrch_container.totalSrch2024 .quickSrch_wrap .autoComplete_wrap .ac_option {border-radius:0 0 16px 16px;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap.is_visible .quickSrch_dimmer.is_active {top:0 !important;}
.totalSrch_container.totalSrch2024 .quickSrch_wrap.is_visible .quickSrch_inner::before {content:'';display:block;position:absolute;height:calc(100% + 75px);width:640px;left:0;top:-75px;bottom:0;background-color:#fff;right:0;border-radius:16px;margin:auto; box-shadow:0px 2px 25px rgba(0,0,0,0.2);} 
.totalSrch_container.totalSrch2024 .quickSrch_wrap.is_visible .quickSrch_inner::before {width:720px;} /* 사이즈 메인과 동일 */

.totalSrch_container.totalSrch2024 .srch_tags_wrap.tags2022 {height:55px;margin-left:-11px;padding:0 5px; display:block; overflow:hidden;}
.totalSrch_container.totalSrch2024 .srch_tags_wrap.tags2022 .default.hashtag {font-weight:bold; color:#000; margin-right:13px;}
.totalSrch_container.totalSrch2024 .srch_tags_wrap.tags2022 .hashtag {border-radius:initial !important; border:none; margin:0; color:#888; height:auto; padding:4px 0; overflow:hidden; padding:4px 0 4px 8px;  }
.totalSrch_container.totalSrch2024 .srch_tags_wrap.tags2022 .hashtag:not(.default):hover {border-color:initial; color:initial; color:#888; text-decoration:underline;}

.totalSrch_container.totalSrch2024 .tab_list button > span {font-size:20px;}
.totalSrch_container.totalSrch2024 .tab_type01.tab_t1 > .tab_pull .tab_list::before {content:'';position:absolute;bottom:0;display:block;background:#eee;height:1px;width:calc(100% - 48px);left:0;right:0;margin:auto;}
.totalSrch_container.totalSrch2024 .tab_type01.swiper_tab.tab_t2 .tab_pull .swiper-button-next {top:0;}
.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list li a, 
.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list li button {color:#666;border:initial;background-color:#f6f6f6; border-radius:20px; font-size:15px;}
.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list li.current a {color:#fff;border:initial;background-color:#383b5a;}
.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list .swiper-slide li a:hover {border:initial;background-color:#ddd}
.totalSrch_container.totalSrch2024 .quickSrch_dimmer.is_active {opacity:0;}
.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list li a:hover {background-color:#ddd;}
.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list li.current a:hover {background-color:#383b5a;}

.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .sub_title {display:flex; align-items:center; flex-wrap:wrap; justify-content:center;max-width:100%;}
.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .sub_title .gonbaek {padding-right:7px;}
.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .sub_title .srch_keyword {overflow:hidden;max-width:165px;text-overflow:ellipsis;display:inline-block;}
.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .sub_title .srch_keyword > strong {white-space:nowrap;}

.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .srch_pani .srch_pani_link {height:auto; min-height:78px; padding:15px 80px 15px 40px;}
.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .srch_pani .srch_pani_link > span {word-break:break-word;}

.srch_keyword {color:#4868e1;}

.msie.pop_open .totalSrch_container.totalSrch2024 .srch_input_wrap.t1 {z-index:60}

/* 메인과 검색창 디자인 동일하게 맞추기 위한 css */
.totalSrch_container.totalSrch2024 #totalSrchOffsetLeft  + .srch_before {margin:0 32px;}
.totalSrch_container.totalSrch2024 .totalSrch_header {max-width:664px;}
.totalSrch_container.totalSrch2024 .totalSrch_header {max-width:750px;} /* 사이즈 메인과 동일 */
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 {margin-left:32px;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .srch_ico {right:32px;}
.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .btn_clear {right:70px;}

/* 피씨만 적용 */
@media only screen and (min-width: 1101px) {
	.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_menu.latest .swiper-wrapper {transform: translate3d(0px, 0px, 0px) !important;}
}

@media only screen and (max-width: 1100px) {
	/* 20240814668529 20241014665626 검색창 공통 - quickSrch2024 커스텀 */
	.quickSrch_wrap.quickSrch2024  {background-color:#fff !important;}
	.quickSrch_wrap.quickSrch2024 .quickSrch_inner {width:100% !important;padding-top:16px;border-radius:0;}
	.quickSrch_wrap.quickSrch2024 .quickSrch {height:100%;padding:0;}
	.quickSrch_wrap.quickSrch2024 .autoComplete_wrap {overflow:hidden auto;}
	.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_scroll {margin:0;height:auto;max-height:inherit;}
	.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_option {margin:0;background-color:#fff;}
	.quickSrch_wrap.quickSrch2024 .autoComplete_wrap .ac_option .ac_btn_text {font-size:12px;}

	/* 검색바 영역 - quickSrch2024 커스텀 */
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap {height:50px;padding-bottom:16px;}
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap #totalSrchQuck {width:calc(100% - 132px);margin-left:32px;font-size:15px;font-weight:400;line-height:32px;}
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap #totalSrchQuck:focus {line-height:32px;}
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap #totalSrchQuck::placeholder {font-size:15px;}
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap .btn_back {display:block !important;top:4px;left:0;width:24px;height:24px;margin:0;background:url('/pconts/images/dx/com/icon_header_back.svg') no-repeat;}
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap .srch_ico {top:0;}
	.quickSrch_wrap.quickSrch2024 .srch_input_wrap .btn_clear {top:4px;margin-top:0;}

	/* 지금 많이 찾고 있어요 - 신규 */
	.quickSrch_wrap .autoComplete_wrap .ac_menu.look .ac_btn_keyword {white-space:inherit !important;}
	.quickSrch_wrap .autoComplete_wrap .ac_menu.look .ac_btn_keyword span {overflow:hidden;display:block;display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;max-width:100%;-webkit-box-orient:vertical;}
	#quickSrchInfoSwiper .nav-button-prev,
	#quickSrchInfoSwiper .nav-button-next {top:60px;}

	/* 이런 정보를 찾고 계세요? - 신규 */
	#quickSrchInfoSwiper .swiper-slide {width:118px;}
	#quickSrchInfoSwiper .swiper-link {flex-direction:column;justify-content:space-between;height:128px;}
	#quickSrchInfoSwiper .info-img {margin-left:0;}

	/* 추천배너 - 신규 */
	.quickSrch_wrap .recommend-banner {padding:0 24px;}
	.quickSrch_wrap .recommend-banner-link {width:100%;}

	/* 통합검색 totalSrch2024 커스텀 */
	body.slowTotalSearch .totalSrch_container.totalSrch2024 .srch_input_wrap {z-index:10;}

	.totalSrch_container.totalSrch2024 #totalSrchOffsetLeft {margin-right:0;}
	.totalSrch_container.totalSrch2024 #totalSrchOffsetLeft + .srch_before {margin:0;}

	.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 {margin-left:0;}
	.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .srch_ico {right:8px;}
	.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .btn_clear {right:46px;}
	
	.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch_inner {width:100% !important;padding-top:16px;}
	.totalSrch_container.totalSrch2024 .quickSrch_wrap.is_visible .quickSrch_inner::before {display:none;}
	.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch {background-color:#fff;}

	.totalSrch_container.totalSrch2024 .quickSrch_wrap .srch_input_wrap {height:50px;margin-left:32px;}
	.totalSrch_container.totalSrch2024 .quickSrch_wrap .srch_input_wrap #queryMob {width:calc(100% - 100px);margin-left:32px;padding:0 !important;font-size:15px;font-weight:400;line-height:32px;}
	.totalSrch_container.totalSrch2024 .quickSrch_wrap .srch_input_wrap #queryMob:focus {border:none;line-height:32px;}
	.totalSrch_container.totalSrch2024 .quickSrch_wrap .srch_input_wrap #queryMob::placeholder {font-size:15px;}

	.totalSrch_container.totalSrch2024 .quickSrch_wrap .autoComplete_wrap .ac_scroll {max-height:initial !important;}

	.totalSrch_container.totalSrch2024 .srch_tags_wrap.tags2022 .hashtag:not(.default):hover {text-decoration:none;}

	.totalSrch_container.totalSrch2024 .tab_list button > span {font-size:17px;}
	.totalSrch_container.totalSrch2024 .tab_type01.tab_t2 .tab_list li a:hover {background-color:#f6f6f6;}

	.totalSrch_container.totalSrch2024 .srch_noData.srch2022 .srch_pani .srch_pani_link > span {word-break:keep-all;}

	/* 메인과 검색창 디자인 동일하게 맞추기 위한 css */
	.totalSrch_container.totalSrch2024 .totalSrch_header {max-width:600px;}
}


@media only screen and (max-width: 640px) {
	/* 통합검색 totalSrch2024 커스텀 */
	.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 {margin-right:-32px;}
	.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .srch_ico {right:32px;}
	.totalSrch_container.totalSrch2024 .srch_input_wrap.t1 .btn_clear {right:70px;}
	.totalSrch_container.totalSrch2024 .quickSrch_wrap .quickSrch_inner .srch_input_wrap.t1 {margin-right:0;}
}

#container[data-bind-view="MOBFM12102R01"] .contents{padding-top:30px}
#container[data-bind-view="MOBFM12102R01"] .ly_inner.gapt30{padding-bottom:30px;}

@media screen and (min-width: 1100px) {
	#container[data-bind-view="MOBFM12102R01"] .contents{padding-top:60px}
	#container[data-bind-view="MOBFM12102R01"] .ly_inner.gapt30{padding-top:60px !important;padding-bottom:70px;margin-top:0 !important;}
	#container[data-bind-view="MOBFM12102R01"] .expend_wrap.bg_gray{padding-bottom:0 !important;}
	#container[data-bind-view="MOBFM12102R01"] .submain_customer_consumer{margin:0;}
}

/* 20220720389942 휴대폰인증 공통 약관 페이지 제작요청*/
.dx-iframe{border:none;height:480px;width:100%;}
@media only screen and (max-width: 1100px) {
    .dx-iframe{height:calc(100vh - 147px);}
}
.dx-iframe2{border:none;height:400px;width:100%;}
@media only screen and (max-width: 1100px) {
    .dx-iframe2{height:calc(100vh - 223px);}
}

/* 신한플레이 분기용 */
.app_pLay #evtApply {margin-left:0;}
/* pLay만 숨김 */
.app_pLay .c-hide-pLay {display:none !important;}
/* pLay만 노출 */
body:not(.app_pLay) .c-show-pLay{display:none !important;}


/* 오픈뱅킹 관련해서 임시 css */
.openbanking-wrap{margin:0 auto !important;}

/* 이벤트 준법 수동입력시 사용 */
.jun-li-reset{padding-left:0 !important;}
.jun-li-reset::before{display:none !important;}

/* 20220707467015 가족카드 신청 시 출력문구 */
.txt_fmyCrdYn_y{position:relative;margin-bottom:25px !important;font-size:15px !important;}

/* 20220722474995 환불 신청 메뉴(즉시 환불) 신설 요청: /pconts/dx/svn/my/MOBFM599.html*/
.c-ly_inner_tab.ly_inner .tab_pull .tab_list {margin-left:-13px}
.c-install_payment.install_payment.swiper-container.justify-start .swiper-wrapper{justify-content:flex-start;}
.c-payment_total_wrap.payment_total_wrap {height: auto;}
.c-payment_total_wrap .payment_total .inner .price em {margin-left:0}
.c-install_payment_list label {font-size:16px; display: flex; padding:25px 0; align-items: center;}
.c-install_payment_list .box {flex:1 0 0}
.c-install_payment_list .box.box-col1 {position:relative}
.c-install_payment_list .box.box-col2 {width:265px; flex:none; text-align: right;}
.c-install_payment_list .txt-wrap {display: flex; flex-direction: column; padding-left:45px}
.c-install_payment_list .check_wrap2 {position: absolute; left:0; top:50%; transform: translate(0,-50%); width:26px; height: 26px; display: inline-block;}
.c-install_payment_list input[type='checkbox'] {width:100%; height: 100%; display: block; border-radius: 50%; opacity: 0; position: absolute; left:0; top:0; margin:0; padding:0; }
.c-install_payment_list input[type='checkbox'] + span {width:100%; height: 100%; display: block; border-radius: 50%;}
.c-install_payment_list input[type='checkbox'] + span::before {position:absolute; left:0; display:block; content:''; width:100%; height: 100%; border:none;  background: url(/pconts/images/shcard/ipt-chk1-a.png) center center no-repeat; background-size:100% auto;}
.c-install_payment_list input[type='checkbox']:focus + span::before {border-radius: 50%; box-shadow:0 0 0 2px rgba(72,104,225,0.5);}
.c-install_payment_list input[type='checkbox']:checked + span::before {background-image: url(/pconts/images/shcard/ipt-chk1-b.png); }
@media only screen and (max-width: 1100px) {
.c-install_payment_list label {align-items:flex-start;flex-direction:column;}
    .c-install_payment.install_payment.swiper-container .swiper-wrapper {justify-content:flex-start;}
    .c-payment_total_wrap .payment_total .inner .price {float:none}
    .c-install_payment_list .box.box-col2 {padding-left:45px; width:100%}
    .c-ly_inner_tab.ly_inner .tab_pull .tab_list{margin-left:-10px}
}

/* 20220728763254 카드신청 1원인증 계좌 선택 */
.fnLayerBank.pop_wrap.auto_h .popup {max-height:calc(100% - 60px);}
.fnLayerBank.pop_wrap .popup_type01 .pop_head{padding-top:10px;}
.fnLayerBank.pop_wrap .popup:not(.pop-bottom) .btn_close {top:20px;}
.fnLayerBank .pop_cont{background-color:#f6f6f6;}
.fnLayerBank .popup_type01 .pop_btn{padding:20px;}
.fnLayerBank .tab_wrap {margin: 15px 0;}
.fnLayerBank .bank_lists {border:none;margin:-5px -10px;}
.fnLayerBank .bank_lists li {width: calc(33.3333% - 20px);height:auto;margin:5px 10px;}
.fnLayerBank .bank_lists li .bank_radio label {max-width:140px;margin:0 auto;border:none;background-color:transparent;}
.fnLayerBank .bank_lists .bank_radio input:checked + label:after{border-radius:3px;border:1px solid #476eff;background-color:#fff;}
.bank_radio input:focus + label {box-shadow:0 0 0 2px rgb(72 104 225 / 50%);z-index:3;}
.fnLayerBank .bank_lists_wrap [class*=icb_], .fnLayerBank [class*=ic-r-bank] {overflow:visible;height:auto;padding:55px 0 6px;background-position:center 11px;background-size:40px; text-align:center !important;font-size:14px;line-height:1.53;text-overflow:initial;white-space:normal;}
.icb_088, .ic-r-bank1{background-image:url(/pconts/images/bank/bg_icon_bank01_01.png) !important;} /* 신한 */
.icb_003, .ic-r-bank2{background-image:url(/pconts/images/bank/bg_icon_bank02_01.png) !important;}  /* IBK기업 */
.icb_004, .ic-r-bank3{background-image:url(/pconts/images/bank/bg_icon_bank03_01.png) !important;}  /* KB국민 */
.icb_023, .ic-r-bank4{background-image:url(/pconts/images/bank/bg_icon_bank04_01.png) !important;}  /* SC제일 */
.icb_031, .ic-r-bank5{background-image:url(/pconts/images/bank/bg_icon_bank05_01.png) !important;}  /* 대구 */
.icb_037, .ic-r-bank6{background-image:url(/pconts/images/bank/bg_icon_bank06_01.png) !important;}  /* 전북 */
.icb_032, .ic-r-bank7{background-image:url(/pconts/images/bank/bg_icon_bank07_01.png) !important;}  /* 부산 */
.icb_034, .ic-r-bank8{background-image:url(/pconts/images/bank/bg_icon_bank08_01.png) !important;}  /* 광주 */
.icb_020, .ic-r-bank9{background-image:url(/pconts/images/bank/bg_icon_bank09_01.png) !important;}  /* 우리 */
.icb_035, .ic-r-bank10{background-image:url(/pconts/images/bank/bg_icon_bank10_01.png) !important;} /* 제주 */
.icb_081, .ic-r-bank11{background-image:url(/pconts/images/bank/bg_icon_bank11_01.png) !important;} /* KEB하나 */
.icb_011, .ic-r-bank12{background-image:url(/pconts/images/bank/bg_icon_bank12_01.png) !important;} /* NH농협 */
.icb_039, .ic-r-bank13{background-image:url(/pconts/images/bank/bg_icon_bank13_01.png) !important;} /* 경남 */
.icb_012, .ic-r-bank14{background-image:url(/pconts/images/bank/bg_icon_bank14_01.png) !important;} /* 지역농협 */
.icb_045, .ic-r-bank15{background-image:url(/pconts/images/bank/bg_icon_bank15_01.png) !important;} /* 새마을금고 */
.icb_007, .ic-r-bank16{background-image:url(/pconts/images/bank/bg_icon_bank16_01.png) !important;} /* 수협 */
.icb_048, .ic-r-bank17{background-image:url(/pconts/images/bank/bg_icon_bank17_01.png) !important;} /* 신협 */
.icb_064, .ic-r-bank30{background-image:url(/pconts/images/bank/bg_icon_bank30_01.png) !important;} /* 산림조합중앙회 */
.icb_071, .ic-r-bank18{background-image:url(/pconts/images/bank/bg_icon_bank18_01.png) !important;} /* 우체국 */
.icb_002, .ic-r-bank20{background-image:url(/pconts/images/bank/bg_icon_bank20_01.png) !important;} /* 산업 */
.icb_005, .ic-r-bank21{background-image:url(/pconts/images/bank/bg_icon_bank21_01.png) !important;} /* (구)외환 */
.icb_027, .ic-r-bank22{background-image:url(/pconts/images/bank/bg_icon_bank22_01.png) !important;} /* 한국시티은행(한미) */
.icb_054, .ic-r-bank23{background-image:url(/pconts/images/bank/bg_icon_bank23_01.png) !important;} /* HSBC */
.icb_021, .ic-r-bank24{background-image:url(/pconts/images/bank/bg_icon_bank24_01.png) !important;} /* (구)조흥 */
.icb_026, .ic-r-bank25{background-image:url(/pconts/images/bank/bg_icon_bank25_01.png) !important;} /* (구)신한 */
.icb_055, .ic-r-bank26{background-image:url(/pconts/images/bank/bg_icon_bank26_01.png) !important;} /* 도이치은행 */
.icb_089, .ic-r-bank27{background-image:url(/pconts/images/bank/bg_icon_bank27_01.png) !important;} /* K뱅크 */
.icb_090, .ic-r-bank28{background-image:url(/pconts/images/bank/bg_icon_bank28_01.png) !important;} /* 카카오뱅크 */
.icb_092 {background-image:url(/pconts/images/bank/bg_icon_bank092_01.png) !important;} /* 토스뱅크 */
.icb_209, .ic-r-bank31{background-image:url(/pconts/images/bank/bg_icon_bank31_01.png) !important;} /* 유안타증권 */
.icb_218, .ic-r-bank32{background-image:url(/pconts/images/bank/bg_icon_bank32_01.png) !important;} /* 현대증권 */
.icb_238, .ic-r-bank34{background-image:url(/pconts/images/bank/bg_icon_bank34_01.png) !important;} /* 미래에셋증권 */
.icb_240, .ic-r-bank35{background-image:url(/pconts/images/bank/bg_icon_bank35_01.png) !important;} /* 삼성증권 */
.icb_243, .ic-r-bank36{background-image:url(/pconts/images/bank/bg_icon_bank36_01.png) !important;} /* 한국투자증권 */
.icb_247, .ic-r-bank37{background-image:url(/pconts/images/bank/bg_icon_bank37_01.png) !important;} /* 우리투자증권 */
.icb_262, .ic-r-bank38{background-image:url(/pconts/images/bank/bg_icon_bank38_01.png) !important;} /* 하이투자증권 */
.icb_263, .ic-r-bank39{background-image:url(/pconts/images/bank/bg_icon_bank39_01.png) !important;} /* HMC투자증권 */
.icb_266, .ic-r-bank40{background-image:url(/pconts/images/bank/bg_icon_bank40_01.png) !important;} /* SK증권 */
.icb_269, .ic-r-bank41{background-image:url(/pconts/images/bank/bg_icon_bank41_01.png) !important;} /* 한화증권 */
.icb_270, .ic-r-bank42{background-image:url(/pconts/images/bank/bg_icon_bank42_01.png) !important;} /* 하나대투증권 */
.icb_050, .ic-r-bank43{background-image:url(/pconts/images/bank/bg_icon_bank43_01.png) !important;} /* 상호 */
.icb_278, .ic-r-bank44{background-image:url(/pconts/images/bank/bg_icon_bank44_01.png) !important;} /* 신한금융투자 */
.icb_287, .ic-r-bank45{background-image:url(/pconts/images/bank/bg_icon_bank45_01.png) !important;} /* 메리츠증권 */
.icb_280, .ic-r-bank46{background-image:url(/pconts/images/bank/bg_icon_bank46_01.png) !important;} /* 유진투자증권 */
.icb_291, .ic-r-bank47{background-image:url(/pconts/images/bank/bg_icon_bank47_01.png) !important;} /* 신영증권 */
.icb_261, .ic-r-bank48{background-image:url(/pconts/images/bank/bg_icon_bank48_01.png) !important;} /* 교보증권 */
.icb_267, .ic-r-bank49{background-image:url(/pconts/images/bank/bg_icon_bank49_01.png) !important;} /* 대신증권 */
.icb_279, .ic-r-bank50{background-image:url(/pconts/images/bank/bg_icon_bank50_01.png) !important;} /* 동부증권 */
.icb_290, .ic-r-bank51{background-image:url(/pconts/images/bank/bg_icon_bank51_01.png) !important;} /* 부국증권 */
.icb_265, .ic-r-bank52{background-image:url(/pconts/images/bank/bg_icon_bank52_01.png) !important;} /* 이트레이드증권 */
.icb_268, .ic-r-bank53{background-image:url(/pconts/images/bank/bg_icon_bank53_01.png) !important;} /* 솔로몬투자증권 */
.icb_292, .ic-r-bank54{background-image:url(/pconts/images/bank/bg_icon_bank54_01.png) !important;} /* LIG투자증권 */
.icb_247, .ic-r-bank55{background-image:url(/pconts/images/bank/bg_icon_bank55_01.png) !important;} /* NH투자증권 */
.icb_264, .ic-r-bank56{background-image: url(/pconts/images/bank/bg_icon_bank56_01.png) !important;} /* 키움증권 */
.fnLayerBank .bank_selected_wrap{margin-top:15px;padding:0 30px;}
.fnLayerBank .bank_selected_wrap .bank_selected{bordeR:none;margin:0;padding:0;}
.fnLayerBank .bank_selected_wrap input[type='tel'] {height:42px; border:none;border-bottom:1px solid #eee;padding:0;line-height:40px;font-size:18px;color:#000;}
.fnLayerBank .bank_selected_wrap input[type='tel']:focus{border-color:#476eff}
.fnLayerBank .bank_selected_wrap input[type='tel']::placeholder{color:#949494;}
.fnLayerBank .bank_selected_wrap .bank_selected .bank_account{padding-left:0;padding-right:0;}
.fnLayerBank .bank_selected_wrap [class*=icb_], [class*=ic-r-bank] {background-position:left center;padding-left:25px;height:18px;font-size:14px;line-height:18px;}
/* 접근성 관련 마크업 변경으로 인한 css 추가 */
.fnLayerBank .bank_lists_wrap [class*=icb_], .fnLayerBank [class*=ic-r-bank]{position:relative;}
.fnLayerBank .bank_lists .bank_radio input:checked + span:after {content: '';display: block;position: absolute;left: 0;right: -1px;bottom: -1px;top: 0;z-index: -1;border-radius: 3px;border: 1px solid #476eff;background-color: #fff;}
@media only screen and (max-width: 1100px) {
	.fnLayerBank.pop_wrap .popup {max-height:calc(100% - 45px) !important;border-radius:16px 16px 0 0 !important;}
	.fnLayerBank .bank_selected_wrap{padding:0 20px;}
	.fnLayerBank .bank_lists_wrap [class*=icb_] br {display:none;}
}
@media only screen and (max-width: 360px) {
	.fnLayerBank .bank_lists_wrap [class*=icb_]  br {display:inline;}
}

/* 앱통합지원_안내페이지 */
.devcss .dx-asis{display:none;}
.devcss .dx-tobe{display:block;}
.dx-asis{display:block;}
.dx-tobe{display:none;}
#wrap.cloneBtn-open {padding-bottom:87px;}
.cloneBtn.t1{padding: 30px 16px 10px;}
.cloneBtn.t1 .c-article{padding:0;}
.cloneBtn .clone-hide{display:none;}
#fixedBtn .btn_c1 .btn.mo,
#fixedBtn .btn-wrap-dx .btn.mo,
.cloneBtn.t1 .btn_c1 .btn.mo,
.cloneBtn.t1 .btn_wrap .btn.mo{display:none;} 
body.mobile .cloneBtn.t1 .btn_c1 .btn.mo,
body.mobile .cloneBtn.t1 .btn_wrap .btn.mo{display:inline-block;}
.cloneBtn.t1 .btn_c1{float:right;}
.cloneBtn.t1 .btn_c1 .btn.blue{float:none;}
@media only screen and (max-width: 1100px){
	#wrap.cloneBtn-open {padding-bottom:0;}
    #fixedBtn .btn_c1.col2{display:flex;}
	#fixedBtn .btn_c1.col2 .btn{flex:1;padding:0 20px;width:auto;min-width:auto;}
	#fixedBtn .btn_c1.col2 .btn + .btn{margin-left:8px;}
	.cloneBtn.t1 .btn_c1{float:none;flex:1;width: 100%;}
    .cloneBtn.t1 .txt-box{display:none;} 
    .cloneBtn.t1 .btn_c1 .btn{flex:1;padding:0 10px;min-width:inherit;width:100%;} 
    .cloneBtn.t1 .btn.ico_btn{max-width:55px;}
}

/* 스텝 디자인 맞춤 */
.flow_step ul li i{vertical-align:baseline;}
.flow_step ul li.current i,
.flow_step ul li.complete i{background-color:#476eff;}
@media only screen and (max-width: 1100px){
	.flow_step ul li i{vertical-align:2px;}
}

/* 20220826590575 내가 받은 혜택 s*/
.c-mypage.report_month_swiper {border-bottom:1px solid #ddd}
.c-mypage.report_month_swiper .current_month {display:block; font-size:20px; font-weight: 700;}
.c-mypage.report_month_swiper .current_period {display:block; margin-top:7px; font-size:13px; color:#666}
.c-mypage.card_reportlist_wrap {margin:0}
.c-mypage.card_reportlist_wrap + .gap100_60 {margin:65px 0 15px}
.c-mypage.card_reportlist_wrap .dashdesk .this_month {margin-right:-25px}
.c-mypage.card_reportlist_wrap .dashdesk.swiper-slide {padding:30px 0 20px}
.c-mypage.card_reportlist_wrap .swiper-button-next,.c-mypage.card_reportlist_wrap .swiper-button-prev {top:40px}
.c-mypage.card_reportlist_wrap + div.align_r {margin:45px 0 15px}
.c-mypage.tit-benefit {text-align: center; color:#111; padding:35px 0}
.c-mypage.tit-benefit .name {font-size:20px; }
.c-mypage.tit-benefit .name b {font-weight:700;}
.c-mypage.tit-benefit .name b.fw900 {font-weight:900;}
.c-mypage.tit-benefit .num {font-size:43px;}
.c-mypage.tit-benefit .num em {font-size:46px; font-weight: 900; line-height:1}
.c-mypage.tit-benefit .text_pointer20::after {height:20px; bottom:2px}
.c-mypage.list-data {margin-top:40px; overflow:hidden}
.c-mypage.list-data > ul {display: flex; flex-wrap: wrap; margin:0 -25px}
.c-mypage.list-data > ul > li {padding:0 25px; width:50%; margin-top:25px; position: relative; border-left:1px solid #eee}
.c-mypage.list-data > ul > li:nth-child(1),.c-mypage.list-data > ul > li:nth-child(2) {margin-top:0px}
.c-mypage.list-data a {display:flex; width:100%; position: relative;}
.c-mypage.list-data a::after {display: block; content:''; position:absolute; top:8px; right:3px; width:9px; height:9px; border:1px solid #333; border-right:0; border-bottom:0; transform: rotate(135deg);}
.c-mypage.list-data a b {flex:1; margin-right: 20px; font-weight: 400;}
.c-mypage.list-data .data_num {width:140px; text-align: right;font-size:18px; font-weight:900; padding-right: 20px;}
.c-mypage.select-tooltip {display: flex; align-items:center; margin:25px 0 0}
.c-mypage.select-tooltip > div {flex:1}
.c-mypage.select-tooltip > button {margin-left:10px}    
.c-mypage.select_month_wrap {top:70px; left:50%; transform: translateX(-50%); margin-left:0; z-index: 20; padding-top:40px}
.c-mypage.select_month_wrap .btn_close {width:24px;height:24px;background:url(/pconts/images/shcard/ico-72-close1.png) center center no-repeat; background-size:100% auto; top:19px; right:16px; position: absolute; color:transparent; overflow: hidden; display: block; transition:transform 1s ease-in-out;}
.c-mypage.select_month_wrap .btn_close > span {width:100%; height:100%; overflow: hidden; user-select: none; display: block;}
.c-mypage [class*=c-btn4-a1] {background:#eff0f5; border-color: #eff0f5; color:#494f60;}
.c-mypage [class*=c-btn4-a1] {min-width: 180px;}
.c-mypage.c-list .accordion_header button.acc_btn, .c-mypage.c-list .accordion_header a[role="button"].acc_btn {border-bottom:1px solid #ddd}
.c-mypage.c-list .my_benefit_list li {border-top:1px solid #eee; margin-top:-1px}
.c-mypage.c-list  + .c-mypage.c-list  {margin-top:-1px}
.c-mypage.c-list .item {display: flex; font-weight: 700;}
.c-mypage.c-list.c-none .item > * {width:50%}
.c-mypage.c-list.c-only .my_benefit_list > li {padding:30px 20px}
.c-mypage.c-list .cell1 {width:360px; padding-right: 0px; font-size:14px; color:#666; }
.c-mypage.c-list .my_benefit_list .item .cell1 .date {margin:0;}
.c-mypage.c-list .my_benefit_list .item .cell1 .date:after {content: none;}
.c-mypage.c-list .my_benefit_list > li {border-bottom:1px solid #eee}
.c-mypage.c-list .my_benefit_list li:last-child {border-bottom:1px solid #eee}
.c-mypage.c-list .my_benefit_list + .btn_wrap button {width:140px}
/* .c-mypage.c-list .my_benefit_list .item .cell1 .info {padding:0} */
.c-mypage.c-list .cell1 .info {padding-right: 0;}
.c-mypage.c-list .cell1 .date2 {font-weight: 400;}
.c-mypage.c-list .cell1 .card-wrap2 {margin-top:5px}
.c-mypage.c-list .cell1 .card-wrap {display: flex; flex-wrap: wrap; font-size:13px; margin-top:12px}
.c-mypage.c-list .cell1 .card-wrap .info {max-width: 135px; padding:0 10px 0 0}
.c-mypage.c-list .cell1 .card-wrap .name {flex: 1; padding-left:10px; position: relative; padding-top:2px}
.c-mypage.c-list .cell1 .card-wrap .name::after {display: inline-block; content: ''; width:1px; height:calc(100% - 6px); position:absolute; left:0; top:3px; background:#eee}
.c-mypage.tit-benefit .wrap-btn-filter {margin:5px 0 0}
.c-mypage.c-list .c-cell2 {flex:1; padding-left: 25px; display: flex; flex-direction: column;font-size:16px; }
.c-mypage.c-list .c-cell2 .col {display: flex; flex-direction: row; flex-wrap: wrap;}
.c-mypage.c-list .c-cell2 .col + .col {margin-top:7px; padding-top:2px}
.c-mypage.tit-benefit .btn-filter {max-width:260px; background:#fff; border:1px solid #ddd; border-radius: 2px; color:#494f60; position: relative; height:32px; line-height: 31px; font-size: 13px; padding:0 14px 0 34px}
.c-mypage.tit-benefit .btn-filter span {white-space:nowrap; display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 100%; text-align: center;}
.c-mypage.tit-benefit .btn-filter::after {content:''; display: inline-block; width:20px; height:18px; background:url(/pconts/images/contents/mypage/reportlist_filter_02.png) 0 center no-repeat; position: absolute; background-size: 80% auto; top: 6px;left:11px}
.c-mypage.c-list .c-cell2 .detail_price {width:175px; text-align: right;}
.c-mypage.c-list .c-cell2 .detail_title {flex:1 0; flex-basis:calc(100% - 175px);}
.c-mypage.c-list .c-cell2 .title2 {font-size:14px; font-weight: 400; color: #111;}
.c-mypage.c-list .c-cell2 .price2 {font-size:14px; color: #111;}
.c-mypage.c-list .my_benefit_head .my_benefit_money.text_pointer::after {height: 10px;}
.pop_wrap.medium.c-height .c-mypage.select-tooltip {margin-bottom:300px}
.pop_wrap.medium.c-height .popup {max-height:600px}
.c-mypage .btn_tooltip {background:url(/pconts/images/common/btn_tooltip_q.svg) no-repeat center center; background-size:100% auto}
.tooltip_wrap.z-10000 {z-index: 10000;}
.c-mypage.c-btn-toggle {width:auto; line-height:15px; font-size:14px; color:#111; font-weight:700; padding-right:20px; background:url('/pconts/images/shcard/ico-48-sort1.png') no-repeat right 50%/16px auto}
.c-mypage.c-list.c-list-point .my_benefit_list > li {padding-bottom:50px; position: relative;}
.c-mypage.c-list.c-list-point .point {position:absolute; bottom:25px}
.c-mypage.c-list .c-cell2 .point .title2 {font-size:14px; color:#666; font-weight:700}
.c-mypage.c-list .cell1 .card-wrap .info > * {vertical-align:middle; position:relative; top:-1px}
.c-mypage.c-list .ico_card_logo {top:-1px}
.c-mypage.c-list .cell1 .card-wrap {margin-top:11px}
@media only screen and (max-width: 1100px){
	.c-mypage.c-list .cell1 .card-wrap .name {padding-top:1px}
	.c-mypage.c-list .cell1 .card-wrap .info > *  {top:0}
	.pop_wrap.medium.c-height .popup {max-height:100%}
	.c-mypage.card_reportlist_wrap + .gap100_60 {margin:40px 0 12px}
	.c-mypage.card_reportlist_wrap + div.align_r {margin:20px 0 12px}
	.c-mypage.card_reportlist_wrap .dashdesk.swiper-slide {padding:25px 0 15px}
	.c-mypage.card_reportlist_wrap .swiper-button-next,.c-mypage.card_reportlist_wrap .swiper-button-prev {top:36px}
	.c-mypage.list-data > ul {flex-direction: column;}
	.c-mypage.list-data > ul > li {width: 100%;}
	.c-mypage.list-data > ul > li:nth-child(2) {margin-top:25px}
	.c-mypage.tit-benefit {padding:25px 0}
	.c-mypage.tit-benefit .name {font-size:16px; } 
	.c-mypage.tit-benefit .num {font-size:27px}
	.c-mypage.tit-benefit .num em  {font-size:28px}
	.c-mypage.tit-benefit .text_pointer20::after {height:15px; bottom:0px}
	.c-mypage.select_month_wrap  {left:50%; transform: translateX(-50%); margin-left:0}
	.c-mypage.c-list .item {flex-direction: column;}
	.c-mypage.c-list .c-cell2 .detail_price {width:105px}
	.c-mypage.c-list .cell1 {padding-right: 0; width: auto; margin-top:10px; font-size:13px}
	.c-mypage.c-list .c-cell2 {padding-left:0}  
	.c-mypage.c-list.c-only .my_benefit_list > li {padding:20px 10px} 
	.c-mypage.c-list .cell1 .card-wrap {margin-top:5px}
	.c-mypage.c-list .cell1 .card-wrap .info {max-width: auto;}  
	.c-mypage.c-list .my_benefit_head .my_benefit_money.text_pointer::after {bottom:0}  
.c-mypage.c-list.c-none .item > * {width:100%}
.c-mypage.c-list.c-list-point .my_benefit_list > li  {padding-bottom:50px}
.c-mypage.c-list .c-cell2 .point .title2 {font-size:13px;}
}
/* 20220826590575 내가 받은 혜택 e*/


/* 20220923400975 지정인 알림 서비스 */
.designate_name.df_list_wrap .df_list .item.tit {width:50%; text-align: center !important; }
.designate_name.df_list_wrap.single .df_list .item.con {width:50%; text-align: center !important;}
.designate table {text-align: center;}
.designate table td.nodata {padding:20px 0; text-align: center;}


/* 20220705353085 오픈뱅킹서비스 연계팝업 */
.bank-select .pop_head {padding: 22px 30px 25px 30px;}
.bank-select .card_inquiry_list .accordion_header .card_head {width: 100%; padding:20px 0px 20px 18px;font-weight: 700;font-size: 16px;}
.bank-select .radio_wrap.radio_ul {width: 100%;border:none;}
.bank-select .radio_wrap li {border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 5px 16px rgb(69 82 94 / 17%); margin-bottom:10px;}
.bank-select .radio_wrap.radio_ul li + li label span {width: 100%; border-top:none;}
.bank-select .radio_wrap.radio_ul .radio_default input[type="radio"] + span {width: 100%; padding:10px 0 9px 49px; line-height: 1.3; font-weight: bold;}
.bank-select .radio_wrap.radio_ul .bank-mark {display: inline; padding-left: 33px;}
.bank-select .radio_wrap.radio_ul .radio_default input[type="radio"] + span:before {margin-left: 18px; top: 50%; }
.bank-select .radio_wrap.radio_ul .radio_default input[type="radio"] + span:after {margin-left: 18px; top: 50%; margin-top: -7px;}
.bank-select .accordion_wrap.btm_line {border-bottom:none;}

.bank-select .bank_ist {padding:30px 70px 0 70px;}
.btn_txt_line {text-decoration-line: underline}
.bank-select .marker_dot > li + li {margin-top: 13px;}
.bank-select .complete_body::before {top: 40px !important;}
.bank-select .complete_body:not(.disaster-logo, .logo, .no_body, .sbi, .kakao_ryan, .card_activity_chart) {padding-top: 132px !important;}
@media only screen and (max-width: 1100px){
	.bank-select .bank_ist {padding: 30px 0 0 0;}
}

.accordion_wrap.type04 .text_wrap .lef_cont{word-break: break-all;}
/*금융>일반대출>신분증촬영*/
.img-pic-idcard {width:243px;height:213px;margin:0 auto 30px;}

/* 금융>장기카드대출> 신분증 진위확인 팝업 아이콘 수정 */
    .pop_wrap .n-card-pop.pop-bottom .first-check.chk-conts>li.check-list .chk-img{width:50px; height:50px;margin:0 auto;}
    .pop_wrap .n-card-pop.pop-bottom .first-check.chk-conts{margin-top:5px;}
    .pop_wrap .n-card-pop.pop-bottom .first-check.chk-conts>li.check-list span{padding-top:7px;}
    .pop_wrap .n-card-pop.pop-bottom .first-check.chk-conts{align-items: start}
    @media only screen and (max-width: 1100px){
        .pop_wrap .n-card-pop.pop-bottom .first-check.chk-conts>li.check-list.my-check04 {
        background-image:none;
        }
    }

/* 안내페이지 공통 상단 */
.cloneBtn.t1{padding:15px 24px;background:#fff;border-top:1px solid #ddd;}
.cloneBtn.t1 .txt-box{padding-top:10px;}
.cloneBtn.t1 .btn-wrap-dx{margin-top:0;text-align:right;}
.cloneBtn.t1 .btn.ico_btn{position:relative;right:auto;}
.cloneBtn.t1 .sub-textBtn{display:none;}
.sub-tabMt{margin-top:-40px;}
.sub-topInfo{padding:53px 0 60px;}
.sub-topInfo .sub-tit{font-size:2.8rem;line-height:1.4;font-weight:700;}
.sub-topInfo .sub-info{margin-top:8px;}
.sub-topInfo .sub-info > li{display:flex;font-size:2.4rem;line-height:1.6;}
.sub-topInfo .sub-info > li .tit{display:block;flex:none;width:102px;}
.sub-topInfo .sub-info > li .info{display:block;flex:1;}
.sub-topInfo .sub-txt{margin-top:12px;font-size:2.4rem;line-height:1.4;color:#000;}
.sub-topInfo .sub-stxt{margin-top:5px;font-size:1.5rem;color:#666;}
.sub-topInfo .btn_wrap{text-align:center;}
.sub-topInfo .btn_wrap .btn.ico_btn.share{display:none;}  
.sub-topInfo .btn_wrap .btn.ico_btn.share + .btn{margin-left:0 !important;}
.sub-topInfo .sub-textBtn{margin-top:15px;text-align:center;}
.sub-topInfo .sub-textBtn .text_link{margin-top:5px;padding:0 7px;font-size:1.6rem;}
.sub-topInfo .text_underline{text-decoration:underline;}
.sub-topInfo .text_underline::before, .sub-topInfo .text_underline::after {display:none;}
.dl_wrap.dl_single_dx{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:35px 0 60px;}
.dl_wrap.dl_single_dx .df_list{display:block;}
.dl_wrap.dl_single_dx .df_list .item_wrap{display:flex;flex-wrap:wrap;margin-top:30px;}
.dl_wrap.dl_single_dx .df_list .item_wrap:first-child{margin-top:0;}
.dl_wrap.dl_single_dx .df_list .item{float:none;display:inline-block;}
.dl_wrap.dl_single_dx .df_list .item.tit{flex:none;width:170px;padding:0 30px;font-weight:700;}
.dl_wrap.dl_single_dx .df_list .item.con{flex:1;width:100%;min-height:auto;padding:0 30px 0 0;}
.dl_wrap.dl_single_dx .df_list .item_wrap dd.con::after{display:none;}
.division_group2.dvsg2_dx{margin-top:0;}
.division_group2.dvsg2_dx dl{padding:0 20px 0 40px;}
.division_group2.dvsg2_dx dl:first-child{padding-left:0;}
.division_group2.dvsg2_dx dl:last-child{padding-right:0;}
.division_group2.dvsg2_dx .title{min-height:auto;font-size:2rem;}
.division_group2.dvsg2_dx .info{margin-top:25px;}
.division_group2.dvsg2_dx .info strong{font-size:1.8rem;line-height:1.4;}
.division_group2.dvsg2_dx .info .sub_txt{margin-top:10px;}
.division_group2.dvsg2_dx .info .sub_txt li{color:#333;}
.sub-topbanner{position:relative;width:100%;min-height:48px;background:#edf0f8;color:#000;}
.sub-topbanner:before{content:'';display: block;position: absolute;z-index: 0;left: calc(-50vw + 50%);top: 0;width: 100vw;height: 100%;background:#edf0f8;}
.sub-topbanner>*{position:relative;z-index:1;}
.sub-topbanner .link{display:block;height:100%;width:100%;}
.sub-topbanner .icon{position:absolute;top:12px;left:0;width:24px;height:24px;}
.sub-topbanner .icon img{vertical-align:top;}
.sub-topbanner .txt{display:block;padding:12px 100px 12px 35px;}
.sub-topbanner .st-link{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.sub-mdbanner .txt{font-size:2rem;font-weight:700;}
@media only screen and (max-width: 1100px){
	.h_title24.m_tit22{font-size:2.2rem;}
	.h_title.m_tit20{font-size:2.0rem;}
	.cloneBtn.t1{padding:20px 24px;}
    .sub-topInfo{padding:34px 0 40px;}
    .sub-topInfo .sub-tit{font-size:2.4rem;}
    .sub-topInfo .sub-info > li{font-size:1.8rem;}
    .sub-topInfo .sub-info > li .tit{width:85px;}
    .sub-topInfo .sub-txt{font-size:1.8rem;}
    .sub-topInfo .btn_wrap{display:flex;}
    .sub-topInfo .btn.ico_btn{width:48px;}
    .sub-topInfo #fixedBtn .btn.ico_btn{margin-right:0;}
    .dl_wrap.dl_single_dx{padding:30px 0 40px;}
    .dl_wrap.dl_single_dx .df_list .item_wrap{display:block;margin-top:22px;}
    .dl_wrap.dl_single_dx .df_list .item{display:block;}
    .dl_wrap.dl_single_dx .df_list .item.tit{width:100%;padding:0;}
    .dl_wrap.dl_single_dx .df_list .item.con{margin-top:8px;padding:0;}
	.division_group2.dvsg2_dx{margin-left:0;}
	.division_group2.dvsg2_dx dl{display:block;padding:25px 0;}
	.division_group2.dvsg2_dx > dl > .title{width:100%;}
	.division_group2.dvsg2_dx dl + dl{border-top:none;border-bottom:1px solid #ddd;}
	.division_group2.dvsg2_dx dl:first-child{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.division_group2.dvsg2_dx dl:last-child{border-top:none;}
	.sub-topbanner .txt{padding-right:30px;}
	.sub-topbanner .st-link > em{position:absolute;width:1px;height:1px;overflow:hidden;top:0;left:0;color:transparent;}
	.sub-mdbanner .txt{font-size:1.8rem;}
}


/* 20221018549264 pLay의 로그인(개인) 페이지에서 다른 방식으로 로그인 버튼 삭제 */
@media only screen and (max-width: 1100px) {
	.app_pLay .login_wrap .right_con .login_ext button:first-child {display:none;}
	.app_pLay .login_wrap .right_con .login_ext button:nth-child(1) + button::before {display:none;}
}

/* 20220929485139 핏(Fit) 신상품 고객 화면 신규 제작 요청 s*/
.tab_list + .fit {margin-top:-20px}
.fit b {font-weight: 900;}
.fit .sect {position:relative}
.fit .sect + .sect {margin-top:60px}
.fit .bar-sect .sect + .sect {margin-top:90px}
.fit .box-info-wrap {background:#f4f7fc; border-radius: 10px; padding:35px 0 30px;}
.fit .box-info {display: flex; width:500px; margin:0 auto; font-size:24px; }
.fit .box-info .cal {font-size:24px; flex:0 0 100%; text-align: center;}
.fit .box-info > dl {/* flex:0 0 50%;  */ flex:1 1 auto; text-align: center; font-size:16px;}
.fit .box-info > dl > dd {font-size:25px}
.fit .box-info > dl > dd b {font-size:28px; font-weight: 900;}
.fit .box-info > dl > dd span {display:block; font-size:14px; color:#666}
.fit .box-info-wrap .box-prev {flex:none; border-radius: 0 0 10px 10px; background:#3e4965; color:#fff; text-align: center; margin:25px 0 -30px; padding:15px; }
.fit .box-info-wrap + .desc .marker_refer {font-size:14px; color:#666; margin-top:15px}
.fit .box-info-wrap + .desc .marker_dot {margin-top:20px;font-size:16px}
.fit .box-info-wrap + .desc .marker_dot li {margin-top:5px}
.fit .box-info-wrap + .desc .marker_dot li:first-child {margin-top:0}
.fit .box-info-wrap + .desc b {font-weight: 900;}
.fit .item-list {display:flex; flex-wrap: wrap; width: 100%;}
.fit .item-list .item {flex:0 0; flex-basis:calc(50%); overflow: hidden; margin-top:60px; position: relative; max-width:50%}
.fit .item-list .item:nth-child(-n+2) {margin-top:0}
.fit .item-list .item:nth-child(2n-1) {padding-right:70px}
.fit .item-list .item:nth-child(2n) {padding-left:70px}
.fit .item-list .item:nth-child(2n)::after {content:""; display: block; width:1px; height:100%; background:#eee; position:absolute; left:0px; top:0}
.fit .item-list .tit > *{display: inline-block;}
.fit .item-list .tit h3 {font-size:20px; font-weight: 900;}
.fit .item-list .tit p {margin-left:10px}
.fit .item-list .tit p b {font-weight: 900;}
.fit .slider {position: relative; padding:0 55px; height:50px;}
.fit .slider .swiper {overflow: hidden;}
.fit .slider .mark {position:relative; width:100%; height:0; padding-top: 100%;}
.fit .tit + .slider {margin-top:30px}
.fit .mark::before {display:inline-block; content:''; border-radius: 100%; height: 100%; width:100%; background-color: #f6f6f6; left:50%; top:50%; position: absolute;  transform: translate(-50%, -50%);}
.fit .mark.on::after {display:inline-block; content:''; border-radius: 100%; height: 100%; width:100%; background-size:50px 50px; background-repeat: no-repeat; background-position: 50% 50%;  left:50%; top:50%; position: absolute; transform:translate(-50%, -50%);}
.fit .item.cvs .mark.on::after  {background-image: url('/pconts/images/dx/contents/stamp_cvs.png');}
.fit .item.coffee .mark.on::after  {background-image: url('/pconts/images/dx/contents/stamp_coffee.png');}
.fit .item.online .mark.on::after  {background-image: url('/pconts/images/dx/contents/stamp_online.png');}
.fit .item.restaurant .mark.on::after  {background-image: url('/pconts/images/dx/contents/stamp_restaurant.png');}
.fit .mark > span {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); font-size:16px; color:#666;}
.fit .prev, .fit .next {width:30px;height:30px; position: absolute; top:50%; transform:translate(0,-50%); z-index: 1; cursor: pointer;}
.fit .prev {left:0}
.fit .next {right:0}
.fit .prev::before,.fit .next::before {content:'';display: inline-block; position:absolute; left:50%; top:50%; width:12px; height:12px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform:translate(-50%,-50%) rotate(-45deg)}
.fit .prev::before {transform: translate(-50%,-50%) rotate(-225deg);}
.c-mypage.c-list.c-fit .my_benefit_money.text_pointer::after {content: none;}
/* .c-mypage.c-list.c-fit .my_benefit_head {display: flex; justify-content: space-between;} */
.c-mypage.c-list.c-fit .my_benefit_title {font-size:20px;font-weight: 900;} 
.c-mypage.c-list.c-fit .stamp-info {float: right; font-weight: 400; font-size: 16px;}
.c-mypage.c-list.c-fit .stamp-info b {font-weight: 900;}
.c-mypage.c-list.c-fit .cell1 {width:70px; padding:0; }	
.fit .h_wrap + .item-list {margin-top:15px}							
@media only screen and (max-width:1100px){
	.tab_list + .fit {margin-top:40px}
	.fit .sect + .sect {margin-top:30px} 
	.fit .box-info {width: 100%; max-width:500px; font-size: 14px; padding:0 10px}
	.fit .box-info .cal {font-size:18px}
	.fit .box-info > dl {font-size:14px}
	.fit .box-info > dl > dd {font-size:18px}
	.fit .box-info > dl > dd b {font-size:20px}
	.fit .box-info > dl > dd span {font-size:13px}
	.fit .box-info-wrap + .desc .marker_dot li {font-size:14px;}
	.fit .box-info-wrap + .desc .marker_refer {font-size:13px}
	.fit .box-info-wrap .box-prev {font-size:14px; padding:15px}
	.fit .item-list .item {max-width:100%;}
	.fit .item-list .item:nth-child(-n+2) {margin:0}
	.fit .item-list .item:nth-child(-n+2),.fit .item-list .item:nth-child(2n-1),.fit .item-list .item:nth-child(2n) {padding:0}
	.fit .item-list .item {margin-top:25px !important; padding-top:25px !important; border-top:1px solid #eee}
	.fit .item-list .item:first-child {margin-top:0 !important; padding-top:0 !important; border-top:0}
	.fit .item-list .item:nth-child(2n)::after {content:none}
	.fit .bar-sect .sect + .sect::before {content: ''; display: block; height:12px; background-color: #eee; width: 100vw; position:absolute; top:0; left:-24px}
	.fit .bar-sect .sect + .sect {padding-top:50px; margin-top: 40px;}
	.fit .bar-sect .sect + .sect:last-of-type {margin-top:60px; padding:0}
	.fit .bar-sect .sect + .sect:last-of-type::before {content: none;}
	.fit .swiper-slide {width:50px; height:52px}/* 탭대응 width, height 고정 */
	.fit .item-list {flex-direction: row;}
	.fit .item-list .item {flex:0 0 100%}
	.fit .item-list .item:nth-child(2n-1), .fit .item-list .item:nth-child(2n)  {margin:0}
	.fit .mark.on::after {background-size:100% auto}
	.fit .h_wrap .h_title24 {font-size:18px;}
	.fit .h_wrap + .item-list {margin-top:5px}
	.fit .item-list .tit h3 {font-size:16px}
	.fit .item-list .tit p {font-size:14px}
	.fit .tit + .slider {margin-top:25px}
	.fit .slider {padding: 0 35px; height:52px}
	.c-mypage.c-list.c-fit .cell1 {padding:0; width: auto; margin-top:2px}		
	.c-mypage.c-list.c-fit .my_benefit_title {font-size:16px; vertical-align: middle;}
	.c-mypage.c-list.c-fit .stamp-info {font-size:14px; position: relative; top:4px}
}	
@media only screen and (max-width:414px){
	.fit .slider {padding:0 32px}
}	
@media only screen and (max-width:375px){
	.fit .slider {padding:0 30px; height:auto;}
	.fit .swiper-slide {width:auto; height:auto}
	.fit .tit + .slider::after  {content: none;}
}	
/* 20220929485139 핏(Fit) 신상품 고객 화면 신규 제작 요청 e*/

/*그린 인덱스*/
.sub-topInfo.sub-type01{position:relative}
.sub-topInfo.sub-type01:after{content:"";display:block;position:absolute;top:30px;right:30px;overflow:hidden;width:320px;height:192px;background: no-repeat url(/pconts/images/dx/contents/img_greenindex.png);background-size:100% auto;}
.sub-topInfo.sub-type01 #fixedBtn{margin-top:108px}
.sub-topInfo.sub-type01 .btn_wrap .btn.ico_btn.share{display:inline-block;}
.sub-topInfo.sub-type01 .btn_wrap .btn.ico_btn.share + .btn{margin-left:5px;}
.division_group3{display:flex}
.division_group3 a{position:relative;flex:1;padding:16px 40px;font-size:1.8rem;line-height:1.4;}
.division_group3 a strong{font-weight:900;}
.division_group3 a:after{content:''; display:block; position:absolute; top:calc(50% - 6px); right:49px; width:10px; height:10px; margin:0; border-top:2px solid #333; border-right:2px solid #333; transform:rotate(45deg);}
.division_group3 a:first-child{padding-left:0}
.division_group3 a + a{border-left:1px solid #ddd}   
/*월간리포트*/
.month-Co2-graph{margin:50px auto 0;width:640px;height:293px;}    
.month-Co2{display:flex;flex-direction:column;text-align:center;}
.month-Co2 dt{margin-bottom:20px;font-size:2.0rem;line-height:1.4;color:#111;font-weight:700;}
.month-Co2 dd .badge{width:150px;height:150px;border-radius:50%;margin-bottom:20px;background-color:#fff;}
.month-Co2 dd .kgCo2-num{margin-bottom:30px;}
.month-Co2 dd .kgCo2-num em{display:block;margin-bottom:8px;font-size:4.6rem;line-height:1;font-weight:900;color:#333}
.month-Co2 dd .kgCo2-num span{font-size:1.4rem;color:#666}
.month-Co2 dd .badge-text{margin-bottom:10px;font-size:2.0rem;color:#000;}
.month-Co2 dd .badge-text strong{font-weight:900;}
/*데이터 없을때*/
.complete_body.no-cdata{padding-bottom:40px;text-align:center;}
.complete_body.no-cdata .sub_title{margin-bottom:18px;font-size:2.8rem;font-weight:700;color:#111}
.complete_body.no-cdata .sub_txt{font-size:1.6rem;color:#111}  
.list-sp01{border-top:1px solid #ddd;}
.list-sp01 ul li{padding:20px;border-bottom:1px solid #eee;}
.list-sp01 ul li:after{content:'';display:block;clear:both;}
.list-sp01 ul li .use-info{font-size:1.6rem;color:#333;}
.list-sp01 ul li .use-num{float:right;}
.list-sp01 ul li .use-num .info-won{font-size:1.8rem;color:#333;font-weight:900;}
.list-sp01 ul li .use-num .info-kg{display:inline-block;width:100px;margin-left:5px;text-align:right;font-size:1.4rem;color:#666;}
/*탄소 절감Tip*/
.acd-list01 .accordion_header button.acc_btn.medium{padding-top:36px;padding-bottom:36px;padding-left:0}
.acd-list01 .accordion_header .list-con{position:relative;display:flex;flex-direction:column;padding-left:52px;}
.acd-list01 .accordion_header .list-con:before{content:'';position:absolute;top:-5px;left:0;width:40px;height:40px;border-radius:50%;background-position:50% 50%;background-repeat:no-repeat;background-size:30px 30px;background-color:#f4f7fc;}
.acd-list01 .accordion_header .list-con.icon01:before{background-image:url(/pconts/images/shcard/icon/icon-150-type2-34.png);}
.acd-list01 .accordion_header .list-con.icon02:before{background-image:url(/pconts/images/shcard/icon/icon-150-type2-33.png);}
.acd-list01 .accordion_header .list-con.icon03:before{background-image:url(/pconts/images/shcard/icon/icon-150-type2-32.png);}
.acd-list01 .accordion_header .list-con.icon04:before{background-image:url(/pconts/images/shcard/icon/icon-150-type2-35.png);}
.acd-list01 .accordion_header .acc_title{display:block;margin-bottom:10px;font-size:2.0rem;line-height:1.5;font-weight:900;color:#333}
.acd-list01 .accordion_header .acc_stxt{display:block;font-size:1.6rem;line-height:1.5;color:#111;font-weight:400;}
.acd-list01 .accordion_header.on + .accordion_body{border-top:1px solid #ddd}
.chk-list-col2 .check_wrap{display:flex;flex-wrap:wrap;}
.chk-list-col2 .check_wrap li{width:50%;padding:18px 20px;border-bottom:1px solid #eee}
.chk-list-col2 .check_wrap li:nth-child(2n){border-left:1px solid #eee}
.chk-list-col2 .check_wrap li:last-child{border-bottom:0}
/*그린뱃지 단계*/
.icon_list.badg-gindex > li::after{top:82px}
.icon_list.badg-gindex > li .icon_box{position:relative;padding-top:130px;background:none;}  
.icon_list.badg-gindex > li .icon_box:before{content:'';position:absolute;top:50px;left:50%;width:100px;height:100px;border-radius:50%;background-repeat:no-repeat;background-size:100px 100px;transform:translate(-50%, -50%);background-color:#f6f6f6;}
.icon_list.badg-gindex > li .icon_box.icon01:before{ background-image:url(/pconts/images/dx/contents/icon_greenbadge_01.png);}
.icon_list.badg-gindex > li .icon_box.icon02:before{ background-image:url(/pconts/images/dx/contents/icon_greenbadge_02.png);}
.icon_list.badg-gindex > li .icon_box.icon03:before{ background-image:url(/pconts/images/dx/contents/icon_greenbadge_03.png);}
.icon_list.badg-gindex > li .icon_box.icon04:before{ background-image:url(/pconts/images/dx/contents/icon_greenbadge_04.png);}
.icon_list.badg-gindex > li .icon_box.icon05:before{ background-image:url(/pconts/images/dx/contents/icon_greenbadge_05.png);}
.icon_list.badg-gindex > li .icon_box .icon_name{font-weight:900;}
/*팝업 - 탄소계산량*/
.pop_wrap .popup .pop_cont .cal-result{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;}
.pop_wrap .popup .pop_cont .cal-result .lg-txt{font-size:2.4rem;color:#111}
.pop_wrap .popup .pop_cont .cal-result .lg-txt + .lg-txt{margin-top:10px;}
.pop_wrap .popup .pop_cont .cal-result .lg-txt b{font-weight:900;} 
/*월간 인덱스 그래프*/
.vertical_chart_box{position:relative;width:640px;margin:0 auto}
.vertical_chart_box .chart_box{position:relative;height:250px;box-sizing:border-box;margin-bottom:45px;padding-left:60px;}
.vertical_chart_box .chart_box .axis_y{display:-webkit-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;height:100%;font-size:1.3rem;color:#111;}
.vertical_chart_box .chart_box .axis_y .item{position:relative;width:calc(100% - 60px);height:calc(100% / 5);margin-left:60px;border-top:1px solid #eee}
.vertical_chart_box .chart_box .axis_y .item span{position:absolute;left:-60px;top:-12px;width:53px;text-align:right;font-size:1.4rem;color:#666}
.vertical_chart_box .chart_box .axis_x{display:-webkit-flex;display:-ms-flex;display:-o-flex;display:flex;width:580px;height:100%;border-bottom:1px solid #111;}
.vertical_chart_box .chart_box .axis_x .item{position:relative;margin-left:50px}
.vertical_chart_box .chart_box .axis_x .item:first-child, 
.vertical_chart_box .chart_box .axis_x .item:last-child{margin-left:45px}
.vertical_chart_box .chart_box .axis_x .item .text_box{position:absolute;bottom:-40px;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);font-size:1.8rem;color:#333;font-weight:900;}
.vertical_chart_box .chart_box .axis_x .item .text_box .month{font-size:1.8rem;color:#333}
.vertical_chart_box .chart_box .axis_x .item .graph{display:-webkit-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:column-reverse;position:relative;width:40px;height:100%;margin:0 auto;}
.vertical_chart_box .chart_box .axis_x .item .graph .data{border-radius:5px 5px 0 0;background-color:#d0dae6;}
.vertical_chart_box .chart_box .axis_x .item .graph .data.t-month{position:relative;background-color:#476eff;}
.vertical_chart_box .chart_box .axis_x .item .graph .balloon{position:absolute;top:-56px;left:50%;width:84px;height:38px;margin-left:-42px;padding:4px 0 0 0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:#476eff solid 2px;color:#476eff;font-size:1.8rem;font-weight:700;text-align:center;background-color:#fff;}
.vertical_chart_box .chart_box .axis_x .item .graph .balloon:after{content:'';position:absolute;bottom:-7px;left:43px;display:block;width:0;z-index:1;margin-left:-10px;border-style:solid;border-width:7px 7px 0;border-color:#fff transparent;}
.vertical_chart_box .chart_box .axis_x .item .graph .balloon:before{content:'';position:absolute;bottom:-10px;left:31px;display:block;width:0;z-index:0;border-style:solid;border-width:9px 9px 0;border-color:#476eff transparent;}
/*모바일용 배너*/
.ad-banner{position:relative;overflow:hidden;height:150px;transition:all 0.5s ease;background-color:#25957a;}
.ad-banner-cont{position:relative;width:980px;height:100%;margin:0 auto;}
.ad-banner-cont .link{height:100%;padding:0 70px;display:flex;display:-webkit-flex; display:-ms-flexbox;align-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap;color:#fff}
.ad-banner-cont .link .txt{display:block;width:100%;margin-bottom:4px;font-size:24px;font-weight:700;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ad-banner-cont .link .stxt{display:block;width:100%;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ad-banner-cont .link .img{position:absolute;top:50%;right:50px;transform:translateY(-50%);overflow:hidden;display:block;width:150px;height:120px;}
@media only screen and (max-width: 1100px){        
    .sub-topInfo.sub-type01:after{width:266px;top:235px}
    .sub-topInfo.sub-type01 .sub-txt{margin-bottom:40px}
    .sub-topInfo.sub-type01 #fixedBtn{margin-top:240px}
    .sub-topInfo.sub-type01 #fixedBtn .btn.ico_btn{margin-right:10px}
    .division_group3{display:block;}
    .division_group3 a{display:block;padding:24px 0;border-bottom:1px solid #ddd}
    .division_group3 a:after{right:7px}
    .division_group3 a + a{border-left:0;}
    /*월간리포트*/
    .month-Co2 dd .badge{width:100px;height:100px;}
    .month-Co2 dd .kgCo2-num{margin-bottom:20px}
    .month-Co2 dd .kgCo2-num em{font-size:3.6rem;}
    .month-Co2.sub-topInfo .btn_wrap{display:inline-block;}
    .month-Co2-graph{margin:30px auto 0;width:100%;height:100%}
    .complete_body.no-cdata{padding-bottom:20px;}    
    .complete_body.no-cdata .sub_title{font-size:2.4rem;}  
    .list-sp01 ul li{padding:20px 10px}
    .list-sp01 ul li .use-info{font-size:1.4rem;}
    .list-sp01 ul li .use-num .info-won{display:block;font-size:1.6rem;}
    .list-sp01 ul li .use-num .info-kg{display:block;width:auto;margin-left:0;font-size:1.3rem;}
    /*탄소 절감Tip*/
    .acd-list01 .accordion_header button.acc_btn.medium{padding-top:20px;padding-bottom:20px;}
    .acd-list01 .accordion_header .list-con{padding-left:44px}
    .acd-list01 .accordion_header .list-con:before{top:0;width:30px;height:30px;background-size:20px 20px;}     
    .acd-list01 .accordion_header .acc_title{margin-bottom:4px;font-size:1.6rem;}
    .chk-list-col2 .check_wrap li{width:100%;padding:16px 10px;}
    .chk-list-col2 .check_wrap li:nth-child(2n){border-left:0}
     /*그린뱃지 단계*/
    .icon_list.badg-gindex > li::after{top:auto;}
    .icon_list.badg-gindex > li::after{left:24px}
    .icon_list.badg-gindex > li .icon_box .icon_step{padding-top:0;}
    .icon_list.badg-gindex > li .icon_box:before{width:60px;height:60px;left:0;top:50%;margin-top:-30px;background-size:60px;transform:inherit;}        
    /*팝업 탄소계산량*/
    .pop_wrap .popup .pop_cont .cal-result .lg-txt{font-size:1.8rem;}   
	/*월간 인덱스 그래프*/
    .vertical_chart_box{width:312px;}
    .vertical_chart_box .chart_box{height:150px;margin-bottom:35px;padding-left:0}
    .vertical_chart_box .chart_box .axis_y .item{width:100%;margin-left:0}
    .vertical_chart_box .chart_box .axis_y .item span{display:none;}
    .vertical_chart_box .chart_box .axis_x{width:312px}
    .vertical_chart_box .chart_box .axis_x .item, 
    .vertical_chart_box .chart_box .axis_x .item:last-child{margin-left:18px;}
    .vertical_chart_box .chart_box .axis_x .item:first-child{margin-left:30px;}
    .vertical_chart_box .chart_box .axis_x .item .text_box .month{font-size:1.5rem}
    .vertical_chart_box .chart_box .axis_x .item .graph{width:27px;}        
    .vertical_chart_box .chart_box .axis_x .item .graph .balloon{top:-35px;width:58px;height:25px;margin-left:-29px;padding:0;font-size:1.4rem;}
    .vertical_chart_box .chart_box .axis_x .item .graph .balloon:after{left:31px;bottom:-6px}
    .vertical_chart_box .chart_box .axis_x .item .graph .balloon:before{left:19px;bottom:-9px} 
	/*모바일용 배너*/
    .ad-banner{height:110px}
    .ad-banner-cont{width:100%}
    .ad-banner-cont .link{padding:0 30px}
    .ad-banner-cont .link .txt{font-size:16px}
    .ad-banner-cont .link .stxt{font-size:13px}
    .ad-banner-cont .link .img{width:97px;height:76px;right:25px}
}
/*라디오버튼 리스트*/
.radio_wrap.v-list label{width:auto}
.radio_wrap.v-list .marker_dot, .radio_wrap.v-list .marker_refer{margin:11px 0 0 26px}
.radio_wrap.v-list .marker_dot li b{display:block;}
@media only screen and (max-width: 1100px){
    .radio_wrap.v-list .marker_dot, .radio_wrap.v-list .marker_refer{margin:11px 0 20px 11px}
}




/* 서브메인에만 노출되는 툴팁 */
.SH_submain .m-tit1 .btn_tooltip {z-index:10;width:24px;height:24px;background:url('/pconts/images/dx/contents/btn_tooltip_q_black.svg') no-repeat center / 20px 20px;line-height:20px;}

/* header 로그인 메뉴 */
#header .inside_body .login_area .btn_consumer {display:inline-block;position:relative;padding-left:13px;margin-left:14px;}
#header .inside_body .login_area .btn_consumer:before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#ddd;}


/* 통합검색 페이지의 카드 영역 폰트가 커짐으로 인해 레이아웃 깨짐현상 수정 */
/* .card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:170px;} */
/* .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {width:160px;} */
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:170px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {width:160px;}
@media only screen and (max-width: 1100px) {
	.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li {padding-left:0;}
	.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {width:90px;}
}

/* 20221216365736 아이디/비밀번호 재설정 완료 페이지 체크 디자인 수정 */
[data-bind-view="MOBFM021C05"] .comp_area {padding-top:165px !important;}


/* 공통 dx-swiper1 */
.dx-swiper1 {position:relative;margin-top:19px;}
.dx-swiper1 .item {width:156px;height:130px;}
.dx-swiper1.no-swiper .item {width:100%;}
.dx-swiper1 .title {font-weight:900;}
.dx-swiper1 .text {font-size:14px;}
.dx-swiper1 .title + .text {margin-top:2px;}
.dx-swiper1 .link {position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 0 0 25px;background-color:#ecf1f5;background-repeat:no-repeat;background-position:right center;background-size:156px 105px;border-radius:5px;}
.dx-swiper1 .item.item1 .link {background-color:#ebf2f9;}
.dx-swiper1 .item.item2 .link {background-color:#eef4ec;}
.dx-swiper1 .item.item3 .link {background-color:#eef0f7;}
.dx-swiper1 .item.item4 .link {background-color:#f8f2ed;}
.dx-swiper1 .item.item5 .link {background-color:#ebf5fa;}
.dx-swiper1 .item.item6 .link {background-color:#f6f5f8;}
.dx-swiper1 .swiper-button-prev {left:-21px !important;}
.dx-swiper1 .swiper-button-next {right:-21px !important;}
.dx-swiper1 .swiper-button-disabled {display:none;}
/* dx-swiper1 - item이 5개 이상인 경우 */
.dx-swiper1.type2 .item {height:200px;}
.dx-swiper1.type2 .link {display:block;padding:15px 20px 0 20px;background-position:right bottom;}
@media only screen and (max-width:1200px) {
	.dx-swiper1 {margin-top:16px;}
	.dx-swiper1 .swiper-container{margin-right:-24px;margin-left:-24px;padding:0 24px;}
	.dx-swiper1 .item {width:132px !important;height:180px;}
	.dx-swiper1 .link {display:block;padding:15px 20px 0 20px;background-size:132px 89px;background-position:right bottom;}
	.dx-swiper1 .title {font-size:16px;}
	.dx-swiper1 [class*='swiper-button-'] {display:none !important;}
	.dx-swiper1 .swiper-button-prev {left:4px;}
	.dx-swiper1 .swiper-button-next {left:auto;right:4px;}
	/* dx-swiper1 - item이 5개 이상인 경우 */
	.dx-swiper1.type2 .item {height:180px;}
}



/* 할부금융 제휴사 상담시스템 MOBFM548C02.html*/
.system220524 {border-bottom:1px #eee solid; height:89px; width:100%; padding:30px 0 0 0; margin-bottom:15px; }
.system220524 .title_ly {position: relative; width:980px; margin:0 auto; }
.system220524 .logo_title { width:114px; height:24px;}
.system220524 .login_area {position:absolute; right:0;top:4px;}
.system220524 .btn_logout span {display: inline-block; padding-left: 20px; background: url(/pconts/images/common/ico_out.png) no-repeat 0 4px;}
.system220524 .user_text {float:left; margin-right: 13px;}
.system220524 .user_text span {display: inline-block;position: relative; padding-right: 14px;}
.system220524 .user_text span::after {content: '';display: block;position: absolute;right: 0;top: 4px;width: 1px;height: 12px;background-color: #ddd;}

/*청구정보 테이블 input 크기수정*/
.claiminfo table td.phbox .ui_select {width: 200px;}
.claiminfo table td.phbox input {width: 200px;}
.claiminfo table td.atm_month div{width: 170px;float: right;margin-top: -9px;}
.claiminfo table td.card_nb_input input {width: 390px;}
.claiminfo table .radio_wrap label, 
.claiminfo table .check_wrap label {width: auto !important;}

/*.rental_cont .tab_list li a, .rental_cont .tab_list li button {font-size: 2.1rem; height: 48px;}*/
.rental_cont .swiper-button-prev,
.rental_cont .swiper-button-next {display:none;}
.rental_cont .side_btn .btn {width: 120px;}
.rental_cont .tab_pull.system230102 li a {padding: 0px 47px 0 1px;}
.rental_cont .tab_pull.system230102 li:last-child a{padding-right:0;}
.rental_cont .tab_pull.system230102 li.current:before {left: 3px; right: 50px;}
.rental_cont .tab_pull.system230102 li:last-child.current:before {left: 3px; right:0;}
.system220524 .ren_title {position: absolute; display: inline-block; left: 130px; top: -1px; font-size: 20px;}
.rental_cont .tab_type01.swiper_tab .swiper-container {margin-left: 0;}




/*서비스-뷰티pick*/
.svic-list{margin:0 0 20px 0;}
.svic-list dt{font-weight:700;}
.svic-list dd li{float:none !important}
.svic-list dd.marker_dot{margin-top:0}
.svic-list dd li:not(:first-child){margin-left:0 !important}

/*탑스쿠폰*/
.cp-top-info{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 20px 0}
.cp-top-info .num_info{margin:0 !important}
.barcode .top-link{margin-right:-20px;text-align:right;}
@media only screen and (max-width: 1100px){
	.barcode .top-link{margin-right:20px}
}

/*일부 결제 금액 이월약정 리볼빙*/
.revolving_rate {font-weight:300;font-size: 20px; color: #888;}
.revolving_rate .current_rate {text-decoration: line-through;}
.revolving_rate .discount_rate {margin-left: 5px;font-size: 24px;color: #000;}


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

.revolving_rate {font-size:17px;}
.revolving_rate .discount_rate {font-size:18px;}

}


/* 고객확인의무 등록 */
.cert-img {display:block;margin:0 auto 30px;padding:0 65px;}

/* 결제계좌번호 1원송금 */
.account-number .account-select-link {display:block;}
.account-number .account-select-btn {cursor:pointer;}
.account-number .account-select-btn[readonly], .account-select-btn[readonly]:focus {background-color:transparent;border:none;border-bottom:1px solid #eee;}
.account-number .account-selected {position:relative;}
.account-number .account-selected-link {display:flex;padding:0;border:none;border-bottom:1px solid #eee;font-size:2.0rem;color:#000;
}
.account-number .account-selected-bank {display:flex;align-items:flex-end;margin:0 10px 2px 0;}
.account-number .account-selected-bank [class*=icb] {padding-left:40px;background-size:25px;font-size:20px;}
.account-number .account-selected-ipt {background-color:transparent !important;border:none !important;font-size:20px;}
.account-number .account-selected-btn {display:inline-block;position:absolute;top:50%;right:15px;overflow:hidden;width:23px;height:23px;margin-top:-11px;background:url('/pconts/images/dx/contents/btn-close.svg') no-repeat;}
.account-1won {margin:50px 0 50px;}
.account-1won-img {margin:0 auto 20px;padding:0 70px;}

/* =================================================================
본인인증
================================================================= */
.pesn-auth {margin:55px 0 20px}
.pesn-auth .pesn-auth-tit {font-size:2.4rem;line-height:1.4;text-align:center;}
.pesn-auth .pesn-auth-subtxt {font-size:1.6rem;text-align:center;color:#333;}
.pesn-auth-tit + .btn-wrap-dx {margin-top:35px;}
.pesn-auth .pesn-time {display:flex;align-items:center;justify-content:center;margin-top:20px;text-align:center;font-weight:700;}
.pesn-auth .pesn-count {margin-left:8px;font-weight:900;font-size:1.7rem;color:#476eff;}
.pesn-auth .btn-refresh {width:23px;height:23px;margin-left:5px;background:url('/pconts/images/dx/contents/icon-refresh.png') no-repeat;}
.pesn-auth .pesn-qr {overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;margin:66px auto 0;padding:11px 0;border:1px solid #ddd;background-color:#fff;border-radius:10px;}
.pesn-auth .pesn-qr-img {width:105px;}
.pesn-auth .pesn-qr-gap {margin:0 30px 0 12px;}
.pesn-auth .pesn-qr-num {font-size:23px;font-weight:900;letter-spacing:4px;}
.pesn-auth .pesn-qr-refresh {display:none;}

/* 인증시간 만료 */
.pesn-auth.expire .pesn-auth-subtxt {color:#da1d1d;}
.pesn-auth.expire .pesn-time {color:#da1d1d;}
.pesn-auth.expire .pesn-count{color:#da1d1d;}
.pesn-auth.expire .btn-refresh {display:none;}
.pesn-auth.expire .pesn-qr-refresh {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.pesn-auth.expire .pesn-qr-refresh span {background:url('/pconts/images/dx/contents/icon-refresh-w.png') no-repeat left center;padding-left:30px;font-size:1.8rem;font-weight:900;color:#fff;}

/* 팝업 리스트 버튼 */
.pesn-choice-btn li button {display:flex;align-items:center;width:100%;height:50px;font-size:1.8rem;font-weight:700;}
.pesn-choice-btn li button[class*='pesn-choice-btn'] {padding-left:38px;background-repeat:no-repeat;background-position:left center;background-size:24px;}
.pesn-choice-btn li .pesn-choice-btn01 {background-image:url('/pconts/images/dx/contents/icon-pesn01.png');}
.pesn-choice-btn li .pesn-choice-btn02 {background-image:url('/pconts/images/dx/contents/icon-pesn02.png');}
.pesn-choice-btn li .pesn-choice-btn03 {background-image:url('/pconts/images/dx/contents/icon-pesn03.png');}
.pesn-choice-btn li .pesn-choice-btn04 {background-image:url('/pconts/images/dx/contents/icon-pesn04.png');}
.pesn-choice-btn li .pesn-choice-btn05 {background-image:url('/pconts/images/dx/contents/icon-pesn05.png');}
.pesn-choice-btn li .pesn-choice-btn06 {background-image:url('/pconts/images/dx/contents/icon-pesn06.png');}
.pesn-choice-btn li .pesn-choice-btn07 {background-image:url('/pconts/images/dx/contents/icon-pesn07.png');}
/* 2023.11.15 아이콘 수정 */
.pesn-choice-btn li .pesn-choice-btn01.dxicon {background-image: url('/pconts/images/dx/contents/icon-pesn01_2.png')}
.pesn-choice-btn li .pesn-choice-btn07.dxicon {background-image: url('/pconts/images/dx/contents/icon-pesn07_2.png')}

/* cvc 팝업 안내 이미지 */
.cvc-pop-img {width:212px;margin:10px auto 15px;}


/* =================================================================
로그인 페이지만 개별 디자인 적용
================================================================= */
[data-bind-view="MOBFM001C01"] {display:flex;flex-direction:column;flex-grow:1;}
section.login .contents-box.type2 {margin-left:0;margin-right:0;box-shadow:4px 0 38px rgba(113,121,149,0.08);}
section.login .btn.default {min-width:275px;}
section.login .text_link.large::before {top:3px;}
section.login .text_link.large::after {top:9px;}
section.login .text_underline.note {padding-left:22px;background:url('/pconts/images/dx/contents/ico_tooltip.svg') no-repeat left center / 18px;}
section.login .login-tab .tab_cont {margin-top:50px;}
section.login .login-tab #loginSection04 {margin-top:0;}
section.login .pesn-auth-tit {font-size:2.2rem;}
section.login .pesn-auth-subtxt + .btn-wrap-dx {margin-top:35px;}
section.login .pesn-auth .pesn-auth-subtxt.note {position:relative;margin-top:22px;min-height:16px;font-size:1.4rem;color:#999;font-weight:400;text-align:center;line-height:1.4;}
section.login .pesn-auth .pesn-auth-subtxt.note::before {content:'';display:inline-block;margin-right:6px;width:16px;height:16px;background:url('/pconts/images/dx/contents/icon-login-tooltip.png') no-repeat left center / 16px;vertical-align:-3px;}
section.login .auth-tab {margin-top:24px;}
section.login .auth-tab .swiper-container {overflow:visible;}
section.login .auth-tab .swiper-wrapper {justify-content:space-between;}
section.login .auth-tab .swiper-wrapper::after{display:none;}
section.login .auth-tab .swiper-slide {width:auto;}
/* 20240806639434 버튼정렬 수정*/
section.login .auth-tab .swiper-wrapper.array240813 {justify-content:center;}
section.login .auth-tab .swiper-wrapper.array240813 .swiper-slide {margin:0 10px;}

section.login .auth-tab.radio_wrap .radio_default input[type="radio"] + span, 
section.login .auth-tab.check_wrap .check_default input[type="checkbox"] + span {line-height: 24px;font-size:1.4rem;}
section.login .auth-tab.radio_wrap .radio_default input[type="radio"] + span:before, 
section.login .auth-tab.check_wrap .check_default input[type="checkbox"] + span:before {width:24px;height:24px;}
section.login .auth-tab.radio_wrap .radio_default input[type="radio"]:checked + span:after {top:6px;width:12px;height:12px;background-color:#476eff;}
section.login .form-dx.type2 {width: 275px;margin:0 auto;}
section.login .form-dx.type2 .form_ele + .form_ele {margin-top:20px;}

/* 인증서 탭의 input radio를 button으로 변경 (접근성 문제) */
section.login .auth-tab.button_wrap label {display:flex;align-items:center;}
section.login .auth-tab.button_wrap input[type='button']:focus {outline:auto;}
section.login .auth-tab.button_wrap input[type='button'] + span {position:relative;padding-left:35px;font-size:14px;}
section.login .auth-tab.button_wrap input[type='button'] {position:absolute;left:0;top:0;z-index:1;width:100%;height:24px;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;}
section.login .auth-tab.button_wrap input[type='button'] + span::before {content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;border:1px solid #ddd;border-radius:50%;}
section.login .auth-tab.button_wrap .swiper-slide.current input[type='button'] + span::after {content:'';display:block;position:absolute;top:6px;left:6px;width:12px;height:12px;background-color:#476eff;border-radius:50%;}



@media only screen and (max-width:1100px) and (min-width:769px) {
	/* 고객확인의무 등록 */
	.cert-img {width:70%;}
	/* 결제계좌번호 1원송금 */
	.account-1won-img {width:70%;}
}

@media only screen and (max-width:1100px) {
	/* 고객확인의무 등록 */
	.cert-img {padding:0 31px;}

	/* 결제계좌번호 1원송금 */
	.account-number .account-selected-link {display:block;padding:12px 14px;border:1px solid #eee;font-size:1.6rem;}
	.account-number .account-selected-bank {display:block;height:24px;margin-bottom:5px;}
	.account-number .account-selected-ipt {height:21px !important;line-height:1 !important;}
	.account-number .account-selected-bank [class*=icb] {height:24px;padding-left:30px;background-size:24px;background-position:left center;line-height:24px;font-size:16px;}
	.account-number .account-selected-btn {right:8px;margin-top:4px;}
	.account-1won {margin:50px 0 40px;}
	.account-1won-img {padding:0 26px;}
	.account-1won .marker_number li {padding-left:17px;font-size:1.4rem;}

	/* =================================================================
	본인인증
	================================================================= */
	/* 타이틀 */
	.pesn-auth {margin:100px 0 20px}
	.pesn-auth .btn-wrap-dx {display:block;}
	.pesn-auth-tit + .btn-wrap-dx {margin-top:25px;}
	.pesn-auth .pesn-auth-tit {font-size:2.2rem;}

	/* 팝업 리스트 버튼 */
	.pesn-choice-btn li button {height:56px;font-size:1.6rem;}

	/* =================================================================
	로그인 페이지만 개별 디자인 적용
	================================================================= */
	#header[data-head-title="로그인"] .header_mobile,
	section.login.login-bg {background-color: #f4f7fc;}
	section.login .btn-wrap-dx {display:block;}
	section.login .btn-wrap-dx .btn {padding:0 24px;}
	section.login .contents-box.type2 {margin-bottom:auto;padding:27px 32px 40px;border-radius:8px;}
	section.login .login-logo {width:140px;margin:68px auto 57px;text-align:center;}
	section.login,
	section.login form,
	section.login .mo-flex-column,
	[data-bind-view="MOBFM001C01"] > div {display:flex;flex-direction:column;flex-grow:1;}
	[data-bind-view="MOBFM001C01"] [data-bind-cms="/pconts/html/admbanner/N00/log_app_banner1.html"] {flex:0;}

	section.login .login-tab .tab_cont {margin-top:0;}
	section.login .btn.default {min-width:100%;}
	section.login .contents-box .h-wrap-dx.line:first-child {/*margin-top:-18px;*/}
	section.login .form-bottom.align_r {padding-right:11px;}
	.app_pLay section.login .form-bottom.align_r {display:none !important;}
	section.login .form-bottom .text_link.large {font-size:1.6rem;}
	section.login .btn-login-foot {margin:40px 0 40px;}
	section.login .btn-login-foot .line_gray {width:152px;min-width:152px;padding:0;background-color:#f4f7fc;}
	
	section.login .pesn-auth {margin-top:9px;margin-bottom:0;}
	section.login .pesn-auth .pesn-auth-tit {font-size:1.8rem;text-align:left;}
	section.login .pesn-auth .pesn-auth-tit b {font-weight:400;}
	section.login .pesn-auth-subtxt + .btn-wrap-dx {margin-top:25px;}
	section.login .pesn-auth .pesn-auth-subtxt.note {font-size:1.3rem;text-align:left;margin-top:18px;padding-left:22px;}
	section.login .pesn-auth .pesn-auth-subtxt.note::before{position:absolute;top:2px;left:0;width:18px;height:18px;background-size:18px;}
	section.login .contents-box .form-dx.type2 {width:100%;}
	/* section.login .contents-box .form-dx.type2 .btn-wrap-dx {display:block !important;} */
	section.login .contents-box .form-dx.type2 .form_ele + .form_ele {margin-top:10px;}
	section.login .contents-box .form-dx.type2 .form_ele + .btn-wrap-dx.btn_foot {margin-top:30px;}
	section.login .contents-box .form-dx.card-form {margin-top:27px;}

	/* 20240620559058 pLay에서 회원가입 버튼 숨김 */
	.app_pLay section.login .btn-login-foot {display:none !important;}

}

/* =================================================================
로그인 페이지 피씨 모바일 디자인 분기처리
================================================================= */
@media only screen and (min-width: 1101px) {
	[data-bind-visible="mobile"] {display:none !important;;}
	[data-bind-visible="!mobile"] {display:block !important;}
}
@media only screen and (max-width: 1100px) {
	[data-bind-visible="!mobile"] {display:none !important;;}
	[data-bind-visible="mobile"] {display:block !important;}
}



/* 20221122253385  신한 그린인덱스 서비스 월간리포트 페이지 수정 요청 */
.green-index .icon_list.step {display: flex; flex-wrap: wrap;}
.green-index .icon_list.step > li {flex:1 0; flex-basis: 33.33%; max-width: 33.33%;}
/* .green-index .h_title {font-weight: 900;} */
.green-index .SH_submain .m-tit1 .btn_tooltip {top:10px}
.green-index b {font-weight: 900;}
.green-index .btn-font16 {font-size: 16px;}
.green-index .month-Co2 dt {margin-bottom:0; font-weight: 400;}
.green-index .hidden-text span {width: 1px; height: 1px; display: block;}
.green-index .h_title + .txt-sub {display:block; font-size:16px;margin:0px 0 -15px; line-height: 1;}
.green-index .sub-topInfo {padding:80px 0}
.green-index .box-info {margin-top:15px}
.green-index .box-info .txt-big {font-size:64px; font-weight: 400;}
.green-index .box-info .txt-big em {font-weight: 900;}
.green-index .box-info .txt-big + p {font-size:20px; margin-top:10px}
.green-index .box-badge {display:flex; max-width:720px; margin:60px auto 0; background:#fff; padding:20px 0 20px 50px; border-radius: 20px; text-align: left; align-items: center;}
.green-index .box-badge .badge-icon {width:80px; height: 80px; border-radius: 100%; background:#f4f7fc; position: relative;}
.green-index .box-badge .badge-icon + p {padding-left:20px; flex: 1;}
.green-index .box-badge .badge-icon + p > span {display: block;}
.green-index .box-badge .badge-icon + p > span + span {font-size:16px; color:#666; margin-top:3px}
.green-index .box-badge .badge-icon + p > span:first-child {font-size:20px}
.green-index .box-badge .badge-icon img {width:85%; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.green-index .box-badge .btn-more {font-size:14px; width:220px; text-align: center; position: relative;}
.green-index .box-badge .btn-more::before {content: ''; display: inline-block; position:absolute; left:0; top:-5px;  width:1px; height:calc(100% + 10px); background:#eee;}
.green-index .box-badge button {position: relative; display: inline-block; margin:15px}
.green-index .box-badge button::after {content: ''; display: block; position:absolute; width:100%; height: 1px; background:#000; bottom:1px; left:0;}
.green-index .wrap-cont {margin:80px -40px 0;display: flex; flex-wrap: wrap;}
.green-index .wrap-cont > div {margin:0 40px;position: relative;}
.green-index .wrap-cont > div + div:not(:nth-child(2)) {margin-top:60px; padding-top:60px; border-top:1px solid #eee}
.green-index .wrap-cont .col2_1 {width: calc(50% - 80px);}
.green-index .wrap-cont .col1_1 {width: calc(100% - 80px);}
.green-index .h_wrap + .box-cont {margin-top:37px}
.green-index .report {max-width: 500px; margin:0 auto; padding-top:40px; color:#666}
.green-index .report b {font-weight: 400;}
.green-index .report > dl dt {font-size:18px; font-weight: 700; color: #000;}
.green-index .report > dl dd {margin-top:15px}
.green-index .report > dl + dl {margin-top:30px}
.green-index .report .item {display: flex; margin-top:5px; align-items: center;}
.green-index .report .item.current b {font-weight: 900;}
.green-index .report .mth {font-size:16px; flex:0 0; flex-basis: 50px;}
.green-index .report .mth + .bar {flex:1; background:url('/pconts/images/dx/contents/bg-bar-gr.gif') 0 0 repeat-x; height:12px; border-radius: 2px;}
.green-index .report .mth + .bar .val {display: block; height:12px; border-radius: 2px; background-color:#9194a5}
.green-index .report .mth + .bar + span {flex:0 0;flex-basis:80px; text-align: right;}
.green-index .report .current .mth {font-weight: 900;}
.green-index .report .current .bar .val {background-color: #476eff;}            
.green-index .graph {position: relative; margin:0 auto; padding:0 15px; display: flex; max-width:500px; height:280px; flex-wrap: wrap;}
.green-index .graph::before {content: ''; display: block; position:absolute;  width:100%; height:1px; background:#eee; bottom:30px; left:0}
.green-index .graph .item {padding:0 15px; flex:1; display: flex; flex-direction: column; height: 100%; text-align: center; z-index: 1;}
.green-index .graph .item .month {order:2; height:31px; display: flex; align-items: flex-end; justify-content: center; line-height: 1; color:#666}
.green-index .graph .item .bar {order:1; flex:1; position: relative;}
.green-index .graph .item .bar i {position: absolute; width:40px; background: #9194a5; border-radius:2px 2px 0 0; left:50%; transform: translate(-50%,0);}
.green-index .graph .item.up .bar i {border-radius: 2px 2px 0 0;}
.green-index .graph .item.down .bar i {border-radius:0 0 2px 2px;}
.green-index .graph .item.on .bar i {background:#476eff;}
.green-index .graph .item.baseline {flex:none; position: absolute; width: 100%; left:0; top:0; z-index: 0;}
.green-index .graph .item.baseline .line {position:absolute; padding:0; left:-15px; width:calc(100% + 30px); z-index: 0; height:1px; background:#000}
.green-index .graph .balloon {width:0; height:0; font-size:0; position: absolute; top:-40px; left:50%; transform:translateX(-50%); background-color:#383b5a; color:#fff; font-style: normal; display: table;}
/*.green-index .graph .item:hover .balloon*/.green-index .graph .item.active .balloon {min-width: calc(100% + 14px); height:30px; padding:4px 7px; border-radius: 4px; white-space: nowrap; font-size:14px; font-weight: 900;}
/*.green-index .graph .item:hover .balloon::before*/ .green-index .graph .item.active .balloon::before {content: ''; position: absolute; left:50%; bottom:-6px; display: block;width: 0;border-width: 7px 7px 0; border-color: #383b5a transparent; margin-left: -7px; border-style: solid;}     
.green-index .h_wrap + .box-cont.category {margin-top:5px}
.green-index .category ul {margin:0 -40px; display: flex; flex-wrap: wrap; }
.green-index .category ul li {width: calc(50% - 80px); margin:0 40px; border-bottom:1px solid #eee; padding:20px 0 20px 20px; display: flex; justify-content: space-between; }
.green-index .category ul li:nth-child(-n+2) {border-top:1px solid #eee}
.green-index .category .use-num {display: flex; flex-direction: column; position:relative; flex:1;  padding:0 0px 0 40px; text-align: right;}
.green-index .category .use-num + button {width:50px; position:relative; height:100%; }
.green-index .category .use-num + button::after {display: block; content: ''; position: absolute;top: 20px;right: 18px;width: 9px;height: 9px;border: 1px solid #333;border-right: 0;border-bottom: 0;transform: rotate(135deg);}
.green-index .category .info-won {font-size:18px; font-weight: 900;}
.green-index .category .info-kg {font-size:14px; color:#666; padding-top:3px}
.green-index .category + .marker_refer {margin-top:30px; color:#666}
.green-index .category + .marker_refer::before {color:#666}
.green-index.pop_wrap .tbl {display: flex; flex-wrap: wrap; background:#f4f7fc; border-radius: 10px; padding:20px; margin-top:20px; text-align: center; align-items: stretch}
.green-index.pop_wrap .tbl > dl {flex:1 0; font-size: 16px; color: #666; display: flex; flex-direction: column; justify-content: space-between; flex-basis:auto}
.green-index.pop_wrap .tbl > dl span {display: block; color:#666}
.green-index.pop_wrap .tbl dt {font-size:16px; color: #000;}
.green-index.pop_wrap .tbl dt .desc {color:#666}
.green-index.pop_wrap .tbl dd {font-size:24px; color: #000; padding-top:5px}
.green-index.pop_wrap .tbl .desc {font-size:18px}            
.green-index.pop_wrap .info-greenindex {width:100%; }
.green-index.pop_wrap .info-greenindex .logo {height:125px;}
.green-index.pop_wrap .info-greenindex .logo {background:url('/pconts/images/dx/contents/logo-greenindex.png') no-repeat 50% 50%/130px auto}
.green-index.pop_wrap .info-greenindex .logo + p {margin-top:20px}
.green-index.pop_wrap .info-greenindex .info-tbl {margin-top:40px}
.green-index.pop_wrap .info-greenindex .info-tbl strong {display: block;}
.green-index.pop_wrap .info-greenindex .info-tbl strong + div {margin-top:10px}
.green-index.pop_wrap .info-greenindex .marker_refer {margin-top:20px; color:#666}            
@media only screen and (max-width:1100px){
    .green-index .icon_list.step {flex-direction: column;}
    .green-index .icon_list.step.col05 > li {flex-basis: 100%; max-width: 100%;}
    /* .green-index .h_title {font-weight: 900; font-size: 20px;}  */
    .green-index .h_title + .txt-sub {font-size:14px;color:#666}
    .green-index .h_title + .txt-sub b {color:#000;font-weight: 900;}
    .green-index .btn-wrap-dx .btn.line_gray {padding:0}
    .green-index .SH_submain .m-tit1 .btn_tooltip {top:7px}
    .green-index .month-Co2 dt {font-size:16px}
    .green-index .sub-topInfo {padding:50px 0 30px}
    .green-index .box-info {margin-top:10px}
    .green-index .box-info .txt-big {font-size:36px}
    .green-index .box-info .txt-big + p {font-size:14px; margin-top:0px}
    .green-index .box-info .txt-big + p b {font-size:16px}
    .green-index .box-badge {flex-direction: column; padding:30px 20px; margin-top:30px;  border-radius: 7px;}
    .green-index .box-badge .badge-icon {width:60px;height:60px; }
    .green-index .box-badge .badge-icon + p {font-size:15px; margin:15px 0 20px; padding:0; text-align: center; flex: 0 0; flex-basis: auto;}
    .green-index .box-badge .badge-icon + p > span + span {font-size:14px}
    .green-index .box-badge .badge-icon + p > span:first-child {font-size:16px}
    .green-index .box-badge .badge-icon img {width:100%}
    /* .green-index .box-badge .btn-more {flex-basis: auto;} */
    .green-index .box-badge .btn-more::before {content: none;}
    .green-index .box-badge button {margin:0 0}
    .green-index .wrap-cont {flex-direction: column; margin:0}
    .green-index .wrap-cont > div {/* flex:0 0; flex-basis:auto; */ padding:53px 0 40px; margin:0}
    .green-index .wrap-cont > div + div:not(:nth-child(2)) {margin-top:0px; border-top:none}
    .green-index .wrap-cont > div:first-child {margin-top: 0; padding-top:40px}
    .green-index .wrap-cont > div::before {content: ''; display: block; position:absolute; left:-24px; top:0; width:calc(100% + 48px); height:13px; background:#ececec}
    .green-index .wrap-cont > div:first-child::before {content: none;}
    .green-index .wrap-cont .col1_1 {width: 100%;}
    .green-index .wrap-cont .col2_1 {width: 100%;}
    .green-index .h_wrap + .box-cont {margin-top:48px}
    .green-index .report {padding-top:0px}
    .green-index .report > dl dt {font-size:16px}
    .green-index .report > dl dd {margin-top:5px}
    .green-index .category ul {margin:0; flex-direction: column;}
    .green-index .category ul li {width: 100%; padding:20px 10px; margin:0}
    .green-index .category ul li:nth-child(-n+2) {border-top:none}
    .green-index .category ul li:first-child {border-top:1px solid #eee}
    .green-index .category .use-num + button {width:30px}
    .green-index .category .use-num + button::after {right: 8px; top:21px}
    .green-index .category .info-won {font-size:16px}
    .green-index .category + .marker_refer {font-size:14px}
    .green-index.pop_wrap .info-greenindex {font-size:14px}
}
@media only screen and (max-width:480px){
    .green-index .report {width: 100%;}
    .green-index .graph {width: 100%; padding:0 12px; height:200px}
    .green-index .graph .item {padding:0 9px}
    .green-index .graph .item .bar i {width:27px}    
    .green-index .graph .item .month {font-size:15px}  
    /*.green-index .graph .item:hover .balloon*/ .green-index .graph .item.active .balloon {font-size:12px; height:28px}          
	.green-index .graph .item.baseline .line {width:calc(100% + 18px); left:-9px} 
}

/* 20221215585181_탑스쿠폰 수정 */
.premium_coupon_listN.dx_t1 li{height:auto;}
.premium_coupon_listN.dx_t1 li > a{padding:25px 30px 52px;}
.premium_coupon_listN.dx_t1 .coupon_conts{height:auto;padding-bottom:20px;}
.premium_coupon_listN.dx_t1 .coupon_conts .txt_area span{position:relative;top:auto;font-size:inherit;}
.premium_coupon_listN.dx_t1 .coupon_conts .txt_area .tit{margin:0;height:60px;}
.premium_coupon_listN.dx_t1 .coupon_conts .txt_area .price{margin-top:5px;font-size:20px;color:#666;}
.premium_coupon_listN.dx_t1 .coupon_conts .txt_area .price .p_before:after{content:"→";margin:0 4px;color:#666;}
.premium_coupon_listN.dx_t1 .coupon_conts .txt_area .date{margin-top:10px;font-size:14px;color:#888;}
.premium_coupon_listN.dx_t1 .coupon_conts figure{align-self:start;}
.popup .premium_coupon_listN.dx_t1 li{height:auto;}
.popup .premium_coupon_listN.dx_t1 .coupon_conts{padding-bottom:0;}
.coupon_select.dx_t1 ul li .flex, .coupon_select.dx_t1 .cancel_coupon_detail{height:100%;}
.coupon_select.dx_t1 .a-block-all{position:relative;padding:0 0 25px;}
.coupon_select.dx_t1 .a-block-all .coupon_conts .txt_area .price{margin-top:5px;font-size:16px;color:#666;}
.coupon_select.dx_t1 .a-block-all .coupon_conts .txt_area .price .p_before:after{content:"→";margin:0 4px;color:#666;}
.coupon_select.dx_t1 ul li .coupon_conts .txt_area span{position:relative;top:auto;right:auto;font-size:inherit;color:inherit;}
.coupon_select.dx_t1 ul li .coupon_conts .txt_area .date{position:absolute;top:0;right:0;color:#000;font-size: 1.2rem;}
.coupon_select.dx_t1 ul li .coupon_conts .txt_area .date span{color:#4868e1;}
.coupon_select.dx_t1 ul li .coupon_conts .txt_area .date span:before{content:"|";display:inline;margin:0 5px;color:#ddd;}
.coupon_select.dx_t1 .a-block-all .coupon_down{position:absolute;bottom:0;left:0;width:100%;}
.check_wrap.coupon_info .check_default input[type="checkbox"] + span.txt01{font-size:14px;color:#666;}
.detail_top .coupon_detail_N.dx_t1 .tit{height:auto;margin-bottom:0;}
.detail_top .coupon_detail_N.dx_t1 .info.date{margin-top:21px;}
.detail_top .coupon_detail_N.dx_t1 .price{font-size:24px;color:#666;}
.detail_top .coupon_detail_N.dx_t1 .price .p_before:after{content:"→";margin:0 4px;color:#666;}
.pc_between .coupon_cont .coupon_conts .txt_area .tit.t1{min-height:auto;}    
.pc_between .coupon_cont .coupon_conts .txt_area .tit.t1 .tit_t{white-space:normal;}
@media only screen and (max-width: 1100px){
    .premium_coupon_listN.dx_t1 li > a{padding:20px 17px 58px;}
	.premium_coupon_listN.dx_t1 .coupon_conts .txt_area .tit{height:48px;}
	.premium_coupon_listN.dx_t1 .coupon_conts .txt_area .price{margin-top:5px;font-size:14px;}
    .coupon_select.dx_t1 .a-block-all{padding:0;}
    .coupon_select.dx_t1 .a-block-all .coupon_conts .txt_area .price{font-size:14px;}
    .coupon_select.dx_t1 .a-block-all .coupon_down{position:relative;}
    .premium_coupon_detail .coupon_detail_list.coupon_detail_N.coupon_detail_N.dx_t1 .tit{margin-bottom:0;}
    .detail_top .coupon_detail_N.dx_t1 .info.date{margin-top:10px;}
    .detail_top .coupon_detail_N.dx_t1 .price{font-size:20px;}
}

/* font bold */
.wgt_md{font-weight:900 !important;}

/* 검색팝업 filter 적용 */
#quickSrch {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:52;/* backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); */}
.quickSrch_inner {top:130px;}
.quickSrch_dimmer {background-color:transparent;}

/* GNB filter 적용 */
/* .gnbSub_wrap .gnbSub_dimmer.is_active {backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);} */

/* 전체메뉴 filter 적용 */
/* .fullMenu_wrap.is-opened {backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);} */

/* 접근성 이슈 */
.os_android .report_month_swiper{overflow:initial;}

/* 20230201612853 / 20230131608669 / 홈페이지/플레이 內 재발급화면 수정요청 */
.c-reissuance .state_area .state_list {overflow: initial;}
.c-reissuance .card_inquiry_list + .card_inquiry_list {margin-top:20px}
.c-reissuance .card_inquiry_list .state_list.type02 > li > span + .select_wrap {display: inline-block; width:100px;}
.c-reissuance .card_inquiry_list .state_list.type02 > li + li:before {background:transparent}
.c-reissuance.pop_wrap.medium .popup {max-height:840px}
.c-reissuance .text_link {line-height: 22px; margin-right: 3px;}
.c-reissuance.pop_wrap .bank_wrap {background:none; border:none}
.c-reissuance.pop_wrap .bank_wrap .bank_name {padding-left:0}
.c-reissuance.pop_wrap .bank_wrap .bank_name [class^="icb_"] {padding:10px 0 0 34px}
.c-reissuance.pop_wrap.small .popup {max-height:520px}
.c-reissuance .c-state-list .icon-text-b3 {margin-left:12px}
.c-reissuance .c-state-list > ul {display: flex; flex-wrap: wrap;}
.c-reissuance .c-state-list > ul > li {flex:1 0; padding:20px 30px; background:#f6f6f6; border-radius:7px} 
.c-reissuance .list01 > ul {margin:0 -14px}
.c-reissuance .list01 > ul > li {display:flex; justify-content:space-between; margin:0 14px;}
.c-reissuance .list01 .tbox {display: flex; align-items: center;}
.c-reissuance .t-disabled {color: #888;}
.c-reissuance .card_inquiry_list .accordion_header.on + .accordion_body {border-top:none}
.c-reissuance .card_inquiry_list .accordion_body .area.c-area {padding:0px 30px 30px 82px}
.c-reissuance .check-dx {margin-top:0; margin-left:12px}
.c-reissuance .check-dx input + span:before {margin-top:0 !important}                                                    
.c-reissuance .check-dx.check-toggle .check_default input[type="checkbox"]:checked + .toggle::before {top:1px}
.c-reissuance .check-dx.check-toggle .check_default input[type="checkbox"] + .toggle::before {top:1px}                                 
.c-reissuance .card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n:before {background:#ddd}
.c-reissuance .card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n {margin-left:8px; padding-left:10px}
@media screen and (max-width:1100px) {
    .c-reissuance .card_inquiry_list .state_list.type02 > li {display: block;}
    .c-reissuance .card_inquiry_list .state_list.type02 > li + li {margin-top:10px}
    .c-reissuance .card_inquiry_list .state_list.type02 > li > span {display:inline-block; min-width:60px}
    .c-reissuance .card_inquiry_list .state_list.type02 > li + li:before {content:none}
    .c-reissuance .card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n {display:block; margin:0; padding:0}
    .c-reissuance .card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n:before {content:none}
	.c-reissuance.pop_wrap .bank_wrap .bank_name [class^="icb_"] {padding:0 0 0 29px}
	.c-reissuance .card_inquiry_list + .card_inquiry_list {margin-top:15px}
	.c-reissuance .card_inquiry_list .accordion_body .area.c-area {padding:0 20px 20px}
	.c-reissuance .c-state-list .icon-text-b3 {margin-left:8px}
	.c-reissuance .c-state-list > ul {flex-direction: column;}
	.c-reissuance .c-state-list > ul > li {padding:20px 12px}
	.c-reissuance .list01 > ul {margin:0; }
	.c-reissuance .list01 > ul > li {margin:0;}
	.c-reissuance .list01 > ul > li + li {margin-top:10px}
	.c-reissuance .check-dx {margin-left:8px}
	.c-reissuance .radio-dx .radio_default input[type="radio"], .c-reissuance .check-dx .check_default input[type="checkbox"] {top:50%}    
	.c-reissuance .check-dx input + span:before {margin-top:0 !important}
	.c-reissuance .card_inquiry_list .accordion_header .card_exp.t1 .card_exp_n + .card_exp_n {margin-left:0px; padding-left:0px}

	/* radio,check박스 위에 위치 커스텀 */
	.c-top-radio input[type="radio"], .c-top-check input[type="checkbox"] {top:27px !important}
	.c-top-toggle:after {top:40px !important} 
	.c-top-radio input[type="radio"] + span:before, .c-top-check input[type="checkbox"] + span:before {top:27px !important} 
	.c-top-radio input[type="radio"]:checked + span:after {top:27px !important}  
}

/* 20230207393162 로그인 2차인증 페이지에서만 사용하는 디자인(다른 곳 사용 불가) */
.secondary-auth {margin-top:32px;text-align:center;}
.secondary-auth .tit {font-size:22px;}
.secondary-auth .txt {margin-top:10px;color:#333;}
.secondary-auth .input-group {display:flex;justify-content:center;margin-top:23px;}
.secondary-auth .input-group .input_wrap {display:flex;align-items:center;justify-content:center;width:42px;}
.secondary-auth .input-group .input_wrap + .input_wrap {margin-left:6px;}
.secondary-auth .input-group .input_wrap input {padding:0;font-size:24px;text-align:center;}
.secondary-auth .error {margin-top:15px;font-size:13px;color:#da1d1d;}
.secondary-auth .error + .error {margin-top:4px;}

@media only screen and (max-width: 1100px) {
	.secondary-auth {margin-top:41px;}
	.secondary-auth .tit {font-size:18px;}
}

/* 20230313531739 리볼빙 툴팁추가 */
.paybtn_tooltip{position:relative;width:100%;margin-right:10px;}    
.paybtn_tooltip .tooltip{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);z-index:2;white-space: nowrap;}
.paybtn_tooltip .tooltip::before{top:-6px;transform:rotate(180deg);}

/* 230322 추가 */
.c-tit1 + .c-tit2{margin-top:60px;}
@media only screen and (max-width: 1100px){
    .c-tit1 + .c-tit2{margin-top:40px;}
}

/* 2023 03 06 포인트 조회,전환,상세,팝업 리뉴얼 */
/* 공통 */
.myp-re2023 .myp-red {color: #da1d1d !important; font-weight: 700 !important;}
.myp-re2023 .myp-blue {color: #476eff !important; font-weight: 700 !important;}
.myp-re2023 .myp-blue2 {color: #3048a2 !important;}
.myp-re2023 .fs14 {font-size: 14px !important;}
.myp-re2023 .fs14 .mypt-tbtn {font-size: 14px !important;}
.myp-re2023 .point-top {margin-top: 60px; margin-bottom: 80px;}
.myp-re2023 .point-bottom {margin-top: 80px;}
.myp-re2023 .point-bottom .tab-dx.tab_type03 .tab_pull {margin-bottom: 40px;}
.myp-re2023 .myp-pc {display: block !important;}
.myp-re2023 .myp-pc {display: block !important;}
.myp-re2023 .myp-pc-de {display: initial !important;}
.myp-re2023 .myp-mo-de {display: none !important;}
.myp-re2023 .sub_title2 {font-size: 14px; color: #666;}
body.mobile .myp-re2023 #excel {display: none;}
.myp-popup .myp-subtit {text-align: right; font-size: 14px; color: #666; margin: 24px 0 8px;}
/* select */
.myp-re2023 .myp-select.type2 .ui_select_btn {height: 76px; border-radius: 8px; border: 2px solid #414E7F; padding-left: 28px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);}
.myp-re2023 .myp-select.type2 .ui_select_btn[aria-expanded="true"] {height: 76px; border-radius: 8px; border-bottom: none; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.myp-re2023 .myp-select .ui_select[data-direction=down] .ui_select_scr {border: none; box-shadow: 0px 12px 8px rgba(0, 0, 0, 0.15);}
.myp-re2023 .myp-select .ui_select .ui_select_menu {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 2px solid #414E7F; border-top: none;}
.myp-re2023 .myp-select .ui_select .ui_select_btn .ui_select_value {font-weight: 700; font-size: 22px; color: #000;}
.myp-re2023 .myp-select.type2 .p_change {position: absolute;top: 0px;bottom:0; right: 28px;z-index: 11; margin: auto; height: 38px; background-color: #eff0f5;padding: 0 15px;font-size: 14px;display: flex;align-items: center;border-radius: 2px; pointer-events: none; }
.myp-re2023 .myp-select .ui_select[data-direction=down] .p_change,
.myp-re2023 .myp-select .ui_select[data-direction=up] .p_change {z-index: 0;}
.myp-re2023 .myp-select.type2 .ui_select .ui_select_value:before {display: none;}
.myp-re2023 .myp-select.type2 .is_active .tst {display: none;}
.myp-re2023 .myp-select .ui_select .ui_select_option a {font-size: 16px; padding: 8px 28px; font-weight: 700;}
.myp-re2023 .myp-select .ui_select .ui_select_option a:hover {background-color: #f8f8f8;}
.myp-re2023 .myp-select .ui_select .ui_select_list {padding-bottom: 10px;}
.myp-re2023 .myp-select .ui_select .ui_select_option.is_placeholder a,
.myp-re2023 .myp-select .ui_select .ui_select_option a {color: #000;}
.myp-re2023 .myp-select .ui_select .ui_select_option[aria-selected="true"] a {color: #3048a2;}
.myp-re2023 .myp-select {margin-bottom: 40px;}
/* list1 */
.myp-re2023 .myp-list1 {display: flex; flex-wrap: wrap; padding: 16px 0; border-top: 1px solid #888; border-bottom: 1px solid #ddd;}
.myp-re2023 .myp-list1 .item1 {flex: 0 0 auto; display: flex; justify-content: space-between;  width: calc(50% - 30px); padding: 16px 0;}
.myp-re2023 .myp-list1 .item1:nth-child(odd) {margin-right: 30px;}
.myp-re2023 .myp-list1 .item1:nth-child(even) {margin-left: 30px;}
.myp-re2023 .myp-list1 .myp-name1, 
.myp-re2023 .myp-list1 .myp-val1 {flex: 1 0 auto;} 
.myp-re2023 .myp-list1 .myp-name1 {overflow: hidden;max-width: 272px;text-overflow: ellipsis;display: inline-block; color: #666; font-size: 16px; font-weight: 500;} 
.myp-re2023 .myp-list1 .myp-name1 .nowid {white-space: nowrap;} 
.myp-re2023 .myp-list1 .myp-val1 {text-align: right; color: #000; font-size: 18px; padding-right: 24px; position: relative; font-weight: 900;}
.myp-re2023 .myp-list1 .myp-val1::after {content: ''; display: inline-block; width: 24px; height: 24px; background: url('/pconts/images/dx/com/myp-r-arrow.svg') no-repeat center/100%; position: absolute; right: 0; top:0; bottom: 0; margin: auto;}
/* list2 */
.myp-re2023 .myp-list2 {display: flex; margin: -4px; margin-bottom: 20px;}
.myp-re2023 .myp-list2 .item2 {flex: 1 0 auto; display: flex; width: 50%; flex-wrap: wrap; }
.myp-re2023 .myp-list2 .item2 .myp-box {flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; min-height: 136px; background-color: #fff; /*box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);*/ padding: 20px; margin: 4px; width: calc(100% - 8px); border: 1px solid #ddd; border-radius: 8px;}
.myp-re2023 .myp-list2 .item2 .myp-box-wrap {display: flex; flex-wrap: wrap; flex: 0 0 auto; width: 100%; }
.myp-re2023 .myp-list2 .item2 .myp-box + .myp-box:not(.p-clear) {width: calc(50% - 8px);}
.myp-re2023 .myp-list2 .item2 .myp-box-wrap .myp-box {width: calc(50% - 8px);}
.myp-re2023 .myp-list2 .myp-box .myp-name2 {font-size: 16px; color: #666; font-weight: 500;}
.myp-re2023 .myp-list2 .myp-box .myp-val2 {font-size: 18px; font-weight: 700; margin-top: 8px;}
.myp-re2023 .myp-list2 .item2.type1 .myp-val2 {font-size: 38px; font-weight: 900;} 
.myp-re2023 .myp-list2.bankbook .item2.type1 .myp-val2 {font-size: 24px; font-weight: 900;} 
.myp-re2023 .myp-list2 .item2 .myp-box.p-clear {background-color: #f8f8f8; height: 59px; min-height: auto; flex-direction: row; align-items: center; justify-content:space-between; border: none;}
.myp-re2023 .myp-list2 .item2 .myp-box.p-clear h4 {color: #000;}
.myp-re2023 .myp-list2 .myp-box.p-clear .myp-name2 {color: #000;}
.myp-re2023 .myp-list2 .item2 .myp-box.p-clear .myp-val2 {margin-top: 0px; color: #000; font-weight: 500;}
.myp-re2023 .myp-list2 .item2 .myp-box.p-clear .myp-val2[class*='case'] {padding-right: 24px; position: relative; }
.myp-re2023 .myp-list2 .item2 .myp-box.p-clear .myp-val2[class*='case']::after {content: ''; display: block; width: 24px; height: 24px; background: url('/pconts/images/dx/com/myp-r-arrow.svg') no-repeat center/100%; position: absolute; right: 0; top:0; bottom: 0; margin: auto;}
/* list3 */
.myp-re2023 .myp-filter + .myp-list3 {margin-top: 0;border: none;}
/* * + .myp-list3 {margin-top:16px;margin-bottom:16px;} */
.myp-re2023 .myp-list3:last-child {margin-bottom:0;}
.myp-re2023 .myp-list3 {margin-top:16px;border-top:1px solid #888; position: relative;}
.myp-re2023 .myp-list3-item  {display:flex;align-items:center;}
.myp-re2023 .myp-list3-item .myp-list3-link {padding:24px 0;}
.myp-re2023 .myp-list3-item + .myp-list3-item  {border-top:1px solid #eee;}
.myp-re2023 .myp-list3-item:last-child {border-bottom:1px solid #eee;}
.myp-re2023 .myp-list3-link {display:flex;align-items:center;flex-grow:1;}
.myp-re2023 .myp-list3-tit {display:flex;align-items:center;font-weight:500;}
.myp-re2023 .myp-list3-tit [class*='icon-text-'] {overflow:hidden;flex-shrink:0; margin:0 16px 0 0;}
.myp-re2023 .myp-list3-tit.line-clamp1-2 {overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; max-width: 480px;}
.myp-re2023 .myp-list3-txt {display:flex;align-items:center;color:#666;font-size:14px;}
.myp-re2023 .myp-list3-txt > span + span {margin-left:4px;}
.myp-re2023 .myp-list3-txt[role='text'] {overflow:hidden;}
.myp-re2023 .myp-list3-txt del {color:#888;}
.myp-re2023 .myp-list3-txt.fs3 {font-size:13px;}
.myp-re2023 .myp-list3-tit + .myp-list3-txt,
.myp-re2023 .myp-list3-txt + .myp-list3-txt,
.myp-re2023 .myp-list3-txt + .btn-wrap-dx {margin-top:4px;}
.myp-re2023 .myp-list3-cell1 {position:relative;display:flex;margin-right:10px;}
.myp-re2023 .myp-list3-cell2 {display:flex;align-items:center;flex-grow:1;}
.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item1 {order:10;}
.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item2 {order:5;width:236px;}
.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item2:only-child {width:100%;}
.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item3 {order:15;margin-left:auto;text-align:right;}
.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item3 .myp-list3-txt {justify-content:flex-end;}
.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item + .myp-list3-cell-item.item2 {flex-shrink:0;margin-right:20px;}
.myp-re2023 .myp-list3-cell3 {margin-left:40px;}
.myp-re2023 .myp-list3-cell4 {margin-left:16px;text-align:right;}
.myp-re2023 .myp-list3-cell4 .myp-list3-txt {justify-content:flex-end;}
.myp-re2023 .myp-list3-group + .btn-wrap-dx {margin-top:24px;}
.myp-re2023 .myp-list3-txt .ico_card_logo {order: 1;} 
.myp-re2023 .myp-list3-txt .myp-blue {font-size: 16px;}
/* IE 말줄임 예외적용 */
.msie .myp-list3-cell2 .myp-list3-cell-item.item1 {overflow:hidden;}
.msie .myp-list3-tit.line-clamp1-2 {white-space:normal;}
/* list 4 */
.myp-re2023 .myp-list4-wrap {margin-top: 32px; }
.myp-re2023 .myp-list4-tit {font-size: 14px; color: #000; font-weight: 700; }
.myp-re2023 .myp-list4 {padding: 24px 0; border-top: 1px solid #888; border-bottom: 1px solid #ddd; margin-top: 8px;}
.myp-re2023 .myp-list4 .item4 + .item4 {margin-top: 16px;}
.myp-re2023 .myp-list4 .item4,
.myp-re2023 .myp-list4 .item4 .mypt-tbtn {display: flex; justify-content: space-between; width: 100%;}
.myp-re2023 .myp-list4 .item4 .myp-list4-name {flex: 1 1 auto; font-weight: 500;}
.myp-re2023 .myp-list4 .item4 .mypt-tbtn .myp-list4-name {flex: 1 1 auto;}
.myp-re2023 .myp-list4 .item4 .myp-list4-val,
.myp-re2023 .myp-list4 .item4 .mypt-tbtn .myp-list4-val {flex: 1 1 auto; text-align: right; color:#476eff; font-weight: 700;}
/* filter */
.myp-re2023 .myp-filter {position:relative;/*padding:16px 0;*/border-top:1px solid #888;/*background-color:#f6f6f6;*/border-bottom:1px solid #ddd; margin-top:40px;}
.myp-re2023 .myp-filter-list {display:flex;flex-wrap:wrap;}
.myp-re2023 .myp-filter-item {position:relative;padding-right:17px;color:#304ba2;font-size:14px;}
.myp-re2023 .myp-filter-item.cardname {word-break: break-all; height: 20px;overflow: hidden;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; max-width: 70%;}
.myp-re2023 .myp-filter-item.cardname::after {content: none;}
.myp-re2023 .myp-filter-item::after {content:'';position:absolute;top:50%;right:8px;width:1px;height:57.2%;background-color:#bbb;transform:translateY(-50%);}
.myp-re2023 .myp-filter-item:last-child {padding-right:0;}
.myp-re2023 .myp-filter-item:last-child::after {display:none;}
.myp-re2023 .myp-filter-btn {display:block; /*position:absolute;top:0;left:0;right:0;bottom:0;*/width:100%;height: 100%;background:url('/pconts/images/dx/com/filter_black.svg') no-repeat 100% 15px; padding: 16px 0;}
/* table */
.myp-re2023 .myp-table1 {margin-top: 25px; border-top: 1px solid #888;}
.myp-re2023 .myp-table1 .mypt-cell-date {text-align: center; font-size: 16px; color: #666;}
.myp-re2023 .myp-table1 .mypt-cell-use {text-align: center; font-size: 16px;}
.myp-re2023 .myp-table1 .mypt-cell-save {text-align: center; font-size: 16px;}
.myp-re2023 .myp-table1 .mypt-cell-goext {text-align: center; font-size: 16px; color: #666;}
.myp-re2023 .myp-table1 .mypt-cell-ext{text-align: center; font-size: 16px;}
.myp-re2023 .myp-table1 .mypt-cell-goext.myp-red,
.myp-re2023 .myp-table1 .mypt-cell-ext.myp-red {font-weight: 700;}
.myp-re2023 .myp-table1 .mypt-tbtn {display: block; width: 100%; height: 100%; color: #476eff; font-size: 16px; font-weight: 700;}
.myp-popup .myp-list5-wrap {margin-top: 8px; margin-bottom: 56px;}
.myp-popup .myp-list5-wrap:last-child {margin-bottom: 0px;}
.myp-popup .myp-list5-wrap .myp-list5 {padding: 18px 0; border-top: 1px solid #888; border-bottom: 1px solid #ddd;}
.myp-popup .myp-list5-wrap .item5 {display: flex; padding: 8px 0;}
.myp-popup .myp-list5-wrap .myp-list5-name {flex: 0 0 auto; width: 200px; margin-right: 24px; font-weight: 400; color: #666;}  
.myp-popup .myp-list5-wrap .myp-list5-val {flex: 1 1 auto; color: #333;}
.myp-popup .myp-list5-wrap .myp-list5-tit {display: block; margin-bottom: 16px;}

.myp-popup .myp-list5-wrap .myp-list5-val.type1 {display: flex;}
.myp-popup .myp-list5-wrap .myp-list5-val.type1 .brand {order: 2;}
.myp-popup .myp-list5-wrap .myp-list5-val.type1 .fam, 
.myp-popup .myp-list5-wrap .myp-list5-val.type1 .brand, 
.myp-popup .myp-list5-wrap .myp-list5-val.type1 .cnum { margin-right: 4px;} 
.myp-popup .pop_cont .form_type {padding: 12px 0;}
/* 소멸예정 포인트 */
.myp-popup .myp-table2 {border-top: 1px solid #888; text-align: center;} 
.myp-popup .myp-table2 .date, 
.myp-popup .myp-table2 .point_remain {font-size: 13px;} 
.myp-popup .myp-table2 .point_remain.myp-red {font-size: 14px !important; color: #da1d1d !important; font-weight: 700;} 
/* 날짜는 4개씩, 버튼은 2개씩, radio_wrap에 display: flex 제거 */
.myp-popup .radio_wrap.myp-radio-type1 > ul,
.myp-popup .radio_wrap.myp-radio-type2 > ul {display: flex; margin: -2px; flex-wrap: wrap; width: auto;;}
.myp-popup .radio_wrap.myp-radio-type1 > ul > li {float: none; flex: 1 0 auto; width: calc(25% - 4px); margin: 2px;}
.myp-popup .radio_wrap.myp-radio-type2 > ul > li {float: none; flex: 1 0 auto; width: calc(33.33333333% - 4px); margin: 2px;}
.myp-popup .radio_wrap.myp-radio-type1, 
.myp-popup .radio_wrap.myp-radio-type2 {display: block;}
/* 이메일 발송은 그냥 width만 수정 */
.myp-popup .radio_wrap.myp-radio-type3 li:not(:first-child) {margin-left: 8px;}
.myp-popup .radio_wrap.myp-radio-type3 li {width: calc(50% - 4px);}
.myp-popup .pop_btn.btn_wrap.btn_group::before {/*content: '';display: block;width: calc(100% - 31px);height: 38px;background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0));position: absolute;top: -30px;right: 0;left: 0;margin: auto;*/}
.myp-popup .pop_btn.btn_wrap.btn_group {overflow: inherit; padding: 10px 30px 30px;}
.myp-popup .popup .pop_cont {padding-bottom: 35px;}
.myp-popup .myp-tab .tab_wrap.form-dx {margin-top: 8px; margin-bottom: 24px;}
.myp-popup .myp-tab .tab_list li {border: 1px solid #bbb; border-radius: 4px; background-color: #fff; min-height: auto;}
.myp-popup .myp-tab .tab_list li + li {margin-left: 4px;}
.myp-popup .myp-tab .tab_list li > button { padding: 13px 14px;  font-size: 14px;}
.myp-popup .myp-tab .tab_list li.current {border: 2px solid #476eff;}
.myp-popup .myp-tab .tab_list li.current > button { background-color: #fff; color: #476eff; }
.myp-popup .form-dx .radio_wrap.type_btn .radio_btn input[type="radio"] + span, 
.myp-popup .form-dx .check_wrap.type_btn .check_btn input[type="checkbox"] + span {font-size: 1.4rem;}
.myp-popup .form-dx .g-components {margin-bottom: 24px;;}
.myp-popup .myp-tab > .tab_list {border-left: none;}
.myp-popup .myp-tab > .tab_list li.current:before {border-left: none;}
.myp-popup .color666 {color: #666;}
/* .myp-popup .popup .pop_cont {padding-bottom: 60px;} */
.myp-re2023 .myp-list3.type1 .myp-list3-item {padding: 24px 0; align-items: flex-start;}
.myp-re2023 .myp-list3.type1 .myp-list3-cell4 .val {font-size: 16px; font-weight: 700; color: #000; margin-left: 4px;}
/* 포인트 조회하는 인풋 위로 올라갈때 */
.myp-re2023 .myp-select.type2 .ui_select[data-direction=up] .ui_select_btn[aria-expanded="true"] {border-bottom: 2px solid #414e7f;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px; border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.myp-re2023 .myp-select .ui_select[data-direction=up] .ui_select_menu {border-bottom: none; border-top: 2px solid #414e7f;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; padding-top: 15px;}
.myp-re2023 .select_wrap .ui_select[data-direction=up] .ui_select_scr {border-bottom: none;}
.myp-re2023 .myp-select #selectCard {color: #000;}

@media only screen and (max-width: 1100px) {
	.myp-re2023 .myp-pc {display: none !important;}
	.myp-re2023 .myp-mo {display: block !important;}
	.myp-re2023 .myp-pc-de {display: none !important;}
	.myp-re2023 .myp-mo-de {display: initial !important;}
	.myp-re2023 .point-top {margin-top: 32px; margin-bottom:56px;}
	.myp-re2023 .myp-list1 {display: block; padding: 12px 0;}	
	.myp-re2023 .myp-list1 .item1 {width: 100%; padding: 12px 0;}	
	.myp-re2023 .myp-list1 .item1:nth-child(odd) {margin-right: 0;}	
	.myp-re2023 .myp-list1 .item1:nth-child(even) {margin-left: 0;}	
	.myp-re2023 .myp-list1 .myp-name1 {margin-right: 10px;}
	.myp-re2023 .myp-list1 .myp-name1,
	.myp-re2023 .myp-list1 .myp-val1 {flex: 1 1 auto;}
	/* .myp-re2023 .myp-filter-btn {top: -20px;} 이건 봐야됨. 2줄일떄 위정렬 */
	/* list3 */
	.myp-re2023 .myp-list3-item {align-items:flex-start;}
	.myp-re2023 .myp-list3-link {align-items:flex-start;}
	.myp-re2023 .myp-list3-tit [class*='icon-text-'] {margin-right:8px;}
	.myp-re2023 .myp-list3-tit.line-clamp1-2 {-webkit-line-clamp:2;}
	.myp-re2023 .myp-list3-txt {font-size:14px;}
	.myp-re2023 .myp-list3-txt.fs2 {font-size:16px;}
	.myp-re2023 .myp-list3-cell1 {margin-right:8px;}
	.myp-re2023 .myp-list3-cell2 {flex-direction:column;align-items:flex-start;}
	.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item + .myp-list3-cell-item {margin-top:4px;}
	.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item + .myp-list3-cell-item.item2 {margin-right:0;}
	.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item1 {order:5;}
	.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item2 {order:10;width:100%;}
	.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item3 {margin-left:0;text-align:left;}
	.myp-re2023 .myp-list3-cell2 .myp-list3-cell-item.item3 .myp-list3-txt {justify-content:flex-start;}
	.myp-re2023 .myp-list3-cell3 {margin-left:16px;}
	.myp-re2023 .myp-list3-cell4 {margin-left:8px; min-width: 80px;}
	.myp-re2023 .myp-list3-txt.fs2.case-1 .myp-blue {font-size: 14px;}
	/* .myp-re2023 .myp-filter {padding-right:56px;} */
	.myp-re2023 .myp-filter-list {margin-top:-4px;} 
	.myp-re2023 .myp-filter-item {padding-right:9px;margin-top:4px;}
	.myp-re2023 .myp-filter-item::after {right:4px;height:38.1%;}
	.myp-re2023 .myp-filter-item.date {width:100%;}
	.myp-re2023 .myp-filter-item.date::after {display:none;}
	.myp-re2023 .myp-filter-btn {left:auto;/*width:56px;*/ width:100%; background-position:100% 16px;}
	.myp-re2023 .myp-select.type2 {margin-bottom: 32px;}
	/* .myp-re2023 .myp-select.type2 .ui_select.set_select::after {content: '';display: inline-block;width: 24px;height: 24px;background: url(/pconts/images/dx/com/myp-r-arrow.svg) no-repeat center/100%;position: absolute;right: 25px;top: 0;bottom: 0;margin: auto; z-index: 10;z-index: 10;transform: rotate(90deg);} */
	.myp-re2023 .myp-select.type2 .ui_select_btn {height: 64px; padding-left: 20px;}
	.myp-re2023 .myp-select.type2 .p_change {display: none;}
	.myp-re2023 .myp-select .ui_select .ui_select_btn .ui_select_value {font-size: 16px;}
	.myp-re2023 .myp-select.type2 .ui_select_btn[aria-expanded="true"] {height: 64px;}
	.myp-re2023 .myp-select .ui_select .ui_select_option a {padding: 8px 20px;}
	body.mobile .myp-select .ui_select select {border-radius: 8px; border: 2px solid #414E7f; height: 64px; padding: 0 41px 0 20px; font-weight: 700; box-shadow: 0px 4px 8px rgba(0,0,0,0.15);}
	body.mobile .myp-select .ui_select:before {margin: auto; top:-5px; bottom:0; right: 20px; left: calc(100% - 37px);}
	.myp-re2023 .select_wrap .ui_select select:focus {padding-left: 20px;}
	.myp-re2023 .myp-list2 {display: block; margin: 0; margin-bottom: 20px;}
	.myp-re2023 .myp-list2 .item2 {width: 100%;}
	.myp-re2023 .myp-list2 .item2.type1 .myp-box {border:none; padding: 0; min-height: auto;}
	.myp-re2023 .myp-list2 .myp-box .myp-val2 {margin-top:0;}
	.myp-re2023 .myp-list2 .item2 .myp-box {margin: 8px 0 0 0; width: 100%;}
	.myp-re2023 .myp-list2 .item2 .myp-box-wrap {display: block; border: 1px solid #ddd; padding: 16px; border-radius: 8px; margin-top: 16px;}
	.myp-re2023 .myp-list2 .item2 .myp-box-wrap .myp-box {border:none; flex-direction: row; width: 100%; min-height: auto; padding: 0; margin: 0; align-items: center;}
	.myp-re2023 .myp-list2 .item2 .myp-box-wrap .myp-box + .myp-box {margin-top:4px;}
	.myp-re2023 .myp-list2 .item2.type2 .myp-box-wrap .myp-box .myp-name2 {flex: 1 1 auto;}
	.myp-re2023 .myp-list2 .item2.type2 .myp-box-wrap .myp-box .myp-val2  {flex: 1 1 auto; text-align: right;}
	.myp-re2023 .myp-list2 .item2 .myp-box + .myp-box:not(.p-clear) {width: 100%;}
	.myp-popup .myp-list5-wrap:first-child {margin-top: 16px;}
	.myp-popup .myp-list5-wrap .myp-list5 {padding: 16px 0;}
	.myp-popup .myp-list5-wrap .myp-list5-name {width: 148px;}
	/* 신한은행 통장 포인트 별도페이지 */
	.myp-re2023 .myp-list2.bankbook .item2.type1 {border: 1px solid #ddd; padding: 24px 16px; border-radius: 8px; margin-top: 8px;}
	.myp-re2023 .myp-list3.type1 .myp-list3-cell4 .myp-list3-txt.info{text-align: right;align-items: flex-end;flex-direction: column; margin-bottom: 11px;}
	.myp-re2023 .myp-list3.type1 .myp-list3-cell4 .myp-list3-txt.info .tit {order: 2;}
    .myp-popup .myp-tab .tab_list li {width: calc(50% - 4px) !important;} 
}


/* 이용대금명세서 상세보기 팝업 */
#popCardStatement03 .card_statement_receipt .receipt_head .lower .cardinformation {display:flex;align-items:center;}
#popCardStatement03 .card_statement_receipt .receipt_head .lower .cardinformation .user {display:inline-block;float:none;font-size:16px;}

/* =================================================================
2023 접근성 관련 수정
================================================================= */
/* 헤더 전체메뉴 버튼 */
#header .util_wrap button > span .top,
#header .util_wrap button > span .middle,
#header .util_wrap button > span .bottom {display:none;}
/* 헤더 검색 버튼 */
#header .util_wrap .btn_ico_search > span {padding:0 !important;margin:0 !important;overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px);text-indent:0;}
/* 마이 숨겨진 링크 제거 */
#shcSm1 .pospull {display:none;}
/* 헤더 나만의 확인 메시지 색상 - 명도대비 */
.mySub_top .sinceDate.sb_color01 {color:#38B5D0;}
.mySub_top .sinceDate.sb_color02 {color:#D19E37;}
.mySub_top .sinceDate.sb_color03 {color:#FE8272;}
.mySub_top .sinceDate.sb_color04 {color:#58BA6D;}
.mySub_top .sinceDate.sb_color05 {color:#CE94F9;}
.mySub_top .sinceDate.sb_color06 {color:#e698da;}
.mySub_top .sinceDate.sb_color07 {color:#96A1F8;}
/* input placehoder - 명도대비 */
::placeholder {color:#949494;}
::-webkit-input-placeholder {color:#949494;}
::-moz-placeholder {color:#949494;}
:-moz-placeholder {color:#949494;}
::-ms-input-placeholde {color:#949494;}
:-ms-input-placeholder {color:#949494;}
.select_wrap .ui_select .ui_select_btn.is_placeholder .ui_select_value {color:#949494;}
/* 전체동의 체크박스 체크시 아이콘 추가 */
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span {padding-left:44px;}
.agreement_wrap .all_acc > .accordion_header .check_wrap.type_agree.all .check_agree input[type="checkbox"]:checked + span::before {content:'';display: inline-block;position: absolute;left: 27px;top: 25px;width: 9px;height: 15px;border-right: 3px solid #fff;border-bottom: 3px solid #fff;border-radius: 1px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/* 신한카드 x LG트윈스 승리할 때마다 최대 3천 포인트 받자! 이벤트 아티클 1221125 - /pconts/html/benefit/event/D20230306479260_svn.html */
.lg_stamp_wrap {border-radius: 10px 10px 0 0; background-color: #f6f6f6; margin-top: 15px;}
.lg_stamp_tit {border-radius: 10px 10px 0 0; background-color: #ebebeb; padding: 23px 0;}
.lg_stamp_month {text-align: center; font-size: 22px; font-weight: 900;}
.lg_stamp_wrap .swiper-slide {background-color: #f6f6f6;}
.lg_stamp_group {margin: 27px 25px; display: flex; flex-wrap: wrap; justify-content: flex-start; background-color: #f6f6f6;}
.lg_stamp_item {position: relative; width: 150px; height: 150px; margin: 18px;border-radius: 100%; background-color: #fff; background-image: url('/pconts/images/dx/event/2023/lg_stamp_pc_nor.png'); background-size: 100%; background-repeat: no-repeat; color: #000; font-weight: 700; font-size: 18px;}
.lg_stamp_item.on {background-image: url('/pconts/images/dx/event/2023/lg_stamp_pc_sel.png'); color: #bd0536; font-weight: 900;}
.lg_stamp_date {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.lg_stamp_wrap .swiper-button-prev,
.lg_stamp_wrap .swiper-container-rtl .swiper-button-next {background-image: url('/pconts/images/dx/event/2023/230320_twins_arrow_l_pc.png'); left: 50%; transform: translateX(-100px);}
.lg_stamp_wrap .swiper-button-next,
.lg_stamp_wrap .swiper-container-rtl .swiper-button-prev {background-image: url('/pconts/images/dx/event/2023/230320_twins_arrow_r_pc.png'); right: 50%; transform: translateX(100px);}
.lg_stamp_wrap .swiper-button-next,
.lg_stamp_wrap .swiper-button-prev {width: 24px; height: 24px; background-size: 100%; top: 29px; margin-top: 0;}
@media only screen and (max-width: 1100px) {
    .lg_stamp_group {margin:  14px 10.5px;}
    .lg_stamp_item {width: calc(26.3% - 6.69%) !important; height: auto !important; min-height: 82px; min-width: 82px ; padding-top: calc(26.3% - 6.69%) !important; margin: 3.345% 6.86% !important; background-image: url('/pconts/images/dx/event/2023/lg_stamp_mo_nor.png');}
    /* .lg_stamp_item {width: calc(33.3% - 5.16%); height: auto; min-height: 82px; min-width: 82px; padding-top:calc(33.3% - 5.16%); margin: 2.58%; background-image: url('/pconts/images/dx/event/2023/lg_stamp_mo_nor.png');} */
    /* .lg_stamp_item {width: calc(33.3% - 15px); height: auto; min-height: 82px; min-width: 82px; padding-top: calc(33.3% - 15px); margin: 7.5px; background-image: url('/pconts/images/dx/event/2023/lg_stamp_mo_nor.png');} */
    .lg_stamp_item.on {background-image: url('/pconts/images/dx/event/2023/lg_stamp_mo_sel.png');}
    .lg_stamp_date {top: 70%;}
}
@media only screen and (max-width: 768px) {
    .lg_stamp_item {font-size: 10px; width: calc(33.3% - 15px) !important; height: auto; min-height: 82px; min-width: 82px; padding-top: calc(33.3% - 15px) !important; margin: 7.5px !important; background-image: url('/pconts/images/dx/event/2023/lg_stamp_mo_nor.png');}
    /* .lg_stamp_item {font-size: 10px;} */
    .lg_stamp_tit {padding: 15px 0;}
    .lg_stamp_month {font-size: 15px;}
    .lg_stamp_wrap .swiper-button-next,
    .lg_stamp_wrap .swiper-button-prev {width: 16px; height: 16px; top: 19px;}
    .lg_stamp_wrap .swiper-button-next,
    .lg_stamp_wrap .swiper-container-rtl .swiper-button-prev {transform: translateX(65px);}
    .lg_stamp_wrap .swiper-button-prev,
    .lg_stamp_wrap .swiper-container-rtl .swiper-button-next {transform: translateX(-65px);
    }                
} 

/* 20230309614802 - 홈페이지 내 갱신안내 배너 이미지 제작 */
.mybn-exp {padding: 60px 24px 20px}
.mybn-exp .mybn-exp-inner {max-width: 1200px; margin:0 auto}
.mybn-exp a {display: block; position:relative;  padding:17px 82px; background:#414e7f; border-radius: 12px;  font-weight: 400;}
.mybn-exp a b {font-weight:900}
.mybn-exp p {position:relative; display:inline-block; color:#fff; letter-spacing: -0.03em;}
.mybn-exp p::after, .mybn-exp p::before {content: ''; display: block; position: absolute;}
.mybn-exp p::before {width:27px; height:27px; left:-43px; top:-2px; background:url(/pconts/images/dx/contents/ico-mybn-exp.png) no-repeat 0 0/100% auto; image-rendering: -webkit-optimize-contrast}
.mybn-exp p::after {position:absolute; right:-25px; top:50%; width:7px; height:7px; border-width:1px 1px 0 0; border-color: #fff; border-style: solid; transform: rotate(45deg) translate(0,-50%);}
@media screen and (max-width:1100px) {
	.mybn-exp {padding:26px 24px 0px}
	.mybn-exp + #myhomeHeader + #shcSm1sec3 .m-payment-box:first-of-type {padding-top:30px} 
	#INCMOBFM006R01A ~ #myhomeHeader + #shcSm1sec3 .m-payment-box:first-of-type {padding-top:30px}
	.mybn-exp a {padding:13px 20px 13px 52px; font-size:15px;}
	.mybn-exp p {display: block}
	.mybn-exp p::before {width:23px; height:23px; left:-32px; top:50%; transform: translate(0,-50%);}
	.mybn-exp p::after {right:3px}
}




/* 23.03.30 탑스 쿠폰 기간 만료 텍스트 추가 */
.premium_coupon_listN.premium_coupon_end li figure.coupon_dayend::before {display: block;content: "기간만료";color: #fff;font-size: 16px;text-align: center;
line-height: 120px;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.6);z-index: 10;}
.premium_coupon_listN.premium_coupon_end li figure.coupon_dayend::after {display: none;}

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

.premium_coupon_listN.premium_coupon_end li figure.coupon_dayend::before {content: "기간만료";font-size: 1.3rem;line-height: 105px;}
.premium_coupon_listN.premium_coupon_end li figure.coupon_dayend::after {display: none;}
}

/* 20230330521459 - 비대면채널(홈페이지/신한pLay) 카드론 이용 시 상품설명서 디자인 개선 요청 */
.dx_cardloan0405_img {width: 100%; display: flex; justify-content: center; margin-bottom: 20px;}
.dx_cardloan0405_img img {width: 312px; height: 218px;}

/* 23.04.12 디지털 신한 플레이 탭 줄바꿈 추가*/
.tab_type03 .tab_type02 .tab_list li a, .tab_type03 .tab_type02 .tab_list li button{white-space: normal;}

/*  20230404540892 - 홈페이지 검색 > 카드검색 css 수정요청 */
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li{color:#333;}	
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li > span{color:#9a9a9a;}	

/* 23.04.17 카드상세 배너 */
@media only screen and (max-width: 1100px) {
	#cardCompareAfter + .event_subBanner.img_right .event_cont .img{right:26px;}
}

/* 20230413621487 - 장학재단 교육급여 바우처 조회 화면 신설  */
.adu_voucherHis .usage_item .usage_info .texts_area .date:not(:last-of-type):after, .usage_item dl dd .date:after {display: none;}

/* 20230417550441 */
.list-addfile{width:100%;margin-top:16px}
.list-addfile li{position:relative;display:flex;align-items:center;margin-bottom:8px;color:#111;}
.list-addfile li:last-child{margin-bottom:0}
.list-addfile li .file-name{max-width:calc(100% - 48px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-addfile li .btn_delete{margin-left:9px}


/* =================================================================
bg 통합 #f4f7fc
================================================================= */
.bg_gray,
.bg_gray01,
.bg_gray02,
.bg_lightgray {background-color: #f4f7fc !important;}

.expend_wrap.bg_gray::before,
.expend_wrap.bg_gray01::before,
.expend_wrap.bg_lightgray::before {background-color: #f4f7fc !important;}

/* 마이 - 회원정보 변경 */
.member_info_change .accordion_body {background-color: #f4f7fc;}

/* 내카드관리 리뉴얼 */
/* 공통 */
.mcm-re2023 .mcm-wb {font-weight: 700 !important; }
.mcm-re2023 .mcm-web {font-weight: 900 !important; }
.mcm-re2023 .mcm-underline {text-decoration: underline;}
.mcm-re2023 .onlypc {display: block;}
.mcm-re2023 .onlymo {display: none;}
.mcm-re2023 .ico_card_logo {overflow: hidden;}/* 23.04.28 추가 */
.mcm-re2023 .mcm-tit1 {font-weight: 700; font-size: 18px; color: #000; }
.mcm-re2023 .mcm-total1 {font-weight: 400; color: #000; margin-bottom: 16px;}
.mcm-re2023 .mcm-cardimg1 {width: 78px; transform: rotate(90deg); margin-left: -7px;margin-top:0;}
.mcm-re2023 .mcm-user-info1 {display: flex; color: #666; font-size: 16px;}
.mcm-re2023 .mcm-user-info1 > li {flex: 0 0 auto; }
.mcm-re2023 .mcm-user-info1 > li + li {margin-left: 4px; }
.mcm-re2023 .mcm-badge1 {display: flex; margin-bottom: 4px;}
.mcm-re2023 .mcm-badge1 .icon-text-b3.line {border: 1px solid #476eff; color: #476eff; background-color: #fff;}
.mcm-re2023 .mcm-badge2 {display: flex; justify-content: center;/*margin-bottom: 16px;*/}
.mcm-pop .mcm-badge1 {display: flex; margin-bottom: 4px;}
.mcm-pop .mcm-badge1 .icon-text-b3.line {border: 1px solid #476eff; color: #476eff; background-color: #fff;}
.mcm-pop .mcm-badge2 {display: flex; justify-content: center;margin-bottom: 16px;}
.mcm-re2023 .mcm-err-wrap {margin-top: 12px;}
.mcm-re2023 .mcm-err {font-size: 13px; color: #da1d1d;}
.mcm-re2023 .mcm-err + .mcm-err {margin-top: 4px;;}
.mcm-re2023 .mcm-err-wrap.type2 { font-size: 14px; margin-top:16px; text-align: center;  }
.mcm-re2023 .ico-txt { position: relative; color: #666; padding-left: 29px; }
.mcm-re2023 .ico-txt::before {content: ''; display: block; width: 21px; height: 21px; background:  url('/pconts/images/dx/com/mcm_alert_ico_230414.svg') no-repeat center / 100%; position: absolute; left: 0px; top: 1px; margin: auto; width: 21px; height: 21px;}
.mcm-re2023 .mcm-aco {background-color: #f8f8f8; border-radius: 8px; }
.mcm-re2023 .mcm-aco .accordion_header button.acc_btn, 
.mcm-re2023 .mcm-aco .accordion_header a[role="button"].acc_btn { border-top: none; font-weight: 400; color: #666; text-align: right; padding-right: 48px;}
.mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con {padding: 16px 0px; margin: 0 20px; border-top: 1px solid #ddd; display: flex;}
.mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con-list {width: 100%;}
.mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con-list > li {display: flex; justify-content: space-between; }
.mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con-list > li + li {margin-top: 8px;}
.mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con-list .tit {font-size: 14px; font-weight: 400;}
.mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con-list .conn {font-weight: 700;}
.mcm-re2023 .mcm-aco .accordion_header button.acc_btn:after, 
.mcm-re2023 .mcm-aco .accordion_header a[role="button"].acc_btn:after {width: 24px;height: 24px;content: ''; width: 20px; height: 20px; display: block;  background: url('/pconts/images/shcard/arr-60-r-a.png') no-repeat center / 100%; position: absolute; right: 20px;top: 0; bottom: 0; left: auto; margin: auto;  border:none; transform: rotate(90deg); }
.mcm-re2023 .mcm-aco .accordion_header button.acc_btn.on:after, 
.mcm-re2023 .mcm-aco .accordion_header a[role="button"].acc_btn.on:after { transform: rotate(270deg);}

/* 카드없음 */
.mcm-re2023 .complete_body.mcm-com {padding-top: 113px !important;}
.mcm-re2023 .complete_body.mcm-com.ani_ico.img06::before {top:0 !important;}
.mcm-re2023 .complete_body.mcm-com .title {font-size: 24px; line-height: 150%;}
.mcm-re2023 .complete_body.mcm-com .sub_title {font-size: 18px; color: #666; padding-top: 8px;}
.mcm-re2023 .complete_body.mcm-com .btn-wrap-dx {margin-top: 24px;}

/* 카드정보 */
.mcm-re2023 .card_icon {display: inline-block;vertical-align: middle;}
.mcm-re2023 .card_icon {position: relative;width: 32px;height: 24px;top: -1px;overflow: hidden;background-repeat: no-repeat;background-position: 50%;background-size: 100% auto;}
.mcm-re2023 .card_icon>span {display: block;width: 100%;height: 100%;text-indent: -999px;}
.mcm-re2023 .card_icon.visa, 
.mcm-re2023 .card_icon.ct01 {background-image: url(/pconts/images/contents/mypage/img_card_k01.png);}
.mcm-re2023 .card_icon.master, 
.mcm-re2023 .card_icon.ct02 {background-image: url(/pconts/images/contents/mypage/img_card_k02.png);}
.mcm-re2023 .card_icon.ct03 {background-image: url(/pconts/images/contents/mypage/img_card_k03.png);}
.mcm-re2023 .card_icon.ct04 {background-image: url(/pconts/images/contents/mypage/img_card_k04.png);}
.mcm-re2023 .card_icon.ct05 {background-image: url(/pconts/images/contents/mypage/img_card_k05.png);}
.mcm-re2023 .card_icon.ct06 {background-image: url(/pconts/images/contents/mypage/img_card_k06.png);}
.mcm-re2023 .card_icon.ct07 {background-image: url(/pconts/images/contents/mypage/img_card_k07.png);}
.mcm-re2023 .card_icon.ct08 {background-image: url(/pconts/images/contents/mypage/img_card_k08.png);}
.mcm-re2023 .card_icon.ct09 {background-image: url(/pconts/images/contents/mypage/img_card_k09.png);}

/* list1 */
.mcm-re2023 .mcm-list1 {border-top: 1px solid #888; }
.mcm-re2023 .mcm-list1 .mcm-tit1 {margin-bottom: 4px; overflow: hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mcm-re2023 .mcm-list1-type1.img {display: flex; flex: 0 0 auto; justify-content: center; align-items: center; width: 120px;height:78px;}
.mcm-re2023 .mcm-list1-item > .link {display: flex; padding: 30px 0;align-items: center;}
body.pc .mcm-re2023 .mcm-list1-item > .link:hover .mcm-cardimg1 > img {transition: all 0.1s; transform: translateX(-2px); box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);}
.mcm-re2023 .mcm-list1-item + .mcm-list1-item > .link {border-top: 1px solid #ddd;}
.mcm-re2023 .mcm-list1-item:last-child > .link {border-bottom: 1px solid #ddd;}
.mcm-re2023 .mcm-list2 .mcm-ico:hover::before {margin-top: -2px;
/*box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);*/}

/* swich */
.mcm-re2023 .mcm-swich {display: flex; align-items: center; font-size: 14px;}
.mcm-re2023 .mcm-swich .check-dx {margin-left: 8px; margin-top: 0;}
.mcm-re2023 .mcm-conts-wrap1 {display: flex; margin-top: 50px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1 {flex: 1 0 auto; width: 540px; }
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner {flex: 0 0 auto; display: flex; justify-content: space-between; align-items: center;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner:first-child {margin-bottom: 24px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner + .mcm-conts-type1-inner {margin-bottom: 24px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col {flex-direction: column; align-items: center;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col.mcm-bg {background-color: #f4f7fc; border-radius: 8px; padding: 29px 32px 32px 32px; display: block; text-align: center; margin-top:0px;}
/*.mcm-re2023 .mcm-conts-type1-inner h4.cardname > button {font-size: 18px; padding-right: 28px; position: relative; margin-bottom: 16px;}*/
.mcm-re2023 .mcm-conts-type1-inner.mcm-col.mcm-bg .cardname {padding-bottom: 16px; font-size: 18px; display: flex; justify-content: center;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col.mcm-bg .cardname-none { color: #76798e;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner h4.cardname > button {padding: 12px; margin-bottom: 0; position: relative; margin-left: 4px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner h4.cardname > button::after {content: ''; display: block; width: 24px; height: 24px; background: url('/pconts/images/dx/com/mcm_nickname_pencil.svg') no-repeat center / 100% ; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner .cardimg {width: 278px; transform: rotate(90deg); margin: 52px auto 76px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.cardinfo .btn-wrap-dx.btn-third {margin-top: 16px;}
/* 선불전자지급수단 */
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.cardinfo.case1 {padding: 32px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.cardinfo.case1 .mcm-err-wrap.type2{margin-bottom: 0; margin-top:68px; }
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.cardinfo.case1 .cardimg {margin: 52px auto 52px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile {padding: 20px; border: 1px solid #ddd; border-radius: 8px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .sub-txt {font-size: 13px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .mcm-cardnum1 {font-size: 16px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .btn-wrap-dx.btn-third {margin-top: 0px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .info {display: flex; justify-content: center; flex-direction: column; padding-left: 76px; position: relative; min-height: 60px; }
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .info.asiana::before {content: ''; display: block; width: 60px; height: 60px; background: #eff0f5 url('/pconts/images/dx/contents/img_asianaclub.png') no-repeat center / 70% ; position: absolute; left: 0; top: 0; border-radius: 50%;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .info.korean::before {content: ''; display: block; width: 60px; height: 60px; background: #eff0f5 url('/pconts/images/dx/contents/img_koreanair.png') no-repeat center / 70% ; position: absolute; left: 0; top: 0; border-radius: 50%;}
.mcm-re2023 .mcm-rep-card {flex: 0 0 auto; display: flex; align-items: center;}
.mcm-re2023 .mcm-rep-card .sub-txt {font-size: 14px; font-weight: 400; color: #666;}
.mcm-re2023 .mcm-conts-type2 .card-mag {font-size: 24px; font-weight: 600; margin-bottom: 32px;}
.mcm-re2023 .mcm-ico {padding-left: 40px; position: relative; display: block;}
.mcm-re2023 .mcm-ico::before {content: ''; display: block; width: 24px; height: 24px; background: no-repeat center / 100% ; background-image: url('/pconts/images/dx/com/mcm_card_benefit.svg'); position: absolute; left: 0; top: 0;}
.mcm-re2023 .mcm-ico.t1::before {background-image: url('/pconts/images/dx/com/mcm_card_search.svg');}
.mcm-re2023 .mcm-ico.t2::before {background-image: url('/pconts/images/dx/com/mcm_card_password.svg');}
.mcm-re2023 .mcm-ico.t3::before {background-image: url('/pconts/images/dx/com/mcm_card_release.svg');}
.mcm-re2023 .mcm-ico.t4::before {background-image: url('/pconts/images/dx/com/mcm_card_stop.svg');}
.mcm-re2023 .mcm-ico.t5::before {background-image: url('/pconts/images/dx/com/mcm_card_loss.svg');}
.mcm-re2023 .mcm-ico.t6::before {background-image: url('/pconts/images/dx/com/mcm_card_reissuance.svg');}
.mcm-re2023 .mcm-ico.t7::before {background-image: url('/pconts/images/dx/com/mcm_card_unused.svg');}
.mcm-re2023 .mcm-ico.t8::before {background-image: url('/pconts/images/dx/com/mcm_card_service.svg');}
.mcm-re2023 .mcm-ico.t9::before {background-image: url('/pconts/images/dx/com/mcm_card_premium.svg');}
.mcm-re2023 .mcm-ico.t10::before {background-image: url('/pconts/images/dx/com/mcm_card_norenewal.svg');}
.mcm-re2023 .mcm-ico.t11::before {background-image: url('/pconts/images/dx/com/mcm_card_underage.svg');}
.mcm-re2023 .mcm-ico.t12::before {background-image: url('/pconts/images/dx/com/mcm_card_benefit.svg');}
.mcm-re2023 .mcm-ico.t13::before {background-image: url('/pconts/images/dx/com/mcm_card_limit.svg');}
.mcm-re2023 .mcm-ico.t14::before {background-image: url('/pconts/images/dx/com/mcm_card_vip.svg');}
.mcm-re2023 .mcm-ico.t17::before {background-image:url('/pconts/images/dx/contents/bonus_card_bonus.svg')}
.mcm-re2023 .mcm-ico.t18::before {background-image: url(/pconts/images/dx/com/switch.svg); margin-top: 1px !important;}
.mcm-re2023 .mcm-ico.t20::before {background-image: url('/pconts/images/dx/com/mcs_card_voucher.svg');} /* 250331 메뉴추가 */
.mcm-re2023 .mcm-ico.t21::before {background-image: url('/pconts/images/dx/com/mcs_card_maternity.svg');} /* 250331 메뉴추가 */
.mcm-re2023 .mcm-ico.t22::before {background-image: url('/pconts/images/dx/com/mcm_card_kpass.png');background-size:24px 24px;} /* 250404 메뉴추가 */
.mcm-re2023 .mcm-ico.t23::before {background-image: url('/pconts/images/dx/com/mcm_card_return.svg');} /* 250407 메뉴추가 */
.mcm-re2023 .mcm-ico.t24::before {background-image: url('/pconts/images/dx/com/mcm_card_kpass_bk.png');} /* 250416 메뉴추가 */
.mcm-re2023 .mcm-list2 > li + li {margin-top: 24px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2 {margin-left: 80px; flex: 0 0 auto; width: 360px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2-inner {margin-bottom: 32px;}
/* .mcm-re2023 .mcm-conts-type2-inner.goplay {margin-top: 32px;} */
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2-inner.goplay .qr {border: 1px solid #ddd; border-radius: 8px; padding: 24px}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2-inner.goplay .qr > .item .img1 {width: 60px; height: 60px;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2-inner.goplay .qr > .item {display: flex; align-items: center;}
.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2-inner.goplay .qr > .item .txt1 {margin-left: 24px;}
.mcm-pop .contents-box {margin: inherit; min-height: inherit; padding: 0;}
.mcm-pop .pop_btn.btn_wrap {padding-top: 10px;}
.mcm-pop .popup .pop_head {margin-bottom: 0px;}
/* .mcm-pop.small .popup {max-height: 495px;} */
/* 카드전체보기 */
.mcm-re2023 .bg_gray.bg-dx.mcm-bg {padding-top: 50px; padding-bottom: 50px; margin-bottom: 100px;}
.mcm-re2023 .plate-select.type2 .item {border: 1px solid #ddd; box-shadow: none; padding:25px 20px 22px 19px}/* 2023-05-19 */
.mcm-re2023 .plate-select.type2 .item .title {font-size: 22px;}
.mcm-re2023 .cardnum {margin-top: 40px;}
.mcm-re2023 .cardnum-view { background-color: #f4f7fc; border-radius: 8px; padding: 20px; margin-bottom: 10px;}
.mcm-re2023 .cardnum-tit {font-size: 14px; color: #000; font-weight: 600;}
.mcm-re2023 .cardnum-con {font-size: 18px;  font-weight: 600; text-align: center; color: #000;}
.mcm-re2023 .exp-date {margin-top: 40px;}

/* 이용한도 리뉴얼 */
.mcm-re2023 .mcm-banner.t1 {width: 100%; display: flex; justify-content:space-between; background-color: #414e7f; color: #fff; padding: 17px 40px; border-radius: 12px; margin-top: 40px; align-items: center;}
/*.mcm-re2023 .mcm-banner.t1 .txt > strong {font-weight: 700 }*/
.mcm-re2023.limit .mcm_notice {margin-top: 100px;}
.mcm-re2023.limit .mcm-conts-wrap2 {display: flex; margin-top: 40px; flex-wrap: wrap; margin-right: -48px; margin-left: -48px; margin-bottom: -48px;}
.mcm-re2023.limit .mcm-conts-wrap2 .mcm-conts-type1 {flex: 0 0 auto; width: calc(50% - 96px); margin-right: 48px; margin-left: 48px; margin-bottom: 48px;}
.mcm-re2023 .mcm-conts-type1 .mcm-conts-type1-inner.line {padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.mcm-re2023 .mcm-conts-type1 .mcm-conts-type1-inner + .mcm-conts-type1-inner {margin-top: 16px;}

/* list3 */
.mcm-re2023 .mcm-list3 {width: 100%;}
.mcm-re2023 .mcm-list3 .wrap + .wrap {margin-top: 4px;}
.mcm-re2023 .mcm-list3.t1 .tit {font-size: 20px; font-weight: 700;}
.mcm-re2023 .mcm-list3.t1 .con {font-size: 28px;text-align: right; margin-top: 8px;}
.mcm-re2023 .mcm-list3.t1 .con > strong {font-weight: 900;}
.mcm-re2023 .mcm-list3.t2 .wrap {display: flex; justify-content: space-between;}
.mcm-re2023 .mcm-list3.t2 .tit {font-size: 18px; font-weight: 700; color: #666; }
.mcm-re2023 .mcm-list3.t2 .con {font-size: 20px;}
.mcm-re2023 .mcm-list3.t3 {padding-top: 18px;}
.mcm-re2023 .mcm-list3.t3 .wrap {display: flex; align-items: center; justify-content: space-between;}
.mcm-re2023 .mcm-list3.t3 .wrap > .btn-wrap-dx.btn-third {margin-top: 0;} 
.mcm-re2023 .mcm-list3.t3 .wrap .txt {font-size: 14px; color: #666;}
.mcm-re2023 .mcm-list3.t1 .tit.sub {display: flex; justify-content: space-between; }
.mcm-re2023 .mcm-list3.t1 .tit.sub .mcm-tip {font-size: 14px; color: #666; display: flex; align-items: center; font-weight: 400; }

/* list4 */
.mcm-re2023.limit .mcm-list4-wrap {margin-top: 80px;}
.mcm-re2023.limit .mcm-list4-wrap > h4 {font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.mcm-re2023 .mcm-list4 {display: flex; flex-wrap: wrap; margin: -11px -15px; }
.mcm-re2023 .mcm-list4-item {width: calc(33.33333% - 30px); margin: 11px 15px; }
.mcm-re2023 .mcm-list4-link {display: block; width: 100%; border: 1px solid #ddd; padding: 15px 24px; border-radius: 12px; position: relative; font-weight: 700;}
.mcm-re2023 .mcm-list4-link::after {content: ''; width: 20px; height: 20px; display: block;  background: url('/pconts/images/shcard/arr-60-r-a.png') no-repeat center / 100%; position: absolute; right: 24px; top: 0; bottom: 0; margin: auto; }
/* body.pc .mcm-re2023 .mcm-list4-link:hover {box-shadow: 0px 0px 12px rgb(0 0 0 / 12%); transition: all .2s ease-in-out;} */

/* banner */
.mcm-re2023 .bg_gray.mcm-banner-bg {background-color: #f8f8f8; margin-top: 80px; margin-bottom: 80px; padding: 24px 0;}
.mcm-re2023 .bg_gray.mcm-banner-bg::before{background-color:#f8f8f8 !important}
.mcm-re2023 .mcm-banner-inner {display: flex; align-items: center; justify-content: space-between; color: #333;}
.mcm-re2023 .mcm-banner-inner .txt > strong {color: #333;}
.mcm-re2023 .mcm-banner-inner .btn-wrap-dx {margin-top: 0;}
.mcm-re2023 .btn-wrap-dx.limit {margin-top: 60px;}

.mcm-re2023 .mcm-complete {margin: 64px 0 80px; text-align: center;}
.mcm-re2023 .mcm-complete .tit{font-size: 24px;}
.mcm-pop .mcm-pop-none {text-align: center; font-size: 24px; font-weight: 700; padding: 48px 0; border-bottom: 1px solid #ddd;}

/* 신용 */
.mcm-re2023.limit .plate-select {margin-top: 40px; margin-bottom: 12px;}
.mcm-re2023 .mcm-bgbox {padding: 16px 20px 16px; border-top: none;color: #666; text-align: right; background-color: #f8f8f8; border-radius: 8px;}
.mcm-re2023 .mcm-btnwrap {display: flex; justify-content: center;}
.mcm-re2023 .mcm-btnwrap > .btn-wrap-dx + .btn-wrap-dx {margin-left: 8px;}
.mcm-re2023 .mcm-btnwrap .text_underline {text-decoration: underline; font-size: 14px;}
.mcm-pop .plate-total {display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px;}
.mcm-pop .plate-total .check_wrap {width: auto; position: initial; }
.mcm-pop .plate-total > strong {font-weight: 900;}
.mcm-re2023 .mcm-aco .accordion_header button.acc_btn, 
.mcm-re2023 .mcm-aco .accordion_header a[role="button"].acc_btn {padding-bottom: 16px; padding-top: 16px;}

/* 이용한도관리 > 신용카드별 한도 수정 23-06-15 */
.mcm-re2023.limit .mcm-conts-wrap2.type1{margin-top:64px;}
.mcm-re2023 .mcm-conts-wrap2.type1 .mcm-list3 .tit{position:relative;}
.mcm-re2023 .mcm-conts-wrap2.type1 .mcm-list3 .tit .txt-info{position:absolute;top:-27px;display:block;font-size:16px;font-weight:400;color:#666;}
.mcm-re2023 .mcm-conts-wrap2.type1 .mcm-list3 .tit .icon-text-b2{position:absolute;top:-24px;}                    
@media only screen and (max-width: 1100px){
    .mcm-re2023 .mcm-bgbox{padding:8px 20px;font-size:14px;}
    .mcm-re2023 .mcm-conts-wrap2.type1 .mcm-list3 .tit .txt-info{top:-24px;font-size:14px;}
    .mcm-re2023 .mcm-conts-wrap2.type1 .mcm-list3 .tit .btn_tooltip{background-size:20px;}                        
}  

/* [TASK2. 마이 > 이용한도 > 이용한도관리] 카드별 이용한도(체크,신용) 변경하기 */

/* list10 */
.mcm-re2023 .mcm-list10 .item-wrap {display: flex; margin:0 -20px; }
.mcm-re2023 .mcm-list10 .item {display:flex;flex-direction:column;flex: 1; margin:0 20px; position: relative;}
.mcm-re2023 .mcm-list10 .item.width-arrow::before {content:'';position:absolute; left:-32px; bottom:9px; display: block; width:24px; height:24px; background:url('/pconts/images/dx/com/arrownext.svg') no-repeat 50% 50%}
.mcm-re2023 .mcm-list10 .item .con {margin-top:auto;font-size:20px; color:#888;line-height:42px;}
.mcm-re2023 .mcm-list10 .item.tobe dd {color:#000;font-weight:700}
.mcm-re2023 .mcm-list10 dt {font-size:16px; color:#000;}
.mcm-re2023 .mcm-list10 .width-dt + .width-dt {margin-top:15px}
.mcm-re2023 .mcm-list10 .form-dx + .width-dt {margin-top:40px}
.mcm-re2023 .mcm-list10 .width-unit{display: flex;}
.mcm-re2023 .mcm-list10 .width-unit input {padding-right: 5px;}
.mcm-re2023 .mcm-list10 .width-unit input.error {padding-right: 5px;}
.mcm-re2023 .mcm-list10 .width-unit input:focus {padding-right:5px} 
.mcm-re2023 .mcm-list10 .width-unit .form-dx {flex: 1;}
.mcm-re2023 .mcm-list10 .width-unit .unit {color:#000; font-weight: 700; letter-spacing:-0.01em}

.mcm-re2023 .mcm-list10 .form-dx input[type='tel'], .mcm-re2023 .mcm-list10 .form-dx input[type='text'], .mcm-re2023 .mcm-list10 .form-dx input[type='email'], .mcm-re2023 .mcm-list10 .form-dx input[type='password'], .mcm-re2023 .mcm-list10 .form-dx input[type='search'], .mcm-re2023 .mcm-list10 .form-dx input[type='number'] {font-size:2.0rem}
.mcm-re2023 .mcm-list10  .form-dx input[type='tel']::placeholder, .mcm-re2023 .mcm-list10 .form-dx input[type='text']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='email']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='password']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='search']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='number']::placeholder {font-size:2.0rem}  

@media only screen and (max-width: 1100px) {
    .mcm-re2023 .onlypc {display: none;}
    .mcm-re2023 .onlymo {display: block;}
    .mcm-re2023 .mcm-cardimg1 {width: 44px;margin-top:17px;width:78px;}
    .mcm-re2023 .mcm-tit1 {font-size: 16px;}
    .mcm-re2023 .mcm-err-wrap {margin-top: 16px;}
    .mcm-re2023 .mcm-list1-type1.img {justify-content: flex-start; align-items: flex-start;width:78px;}
    .mcm-re2023 .mcm-user-info1 {font-size: 14px;}
	.mcm-re2023 .mcm-badge1 {margin-top:4px}
    .mcm-re2023 .mcm-list1-item > .link {padding: 24px 0;}
    .mcm-re2023 .mcm-err-wrap.type2 {text-align: left;}
    .mcm-re2023 .mcm-conts-type2 .card-mag {margin-top: 56px; font-size: 18px;}
    .mcm-re2023 .mcm-total1 {font-size: 14px; padding-top:20px}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col.mcm-bg .cardname {justify-content: flex-start; font-size: 16px;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner h4.cardname > button::after {top: 2px;}
    /* 카드없음 */
    .mcm-re2023 .complete_body.mcm-com {padding-top: 97px !important;}
    .mcm-re2023 .complete_body.mcm-com .title {font-size: 16px;}
    .mcm-re2023 .complete_body.mcm-com .sub_title {font-size: 14px; color: #666; padding-top: 4px;}
    .mcm-re2023 .complete_body.mcm-com .btn-wrap-dx {margin-top: 24px;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col.mcm-bg {text-align: left; padding: 20px 20px 20px 20px;}
    .mcm-re2023 .mcm-badge2 {justify-content: flex-start;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile {display: block; margin-top: 24px; }
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mile .btn-wrap-dx.btn-third {justify-content: center; margin-top: 22px;}
    .mcm-re2023 .mcm-conts-wrap1 {display: block;margin-top:24px}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1 {width: 100%;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2 {margin-left: 0; width: 100%;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col {align-items: flex-start;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type2-inner.goplay {margin-top: 36px;}
    .mcm-pop .popup .pop_head {margin-bottom: 0px;}
    .mcm-pop.small .popup {max-height: 83%; width: 90%;}
    /* 카드전체보기 */
    .mcm-re2023 .mcm-bg .contents-box {padding: 0px 24px 40px;}
    .mcm-re2023 .bg_gray.bg-dx.mcm-bg {padding-top: 0px; padding-bottom: 0px; margin-bottom: 56px; }
    .mcm-re2023 .bg_gray.bg-dx.mcm-bg::before {background-color: #fff;}
    .mcm-re2023 .plate-select.type2 {margin-bottom: 32px;}
    .mcm-re2023 .plate-select.type2 .img {align-items: center;}
	.mcm-re2023 .plate-select.type2 .item {padding:19px 0 16px 19px}
    .mcm-re2023 .plate-select.type2 .item .title {font-size: 16px;}
    .mcm-re2023 .plate-select.type2 .item .text {font-size: 14px;}
    .mcm-re2023 .mcm-backbtn {margin-top: 16px;}
    .mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.cardinfo.case1 {padding:20px;}
	.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.cardinfo.case1 .mcm-err-wrap.type2 {margin-top:0; }
	.btn_wrap.align_c.btn_foot.btn-wrap-dx.gap0.mcm-backbtn {background: #fff; margin: 0 -24px; padding: 0 24px;}/* 2023-05-08 버튼수정 */

    /* 이용한도관리 리뉴얼 */
    .mcm-re2023 .mcm-banner.t1 {padding: 13px 20px; font-size: 13px;}
    .mcm-re2023 .mcm-banner.t1 .mcm-underline {font-size: 14px; margin-left: 10px;}
    .mcm-re2023.limit .mcm-conts-wrap2 {margin-top: 40px; margin-bottom: -40px;;}
    .mcm-re2023.limit .mcm-conts-wrap2 .mcm-conts-type1 {width: calc(100% - 96px); margin-bottom: 56px; }
    .mcm-re2023.limit .mcm-conts-wrap2 .mcm-conts-type1:last-child {margin-bottom: 40px;}
    .mcm-re2023 .mcm-conts-type1 .mcm-conts-type1-inner.line {padding-bottom: 12px;}
    .mcm-re2023 .mcm-conts-type1 .mcm-conts-type1-inner + .mcm-conts-type1-inner {margin-top: 12px;}
    .mcm-re2023 .mcm-list3.t1 .tit {font-size: 18px;}
    .mcm-re2023 .mcm-list3.t1 .con {font-size: 24px; text-align: left; margin-top: 0;}
    .mcm-re2023 .mcm-list3.t2 .tit {font-size: 16px;}
    .mcm-re2023 .mcm-list3.t2 .con {font-size: 18px;}

    .mcm-re2023 .mcm-banner-inner {font-size: 14px;}

    .mcm-re2023 .mcm-list4-item {width: calc(100% - 30px); margin: 0px 15px;}
    .mcm-re2023 .mcm-list4-link {border: none; padding: 12px 0;}
    .mcm-re2023 .mcm-list4-link::after {right: 0;}
    .mcm-re2023 .bg_gray.mcm-banner-bg {margin-top: 56px; margin-bottom: 56px; padding: 20px 0;}
    .mcm-re2023.limit .mcm-list4-wrap {margin-top: 56px;}
    .mcm-re2023.limit .mcm-list4-wrap > h4 {margin-bottom: 32px; font-size: 18px;}
    .mcm-re2023 .btn-wrap-dx.limit {margin-top: 40px;}
    .mcm-re2023.limit .mcm_notice {margin-top: 56px;}

    .mcm-re2023 .mcm-complete {margin: 48px 0 56px;}
    .mcm-re2023 .mcm-complete .tit{font-size: 16px;}

    .mcm-re2023 .mcm-aco .accordion_header button.acc_btn, .mcm-re2023 .mcm-aco .accordion_header a[role="button"].acc_btn {padding-right: 46px; }
    .mcm-re2023 .mcm-aco .accordion_header button.acc_btn:after, .mcm-re2023 .mcm-aco .accordion_header a[role="button"].acc_btn:after {right: 18px;}
    .mcm-re2023 .mcm-aco .accordion_body .mcm-aco-con {margin: 0 18px;}
    .mcm-re2023 .mcm-btnwrap > .btn-wrap-dx {width: 100%;}
    .mcm-re2023 .ico-txt {font-size: 14px; padding-left: 20px;}
    .mcm-re2023 .ico-txt::before {width: 14px; height: 14px;}
    .mcm-re2023 .mcm-list3.t3 .wrap > .btn-wrap-dx.btn-third {margin-left:24px;}
    .mcm-re2023 .ico-txt::before {top:3px;}
    .mcm-pop .mcm-pop-none {font-size: 16px;}
	.mcm-pop .mcm-badge1 {margin-top:4px}

    /* [TASK2. 마이 > 이용한도 > 이용한도관리] 카드별 이용한도(체크,신용) 변경하기 */
    .mcm-re2023 .has_flow_step + .bg-dx.expend_wrap .contents-box {padding-top:0px}

    /* list10 */
    .mcm-re2023 .mcm-list10 .item {flex:1 1 112px}
	.mcm-re2023 .mcm-list10 .item .con {font-size:16px;}
    .mcm-re2023 .mcm-list10 .width-dt dt {font-size:14px}
    .mcm-re2023 .mcm-list10 .width-arrow {flex: 1 1 160px;}
    .mcm-re2023 .mcm-list10 .width-unit input {flex:1}

    .mcm-re2023.complete-page-dx .contents_heading + .tab_wrap {flex: 1; display: table;}
    .mcm-re2023.complete-page-dx .contents_heading + .tab_wrap .tab_cont {display: table-cell; vertical-align: middle;}  

    .mcm-re2023 .mcm-list10 .form-dx input[type='tel'], .mcm-re2023 .mcm-list10 .form-dx input[type='text'], .mcm-re2023 .mcm-list10 .form-dx input[type='email'], .mcm-re2023 .mcm-list10 .form-dx input[type='password'], .mcm-re2023 .mcm-list10 .form-dx input[type='search'], .mcm-re2023 .mcm-list10 .form-dx input[type='number'] {font-size:1.6rem}     
    .mcm-re2023 .mcm-list10  .form-dx input[type='tel']::placeholder, .mcm-re2023 .mcm-list10 .form-dx input[type='text']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='email']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='password']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='search']::placeholder, .mcm-re2023 .mcm-list10  .form-dx input[type='number']::placeholder {font-size:1.6rem}     
}

/* 이용한도관리] 카드별 이용한도(체크,신용) 변경하기 23-06-21 */
.mcm-re2023 .mcm-list10 .item .con2{margin-top:4px;font-size:24px;}
@media only screen and (max-width: 1100px){
.mcm-re2023 .mcm-list10 .item .con2{margin-top:8px;font-size:1.8rem;}
}

/*Tops 쿠폰 수정*/

.coupon_tooltip {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.coupon_tooltip p.goodok {margin-bottom: 0;position: relative;}
.coupon_tooltip p.goodok .btn_tooltip {border:none; line-height: 12px;margin: -2px 0 -4px 0;}

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

    .coupon_tooltip {margin-left:25px; border:none; padding-top:0px; margin-top:0;}
    .coupon_tooltip p.goodok .btn_tooltip {position: absolute;right: -22px; bottom: -1px;border: none;width: auto;border-radius: 2px;color: #494f60;font-size: 1.4rem;padding: 0 10px;height: 32px;line-height: 32px;
    margin-top: 20px;z-index: 5;}
    
}

/* 20230509500562 금융소비자보호포털 아이콘 수정  */
.submain_customer_consumer .ico01 {background: url('/pconts/images/icon/ico_n_icon47.png') no-repeat;}
.submain_customer_consumer .ico02 {background: url('/pconts/images/icon/ico_n_icon132.png') no-repeat;}
.submain_customer_consumer .ico03 {background: url('/pconts/images/icon/ico_n_icon113.png') no-repeat;}
.submain_customer_consumer .ico12 {background: url('/pconts/images/icon/ico_n_icon146.png') no-repeat;}
.submain_customer_consumer .ico54 {background: url('/pconts/images/icon/ico_n_icon54.png') no-repeat;}
.submain_customer_consumer .ico07 {background: url('/pconts/images/icon/ico_n_icon94.png') no-repeat;}
.submain_customer_consumer .ico05 {background: url('/pconts/images/shcard/icon/icon-150-type2-26.png') no-repeat;}
.submain_customer_consumer .ico08 {background: url('/pconts/images/icon/ico_n_icon104.png') no-repeat;}
.submain_customer_consumer .ico06 {background: url('/pconts/images/icon/ico_n_icon56.png') no-repeat;}
.submain_customer_consumer .ico04 {background: url('/pconts/images/icon/ico_n_icon119.png') no-repeat;}
.submain_customer_consumer .ico84 {background: url('/pconts/images/icon/ico_n_icon84.png') no-repeat;}
.submain_customer_consumer .ico09 {background: url('/pconts/images/icon/ico_n_icon149.png') no-repeat;}
.submain_consumer_popList .ico01 {background: url('/pconts/images/icon/ico_n_icon119.png') no-repeat;}
.submain_consumer_popList .ico02 {background: url('/pconts/images/icon/ico_n_icon101.png') no-repeat;}
.submain_consumer_popList .ico03 {background: url('/pconts/images/icon/ico_n_icon94.png') no-repeat;}
.submain_consumer_popList .ico04 {background: url('/pconts/images/icon/ico_n_icon141.png') no-repeat;}
.submain_consumer_popList .ico05 {background: url('/pconts/images/icon/ico_n_icon184.png') no-repeat;}
.submain_consumer_popList .ico06 {background: url('/pconts/images/icon/ico_n_icon165.png') no-repeat;}
.submain_consumer_popList .ico07 {background: url('/pconts/images/icon/ico_n_icon21.png') no-repeat;}
.submain_consumer_popList .ico08 {background: url('/pconts/images/icon/ico_n_icon49.png') no-repeat;}
.submain_consumer_popList .ico09 {background: url('/pconts/images/icon/ico_n_icon78.png') no-repeat;}

/*20230426561696 제휴사 안내 */
.life-ptn-list{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:30px;}
.life-ptn-list > li{flex:0 0 auto;flex-basis:108px;max-width:108px;margin:0 15px;}
.life-ptn-list > li > a{display:flex; flex-direction: column; width:100%; height:100%;text-align:center;}
.life-ptn-list .icon{margin-bottom:9px;}
.life-ptn-list .icon img {width:60px;height:60px;}
.life-ptn-list .label{position:relative;flex:1; display:flex;justify-content:center; align-items:center;min-height:36px;font-size:15px; line-height: 18px;}
.life-ptn-list .label:after{content: '';position:absolute;width: 19px;height: 19px;background: url(/pconts/images/icon/ico_outlink02.png) no-repeat center;}
.life-ptn-list > li .label:after{right:7px}
.life-ptn-list > li.cj .label:after{right:5px;}
.life-ptn-list > li.hd .label:after{right:3px;}
.life-ptn-list > li.sgong .label:after{right:-7px;}
.life-ptn-list > li.swindow .label:after{right:0;}
@media only screen and (max-width: 1100px){
	.life-ptn-list{justify-content:flex-start;margin:0 -10px;}
	.life-ptn-list > li{flex-basis:calc(33.333% - 30px);max-width:calc(33.333% - 30px);margin-bottom:20px;}                                
	.life-ptn-list .icon{margin-bottom:12px;}
	.life-ptn-list .icon img{width:40px;height:40px;}
	.life-ptn-list .label{position:inherit;flex-direction:column;}
	.life-ptn-list .label:after{position:inherit;margin-top:5px;}
}

/* 20230504397529 배너추가 */
.MOBFM171R30_bnr{height:151px;border-radius:8px;}
.event_bnr.MOBFM171R30_bnr .event_cont .img{width:180px;height:180px;right:46px;}
.event_bnr.MOBFM171R30_bnr .event_cont, .event_bnr.MOBFM171R30_bnr .event_cont a{color:#000;}
.MOBFM171R30_bnr .event_cont .link{padding-left:66px;padding-right:226px;}
.MOBFM171R30_bnr .bage{display:inline-block;height:26px;line-height:24px;margin-bottom:9px;padding:0 14px;border:1px solid #3048a2;border-radius:40px;font-size:12px;color:#3048a2;}
.event_bnr.MOBFM171R30_bnr .event_cont .tit{margin-bottom:11px;font-size:27px;}
.MOBFM171R30_bnr .sub_text{display:flex;}
.MOBFM171R30_bnr .sub_text .item{position:relative;padding-left:19px;font-size:18px;font-weight:500;}
.MOBFM171R30_bnr .sub_text .item:before{content:'';position:absolute;width:14px;height:14px;top:50%;left:0;transform:translate(0, -50%);background:url('/pconts/images/dx/banner/2023/MOBFM171R30_bnr_check.svg') no-repeat 0 0;background-size:100% auto;}
.MOBFM171R30_bnr .sub_text .item + .item{margin-left:22px;}
@media only screen and (max-width: 1100px){
	.MOBFM171R30_bnr{height:195px;}
	.event_bnr.MOBFM171R30_bnr .event_cont .img{width:107px;height:107px;right:13px;top:auto;bottom:5px;transform: none;}
	.MOBFM171R30_bnr .event_cont .link{padding-left:20px;padding-right:70px;}
	.event_bnr.MOBFM171R30_bnr .event_cont .tit{margin-bottom:9px;font-size:20px;text-overflow:inherit;white-space: inherit;}
	.MOBFM171R30_bnr .sub_text{flex-direction: column;}
	.MOBFM171R30_bnr .sub_text .item{padding-left:17px;font-size:14px;}
	.MOBFM171R30_bnr .sub_text .item:before{width:11px;height:11px;}
	.MOBFM171R30_bnr .sub_text .item + .item{margin-left:0;margin-top:3px;}
}

/* 선불전자지급수단 신청-서류촬영/첨부안내 */
.film_info_wrap{padding-bottom:30px;}
.film_info_wrap .film_info_img{margin-top:20px;margin-bottom:30px;}

/* 20230515390809 고객센터 > 개인정보처리방침 /pconts/html/helpdesk/personProtect/MOBFM170/1222038_2386.html */
.policy-label {margin:23px 0;}
.policy-label-tit {border-top:2px solid #000;padding:10px;background-color:#f6f6f6;color:#000;text-align:center;}
.policy-label-group {display:flex;flex-wrap:wrap;border-top:1px solid #ddd;}
.policy-label-item {width:33.33333%;margin:0 !important;padding:10px !important;background-color:#fff;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-indent:0 !important;}
.policy-label-item:nth-child(3n+1) {border-left:none;}
.policy-label-img {width:90px;margin:10px auto 0;}
.policy-label-tit2 {margin:20px 0 10px;color:#333;text-align:center;font-weight:700;}
.policy-label .marker_dot > li {padding-left:12px;text-indent:0;}
@media only screen and (max-width: 1100px) {
	.policy-label {margin:13px 0;}
	.policy-label-item {width:50%;}
	.policy-label-item:nth-child(3n+1) {border-left:1px solid #ddd;}
	.policy-label-item:nth-child(2n+1) {border-left:none;}
	.policy-label-tit {font-size:13px;}
	.policy-label-tit2 {font-size:13px;}
	.policy-label .marker_dot > li {font-size:13px;}
}

/* 2023-05-24 10대메뉴(ch2.내카드관리, ch3.이용한도변경 카드폼)수정 */
/* 	.mcm-re2023 .mcm-cardimg1 {width:78px; margin-top:0px}
	.mcm-re2023 .mcm-list1-type1.img {height:78px}
	.mcm-re2023 .mcm-list1-item > .link {align-items: center;}
@media screen and (max-width:1100px) {
	.plate-select .btn-wrap-dx {margin:0}
	.plate-select .info {margin-top:-3px}
	.plate-select .card-type,.plate-select .text {margin-top:3px}
	.plate-select .item {padding:19px 0 16px 19px}
	
	.mcm-re2023 .mcm-cardimg1 {margin-top:17px}
	.mcm-re2023 .mcm-list1-type1.img {width:78px; }
	.mcm-re2023 .mcm-badge1 {margin-top:4px}
	.mcm-re2023 .mcm-conts-wrap1 {margin-top:24px}

	.mcm-pop .mcm-badge1 {margin-top:4px}
	.plate-list .info {margin-top:-3px}
	.mcm-re2023 .plate-select.type2 .item {padding:19px 0 16px 19px}
} */


/* 소득공제 */
.ly_inner .deductions_wrap {width: 672px; margin:0 auto; padding-top:40px;}
.ly_inner .deductions_wrap.dedu2 {width:100%;}
.h-dep2.dedutit_pc {display: block;}
.h-dep2.dedutit_mo {display: none;}
.complete-dx.no-data1 {border-top:1px #ddd solid !important;}
.dedu2 .effect_txt {color: #888; border-bottom: 1px solid #eee; font-size:20px; line-height:43px; font-weight: 400}

@media screen and (max-width: 1100px){
    .dedu2 .effect_txt { font-size:18px; }
    .ly_inner .deductions_wrap {width: 100%; margin:0 auto; padding-top:20px;}
    .h-dep2.dedutit_pc {display: none;}
    .h-dep2.dedutit_mo {display: block;}
}


/* 마이카 출석체크 이벤트 */
  .draw_boxev{position:relative; width:900px;margin:0 auto;}
.draw_boxev:before{content:'';display:block;width:100%;height:100%;background:#000;opacity:.5;position:absolute;top:0;left:0;}
.draw_boxev .evt_info{background:#222;border-radius:20px;display:flex;align-items:center;white-space:pre;text-align:center;font-size:16px;position:absolute;top:0%;bottom:0;right:0;left:0%;margin:auto;width:350px;height:100px;color:#fff;justify-content:center;}
.draw_boxev.m-device {display: none;}

@media only screen and (max-width: 1000px){
    .draw_boxev.pc-device {display: none;}
    .draw_boxev.m-device {display: block;}
}
@media only screen and (max-width: 940px){
    .draw_boxev{width:100%;} 
    .draw_boxev .evt_info{width:280px;}
}

/* 카드신청 간편결제 자동등록 */
.check_wrap.type_grid.simple-pay .check_btn input[type="checkbox"] + span.only_img2 img{height:20px;}

/* 카드신청 - 6단계 간편결제 수단 정렬수정 */
.flex_row.gutter4 .col.col12{width: 100%; padding-bottom: 4px;}

/* 마이정기결제 페이지 아이콘 변경 */
.myrp_list02 li.icon-150-type1-6 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-6.png');}
.myrp_list02 li.icon-150-type1-5 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-5.png');}
.myrp_list02 li.icon-150-type1-2 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-2.png');}
.myrp_list02 li.icon-150-type1-3 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-3.png');}
.myrp_list02 li.icon-150-type1-4 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-4.png');}
.myrp_list02 li.icon-150-type1-7 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-7.png');}
.myrp_list02 li.icon-150-type1-1 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-1.png');}
.myrp_list02 li.icon-150-type1-9 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-9.png');}
.myrp_list02 li.icon-150-type1-8 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-8.png');}
.myrp_list02 li.icon-150-type1-17 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-17.png');}
.myrp_list02 li.icon-150-type1-38 .item:before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-38.png');}

.lift_fare_ing.dx-customize li.icon-150-type1-6::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-6.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-5::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-5.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-2::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-2.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-3::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-3.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-4::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-4.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-17::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-17.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-7::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-7.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-1::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-1.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-9::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-9.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-8::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-8.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-38::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-38.png'); background-size: 80px;}
.lift_fare_ing.dx-customize li.icon-150-type1-1::before {background-image: url('/pconts/images/shcard/icon/icon-150-type1-1.png'); background-size: 80px;}


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


.lift_fare_ing.dx-customize li.icon-150-type1-6::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-5::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-2::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-3::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-4::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-7::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-17::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-1::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-9::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-8::before{background-size:57px 57px !important;}
.lift_fare_ing.dx-customize li.icon-150-type1-38::before{background-size:57px 57px !important;}
}



/* 체크카드서비스 개선 */
.list4-info .card_t {font-size: 14px; color:#476eff; font-weight: 700;}
.ckcard_replace .default-txt.txt18_000 {font-size: 18px; color:#000;}
.ckcard_replace .default-txt.txt14_000 {font-size: 14px; color:#000; font-weight: 400; padding-top:12px; margin-top:0px;}
.ckcard_replace .contents-box:only-child {min-height: auto;}
.list4-dx.bdt01{border-top:1px solid #ddd;} 

/* 계좌입력 변경 전 */
.ckcard_replace .bank_number .form_ele {display:flex;}
.ckcard_replace .bank_number .input_wrap {margin-top: -2px; flex: none; width: 362px;margin-left: 16px;}
.ckcard_replace .bank_number .bankico {display: inline-block;}
.ckcard_replace .bank_number .bankico .icb_088 {background-size: 24px; background-position-x: 0px; padding-left:27px; font-size: 20px; }

/* 변경후 */
.ckcard_replace .bank_after .txt1 {color: #476eff; font-size: 16px; font-weight: 700;}
.ckcard_replace .bank_after .txt2_nb {color: #000; font-size: 24px; font-weight: 700; padding-top:12px;}
.ckcard_replace .bank_after .txt2_nb span {margin-left:12px}
.ckcard_replace .bank_after .txt3_nb {color: #949494; font-size: 16px; padding: 30px 0; margin-top: 30px; border-top:1px #ccc solid; }
.ckcard_replace .bank_after .txt3_nb span {position: relative; padding-left:8px; margin-left:8px;}
.ckcard_replace .bank_after .txt3_nb span:before {content: ''; width:1px; height: 15px;background: #d9d9d9;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

/* 결제정보 */
.ckcard_replace .bank_info .c-list5-item {position: relative;}
.ckcard_replace .bank_info .c-list5-txt {position: absolute; right: 0;}

/* 결제정보 - 가상계좌 있는경우 */
.ckcard_replace .bank_info .c-list8 {font-size:18px; font-weight: 700;}
.ckcard_replace .bank_info .c-list8 .c-list8-item {position: relative;}
.ckcard_replace .bank_info .c-list8 .c-list8-ico {font-size:13px; font-weight: 700;position: absolute; right:0; top: 5px;}
.ckcard_replace .bank_info .c-list8 .c-list8-ico:before {content: ''; width:8px; height: 8px;background: #0ca32b;position: absolute;left:-16px;top: 50%;transform: translateY(-50%);border-radius: 10px;}
.ckcard_replace .bank_info .c-list8 .c-list8-ico.unused:before {background: #da1d1d;}

@media only screen and (max-width: 1100px){
.list4-info .card_t {font-size: 11px;}
.ckcard_replace .default-txt.txt14_000 {padding-top:4px;}
.ckcard_replace .bank_number .bankico .icb_088 {background-size:20px; padding-left:27px; font-size:18px;}
.ckcard_replace .bank_number .form_ele {flex-wrap: wrap;}
.ckcard_replace .bank_number .bankico {display:block;}
.ckcard_replace .bank_number .input_wrap {margin-top: 0;width: 100%;margin-left: 0;}

/* 변경후 */
.ckcard_replace .bank_after .txt2_nb {font-size:20px; padding-top:4px;}
.ckcard_replace .bank_after .txt3_nb {padding: 24px 0; margin-top:24px;}

/* 결제정보 - 가상계좌 있는경우 */
.ckcard_replace .bank_info .c-list8 {font-size:16px;}
.ckcard_replace .bank_info .c-list8 .c-list8-ico {top: 3px;}

}





/* 안드로이드 && 태블릿인 경우 달력이 깨져보여 추가 */
body.tablet.os_android .input_wrap.date_type .input_date .datepicker.onlyMO {position: absolute;left: 0;top: 0;opacity: 0;height: 100%;width: 100%;overflow: hidden;font-size: 300px;}
body.tablet.os_android .input_wrap.date_type .input_date:after {content: '';display: block;position: absolute;top: 50%;right: 10px;width: 21px;height: 20px;overflow: hidden;margin-top: -10px;background: url(/pconts/images/common/ico_calendar.png) no-repeat 50% 50% #fff;background-size: 21px 20px;pointer-events: none;}


/* =================================================================
Top10 개선 - 마이 > 분할납부
================================================================= */
/* 스텝1 fixed_bottom */
.installment_fixed_bottom {padding-bottom:100px !important;}

/* 납부기간 선택 팝업 */
.pop-installments.pop-dx .popup {max-height:665px;}
.pop-installments.pop-dx .popup .pop_cont {padding:0 16px;}

/* list-total */
.list-total {margin-top:40px;padding:20px 56px;background-color:#f1f1f3;}
.list-total-info {display:flex;justify-content:space-between;gap:16px;}
.list-total-num {font-size:18px;}
.list-total-sum {font-size:20px;}
.list-total-warning {margin-top:4px;text-align:right;color:#da1d1d;font-size:13px;}
.list-total-floating {display:none;position:fixed;width:100%;bottom:0;left:0;z-index:100;background-color:#fff; box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.2);}
.list-total-floating-group {display:flex;justify-content:space-between;align-items:center;width:980px;margin:0 auto;padding:20px 0;}
.list-total-floating .list-total {flex-grow:1;margin-top:0;padding:0;background-color:#fff;}
.list-total-floating .btn-wrap-dx {margin:0 0 0 24px;}
.list-total-floating .btn-wrap-dx .btn.only-mo + .btn {margin-left:0;}
.list-total-floating .list-total-warning {margin-top:0;}
.list-total-floating.is_fixed {display:block;}
.accordion-dx.type3 .list-total {padding-left:28px;padding-right:28px;}
@media only screen and (max-width: 1100px) {
	/* 납부기간 선택 팝업 */
	.pop-installments.pop-dx .popup {max-height:100%;}
	.pop-installments.pop-dx .popup .pop_cont {padding:0 12px;}

	/* 스텝1 fixed_bottom */
	.installment_fixed_bottom {padding-bottom:200px !important;}
	.installment_fixed_bottom ~ .quick_fixed {bottom:160px;}

	/* list-total */
	.list-total-num {font-size:16px;}
	.list-total-sum {font-size:18px;}
	.list-total-floating {display:block;}
	.list-total-floating-group {width:100%;padding:24px 24px 20px 24px;}
	.list-total-floating-group {display:block;}
	.list-total-floating .btn-wrap-dx {margin:20px 0 0;}
}
/* 방문판매직원 조회화면 수정 */
.list_wrap_payment.limit_txt li strong {word-break: break-all; flex: 1.7;}
/*20230711715906 마이 서브메인 10대 메뉴 개선*/
.my-card-grade {display: flex;align-items:center;padding:24px 40px;border:1px solid #ddd;border-radius:12px;}
.my-card-grade .btn-wrap-dx.btn-third{margin-top:0;}
.my-card-grade .m-user-info1 {overflow:hidden;display:inline-block; position:relative; text-indent:-9999px; width:56px; height:56px;margin-right:24px; background-image:url('/pconts/images/contents/mypage/myicon_00.png');background-repeat:no-repeat; background-position:center center; background-size: 56px auto;vertical-align:middle; text-align:left;}
.my-card-grade .m-user-info1 > div {width:100%;height:100%;}
.my-card-grade .A01 {background-image: url(/pconts/images/contents/mypage/myicon_01.png);}
.my-card-grade .A02 {background-image: url(/pconts/images/contents/mypage/myicon_02.png);}
.my-card-grade .A03 {background-image: url(/pconts/images/contents/mypage/myicon_03.png);}
.my-card-grade .A04 {background-image: url(/pconts/images/contents/mypage/myicon_04.png);}
.my-card-grade .B01 {background-image: url(/pconts/images/contents/mypage/myicon_05.png);}
.my-card-grade .B02 {background-image: url(/pconts/images/contents/mypage/myicon_06.png);}
.my-card-grade .B03 {background-image: url(/pconts/images/contents/mypage/myicon_07.png);}
.my-card-grade .B04 {background-image: url(/pconts/images/contents/mypage/myicon_08.png);}        
.my-card-grade .m-user-info1 .info-btn {text-decoration:underline;}
.my-card-grade .m-user-info2 {flex: 1 1 auto;display:flex;flex-direction:column;justify-content:space-between;}
.my-card-grade .m-user-info2 .m-user-color{font-size:13px;color:#CF29B6;}
.my-card-grade .m-user-grade {flex-wrap:wrap;margin-bottom:4px;display:inline-flex;align-items:center;}
.my-card-grade .m-user-grade .name {display:inherit;max-width:150px;flex: 0 0 auto;margin-right:4px;font-size:16px;font-weight:900;}
.my-card-grade .m-user-grade .grade {font-size:16px;display:inline-block;font-weight:700;color:#111;flex: 0 0 auto;}
.my-card-grade .m-user-grade .grade.b {color: #996600;}
.my-card-grade .m-user-message{display:flex;}
.my-card-grade .m-user-message.sb_color01 .m-user-color {color:#148097;}
.my-card-grade .m-user-message.sb_color02 .m-user-color {color:#996600;}
.my-card-grade .m-user-message.sb_color03 .m-user-color {color:#d63d0e;}
.my-card-grade .m-user-message.sb_color04 .m-user-color {color:#13872b;}
.my-card-grade .m-user-message.sb_color05 .m-user-color {color:#7030a0;}
.my-card-grade .m-user-message.sb_color06 .m-user-color {color:#cf29b6;}
.my-card-grade .m-user-message.sb_color07 .m-user-color {color:#3e4aa5;}
.my-card-grade .m-user-message .btn_tooltip{margin-left:4px;}
.my-card-grade .btn_tooltip{width:18px;height:18px;margin:0 0 0 4px;border:none;background:url('/pconts/images/common/btn_tooltip_q.svg') no-repeat center / 18px;border-radius:0;line-height:18px;}
.tooltip-shown{position:relative;width:100%;}
.tooltip-shown .tooltip{z-index:2;position:absolute;bottom:-56px;left:50%;transform:translateX(-50%);align-items:flex-start;padding:8px 12px 8px 16px;border-radius:8px;white-space: nowrap;text-align:left;background-color:#3d4964;color:#fff;box-shadow:0 0 29px rgba(0, 0, 0, 0.25);}
.tooltip-shown .tooltip::before{bottom:56px;width:10px;height:7px;border-right:6px solid transparent;border-left:6px solid transparent;border-bottom:8px solid #3d4964;background-image:none;}
.tooltip-shown .tooltip span{padding:0;font-size:14px;line-height:21px;}
.tooltip-shown .tooltip .tooltip_close{display:inline-block;width:18px;height:18px;margin-left:12px;margin-right:0;vertical-align:middle;background:url(/pconts/images/dx/com/close_ccc.svg) no-repeat 50%;background-size:18px 18px;}
.tooltip-shown .tooltip .tooltip_close span {display:block;position:relative;overflow:hidden;width:18px;height:18px;text-indent:-9999px;} 
.my-card-box{display:flex;align-items:center;height:78px;margin:16px 0 0;}
.my-card-box .card-plate {display:flex;flex-direction:column;align-items:center;width:49px;}
.my-card-box .card-plate-inner {position:relative;width:78px;height:0;padding-top:100%;}
.my-card-box .card-plate-img {position:absolute;top:50%;transform:translateY(-50%) rotate(90deg);}
.my-card-box .card-plate + .card-info{margin-left:40px;}
@media only screen and (max-width: 1100px) {
    .my-card-grade{align-items:flex-start;margin-bottom:32px;padding:0;border:0;border-radius:inherit;}
    .my-card-grade .m-user-info1{flex-shrink:0;width:48px;height:48px;margin-right:12px;background-size:48px auto;}    
	.tooltip-shown .tooltip{bottom:-52px;left:calc(50% - 91px);border-top-right-radius:0;}
    .tooltip-shown .tooltip::before{bottom:55px;left:calc(100% - 5px);border-right-width:0;border-left-width:9px;}
    .tooltip-shown .tooltip span{font-size:13px;line-height:20px;} 
    .my-card-box .card-plate + .card-info{margin-left:16px;}
}

/*20230714653828  마이 서브메인 10대 메뉴 개선 스켈레톤*/
.noData_list.type2{padding-bottom:0;}
.noData_list.type2 p{width:100%;height:24px;margin-top:0;background-color:#eff0f5;}
.noData_list.type2 p + p{margin-top:8px;}
.noData_list.type2 p span {background-image: linear-gradient(to right, transparent, #dfe1e8, transparent);-webkit-background-image: linear-gradient(to right, #ddd, #dfe1e8, #ddd);}
.noData_list.type2 .circle56_48{flex-shrink:0;width:56px;height:56px;border-radius:56px;background-color:#eff0f5;}
.noData_list.type2 .rectangle78_75{flex-shrink:0;width:50px;height:78px;background-color:#eff0f5;}
.noData_list.type2 .w30{width:30%;}
.noData_list.type2 .w40{width:40%;}
.noData_list.type2 .w50{width:50%;}
.noData_list.type2 .w55{width:55%;}
.noData_list.type2 .w60{width:60%;}
.noData_list.type2 .w70{width:70%;}
.noData_list.type2 .w424{width:424px;}
.noData_list.type2 .h20{height:20px;}
.noData_list.type2 .h38{height:38px;}
.noData_list.type2 .h48_36{height:48px;}
.noData_list.type2 .bd-rd2{border-radius:2px;}
.noData_list.type2 .mgr24_12{margin-right:24px;}
.noData_list.type2 .mgr40_16{margin-right:40px;}
.noData_list.type2 .flex-box1{display:flex;align-items:center;}
.noData_empty{width:100%;height:48px;background-color:#f4f7fc;}
@media only screen and (max-width: 1100px){
    .noData_list.type2 p{height:20px;}
    .noData_list.type2 .circle56_48{width:48px;height:48px;}
    .noData_list.type2 .rectangle78_75{width:50px;height:75px;}
    .noData_list.type2 .h48_36{height:36px;}
    .noData_list.type2 .mgr24_12{margin-right:12px;}
    .noData_list.type2 .mgr40_16{margin-right:16px;}
}

/*20230714653112 10대 메뉴 개선(공통헤더수정)*/
.shc-index .user_time.time-tooltip {position:relative;}
.shc-index .user_time.time-tooltip .btn_tooltip {margin:0;width:auto;height:auto;line-height:1.53;background:none;border-radius:0;}
.shc-index .user_time.time-tooltip .btn_tooltip span {overflow:visible;text-indent:0;}
.shc-index .user_time.time-tooltip .time-extend {display:flex;font-size:16px;color:#000;}
.shc-index .user_time.time-tooltip .time-extend .time{margin-right:8px;}
.shc-index .user_time.time-tooltip .recent-date-text {margin-top:4px;font-size:16px;color:#888;}
.shc-index #loginTimeExtTooltip {top:32px !important;left:-70px !important;width:255px !important;}
.user_time .userTime_tooltip .userSate_close{display:flex;overflow:hidden;position:absolute;top:12px;right:0;width:38px;height:38px;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 18px;}
.user_time .userTime_tooltip .userSate_close span{display:block;position:relative;width:13px;height:13px;text-indent:-9999px;overflow:hidden;}
@media only screen and (max-width: 1100px) {
    .shc-index #header .util_wrap .user_time.time-tooltip{display:inline-block;margin:0 8px;vertical-align: middle;}
    .shc-index #header .util_wrap .user_time.time-tooltip .timer{display:inline-block;padding-left:18px;background:url(/pconts/images/common/ico_clock.png) no-repeat 0 7px;color:#000;}
    .shc-index #header .util_wrap .user_time.time-tooltip .btn_tooltip{width:auto;height:inherit;background:none;}
    .shc-index #header .util_wrap .user_time.time-tooltip .time-extend{font-size:13px;}
    .shc-index #header .util_wrap .user_time.time-tooltip .time-extend .underline{width:auto;height:inherit;background:none;}
    .shc-index #header .util_wrap .user_time.time-tooltip .recent-date-text{font-size:13px;}
    .shc-index #header .util_wrap .user_time.time-tooltip .btn_close{display:flex;width:38px !important;height:38px !important;top:6px !important; right:0 !important;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 18px;}
    .shc-index #header .util_wrap .user_time.time-tooltip .btn_close span{width:13px;height:13px;}
    .shc-index #header .header_body .body_inner {overflow:visible;}
    .shc-index #loginTimeExtMoTooltip {top:35px !important;left:50% !important;width:212px !important;max-width:212px !important;transform:translateX(-50%);}
    .shc-index #header .util_wrap .user_time .userTime_tooltip .userSate_close{display:flex;width:38px !important;height:38px !important;top:6px !important;right:0 !important;background:url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 18px;}
}
/* UIUX 개선 체크 결제계좌 관리 - 대표계좌 변경*/
.newlist4-dx {background-color: #fafafa; border-radius: 8px;padding: 60px 0;}
.newlist4-dx .list4-item{padding: 30px 0 0 26px;border : none !important;}
.newlist4-dx .list4-item:first-child{padding-top: 0;}
@media only screen and (max-width: 1100px){
.newlist4-dx {padding: 32px 0;}
.newlist4-dx .list4-item{padding: 24px 0 0 42px;}
}
/* UIUX 개선 체크 결제계좌 관리 - 대표계좌 변경*/

/* 20230620354828 부스터마일즈 서비스 - 신청내역 페이지 아코디언 */
.booster_accordion .booster_accordion_2 {display: none !important;}
/* 20230620354828 부스터마일즈 서비스 - 신청내역 페이지 아코디언 */
.booster_accordion .booster_accordion_2 {display: none !important;}
/* 20230620354828 부스터마일즈 서비스 - 내 카드 관리 메뉴 추가 */
.mcm-conts-type2 .mcm-list2 + .card-mag {margin-top: 56px;}
.mcm-re2023 .mcm-ico.t15::before {background-image: url('/pconts/images/dx/com/icon_booster.png')}
/* 20230620354828 부스터마일즈 서비스 - 신청내역 조회 */
@media only screen and (max-width: 1100px) {
      .boosterbtn.align-type2 {display: inline-flex !important; margin-top: 0!important; margin-left: 8px!important;}
}
/* 20230920374632 [Apple] iPhone for life 프로그램 가입정보 조회 화면 */
.mcm-re2023 .mcm-ico.t16::before{background-image:url('/pconts/images/dx/com/mcm_card_iphone.svg')}


/* 가맹점 신청 */
.form-dx.form_type .form_ele .col4_3 {display: flex; margin: 0;}
.form_type .form_ele .col4_3 > div {float: left;width:31%;padding: 0 4px;}
.form_type .form_ele .col4_3 > div.text_wrap {width:6%; text-align: center;}

@media only screen and (max-width: 1100px){
	.form_type .form_ele .col4_3 > div.text_wrap {width:4%;}
	.form_type .form_ele .col4_3 > div {width:46%;}
	.col4_3 .select_wrap {width:100% !important;margin-top:10px;}
	.form_type .form_ele .col4_3 > div.text_wrap {width: 18px; text-align: left;}
}	
/* 신용정보 제공사실안내 팝업 */
#popCBDetailFilter .select_wrap .ui_select .ui_select_menu{position: relative;}

/* 선불카드 - 외국인등록증 */
.foreignNum{text-align:center}
.foreignNum .text_tip.error{text-align:left}
.foreignNum .btn{width:114px;min-width:114px;height:44px;margin-top:15px;padding:0 15px;font-size:16px;font-weight:700;line-height:40px;text-align:center}

/* 카드신청완료 */
.app_comp_wrap .tit_info{position:absolute}

/* 캐릭터 카드 메인 리뉴얼 s*/
.dxPopChCard.pop_wrap.medium .popup {width:520px; background:#1b1f42}
.dxPopChCard.pop-dx .popup .pop_cont {padding:0}
.dxPopChCard.pop-dx .popup .pop_cont::-webkit-scrollbar{width:5px;} 
.dxPopChCard.pop-dx .popup .pop_cont::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3);border-radius:10px;}
.dxPopChCard.pop-dx .popup .pop_cont::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}
.dxPopChCard.pop-dx .popup .pop_head {background:#1b1f42; color:#fff; padding:18px 32px}
.dxPopChCard.pop-dx .popup .title {background:#1b1f42; color:#fff; padding:0px 24px 0; text-align: center;}
.dxPopChCard.pop-dx .popup .title h3 {color:#fff; font-size:24px; font-weight: 700;}
.dxPopChCard.pop-dx .popup .title p {font-size:16px; font-weight: 400; margin-top: 7px;}
.dxPopChCard.pop-dx .popup .btn_close {background-image: url('/pconts/images/dx/contents/ch-close.png'); background-size:100%; top:16px}
.dxPopChCard .popSwiper .swiper-slide {background-position: center; background-size: cover; width: 210px;  height: 337px; padding-top:15px;padding-bottom:30px; transition: all 0.3s ease !important; box-sizing: content-box;}
.dxPopChCard .popSwiper .swiper-slide .card-click {position:relative;width:209px;height:332px;}
.dxPopChCard .popSwiper .swiper-slide img {display: block; width: 100%;}            
.dxPopChCard .popSwiper .navigations {position: relative; height: 26px; margin-top:20px; margin-bottom:-5px; z-index: 10;}
.dxPopChCard .popSwiper .navigations > div {position: absolute; display: flex; left: 50%; top: 0; transform: translateX(-50%);}
/* #dxPopChCard .popSwiper .navigations + .swiper-container {margin-top:15px; padding-bottom:15px} */
.dxPopChCard .popSwiper .swiper-pagination-bullet {background: #fff; width:9px; height:9px}
.dxPopChCard .popSwiper .swiper-button-prev, .dxPopChCard .popSwiper .swiper-button-next, .dxPopChCard .popSwiper .swiper-pagination {position: relative;}
.dxPopChCard .popSwiper .swiper-button-prev, .dxPopChCard .popSwiper .swiper-button-next {width:26px; height: 26px; margin-top:0; background-size:contain}
.dxPopChCard .popSwiper .swiper-button-prev {order: 1; background-image: url('/pconts/images/dx/contents/ch-prev.png'); left: auto; margin-right: 6px;}
.dxPopChCard .popSwiper .swiper-button-next {order: 3; background-image: url('/pconts/images/dx/contents/ch-next.png'); right: auto; margin-left: 6px;}
.dxPopChCard .popSwiper .swiper-pagination {order: 2; white-space: nowrap;}
.dxPopChCard .popSwiper .swiper-pagination-bullet {margin-left:4px; background:#414e7f; opacity: 1;}
.dxPopChCard .popSwiper .swiper-pagination-bullet:first-child {margin-left:0}
.dxPopChCard .popSwiper .swiper-pagination-bullet-active {width:24px; background:#476efe; border-radius: 7px;}  
.dxPopChCard .card {position: absolute;top:62px;left:-62px;height:209px;width:332px;transform:rotate(90deg);} 
.card-click span {display:block;width:100%;height:100%;}
.dxPopChCard .card-item-around {top:47px;opacity: 1; }    
.dxPopChCard .card-item-around .card-click {opacity: 0.45;}
.dxPopChCard .box-btn {margin-top:20px}   
.dxPopChCard .card-item-centerd {transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg); top: 12px;}  

/* #dxPopChCard .card-item-centerd img {position: relative; left: 0px;} */
.dxPopChCard .card-info-wrap {padding:0px 34px 34px; text-align: center; margin-top:-5px;}
.dxPopChCard .card-intro {color:#fff; opacity: 0.7; font-size:14px}
.dxPopChCard .card-info .item {color:#fff; display: none; margin-top:15px}
.dxPopChCard .card-info .badge {display: inline-block; font-size:14px; border:1px solid #fff; line-height: 26px; border-radius: 20px; padding:0 16px 2px}
.dxPopChCard .card-info strong {display: block; margin-top: 10px; font-size:20px}
.dxPopChCard .card-info + .btn {margin-top:20px}
.dxPopChCard .show {display: block !important;}    
.dxPopChCard .banner {position:relative; color:#000; margin-top: 28px; border-radius: 8px; text-align: left;}
.dxPopChCard .banner a {display: flex; padding:15px 10px 15px 27px; height:78px; align-items:center; font-size:16px; font-weight: 500;}
.dxPopChCard .banner .img {width:130px; height:69px; content:''; display: block; width:130px; height:69px; position: absolute; top: 4px; right: 21px; background-repeat: no-repeat; background-size: contain; z-index:0}
.dxPopChCard .banner p {position:relative}
.dxPopChCard .card {perspective: 1000px;}
.dxPopChCard .card-inner {width: 332px; height: 209px; transform-style: preserve-3d; transition: transform 0.5s;}
.dxPopChCard .card-inner span {display: block;}
.dxPopChCard .card.flip180 .card-inner {transform: rotateX(180deg);}
.dxPopChCard .card.flip0 .card-inner {transform: rotateX(0deg);}
.dxPopChCard .card-front, .dxPopChCard .card-back {width: 100%; height: 100%;  position: absolute; backface-visibility: hidden; display: flex; justify-content: center; align-items: center;}
.dxPopChCard .card-back {transform: rotateX(180deg);}

@media screen and (max-width:1100px){
.dxPopChCard.pop_wrap.medium .popup {height: auto;}
}

@media screen and (max-width:480px){
/* .dx-chcard .mainSwiper .swiper-slide:nth-child(3n) {width: 800px;}    */
.dxPopChCard.pop_wrap.medium .popup {height: 100%;} 
/* #dxPopChCard.pop-dx .popup .title {margin-top:10px} */
.dxPopChCard.pop-dx .popup .pop_cont {margin-top:-5px}
.dxPopChCard.pop-dx .popup .title h3 {font-size:22px}
.dxPopChCard .popSwiper .swiper-slide  {padding-top:12px;}
.dxPopChCard .swiper-container-coverflow .swiper-wrapper {padding-bottom: 20px;}
.dxPopChCard .popSwiper .swiper-slide {width: 184px; height: 292px;}
.dxPopChCard .popSwiper .swiper-slide .card-click {width: 184px; height: 292px; padding-top:0%}
/* #dxPopChCard .card-item-centerd .card-inner {top:7px} */
.dxPopChCard .card {top:53px; left:-53px; width:292px; height:185px}
/* #dxPopChCard .card-item-centerd img {left:16px} */
.dxPopChCard .card-item-around {top:41px}
.dxPopChCard .card-info-wrap {margin-top:-28px; padding:0 24px 30px}
.dxPopChCard .card-inner {width: 292px; height: 184px;}
.dxPopChCard .card-intro {font-size:12px}
.dxPopChCard .card-info strong {font-size:18px;}
.dxPopChCard .banner {margin-top:18px}
.dxPopChCard .banner .img {right:10px}
.dxPopChCard .banner a {padding:15px 10px 15px 20px}
.dxPopChCard .popSwiper .navigations {margin-top:18px; margin-bottom:-5px}
.dxPopChCard .card-info + .btn {margin-top:18px}
.dxPopChCard.pop-dx .popup .title p {margin-top:0px}
}
/* 캐릭터 카드 메인 리뉴얼 e*/

/* 카드신청-이메일입력 수정 */
.input_wrap.endLine .input-email-list{position:relative;}

/* 내 결제정보 > 결제계좌 변경 */
.myacc_list_item {display: flex; flex-wrap: wrap; padding: 30px 0;}
.myacc_list_item:first-child {padding-top: 0;}
.myacc_list_item:last-child {padding-bottom: 0;}
.myacc_list_item + li {border-top: 1px solid #ddd}
.myacc_radio {width: 100%; margin-bottom: 8px;} 
.myacc_txt_wrap {width: 100%; min-width: 0; margin-left: 40px;}
.myacc_tit {padding-left: 40px !important; font-size: 20px !important; color: #000!important; font-weight: 600!important;}
.myacc_txt1 {font-size: 18px; color: #000; margin-bottom: 8px;}
.myacc_txt2 {font-size: 16px; color: #888; display: flex;}
.myacc_txt2_wrap {display: flex; flex-wrap: nowrap; min-width: 0;}
.myacc_card_txt2 {flex-shrink: 0; margin-left: 3px;}
.myacc_txt2 .btn_wrap {margin-left: 20px !important;}
.myaccard_list_item {padding: 30px 0; border-bottom: 1px solid #ddd;}
.myaccard_list_item:only-child {border-bottom: none;}
.myaccard_list_item:first-child {padding-top: 22px;}
.myaccard_txt_wrap {font-size: 16px; font-weight: 500; }
.myaccard_txt1 {color: #000; word-break: break-all;}
.myaccard_txt2 {color: #888;}
@media only screen and (max-width: 1100px) {
    

    .myacc_list_group {border-top: 1px solid #888;}
    .myacc_list_item,
    .myacc_list_item:first-child,
    .myacc_list_item:last-child {padding: 24px 0;}
    .myacc_list_item {border-bottom: 1px solid #ddd;}
    .myacc_list_item + li {border-top: none;}
    .myacc_radio {margin-bottom: 6px;}
    .myacc_tit {font-size: 16px !important;}
    .myacc_txt1 {margin-bottom: 13px; font-size: 14px;}
    .myacc_txt2 {font-size: 14px;}
    
    .myaccard_list_item {padding: 24px 0;}
    .myaccard_list_item:first-child {padding-top: 4px;}
}                            

/* 내 결제정보 > 결제계좌 변경 > 결제계좌 변경 이력조회 */
.acchist_list_group {border-top: 1px solid #888; margin-top: 12px;}
.acchist_list_item {padding: 24px 0; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between;}
/* .acchist_list_item:first-child {padding-top: 0;} */
/* .acchist_date {display: flex; justify-content: space-between; width: 100%; margin-bottom: 4px; color: #666; font-size: 14px;} */
.acchist_date {color: #666; font-size: 14px; flex-shrink: 0;}
/* .acchist_txt_wrap {display: flex; justify-content: space-between; width: 100%; font-size: 16px; color: #000;} */
.acchist_txt {font-size: 16px; color: #000;}
.acchist_txt_wrap {display: flex; align-items: center;}
.acchist_txt_wrap.wrap2 {margin-left: 21px;}
.acchist_txt_wrap.wrap1 .acchist_date {width: 180px;}
.acchist_txt_wrap.wrap1 .acchist_txt {width: auto; margin-left: 120px;}
.acchist_txt_wrap.wrap2 .acchist_date {width: 74px; margin-left: 24px; text-align: right;}

/* .acchist_txt2 {margin-left: 112px; text-align: right;} */
@media only screen and (max-width: 1100px) {
    /* .acchist_list_item:first-child {padding-top: 24px;}
    .acchist_list_group {border-top: 1px solid #888; margin-top: 20px;}
    .acchist_txt2 {margin-left: 20px;} 
    .acchist_txt_wrap.wrap2 {width: 26.3%; padding-left: 8px;}*/
    .acchist_txt_wrap {display: block;}
    .acchist_txt_wrap .acchist_date,
    .acchist_txt_wrap.wrap1 .acchist_txt {width: auto !important; margin-left: 0 !important;}
    .acchist_txt_wrap.wrap1 {width: 100%;}
    .acchist_txt_wrap .acchist_date {margin-bottom: 4px;}
    .acchist_txt_wrap.wrap2 {margin-top: auto; margin-left:4px;}
}

/* 내 결제정보 > 결제일 변경 */
.paydate_list_item {width: 20% !important;}
.paydate_tab .swiper-button-disabled {display: none !important;}
@media only screen and (max-width: 1100px) {
.myacc_list_group.type1 {border-top: 1px solid #ddd !important;}
}
/* 결제일 전체보기 팝업 */
.paydate_popup {padding: 40px !important;}
@media only screen and (max-width: 1100px) {
  .paydate_popup {padding: 0 !important;}
 }
/* 내 결제정보 > 결제일 변경 확인*/
.paydate_wrap {border-bottom: 1px solid #ddd; padding-bottom: 28px;}
.paydate_wrap + .paydate_wrap {padding-top: 28px; border-bottom: none; padding-bottom: 0;}
.paydate_wrap p + p {margin-top: 8px;}
.paydate_txt1 {font-size: 16px;}
.paydate_txt2 {font-size: 24px; font-weight: 600; }

.paydate_tooltip {margin-top: 5px; float: right;}
@media only screen and (max-width: 1100px) {
    .paydate_tooltip {margin-top: 2px;}
}

/* 결제일 변경 이력조회 */
.paydate_hist_item {padding-bottom: 32px; border-bottom: 1px solid #ddd;}
.paydate_hist_txt {display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 12px; border-bottom: 1px solid #000; margin-bottom: 32px;}
.paydate_hist_item .paydate_wrap {border-bottom: none; padding-bottom: 0; }
.paydate_hist_item .paydate_wrap + .paydate_wrap {padding-top: 32px; padding-top: 0;min-width: 270px; }
.paydate_wrap.before,
.paydate_wrap.before .paydate_txt3 {color: #949494 !important;}
.paydate_hist_item + .paydate_hist_item {margin-top: 40px;}
.paydate_wrap_cont {display: flex; justify-content: space-between;}
.paydate_hist_item .paydate_wrap {position: relative;}
.paydate_hist_item .paydate_wrap.before {width: 50%;}
.paydate_hist_item .paydate_wrap.arrow::after {content: ''; display: block; position: absolute; top: 50%; right: -10px; width: 24px; height: 24px; background: url('/pconts/images/dx/com/arrownext.svg') no-repeat 50% 50%; transform: translateY(-50%);}

@media only screen and (max-width: 1100px) {
    .paydate_wrap_cont {display: block;}
    .paydate_hist_item .paydate_wrap.before {width: 100%;}
    .paydate_hist_item .paydate_wrap {width: 100%;}
    .paydate_hist_item .paydate_wrap.arrow::after {display: none;}
    .paydate_hist_item .paydate_wrap + .paydate_wrap {margin-top: 32px; min-width: auto;}
    .paydate_txt2 {font-size: 24px;}
    .paydate_txt3 {font-size: 14px;}
    .paydate_hist_txt {align-items: center;}
}

/* 마이 > 내정보관리 > 내결제정보 > 명세서수령방법 변경 */
.myacc_list_item.type2 .myacc_txt2 + .myacc_txt1 {margin-top: 12px; margin-bottom: 0px;}
.myacc_list_item.type2:last-child {padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.my_addr.radio-dx .radio_default input + span {padding-left: 40px !important;}
.my_addr_txt {margin-left: 40px; margin-top: 10px; font-size: 14px;}
@media only screen and (max-width: 1100px) {
     .myacc_list_item.type2:last-child {padding-bottom: 24px;}
     .my_addr_txt {margin-top: 6px;}
}

/* 
    라디오 버튼 토글 기능

    관련 CSS 아래로 추가해주시고 작업 URL 업데이트 해주세요
    https://devprj2-www.shinhancard.com/pconts/dx/svn/my/MOBFM018C01_3.html
*/
/* 추후 주석 s */
.radio-toggle-wrap .radio-dx.expand ~ .btn-wrap-dx .btn{background:url('/pconts/images/dx/com/arrowup_small.svg') no-repeat calc(100% - 12px) center !important;}
.radio-toggle-wrap .radio-dx li {display:none;}
.radio-toggle-wrap .radio-dx.expand li {display:list-item !important;}
/* 추후 주석 e */
.radio-toggle-wrap .radio-toggle-item {display:none;}
.radio-toggle-wrap.expand .radio-toggle-item {display: list-item !important;}
.radio-toggle-wrap.expand .btn-wrap-dx .btn{background:url('/pconts/images/dx/com/arrowup_small.svg') no-repeat calc(100% - 12px) center !important;}

/* 명세서수령방법 변경 내 더보기 버튼 */
.radio-toggle-wrap #statement1.myacc_recv li:nth-child(1),
.radio-toggle-wrap #statement1.myacc_recv li:nth-child(2) {display:list-item;}
.radio-toggle-wrap #statement2.myacc_recv li:nth-child(1),
.radio-toggle-wrap #statement2.myacc_recv li:nth-child(2) {display:list-item;}
.radio-toggle-wrap #statement3.myacc_recv li:nth-child(1),
.radio-toggle-wrap #statement3.myacc_recv li:nth-child(2) {display:list-item;}


/* 퀵 오더 발급 */
.quickOrder_conts{max-width:800px;margin:0 auto;padding:30px 0;}
.quickOrder_select{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:end; -webkit-box-align:center; -ms-flex-align:center; align-items:center;margin-bottom:15px;}
.quickOrder_select label{padding:0 18px 0 0; font-weight:700; font-size:16px; color:#111;}
.quickOrder_select .select_wrap {flex:0 0 auto; width:200px; height:44px;}
.quickOrder_select .select_wrap + .btn_wrap{margin-left:8px;}
.quickOrder_select + .text_tip span{font-weight:bold;text-decoration:underline;}
.quickOrder_select .btn.rectangle {min-width:114px; height:44px; margin-left:8px; line-height:42px;}
.quickOrder_conts .card-stit{padding-bottom:10px;font-size:24px;font-weight:bold;color:#111;border-bottom:2px solid #000;}
.quickOrder_conts .card-list{display:flex;flex-wrap:wrap;padding:0;}                        
.quickOrder_conts .card-list .card-item{display:flex;flex-direction:column;flex:0 0 50%;margin:10px;max-width:380px;background:#fff;border-radius:8px;padding:60px 35px 100px;position:relative;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);text-align:center;color:#111;}
.quickOrder_conts .card-item .item-card{text-align:center;position:relative;max-width:310px;margin:15px auto 0 auto;}
.quickOrder_conts .card-item .item-card img{position:relative;width:73%;box-shadow: 5px 5px 15px rgba(0,0,0,0.10);border-radius:8px;z-index:0;}
.quickOrder_conts .card-item.vertical .item-card{margin-top:55px;}
.quickOrder_conts .card-item.vertical.type1 .item-card{margin-top:97px;}
.quickOrder_conts .card-item.vertical .item-card img{transform:rotate(90deg)}
.quickOrder_conts .card-item .c-tit2{color:#111;}
.quickOrder_conts .card-item .item-title{position:absolute;left:0;top:21px;width:100%;font-size:24px;font-weight:bold;color:#111;}
.quickOrder_conts .card-item .item-info1{max-width:360px;margin:12px auto 0;border-top:1px solid #f1f1f1;padding-top:12px;text-align:left;position:relative;}
.quickOrder_conts .card-item .minH-auto{min-height:auto !important;}
.quickOrder_conts .card-item .item-info1 .spc{margin-left:14px;}
.quickOrder_conts .card-item .item-info2{margin-top:15px;}
.quickOrder_conts .card-item.vertical .item-info2{margin-top:55px;}
.quickOrder_conts .card-list .ld-btn1{position:absolute;right:0;top:12px;}
.quickOrder_conts .c-btn-cover1{position:absolute;bottom:30px;left:50%;margin-left:-90px;}
@media only screen and (max-width: 1100px) {
.quickOrder_select{flex-wrap:wrap;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;}
.quickOrder_conts .card-stit{font-size:20px;}
.quickOrder_conts .c-article{padding:0px 10px;}
.quickOrder_conts .card-list{display:block;padding:0;}
.quickOrder_conts .card-list .card-item{margin:0 auto;padding-bottom:30px;}
.quickOrder_conts .c-btn-cover1{position:inherit;bottom:auto;left:auto;margin-left:0;}
.quickOrder_conts .card-item .item-info1,
.quickOrder_conts .card-item .item-info2,
.quickOrder_conts .card-item .item-info1 .c-tit2,
.quickOrder_conts .card-item .item-info1 .c-txt1{font-size:16px;}
.quickOrder_conts .card-item .item-title{font-size:18px;}
.quickOrder_conts .card-item .item-card{margin-top:0;}
.quickOrder_conts .card-list .card-item.vertical .item-card{margin-top:35px;}
.quickOrder_conts .card-item.vertical.type1 .item-card{margin-top:62px;}
}


/*20230907462179_나만의 금융혜택 화면 내 장기카드대출&일부결제금액이월약정 선택형 오퍼 추가*/
.c-togglebox1 .item2 div.tit1 {font-size: 18px; margin-bottom:20px}
.c-togglebox1 .item2_line {border: 1px solid #7894ff;}

/* 캐릭터 카드 메인 리뉴얼 s*/ 
.dx-chcard.contents {padding-bottom:0}
.dx-chcard .bg-color {background:#1b1f42}
.dx-chcard .bg-color.bg-gap01 {padding:0px 0 40px !important; position: relative;}
.dx-chcard .tit {position: absolute; width:980px; top: 72px; left:50%; transform:translateX(-50%); z-index: 2;}
.dx-chcard .tit strong {color:#fff;font-size:28px; line-height: 1.5em; font-weight: 700;}
.dx-chcard .bn-evt {z-index: 1;}
.dx-chcard .bn-evt a {display:block; height: 74px; background:#2A3067; text-align: center;  border-radius: 74px; /* margin-top:25px */}
.dx-chcard .bn-evt p {font-size:20px; color:#fff; line-height:74px}
.dx-chcard .bn-evt .badge {color:#fff; position: absolute; font-size:14px; background:#476eff; left:20px; top:-10px; font-weight: 700; height:29px; line-height: 29px; border-radius: 29px; padding:0 12px}             
.dx-chcard .mainSwiper {width:980px; height:760px; padding-top:188px; margin:0 auto; overflow: hidden; position: relative;}
.dx-chcard .mainSwiper::before {content: ''; display: block; position: absolute; left: calc(-50vw + 50%); top:0; width:900vw; height:100%; background:#1b1f42}
.dx-chcard .mainSwiper .swiper-slide {width: 1px;}    
.dx-chcard .mainSwiper .swiper-slide:nth-child(2n) {/*width: 2799px;*/ width: 1085px; background: url('/pconts/images/dx/contents/ch-PC_star.png') no-repeat 0 0/2799px auto; position: relative;}
.dx-chcard .mainSwiper .swiper-slide:nth-child(3n) {width: 1px;}
.dx-chcard .mainSwiper .item {display: block; position: absolute; width: 140px; height:140px; background:none; border-radius: 100%; animation: float 2.5s ease infinite;}
.dx-chcard .mainSwiper .item button {position:relative; font-size:10px; color:#fff; width:100%; height:100%; border-radius: 100%; box-shadow: 13px 13px 27px rgba(0,0,0,0.6); }
.dx-chcard .mainSwiper .item button i {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:100%; background:rgba(255,255,255,0.3) no-repeat 0 0/cover;}
.dx-chcard .mainSwiper .item.has-evt button {overflow:visible}
.dx-chcard .mainSwiper .item.has-evt button::after {content: 'EVENT';text-indent:-9999px;/*웹접근성 2025 수정*/ display: block; width:70px; height:47px; position: absolute; left:50%; top:-28px; transform:translateX(-50%); background:url('/pconts/images/dx/contents/ch-event.png') no-repeat 0 0/cover; /*box-shadow: 0 2px 6px rgba(0,0,0,0.25);*/}
.dx-chcard .shadow i {position: absolute; top:0; height:100%; width:120px;  z-index: 1; transition:all 0.5s}
.dx-chcard .shadow .left {left:-120px; opacity: 0; transition:all; display:block; background:linear-gradient(90deg, rgba(27, 31, 66, 1) 5%, rgba(27, 31, 66, 0.52) 56.67%, rgba(27, 31, 66, 0.00) 100%)}
.dx-chcard .shadow .right {right:-120px; opacity: 0; transition:all; background:linear-gradient(-90deg, rgba(27, 31, 66, 1) 5%, rgba(27, 31, 66, 0.52) 56.67%, rgba(27, 31, 66, 0.00) 100%)}   
.dx-chcard .shadow .left.motion {left:-2px;opacity: 1;}         
.dx-chcard .shadow .right.motion {right:-2px;opacity: 1;}         
.dx-chcard .mainSwiper .item.item1 {left:33px; top:67px}
.dx-chcard .mainSwiper .item.item1 button.animate__bounceIn {animation-delay: 0.3s;}
.dx-chcard .mainSwiper .item.item2 {left:52px; top:244px}
.dx-chcard .mainSwiper .item.item2 button.animate__bounceIn {animation-delay:0.1s}
.dx-chcard .mainSwiper .item.item3 {left:165px; top:386px}
.dx-chcard .mainSwiper .item.item3 button.animate__bounceIn {animation-delay:0.2s}
.dx-chcard .mainSwiper .item.item4 {left:216px; top:179px}
.dx-chcard .mainSwiper .item.item4 button.animate__bounceIn {animation-delay:0.4s}
.dx-chcard .mainSwiper .item.item5 {left:255px; top:0px}
.dx-chcard .mainSwiper .item.item5 button.animate__bounceIn {animation-delay:0.3s}
.dx-chcard .mainSwiper .item.item6 {left:363px; top:255px}
.dx-chcard .mainSwiper .item.item6 button.animate__bounceIn {animation-delay:0.3s}
.dx-chcard .mainSwiper .item.item7 {left:432px; top:71px}
.dx-chcard .mainSwiper .item.item7 button.animate__bounceIn {animation-delay:0.4s}
.dx-chcard .mainSwiper .item.item8 {left:494px; top:401px}
.dx-chcard .mainSwiper .item.item8 button.animate__bounceIn {animation-delay:0.3s}
.dx-chcard .mainSwiper .item.item9 {left:584px; top:245px}
.dx-chcard .mainSwiper .item.item9 button.animate__bounceIn {animation-delay:0.2s}
.dx-chcard .mainSwiper .item.item10 {left:598px; top:10px}
.dx-chcard .mainSwiper .item.item10 button.animate__bounceIn {animation-delay:0.3s}
.dx-chcard .mainSwiper .item.item11 {left:705px; top:385px}
.dx-chcard .mainSwiper .item.item11 button.animate__bounceIn {animation-delay:0.1s}
.dx-chcard .mainSwiper .item.item12 {left:737px; top:96px}
.dx-chcard .mainSwiper .item.item12 button.animate__bounceIn {animation-delay:0.4s}        
.dx-chcard .mainSwiper .item.item13 {left:811px; top:257px}
.dx-chcard .mainSwiper .item.item13 button.animate__bounceIn {animation-delay:0.2s}
.dx-chcard .mainSwiper .item.item14 {left:919px; top:77px}
.dx-chcard .mainSwiper .item.item14 button.animate__bounceIn {animation-delay:0.2s}
.dx-chcard .mainSwiper .item.item15 {left:944px; top:402px}
.dx-chcard .mainSwiper .item.item15 button.animate__bounceIn {animation-delay:0.3s}        
.dx-chcard .mainSwiper .item.item16 {left:1053px; top:252px}
.dx-chcard .mainSwiper .item.item16 button.animate__bounceIn {animation-delay:0.4s}
.dx-chcard .mainSwiper .item.item17 {left:1164px; top:0px}
.dx-chcard .mainSwiper .item.item17 button.animate__bounceIn {animation-delay:0.3s}
.dx-chcard .mainSwiper .item.item18 {left:1208px; top:177px}
.dx-chcard .mainSwiper .item.item18 button.animate__bounceIn {animation-delay:0.1s}        
.dx-chcard .mainSwiper .item.item19 {left:1254px; top:408px}
.dx-chcard .mainSwiper .item.item20 {left:1329px; top:54px}
.dx-chcard .mainSwiper .item.item21 {left:1386px; top:280px}
.dx-chcard .mainSwiper .item.item22 {left:1522px; top:48px}
.dx-chcard .mainSwiper .item.item23 {left:1557px; top:349px}
.dx-chcard .mainSwiper .item.item24 {left:1649px; top:145px}
.dx-chcard .mainSwiper .item.item25 {left:1767px; top:11px}
.dx-chcard .mainSwiper .item.item26 {left:1767px; top:314px}
.dx-chcard .mainSwiper .item.item27 {left:1965px; top:218px}
.dx-chcard .mainSwiper .item.item28 {left:1999px; top:12px}
.dx-chcard .mainSwiper .item.item29 {left:2092px; top:344px}
.dx-chcard .mainSwiper .item.item30 {left:2185px; top:149px}  
.dx-chcard .mainSwiper .item.item31 {left:2230px; top:-12px}
.dx-chcard .mainSwiper .item.item32 {left:2339px; top:300px}
.dx-chcard .mainSwiper .item.item33 {left:2403px; top:76px}
.dx-chcard .mainSwiper .item.item34 {left:2580px; top:5px}
.dx-chcard .mainSwiper .item.item35 {left:2580px; top:301px}
.dxPopChCard .banner.empty {margin-top:0; margin-bottom: 30px;}
.dxPopChCard .banner.empty a {padding:0}
.dxPopChCard .card-back.cardRotate {transform: rotateX(0deg) !important;}
        /* 익스 썸네일 범위밖 노출 현상 대응 s*/
        .msie .dx-chcard .swiper-wrapper {width: 2799px; height:100%; overflow: auto; }
        .msie .dx-chcard .swiper-wrapper {-ms-overflow-style:none; overflow-x:scroll}
        /* 익스 썸네일 범위밖 노출 현상 대응 s*/

@media screen and (max-width:1100px) {
    /* .dx-chcard.contents {display: flex; flex-direction: column;}
    .dx-chcard.contents .h_title {position: absolute;}
    .dx-chcard .bg-color.bg-gap01 {padding:0px !important; flex:1; display: flex; flex-direction: column;}
    .dx-chcard .tit {left:0; top:40px; transform: none; width:100%}
    .dx-chcard .tit strong {font-size:20px; display: block; text-align: center;}
    .dx-chcard .bn-evt {flex:0 0; flex-basis: 95px; position: relative;}
    .dx-chcard .bn-evt a {height:61px; position: relative; margin-top:10px; display: flex; width:100%; align-items: center; justify-content: center;}
    .dx-chcard .bn-evt p {font-size:16px; line-height: 1.3em; padding-top:0px}                 
    .dx-chcard .mainSwiper {padding-top:13.5vh; flex:1;  height:auto; display: flex; flex-direction: column;}
    .dx-chcard .mainSwiper .swiper-wrapper {flex:1; flex-direction: row; }    
    .dx-chcard .mainSwiper .swiper-slide {height: auto;}    
    .dx-chcard .mo-wrapper {display: flex; flex-direction: column; flex:1}         
    .dx-chcard .shadow i {position: fixed; top:56px}      */
}  

@media screen and (max-width:1100px) {
    .dx-chcard.contents {display: flex; flex-direction: column;}
    .dx-chcard.contents .h_title {position: absolute;}
    .dx-chcard .bg-color.bg-gap01 {padding:0px !important; flex:1; display: flex; flex-direction: column;}
    .dx-chcard .tit {left:0; top:40px; transform: none; width:100%}
    .dx-chcard .tit strong {font-size:20px; display: block; text-align: center;}
    .dx-chcard .bn-evt {flex:0 0; flex-basis: 85px; position: relative;}
    .dx-chcard .bn-evt a {height:61px; position: relative; /* margin-top:10px; */ display: flex; width:100%; align-items: center; justify-content: center;}
    .dx-chcard .bn-evt p {font-size:16px; line-height: 1.3em; padding-top:0px}                 
    .dx-chcard .mainSwiper {padding-top:13.5vh; flex:1;  height:auto; display: flex; flex-direction: column;}
    .dx-chcard .mainSwiper .swiper-wrapper {flex:1; flex-direction: row; }    
    .dx-chcard .mainSwiper .swiper-slide {height: auto;}    
    .dx-chcard .mo-wrapper {display: flex; flex-direction: column; flex:1}         
    .dx-chcard .shadow i {position: fixed; top:56px}   

    .dx-chcard .bn-evt .badge {font-size:11px; height:24px; line-height: 24px; border-radius: 24px; top:-9px}
    .dx-chcard .mainSwiper .swiper-slide:nth-child(2n) {/*width: 2799px;*/ width: 945px; background: url('/pconts/images/dx/contents/ch-MO_star.png') repeat-x 0 0/auto 100%; position: relative;}
    .dx-chcard .shadow i {width:43px}                 
    .dx-chcard .mainSwiper .item {width:120px; height:120px}
    .dx-chcard .mainSwiper .item button i {width:120px; height:120px}
    .dx-chcard .mainSwiper .item.has-evt button::after {width:55px; height:37px; top:-21px}
    .dx-chcard .mainSwiper .item.item1 {left:22px; top:21%}
    .dx-chcard .mainSwiper .item.item1 button.animate__bounceIn {animation-delay: 0.3s;}
    .dx-chcard .mainSwiper .item.item2 {left:29px; top:50%; margin-top:35px}
    .dx-chcard .mainSwiper .item.item2 button.animate__bounceIn {animation-delay:0.1s}
    .dx-chcard .mainSwiper .item.item3 {left:158px; top:auto; bottom:5%; z-index:2}
    .dx-chcard .mainSwiper .item.item3 button.animate__bounceIn {animation-delay:0.2s}
    .dx-chcard .mainSwiper .item.item4 {left:146px; top:50%; margin-top:-55px; z-index:1}
    .dx-chcard .mainSwiper .item.item4 button.animate__bounceIn {animation-delay:0.4s}
    .dx-chcard .mainSwiper .item.item5 {left:172px; top:8%}
    .dx-chcard .mainSwiper .item.item5 button.animate__bounceIn {animation-delay:0.3s}
    .dx-chcard .mainSwiper .item.item6 {left:273px; top:auto; bottom:19%}
    .dx-chcard .mainSwiper .item.item6 button.animate__bounceIn {animation-delay:0.3s}
    .dx-chcard .mainSwiper .item.item7 {left:298px; top:23%}
    .dx-chcard .mainSwiper .item.item7 button.animate__bounceIn {animation-delay:0.4s}
    .dx-chcard .mainSwiper .item.item8 {left:397px; top:auto; bottom:4%; z-index:3}
    .dx-chcard .mainSwiper .item.item8 button.animate__bounceIn {animation-delay:0.3s}
    .dx-chcard .mainSwiper .item.item9 {left:406px; top:50%; margin-top:-44px; z-index:2}
    .dx-chcard .mainSwiper .item.item9 button.animate__bounceIn {animation-delay:0.2s}
    .dx-chcard .mainSwiper .item.item10 {left:416px; top:8%; z-index:1}
    .dx-chcard .mainSwiper .item.item10 button.animate__bounceIn {animation-delay:0.3s}
    .dx-chcard .mainSwiper .item.item11 {left:531px; top:28%}
    .dx-chcard .mainSwiper .item.item11 button.animate__bounceIn {animation-delay:0.4s}
    .dx-chcard .mainSwiper .item.item12 {left: 529px; top:auto; bottom:13%;}
    .dx-chcard .mainSwiper .item.item12 button.animate__bounceIn {animation-delay:0.1s}
    .dx-chcard .mainSwiper .item.item13 {left:656px; top:8%}
    .dx-chcard .mainSwiper .item.item13 button.animate__bounceIn {animation-delay:0.2s}
    .dx-chcard .mainSwiper .item.item14 {left:648px; top:50%; margin-top: -38px;}
    .dx-chcard .mainSwiper .item.item14 button.animate__bounceIn {animation-delay:0.2s}
    .dx-chcard .mainSwiper .item.item15 {left:651px; top:auto; bottom:4%}
    .dx-chcard .mainSwiper .item.item15 button.animate__bounceIn {animation-delay:0.3s}
    .dx-chcard .mainSwiper .item.item16 {left:769px; top:auto; bottom:14%; z-index:1}
    .dx-chcard .mainSwiper .item.item16 button.animate__bounceIn {animation-delay:0.4s}
    .dx-chcard .mainSwiper .item.item17 {left:784px; top:28%;}
    .dx-chcard .mainSwiper .item.item17 button.animate__bounceIn {animation-delay:0.1s}
    .dx-chcard .mainSwiper .item.item18 {left:905px; top:10%;}
	.dx-chcard .mainSwiper .item.item19 {left:912px; top:50%; margin-top:-43px}
    .dx-chcard .mainSwiper .item.item21 {left:1030px; top:50%; top:43%;}
    .dx-chcard .mainSwiper .item.item20 {left:905px; top:auto; bottom:4.4%}
    .dx-chcard .mainSwiper .item.item21 {left:1030px; top:22%}
    .dx-chcard .mainSwiper .item.item22 {left:1031px; top:auto; bottom:14%}
    .dx-chcard .mainSwiper .item.item23 {left:1143px; top:7%}
    .dx-chcard .mainSwiper .item.item24 {left:1167px; top:50%; margin-top:-50px}
    .dx-chcard .mainSwiper .item.item25 {left:1157px; top:auto; bottom:4%}
    .dx-chcard .mainSwiper .item.item26 {left:1283px; top:20%}
    .dx-chcard .mainSwiper .item.item27 {left:1289px; top:auto; bottom:16.5%}
    .dx-chcard .mainSwiper .item.item28 {left:1418px; top:5%}
    .dx-chcard .mainSwiper .item.item29 {left:1413px; top:50%; margin-top:-56px}
    .dx-chcard .mainSwiper .item.item30 {left:1423px; top:auto; bottom:5%}  
    .dx-chcard .mainSwiper .item.item31 {left:1544px; top:20%}
    .dx-chcard .mainSwiper .item.item32 {left:1553px; top:auto; bottom:16%}
    .dx-chcard .mainSwiper .item.item33 {left:1683px; top:5%}
    .dx-chcard .mainSwiper .item.item34 {left:1658px; top:50%; margin-top:-50px}              
    .dx-chcard .mainSwiper .item.item35 {left:1697px; top:auto; bottom:6%}              
}
/* 아이패드 가로모드 대응 */
@media screen and (max-width:1100px) and (max-height:768px) { 
	.tablet .dx-chcard .mainSwiper .item {width:100px; height:100px}
	.tablet .dx-chcard .mainSwiper .item button i {width:100px; height:100px} 
	.dx-chcard .mainSwiper .swiper-slide:nth-child(2n) {width: 770px;}
}
/* 아이패드 세로모드 대응 */
@media screen and (max-width:768px) and (max-height:1024px) {
    .dx-chcard .mainSwiper .swiper-slide:nth-child(2n) {width:1010px;}
}
/* 모바일 */
@media screen and (max-width:480px) {
    .dx-chcard .mainSwiper .swiper-slide:nth-child(2n) {width:1370px;}
}
 /* 갤럭시 z플립대응 */
@media (max-width:480px) and (min-height:800px) {
    .dx-chcard .mainSwiper {padding-top:12vh; padding-bottom:6vh}
    /* .dx-chcard .mainSwiper .swiper-slide:nth-child(2n) {height:62vh;} */
    .dx-chcard .mainSwiper .item {width:130px; height:130px}
    .dx-chcard .mainSwiper .item button i {width:130px; height:130px}  
	.dx-chcard .mainSwiper .item.item1 {margin-top:25px}
	.dx-chcard .mainSwiper .item.item5 {left:155px; top:11%}
	.dx-chcard .mainSwiper .item.item13 {top:11%}
	.dx-chcard .mainSwiper .item.item14 {margin-top:-37px}
	.dx-chcard .mainSwiper .item.item15 {bottom:1%}
	.dx-chcard .mainSwiper .item.item16 {bottom:20%}
	.dx-chcard .mainSwiper .item.item22 {bottom:20%}
	.dx-chcard .mainSwiper .item.item21 {margin-top:-91px}	              
}
/* 아이폰 13 대응 */
@media screen and (max-width:390px) {
    .dx-chcard .mainSwiper .item {width:110px; height:110px}
    .dx-chcard .mainSwiper .item button i {width:110px; height:110px}                
}        
 /* 아이폰 미니대응 */
@media screen and (max-width:375px) {
    .dx-chcard .mainSwiper .item {width:100px; height:100px}
    .dx-chcard .mainSwiper .item button i {width:100px; height:100px}  
	.dx-chcard .mainSwiper .item.item1 {top:24%}
	.dx-chcard .mainSwiper .item.item2 {margin-top:40px}	
    .dx-chcard .mainSwiper .item.item3 {bottom:5%}  
    .dx-chcard .mainSwiper .item.item4 {margin-top:-42px} 
    .dx-chcard .mainSwiper .item.item6 {bottom:18%}  
    .dx-chcard .mainSwiper .item.item8 {left:384px; bottom:5%}  
    .dx-chcard .mainSwiper .item.item9 {margin-top:-50px}  
    .dx-chcard .mainSwiper .item.item12 {bottom:13%}
    .dx-chcard .mainSwiper .item.item14 {margin-top:-37px}
    .dx-chcard .mainSwiper .item.item25 {bottom:5%}
}

.animate__bounceIn {animation-name: bounceIn; opacity: 0;  animation-fill-mode: forwards; animation-duration: 1.7s; } 
.animate__float {animation: float 1.5s ease infinite;}

@keyframes bounceIn {
    0% {opacity: 1; transform: scale3d(.3,.3,.3)}                
    20% {transform: scale3d(1.2,1.2,1.2)}
    40% {transform: scale3d(.9,.9,.9)}
    80% {opacity: 1; transform: scale3d(1.03,1.03,1.03),scaleY(5)}                              
    to {opacity: 1; transform: scaleX(1),scaleY(8)}
}  

@keyframes float {
    0%, 100%{transform: translateY(0px);}
    50% {transform: translateY(7px);}         
}                     
/* 캐릭터 카드 메인 리뉴얼 e*/   

/* 캐릭터 카드 배너 */
.character_banner{position:relative;width:100%;border-radius:12px;background:#24275a url(/pconts/images/dx/contents/img_aniBnr_7.png) no-repeat 100% 100%;background-size:500px}
/* .character_banner{position:relative;width:100%;border-radius:12px;background:#1254e8 url(/pconts/images/dx/contents/231218_supersolBnr_pc.png) no-repeat 100% 100%;background-size:500px} */
#shcMain .character_banner{margin:60px 0 0;}
#shcSm4sec2 .character_banner{display:block;margin-bottom:60px;}
#shcSm4sec4 .character_banner{display:none;}
.character_banner a{display:flex;width:100%;height:125px;align-items:center}
/* .character_banner .bimg{position:absolute;top:6px;right:0;width:500px;height:120px;} */
.character_banner .btxt{padding-left:60px;font-size:20px;color:#fff;}
.character_banner .btxt span{font-size:24px;font-weight:700;}
@media only screen and (max-width: 1100px){
    .character_banner{background:#24275a url(/pconts/images/dx/contents/img_aniBnr_8.png) no-repeat 100% 100%;background-size:166px}
    /* .character_banner{background:#1254e8 url(/pconts/images/dx/contents/231218_supersolBnr_m.png) no-repeat 100% 100%;background-size:166px} */
	#shcMain .character_banner{margin:30px 0 0px;}
	#shcSm4sec2 .character_banner{display:none;}
	#shcSm4sec4 .character_banner{display:block;margin:32px 0;}
    .character_banner a{height:94px;}
    /* .character_banner .bimg{top:6px;right:0;width:166px;height:89px;;border-radius:6px;} */
    .character_banner .btxt{padding-left:20px;font-size:13px;}
    .character_banner .btxt span{font-size:13px;}
}

/* 카드서브메인 - 카드명영역수정 */
.m-card-swiper1 .card-info1 .tit-sec{padding-right:55px}
@media only screen and (max-width: 1100px){
  .m-card-swiper1 .card-info1 .tit-sec{padding-right:0}
}
@media screen and (min-width: 1100px){
.m-card-swiper1 .card-info1 .info-sec{margin-top:40px !important;}
}
/* 상품공시실 신용카드회원 분포현황 테이블 수정*/
.table_wrap.pd_small table th, .table_wrap.pd_small table td{padding: 15px 15px;}

/* 브릿지 리스트 */
.brige_list .btn-group1-group{margin:-12px -24px;}    
.brige_list .btn-group1-item{padding:12px 24px;}    
.brige_list .btn-groupt1-link{padding:24px 52px 24px 28px;border-color:#ddd;font-size:20px;}
.brige_list02 .list9-txt-group .default-txt{display:block;margin-top:4px;}
.complete-dx.no-data.bd_none.bridge_nodata{margin:200px 0;}
.androidOnly{display:none;}
.os_android .androidOnly{display:block;}
@media only screen and (max-width: 1100px){
    .brige_list .btn-group1-group{margin:0;}  
    .brige_list .btn-group1-item{padding:0;}
    .brige_list .btn-groupt1-link{padding:18px 24px 18px 0;border-bottom:1px solid #ddd;border-radius:0;font-size:16px;}

	.brige_list02 .list9-item{padding:18px 0;}
    .brige_list02 .list9-txt-group{margin-right:0;}
    .brige_list02 .list9-link{display:block;}
	.brige_list02  button.list9-link{width:100%;text-align:left;}
    .brige_list02 .list9-txt-group .default-txt{display:none;}
}



/*신한카드 모바일 학생증 안내*/
.dx_studentID .box4-dx.bg_gray1 {background-color: #EEE;border:none; padding:14px 16px; line-height:21px; margin:12px 0 20px;font-size:14px}
.dx_studentID .box4-dx .box4-txt2{font-size: 14px;font-weight: 400; text-align: center;color:#888; }
.dx_studentID .studentID_img {margin: 0 auto;width: 236px;height: 458px;display: block;}
.dx_studentID-wrap{display: block;width: 236px;height: 458px;margin: 0 auto;overflow: visible;text-align: center;}
.dx_studentID-wrap .swiper-slide{overflow:hidden;position:relative;}
.dx_studentID-wrap .swiper-btn-next,
.dx_studentID-wrap .swiper-btn-prev{position:absolute;left:-63px;top:50%;width:40px;height:40px;background:#e6e6e6;margin-top:-20px;text-indent:-9999px;overflow:hidden;opacity:1;transition:opacity .8s;}
.dx_studentID-wrap .swiper-btn-prev:hover,
.dx_studentID-wrap .swiper-btn-next:hover{opacity:1;}
.dx_studentID-wrap .swiper-btn-next{position:absolute;left:auto;right:-63px;top:50%;}
.dx_studentID-wrap .ani_view{background: #fff;width: 236px; height: 458px;position: relative;display: inline-block;}
.dx_studentID-wrap .ani_view.idcard {padding-top:50px;}
.dx_studentID-wrap .swiper-btn-next:before{content:'';width:15px;height:2px;background:#000;transform:rotate(-45deg);position:absolute;top:50%;left: 15px;margin-top: 4px;}
.dx_studentID-wrap .swiper-btn-next:after{content:'';width:15px;height:2px;background:#000;transform:rotate(45deg);position:absolute;top:50%;left:15px;margin-top:-6px}
.dx_studentID-wrap .swiper-btn-prev:before{content:'';width:15px;height:2px;background:#000;transform:rotate(45deg);position:absolute;top:50%;right:15px;margin-top:4px}
.dx_studentID-wrap .swiper-btn-prev:after{content:'';width:15px;height:2px;background:#000;transform:rotate(-45deg);position:absolute;top:50%;right:15px;margin-top:-6px}



/* 마이 > 즉시결제신청 > 일시불 > 금액별 결제 */
.lump-sum-payment {display:flex;}
.lump-sum-payment .lump-group01 {flex-shrink:0;width:306px;margin-right:32px;}
.lump-sum-payment .lump-group01 .h-dep4 {margin-bottom:8px;}
.lump-sum-payment .lump-price {font-size:28px;font-weight:700;}
.lump-sum-payment .lump-history {margin-top:8px;font-size:13px;color:#666;}
.lump-sum-payment .lump-history + .lump-history {margin-top:0;}

.lump-sum-payment .lump-group02 {flex-grow:1;}
.lump-sum-payment .lump-group02-item {display:flex;}
.lump-sum-payment .lump-group02 .h-dep4 {flex-shrink:0;width:auto;margin-bottom:0;margin-right:12px;padding-top:9px;}
.lump-sum-payment .lump-group02 .form-dx {display:flex;flex-grow:1;}
.lump-sum-payment .lump-group02 .form-dx .form_ele {flex-grow:1;}
.lump-sum-payment .lump-group02 .btn.btn_total {order:1;min-width:92px;height:48px;margin-left:12px;padding:0 14px;line-height:46px;font-size:16px;color:#333;font-weight:400;}
.lump-sum-payment .lump-txt {margin-top:12px;font-size:13px;color:#888;text-align:right;}

/* 마이 > 즉시결제신청 > 결제방식 선택 > 가상계좌 */
.btn-account-registration {overflow:hidden;position:relative;display:block;width:100%;background-color:#fff;}
.btn-account-registration input {cursor:pointer;}
.btn-account-registration input[readonly],
.btn-account-registration input[readonly]:focus {color:#000;}

/* 마이 > 즉시결제 > 완료 */
.pay-reservation {width:480px;margin:40px auto;padding:20px 24px;border-radius:12px;background-color:#f6f6f6;}
.pay-reservation .item {display:flex;text-align:left;}
.pay-reservation .item + .item {margin-top:8px;}
.pay-reservation .info {flex-grow:1;}
.pay-reservation .info-item {display:flex;align-items:center;justify-content:space-between;}
.pay-reservation .info-item +.info-item {margin-top:4px;}
.pay-reservation .tit {margin-right:16px;padding-top:2px;}
.pay-reservation .txt {font-size:18px;font-weight:700;}

.pay-amount {width:480px;margin:40px auto;padding:20px 24px;border-radius:12px;background-color:#f6f6f6;}
.pay-amount .item {display:flex;text-align:left;}
.pay-amount .item + .item {margin-top:20px;}
.pay-amount .tit {margin-right:12px;}
.pay-amount .info {flex-grow:1;display:flex;justify-content:space-between;}
.pay-amount .info-item-txt {font-size:13px;}
.pay-amount .info-item-tit + .info-item-txt {margin-top:4px;}
.pay-amount .info-item-txt2 {font-weight:700;}
@media only screen and (max-width: 1100px) {
	/* 마이 > 즉시결제신청 > 일시불 > 금액별 결제 */
	.lump-sum-payment {display:block;}
	.lump-sum-payment .lump-group01 {width:100%;margin:0;}
	.lump-sum-payment .lump-price {font-size:24px;}
	.lump-sum-payment .lump-group02 {margin-top:32px;}
	.lump-sum-payment .lump-group02-item {flex-wrap:wrap;}
	.lump-sum-payment .lump-group02 .h-dep4 {flex-basis:100%;margin-right:0;padding-top:0}
	.lump-sum-payment .lump-group02 .btn.btn_total {min-width:72px;height:45px;margin-left:16px;padding:0 12px;line-height:43px;font-size:14px;}
	.lump-sum-payment .lump-txt {margin-top:8px;text-align:left;}

	/* 마이 > 즉시결제신청 */
	.immediate_fixed_bottom {padding-bottom:240px !important}
	.immediate_fixed_bottom02 {padding-bottom:200px !important}
	.immediate_fixed_bottom ~ .quick_fixed {bottom:186px;} /* 가상계좌초과금 있는 경우 */
	.immediate_fixed_bottom02 ~ .quick_fixed {bottom:146px;} /* 가상계좌초과금 없는 경우 */

	/* 마이 > 즉시결제 > 완료 */
	.pay-reservation {width:100%;}
	.pay-reservation .item {display:block;}
	.pay-reservation .item + .item {margin-top:16px;}
	.pay-reservation .tit {margin-bottom:8px;font-size:14px;}

	.pay-amount {width:100%;margin-bottom:0;}
	.pay-amount .item {display:block;}
	.pay-amount .item + .item {margin-top:24px;}
	.pay-amount .info {margin-top:4px;}
	.pay-amount .info-item-tit + .info-item-txt {margin-top:8px;}
}

/* 내카드관리 상품안내장 버튼 수정 */
@media  only screen and (max-width: 385px) {
   .btn-wrap-dx.dxproducwrap {display: block !important;}
   .btn-wrap-dx .btn + .btn.dxproducbtn1 {width: 139px; margin-left: 0 !important; margin-top: 4px;}    
}

/* 20230906652744 / 20230901340832 애플 iPhone for Life약정 개발 화면 개발 css 추가 */
.iphonelife #container{padding-top:0;}
/* 약관동의 */        
.iphonelife .agreement-dx .agreement_inner .btn-open-pop{font-size:16px}
.iphonelife .agreement-dx .agreement_inner .agree_depth01{border-top:0; border-bottom:1px solid #eee}
.iphonelife .agreement-dx .agreement_inner .agree_depth01 + .h_wrap{margin-top:32px; margin-bottom:24px;}
.iphonelife .agreement-dx .agreement_inner .btn-open-pop{height:100%;}
.iphonelife .agreement-dx .agreement_inner > :last-child{border-top:none !important}
.iphonelife .agreement-dx .agreement_inner .agreeDepth01_01{border-top:0; border-bottom:1px solid #eee;}
.iphonelife .agreement-dx .agreement_inner .agree_depth02{margin-top:0;}
.iphonelife .agreement-dx .agreement_inner .agree_depth02 .agree_depth03{margin-top:0; margin-bottom:16px;}
.iphonelife .agreement-dx .agreement_inner > .accordion_wrap.accordion_check{border-bottom:1px solid #eee;}
        
@media only screen and (max-width: 1100px) {
    .mobile .iphonelife #container {padding-top: 56px;}
    .iphonelife .agreement-dx .agreement_inner .agree_depth01 + .h_wrap{margin-bottom:12px;}
    .iphonelife .agreement-dx .agreement_inner .agree_depth03 .check-dx .check_default input[type="checkbox"] + span:before{top:0}
    .iphonelife .agreement-dx .agreement_inner .btn-open-pop{font-size:14px;}
}

/* 20231220394697 / 20240111340311	MacBook for Life 프로그램 가입 화면, 프로그램 시뮬레이션 화면 개발 요청 */
.iphonelife * + .accordion-dx{margin-top:48px;}
.iphonelife .simu-times{padding-bottom:32px; border-bottom:1px solid #ddd}
.iphonelife .simu-times:first-child .font_lg{margin-top:0;}
.iphonelife .simu-times .flex_row{margin:-8px -30px}
.iphonelife .simu-times .flex_row .col{padding:8px 30px;}
.iphonelife .simu-times .font_lg{margin-top:28px; margin-bottom:15px;}

@media only screen and (max-width: 1100px){
    .iphonelife * + .accordion-dx{margin-top:32px;}
    .iphonelife .simu-times{padding-bottom:0px; border-bottom:0}
    .iphonelife .simu-times .font_lg{margin-top:24px; margin-bottom:4.5px;}
    .iphonelife .simu-times .flex_row{margin:-1.5px 0px}
    .iphonelife .simu-times .flex_row .col{padding:1.5px 0px;}
}
/* 20230906652637 / 20240115643405 iPhone/MacBook for Life 랜딩 수정요청 */
.shapp_plus #container{padding-top:0;}
.shapp_plus .visual_wrap{margin:60px 0;}
.shapp_plus .visual_wrap .apple_card_visual{margin:0 auto; width:475px; height:475px; border-radius:50%; background:url(/pconts/images/dx/landing/apple_card_img.png) no-repeat center / cover}
@media only screen and (max-width: 1100px){
    .shapp_plus .contents_heading {padding-top: 24px;}
    .shapp_plus .h_wrap .h_title38 {display: block; font-size: 2.4rem;}
    .shapp_plus .visual_wrap{margin:30px 0;}
    .shapp_plus .visual_wrap .apple_card_visual{width:260px; height: 260px;}
    .shapp_plus .list9-link{text-align:left;}
}

/* 정기결제(구.마이정기결제) 페이지 리뉴얼(카드홈 서비스메인+이용중인 정기결제) */
.check_wrap.chk-ico.new-ico .ico.ico1{background-image:url('/pconts/images/shcard/icon/icon-150-type1-7.png')}
.check_wrap.chk-ico.new-ico .ico.ico2{background-image:url('/pconts/images/shcard/icon/icon-150-type1-3.png')}
.check_wrap.chk-ico.new-ico .ico.ico3{background-image:url('/pconts/images/shcard/icon/icon-150-type1-4.png')}
.check_wrap.chk-ico.new-ico .ico.ico4{background-image:url('/pconts/images/shcard/icon/icon-150-type1-5.png')}
.check_wrap.chk-ico.new-ico .ico.ico5{background-image:url('/pconts/images/shcard/icon/icon-150-type1-2.png')}
.check_wrap.chk-ico.new-ico .ico.ico6{background-image:url('/pconts/images/shcard/icon/icon-150-type1-17.png')}
.pay_wrap .text_nowrap{white-space: nowrap !important;}
.pay_wrap .pay_date{flex-basis: 220px; margin-bottom: 12px;}
.pay_wrap > li{margin-top: 28px;}
.pay_wrap > li:first-child{margin-top: 0;}
.pay_wrap ul{flex-grow: 1;}
.pay_box_wrap{overflow: hidden;}
.pay_box_wrap li{margin-top: 12px;}
.pay_box_wrap li:first-child{margin-top: 0;}
@media only screen and (max-width: 1100px){
	.pay_box_wrap{width: 100%;}
	.pay_box_wrap .box4-dx .between-list-tit span {display:block;}
   .pay_box_wrap .box4-dx .between-list-tit .in_block{width:60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.pay_box_wrap .company{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
	.pay_box_wrap .pay_result{position: absolute; right: 24px;}
}


/*할부철회 · 항변 신청*/
.dx_ideation .hidden{display:none;}
.dx_ideation .btn_clear2 {margin-top: -9px;}
.dx_ideation .ideation01 .text_wrap textarea {margin-top:12px; color: #000;height: 218px; padding:14px 8px 8px 14px; }
.dx_ideation .ideation01 .text_wrap .byte_info {color: #000;}
.dx_ideation .ideation01 .text_wrap .input_file_wrap{margin-top:12px}
.dx_ideation .ideation01 .text_tip1.error {margin-top: 2px !important;}
.dx_ideation .ideation01 .input_file_wrap .file_wrap input[type='file']{height:48px;padding:10px 14px;}
.dx_ideation .ideation01 .input_wrap + .input_wrap {margin-top:16px;}
.dx_ideation .ideation01 .input_file_wrap .file_wrap .input_file {width: calc(100% - 100px);}
.dx_ideation .ideation01 .input_file_wrap .file_wrap .input_file.disabled {background-color:#f6f6f6; color:#949494; position: relative;}
.dx_ideation .ideation01 .input_file_wrap .file_wrap .btn_file {border: 1px solid #ddd; height: 48px; margin-left: 11px;}
.dx_ideation .ideation01 .input_file_wrap .file_wrap input {height: 48px; padding: 0 16px;}
.dx_ideation .ideation01 input[type='text']:focus{border: 1px solid #ddd;}
.dx_ideation .ideation01 .btn_clear3 {position: absolute; top:50%; right: 114px !important; margin-top: -10px !important; width: 20px; height: 20px; background: url(/pconts/images/dx/contents/btn-reset.png) no-repeat center / 20px;}
.dx_ideation .form-dx .btn_clear2 {position: absolute; top:50%; right: 115px !important; margin-top: -10px !important; width: 20px; height: 20px; background: url(/pconts/images/dx/contents/btn-reset.png) no-repeat center / 20px; z-index: 5;}
.dx_ideation .ideation01 .text_tip {font-size:16px;}

/* 23.11.07 버튼 추가 */
.dx_ideation .input_file_wrap {display: flex}
.dx_ideation .input_file_wrap .btn_file_del{margin-left:8px; border: 1px solid #ddd;height: 48px;font-weight: 700;
color: #4e5b68;border-radius: 3px; line-height: 42px; display: inline-block; font-size: 16px; padding: 0 15px;}
.dx_ideation .file_wrap {flex:1;}

@media only screen and (max-width: 1100px){
    .dx_ideation .ideation01 .text_tip {font-size:12px;}
}



/* 20230829519181 / 20230823552127 그린인덱스 서비스 업그레이드_23년하반기 (수정 요청)s */
.green-index .box-badge + .btn-wrap-dx{margin-top:32px;}
.green-index .cont-box{display:flex; justify-content:space-between; align-items: center;}
.green-index .cont-box .btn-wrap-dx.btn-third{margin-top:0;}
.green-index .sub-topInfo.t1 .box-info .txt-big + p b {display: inline-block; margin-left: 3px;}
.green-index .report.type1{padding-top:3px;}
.green-index .graph.type1{height:242px;}
.green-index .txt-mid{margin-bottom:10px; font-size:28px;}
.green-index .accordion-dx{margin:5px 0 30px; border-top:1px solid #eee;}
.green-index .accordion-dx .accordion_header{position:relative; padding:24px 20px;}
.green-index .accordion-dx .accordion_header .acc_btn{padding:0 58px 0 23px; line-height:1.5;}
.green-index .accordion-dx .accordion_header[class*=cate]::before{content:''; position:absolute; top:33px; width:8px; height:8px;}
.green-index .accordion-dx .accordion_header.cate0::before{background:#ffce00;}
.green-index .accordion-dx .accordion_header.cate1::before{background:#5a4ed9;}
.green-index .accordion-dx .accordion_header.cate2::before{background:#51c7fc;}
.green-index .accordion-dx .accordion_header.cate3::before{background:#02d7b8;}
.green-index .accordion-dx .accordion_header.cate4::before{background:#0074ff;}
.green-index .accordion-dx .accordion_header.cate5::before{background:#ff9600;}
.green-index .accordion-dx .accordion_header.cate6::before{background:#ffbcd3;}
.green-index .accordion-dx .accordion_header.cate7::before{background:#cbcbcb;}
.green-index .accordion-dx .accordion_header[class*=cate] .use-info{font-size:18px; font-weight:600;}
.green-index .accordion-dx .accordion_header[class*=cate] .info-per{font-size: 14px; color: #666;}
.green-index .accordion-dx .accordion_header[class*=cate] .info-won{font-size:18px; font-weight:700;}
.green-index .accordion-dx .accordion_header[class*=cate] .info-kg{font-size:14px; color:#666;}
.green-index .green-box{padding:60px 24px}
.green-index .green-box .inner{max-width:720px; margin:0 auto;}
.green-index .box8-dx{display:flex; padding:24px 40px; margin-bottom:12px; border-radius:7px; background:#fff;}
.green-index .box8-dx.flex-row .box-cont{flex:1; max-width:50%; text-align:center;}
.green-index .box8-dx.flex-row .box-cont .tit{font-size:16px; color:#000;}
.green-index .box8-dx.flex-row .box-cont .txt{margin-top:8px; font-size:25px;}
.green-index .box8-dx.flex-row .box-cont .data{font-size:28px;}
.green-index .box8-dx.flex-row .box-cont .data.na{font-weight:700;}
.green-index .greenuse_list{margin-top:40px;}
.green-index .greenuse_list .between-list-group.empty{padding:80px 0; text-align:center;}
.green-index .greenuse_list .between-list-group{padding:8px 15px; margin-top: 14px; background:#fff; border-top:none !important;}
.green-index .greenuse_list .between-list-item{padding:8px 0}
.green-index .greenuse_list .between-list-item .num{margin:0 30px 0 10px;}
.green-index .greenuse_list .dat{font-size:14px; color:#666;}
.green-index .greenuse_list .store{font-size:16px; color:#111; font-weight:600;}
.green-index .greenuse_list .wegt{font-size:16px; font-weight:600; color:#111;}
.green-index .greenuse_list .price{font-size:14px; color:#666;}
/* animate */
.green-index .animated .graph .item:nth-child(1) .bar i{animation:stretchVertical_00 1.5s}
.green-index .animated .graph .item:nth-child(2) .bar i{animation:stretchVertical_01 1.5s}
.green-index .animated .graph .item:nth-child(3) .bar i{animation:stretchVertical_02 1.5s}
.green-index .animated .graph .item:nth-child(4) .bar i{animation:stretchVertical_03 1.5s}
.green-index .animated .graph .item:nth-child(5) .bar i{animation:stretchVertical_04 1.5s}
.green-index .animated .graph .item:nth-child(6) .bar i{animation:stretchVertical_05 1.5s}
        
.green-index .animated .horizontal-graph{margin-left:0; animation:stretchHorizontal 1.5s;}
.green-index .horizontal-graph{overflow:hidden; display:flex; /*height:50px;*/height:24px; /*padding-bottom:16px;*/ margin-bottom:16px; margin-left:100%; border-radius:4px;}

/* 240705 margin-left 제거 */
.green-index .horizontal-graph [class*="cate"]{flex:1; height:100%; font-size:0;}
/* .green-index .horizontal-graph [class*="cate"]{flex:1; height:100%; font-size:0; margin-left:2px;}
.green-index .horizontal-graph [class*="cate"]:first-child{margin-left:0;} */

/* cate 총합 width의 값은 100% */
.green-index .horizontal-graph .cate0{max-width:47%; background:#ffce00;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate1{max-width:21.8%; background:#5a4ed9;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate2{max-width:9.9%; background:#51c7fc;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate3{max-width:6.7%; background:#02d7b8;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate4{max-width:5.4%; background:#0074ff;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate5{max-width:3.9%; background:#ff9600;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate6{max-width:2.7%; background:#ffbcd3;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
.green-index .horizontal-graph .cate7{max-width:2.9%; background:#cbcbcb;}/* max-width 값이 데이터 값에 맞게 바뀌어야 함 */
/* 231023 그린인덱스 애니메이션 차트 추가*/
@keyframes stretchVertical_00{
    0%{height:0%}
    100%{height:71.41%;}/* 데이터 값에 맞는 수치로 바뀌어야함 */
}
@keyframes stretchVertical_01{
    0%{height:0%}
    100%{height:35.71%;}/* 데이터 값에 맞는 수치로 바뀌어야함 */
}
@keyframes stretchVertical_02{
    0%{height:0%}
    100%{height:50%;}/* 데이터 값에 맞는 수치로 바뀌어야함 */
}
@keyframes stretchVertical_03{
    0%{height:0%}
    100%{height:64.28%;}/* 데이터 값에 맞는 수치로 바뀌어야함 */
}
@keyframes stretchVertical_04{
    0%{height:0%}
    100%{height:28.57%;}/* 데이터 값에 맞는 수치로 바뀌어야함 */
}
@keyframes stretchVertical_05{
    0%{height:0%}
    100%{height:57.14%;}/* 데이터 값에 맞는 수치로 바뀌어야함 */
}
@keyframes stretchHorizontal{
    0%{margin-right:100%;}
    100%{margin-right:0%;}
}
.green-index .level-box{max-width:520px; padding:40px 60px; margin:40px auto; border-radius:20px; background:#fff;}
.green-index .level-dec{font-size:20px;}
.green-index .g-badge_wrap{display:flex; justify-content:center; align-items:center; flex-wrap: wrap; height:30px; margin:21px -6px 60px;}
.green-index .g-badge_wrap .g-badge{display:flex; align-items:center; height:100%; padding:0 12px; margin:3px; border-radius:15px; background:#fff; font-size:14px; color:#666}
/* 그린인덱스 아코디언 버튼타입 수정*/
.green-index .accordion-dx .accordion_header.on .acc_btn::before{border-right: 2px solid #333; border-bottom: 2px solid #333; background:none; transform: translateY(50%) rotate(225deg);-o-transform: translateY(50%) rotate(225deg); -ms-transform: translateY(50%) rotate(225deg); -webkit-transform: translateY(50%) rotate(225deg);}
/* 240705 버튼 사이즈 수정 */
.green-index .accordion-dx .accordion_header .acc_btn::before{content: ''; position: absolute; left: auto; top: 50%; width: 9px; height: 9px; margin-top: -12px; border-top: none; border-left: none; border-right: 1px solid #666; border-bottom: 1px solid #666; background:none; transform: translateY(50%) rotate(45deg); -o-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); -webkit-transform: translateY(50%) rotate(45deg); transform-origin: center;}
/* .green-index .accordion-dx .accordion_header .acc_btn::before{content: ''; position: absolute; left: auto; top: 50%; width: 16px; height: 16px; margin-top: -20px; border-top: none; border-left: none; border-right: 1px solid #666; border-bottom: 1px solid #666; background:none; transform: translateY(50%) rotate(45deg); -o-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); -webkit-transform: translateY(50%) rotate(45deg); transform-origin: center;} */

@media only screen and (max-width: 1100px){
    .green-index .sub-topInfo.t1 {padding: 50px 0 40px;}
    .green-index .sub-topInfo.t1 .box-info{margin-top:0;}
    .green-index .sub-topInfo.t1 .box-badge{padding:20px; margin-top:20px;}
    .green-index .sub-topInfo.t1 .box-badge .badge-icon + p{margin:10px 0;}
    .green-index .sub-topInfo.t1 .box-badge .badge-icon + p > span:first-child{font-size:14px;}
    .green-index .sub-topInfo.t1 .box-badge + .btn-wrap-dx{margin-top:16px;}
    .green-index .cont-box{display:block;}
    .green-index .cont-box .btn-wrap-dx.btn-third{margin-top:10px;}
    .green-index .cont-box .btn-wrap-dx.btn-third .btn.line_gray{padding:0 14px;}
    .green-index .cont-box .txt-sub .default-txt{margin-top:0;}
    .green-index .h_wrap + .box-cont.report.type1{margin-top:27px;}
    .green-index .graph.type1{height:172px;}
    .green-index .txt-mid{font-size:24px;}
    .green-index .horizontal-graph {/*padding-bottom:6px;*/ margin-bottom:8px;}
    .green-index .accordion-dx{margin-top:10px;} 
    .green-index .accordion-dx .accordion_header{padding:20px 0 20px 12px;}
    .green-index .accordion-dx .accordion_header[class*=cate]::before{top:28px;}
    .green-index .accordion-dx .accordion_header[class*=cate] .use-info,
    .green-index .accordion-dx .accordion_header[class*=cate] .info-won{font-size:16px;}
    .green-index .box8-dx{padding:16px 24px;}
    .green-index .box8-dx.flex-row .box-cont .tit{font-size:14px;}
    .green-index .box8-dx.flex-row .box-cont .txt{margin-top:0; font-size:18px;}
    .green-index .box8-dx.flex-row .box-cont .data{font-size:20px;}
    .green-index .greenuse_list{margin-top:24px;}
    .green-index .level-box{padding:24px 20px; margin:24px auto;}
    .green-index .level-dec{font-size:16px;}
}
/* 20230829519181 / 20230823552127 그린인덱스 서비스 업그레이드_23년하반기 (수정 요청)e */

/* 20231023609283 그린인덱스 서비스 업그레이드_23년하반기 수정 */
.greenuse_list_cont1 {flex-wrap: nowrap;}
.greenuse_list_cont2 {margin-right: 10px; width: 60px;}
										
@media only screen and (max-width: 1100px) {
	.green-index .greenuse_list .between-list-group {padding: 8px 5px;}
}


/*가맹점찾기*/
.parthnership23 .select_wrap {width:140px !important;}
.parthnership23 .form-dx .tel_wrap > .select_wrap + div, .form-dx .tel_wrap.type01_pc > .select_wrap + div {padding-left: 150px;}
.parthnership23 .list6-group {margin: -32px -30px 0px;}
.parthnership23 .list6-txt {font-size:16px; margin: 6px 0 32px;}
.parthnership23 .franchise_point_info {text-align: left; margin:12px 0 0px;padding-bottom:0px;}
.parthnership23 .franchise_point_info .point {color:#666;font-size:14px;}
.parthnership23 .form_ele {width:45%;}
.parthnership23 .form_ele_two {margin:0px 0 0 20px;}
.parthnership23 .list6-item .between-list-item + .between-list-item {margin-top:8px;}
.parthnership23_selt {padding: 20px 50px 48px !important;}
.parthnership23 .between-list-txt .spoint {height: 26px;font-size: 14px;font-weight: 700;padding: 0 10px;line-height: 22px;border-radius: 6px;display: inline-block; margin-left: 2px;}
.parthnership23 .between-list-txt .spoint.point_p {color:#da1d1d; border:1px #e97777 solid;}
.parthnership23 .between-list-txt .spoint.point_m {color:#476eff; border:1px #91a8ff solid;}


@media only screen and (max-width: 1100px){
    .parthnership23 .form_ele {width:100%;}
    .parthnership23 .list6-group {margin: -24px -24px 0;}
    .parthnership23 .list6-txt {font-size:14px; margin: 6px 0 20px;}
    .parthnership23 .between-list-group {margin-top: 0;}
    .parthnership23 .between-list-item {margin-bottom: 6px;}
    .parthnership23 .list6-item .between-list-item + .between-list-item {margin-top:0px;}
    .parthnership23 .franchise_point_info {margin:7px 0 0px; }
    .parthnership23 .franchise_point_info span {display:block;}
    .parthnership23 .franchise_point_info .point.plus {padding-left: 0;}
    .parthnership23 .list6-group .col {padding: 24px 24px 24px;}
    .parthnership23 .form_ele_two {margin:0px 0 0 0;}
    .parthnership23 .h-dep2.dedutit_mo {margin-top: 0;}
    .parthnership23_selt {padding: 0px 0px 56px !important;}
    .parthnership23 .select_wrap .ui_select select{height:42px !important;}
    .parthnership23 .between-list-txt .spoint {margin-left:0px;}
}   

/*가맹점찾기_pop*/
.parthnership23 .add_wrap {position: relative;}
.parthnership23 .add_wrap .add_txt {height:36px; font-weight: 700;}
.parthnership23 .add_wrap .add_cont .add_map {position: relative; font-weight: 700; color:#949494; border:1px solid #ccc; padding:10px 14px 10px 14px;}
.parthnership23 .add_wrap .add_cont .add_map i {background:url('/pconts/images/dx/com/location.svg') no-repeat; width:24px; height:24px; display:inline-block;vertical-align: middle;}
.parthnership23 .add_wrap .add_cont .add_map span {position: relative; padding:0 15px 0 5px !important;}
.parthnership23 .add_wrap .add_cont .add_map span.on {color:#476eff;}
.parthnership23 .add_wrap .add_cont .add_map span.selectd {color:#000;}
.parthnership23 .add_wrap .add_cont .add_map span:before {content: ''; width: 9px; height: 1px;background: #686868; transform: rotate(-45deg); position: absolute; top:50%; right: 0; margin-top: 3px;} 
.parthnership23 .add_wrap .add_cont .add_map span:after {content: ''; width: 9px; height: 1px;background: #686868; transform: rotate(45deg); position: absolute; top: 50%; right: 0; margin-top: -3px;} 
.parthnership23 .add_wrap .add_cont .add_map span:last-child::after {content: none;} 
.parthnership23 .add_wrap .add_cont .add_map span:last-child::before {content: none;} 
.parthnership23 .add_wrap .add_cont ul.map_list {position: relative; display:flex;flex-wrap: wrap;overflow: hidden;border-top:1px solid #ccc; border-left:1px solid #ccc; margin-top:20px;} 
.parthnership23 .add_wrap .add_cont ul.map_list li {flex:0 0 25%; display: flex; padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align: center;}
.parthnership23 .add_wrap .add_cont ul.map_list li button {width:100%;}
.parthnership23 .add_wrap .add_cont ul.map_list li.map_selectd {border:2px solid #4868e1;}
.parthnership23 .add_wrap .add_cont ul.map_list:before,
.parthnership23 .add_wrap .add_cont ul.map_list:after {content:'';display:block;position:absolute; background-color:#ccc;}
.parthnership23 .add_wrap .add_cont ul.map_list:before {right:0;top:0;bottom:0;width:1px;}
.parthnership23 .add_wrap .add_cont ul.map_list:after {bottom:0;left:0;right:0;height:1px;}

@media only screen and (max-width: 1100px){
    .parthnership23 .add_wrap .add_cont ul.map_list li {flex:0 0 33.33%; padding:8px;}
}



/*나의금융상품 화면 요소 추가*/
.bline-label{display:inline-block;min-width:85px;height:28px;padding:0 10px;line-height:26px;vertical-align:top;border:1px solid #4868e1;border-radius:4px;color:#4868e1;text-align:center;font-weight:400;font-size:13px;background-color:#fff;}
.finance-section .art-wrap .m-art-head .m-tit1 > a .bline-label{width:125px;margin:1px 0 0 3px;}
@media only screen and (max-width: 1100px){
    .finance-section .art-wrap .m-art-head .m-tit1 > a .bline-label{display:block;margin:4px 0 0 0;}
}


/* 20231121597660 결제 내역 부분 취소 */
.usage_item .price_info .part_cancel {display: inline-block; margin: 3px 0 0; font-weight: 400; font-size: 13px; color: #da1d1d;}

/* 카드신청 - 1단계 간편입력 정렬수정 */
.n-card .agreement_wrap.agree-simple02 .agreement_inner .radio_wrap.type_grid ul li .pay_logo{display:flex;height:100%;align-items:center;justify-content:center;-webkit-justify-content:center}

/* diy 카드신청 */
.DIY_btn .btn{min-width:315px;}
.DIY_header.type_ai{padding:40px 0;}
.DIY_header .tit_area .txt_k2{font-size:18px;color:#333;}
@media only screen and (max-width: 1100px){
	.DIY_header .tit_area .txt_k2{font-size:1.5rem;}
}

/* 카드발급 제한 팝업 */
@media only screen and (max-width: 1100px){
    .pop_wrap .n-card-pop.pop-bottom.newPop{height:auto}
    .pop_wrap .n-card-pop.pop-bottom.newPop .pop_cont,
    .pop_wrap .n-card-pop.pop-bottom.newPop .pop_cont p{font-size:16px !important;}
}

/* 20231117330567 / 20231114593549 Tops Club 페이지 내 pLay/신한플러스멤버십 명칭 변경*/
.t-box1-a1 .c-tit1 .img-tit {width:140px; vertical-align:top}
.topsgrad_wrap .gradeinfo .calc_view .shpm .c-tit2 {width:92px}
.topsgrad_wrap .gradeinfo .calc_view .cell.on .c-tit2:before {top:-2px}

@media only screen and (max-width: 1100px) {
.topsgrad_wrap .gradeinfo .calc_view .shpm .c-tit2 {background:url(/pconts/images/dx/contents/tops-main1.png) center center no-repeat; background-size:100% auto}
.topsgrad_wrap .gradeinfo .calc_view .cell.on .c-tit2:before {top:5px}
}

.submain_digital_app li .ico09{background:url('/pconts/images/contents/digital/ico_app09.png') no-repeat center top; background-size:50px auto}

/* 가계신용대출 */
.c-list7.newtype .newlist2{margin-top:0;border-top:none}
.c-list7.newtype .item{width:50%;padding:10px 40px;justify-content:space-between}
.c-list7.newtype .btn-wrap-dx .btn_md{width:108px}
@media only screen and (max-width: 1100px) {
.c-list7.newtype .newlist1,
.c-list7.newtype .newlist2{border-bottom:none}
.c-list7.newtype .item{width:auto;padding:42px 0;}
.c-list7.newtype ul.newlist2 ::after {content: ''; display: block; position: absolute; height: 1px; width: 100wv; background:#eee; top:0; left:calc(100%/2 - 100vw/2);}    
}

/* 카드신청 5단계 상품안내장 */
@media only screen and (max-width: 1100px){
    .df_list_wrap.df-list-st1 .df_list .item_wrap.item-text .item.tit{width:106px; padding-right: 0px;}
    .df_list_wrap.df-list-st1 .df_list .item_wrap.item-text .item.con{width:calc(100% - 106px);}
}

/* [디지털] 모바일 단독 카드 이용안내 앱 명칭 수정 요청*/
.icon_box.ico_n_icon107{background: url(/pconts/images/icon/ico_n_icon107.png) no-repeat;}
.icon_box.ico_n_icon108{background: url(/pconts/images/icon/ico_n_icon108.png) no-repeat;}
.icon_box.ico_n_icon109{background: url(/pconts/images/icon/ico_n_icon109.png) no-repeat;}
.icon_box.ico_n_icon110{background: url(/pconts/images/icon/ico_n_icon110.png) no-repeat;}
.icon_box.ico_n_icon111{background: url(/pconts/images/icon/ico_n_icon111.png) no-repeat;}

/* 통합학생증카드 브릿지페이지 */
.n-card .cont-in .form_ele .ele_tit span.shctit{font-size:16px;font-weight:400;color:#000}
.choice_shcool .radio_wrap label{display:block;}
.choice_shcool .radio_wrap .radio_default + .radio_default{margin-left:0;margin-top:10px;}
@media only screen and (max-width: 1100px){
.choice_shcool .radio_wrap .radio_default{width:100%;}
}


/*20240110615797 나만의 금융혜택 - 개인사업자대출 */
.individual_Loan .tit1 strong {display: inline-block;}
.individual_Loan .txt1 {font-size: 13px;}
.individual_Loan .item2 .color_prim01 {font-size: 14px; margin-left:4px;}
.individual_Loan .item2 .item_txt .txt1 {}
.individual_Loan .item_btn { display: flex; align-items: center;}

.individual_Loan .item {display: flex; justify-content: space-between; padding: 20px 30px 20px 50px;}
.individual_Loan .item2 {display: flex; justify-content: space-between; padding: 20px 30px 20px 50px;}

.individual_Loan .list {display: flex;flex-direction: row;}
.individual_Loan .list dt.tit1 {width: 140px !important;}
.individual_Loan .list dd.txt1 {font-size: 16px;}
.individual_Loan .list dt.tit2 {width: 140px !important;}
.individual_Loan .item2 .list + .list {margin-top: 16px;}
.individual_Loan .item .list + .list {margin-top: 16px;}

@media only screen and (max-width: 1100px){
    .individual_Loan .item {display: flex; flex-direction: column; padding: 0 25px;}
    .individual_Loan .item2 {display: flex; flex-direction: column; padding: 0 25px;}
    .individual_Loan .btn_md {width:100%; }
    .individual_Loan [class*='item'] {padding: 10px 15px;}
    .individual_Loan [class*='item'] + [class*='item'] {margin-top: 10px;}
    .individual_Loan [class*='item2'] {margin-top: 10px;}
    .individual_Loan .list dt.tit1 {width: 70px !important;}

}


/*20231212488859_[홈페이지]이용대금명세서 이용내역상세보기 內 취소내역 표기방법 개선요청 */
.sty1 .bar-r::after {top: 6px;}
.sty1 .bar-l::after {top: 6px;}
.sty1 .fpay1{display:block; margin-top: 3px;}
.sty1 .back_money_sub {font-size: 16px !important;}
.sty1 .texts_area {font-size: 16px !important;}
.sty1 .list_group .clearfix.list_head {margin-bottom:25px}

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

.sty1 div.texts_area span{font-size:14px;}
.sty1 .back_money_sub {font-size: 14px !important;}
.usage_item .usage_info .texts_area, .usage_item dl dd {line-height: 22px;}
}


/* 카드신청 4단계 운전면허증 확인 */
.n-card .tab_cont .drvLicBtn{width:118px;min-width:118px;height:44px;padding:0 15px;line-height:40px;text-align:center;}
.n-card .tab_cont .drvLicBtn span{color:#494f60;font-weight:700;font-size:16px;}


/* 20240129740337 미납채팅상담 */
.list_group .list01 .simple_item .tit-blue {color: #464Eff;}


/* 신한카드 LMS 마케팅솔루션 */
#container.LMS_ms {min-width: 1200px; padding-top:0 !important; }
.LMS_ms .btn.blue2 {background: #0046ff; color:#fff;font-weight: 500;}
.LMS_ms .ly_inner {padding: 0px 0;}

.LMS_gnb {height:88px; width:100%; padding:30px 0 0 0;min-width: 1200px; }
.LMS_gnb .title_ly {position: relative; width:1200px; margin:0 auto;}
.LMS_gnb .logo_title { width:141px; height:24px; }
.LMS_gnb .login_area {position:absolute; right:0;top:0 }
.LMS_gnb .login_area > * {float: left;}
.LMS_gnb .btn_logout span {display: inline-block; padding-left: 20px; background: url(/pconts/images/common/ico_out.png) no-repeat 0 4px;}
.LMS_gnb .user_text {margin-right: 13px;}
.LMS_gnb .user_text span {display: inline-block;position: relative; padding-right: 14px;}
.LMS_gnb .user_text span::after {content: '';display: block;position: absolute;right: 0;top: 4px;width: 1px;height: 12px;background-color: #ddd;}
.LMS_gnb .user_time .timer{display: inline-block;padding-left: 18px;background: url(/pconts/images/common/ico_clock.png) no-repeat 0 50%;color: #000;}
.LMS_gnb .btn_logout{display: inline-block;position: relative;margin-left: 14px;padding-left: 13px;padding-right: 10px;}
.LMS_gnb .btn_logout:before{content: '';display: block;position: absolute;left: 0;top: 4px;width: 1px;height: 12px;background-color: #ddd;}

/* 접수내역 */
.LMS_ms .in-wrap {display: flex; justify-content: space-between; margin-top:16px; overflow: hidden;}
.LMS_ms .in-wrap .item {width: 150px;height: 150px;border-radius: 20px;padding: 20px 16px;text-align: center;position: relative;}
.LMS_ms .item::after {content: '';display: inline-block;position: absolute;width: 8px;height: 8px;margin-left: 5px;border: 1px solid #000;border-right: 0;border-bottom: 0;transform: rotate(135deg);right: -33px;top: 50%;}
.LMS_ms .item.receipt01 {background: #eff0f5;}
.LMS_ms .item.receipt02 {background: #d6f4fc;}
.LMS_ms .item.receipt03 {background: #fbe4e4;}
.LMS_ms .item.receipt04 {background: #ebf0ff;}
.LMS_ms .item.receipt05 {background: #ddf6e2;}

.LMS_ms .txt-wrap {flex: 1 1 auto;width: 100%; margin-top:6px;}
.LMS_ms .tit2 {color:#000; font-size: 16px; font-weight: 700}
.LMS_ms .tit3 {font-size: 20px; font-weight: 500; text-decoration-line:underline; margin-top: 8px;}
.LMS_ms .item.receipt01 .tit3 {color:#444;}
.LMS_ms .item.receipt02 .tit3 {color:#0170bc;}
.LMS_ms .item.receipt03 .tit3 {color:#d30c03;}
.LMS_ms .item.receipt04 .tit3 {color:#2b58ff;}
.LMS_ms .item.receipt05 .tit3 {color:#087f29;}

/*공지 리스트*/
.LMS_ms .h_title img{margin-top:-2px;}	
.LMS_ms .list-row {border-top: 1px solid #000;}
.LMS_ms .list-row .list-item a {border-bottom: 1px solid #ddd; padding:16px 0; display: flex; justify-content: space-between;}
.LMS_ms .list-row .list-item .text-sub{font-size: 16px; display: flex; font-weight: 700;}
.LMS_ms .list-row .list-item .date-sec{font-size: 14px; color:#666;}

/* 기본정보 입력 셀렉트 */
.lms_wrap {padding:50px 0 }
.lms_wrap dl dt {background-color: #fff; border-radius: 8px;}
.lms_wrap dl dd {background-color: #fff; border-radius: 8px;}
.lms_wrap .contents-box {width:980px;}
.lms_wrap .contents-box {width:980px;}
.lms_wrap .input_wrap.date_type .input_date.date_full {width:100%;}
.lms_wrap .lms_textbox {height:240px;}
.lms_wrap .text_wrap.lms_textbox textarea {height: 240px;}

/* 기본정보 입력 아코디언 */
.lms_wrap .accordion-dx.accordion-box .accordion_body + .accordion_header {margin-top: 16px; border-top: none;}
.lms_wrap .accordion-dx.accordion-box .accordion_header.on .acc_btn {padding: 32px 60px 24px 28px;}
.lms_wrap .accordion-dx.accordion-box .accordion_header.on + .accordion_body .area {padding: 24px 0 0;}
.lms_wrap .accordion-dx .accordion_body .accordion-tit {margin-bottom: 16px;}

.lms_wrap .form-dx .lms_ele1 {display: flex; justify-content: space-between;}
.lms_wrap .form-dx .form_ele.lms_ele1 + .form_ele.lms_ele1 {margin-top: 48px;}
.lms_wrap .form-dx .lms_ele1 .ele_tit {margin-right: 60px;display: flex;position: relative;padding-top: 10px;width: 278px;align-items: flex-start;}
.lms_wrap .form-dx .lms_ele1 .select_wrap {display: flex;width: 100%;flex-direction: column;}
.lms_wrap .form-dx .lms_ele1 .select_wrap .ui_select_btn {font-size: 16px;}
.lms_wrap .form-dx .lms_ele1 .gutter2 {margin-top: -8px;}
.lms_wrap .form-dx .lms_ele1 .gutter2 label {width:33%;}
.lms_wrap .form-dx .lms_ele1 .gutter {margin-bottom:25px; display: flex;align-items: center; margin-top: -13px;}
.lms_wrap .form-dx .lms_ele1 .gutter label {width:260px;}

.lms_wrap .lms_ele1.form_ele:after {content:none;}
.lms_wrap .select_3 {width:410px}
.lms_wrap .select_3:after{content: none}
.lms_wrap .select_wrap1::after{content: none}
.lms_wrap .form-dx .lms_ele1.lms_ele2 {display: flex; justify-content: flex-end;margin-top: 25px !important;}
.lms_wrap .form-dx .lms_ele1 .gutter.last {margin-bottom:0px;}

/* 올체크  */
.lms_wrap .lms_ckall {display: block;padding: 15px 24px;background-color: #fff;border: 1px solid #ccc;font-size: 18px;text-align: center;font-weight: 700;border-radius: 4px;}
    
/* 툴팁 */
.lms_ele1 .btn_tooltip.btn-tooltip-dx {margin-top:2px;}
.lms_ele1 .btn_tooltip.btn-tooltip-dx.sy1 {margin-top:3px;line-height: 15px;}

/* 기본정보 입력 아코디언 - 지역검색 */
.lms_ele1 .search_wrap {border:1px #ddd solid; display: inline-block; margin-top:16px; width: 100%; height:184px; overflow-y: scroll; padding:24px 16px 24px 16px;}
.lms_ele1 .search_wrap div.search_list {border-top:1px #ddd solid; text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;}
.lms_ele1 .search_wrap div.search_list span {padding:12px 16px; border-bottom:1px #ddd solid; color:#666}
.lms_ele1 .search_wrap div.search_list .search_nb {border-right:1px #ddd solid; width: 30%;}
.lms_ele1 .search_wrap div.search_list .search_add {width: 60%;}
.lms_ele1 .search_wrap div.search_list .search_del {text-align: center;width: 10%;border-bottom: 1px #ddd solid;line-height: 48px;}
.lms_ele1 .search_wrap div.search_list .search_del .lms_delsm {border: 1px #ddd solid;height: 32px;padding: 0 10px;line-height: 30px;font-size: 12px;}
.lms_ele1 .search_wrap p.color_mediumgray {margin-top:-5px;}

/* 공지 */
.LMS_ms .list-row.no_date {margin-top:20px; padding:50px 0; text-align:center;border-bottom: 1px solid #000; font-weight: 700;}

/* 팝업 */
.lms_table td.ck_wrap {position: relative;}
.lms_table td.ck_wrap .ck_center {left:calc(50% - 13px);}

/* 검색*/
.lms_wrap.lmsbox1 {padding:0;}
.LMS_ms .btn-group2-info {padding: 36px 30px 36px 30px;}

/* 조회결과 */
.LMS_ms .form-dx.LMS_ele .form_ele + .form_ele{margin-top: 40px;}
.LMS_ms .lms_item_icotit {display: flex;}
.LMS_ms .between-list-link, .LMS_ms .between-list-btn {display: flex;flex-grow: 1;background: url(/pconts/images/dx/com/arrownext_small.svg) no-repeat right 80%;flex-direction: column;align-items: flex-start;}

.LMS_ms .list1-group.lms_list_mk1 {text-align: left; }
.LMS_ms .list1-group.lms_list_mk1 .list1-tit {width: calc(20%); padding: 0 0 4px 0 !important;font-size: 16px; color: #666;}
.LMS_ms .list1-group.lms_list_mk1 .list1-info {flex: 0 0 auto;width: calc(26%); padding: 0 0 4px 0 !important;margin-right:75px; font-size: 16px;text-align: right;color:#000;}
.LMS_ms .list1-group.lms_list_mk1 .list1-info:nth-child(4n){width: calc(26%); margin-right: 0;}
.LMS_ms	.list1-dx {border-bottom:none;}
.LMS_ms	.list1-dx .lms_group {padding:6px 0}
.LMS_ms	.list1-dx .lms_group li {padding-bottom:24px; margin-bottom:24px; border-bottom: 1px solid #eee; }
.LMS_ms	.list1-dx .lms_group li:last-child {margin-bottom: 0px; padding-bottom: 24px;}
.LMS_ms	.list1-dx .lms_group li .between-list-tit {font-size:18px; color:#000; padding:8px 0; width:482px;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap {font-size:12px; padding:3px 8px;  border-radius: 2px; font-weight: 700;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon1 {background-color: #eff0f5; color:#000;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon2 {background-color: #d6f4fc; color:#0170bc;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon3 {background-color: #ebf0ff; color:#2b58ff;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon4 {background-color: #f8e4e4; color:#d30c03;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon5 {background-color: #ddf6e2; color:#087f29;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon6 {background-color: #da1d1d; color:#fff;}
.LMS_ms	.list1-dx .lms_group li .icon-wrap.lms_icon7 {background-color: #3d4964; color:#fff;}

.lms_commit_line {border-bottom:none; padding: 80px 0 80px; margin-top:60px;} 


/* 조회결과 -9  */
.LMS_ms .msg-box2-info {display: flex;padding: 23px 28px;border-radius: 8px;background-color: #f6f6f6;justify-content: space-between;align-items: center;}
.LMS_ms .lmstable th {text-align: center}
.LMS_ms .lmstable2 th {text-align: center}
.LMS_ms .lmstable2 td {text-align: center}

/* 조회결과 -10   */
.LMS_ms .lmstable .search_table_list div.search_list {border-top:1px #ddd solid; text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; overflow-y: scroll; height:189px;}
.LMS_ms .lmstable .search_table_list div.search_list span {padding:12px 16px; border-bottom:1px #ddd solid; color:#666}
.LMS_ms .lmstable .search_table_list div.search_list .search_nb {border-right:1px #ddd solid; width: 30%;}
.LMS_ms .lmstable .search_table_list div.search_list .search_add {width: 70%;}
.LMS_ms .lms_message {width: 980px; height:432px; border:1px #ddd solid; padding:24px;overflow-y: scroll;}

.lms_graph_warp {margin:60px 0; display: inline-block;}
.lms_graph_top {width: 980px; height: 460px; display: flex;position: relative;flex-direction: row;justify-content: space-between; }
.lms_graph_warp .lms_graph1 {border:1px #eee solid; width: 480px; position: relative;} 
.lms_graph_warp .lms_graph2 {border:1px #eee solid; width: 480px; position: relative;} 
.lms_graph_warp .lms_graph3 {border:1px #eee solid; width:980px; position: relative; margin-top:60px; height:434px;}
.lms_graph_warp .lms_graph_gram {border:1px #eee solid; width:980px; height: 500px; position: relative; margin-top:60px;}

.lms_graph_warp .graph_tit {text-align: center; font-weight: 700; font-size: 18px; margin:20px 0 20px; padding-left:20px;}
.lms_gram_icon {display: flex;text-align: center;position: absolute;bottom: 33px;left: 50px;width: 406px;flex-direction: row;justify-content: space-between;}
.lms_gram_icon span{display: inline-block;margin-right: 11px;position: relative;font-size: 11px;}
.lms_gram_icon span::before {left: -17px;top: 2px;content: '';display: inline-block;width: 12px;height: 12px;border-radius: 50%;position: absolute;}


/* 그래프 1 */
.lms_graph_warp .chartType01, .lms_graph_warp .chartType02 {margin-left: 19px;}
.lms_graph1 .lms_gram_icon {bottom: 30px;left: 198px;width: 137px;flex-direction: row; justify-content: space-evenly;}
.lms_gram_icon span.icon01::before {background-color: #476eff;}
.lms_gram_icon span.icon02::before {background-color: #ff667c;}

.lms_gram_icon span.icon03::before {background-color: #37b0f4;}
.lms_gram_icon span.icon04::before {background-color: #fea554;}
.lms_gram_icon span.icon05::before {background-color: #ff667c;}
.lms_gram_icon span.icon06::before {background-color: #a5c46f;}
.lms_gram_icon span.icon07::before {background-color: #638cdb;}
.lms_gram_icon span.icon08::before {background-color: #9472de;}
.lms_gram_icon span.icon09::before {background-color: #9e6a6a;}

/* 그래프 2 */
.lms_graph2 .lms_gram_icon span{text-align: left;position: relative;font-size: 11px;}

/* line 그래프  */
.lms_graph_warp .chartType03 {position: absolute; left:20px; top:63px; width:920px; height: 324px;}

/* 그래프 4~7 */
.lms_graph_gram .graph_tit{padding:0;text-align: center;font-weight: 700;font-size: 18px;}
.lms_graph_gram .graph_percent{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-around; font-weight: 500;margin-bottom: 10px;}
.lms_graph_gram .graph_percent span {padding-left:20px; font-size:16px;}
.lms_graph_list {display: flex;justify-content: space-between;}
.lms_graph_list .graph_gram {width: 25%;height: 320px;padding: 0px 0 0 5px;margin-top: 10px;position: relative;} 
.lms_graph_gram .lms_gram_icon {display: flex;width: 980px;flex-direction: row;justify-content: center;position: absolute;bottom: 43px;left: 0;}
.lms_graph_gram .lms_gram_icon span {content: '';font-size: 11px;margin-left: 30px;margin-right: 0;}

/* 20240116589005 홈페이지 및 SOLpay 화면 >마이>내정보관리>결제정보內 결제계좌 변경 ARS인증 추가 */
.ars_agree_bg {background-color: #e8edf6 !important;}
.ars_num_txt {font-size:22px;}
.mglr60_30 {margin-left:60px !important; margin-right: 60px !important;}
.ars_num_txt2 {color: #494F60 !important;}
@media only screen and (max-width: 1100px) {
	.mglr60_30 {margin-left:30px !important; margin-right: 30px !important;}
	.ars_btn_sm {min-width: auto !important; padding: 0 14px !important;}
}

/* 2024 접근성 수정 - 보안프로그램 이용안내  */
.install_type.cust > input {opacity: 1; display: block; width: 476px; height: 274px; position: absolute; bottom: 60px;}
.install_type.cust > input:focus {outline: -webkit-focus-ring-color auto 1px;}
.install_type.cust > input[value="G3"] {left: -6px;}
.install_type.cust > input[value="G4"] {right: -5px;}
.install_type.cust > input[type="radio"]:focus + label::after{content: ''; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; border: 4px solid #4868e1;}
.install_type.cust > input[type="radio"]:focus + label > .label-txt::before { display:inline-block; background: #4466e2; transition: 1s;}
.install_type.cust > input[type="radio"]:focus + label > .label-txt{margin-left: 70px; }

/* 2024 접근성 수정 - 신한카드 로고 초점 */
#header .head_title .inside_title {overflow: visible;}

/* 웹접근성 2024 초점 문제로 추가 */
@media only screen and (max-width: 1100px){
	body.pc .header_mobile button:focus{outline-color: -webkit-focus-ring-color; outline-style: auto; outline-width: 1px;}	
}
.srch_input_wrap.t1 input + .srch_ico{text-indent: 0; color: transparent;}
.blind {position:absolute!important; overflow: hidden!important; left:auto!important; top:auto!important; width:1px!important;height:1px!important; clip: rect(1px,1px,1px,1px)!important; clip-path:inset(50%); margin:0!important; border:0!important; background:transparent!important; color:transparent !important;
}
.printBody.pc .header_print button:focus {
    outline: auto;
}

/* 딥오일 카드신청 수정 */
.choice_icon_hyundai{background-image:url(/pconts/images/contents/card/ico_choice_hyundaioil_1.png)}
@media only screen and (max-width: 1100px){
.choice_icon_hyundai{background-image:url(/pconts/images/contents/card/ico_choice_hyundaioilM_1.png)}
}

/* 산후조리경비 이용 가능 가맹점 조회  */
.bnfit-franshise{border-top:1px solid #bbb;margin-bottom:30px}
.bnfit-franshise > ul > li{display:flex;justify-content:space-between;padding:40px 0;border-bottom:1px solid #eee}
.bnfit-franshise > ul > li > span{flex:1 1 0;display:inline-block;padding-left:10px;font-size: 16px;color: #111}
.bnfit-franshise > ul > li > .name{padding-left:0}
.bnfit-franshise > ul > li > .address{flex:1 1 300px}
.bnfit-franshise > ul > li > .tel{text-align:right;}
@media only screen and (max-width: 1100px){
.bnfit-franshise > ul > li{display:block;padding:23px 0}
.bnfit-franshise > ul > li > span{display: block;padding-left: 0;font-size: 13px;color: #111}
.bnfit-franshise > ul > li > .type{padding-bottom:9px;}
.bnfit-franshise > ul > li > .tel{text-align:left;}
}

/* 24.03.22 20240315382490 카드신청 본인인증 안내 팝업 */
.pop_wrap .pop_cont .cardstep{min-height: 50px; padding: 0; margin-top: 15px;}
.pop_wrap .pop_cont .cardstep::before{top: 50%;}
.pop_wrap .pop_cont .cardstep:first-of-type::before{background:url('/pconts/images/icon/ico_n_icon192.png') no-repeat 0 0;background-size:cover;}
.pop_wrap .pop_cont .cardstep:nth-of-type(2)::before{background:url('/pconts/images/icon/ico_n_icon69.png') no-repeat 0 0;background-size:cover;}
.pop_wrap .pop_cont .cardstep:nth-of-type(3)::before{background:url('/pconts/images/icon/ico_n_icon229.png') no-repeat 0 0;background-size:cover;}
.pop_wrap .pop_cont .cardstep p{font-size: 16px;}
.pop_wrap .pop_cont .cardstep_chk{margin-top: 15px; margin-bottom: 15px; font-size: 14px;}
.cardstep .gr-tooltip{top:-30px;left:155px;padding: 7px 10px 7px;font-size:14px;}
.cardstep .gr-tooltip .txt{margin-right: 7px;}
  @media only screen and (max-width: 1100px){
     .cardstep .gr-tooltip{font-size:13px; padding: 7px;}
     .pop_wrap .pop_cont .cardstep::before{left: 15px;}
  }

/*처음카드 대시보드*/

.btn_cont .btn.type2, .btn.type2 {border-radius: 8px;}
.pop-dx.pop1-dx{max-height: 100%;padding: 100px 0;}
.pop-dx.pop1-dx .popup{width: 580px; max-height: 100%;}    
.pop-dx .popup_type01 .pop_btn.type2 .btn {min-width: 200px}

.mglr0-8 {margin:0 0 !important}
.gap-32_24 {margin-bottom:-32px !important}
.pd3224_2420 {padding: 32px 24px !important;}
.pd3224_2016 {padding: 32px 24px !important;}

.hr1-dx {height: 1px; background:#eee}
.btn1-dx {font-size: 14px; font-weight: 700; background: #edf0f8; color:#494F60; border-radius: 6px; padding:0 14px; height: 38px; line-height: 38px;}
.btn2-dx {display:block; padding:32px 0; text-align: center; font-size: 18px; cursor: pointer; width: 100%; font-weight: 700;}
.noti1-dx .accordion-dx.accordion-note {margin-top: 0;}

.box9-dx {border:1px solid #ccc; border-radius: 12px;}
.box9-dx.type2 {border-radius: 16px;}

.tit1-dx {font-size:24px; margin-bottom:20px; font-weight: 900; line-height: 30px;}
.tit2-dx {font-size:20px; margin-bottom:20px; font-weight: 900; line-height: 28px;}

.visual1-dx {text-align: center;}
.visual1-dx .tit {display:block; font-size: 38px; font-weight: 900; line-height: 57px;}
.visual1-dx .desc {color: #494F60; font-size: 18px; line-height: 26px; margin-top: 20px;}
.visual1-dx .pic {width:327px; height:279px; margin: 14px auto 0;}
.visual1-dx .pic img {height: 100%;}

.ect1-dx {display: flex;}
.ect1-dx button {margin-left: auto;}
.ect1-dx strong {font-size: 20px; font-weight: 900; display: flex; align-items: center;}
.ect1-dx strong b {font-size: 24px; font-weight: 900;}
.ect1-dx p {color: #666; font-size: 14px;}

.list12-dx ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin:0 -24px; padding:10px 0}
.list12-dx ul li {padding:0 24px; flex:1 0; flex-basis:100%; display: flex; align-items: center;}
.list12-dx ul li strong {margin-left:auto; font-size:24px; font-weight: 700;}
.list12-dx ul li strong b {font-size: 28px; font-weight: 900; padding-right: 2px;}
.list12-dx ul li em {color: #666; }
.list12-dx ul.col2_1 li {flex-basis:50%;}
.list12-dx ul.col2_1 li:nth-child(2n-1) {padding-right: 40px;}
.list12-dx ul.col2_1 li:nth-child(2n) {padding-left: 40px; border-left: 1px solid #eee;}

.list13-dx ul {display: flex; flex-wrap: wrap;}
.list13-dx li {flex: 1; flex-basis: 100%; display: flex; align-items: center;}
.list13-dx ul.col2_1 li {flex-basis: 50%;}
.list13-dx ul.col2_1 li:nth-child(2n-1) {padding-right: 20px;}
.list13-dx ul.col2_1 li:nth-child(2n) {padding-left: 20px; border-left: 1px solid #eee;}
.list13-dx li .ico {flex:0 0; flex-basis:48px; position: relative; width: 48px; height: 48px; border-radius: 20px; background:#ebf0ff}
.list13-dx li .ico.point {background: url('/pconts/images/dx/contents/bonus_icon_bouns.svg') no-repeat center center/100% auto;}
.list13-dx li .ico.gage .bar {display: block; position: absolute; width: 100%; height: 100%; border-radius: 20px;  bottom:0; background-color: #91a8ff; opacity: 0.5;}
.list13-dx li .ico.gage span {position: relative; display: block; width: 100%; height: 100%; text-align: center; line-height: 48px; color: #3048a2; font-size: 12px; font-style: normal; font-weight: 900;}
.list13-dx li .ico.gage.down .bar {border-radius: 0 0 20px 20px;}
.list13-dx li .ico.gage.full .bar {border-radius: 20px;}
.list13-dx li .ico.gage.up .bar {background-color: #e91b1b; opacity: 1;}
.list13-dx li .ico.gage.up span {color: #fff;}
.list13-dx li p {padding-left: 16px;}           

.list14-dx li {padding: 24px 0; display: flex; border-top: 1px solid #eee;}
.list14-dx .con {flex: 1;padding-left: 16px;}
.list14-dx .con strong {display: flex; align-items: center;}
.list14-dx .con strong + div {margin-top: 13px;}
.list14-dx .con > div {display: flex; justify-content: space-between; margin-top: 8px;}
.list14-dx .con > div > span {color:#666; font-size: 14px;}
.list14-dx .con > div > em {font-size: 14px; font-weight: 900; display: flex; align-items: center;}
.list14-dx .con > div > em b {font-size: 16px; font-weight: 900; line-height: 16px;}
.list14-dx .ico {flex: 0 0; flex-basis: 48px; height: 48px; background:#bfc9e0 no-repeat center center/100% auto; border-radius: 20px;}
.list14-dx .ico.success {background-image: url('/pconts/images/dx/contents/bonus_icon_success.svg');}
.list14-dx .ico.failure {background-image: url('/pconts/images/dx/contents/bonus_icon_impeccable.svg');}
.list14-dx .ico.nosetting {background-image: url('/pconts/images/dx/contents/bonus_icon_setting.svg');}    
.list14-dx.type2 li:first-child {padding-top: 0; border-top: none;}
.list14-dx.type2 li:last-child {padding-bottom: 0;}

.form_ele.type1 input[type='tel'].error, .form_ele.type1 input[type='text'].error, 
.form_ele.type1 input[type='text'].error:focus, .form_ele.type1 input[type='number'].error, 
.form_ele.type1 input[type='number'].error:focus, .form_ele.type1 input[type='email'].error, 
.form_ele.type1 input[type='email'].error:focus, .form_ele.type1 input[type='password'].error, .form_ele.type1 input[type='password'].error:focus {
    border:none; border-bottom: 1px solid #af0000; padding: 0;
}
.form_ele.type1 label {color: #888; font-size: 14px;}
.form_ele.type1 input::placeholder {font-size: 36px; color: #ccc;}
.form_ele.type1 input {border:none; border-bottom: 1px solid #eee; font-size: 36px; font-weight: 700; padding: 0; height: 65px;}
.form_ele.type1 input:focus {border-color: #476eff;}
.form_ele.type1 .text_tip.error {color: #af0000;}
.form_ele.type1 .btn_clear {background-image: url('/pconts/images/dx/contents/btn-reset.png'); right: 0;}

.btn-wrap-dx.m_fixed.fixed1-dx {padding: 60px 0 !important; border-top: 1px solid #eee; position: fixed; bottom: 0; left: 50%; transform:  translateX(-50%); width: 600px; background: #fff; z-index: 4;}
.btn-wrap-dx.m_fixed.fixed1-dx .btn {width: 400px;}
.btn-wrap-dx.m_fixed.fixed2-dx {padding: 10px 0 !important; width: 600px;background: #fff; z-index: 4;}
.btn-wrap-dx.m_fixed.fixed2-dx .btn {width: 400px;}

@media screen and (max-width:1100px) {
    .mo-extends-8 {margin-left: -8px !important; margin-right: -8px !important;}
    .mo-extends-24 {margin-left: -24px !important; margin-right: -24px !important;}

    .pop-dx.pop1-dx .popup:not(.pop-bottom) .btn_close {right: 20px; top: 23px;}
    .pop-dx.pop_wrap.pop1-dx{padding:0;}
    .pop-dx.pop1-dx .popup{width: 100%;max-height: 600px}
    .pop-dx.pop1-dx .popup_type01 .pop_head{padding: 23px 20px 9px 24px}
    .pop-dx.pop1-dx .popup.btn_none .pop_cont {padding:28px 24px 20px}
    .pop-dx .popup_type01 .pop_btn.type2 {padding: 16px 16px 42px;} 
    .pop-dx .popup_type01 .pop_btn.type2::before {content: none;}

    .mglr0-8 {margin:0 -8px !important}
    .gap-32_24 {margin-bottom:-24px !important}
    .pd3224_2420 {padding: 24px 20px !important;}
    .pd3224_2016 {padding: 20px 16px !important;}

    .btn2-dx {padding: 24px 0; font-size: 14px;}

    .tit1-dx {font-size:22px;}
    .tit2-dx {font-size:22px;}
    .hwrap1-dx {margin: 0 !important; padding: 0 !important}
    .hwrap1-dx h3 {padding:0 !important;margin:0 !important;overflow:hidden !important;position:absolute !important;border:0;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px);} 

    .visual1-dx .tit {font-size: 28px; line-height: 36px;}
    .visual1-dx .desc {margin-top: 16px; font-size: 16px;}
    .visual1-dx .pic {width: 218px; height: 186px; margin:20px auto 0}

    .list12-dx ul {margin:0; padding:0}
    .list12-dx ul li {flex-basis: 100%; padding: 0;}
    .list12-dx ul li strong {font-size: 22px;}
    .list12-dx ul li strong b {font-size: 24px;}
    .list12-dx ul li + li {border-top: 1px solid #eee; border-left: none;}
    .list12-dx ul.col2_1 li {flex-basis: 100%;}
    .list12-dx ul.col2_1 li:nth-child(2n-1) {padding-right: 0px; padding-bottom: 16px;}
    .list12-dx ul.col2_1 li:nth-child(2n) {padding-left: 0px; padding-top: 16px; border-left: none;}

    .list13-dx ul {flex-direction: column;}  
    .list13-dx ul.col2_1 li {flex-basis: 100%;} 
    .list13-dx ul.col2_1 li + li {border-left: none; margin-top: 20px;}
    .list13-dx ul.col2_1 li:nth-child(2n-1) {padding-right: 0px;}
    .list13-dx ul.col2_1 li:nth-child(2n) {padding-left: 0px; border-left:none;}   
    .list13-dx li p {font-size: 14px;}    
    
    .list14-dx li {padding: 20px 0;}

    .btn-wrap-dx.m_fixed.fixed1-dx {padding:16px !important; width: 100%; left: 0; transform: none;} 
    .btn-wrap-dx.m_fixed.fixed1-dx .btn {width: 100%;}
    .btn-wrap-dx.m_fixed.fixed2-dx {padding:16px !important; width: 100%; left: 0; transform: none;} 
    .btn-wrap-dx.m_fixed.fixed2-dx .btn {width: 100%;}
}


/* 20240404401796 명세서 수령방법 수정 */
.myacc_list_group.type2 .myacc_list_item.type2 {border: none !important;}
.myacc_list_group.type2 .myacc_list_item.type2:last-child {padding-top: 0 !important;}
.myacc_select_wrap .ui_select_btn {border: 1px solid #ddd !important; border-radius: 8px !important; height: 48px !important; padding-left: 20px !important; font-size: 16px !important; font-weight: 700 !important;} 
.myacc_select_wrap .is_active .ui_select_btn,
.myacc_select_wrap .is_active .ui_select_btn:focus {border: 1px solid #476eff !important; padding-left: 20px !important;}
.my_addr .radio_default > span {font-size: 20px;}
.my_addr_txt {font-size: 18px;}

@media only screen and (max-width: 1100px) {
.myacc_list_group.type2 .myacc_list_item.type2:first-child {padding-top: 0 !important; padding-bottom: 32px !important;}
.my_addr .radio_default > span {font-size: 16px;}
.my_addr_txt {font-size: 14px;}
}

/* 20240418557988 학생증 선불카드 신청 수정 */
.radio_wrap.type_grid.type_grid_m2 ul li{width:50%;}

/* 팝업 오픈시 dim 블러 및 트랜지션, 바닥 스크롤 관련 수정 */
.gnbSub_wrap .gnbSub_dimmer{background-color: rgba(0,0,0,0.7);}
.pop_wrap{transition: none !important;}
/* .pop_wrap .popup{transition: all 0.2s ease;} */
@media only screen and (min-width : 1100px){
    
    html.pop_open::-webkit-scrollbar{background: rgba(0,0,0,0.7);transition: all 0.1s ease;}
    html.pop_open::-moz-scrollbar{background: rgba(0,0,0,0.7); transition: all 0.1s ease;}
    html.pop_open::-ms-scrollbar{background: rgba(0,0,0,0.7); transition: all 0.1s ease;}
    html.pop_open body.pop_open{scrollbar-color:rgba(0,0,0,0.7); scrollbar-width: thin; transition: all 0.1s ease;}
}
/* 팝업 오픈시 dim 블러 및 트랜지션, 바닥 스크롤 관련 수정 */

/* 처음카드 랜딩페이지 */
#wrap.startCard-wrap {padding-bottom: 87px;}
#startCard .color-ef2b00 {color: #ef2b00 !important;}
#startCard .color-b1b1b1 {color: #b1b1b1 !important;}
#startCard .sect {padding:100px 0; text-align: center;}
#startCard .sect + hr {height: 7px; background-color: #f7f7f7; width: 100vw; margin:0; margin-left: calc(-50vw + 50%);}
#startCard .sect .tit strong {font-size: 40px; line-height: 54px; font-weight: 900; letter-spacing: -0.8px;}
#startCard .sect .tit strong b {font-weight: inherit;}
#startCard .sect .tit .logo {display: inline-block;width: 72px;height: 42px;background: url('/pconts/images/dx/contents/h2_logo.svg') no-repeat center center/100% auto;position: relative;top: 2px;}
#startCard .sect .tit p {color:#666; font-size: 18px; line-height: 30px;}
#startCard .sect .tit .t1 {margin-top: 12px;}
#startCard .sect .tit .t2 {margin-top: 12px;}                
#startCard .intro {background:#0b0b0b; color: #fff; padding:80px 0 60px}
#startCard .intro .visual {height: 300px;}
/* #ddd {width: 600px; height: 80px;} */
#startCard .intro .visual .text {font-size: 30px; line-height: 43px; padding-top: 76px;}
#startCard .intro .visual .text b {font-size: 40px; font-weight: 700;}
#startCard .intro .visual .text strong {font-size: 30px; display: block; width: 132px; height: 75px; background:url('/pconts/images/dx/contents/st-tit_logo.png') no-repeat center bottom/100% auto;}
#startCard .intro .visual .lottie {position: absolute; right: 0; top: -20px; width: 300px; height: 360px;}
/* #startCard .intro .visual .lottie::before {content: ''; display: block; width: 400px; height: 100%; background:url('/pconts/images/dx/contents/st-bg_effect_pc.png') no-repeat center center/150% 180%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0.9; mix-blend-mode: lighten; filter:blur(38px)} */
#startCard .intro .visual .lottie::before {content: ''; display: block; width: 317px; height: 312px; background:url('/pconts/images/dx/contents/st-bg_effect_pc.png') no-repeat center center/100% auto; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);}
#startCard .intro .desc {text-align: center; margin-top: 40px; letter-spacing: -0.3px;}
#startCard .intro .desc em {font-size: 32px; font-weight: 900;}
#startCard .intro .desc em b {font-size: 42px; font-weight: inherit;}
#startCard .intro .desc p {color:#b1b1b1; font-size: 20px;}
#startCard .intro .desc .t1 {margin-top: 15px;}
#startCard .intro .desc .t2  {margin-top: 15px;}
#startCard .intro .btn-evt {display: block; border-radius: 8px; padding: 33px 40px; padding-left: 204px; margin-top: 40px; font-size: 20px; border:2px solid #ff4e00; position:relative}
#startCard .intro .btn-evt::before {content: '';display: block;width: 64px;height: 64px;background: url('/pconts/images/dx/contents/event_bn_thum.svg') no-repeat 0 0/100% auto;position: absolute;left:120px;top:16px;}
#startCard .intro .btn-evt::after {content: ''; display: inline-block; width: 9px; height: 9px; border-top:2px solid #fff; border-right:2px solid #fff;  position: absolute; right:45px; top:50%; transform: translate(0,-50%) rotate(45deg);}
#startCard .intro .btn-evt .t2 {color: #b1b1b1; margin-top: 3px;}                
#startCard .arrow-ani  {font-size: 16px; font-weight: 700; margin-top: 25px; padding-bottom: 45px; position: relative;}
#startCard .arrow-ani::before, #startCard .arrow-ani::after {content: ''; width: 13px; height: 8px; display: inline-block; position: absolute; bottom: 16px; left: 50%; margin-left:-6px; background:url('/pconts/images/dx/contents/st-save_arrow_icon.png') repeat left bottom/100% auto; }
#startCard .arrow-ani::before{animation: arrow 3s infinite;}
#startCard .arrow-ani::after{bottom:25px; animation: arrow 3s 0.5s infinite;}
@keyframes arrow {
	0% {opacity: 0;}
	33% {opacity: 1;}
	66%{opacity: 1;}
	100%{opacity: 0;}
}
#startCard .benefit .list {border:2px solid #000; border-radius: 12px; padding:20px 20px 40px}
#startCard .benefit .list + .list {margin-top: 30px;}
#startCard .benefit .list.list1 {background: #f62;}
#startCard .benefit .list.list2 {background: #dadce3;}
#startCard .benefit .list.list3 {background: #000; color: #fff;}
#startCard .benefit .list.list3 .dashed {width: 400px; margin:0 auto; background: url('/pconts/images/dx/contents/st-benefit03_divider.png') repeat left top/auto 200%;}
#startCard .benefit .list .img {display: block; margin: 0 auto;}
#startCard .benefit .list.list1 .img {width:152px;height:154px;background: url('/pconts/images/dx/contents/bnf_icon01.svg') no-repeat center center/100% auto;margin-top: 20px;}
#startCard .benefit .list.list2 .img {width:190px;height:85px;background: url('/pconts/images/dx/contents/bnf_icon02.svg') no-repeat center center/100% auto;margin-top: 50px;}
#startCard .benefit .cont {margin-top: 50px;}
#startCard .benefit .tit {font-size: 24px; font-weight: 900; line-height: 28px;}
#startCard .benefit .label { margin-bottom: 15px; font-size: 18px; font-weight: 900;}
#startCard .benefit .label + .rate {margin-top: 0;}
/* #startCard .benefit .cont .tit + .label { margin-top: 30px;} */
#startCard .benefit .rate {margin-top: 25px; font-size: 24px; font-weight: 900; display: flex; justify-content: center; align-items: flex-end; line-height: 1.2;}
#startCard .benefit .rate .num {font-size: 70px; line-height: 0.8; font-weight: 900;}
#startCard .benefit .rate .txt span {display: block; text-align: left;}  
#startCard .benefit .rate .sm {font-size: 15px;  font-weight: 900;}  
#startCard .benefit .rate + p {line-height: 24px; margin-top: 15px;} 
#startCard .benefit .list.list3 .rate {font-size: 20px;}
#startCard .benefit .list.list3 .rate .num {font-size: 58px;}
#startCard .benefit .list.list3 .rate + p {color:#c6c6c6; margin-top: 25px;}
#startCard .benefit .numbering {position:relative; display: flex; justify-content: space-between; font-size: 14px; padding-bottom: 4px;}
#startCard .benefit .numbering::after {content: ''; display: block; height: 1px; width: calc(100% + 40px); margin:0 -20px; background: #000; position: absolute; bottom: 0; left: 0;}
#startCard .benefit .numbering span, #startCard .benefit .numbering b {position: relative;}
#startCard .benefit .numbering span::after, #startCard .benefit .numbering b::after {content: ''; display: block; width: 1px; height: 9px; position: absolute; bottom: -9px; background: #000;}
#startCard .benefit .numbering span::after {right: -20px;}
#startCard .benefit .numbering b::after {left: -20px;}
.msie #startCard .benefit .numbering b {position: absolute; right: 20px;}
#startCard .benefit .list.list3 .numbering::after {background-color: #fff;}
#startCard .benefit .list.list3 .numbering span::after, #startCard .benefit .list.list3 .numbering b::after {background-color: #fff;}
#startCard .push {border:2px solid #000; width: 310px; border-radius: 8px; margin: 0 auto; position: relative; margin-top: 55px;}
#startCard .push::before {content: ''; display: block; width: 44px; height: 44px; border-radius: 100%; position: absolute; left: 50%; margin-left:-22px; top:-22px; background:url('/pconts/images/dx/contents/st-apppush_icon.png') no-repeat left top/100% auto}
#startCard .push::after {content: ''; display: block; width: 1px; height: 150px; position: absolute; left: 50%; top: 43px; background: url('/pconts/images/dx/contents/st-apppush_divider.png') repeat-y left top;}
#startCard .push > div {display: flex; justify-content: space-between; width: 100%; padding: 40px 20px;}     
#startCard .push .list {padding-bottom:110px; font-size: 14px; flex: 1;}      
#startCard .push .list.list1 {margin-right: 20px;background: url('/pconts/images/dx/contents/apppush_icon_01first.svg') no-repeat center bottom 0px/88px auto;}             
#startCard .push .list.list2 {margin-left: 20px;background: url('/pconts/images/dx/contents/apppush_icon_02pairing.svg') no-repeat center bottom -10px/123px auto;}    
#startCard .text-flow {background:#0b0b0b; color: #fff; padding: 100px 0;}
#startCard .text-flow > div {font-size: 28px; font-weight: 700; position: relative; display: flex; }
#startCard .text-flow > div::before {position: absolute; font-size: 2px; width: 100%; height: 36px; display: block;  left: 0; top: 0; opacity: 0;}
#startCard .text-flow .t1::before {content: '유니콘MD 2030세대 담당자들이 요긴하게 쓰고 싶어 만든 사심 가득한 처음 카드!';}
#startCard .text-flow .t2::before {content: '로봇MD 신용카드가 처음이라 걱정이라면 똑똑한 소비 습관을 만들어줄 처음 카드가 딱!';}
#startCard .text-flow .t3::before {content: '유니콘MD 2030세대 담당자들이 요긴하게 쓰고 싶어 만든 사심 가득한 처음 카드!';} 
#startCard .text-flow > div + div {margin-top:26px}
#startCard .text-flow > div > span {flex: 0 0 auto; padding-left: 50px;}
#startCard .text-flow > div b {color: #ef2b00; position: relative; font-weight: 900;}
#startCard .text-flow > div b::before {content: ''; display: block; width: 40px; height: 40px; position: absolute; left: -45px; top: 0; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}
#startCard .text-flow .t1 b::before {background-image: url('/pconts/images/dx/contents/st-dvlp_icon_01.png');}
#startCard .text-flow .t2 b::before {background-image: url('/pconts/images/dx/contents/st-dvlp_icon_02.png');}
#startCard .text-flow .t3 b::before {background-image: url('/pconts/images/dx/contents/st-dvlp_icon_03.png');}
#startCard .text-flow .t1 > span, #startCard .text-flow .t3 > span { animation: text-flow-l 20s linear infinite;}
#startCard .text-flow .t2 > span { animation: text-flow-r 20s linear infinite;}
#startCard #fixedBtn.fixed {position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding:24px; border-top: 1px solid #eee; margin-top: 0; z-index: 10;}
#startCard #fixedBtn.fixed .btn {background-color: #000; width: 400px; border-radius: 8px; font-size: 16px;}
#startcardSwiper {position:relative;margin-top:35px;}
#startcardSwiper .swiper-wrapper {padding-top:10px;padding-bottom:30px;}
#startcardSwiper .swiper-slide {width:149px;height:236px;margin:0 14px;transform:scale(64%);opacity:0;filter:blur(2.5px);transition:all 0.3s ease !important;}
#startcardSwiper .swiper-slide.swiper-slide-active {filter:none;}
#startcardSwiper .swiper-slide.swiper-slide-active .card-btn {cursor:pointer;}
#startcardSwiper .swiper-slide-active,
#startcardSwiper .swiper-slide-prev,
#startcardSwiper .swiper-slide-next {opacity:1;}
#startcardSwiper .swiper-slide-active {transform:scale(100%);}
#startcardSwiper .swiper-slide-prev,
#startcardSwiper .swiper-slide-next {transform:scale(89.525%);transform-origin:bottom center;-ms-transform-origin:bottom center;}
#startcardSwiper .swiper-button-prev,
#startcardSwiper .swiper-button-next {top:116px;width:40px;height:40px;margin-top:0;background-repeat:no-repeat;background-position:center; background-size:100%;}
#startcardSwiper .swiper-button-prev.swiper-button-disabled,
#startcardSwiper .swiper-button-next.swiper-button-disabled {opacity:1;}
#startcardSwiper .swiper-button-prev {left:0;background-image:url('/pconts/images/dx/contents/btn_cardBridge_prev.png')}
#startcardSwiper .swiper-button-next {right:0;background-image:url('/pconts/images/dx/contents/btn_cardBridge_next.png')}
#startcardSwiper .swiper-button-prev.swiper-button-disabled {background-image:url('/pconts/images/dx/contents/btn_cardBridge_prev_disabled.png')}
#startcardSwiper .swiper-button-next.swiper-button-disabled {background-image:url('/pconts/images/dx/contents/btn_cardBridge_next_disabled.png')}
#startcardSwiper .swiper-pagination {position:relative;display:flex;justify-content:center;margin-top:32px;}
#startcardSwiper .swiper-pagination-bullet {display:block;margin:0 2px;width:9px;height:9px;background-color:#d1d2d9;opacity:1;}
#startcardSwiper .swiper-pagination-bullet-active {width:24px;border-radius:7px;background-color:#000;}
#startcardSwiper .card {perspective:1000px;width:100%;height:100%;}
#startcardSwiper .card-inner {width:100%;height:100%;transform-style:preserve-3d;box-shadow:5px 10px 25px 0px rgba(0, 0, 0, 0.2);border-radius:12px;transition:all 0.5s;}
#startcardSwiper .card-inner.flip180 {transform:rotateY(180deg);box-shadow:-5px 10px 25px 0px rgba(0, 0, 0, 0.2);}
#startcardSwiper .card-btn {overflow:hidden;display:block;position:relative;width:100%;height:100%;cursor:default;transform-style:preserve-3d;}
#startcardSwiper .card-inner.flip180 .card-btn,
#startcardSwiper .card-inner.flipping .card-btn {overflow:visible;}
#startcardSwiper .card-front, 
#startcardSwiper .card-back {backface-visibility:hidden;position:absolute;top:50%;left:50%;display:block;height:149px;width:236px;transform:translate(-50%, -50%) rotate(90deg);}
#startcardSwiper .card-back {transform:translate(-50%, -50%) rotate(90deg) rotateX(180deg);}
.msie #startcardSwiper .card-back.cardRotate {transform:translate(-50%, -50%) rotate(90deg) rotateX(0deg) !important;}
#startcardSwiper .card-checkbox {display:none;}
.msie #startcardSwiper .swiper-slide {-ms-zoom:0.64;}
.msie #startcardSwiper .swiper-slide-active {-ms-zoom:1;}
.msie #startcardSwiper .swiper-slide-prev,
.msie #startcardSwiper .swiper-slide-next {-ms-zoom:0.89525;margin-top:35px;}
.msie #startcardSwiper .swiper-slide-next {margin-left:26px;}
#startcardSwiper .cardBridge-tit {position:relative;padding-top:0;font-size:18px;font-weight:900;text-align:center;}
#startcardSwiper .cardBridge-selected {margin-top:2px;text-align:center;}  
@keyframes text-flow-l {
	from{transform: translateX(0%);}
	to{transform: translateX(-100%);}
}
@keyframes text-flow-r {
	from{transform: translateX(-100%);}
	to{transform: translateX(0%);}
}
#startCard #text-flow-control {width:24px; height: 24px; background: url('/pconts/images/dx/contents/st-icon_stop.png') no-repeat left top/100% auto; position: absolute; bottom: 50px; left: 50%; margin-left: -12px;}
#startCard #text-flow-control.paused {background-image: url('/pconts/images/dx/contents/st-icon_play.png');}   

@media only screen and (max-width: 1100px) {
	#wrap.startCard-wrap {padding-bottom: 0px;}
	#startCard .sect {padding: 60px 0;}
	#startCard .sect .tit strong {font-size: 28px; line-height: 36px;}
	#startCard .sect .tit p {font-size: 16px; line-height: 24px;}
	#startCard .intro {padding:60px 0}
	#startCard .intro .desc {margin-top: 85px;}
	#startCard .intro .desc em {font-size: 18px;}
	#startCard .intro .desc em b {font-size: 25px;}
	#startCard .intro .desc p {font-size: 14px;}
	#startCard .intro .desc .t2 {margin-top: 10px;}
	#startCard .intro .visual {height: 400px;}
	#startCard .intro .visual .text {padding-top: 0; font-size: 18px; text-align: center;}
	#startCard .intro .visual .text p {line-height: 30px;}
	#startCard .intro .visual .text strong {margin: 5px auto;}
	#startCard .intro .visual .text b {font-size: 23px;}
	#startCard .intro .visual .lottie {width: 360px; height: 350px; right:auto; left: 50%; transform:translate(-50%,0); top: 140px;}
	/* #startCard .intro .visual .lottie::before {background-image: url(/pconts/images/dx/contents/st-bg_effect_mo.png); height:100%; width: 100%; top: 0px; left: 0; background-size: 200% 130%; transform: none;} */
	#startCard .intro .visual .lottie::before {background-image: url(/pconts/images/dx/contents/st2-bg_effect_mo.png); background-size: 100% auto; filter: none; width: 200vw; max-width: 420px;}
	#startCard .intro .btn-evt {padding: 25px 25px; padding-left: 104px; font-size: 16px;}
	#startCard .intro .btn-evt .t2 {margin-top: 3px; font-size: 14px;}
	#startCard .intro .btn-evt::before {/*background-image: url('/pconts/images/dx/contents/event_bn_thum_mo.png');*/ left: 25px; top: 16px;}
	#startCard .intro .btn-evt::after {right: 30px;}
	#startCard .arrow-ani {padding-bottom: 45px;}
	#startCard .arrow-ani::before {bottom: 15px;}
	#startCard .arrow-ani::after {bottom: 24px;}
	#startCard .benefit .list.list3 .dashed {width: 100%;}
	#startCard .push {width: 100%;}
	#startCard .text-flow {padding: 60px 0;}
	#startCard .text-flow > div {font-size: 24px;}
	#startCard .text-flow > div + div {margin-top: 8px;}
	#startCard #text-flow-control {bottom: 25px;}
	/* fiexd btn */
	#startCard #fixedBtn {display:block;margin-top:17px;}
	/* #travalChCard #fixedBtn.change.m_fixed .btn {background-color: #ffdb5c;color:#0038ff;} */
	#startCard .btn-wrap-dx.play-guide.m_fixed {padding:16px !important;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 14.37%, #fff 20%, #fff 100%);}
	#startCard .btn-wrap-dx.play-guide.m_fixed .btn {background-color:#000f;color:#fff; border-radius: 8px;}
	#startCard .btn-wrap-dx.play-guide.m_fixed::before {display:none;}  
	#startCard #fixedBtn.fixed  {padding: 16px !important; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 14.37%, #fff 20%, #fff 100%); border-top: none;}
	#startCard #fixedBtn.fixed .btn {width: 100%;} 
	#startcardSwiper {margin:65px -24px 0;}
	#startcardSwiper .swiper-slide {width:188px;height:298px;}
	#startcardSwiper .swiper-button-prev,
	#startcardSwiper .swiper-button-next {top:147px;width:24px;height:24px;}
	#startcardSwiper .swiper-button-prev {left:24px;}
	#startcardSwiper .swiper-button-next {right:24px;}
	#startcardSwiper .card-front, 
	#startcardSwiper .card-back {width:298px;height:188px;}                   
} 
/* 처음카드 랜딩페이지 */

/* 카드신청 - 동시신청 프로세스 */
.n-card .agreement_wrap .agree_depth02.agreeOnlyText{padding-left:50px}
.pop_wrap.card-manual .page-detail .manualCname{font-size:18px;font-weight:700;margin-top:12px;}
.progress-box .progress-txt.withApply_tit{font-size:28px;font-weight:700;}
.card_sec.vertical_type.withApply_img{padding:158px 0 0 0;margin-top:0;}
.card_sec..withApply_img .apply_card{width:750px;margin:0 auto;}
.card_sec.withApply_img .img img{transform:rotate(90deg)}
.card_sec.withApply_img .img{margin-right:72px;}
.card_sec.vertical_type.withApply_img .second{margin-right:0;}
.card_sec.vertical_type.withApply_img .second:before{content:'+';position:absolute;top:50%;left:-40px;font-size:30px;width:24px;margin-left:-12px;margin-top:-25px;}
.card_sec.vertical_type.withApply_img .second button.del{position:absolute;top:0;right:0;width:40px;height:40px;margin:-20px -20px 0 0;background:url(/pconts/images/dx/contents/btn_close_cardWith.png) no-repeat 0 0;background-size:40px 40px}
.card_sec.withApply_img .card_name:before{height:80%}
.card_sec.ncard-plate.vertical_type.withApply_img{margin-top:60px;}
.n-card .cont-in .h_title.withApply_tit{padding-bottom:0;border-bottom:0;font-weight:400;font-size:16px;color:#666;}
.card_sec.vertical_type.withApply_img .second.none{box-shadow:none;}
.list4-dx.withApply_card{border-bottom:0;}
.withApply_end .list4-dx.withApply_card{border-bottom:1px solid #ddd;}
.withApply_card .list4-tit{font-size:20px;}
.withApply_card .list1-dx{padding:0;margin-top:4px;border-top:0;border-bottom:0;}
.withApply_card .list1-tit{width:calc(28%);padding:0 0 4px 0;font-size:16px;color:#666;}
.withApply_card .list1-info{width:calc(70%);padding:0 0 4px 0;font-size:16px;font-weight:700;}
.n-card .withApply_card .text_link{font-size:16px;}
.withApply_card .text_link::before{display:none;}
/* .withApply_end .card_sec.vertical_type.withApply_img{padding-top:0;} */
.withApply_end .withApply_img{margin-top:60px;}
.withApply_end .card_sec.vertical_type .img{margin-top:0;width:162px;height:228px;}
.withApply_end .card_sec.vertical_type .img img{width:280px;max-width:280px;height:176px;margin-top:52px;}
.withApply_end .card_sec.vertical_type.withApply_img .second:before{margin-left:-16px;margin-top:0}
.withApply_end .cardName{display:flex;flex-wrap:wrap;position:relative;margin-top:16px}
.withApply_end .cardName .name{width:calc(38%);margin-left:12px;text-align:center;font-size:20px;font-weight:700;color:#000}
.withApply_end .cardName .card2{margin-left:68px}
.app_comp_wrap.withApply_end .marker_dot{margin-top:60px}
.withApply_end .card_sec.ncard-plate.vertical_type .img{height:280px;}
.app_comp_wrap.withApply_end{padding-top:98px;}
.pop-dx.pop_withApply .popup .pop_cont{padding-bottom:0;}
.pop-dx.pop_withApply .popup_type01 .pop_btn{left:0;}
.pop_withApply .popup_type01 .pop_cont .bg_gray{margin:0 -32px 0 -21px;padding:0 30px 30px 30px}
.pop_withApply .n-card .expend_wrap.bdb-line::before{left:-11px;}
.pop_withApply .pop_cont{border-radius:16px;}
.pop-dx.pop_withApply .popup .pop_cont.card-info{padding-bottom:88px}
.card_detailIframe{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.card_detailIframe iframe{position:absolute;top:0;left:0;width:100%;height:100%} 
@media only screen and (max-width: 1100px){
    .pop_wrap.point_filter_pop.pop_withApply .popup{max-height:600px}
    .n-card .agreement_wrap .agree_depth02.agreeOnlyText{padding-left:37px}
    .progress-box .progress-txt.withApply_tit{font-size:20px;}
    .progress-box .progress-txt.withApply_tit br{display:none;}
    .card_sec.ncard-plate.vertical_type.withApply_img{margin-top:0;} 
    .card_sec.ncard-plate.vertical_type.withApply_img .img{height:200px;}
    .card_sec.ncard-plate.vertical_type.withApply_img .card_name{padding-bottom:38px;}
    .card_sec.vertical_type.withApply_img .second:before{margin-top:-20px;}
    .card_sec.vertical_type.withApply_img .second button.del{width:24px;height:24px;margin:-12px -12px 0 0;background-size:24px 24px;}
    .withApply_card .list4-tit{font-size:16px;}
    .withApply_card .list1-tit{width:calc(47%);font-size:14px;}
    .withApply_card .list1-info{width:calc(50%);font-size:14px;}
    .withApply_card .btn-wrap-dx{margin-top:16px;}
    .n-card .withApply_card .text_link{font-size:14px;}
    .app_comp_wrap.withApply_end{width:auto;margin-top:40px;}
    .app_comp_wrap.withApply_end .withApply_card{margin-bottom:40px;}
     * + .withApply_card .list4-info{margin-left:0}
    .card_sec.withApply_img .img{margin-right:40px;}
    .card_sec.vertical_type.withApply_img .second:before{left:-20px}
    .withApply_card .list4-plate-img{width:44px;height:auto;}
    .withApply_end .list4-plate-inner{width:64px;}
    .withApply_end .list4-item{padding:24px 0;}
    .withApply_end .card_sec.ncard-plate.vertical_type.withApply_img{margin-top:40px;}
    .withApply_end .card_sec.vertical_type .img img{width:200px;max-width:200px;height:127px;margin-top:36px;}
    .withApply_end .card_sec.vertical_type.withApply_img .img{width:127px;}
    .withApply_end .card_sec.vertical_type.withApply_img .second:before{margin-left:-14px;margin-top:-33px;}
    .withApply_end .cardName{margin-top:16px;}
    .withApply_end .cardName .name{width:calc(37%);margin-left:29px;font-size:16px;}
    .withApply_end .cardName .card2{margin-left:37px}
    .app_comp_wrap.withApply_end .marker_dot{margin-top:40px}   
     .app_comp_wrap.withApply_end{padding-top:40px;}
    .pop_withApply .popup_type01 .pop_cont .bg_gray{margin:0 -40px}
    .pop-dx.pop_wrap.point_filter_pop.pop_withApply .popup .pop_cont{padding-bottom:0;}
    .pop_withApply .n-card .expend_wrap.bdb-line::before{left:0;}
    .pop_withApply .n-card .form_type{padding-bottom:70px;}
    .pop-dx.pop_wrap.point_filter_pop.pop_withApply .popup .pop_cont.card-info{padding-bottom:88px}
    .card_detailIframe{padding-bottom:110.25%;}
}
@media only screen and (max-width: 375px){
    .withApply_end .cardName .name{width:calc(40%);margin-left:10px;font-size:16px;}
    .withApply_end .cardName .card2{margin-left:42px}
}

/* 예상수수료 팝업 20240531615610 */
.c-box4 {margin:0 -8px;padding:12px;border:1px solid #91baff;border-radius: 12px;box-shadow:0 4px 20px 0 rgb(19 87 196 / 14%);}
.c-box4 .between-list-item{padding:0 12px;}
.c-box4 .between-list-item.tyep01{padding:8px 12px;align-items:center;border-radius: 8px;background-color:#f4f7fc;}
.c-box4 .between-list-item.tyep01 .between-list-tit{color:#476eff;}
.c-box4 .between-list-item.tyep01 .text-split{color:#476eff;}
.c-box4 .between-list-item + .between-list-item{margin-top:14px}
.c-box4 .icon-text-a5 {border-radius: 4px;background-color:#edf0f8;}

/* 20240607470675 /pconts/dx/svn/finance/MOBFM171C03.html */
input[readonly].type02, input[readonly].type02:focus {background:none; border: none; color:#111; padding:0}
@media screen and (max-width:1100px) {
	input[readonly].type02, input[readonly].type02:focus {height:auto; line-height: initial;}
}

/* 20240620633261 즉시결제 수정 */
@media screen and (max-width:1100px) {
	.immediate_step02 ~ .quick_fixed{bottom:160px;}
	.pop-dx.small .popup .btn_close{top:24px !important;}
}

/* 20240701526978  타사카드 일괄분실신고 */
.check_wrap.type_grid.cardSelect.card_loss .check_btn input[type="checkbox"] + span {min-height:44px;padding:4px;line-height:1.53;word-break:break-all;}

/* 20240529391712 Tops Club 페이지 */
.br_ios480 {display:none;}
@media screen and (max-width: 480px) {
	.iphone .br_ios480 {display:block;}
	#topsView .mytops_wrap .active_detail dd .btn_link {min-width:84px;font-size:13px;border-radius:3px;padding:0 5px;}
	#topsView .mytops_wrap .active_detail dd .btn_link::after {margin-left:1px;}
}

/* 20240702518455 재발급실패사유 안내요청*/
.c-reissuance .item.disabled{background-color:#f6f6f6;color:#aaa;text-align:left;}  
.c-reissuance .item.disabled .card_head{text-align:left;}  
.c-reissuance .item.disabled .head_tit em{color:#aaa;}   
.c-reissuance .item.disabled .color_green{color:#aaa !important;} 
.c-reissuance .item.disabled .icon-text-b3{background-color:#ccc;}    
.c-reissuance .card_exp_n.bg-q{position:relative;display:inline-block;padding-right:24px;line-height:26px;} 
.c-reissuance .card_exp_n.bg-q::after{position:absolute;right:0;top:4px;display: block;width:20px;height:20px;content:'';background:url('/pconts/images/common/btn_tooltip_q.svg') no-repeat center / 18px;line-height:20px;}

/* 20240628539466 해외 분할납부 수수료 표시화면 팝업*/
.pop_wrap.pop_alert .popup .pop_cont, .pop_wrap.pop_confirm .popup .pop_cont.pop_partition{padding: 32px;}
.pop_wrap.pop_confirm .popup_type01 .pop_partition{justify-content: left; text-align: left;}
.pop_wrap.pop_confirm .popup_type01 .pop_partition .pop_msg{font-size: 14px; font-weight: 400; color: #333333;}
.pop_partition .pop_tit{font-size: 18px; font-weight: 700; margin-bottom: 12px;}

/* 20240710546205 그린인덱스 내 탄소리포트 저장하기 팝업 수정 */
.green-index.pop_wrap .popup .green-index.bg_gray {display: flex; align-items: center; padding-bottom: 0;}

/* 20240716406015 My Tops Club */
.active_group.card2 {width:50%;}
.active_group.card2 .active_detail {margin:-13px;}
.active_group.card2 .active_detail dl {margin:13px;}
.active_group.card2 .active_detail dl + dl {margin-left:13px;}
.active_group.card2 .active_detail .point {background-color:#8d743a;}
@media only screen and (max-width: 1100px) {
	.active_group.card2 {width:100%;}
	.active_group.card2 .active_detail {margin:-15px 0;}
	.active_group.card2 .active_detail dl {margin:15px 0;min-height:130px;}
	.active_group.card2 .active_detail dl + dl {margin-left:0;}
}

/* 20240711375026 이용대금명세서(메인) 배너 간격 및 년월선택 아이콘 수정 */
.loan_ns_ver .button-month-select .this_month span {background:url('/pconts/images/dx/com/arrow_right.svg') no-repeat right center / 28px;}
@media only screen and (max-width: 1100px) {
	.loan_ns_ver .button-month-select .this_month span {background-size:24px;padding-right:24px;}
	.loan_ns_ver .button-month-select .this_month {margin-left:12px;}
	.loan_ns_ver [class*=m-section] .m-article {padding-top:0;}
	.loan_ns_ver .card_reportlist_wrap {padding-top:20px;}
	.loan_ns_ver .cardType_select {top:calc(50% - -8px);}
}

/* 이용대금명세서(상세) 결제일 선택 팝업 버튼 간격 */
@media only screen and (max-width: 1100px) {
	.loan_ns_ver .usage_info .select_pop_wrap {padding-top:10px;}
	.loan_ns_ver .usage_info .select_pop_wrap .select_pop {margin-bottom:8px;}
	.loan_ns_ver .usage_info .usage_payinfo {padding-top:24px;}
}

/* 이용대금명세서(상세) 간격수정 */
@media only screen and (max-width: 1100px) {
	.loan_ns_ver .usage_payinfo + .flex_row.gutter20{margin-top:4px;}
}

/* 20240712329942 이용대금명세서(상세) 탭 구조변경 */
.loan_ns_ver .dx-usage-tab-wrap {display:flex;}
.loan_ns_ver .dx-usage-tab-wrap .all-card {display:flex;margin-right:6px;}
.loan_ns_ver .dx-usage-tab-wrap .all-card .all-card-btn {display:block;height:40px;padding:0 10px 0 16px;line-height:40px;white-space:nowrap;color:#666;background:#fff;border-radius:20px;border:1px solid #494f60;}
.loan_ns_ver .dx-usage-tab-wrap .all-card .all-card-btn span {padding-right:16px;position:relative;display:block;line-height:22px;font-weight:900;color:#494f60;}
.loan_ns_ver .dx-usage-tab-wrap .all-card .all-card-btn span::after {content:'';display:block;position:absolute;top:50%;right:0;width:16px;height:16px;background:url(/pconts/images/dx/contents/dx_arrow_down_darkbluegray.svg) no-repeat center;  background-size:cover; transform:translateY(-50%);}
.loan_ns_ver .dx-usage-tab-wrap .dx-usage-tab {flex-grow:1;margin:0;padding:0;}
.loan_ns_ver .dx-usage-tab-wrap .all-card .all-card-btn span img {width:36px;height:22px;margin-right:4px;}
@media only screen and (max-width:1100px) {
	.loan_ns_ver .dx-usage-tab-wrap {margin:0 -24px;}
	.loan_ns_ver .dx-usage-tab-wrap .all-card {padding-left:24px;}
	.loan_ns_ver .dx-usage-tab-wrap .all-card[style*="display: none"] + .dx-usage-tab {padding-left:24px;}
	.loan_ns_ver .dx-usage-tab-wrap .dx-usage-tab {padding-right:24px;}
	.loan_ns_ver .dx-usage-tab-wrap .all-card .all-card-btn {font-size:14px;}
}

/* 20240712329942 이용대금명세서 폴더플폰 대응 폰트 사이즈 변경 */
@media only screen and (max-width: 345px) {
	/* 이용대금명세서 메인&상세 */
	.loan_ns_ver .between-list-group.more_info .between-list-tit,
	.loan_ns_ver .between-list-group.more_info .between-list-txt {font-size:14px !important;}
	.loan_ns_ver .between-list-group.result .between-list-tit {font-size:14px !important;}
	.loan_ns_ver .between-list-group.more_info .between-list-item.amount .between-list-tit,
	.loan_ns_ver .between-list-group.more_info .between-list-item.amount .between-list-txt {font-size:13px !important;}

	.loan_ns_ver .box4-dx .between-list-item.sub  .between-list-tit,
	.loan_ns_ver .box4-dx .between-list-item.sub  .between-list-txt {font-size:13px !important;}

	.loan_ns_ver .list_usage_ltem .between-list-tit,
	.loan_ns_ver .list_usage_ltem .between-list-txt {font-size:14px !important;}
	.loan_ns_ver .list_usage_ltem .between-list-group.sub .between-list-tit,
	.loan_ns_ver .list_usage_ltem .between-list-group.sub .between-list-txt {font-size:13px !important;}
	.loan_ns_ver .list_usage_ltem .text-split.info .text-split-item {font-size:13px !important;}

	.loan_ns_ver .conts.separate .between-list-tit span {font-size:12px;}

	/* 이용대금명세서 메인 */
	.loan_ns_ver .payBox_btn_wrap.all .btn {font-size:14px;}

	/* 이용대금명세서 상세 - 하이세이브 /pconts/dx/svn/tf/MOBFM043R06.html */
	.dx-usage.hi_save .btn-group4 .between-list-tit,
	.dx-usage.hi_save .btn-group4 .between-list-txt {font-size:14px !important;}
	.dx-usage.hi_save .list_usage_ltem .between-list-tit,
	.dx-usage.hi_save .list_usage_ltem .between-list-txt {font-size:14px !important;}
	.dx-usage.hi_save .list_usage_ltem .text-split.info .text-split-item {font-size:13px !important;}

	/* 이용대금명세서 팝업  */
	.pop-dx.pop_tf .list4-group.used_card .list4-item .list4-tit {font-size:14px;}
	.pop-dx.pop_tf .list4-group.used_card .list4-item .card-type > span {font-size:13px;}

	.pop-dx.pop_tf .between-list-group.pop_info .between-list-item .between-list-tit,
	.pop-dx.pop_tf .between-list-group.pop_info .between-list-item .between-list-txt {font-size:14px;}
	.pop-dx.pop_tf .between-list-group.pop_info .between-list-item .between-list-txt .info_point {font-size:14px;}
	.pop-dx.pop_tf .between-list-group.pop_info .between-list-item .between-list-txt .amount {font-size:13px;}
	.pop-dx.pop_tf.minusron .between-list-item .between-list-tit,
	.pop-dx.pop_tf.minusron .between-list-item .between-list-txt {font-size:14px;}

	.pop-dx.pop_tf .list_usage_group .between-list-group .between-list-item .between-list-tit,
	.pop-dx.pop_tf .list_usage_group .between-list-group .between-list-item .between-list-txt {font-size:14px;}
	.pop-dx.pop_tf .list_usage_group .between-list-group.sub .between-list-item .between-list-tit,
	.pop-dx.pop_tf .list_usage_group .between-list-group.sub .between-list-item .between-list-txt {font-size:13px;}
	.pop-dx.pop_tf .list_usage_ltem .text-split {font-size:13px;}

	.pop-dx.pop_tf .plate-select .title {font-size:14px;}
	.pop-dx.pop_tf .plate-select .card-type > span {font-size:13px;}
}

/* 20240806691373 이용대금명세서 상세 - 받은혜택, 정기결제, 하이세이브, 마이너스론 상하 간격 수정 */
.loan_ns_ver .usage_payinfo + .flex_row.gutter20 > .col:nth-child(2) .col  + .col .conts {margin-top:20px;margin-bottom:0;}
/* 20240806691373 이용대금명세서 상세 - 인쇄하기/엑셀저장 버튼 좌우 간격 수정 */
.loan_ns_ver .btn-wrap-dx.btn-third.usage_info_btn .btn + .btn {margin-left:5px;}
/* 20240806691373 이용대금명세서 메인(최근 12개월 미발행) - 명세서 없음 상하 간격 수정 */
.loan_ns_ver .usage_none .col  > .conts {margin-top:0;margin-bottom:0;}

@media only screen and (max-width: 1100px) {
	/* 20240806691373 이용대금명세서 메인 - 받은 혜택 - 소멸포인트 상단 간격 수정 */
	.loan_ns_ver .between-list-group .between-list-item.sub {margin-top:6px;}
	/* 20240806691373 이용대금명세서 메인 - 꼭 알아두세요 아코디언 상단 간격 수정 */
	.loan_ns_ver .usage_main_note .accordion-dx.accordion-note {margin-top:24px;}
	/* 20240806691373 이용대금명세서 메인(최근 12개월 미발행) - 명세서 없음 상단 간격 수정 */
	.loan_ns_ver .usage_none {margin-top:16px;}
	/* 20240806691373 이용대금명세서 IF오류 - 상단 간격 수정 */
	.dx-usage .usage_none.if_error {margin-top:0;}
	.dx-usage .usage_none.if_error .complete-dx {padding-top:80px;}
}

/* 20240613387768 / 유니온페이 */
.frchise-list li {padding:24px 0;position:relative;color:#000;display:flex;}
.frchise-list li + li{border-top:1px solid #eee;} 
.frchise-list li:last-child{border-bottom:1px solid #eee;} 
.frchise-list li .text-box{margin-top:12px;}
.frchise-list li .tit{display:block;margin-bottom:12px;font-size:20px;} 
.frchise-list li .txt{font-size:16px;color:#666;word-break:break-all;}
.frchise-list li .img{flex:0 0 auto;width:90px;height:90px;margin-right:16px;}
.frchise-list li .img img{width:100%;}
@media only screen and (max-width: 1100px) {       
  .frchise-list li{padding:20px 20px 20px 0;} 
  .frchise-list li .img{width: 60px;height:60px;margin-right:24px}
  .frchise-list li .text-box{margin:0;}
  .frchise-list li .tit{font-size:16px;}
}

/* 20240723587636 처음드림론 - 이용안내 */
.useguide-conttop-visual.dreamLoan01:after {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_img01.png')}
.dreamloan_event .sec_tit {text-align:center;}
.dreamloan_event .sec_txt {margin-top:8px;}
.dreamloan_event .sec_txt li {color:#494f60;text-align:center;}
.dreamloan_event_group {display:flex;flex-wrap:wrap;margin:-10px;}
.dreamloan_event_item {display:flex;flex-direction:column;flex:0 0 calc(50% - 20px);align-self:flex-start;margin:10px;padding:20px;background-color:#fff;border-radius:16px;}
.dreamloan_event_tit {margin-bottom:16px;font-size:18px;font-weight:900;line-height:26px;}
.dreamloan_event_bottom {margin-top:24px;}
.dreamloan_event_group .dx-txtbox-list > li {font-size:13px;line-height:140%;}
.dreamloan_event_group .dx-txtbox-list > li::after {top:7px;}
.dreamloan_event_group .dx-txtbox-list > li + li {margin-top:4px;}

.dreamloan_event_img {display:flex;height:209px;margin:auto 0;}
.dreamloan_event_img img {display:block;width:208px;margin:auto;}
.dreamloan_event_coupon_item {position:relative;display:flex;align-items:center;min-height:60px;padding-left:68px;background-repeat:no-repeat;background-position:left center;background-size:60px 60px;}
.dreamloan_event_coupon_item + .dreamloan_event_coupon_item {margin-top:16px;}
.dreamloan_event_coupon_item.daiso {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_daisoX3.png');}
.dreamloan_event_coupon_item.naver {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_naverX3.png');}
.dreamloan_event_coupon_item.cu {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_cuX3.png');}
.dreamloan_event_coupon_tit {font-size:13px;color:#666;line-height:18px;}
.dreamloan_event_coupon_txt {margin-top:2px;font-weight:900;line-height:22px;}

.dx_loan_info_btn {display:flex;justify-content:center;}
.dx_loan_info_btn .btn {border-radius:8px;width:197px;height:48px;line-height:46px;font-size:14px;}
.dx_loan_info_btn .btn + .btn {margin-left: 6px;}

.msie .dreamloan_event_item {flex-basis:calc(50% - 60px);}
.msie .dreamloan_event_img2 {flex-shrink:0;}

/* 20241016396600 처음드림론 - 이용안내 오픈 후 수정 */
.dx_loan_box .list6-item .between-list-txt .original-rate {margin-right:4px;color:#bbb;text-decoration:line-through;font-size:22px;font-weight:700;}
.dreamloan_event_item.interest .dreamloan_event_bottom {margin-top:12px;}
.dreamloan_event_item.interest .dreamloan_event_tit {margin-bottom:12px;}
.dreamloan_event_item.interest .dx-txtbox-list {margin-top:24px;}
.dreamloan_event_subtit {font-size:14px;color:#494f60;font-weight:700;}
.dreamloan_event_box {margin-top:8px;padding:16px;background-color:#f4f7fc;border-radius:6px;}
.dreamloan_event_box_group + .dreamloan_event_box_group {margin-top:12px;padding-top:12px;border-top:1px solid #d4d8e5;}
.dreamloan_event_box_item {display:flex;justify-content:space-between;font-size:13px;color:#666;line-height:1.4;}
.dreamloan_event_box_item + .dreamloan_event_box_item {margin-top:12px;}
.dreamloan_event_box_tit {display:flex;align-items:center;}
.dreamloan_event_box_tit .btn-tooltip-dx.type2 {background-size:14px;}
.dreamloan_event_box_txt {color:#333;font-weight:700;text-align:right;}

.dreamloan_event_box_item.item2 {align-items:flex-start;color:#143898;}
.dreamloan_event_box_item.item2 .dreamloan_event_box_tit {padding-top:2px;font-weight:700;}
.dreamloan_event_box_item.item2 .dreamloan_event_box_txt {color:#143898;font-size:16px;font-weight:900;}
.dreamloan_event_box_txt_sub {font-size:11px;color:#676d80;font-weight:400;}

.dx-tooltip-wrap.type2.dreamloan-tooltip {z-index:3 !important;width:216px !important;max-width:216px !important;}

/* 20240723587636 처음드림론 - 이용내역 없음 */
.dreamloan-nodata .complete-dx.no-data.resultNone {margin:152px 0 84px;}

/* 20240723587636 처음드림론 - 신청완료 팝업 */
.pop_dreamloan_benefit ul {display:flex;justify-content:center;margin:-6px;padding:16px 0;}
.pop_dreamloan_benefit ul li {flex:1;width:92px;margin:6px;padding:60px 16px 12px;background-color:#fff;border-radius:16px;box-shadow:0px 4px 20px 0px rgba(125, 0, 10, 0.13);text-align:center;font-size:11px;color:#666;background-repeat:no-repeat;background-position:center top;background-size:60px 61px;}
.pop_dreamloan_benefit ul li strong {display:block;font-size:14px;font-weight:900;line-height:22px;}
.pop_dreamloan_benefit ul li.daiso {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_daisoX3.png');}
.pop_dreamloan_benefit ul li.naver {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_naverX3.png');box-shadow:0px 4px 20px 0px rgba(0, 153, 62, 0.13);}
.pop_dreamloan_benefit ul li.cu {background-image:url('/pconts/images/dx/contents/dx_dreamLoan_cuX3.png');box-shadow:0px 4px 20px 0px rgba(125, 0, 120, 0.13);}
.pop_dreamloan_benefit ul li.daiso strong {color:#ea2f3e;}
.pop_dreamloan_benefit ul li.naver strong {color:#00943c;}
.pop_dreamloan_benefit ul li.cu strong {color:#784695;}

/*  20241118627072 처음드림론 - 이용안내 오픈 후 수정 */
.dreamloan_event_info {margin-top:32px;}
.dreamloan_event_info .dx-txtbox-list > li {font-size:13px;line-height:1.4}
.dreamloan_event_info .dx-txtbox-list > li + li {margin-top:4px;}

.btn-wrap-dx.btn_dreamloan_apply {margin-top:32px;padding-bottom:32px;border-bottom:1px solid #eee;}
.btn-wrap-dx.btn_dreamloan_apply .btn {width:400px;border-radius:8px;font-size:16px;}
.btn-wrap-dx.btn_dreamloan_apply .sub_txt {font-size: 14px; color: #494f60;margin-top: 14px;line-height:1.5;}
#dreamloanFloting {position:fixed;bottom:24px;left:50%;right:0;z-index:999;display:inline-flex;justify-content:center;transform:translateX(-50%);width:191px;}
#dreamloanFloting .btn_scroll {display:flex;align-items:center;height:48px;padding:12px 18px 12px 24px;background-color:#1b1f42;color:#fff;border-radius:27px;line-height:1;font-weight:700;}
#dreamloanFloting .btn_scroll::after {content:'';display:inline-flex;width:20px;height:20px;margin-left:4px;background:url('/pconts/images/dx/contents/arrow_down_handle_black_16.svg') no-repeat;}
#dreamloanFloting .btn_close {display:block;position:absolute;top:-8px;right:-4px;width:24px;height:24px;background:url('/pconts/images/dx/contents/delete_circle_gray_24.svg') no-repeat;}
#dreamloanFloting .btn_scroll.up::after {background:url('/pconts/images/dx/contents/arrow_up_handle_black_16.svg') no-repeat;}
.dreamLoan_pop.pop-dx {padding:60px 0;}
.dreamLoan_pop.pop-dx .popup {max-height:100%;}
.dreamLoan_pop.pop-dx .popup .pop_head {padding:30px 24px;}
.dreamLoan_pop.pop-dx .popup .pop_head h3 {margin:0;padding-right:32px;line-height:29px;color:#000;}
.dreamLoan_pop.pop-dx .popup .btn_close {top:30px;right:24px;}
.dreamLoan_pop.pop-dx .popup .pop_cont {padding:0 24px 88px;}
.dreamLoan_pop.pop-dx .popup .pop_btn {left:24px;right:24px;display:flex;padding:20px 0;}
.dreamLoan_pop.pop-dx .popup .pop_btn .btn {flex:1;width:auto;min-width:auto;font-size:16px;}
.dreamLoan_pop.pop-dx .popup .pop_btn .btn + .btn {margin-left:8px;}
.dreamLoan_pop.pop-dx .popup .pop_btn::after {display:none;}
.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .pop_cont {padding-bottom:104px;}
.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .pop_btn {left:16px;right:16px;padding:16px 0;}
.dreamLoan_pop .dreamLoan_pop_tit {font-size:22px;line-height:28px;font-weight:900;}
.dreamLoan_pop .dreamLoan_pop_txt1 {color:#333;line-height:1.4;}
.dreamLoan_pop .dreamLoan_pop_txt2 {margin-top:16px !important;color:#333;line-height:22px;}
.dreamLoan_pop .pop_dreamloan_benefit {margin-top:16px;}
.dreamLoan_pop .pop_dreamloan_benefit ul {margin:0 -6px;}
.dreamLoan_pop .pop_dreamloan_benefit ul li {margin:0 6px;padding:64px 17px 13px;flex:0 0 98px;background-size:64px;line-height:20px;}
.dreamLoan_pop .pop_dreamloan_benefit ul li strong {font-size:15px;line-height:24px;}
.dreamLoan_pop .radio-dx.radio-img {width:auto;margin:32px -12px 0;}
.dreamLoan_pop .radio-dx.radio-img .radio_default input[type="radio"] + span {line-height:18px;}
.dreamLoan_pop .radio-dx.radio-img .radio_default input[type="radio"] + span strong {margin-top:2px;line-height:22px;}

/* 스켈레톤 */
.noData_list.type2.skeleton_solpay.dreamLoan_st01 {margin-top:60px;margin-bottom:61px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0101 {margin:0 auto;width:374px;height:50px;border-radius:2px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0102 {margin:14px auto 0;width:203px;height:50px;border-radius:2px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0103 {margin:78px auto 0;width:208px;height:208px;border-radius:10px;}

.noData_list.type2.skeleton_solpay.dreamLoan_st02 {height:508px;padding-top:48px;border-top:1px solid #eee;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0201 {width:299px;height:28px;border-radius:2px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0202 {margin-top:4px;width:162px;height:28px;border-radius:2px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0203 {margin-top:48px;width:180px;height:18px;border-radius:2px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0204 {margin-top:24px;width:120px;height:18px;border-radius:2px;}
.noData_list.type2.skeleton_solpay .dreamLoan_st0205 {margin-top:24px;width:60px;height:18px;border-radius:2px;}

@media only screen and (max-width: 1100px) {
	/* 20240723587636 처음드림론 - 이용안내 */
	.useguide-conttop-visual.dreamLoan01:after {width:160px;height:151px;}
	.dreamloan_event .sec_tit {text-align:left;}
	.dreamloan_event .sec_txt li {text-align:left;}
	.dreamloan_event .sec_txt li + li {margin-top:4px;}
	.dreamloan_event_group {display:block;margin:0 -8px;}
	.dreamloan_event_item {margin:0;}
	.dreamloan_event_item + .dreamloan_event_item {margin-top:32px;}
	.dreamloan_event_img {display:flex;align-items:center;height:auto;margin-bottom:24px;padding:35px 40px;}

	.dx_loan_info_btn {margin-left:-8px;margin-right:-8px;}
	.dx_loan_info_btn .btn {flex:1;width:100%;padding:0 16px;}

	/* 20241016396600 처음드림론 - 이용안내 오픈 후 수정 */
	.dreamloan_event_img2 {width:250px;margin:0 auto;}

	/* 20240723587636 처음드림론 - 이용내역 없음 */
	.dreamloan-nodata,
	.dreamloan-nodata > .ly_inner,
	.dreamloan-nodata .dreamloan-nodata-cms {display:flex;flex-direction:column;flex-grow:1;}
	.dreamloan-nodata .complete-dx.no-data.resultNone {margin:auto 0;}

	/* 20240723587636 처음드림론 - 완료 페이지 커스텀 */
	.complete-include .common-complete-container {display:flex;flex-direction:column;flex-grow:1;justify-content:center;}
	.complete-include .common-complete-container .common-complete-wrap .common-complete-box {margin:0 !important;height:auto !important;}
	.complete-include .common-complete-container .common-complete-btn .btn-wrap-tf.btn-third {padding:0 !important;}

	/*  20241118627072 처음드림론 - 이용안내 오픈 후 수정 */
	.btn-wrap-dx.btn_dreamloan_apply {display:block;margin-top:24px;padding-bottom:24px;border:none;}
	.btn-wrap-dx.btn_dreamloan_apply .btn {width:100%;}
	.btn-wrap-dx.btn_dreamloan_apply .sub_txt {margin-top:12px;}
	.dreamLoan_pop.pop-dx.small {padding:0;}
	.dreamLoan_pop.pop-dx .popup .pop_head {padding:24px 20px 0;}
	.dreamLoan_pop.pop-dx .popup .pop_head h3 {line-height:24px;}
	.dreamLoan_pop.pop-dx .popup .pop_cont {padding:24px 24px 96px;}
	.dreamLoan_pop.pop-dx .popup .pop_btn {left:0;right:0;padding:16px;}
	.dreamLoan_pop.pop-dx .popup .btn_close {background:url('/pconts/images/dx/contents/header_close_black_24.svg') center center no-repeat;}
	.dreamLoan_pop02.dreamLoan_pop.pop-dx,
	.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup {height:100%;border-radius:0 !important;}
	.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .pop_head {padding:16px 44px;}
	.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .pop_head h3 {padding:0;text-align:center;}
	.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .pop_cont {padding-bottom:80px;}
	.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .btn_close {top:16px !important;right:20px;}
	.dreamLoan_pop02.dreamLoan_pop.pop-dx .popup .pop_btn {left:0;right:0;padding:16px;}
	.dreamLoan_pop .dreamLoan_pop_txt1 {font-size:14px;}
	.dreamLoan_pop .dreamLoan_pop_txt2 {font-size:14px;line-height:20px;}
	.dreamLoan_pop .pop_dreamloan_benefit ul li {padding:60px 16px 12px;flex:0 0 92px;background-size:60px;line-height:18px;}
	.dreamLoan_pop .pop_dreamloan_benefit ul li strong {font-size:14px;line-height:22px;}

	/* 스켈레톤 */
	.noData_list.type2.skeleton_solpay.dreamLoan_st01 {margin-top:24px;margin-bottom:66px;}
	body.iphone .noData_list.type2.skeleton_solpay.dreamLoan_st01 {margin-bottom:65px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0101 {width:210px;height:28px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0102 {margin-top:8px;width:114px;height:28px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0103 {margin-top:66px;width:160px;height:160px;}

	.noData_list.type2.skeleton_solpay.dreamLoan_st02 {height:576px;padding-top:40px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0201 {width:210px;height:26px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0202 {width:114px;height:26px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0203 {margin-top:40px;width:180px;height:18px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0204 {width:120px;height:18px;}
	.noData_list.type2.skeleton_solpay .dreamLoan_st0205 {width:60px;height:18px;}
}




/* 20240521686232 - [The PET] 프리미엄 기프트옵션 신청 화면 제작 */
.h-sol .btn-sol.btn-wrap-dx.btn-text .text_underline {font-size: 16px;}
.list20-dx {margin-top: 16px;}
.list20-item .radio-dx.h-sol input[type="radio"] + span {padding-left: 32px; flex-direction: column;}
.list20-item {border: 1px solid #ddd; border-radius: 8px; padding: 16px 12px; display: flex; justify-content: space-between; align-items: center;}
.list20-item + .list20-item {margin-top: 12px;}
.list20-btn {position: relative; padding-right: 18px;}
.list20-btn span {font-size: 14px;}
.list20-btn:after {content:'';display:block;position:absolute;top:50%;right:0;width:16px;height:16px;background:url('/pconts/images/dx/contents/dx_arrow_next_black.svg') no-repeat center;transform:translateY(-50%);background-size: 100%;}
.list20-tit {font-size: 16px; margin-top: -2px; color: #000;}
.list20-txt {font-size: 14px; color: #666;}
.list20-dx .radio-dx .radio_default input[type="radio"]:disabled + span:after {display: none;}
.dx-txtbox-list.list_sm {font-size: 14px; margin-left: 8px;}
.dx-txtbox-list.list_sm > li:first-child {margin-top: 0;}
.dx-txtbox-list.list_sm > li {margin-top: 8px;}
.h-sol.btn-wrap-dx.line_fixed .btn.sm {width: 196px; min-width: 196px !important;}
.gift-opt-txt {text-align: center; color: #1B1F42; font-size: 14px; padding: 16px 0; margin-top: 8px;}
@media only screen and (max-width: 1100px) {
.list20-item {display: block;}
.list20-btn-wrap {margin-left: 32px;}
.h-sol .btn-sol.btn-wrap-dx.btn-text .text_underline {font-size: 14px;}
.h-sol.btn-wrap-dx.line_fixed {flex-direction: row !important;}
.h-sol.btn-wrap-dx.line_fixed .btn.sm {width: auto; min-width: auto !important;}
.gift-opt-txt {margin-bottom: 16px;}
}


/* 약관동의 전체보기 수정 */
.accordion_body p.agree_view_all{width:100%;}

/* thePet 카드 */
/* 브릿지 */
#cardBridgeSwiper.thePet{margin-top:32px;}
#cardBridgeSwiper.thePet .card-inner{box-shadow:none;}
#cardBridgeSwiper.thePet .swiper-wrapper{padding-top:0;padding-bottom:0;}
#cardBridgeSwiper.thePet .card-front, 
#cardBridgeSwiper.thePet .card-back{width:292px;height:184px;}
#cardBridgeSwiper.thePet .swiper-slide{width:184px;height:292px;}
#cardBridgeSwiper.thePet .swiper-pagination{margin-top:24px;}
#cardBridgeSwiper.thePet .cardBridge-tit{margin-top:0;padding-top:24px;}
#cardBridgeSwiper.thePet .cardBridge-tit::before{display:none;}
#cardBridgeSwiper.thePet .cardBridge-contents .subTit{padding-top:8px;text-align:center;color:#000;}
#cardBridgeSwiper.thePet .cardBridge-contents .box2-dx{width:600px;margin:24px auto 0;padding:20px;background-color:#f5f5f5;}
#cardBridgeSwiper.thePet .cardBridge-contents ul.marker_dot > li,
#cardBridgeSwiper.thePet .cardBridge-contents p.marker_refer,
#cardBridgeSwiper.thePet .cardBridge-contents p.marker_refer::before{color:#666;}
#cardBridgeSwiper.thePet .cardBridge-contents .marker_dot > li::before{background-color:#666;}
@media only screen and (max-width: 1100px) {
    .h-dep1.thePetTit .h_title{font-size:20px;}
    #cardBridgeSwiper.thePet{margin-top:32px;}
    #cardBridgeSwiper.thePet .cardBridge-tit{padding-top:24px;}
    #cardBridgeSwiper.thePet .cardBridge-contents .subTit{padding-right:24px;padding-left:24px;padding-top:16px;}
    #cardBridgeSwiper.thePet .cardBridge-contents .box2-dx{width:100%;padding:0 24px 0 24px;margin-top:24px;background-color:#fff;}
}
/* 신청완료 */
.pop-dx.small.photoPop{padding:0;}
.pop_wrap.small.photoPop .popup{max-height:465px;}
.card-comp-w01.thePet .num-sec{animation:comp01NumSec 35s steps(29) forwards;}
.card-comp-w01.thePet .pbar-sec .pbar{animation:ani_pbar 35s linear forwards}
@media only screen and (max-width: 1100px) {
	.pop_wrap.small.photoPop .popup{max-height:100%;}
}

/*국내이의신청 내역조회*/
.objection .single + .single {margin-top:-1px;}

/*20240726583326 사업자_자동차대출_이메일입력방식_변경 24-08-07 */
.form_type .form_ele .emailplusgb > div{float: none; display: inline-block; width: 46%;}
.form_type .form_ele .emailplusgb > span{font-size: 18px;}

/* 20240801362428 / 20240723488555 Switch 설정 서비스 화면 개발 요청*/
.fs24 {font-size:24px !important}
.icon-text-b3.soft {background: #dae2ff; color:#143898; border-radius: 4px;}
.btn.line_gray.type02 {background: #fff; border: 1px #ccc solid; font-size: 14px; line-height: 48px; height: 48px; color: #000;}
.btn.line_gray.type03 {border-radius: 8px; color: #000; height: 38px; line-height: 38px; min-width: 140px;}
.btn.line_gray.type04 {border-radius: 6px; color: #000; height:38px;line-height:38px; border:1px solid #ccc;min-width:140px;}
.btn.lightgray.type02 {background: #edf0f8; min-width: 140px; border-radius: 6px;}
.height20 {height:20px !important}
.lineheight100p {line-height: 100% !important;}
.position-ab {position: absolute !important;}
.position-rlt {position: relative !important;}
.right0 {right: 0 !important;}
.top0 {top: 0 !important;}
.left0 {left: 0 !important;}
.bottom0 {bottom: 0 !important;}    
.tit3-dx {font-size:20px}
.tit4-dx {font-size:24px; font-weight: 900;}
.btn3-dx {color:#666;}
.btn4-dx {line-height: 18px;text-decoration: underline;text-underline-offset: 4px;}        
.arrow1-dx {display: inline-block; width: 16px; height: 16px; position: relative; }
.arrow1-dx::before {content: ''; display: block; width: 5px; height: 5px; border-top:1px solid #666; border-right:1px solid #666; transform: rotate(45deg); position: absolute; top: 5px; left: 4px;}
.list20-dx > .item {border:1px solid #ddd; border-radius: 8px; padding: 16px; display: flex;}
.list20-dx > .item .img {width: 38px; height:24px; position:relative; margin: 0 8px 0 -8px;}
.list20-dx > .item .img img {position: absolute;top:50%; left: 0; transform: rotate(90deg); }
.list20-dx > .item .info {flex: 1;}
.list20-dx > .item .title {	overflow: hidden; display: -webkit-box;  font-size: 22px; text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px;}
.list20-dx > .item .text {font-size: 14px;margin-top: 4px; line-height: 19px; color: #666;}
.list21-dx > .item {border:1px solid #e7e9ee; border-radius: 16px;}
.list21-dx .tit {background: #f4f7fc; padding: 16px; color:#494f60; text-align: center; border-radius: 16px 16px 0 0; font-weight: 700;}
.list21-dx .con {padding: 24px 16px;}
.list22-dx > .item {display: flex; align-items: center;}
.list22-dx .img {width: 36px; height: 36px; align-self: auto;}
.list22-dx .img > div {background-position: 0 0; background-size: 36px 36px; width: 36px; height: 36px; padding-left: 0; align-self: initial;}
.list22-dx .info {margin-left: 14px; padding-right: 0;}
.list22-dx .title {font-size: 16px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.list22-dx .text {font-size: 14px; margin-top: 4px; line-height: 19px; color: #666;}
.list23-dx > .item {display: flex; padding: 0 8px; position: relative; padding-right: 75px; color: #494f60;}
.list23-dx > .item p {margin-left: 8px;}
.list24-dx > .item {border:1px solid #ddd; border-radius: 8px; display: flex; padding: 20px 0;}
.list24-dx > .item > li {width: 50%; font-size: 16px; text-align: center; color: #666;}
.list24-dx > .item > li b {margin-left: 14px; color: #383b5a; font-weight: 900;}
.list24-dx .has-line {border-left:1px solid #ddd}        
.list25-dx > .item {background-color: #f4f7fc; padding: 16px; border-radius: 12px;}
.list25-dx .tit {display: block; font-size: 14px; color: #3d4964; font-weight: 900; position: relative; padding-left: 20px;}
.list25-dx .tit::before {position: absolute; left: 0;}
.list25-dx .tit.fly::before { content: ' ✈️';}
.list25-dx .tit.domestic::before {content: '🇰🇷';}
.list25-dx .list-bull {font-size:13px; color: #494f60;}
.list25-dx .list-bull li {padding-left: 20px; position: relative;}
.list25-dx .list-bull li+li {margin-top: 8px;}
.list25-dx .list-bull li::before {content: ''; display: block; width: 3px; height: 3px; background:#494f60; position:absolute; left: 8px; top:8px; border-radius: 100%;}      
.list26-dx > .item {background:#f4f7fc; padding: 16px; border-radius: 12px; font-size: 13px; color: #494f60; display: flex;}  
.list26-dx > .item b {color: #000; font-weight: 700; margin-left: 12px;}  
.list27-dx li + li {border-top: 1px solid #eee;}
.list27-dx .tit {font-size: 14px; color: #76798e;}
.list27-dx .con {font-size: 16px; color: #000;}  
.agree1-dx {border: 1px solid #ddd; border-radius: 8px; padding: 14px 40px 14px 12px; position: relative}
.agree1-dx label {display: block; position: relative; cursor: pointer;}
.agree1-dx input[type="checkbox"] { position: relative; width: 24px; height: 24px; border-radius: 50%; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; margin: 0; padding: 0; cursor: pointer;}
.agree1-dx input[type="checkbox"] + span {display: block; position: relative; min-height: 24px; padding-left: 32px; font-weight: 900; color: #666;}
.agree1-dx input[type="checkbox"]:checked + span {color: #000;}
.agree1-dx input[type="checkbox"] + span::before {content:''; display:block; width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 50%;background: #fff url(/pconts/images/dx/contents/dx_icon_check_gray.svg) no-repeat center center; position: absolute; left: 0; top: 0;}
.agree1-dx input[type="checkbox"]:checked + span::before {border-color: #476eff; background: #476eff url(/pconts/images/dx/contents/dx_icon_check_white.svg) no-repeat center center;}
.btn5-dx {background: url(/pconts/images/dx/com/arrownext_small.svg) no-repeat center center; background-size: 24px; width: 48px; height: 100%; position: absolute; right: 0; top: 0; }  
@media only screen and (max-width:1100px) {
	.plate-select .item.mo-type02 {padding: 16px !important;}
	.plate-select .btn.mo-type02 {width: 24px; height: 24px !important; padding: 0;right: 0; top: 50%; transform: translate(0, -50%);}	
	.tit3-dx {font-size:18px; padding:0 8px}
	.tit4-dx {font-size:22px; padding:0 8px}
	.btn3-dx {font-size:14px;}
	.btn4-dx {font-size:14px;}
	.list23-dx > .item {font-size: 13px;}
	.list26-dx > .item {justify-content: space-between;}
}

/* 국민행복카드 신청완료 */
.app_comp_wrap .voucherInfo{margin-top:20px;text-align:center;}
.app_comp_wrap .voucherInfo p.desc{margin-bottom:20px;}
@media only screen and (max-width:1100px) {
	.app_comp_wrap .voucherInfo{text-align:left;}
	.app_comp_wrap .voucherInfo p.desc{margin-bottom:30px;text-align:left;}
}

/* 20240725610923 도시가스 사용계약번호 조회 퍼블 제작요청 -추가요청 */
.w20_auto {width: 20% !important;}
@media only screen and (max-width: 1100px) {
.w20_auto {width: auto !important;}
}

/* 20240725609910 카드이용안내 셀렉박스*/
.pop-dx.pop_wrap.small_tf.pop-dx-sel .popup .pop_cont{padding-bottom:0px;}
#design-select{position:relative;padding:0 24px}
#design-select .select_wrap::before {z-index:12;content:'';display:block;position:absolute;bottom:-30px;left:0;width:100%;height:30px;background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);} 
#design-select .select_wrap.hide-before::before{display:none}
#design-select .btn_select{position: relative;width:100%;display:inline-block;padding:14px 40px 14px 16px;border: 1px solid #b1b7c4;border-radius:8px;font-size: 16px;font-weight:700;color:#000;}
#design-select .btn_select:after{content: '';display: block;position: absolute;position: absolute;top:50%;right:12px;transform:translateY(-50%);width:20px;height:20px;background:url('/pconts/images/dx/com/ico_sol_select.png') no-repeat center;background-size: 20px 20px;}
#design-select .btn_select.focused:after{background: url(' /pconts/images/dx/com/ico_sol_select_down.png') no-repeat center;background-size: 20px 20px;}
#design-select .list_selectbox{display:none;z-index:12;position:absolute;top:58px;left:0;width:100%;border-radius: 8px;box-shadow: 2px 6px 16px 0px rgba(0, 0, 0, 0.20);background:#fff}        
#design-select .list_selectbox li.is_selected a{font-weight:900;color:#476Eff;} 
#design-select .list_selectbox li.is_selected a:after{content: ''; display: block; position: absolute; top: 50%; right: 16px; transform:translateY(-50%); width: 24px; height: 24px; background: url(/pconts/images/dx/contents/dx_icon_check_blue.svg);background-size: cover;}
#design-select .list_selectbox li .txt-option{position:relative;width:100%;display:block;padding:13px 8px 13px 16px;font-size:16px;line-height:22.4px;color:#000;}
#design-select .btn_select.focused{border:1px solid #476eff}
.pop-dx.pop-dx-sel .use-guide-wrap{margin-top:24px;}
.pop-dx.pop-dx-sel .use-guide-wrap .use-guide{display:none} 
.pop-dx.pop-dx-sel .btn-wrap-dx .btn-sm1{min-width:63px;height:38px;line-height:36px;padding:0 14px;border:1px solid #ccc; border-radius:6px;font-size:14px;font-weight:700;color:#000;background-color:#fff;}
@media only screen and (max-width: 1100px){
.pop-dx.small_tf.pop-dx-sel > div{align-items:flex-end;} /*인클루드시 팝업 정렬 맞춤*/
.pop-dx.pop_wrap.small_tf.pop-dx-sel .popup{min-height:500px;}
.pop-dx.pop_wrap.small_tf.pop-dx-sel .popup .pop_cont{padding-bottom:20px;}
.pop-dx.pop-dx-sel .use-guide-wrap{margin-top:0px;}
#design-select{margin-top:16px;padding:0 16px}
#design-select .list_selectbox{padding:4px 0;}
#design-select .list_selectbox li .txt-option{padding:10px 6px 10px 16px;line-height:24px;}
}
@media only screen and (max-width: 320px){
.pop-dx.small_tf.pop-dx-sel .popup{max-height:500px;}
#design-select .list_selectbox li .txt-option{padding:10px 40px 10px 16px;}
}
@media only screen and (max-width: 280px){
.pop-dx.small_tf.pop-dx-sel .popup{max-height:600px;}
#design-select .list_selectbox li .txt-option{padding:10px 23px 10px 16px;font-size:14px;line-height:21px;}
}

/* 20240730530185  FDS사고의심 일시정지 카드 대상 본인 인증을 통한 해제페이지 제작요청 */
.card_inquiry_list .head_tit .card_name + .card_stat::before {content: ''; display: inline-block; width: 1px; height: 11px; margin: 0 10px 0 10px; background-color: #ddd;}
.card_inquiry_list .head_tit .card_stat {font-weight: 700; color: #f14b25;}
@media only screen and (max-width: 1100px) {
.fds_dx.card_inquiry_list.accordion_wrap.type02 .accordion_header .cell1 {padding-right: 40px !important;}
}

/* 20240723380613 [리볼빙] 홈페이지 약정 이전 일시불 적용신청 화면 수정 요청 */
.fn_check_list_wrap.list_box_wrap {border-top: none;}
.fn_check_list_wrap .fn_check_list.list_box .check_wrap .n_border {border: none !important; top: 0 !important; color: #666; font-size: 14px;}
.fn_check_list_wrap .fn_check_list.list_box .info2_border {
    border-top: 1px solid #eeeeee;
    padding: 16px 0 0 0 !important;
    margin: 16px 0 0 35px;
}
.check_wrap span.check_title {color: #000;}
.fn_check_list_wrap .fn_check_list.list_box .info2_border dt {color: #666; font-size: 14px;}
.fn_check_list_wrap .fn_check_list.list_box .info2_border dd {color: #000 !important;}
.list_box_wrap .check_total.fn_total dt {font-size: 20px; color: #000 !important;}
.list_box_wrap .check_total.fn_total dd {color: #000 !important;}
.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list.list_box .check_wrap {margin-left: 0px;}
.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list.list_box li .btn.link {
    right: 0;
}
.fn_check_list_wrap.in_btn_type .fn_check_list.list_box li .fn_check_info2 {margin-top: 16px;}
.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list.list_box li {
    padding: 24px 24px 24px 16px;
    border: 1px solid #dddddd;
    border-radius: 8px;
    margin-bottom: 12px;
}
.check_wrap.gap60_40 .check_default input[type="checkbox"] {width: 24px; height: 24px;}
.check_wrap.gap60_40 .check_default input[type="checkbox"] + span:before {width: 24px; height: 24px; position: absolute; top: 2px;}
.fn_check_list.list_box .check_wrap .check_default input[type="checkbox"] + span:before {width: 24px; height: 24px;}

.fn_check_list_wrap .fn_check_list.list_box input:disabled + span::before {width: 24px; height: 24px; background: #eee; border-radius: 24px;}
.fn_check_list_wrap .fn_check_list.list_box input[readonly] + span:before {width: 24px; height: 24px; background: #eee; border-radius: 24px;}


.fn_check_list_wrap .fn_check_list.list_box .info2_border.info_readonly dt {color: #ccc;}
.fn_check_list_wrap .fn_check_list.list_box .info2_border.info_readonly dd {color: #ccc !important;}
.fn_check_list_wrap .fn_check_list.list_box .check_wrap .check_default input[type="checkbox"] {width: 24px; height: 24px;}

.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap .check_default input:disabled + span {color: #ccc !important;}
.fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list .check_wrap .check_default input[readonly] + span {color: #ccc !important;}

.fn_check_list.list_box .check_wrap .check_default input[type="checkbox"] + span {font-size: 16px; color: #000 !important;}
.fn_check_list.list_box .check_wrap .check_default input[type="checkbox"]:disabled + span:before {background-image: none;}

.check_wrap .check_default input[type="checkbox"] + span.font_sz {font-size: 18px; color: #000;}

.fn_check_list_wrap .fn_check_list.list_box input[readonly] {pointer-events: none;}

.fn_check_list_wrap .fn_check_list.list_box input[disabled] + span:before { margin-left: -5px;}

@media only screen and (max-width: 1100px) {
    .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list.list_box li {padding: 24px 24px 24px 16px;}
}
@media only screen and (max-width: 435px) {
    .fn_check_info2 dt {font-size: 14px;}
    .check_wrap .check_default input[type="checkbox"] + span.font_sz {font-size: 14px;}
    .check_wrap span.font_sz {font-size: 14px !important;}
    .fn_check_group .fn_check_list_wrap.in_btn_type .fn_check_list.list_box li {padding: 16px 16px 16px 12px;}
    .list_box_wrap .check_total.fn_total dt {font-size: 16px;}
}

/* 20240806651274 The PET 카드 런칭 기념 경품이벤트 제작요청 */
#pet_card_evt2408 .pet_card_evt_form {margin-top: 6px; padding-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
#pet_card_evt2408 .pet_card_evt_form .form_ele {width: calc(50% - 20px); margin-top: 24px;}
#pet_card_evt2408 .pet_card_evt_form .form_ele:nth-child(even) {margin-left: 40px;}
#pet_card_evt2408 .pet_card_evt_form .ele_tit label {color: #888; font-size: 16px;}
@media only screen and (max-width: 1100px) {
#pet_card_evt2408 .pet_card_evt_form .form_ele {width: 100%; margin-top: 24px;}
#pet_card_evt2408 .pet_card_evt_form .form_ele:nth-child(even) {margin-left: 0;}
}

/* 20240802450583 / 20240724342530 처음 기반 Anniverse 카드 상세페이지 개발 */
.fs24_18 {font-size: 24px !important;}
#firstAnniverse .form-dx .ui_select_btn {font-size: 22px !important; height: 48px;}
#firstAnniverse .form-dx.form_type .form_ele .col02 > .select_wrap + .select_wrap {margin-left: 24px;}
#firstAnniverse .form-dx {display: flex;}
#firstAnniverse .form-dx .form_ele {width: 100%;}
#firstAnniverse .form-dx .btn_wrap {margin:0 0 0 12px; width: 90px;}
#firstAnniverse .form-dx .btn_wrap .btn {border:2px solid #476eff; color:#476eff; font-weight: 900; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08); max-width: 100%; width: 90px; height: 48px;}
#firstAnniverse .form-dx .btn_wrap .btn:disabled {border:1px solid #ddd; color: #666; box-shadow: none;}
#firstAnniverse .card-img {width: 210px; height: 332px; margin:75px auto 0; position: relative; box-shadow: 5px 10px 20px 0 rgb(0 0 0 / 10%); border-radius: 10px;}
#firstAnniverse .card-img img {position: absolute; /*transform: rotate(90deg);*/ max-width:none; width:210px; /*transform-origin: left top; left: 210px;*/}
#firstAnniverse .card-info {text-align: center; margin-top: 32px;}
#firstAnniverse .card-info .eDate {font-size: 20px;}
#firstAnniverse .card-info .eTitle {font-size: 24px; font-weight: 900;}
#firstAnniverse .card-info .desc {margin:16px auto 0; width: 465px;}
#firstAnniverse .dx-txtbox-list > li {color: #666;}
#firstAnniverse .dx-txtbox-wrap .dx-txtbox-tit {color: #000;}
@media only screen and (max-width:1100px) {
	.fs24_18 {font-size: 18px !important;}
	#firstAnniverse .h-dep1 {margin-top: 26px;}
	#firstAnniverse .form-dx {flex-direction: column;}
	#firstAnniverse .form-dx .btn_wrap {width: 100%; padding: 0 !important; margin:16px 0 0}
	#firstAnniverse .form-dx .btn_wrap .btn {width: 100%; max-width: 100%;}
	#firstAnniverse .card-img {margin-top: 52px;}
	#firstAnniverse .card-info .desc {width: auto;}
}

/* 20240827621241 [The PET, The Premium PET] 특화서비스 화면 제작 수정 */
.form-dx.form02 > .form_ele + .text_tip.error.gap {padding-left: 200px;}
.form-dx.form02 > .form_ele + .text_tip.error.gap + .form_ele {margin-top: 24px;}
@media only screen and (max-width: 1100px) {
.form-dx.form02 > .form_ele + .text_tip.error.gap {padding-left: 100px;}
}

/* 휴대폰인증 약관동의 */
.contents-box .dx-phone-agree + .form-dx{margin-top:42px;}
.bg_gray .dx-phone-agree .dx-agreetype.agreement_wrap .accordion_header,
.bg_gray .dx-phone-agree .dx-agreetype.agreement_wrap .accordion_body{background:#fff;}
.n-card .pesnAuth-small-size .form_ele:first-child .work_info .dx-phone-agree{margin-top:15px;}
.n-card .dx-phone-agree .dx-agreetype.agreement_wrap .accordion_body .check_agree input[type="checkbox"] + span:after{top:50%;width:24px;height:24px;}
.n-card .dx-phone-agree .dx-agreetype.agreement_wrap .agreement_inner .agree_depth03{padding-left:0;padding-top:0;}
@media only screen and (max-width: 1100px){
	.contents-box .dx-phone-agree + .form-dx{margin-top:24px;}
}

/* 20240716654239 도그푸딩 테스트 내 문구이슈 일괄 수정 요청 건 (카드홈>서비스) */
.step_box_wrap.ars_pay01_step .step_box.step1 .img {background: url('/pconts/images/contents/benefit/pay/2024_ars_step1.png') no-repeat !important; background-size: 100%;}
.step_box_wrap.ars_pay01_step .step_box.step2 .img {background: url('/pconts/images/contents/benefit/pay/2025_ars_step2.png') no-repeat !important; background-size: 100%;}
.step_box_wrap.ars_pay01_step .step_box.step3 .img {background: url('/pconts/images/contents/benefit/pay/2025_ars_step3.png') no-repeat !important; background-size: 100%;}
.step_box_wrap.ars_pay01_step .step_box.step4 .img {background: url('/pconts/images/contents/benefit/pay/2025_ars_step4.png') no-repeat !important; background-size: 100%;}
.step_box_wrap.password_pay01_step .step_box.step1 .img {background-image: url('/pconts/images/contents/benefit/pay/2024_pw01_step1.png') !important;}
.step_box_wrap.password_pay02_step .step_box.step1 .img {background-image: url('/pconts/images/contents/benefit/pay/2024_pw01_step1.png') !important;}
@media only screen and (max-width: 1100px) {
    .step_box_wrap.ars_pay01_step .step_box.step1 .img {background: url('/pconts/images/contents/benefit/pay/2024_ars_step1.png') no-repeat !important; background-size: 100% !important;}
    .step_box_wrap.ars_pay01_step .step_box.step2 .img {background: url('/pconts/images/contents/benefit/pay/2025_ars_step2.png') no-repeat !important; background-size: 100% !important;}
    .step_box_wrap.ars_pay01_step .step_box.step3 .img {background: url('/pconts/images/contents/benefit/pay/2025_ars_step3.png') no-repeat !important; background-size: 100% !important;}
    .step_box_wrap.ars_pay01_step .step_box.step4 .img {background: url('/pconts/images/contents/benefit/pay/2025_ars_step4.png') no-repeat !important; background-size: 100% !important;}
}

/* 20240821642689 아모레 PLCC 고객센터 페이지 메뉴삭제 및 문구 수정 요청  */
.amore_dx .radio_tab_wrap li input[type="radio"]:checked + span {background-color: #fff !important; color: #4868e1 !important; border: 2px solid #4868e1 !important;} 
.amore_dx .radio_tab_wrap ul > li {margin: 0;}
.amore_dx .radio_tab_wrap li + li {margin-left: 4px;}
.amore_dx .radio_tab_wrap li label input[type="radio"] + span {padding: 0 14px !important; font-size: 14px !important; height: 44px; border-radius: 3px;}
@media only screen and (max-width: 1100px) {
.amore_dx .df_list_wrap .df_list .item.tit {width: 60%; padding: 16px 20px 0 10px;}
.amore_dx .df_list_wrap .df_list .item.con {width: 40%;}
} 

/* 20240830598586 [이벤트] 학원업종 미션달성형 캐시백 이벤트 */
.dxgoalpop .radio_wrap.type_grid ul li {width: 100%; margin-bottom: 16px !important;}
.dxgoalpop .radio_wrap.type_btn .radio_btn input[type="radio"] + span,
.dxgoalpop .check_wrap.type_btn .check_btn input[type="checkbox"] + span {border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box;}
.dxgoalpop .radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span,
.dxgoalpop .check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {border: 1px solid #476eff; box-sizing: border-box; box-shadow: 0 0 0 2px #476eff inset;}
.dxgoalpop .btntxtwrap {display: flex;}
.dxgoalpop .radio_wrap.type_btn li .radio_btn input[type="radio"] + span {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 20px 30px;}
.dxgoalpop .radio_wrap.type_grid .radio_btn input[type="radio"] + span strong {display: block; font-size: 19px; font-weight: 700; margin-right: 12px;}
.dxgoalpop .radio_wrap.type_grid .ico + strong {padding: 0;}
.dxgoalpop .smalltxt {font-size: 16px; font-weight: 700; color: #666;}
.dxgoalpop .radio_wrap.type_grid .ico {width: 60px; height: 60px; background-color: #edf0f8; border-radius: 100%; margin-right: 12px; background-image: url('/pconts/images/icon/icon-150-type2-21.png'); background-size: 33px 33px; background-repeat: no-repeat; background-position: center;}
.dxgoalpop input[type="radio"]:focus + span,
.dxgoalpop input[type="checkbox"]:focus + span {box-shadow: none;}
.dxgoalpop .radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span,
.dxgoalpop .check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {color: #000;}
.dxgoalresult {width: 100%; padding: 30px; background-color: #f4f7fc; border-radius: 10px;}
.dxgoalresult .smalltxt {font-weight: 400; margin-top: 1px;}
.dxgoalresult .money {font-size: 22px; font-weight: 700; color: #000;}
.dxgoalresult .won {font-size: 18px; font-weight: 700; color: #666;}
.dxgoalresult .cont {display: flex; align-items: flex-start; justify-content: space-between;}
.dxgoalresult .spentmoney {display: flex; align-items: center;}
.dxgoalresult .spentmoney strong {margin-right: 12px; font-size: 19px; font-weight: 700; color: #000;}
.dxgoalresult .cont + .cont {margin-top: 10px; margin-bottom: 10px;}
.dxgoalresult .cont.goalmoney {padding-top:10px; margin-bottom: 0; border-top: 1px solid #ccc;}
/* notselect 클래스 추가 시, 추가 이용금액, 목표금액 숨김 */
.dxgoalresult.notselect .plusmoney,
.dxgoalresult.notselect .goalmoney {display: none;}
.dxgoalpop2 .dxgoalmoney {width: 100%; border: 1px solid #ddd; border-radius: 10px;}
.dxgoalpop2 .dxgoalmoney .wrap {width: 407px; margin: 40px auto;}
.dxgoalpop2 .dxgoalmoney .progress {text-align: center; position: relative !important; top: inherit !important; left: inherit !important; text-align: center !important; min-width: auto !important; z-index: inherit !important; -webkit-transform: none !important;}
.dxgoalpop2 .dxgoalmoney .progress_tit {font-size: 16px;}
.dxgoalpop2 .dxgoalmoney .progress_price {position: relative; margin-top: 0;}
.dxgoalpop2 .dxgoalmoney .progress_price::before {content: ''; display: block; width: 100%; height: 11px; position: absolute; top: 13px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.dxgoalpop2 .dxgoalmoney .progress_price .info {background-color: #fff; display: inline-block; padding: 0 15px; font-size: 16px; font-weight: 900; position: relative; z-index: 1;}
.dxgoalpop2 .dxgoalmoney .progress_price .info strong {font-size: 18px; font-weight: 900;}
.dxgoalpop2 .dxgoalmoney .progress_bg {width: 100%; height: 20px; position: relative; background: url('/pconts/images/shcard/220623_my-m-bg01.jpg') repeat-x left top/26px auto; margin-top: 19px; border-radius: 2px;}
.dxgoalpop2 .dxgoalmoney .progress_bg .progress_bar {width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-color: #476eff; transition: width .5s cubic-bezier(0.66, 0.02, 0.25, 0.96);}
.dxgoalpop2 .dxgoalmoney .infolist {margin-top: 16px;}
.dxgoalpop2 .dxgoalmoney .infolist .list_item {display: flex; justify-content: space-between;}
.dxgoalpop2 .dxgoalmoney .infolist .list_item + .list_item {margin-top: 6px;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:first-child {flex: 1 1 auto;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:first-child .tit {padding-left: 19px; position: relative;}
.dxgoalpop2 .dxgoalmoney .list_item .cell .tit.point::before {background-color: #476eff;}
.dxgoalpop2 .dxgoalmoney .list_item .cell .tit::before {content: ''; position: absolute;left: 0;display:inline-block; border-radius: 50%; width: 10px; height: 10px; top: 8px; background-color: #d0dae6;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:last-child {text-align: right; font-weight: 700; font-size: 16px; flex: 1 1 auto;}
.dxgoalpop2 .dxgoalmoney .list_item .cell strong {font-size: 18px;}
.dxgoalpop2 .countbox {width: 100%; padding: 30px; margin-top: 16px; background-color: #f4f7fc; border-radius: 10px; display: flex; flex-wrap: wrap;}
.dxgoalpop2 .countbox strong {font-size: 19px; font-weight: 700; color: #000;}
.dxgoalpop2 .countbox .cont {width:100%; display: flex; justify-content: space-between;font-size: 18px; font-weight: 700; color: #666;}
.dxgoalpop2 .countbox .cont + .cont {margin-top: 10px;}
.dxgoalpop2 .countbox .cont .num {font-size: 22px; color: #000;}
.dxgoalpop2 .accordion_wrap {margin-top: 30px;}
.dxgoalpop2 .accordion_wrap .accordion_body {overflow-y: auto; max-height: 272px;}
/* 목표달성 */
.dxgoalpop2 .progress_bg .success_img {display: none;}
.dxgoalpop2 .progress_bg.success .success_img {display: block;position: absolute;width: calc(120px * 0.82);height: 100%; top: -132px; right: -44px; color: transparent;}
.dxgoalpop2 .c-bull3 {color: #666;}
@media only screen and (max-width: 1100px) {
.dxgoalpop .radio_wrap.type_btn ul {flex-wrap: wrap;}
.dxgoalresult .spentmoney {flex-direction: column; align-items: flex-start;}
.dxgoalpop .radio_wrap.type_grid .ico {margin-top: 0;}
.dxgoalpop .radio_wrap.type_btn li .radio_btn input[type="radio"] + span {padding: 20px;}
.dxgoalpop .btntxtwrap {display: block;}
.dxgoalpop .radio_wrap.type_grid .radio_btn input[type="radio"] + span strong {margin-right: 0; text-align: left; margin-bottom: 3px; font-size: 15px;}
.dxgoalpop .smalltxt {font-size: 13px;}
.dxgoalpop .radio_wrap.type_grid .ico {width: 50px; height: 50px; background-size: 28px 28px; margin-right: 10px;}
.dxgoalpop .radio_wrap.type_grid ul li {margin-bottom: 10px !important;}
.dxgoalresult {padding: 20px;}
.dxgoalresult .spentmoney strong {font-size: 15px;}
.dxgoalresult .spentmoney strong + .smalltxt {margin-top: 3px;}
.dxgoalresult .money {font-size: 16px;}
.dxgoalresult .won {font-size: 14px;}
.dxgoalresult .cont {align-items: flex-start;}
.dxgoalresult .cont.goalmoney {padding-top: 15px;}
.dxgoalresult .plusmoney {margin-bottom: 15px !important;}
.dxgoalresult .smalltxt {margin-top: 0;}
.dxgoalpop2 .dxgoalmoney .wrap {width: calc(100% - 40px);margin: 30px auto;}
.dxgoalpop2 .dxgoalmoney .progress_tit {font-size: 14px;}
.dxgoalpop2 .dxgoalmoney .progress_price .info strong {font-size: 16px;}
.dxgoalpop2 .dxgoalmoney .progress_price .info {font-size: 16px;}
.dxgoalpop2 .dxgoalmoney .list_item .cell:first-child .tit {font-size: 14px;}
.dxgoalpop2 .dxgoalmoney .list_item .cell strong {font-size: 16px;}
.dxgoalpop2 .countbox {padding: 20px; margin-top: 10px; align-items: center;}
.dxgoalpop2 .countbox strong {font-size: 15px;}
.dxgoalpop2 .countbox .cont {font-size: 14px; color: #000;}
.dxgoalpop2 .countbox .cont .num {font-size: 16px;}
.dxgoalpop2 .countbox .cont + .cont {margin-top: 4px;}
.dxgoalpop2 .c-bull3 {font-size: 15px; line-height: 22px;}
.dxgoalpop2 .progress_bg.success .success_img {width: 72.6px; top: -120px; right: -32px;}
.dxgoalpop2 .accordion_wrap {margin-top: 40px-;}
.dxgoalpop2 .dxgoalmoney .list_item .cell .tit::before {top: 6px}
}
@media only screen and (max-width: 720px) {
.dxgoalpop2 .dxgoalmoney .wrap {width: 280px;}
}

/* 카드신청-플레이트가 없는경우 */
.card_sec.ncard-plate.type02 .card_top_wrap.noPlate{padding-bottom:0;}
.app_comp_wrap.noPlate{padding-top:50px;}
@media only screen and (max-width: 1100px) {
    .card_sec.ncard-plate.type02 .card_top_wrap.noPlate{padding-bottom:20px;}
    .app_comp_wrap.noPlate p.title{margin-top:0;}
}

/* 20240829485068 해외사용안심설정(Self-fds)수정요청 */
@media only screen and (max-width: 1100px) {
    .foreign_self_fds .accordion_wrap .state_list > dd {width: 100%; white-space: normal;}
    .foreign_self_fds .accordion_wrap .state_list > dd span {word-break: break-all;}
}

/* 20240906545222 장기카드대출 상환방식 화면 변경 2024-09-19 조재우 */
.repay_info_wrap.longterm_dc .repay_txt{width: 100%}
.repay_info_wrap.longterm_dc .repay_txt .s_tit{font-weight: 700;}
.repay_info_wrap.longterm_dc .repay_info{width: 316px;}    
.repay_info_wrap.longterm_dc .repay_info .repay_result{height: 32px; padding: 6px 14px; font-weight: 700; min-width: 72px;}
.repay_info_wrap.longterm_dc .repay_info .repay_result:first-child{width: 120px;}
.repay_info_wrap.longterm_dc .repay_info .repay_result:nth-child(2){padding: 6px 11px; width: 72px;}
.repay_info_wrap.longterm_dc .repay_info .repay_result:last-child{width: 100px;}

@media only screen and (max-width: 1100px){
	.repay_info_wrap.longterm_dc .repay_info{width: 100%;} 
	.repay_info_wrap.longterm_dc .repay_info .repay_result:last-child{padding: 6px 12px;}
}

/* 20240925542630 뷰티pack 비주얼수정 */
.useguide-conttop-box.fee .useguide-conttop-visual.beautypick:after{background-image:url('/pconts/images/dx/contents/fee_visual_img_beautypick01.png');}
.contbox-list-view > li dl.fee_bg_baemin:before{background-image:url('/pconts/images/dx/contents/fee_icon_baemin.png');}  

/* 20240904497041 채권 채무조정 심사 결과 통보 디자인요청  */
.c-list4.dx .item > .tit {width: 100px}
@media only screen and (max-width: 1100px) {
.c-list4.dx .item > .tit {width: 70px}
}

/* 20240930599788 카드신청-얼굴인증추가 */
.n-card .form_ele .btnPhotoFace{width:100%;margin-top:15px;text-align:center;font-weight:400;font-size:13px;color:#111;text-decoration:underline;}
.n-card .form_ele .btnPhotoFace span{text-decoration:underline;}
@media only screen and (max-width: 1100px){
    .n-card .form_ele .btnPhotoFace span{font-size:1.2rem;}
}

.pop-dx.small_tf.no-btn .popup.pop_listplus .pop_cont {padding: 0 24px 0 !important;}
.pop_listplus .hidden_listitem {display: none; opacity: 0; transition: opacity 0.3s ease-in-out;} 
.pop_listplus .hidden_listitem.show {display: block; opacity: 1;} 
.pop_listplus .listPlus_toggleButton::after {content: '';position: absolute; right: calc(50% - 10px); bottom: 0;width: 20px;height: 20px;transform: rotate(90deg);background: url(/pconts/images/shcard/arr-60-r-a.png) center center no-repeat;
background-size: 100% auto;}
.pop_listplus .listPlus_toggleButton.active::after {transform: rotate(270deg);}



/* 카드상세 개편 s */
#wrap.cardDetail2024 {padding-bottom:90px}
#cardCompareAfter.dx2024 {position: relative;}
#cardCompareAfter.dx2024 > .bg {background: linear-gradient(180deg, rgba(217, 217, 231, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%); width: 100vw; height: 530px; position: absolute; top: 0; left:50%; margin-left: -50vw;}
#cardCompareAfter.dx2024.compare_gapt {margin-top:0 !important;}
#cardCompareAfter.dx2024 .top {display: flex; padding-top: 100px; position: relative;}  
#cardCompareAfter.dx2024.compare_gapt .top {padding-top: 152px;}     
#cardCompareAfter.dx2024 .top .info {flex: 1; min-width:0}   
#cardCompareAfter.dx2024 .top .info-name {position: relative;}       
#cardCompareAfter.dx2024 .top .info-name .card_name {position: relative;}   
#cardCompareAfter.dx2024 .top .info-name .card_name h1 {font-size: 38px; padding-right: 80px; line-height: 150%; font-weight: 900;}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns_balloon, 
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_add_balloon {display: none;}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns, #cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add {width: 24px; height: 24px; position: absolute; top: 15px; overflow: visible;}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns img, #cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add img {vertical-align: top;}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns {right:48px;}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add {right:0}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns:hover .btn_sns_balloon,
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add:hover .btn_add_balloon
{display: block; position: absolute; display: inline-block; background: #3d4964; white-space: nowrap; border-radius: 8px; color: #fff; font-size: 14px; padding: 8px 16px; left: 50%; top: -52px; transform:translateX(-50%);}
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns:hover .btn_sns_balloon::after,
#cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add:hover .btn_add_balloon::after
{content: ''; display: inline-block; position: absolute; bottom: -14px; border-top: 7px solid transparent; border-right: 7px solid #3d4964; border-bottom: 7px solid transparent; border-left: 7px solid transparent; transform: rotate(-90deg) translateY(-50%); left: 50%;}            
#cardCompareAfter.dx2024 .top .info-summary {font-size: 24px; margin-top:14px; color: #888;}
#cardCompareAfter.dx2024 .top .info-benefit {margin-top: 24px; padding-top: 24px; border-top: 1px solid #ddd;}
#cardCompareAfter.dx2024 .top .info-benefit > li {display: flex; font-size: 22px;}
#cardCompareAfter.dx2024 .top .info-benefit > li + li {margin-top: 16px;}
#cardCompareAfter.dx2024 .top .info-benefit > li span {flex:0 0; flex:none; color: #666; white-space: nowrap;}
#cardCompareAfter.dx2024 .top .info-benefit > li b {font-weight: 900; padding-left: 8px; flex: 1;}
#cardCompareAfter.dx2024 .top .info-benefit.row > li {flex-direction: column;}
#cardCompareAfter.dx2024 .top .info-benefit.row > li span, #cardCompareAfter.dx2024 .top .info-benefit > li b {width: auto;}
#cardCompareAfter.dx2024 .top .info-benefit.row > li b {padding-left: 0;margin-top:4px; flex-basis:auto}
#cardCompareAfter.dx2024 .top .info-design {margin-top: 36px; }
#cardCompareAfter.dx2024 .top .info-design .tit {font-size: 20px; font-weight: 900; display: block;}
#cardCompareAfter.dx2024 .top .info-design > ul {display: flex; flex-wrap: wrap; margin:14px -9px; overflow: auto;}
#cardCompareAfter.dx2024 .top .info-design .item {width: 88px; text-align: center; margin:0px 9px 0; padding-bottom:13px; line-height: 1;}
#cardCompareAfter.dx2024 .top .info-design .item .cover {width: 88px; position: relative; line-height: 1;}
#cardCompareAfter.dx2024 .top .info-design .item .cover .card-wrap {width: 88px; height: 140px;}
#cardCompareAfter.dx2024 .top .info-design .card {perspective: 1000px; position: relative; top: 50%; left: 50%; display: block; height: 88px; width: 140px; transform: translate(-50%, -50%) rotate(90deg);}
#cardCompareAfter.dx2024 .top .info-design .btn-flip {display: inline-block; width: 24px; height: 24px; margin-top:10px; background: url('/pconts/images/dx/contents/icon_flip.png') no-repeat center center/100% auto; margin-bottom:-3px}
#cardCompareAfter.dx2024 .top .info-design .card-inner {position: absolute; width: 100%;height: 100%;transform-style: preserve-3d;transition: transform 0.3s;}
#cardCompareAfter.dx2024 .top .info-design .card.flip .card-inner {transform: rotateX(180deg);}
#cardCompareAfter.dx2024 .top .info-design .front, #cardCompareAfter.dx2024 .top .info-design .back {position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; box-shadow: 6px 0px 12px -2px rgb(50 50 93 / 25%), 3px 0px 7px -3px rgb(0 0 0 / 30%); border-radius: 9px;}
#cardCompareAfter.dx2024 .top .info-design .back {transform: rotateX(180deg);}
#cardCompareAfter.dx2024 .top .info-design .back.cardRotate {transform: rotateX(0deg) !important}
#cardCompareAfter.dx2024 .top .info-design .front img, #cardCompareAfter.dx2024 .top .info-design .back img {position: relative; top: 0;}
#cardCompareAfter.dx2024 #cardType1 {width: 399px; height: 539px; flex: none;}
#cardCompareAfter.dx2024 .info.type1 {margin-left: 69px; position: relative; background: #fff;}
#cardCompareAfter.dx2024 #cardType1 .card-pc {position:relative; width:100%; height:100%; border-radius: 10px;  background-position: center center; background-repeat:no-repeat; background-size: 100%;}
#cardCompareAfter.dx2024 #cardType1 .card-mo {display: none; background-repeat:no-repeat; position:relative; width: 100%; height: 100%; border-radius: 0; background-position: center top;}
/* 24-11-18 주석처리 해주세요. s */
/* #cardCompareAfter.dx2024 #cardType1 .card-mo::after {content: ''; display: inline-block; width: 26px; height: 27px; background:url('/pconts/images/dx/contents/intro_arrow-2024.png') no-repeat 0 0/100% auto; position: absolute; bottom: 30px; left: 50%;transform: translateX(-50%);} */
/* 24-11-18 주석처리 해주세요. e */
#cardCompareAfter.dx2024 #cardType1 .card-mo .gradation {position: absolute; width: 100%; height: 100%; background:linear-gradient(180deg, rgba(255,255,255,0), rgba(0,0,0,0.21) 61.39%);}
#cardCompareAfter.dx2024 #cardType1 .card-mo .card-name {display: flex; align-items: center; justify-content: center; font-weight: 900; position: absolute; bottom: 73px; color: #fff; font-size: 28px; width: 100%; text-align: center; padding: 0 24px;}
/* 24-11-18 주석 풀어주세요. */
#cardCompareAfter.dx2024 #cardType1 .card-mo .card-name::before, 
#cardCompareAfter.dx2024 #cardType1 .card-mo .card-name::after
{content:' '; display: block; width:26px; height:15px; background:url('/pconts/images/dx/contents/intro_arrow-2024-1.png') no-repeat 0 0/100% auto; position: absolute; bottom: -30px; left: 50%; margin-left: -13px;}
#cardCompareAfter.dx2024 #cardType1 .card-mo .card-name::before {bottom:-27px; animation: arrowUp1 2s .3s infinite;}
#cardCompareAfter.dx2024 #cardType1 .card-mo .card-name::after {bottom:-40px; animation: arrowUp1 2s infinite;} 
#cardCompareAfter.dx2024 #cardType1 .card-mo.up .card-name {animation: padeUp 1s forwards;} 
#cardCompareAfter.dx2024 #cardType1 .card-mo.down .card-name {animation: padeDown 1s forwards;}
/* 24-11-18 주석처리 해주세요. s */
/*
#cardCompareAfter.dx2024 #cardType1 .card-mo.up::after {animation: padeUpAfter 1s forwards;}
#cardCompareAfter.dx2024 #cardType1 .card-mo.down::after {animation: padeDownAfter 1s forwards;}
*/
/* 24-11-18 주석처리 해주세요. e */

#cardCompareAfter.dx2024 .info.type2 {margin-left: 70px; position: relative;}
#cardCompareAfter.dx2024 #cardType2 {width:445px; flex-shrink: 0;}
#cardCompareAfter.dx2024 #cardType2 .swiper-container {height: 300px; padding:15px 0 34px; box-sizing: content-box;}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide {width: 189px; margin: 0 20px; display: flex; align-items: flex-end;}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide .btn-flip { position: absolute; bottom: -34px; left: 0; right: 0; display: none; width: 24px; height: 24px; margin: 0 auto; background: url(/pconts/images/dx/contents/icon_flip.png) no-repeat center center/100% auto;}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide.swiper-slide-active .btn-flip {display: inline-block}
#cardCompareAfter.dx2024 #cardType2 .cover {position: relative; overflow: visible;}
#cardCompareAfter.dx2024 #cardType2 .card-wrap {width:189px; height:300px; position: relative; transform-origin: center bottom; transition: transform 0.3s; transform:scale(0.4666)}
#cardCompareAfter.dx2024 #cardType2 .card {perspective: 1000px; width: 300px; height: 189px; position: absolute; left: -80px; bottom:0; transform: rotate(90deg) translate(-50%, 70px); transform-origin: center bottom; }
#cardCompareAfter.dx2024 #cardType2 .card .card-inner {position: absolute; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.3s;} 
#cardCompareAfter.dx2024 #cardType2 .card .card-inner img {transform: translateZ(10px);}
#cardCompareAfter.dx2024 #cardType2 .card .front, #cardType2 .card .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; backface-visibility: hidden; box-shadow:6px 0px 12px -2px rgb(50 50 93 / 25%), 3px 0px 7px -3px rgb(0 0 0 / 30%); border-radius: 12px; transform: translateZ(10px);}
#cardCompareAfter.dx2024 #cardType2 .card .back {transform: rotateX(180deg) translateZ(10px);}
#cardCompareAfter.dx2024 #cardType2 .card .back.cardRotate {transform: rotateX(0deg) !important;}
#cardCompareAfter.dx2024 #cardType2 .card.flip .card-inner {transform:rotateX(180deg);}
#cardCompareAfter.dx2024 #cardType2.no-swiper .swiper-pagination {display: none;}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide {transition:none; opacity:0}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide.changing, #cardCompareAfter.dx2024 #cardType2 .swiper-slide.changed {transform: translateX(55px);}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide.changing {transition: transform 0.3s; opacity:1}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide.changed {transition: none; opacity:1}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changing, #cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changed {transform: translateX(0);} 
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active ~ .changing, #cardCompareAfter.dx2024 #cardType2 .swiper-slide-active ~ .changed {transform: translateX(-55px);}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide.changing .card-wrap {transition: transform 0.3s}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide.changed .card-wrap {transition:none}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changed .card-wrap,
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changing .card-wrap
{transform:scale(1);} 
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active .card .card-inner img {transform: translateZ(0px);}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active .front, #cardType2 .swiper-slide-active .back {transform: translateZ(0px);}
#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active .back {transform: rotateX(180deg) translateZ(0px);}

#cardCompareAfter.dx2024 #cardType2 .swiper-pagination {position:relative;bottom:0;display:flex;justify-content:center;margin:24px 0 0px;}
#cardCompareAfter.dx2024 #cardType2.no-flipBtn .swiper-pagination {margin-top:0;} 
#cardCompareAfter.dx2024 #cardType2 .swiper-pagination-bullet {width:6px;height:6px;background-color:#ddd;opacity:1;border-radius:6px;}
#cardCompareAfter.dx2024 #cardType2 .swiper-pagination-bullet.swiper-pagination-bullet-active {width:16px;background-color:#383b5a;}
#cardCompareAfter.dx2024 #cardType2 .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:6px;}   
#cardCompareAfter.dx2024 .container {position: relative;}         
#cardCompareAfter.dx2024 .container .sect {margin-top: 60px;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note .accordion_header:only-of-type:first-child .acc_btn {padding-top: 10px; padding-bottom: 10px; font-weight: 700;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note {margin-top: 0; color: #666 !important;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note > * {color:#666; font-size:16px}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note [class*=marker_] {color:#666}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note [class*=marker_] * {color:#666 !important; font-size:16px}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note [class*=marker_] > li {color:#666 !important; font-size:16px}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note [class*=marker_]::before {background-color: #666 !important;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note [class*=marker_] > li::before {background-color: #666 !important;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note .marker_refer {color:#666}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note .marker_refer::before {background:none !important; color:#666 !important}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note .marker_refer > li::before {background:none !important;  color:#666!important}
#cardCompareAfter.dx2024 .container .sect.data {margin-top: 90px;}
#cardCompareAfter.dx2024 .container .sect.data > div + div {margin-top: 24px;}
#cardCompareAfter.dx2024 .container .sect.data .btn-pop {font-size: 20px; position: relative; padding-right: 24px;}
#cardCompareAfter.dx2024 .container .sect.data .btn-pop::after {content: ''; display: inline-block; position: absolute; top: 10px; width: 10px; height: 10px; border-top:2px solid #000; border-right:2px solid #000; transform:rotate(45deg); right:10px;}
#cardCompareAfter.dx2024 .container .sect.data .annual-fee {display: flex; align-items: center; flex-wrap: wrap; margin:-24px 0 0 -20px;}
#cardCompareAfter.dx2024 .container .sect.data .annual-fee > li {display: flex; align-items: center; margin: 24px 0 0 20px;}
#cardCompareAfter.dx2024 .container .sect.data .annual-fee .ico_brand {position: relative; top: -2px;}
#cardCompareAfter.dx2024 .container .sect.data .annual-fee .ico_brand + span {margin-left: 4px;}
#cardCompareAfter.dx2024 .container .sect.tel {display: none;}
#cardCompareAfter.dx2024 .container .sect.tel .btn {font-size: 14px; height: 48px; line-height: 48px; color: #494f60; border: 1px solid #ddd; display: block; }
#cardCompareAfter.dx2024 .container .sect.tel .btn span {position: relative; padding-left:24px;}
#cardCompareAfter.dx2024 .container .sect.tel .btn span::after {content: ''; width:24px; height:24px; position: absolute; left: -5px; top: -2px; display: inline-block; background:url('/pconts/images/dx/contents/call-2024.png') no-repeat 0 0/100% auto}
#cardCompareAfter.dx2024 .container .sect.similar .tit {display: block; font-size: 24px; font-weight: 900;}
#cardCompareAfter.dx2024 .container .sect.similar .card {display: flex; margin: 40px -26px 0;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li {margin: 0 26px; width: calc(33.333% - 52px); }
#cardCompareAfter.dx2024 .container .sect.similar .card > li > a {display: flex; align-items: flex-start;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li .img {width: 88px; height: 144px; position: relative; box-shadow: 0 6px 12px -2px rgba(50,50,93,0.25), 0px 3px 7px -3px rgba(0,0,0,0.3); border-radius: 4px;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li .img img {height: 88px; width: 144px; position: absolute; left: 0; top: 0; transform: rotate(90deg); max-width: none; transform-origin: left top; left: 88px;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div {padding-left: 8.21%; width: 69.63%;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div strong {display: block; font-size: 20px; font-weight: 900;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div li {font-size: 16px; color: #666;}
#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div ul {width: 100%; margin-top: 10px;}
#cardCompareAfter.dx2024 .container .sect.reason {margin-top: 80px;}
#cardCompareAfter.dx2024 .container .sect.company {margin-top: 10px;}
#cardCompareAfter.dx2024 .container .sect.company .ly_inner {background: #f4f7fc; border-radius: 12px; padding: 16px; }
#cardCompareAfter.dx2024 .container .sect.company .ly_inner > * {color: #494f60 !important;}  
#cardCompareAfter.dx2024 .container .sect.company [class*=marker_] {color:#494f60 !important}    
#cardCompareAfter.dx2024 .container .sect.company [class*=marker_] * {color:#494f60 !important; font-size:16px}
#cardCompareAfter.dx2024 .container .sect.company [class*=marker_] > li {color:#494f60 !important; font-size:16px}
#cardCompareAfter.dx2024 .container .sect.company [class*=marker_]::before {background-color: #494f60 !important;}
#cardCompareAfter.dx2024 .container .sect.company [class*=marker_] > li::before {background-color: #494f60 !important;}
#cardCompareAfter.dx2024 .container .sect.company .marker_refer {color:#494f60 !important}
#cardCompareAfter.dx2024 .container .sect.company .marker_refer::before {background:none !important; color:#494f60 !important}
#cardCompareAfter.dx2024 .container .sect.company .marker_refer > li::before {background:none !important;  color:#494f60!important}    
#cardCompareAfter.dx2024 .container .sect.company .j-para {font-weight: 700;}
#cardCompareAfter.dx2024 .event_bnr.no_swiper .swiper-button-prev, #cardCompareAfter.dx2024 .event_bnr.no_swiper .swiper-button-next, #cardCompareAfter.dx2024 .event_bnr.no_swiper .swiper-pagination-fraction {display: none;}
#cardCompareAfter.dx2024 .event_bnr .ly_inner {border-radius: 8px; background:#f6f6f6;}
#cardCompareAfter.dx2024 .event_bnr .swiper-container {border-radius: 8px; } 
#cardCompareAfter.dx2024 .event_bnr .event_cont .tit {color:#494f60;}
#cardCompareAfter.dx2024 .event_bnr .event_cont .txt {color:#494f60;} 
#cardCompareAfter.dx2024 .event_bnr .event_cont .link {padding:31px 38px;}                           
#cardCompareAfter.dx2024 .event_bnr .swiper-pagination-fraction {color: #494f60; font-size: 12px; order: 2;}
#cardCompareAfter.dx2024 .event_bnr .swiper-pagination-fraction .swiper-pagination-current {color: #000; font-weight: 900;}
#cardCompareAfter.dx2024 .event_bnr .swiper-controls {top:auto; right:auto; bottom:-44px; left: 50%; transform: translateX(-50%); margin-left: -7px;}
#cardCompareAfter.dx2024 .event_bnr .swiper-controls .swiper-button-play, #cardCompareAfter.dx2024 .event_bnr .swiper-controls .swiper-button-pause {width: 20px; height: 18px; background:#f1f1f3; border-radius: 4px; margin-right: 8px; top: 2px;}
#cardCompareAfter.dx2024 .event_bnr .swiper-controls .swiper-button-play::before,
#cardCompareAfter.dx2024 .event_bnr .swiper-controls .swiper-button-pause::before
{background-repeat: no-repeat; background-size: 16px auto; background-position: center; border: none; width: 100%; height: 100%; left: 0; top: 0;}
#cardCompareAfter.dx2024 .event_bnr .swiper-controls .swiper-button-play::before {background-image:url('/pconts/images/shcard/ico-48-control1-a.png')}
#cardCompareAfter.dx2024 .event_bnr .swiper-controls .swiper-button-pause::before {background-image:url('/pconts/images/shcard/ico-48-control1-b.png')}
#cardCompareAfter.dx2024 .event_bnr .swiper-button-prev, #cardCompareAfter.dx2024 .event_bnr .swiper-button-next {top: auto; right: auto; bottom: -46px; left: 50%; width: 24px; height: 24px; background: url(/pconts/images/dx/com/arrownext_small.svg) no-repeat 0 0/cover;;}
#cardCompareAfter.dx2024 .event_bnr .swiper-button-prev::before, .event_bnr .swiper-button-next::before {content: none;}
#cardCompareAfter.dx2024 .event_bnr .swiper-button-prev {margin-left: -60px; transform: rotate(180deg);}
#cardCompareAfter.dx2024 .event_bnr .swiper-button-next {margin-left: 20px;}   
/* #cardCompareAfter.dx2024 .event_bnr .swiper-button-play::before {border-color:transparent transparent transparent #494f60; }
#cardCompareAfter.dx2024 .event_bnr .swiper-button-pause::before {border-color: #494f60;}                                                      */
#cardCompareAfter.dx2024 .event_subBanner {padding-bottom: 44px; box-sizing: content-box; transition: none; background:none}
#cardCompareAfter.dx2024 .event_subBanner .inner {border-radius: 8px;}
#cardCompareAfter.dx2024 .event_subBanner.no_swiper {padding-bottom: 0;}
#cardCompareAfter.dx2024 .event_bnr .swiper-container-fade .swiper-slide {background:transparent !important}

#cardCompareAfter.dx2024 .event_subBanner.img_right .event_cont .img {right: 30px;}
#cardCompareAfter.dx2024 .event_subBanner .event_cont .label {border-color:#494f60; color: #494f60; font-size: 12px; padding:0 12px; line-height: 26px;}  
#cardCompareAfter.dx2024 #benefitType2 .item + .item {margin-top: 50px;}
#cardCompareAfter.dx2024 #benefitType2 p + .tit_dep2, #benefitType2 ul + .tit_dep2, #benefitType2 div + .tit_dep2 {margin-top:50px}
#cardCompareAfter.dx2024 #benefitType2 .tit_dep2 {font-size: 20px; margin-bottom: 14px; font-weight: 900; }
#cardCompareAfter.dx2024 .benefit_cont_wrap .tit_dep2 {font-size: 20px; margin-bottom: 14px; font-weight: 900;}           
#cardCompareAfter.dx2024 #fixedBtn {position: fixed; bottom: 0; z-index:10; width: 100%; left: 0; background:#fff; border-top:1px solid #eee; margin-top: 0;}
#cardCompareAfter.dx2024 #fixedBtn .wrap {padding:24px 0; width: 100%; display: inline-flex; justify-content: center; max-width: 980px;  margin: 0 auto;}
#cardCompareAfter.dx2024 #fixedBtn .wrap .btn + .btn {margin-left:8px}
#cardCompareAfter.dx2024 #fixedBtn .wrap .card-name {text-align: center; font-size: 20px; font-weight: 900; display: flex; align-items: center;}
#cardCompareAfter.dx2024 #fixedBtn .wrap .btn-area {flex:1; flex-basis: 400px; max-width: 400px; display: flex; margin-left: 24px; }
#cardCompareAfter.dx2024 #fixedBtn .wrap .btn-area > button, #cardCompareAfter.dx2024 #fixedBtn .wrap .btn-area > a {flex: 1; font-size: 16px;}
#cardCompareAfter.dx2024 #fixedBtn .wrap .btn-area .lightgray {width: 127px; flex: none;}   
#cardCompareAfter.dx2024 #fixedBtn .wrap .btn-area .btn.blue.btnLength1 {max-width:100%}
@keyframes padeUp {0%{transform:translateY(0); opacity: 1;} 100%{transform:translateY(-70px); opacity: 0;}}
@keyframes padeDown {0%{transform:translateY(-20px); opacity: 0;} 100%{transform:translateY(0); opacity: 1;}}
@keyframes arrowUp1 {
	0%{opacity: 0;} 
	50%{opacity: 1;} 
	100%{opacity: 0;}
}
@keyframes padeUpAfter {0%{transform:translateY(0) translateX(-50%); opacity: 1;} 100%{transform:translateY(-70px) translateX(-50%); opacity: 0;}}
@keyframes padeDownAfter {0%{transform:translateY(-20px) translateX(-50%); opacity: 0;} 100%{transform:translateY(0) translateX(-50%); opacity: 1;}}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary {display: flex; margin: 0 -10px;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col {width: calc(33.333% - 20px); flex-basis: 33.333%;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item {background-color:#eff0f5; border-radius: 8px; margin: 0 10px;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item + .item {margin-top: 20px;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item button {text-align: left; padding: 24px 30px; position: relative; width: 100%;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item button::before, #cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item button::after {position: absolute; display: inline-block; content: ''; width: 20px; height: 20px; top: 24px; right: 30px;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item button::before {background: #fff; border-radius: 100%;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item button::after {background:url('/pconts/images/dx/com/arrownext_small.svg') no-repeat 0 0/cover; }
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item .title {display: block; font-size: 14px; color: #323b50; font-weight: 700; padding-right: 20px;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item .title + * {margin-top: 10px;}   
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary * {color: #666;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary [class*=marker_] {color: #666 !important;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary [class*=marker_] > li {color: #666 !important;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary [class*=marker_]::before {background-color: #666 !important;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary [class*=marker_] > li::before {background-color: #666 !important;}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .marker_refer {color:#666 !important}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .marker_refer::before {background:none !important; color:#666!important}
#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .marker_refer > li::before {background:none !important; color:#666 !important}
#cardCompareAfter.dx2024 #fixedBtn.only-mBtn .btn-area {display: none;}
#cardCompareAfter.dx2024 #fixedBtn.only-pcBtn {display: block;}
#cardCompareAfter.dx2024 #fixedBtn.fixedBtnHide {position: relative;}
#cardCompareAfter.dx2024 #fixedBtn.fixedBtnShow {position: fixed;}

@media only screen and (max-width: 1100px) {
	#wrap.cardDetail2024 {padding-bottom:0px}
	#cardCompareAfter.dx2024 > .bg {height:262px;}
	#cardCompareAfter.dx2024.compare_gapt {margin-top:0 !important;}  
	#cardCompareAfter.dx2024 .top.type2 {flex-direction: column; padding-top: 0;}
	#cardCompareAfter.dx2024.compare_gapt .top.type2 {padding-top: 32px;}
	#cardCompareAfter.dx2024 .top .info-name {font-size: 26px; font-weight: 900; padding-top: 0px;}
	#cardCompareAfter.dx2024 .top .info-name .card_name h1 {font-size: 26px; padding-right:70px}
	#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns, #cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add {top: 10px; right: 0;}
	#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns {right: 39px;}
	#cardCompareAfter.dx2024 .top .info-name .card_name .btn_sns:hover .btn_sns_balloon,
	#cardCompareAfter.dx2024 .top .info-name .card_name .btn_card_add:hover .btn_add_balloon {display: none;}
	#cardCompareAfter.dx2024 .top .info-summary {font-size: 16px; margin-top: 10px;}
	#cardCompareAfter.dx2024 .top .info-benefit > li {font-size: 18px;}
	#cardCompareAfter.dx2024 .top .info-benefit > li + li {margin-top: 12px;}
    #cardCompareAfter.dx2024 .top .info-benefit > li b {padding-left: 4px;}
    #cardCompareAfter.dx2024 .top .info-design {margin-top: 40px;}          
	#cardCompareAfter.dx2024 .top .info-design > ul {max-width: initial; width: 100%;}   
	#cardCompareAfter.dx2024 .top .info-design .item {margin:10px 9px 0; padding-bottom:13px}   
	#cardCompareAfter.dx2024 .top .info-design .tit {font-size: 18px;}
	#cardCompareAfter.dx2024 .top .info-design .btn-flip {margin-bottom: -13px;}
	#cardCompareAfter.dx2024 .info.type2 {margin-left: 0;}
	#cardCompareAfter.dx2024 #cardType2 {width:100vw; margin: 0 -24px;}
	#cardCompareAfter.dx2024 #cardType2.no-flipBtn {padding-bottom:0}
	#cardCompareAfter.dx2024 #cardType2 + .info .info-name {padding-top: 35px;}
	#cardCompareAfter.dx2024 #cardType2.no-swiper.no-flipBtn + .info .info-name{padding-top:0px;}
	#cardCompareAfter.dx2024 #cardType2 .info {margin-left: 0px;}
	#cardCompareAfter.dx2024 #cardType2 .swiper-container {width: 294px; height:206px; padding-top: 48px;}
	#cardCompareAfter.dx2024 #cardType2 .swiper-slide {width:130px; margin: 0 9px;}
	#cardCompareAfter.dx2024 #cardType2 .card-wrap {width: 130px; height: 206px; transform:scale(0.48444)}
	#cardCompareAfter.dx2024 #cardType2 .card {height: 130px; width: 206px; transform: rotate(90deg) translate(-50%, 50px); left: -53px;}
	#cardCompareAfter.dx2024 #cardType2 .card .front, #cardType2 .card .back {border-radius: 8px;}
	#cardCompareAfter.dx2024 #cardType2 .swiper-slide.changing, #cardCompareAfter.dx2024 #cardType2 .swiper-slide.changed {transform: translateX(38px);}
	#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changing, #cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changed {transform: translateX(0);} 
	#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active ~ .changing, #cardCompareAfter.dx2024 #cardType2 .swiper-slide-active ~ .changed {transform: translateX(-38px);}
	#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changed .card-wrap,
	#cardCompareAfter.dx2024 #cardType2 .swiper-slide-active.changing .card-wrap
	{transform:scale(1);} 
    #cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note P.marker_dot + .marker_dot, .marker_dot > li + li {margin-top: 4px;}                 
	#cardCompareAfter.dx2024 .container .sect.data {margin-top: 40px;}
	#cardCompareAfter.dx2024 .container .sect.tel {display: block}
	#cardCompareAfter.dx2024 .container .sect.data > div + div {margin-top: 16px;}
	#cardCompareAfter.dx2024 .container .sect.data .annual-fee {margin:-8px -9px 0}
	#cardCompareAfter.dx2024 .container .sect.data .annual-fee > li {margin:8px; font-size: 14px;}
	#cardCompareAfter.dx2024 .container .sect.data .annual-fee .ico_brand {width: 36px; height: 18px;}
	#cardCompareAfter.dx2024 .container .sect.data .annual-fee .ico_brand img {width:100%; height: auto;}
	#cardCompareAfter.dx2024 .container .sect.data .btn-pop {font-size:16px;}
	#cardCompareAfter.dx2024 .container .sect.data .btn-pop::after {top:7px;}
	#cardCompareAfter.dx2024 .container .sect.similar .tit {font-size: 16px;}
	#cardCompareAfter.dx2024 .container .sect.similar .card {flex-direction: column; margin: 24px 0 0}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li {margin: 30px 0 0; width: 100%;}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li:first-child {margin-top: 0;}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li .img {width: 63px; height: 100px;}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li .img img {height: 63px; width: 100px; left: 63px;}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div {padding-left: 20px; flex: 1;}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div strong {font-size: 16px;}
	#cardCompareAfter.dx2024 .container .sect.similar .card > li .img + div li {font-size: 12px;}
	#cardCompareAfter.dx2024 .container .sect.precautions {margin-top: 40px;}
	#cardCompareAfter.dx2024 .container .sect.company {margin-top: 16px;}
	#cardCompareAfter.dx2024 .container .sect.company .ly_inner {font-size: 14px;}
	#cardCompareAfter.dx2024 .container .sect.company .ly_inner div, #cardCompareAfter.dx2024 .container .sect.company .ly_inner p {font-size: 16px;}  
	#cardCompareAfter.dx2024 .event_bnr .event_cont .link {padding:20px 18px 14px}
	#cardCompareAfter.dx2024 .event_subBanner.img_right .event_cont .img {right: 18px;}  
	#cardCompareAfter.dx2024 #benefitType1 .benefit-summary {flex-direction: column;}
	#cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col {width: 100%;}  
	#cardCompareAfter.dx2024 #fixedBtn.m-none {display: none;}
	#cardCompareAfter.dx2024 #fixedBtn.only-mBtn .btn-area {display: block;}
	#cardCompareAfter.dx2024 #fixedBtn.only-pcBtn {display: none;}
	#cardCompareAfter.dx2024 #fixedBtn .btn_wrap:not(.btn_group) .btn.lightgray + .btn.blue {margin-left:8px}	
	#cardCompareAfter.dx2024 #fixedBtn .wrap {width: 100%; padding:20px 16px;}
	#cardCompareAfter.dx2024 #fixedBtn .wrap .card-name {display: none;}
	#cardCompareAfter.dx2024 #fixedBtn .wrap .btn-area {min-width: initial; margin-left: 0; max-width:100%}    
	#cardCompareAfter.dx2024 #fixedBtn .wrap .btn.lightgray {margin-left: 0 !important;}
	#cardCompareAfter.dx2024 #fixedBtn .wrap .btn.blue.btnLength1 {margin-left:0 !important}
    #cardCompareAfter.dx2024 #benefitType1 .benefit-summary .col .item + .item {margin-top: 18px;}            
}
@media only screen and (max-width: 980px) { /* 탭 */
	#cardCompareAfter.dx2024 .top #cardType1 {width:340px;}
	#cardCompareAfter.dx2024 .top .info.type1 {margin-left:6.12%; flex: 1;}
    #cardCompareAfter.dx2024 .top.type1 {padding-top: 60px;}
    #cardCompareAfter.dx2024.compare_gapt .top.type1 {padding-top: 90px;}
    #cardCompareAfter.dx2024 .top.type1 #cardType1 .card-pc {background-size: 120%;}
    #cardCompareAfter.dx2024 .top.type1 .info-name {padding-top: 0;}
}                         
@media only screen and (max-width: 767px) { /* 모바일 */
	#cardCompareAfter.dx2024 .top {flex-direction: column; padding-top: 0;}
    #cardCompareAfter.dx2024 .top.type1 {padding-top: 0px;}
    #cardCompareAfter.dx2024.compare_gapt .top.type1 {padding-top: 0;}
	#cardCompareAfter.dx2024 .top .info-design > ul {width: 100vw; flex-wrap: nowrap; margin:14px 0 0 0px; padding-right:35px;}
	#cardCompareAfter.dx2024 .top .info-design > ul > li:first-child {margin-left: 0;}
	#cardCompareAfter.dx2024 .top .info-design > ul > li:last-child {margin-right: 0px;}
	#cardCompareAfter.dx2024 .top #cardType1 {width: 100vw; height: calc(100vh - 56px); margin: 0 -24px; z-index: 0; position: fixed; top: 56px;}
	.app_pLay #cardCompareAfter.dx2024 .top #cardType1 {top:0;}
	#cardCompareAfter.dx2024 .top #cardType1 .card-pc {display: none;}
	#cardCompareAfter.dx2024 .top #cardType1 .card-mo {display:block;}
	#cardCompareAfter.dx2024 .top .info.type1 {top: calc(100vh - 56px); margin-left:0; margin: 0 -24px; padding: 0 24px; width: 100vw;}
    #cardCompareAfter.dx2024 .top.type1 .info-name {padding-top: 36px;}
}

/* 팝업 */
.pop-dx.pop-gradient .pop_cont {padding:24px 32px 104px !important}
.pop-dx.pop-gradient .pop_head {position: relative; overflow: visible; z-index: 12; color: #000;}
.pop-dx.pop-gradient .pop_head.gradient::after {content: ""; display: block; position: absolute; bottom:-29px; left: 0; z-index: 1; width: 100%; height: 30px; background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.00) 100% )}  
.pop-dx.pop-gradient .pop_btn {padding: 16px;}
.pop-dx.pop-gradient .pop_btn span {font-size: 16px;}
.pop-dx.pop1-dx.large .popup {width: 980px; max-height: 600px;}
.pop-dx.pop1-dx .btn.type580 {width: 580px !important; min-width: initial !important;}
.pop-dx.pop1-dx .btn.type400 {width: 400px !important; min-width: initial !important;}
.pop-dx.pop1-dx .popup_type01 .pop_btn {padding-left: 0; padding-right: 0;}
.pop-dx.pop1-dx .popup_type01 .pop_btn .btn {min-width: 100%;}
#popPaymentBank .bank_list.bank_list-dx {margin-left: 0;}
#popPaymentBank .bank_list.bank_list-dx {display: flex; flex-wrap: wrap;}
#popPaymentBank .bank_list.bank_list-dx > li {width: 50%; padding-left: 0; display: flex; align-items: center;}
#popPaymentBank .bank_list.bank_list-dx > li + li {margin-top: 24px;}
#popPaymentBank .bank_list.bank_list-dx > li > img {width: 38px;}
#popPaymentBank .bank_list.bank_list-dx > li > img + .bank_name {margin-left: 20px; padding-left: 0;}
#popAnnualFee table colgroup col {width:auto !important}
#popAnnualFee table td,#popAnnualFee table th {color: #666; font-weight: 700; padding: 8px 7px;}
#popPaymentBank .bank_list.bank_list-dx li:nth-child(1), #popPaymentBank .bank_list.bank_list-dx li:nth-child(2) {margin-top: 0;}
/* #popAnnualFee .table_wrap.annual-fee table td:nth-child(4), #popAnnualFee .table_wrap.annual-fee table th:nth-child(4)  {padding-right: 30px;} */
/* #popAnnualFee .table_wrap.annual-fee table .color_darkgray {white-space: nowrap;} */
#popBenefitDetail.pop-dx.pop-gradient .popup {height: 634px; max-height: auto;}
#popBenefitDetail.pop-dx.pop-gradient .popup .pop_head h3 {opacity: 0;}
#popBenefitDetail.pop-dx.pop-gradient .popup {padding-bottom: 20px;}
#popBenefitDetail.pop-dx.pop-gradient .pop_cont {padding:0px 22px 0px !important; overflow-y:scroll}
#popBenefitDetail #benefitDetail .benefit_cont_wrap {padding:56px 10px 120px;}  
#popBenefitDetail #benefitDetail .benefit_cont_wrap > .tit_dep2 {font-size: 20px; margin-bottom: 14px; font-weight: 900;}
#popBenefitDetail #benefitDetail .tit-wrap {position: relative; display: flex; flex-direction: column; align-items: center;}
#popBenefitDetail #benefitDetail .tit-wrap strong {width:100%; font-size: 24px; font-weight: 700; text-align: center;}
#popBenefitDetail #benefitDetail .pagination-wrap {display:inline-flex; padding-top: 16px; align-items: center;}
#popBenefitDetail #benefitDetail .pagination-wrap > * {position: relative;}
#popBenefitDetail #benefitDetail .swiper-button-prev, #popBenefitDetail #benefitDetail .swiper-button-next {width: 24px; height: 24px; margin-top: 1px;}
#popBenefitDetail #benefitDetail .swiper-button-prev {background: url(/pconts/images/dx/com/arrowback_small.svg) no-repeat 0/24px auto; left: -16px;}
#popBenefitDetail #benefitDetail .swiper-button-next {background: url(/pconts/images/dx/com/arrownext_small.svg) no-repeat 0/24px auto; right: -16px;}
#popBenefitDetail #benefitDetail .swiper-pagination-bullet {width: 9px; height: 9px; background: #d1d2d9; opacity: 1; margin: 0 2px;}
#popBenefitDetail #benefitDetail .swiper-pagination-bullet-active {background: #293143; width:24px; border-radius: 7px}
#popBenefitDetail #benefitDetail .deep_eco_card_list{padding:0 20px;}
#popBenefitDetail #benefitDetail .deep_eco_card_list li .img_front{margin-right:20px;}
#popBenefitDetail #benefitDetail .benefit_cont_wrap .point_add dl{width:32.5%}
#popBenefitDetail #benefitDetail .service_used ul{width:450px;}
#popBenefitDetail #benefitDetail .service_used ul li.aside{width:450px;}
#popBenefitDetail #benefitDetail .service_used ul li.aside > div:before{left:0;width:226px;}
#popBenefitDetail #benefitDetail .service_used ul li.aside i.ico:before{left:2px;}
#popBenefitDetail #benefitDetail .service_used ul li.aside i.ico:after{left:221px;}
#popBenefitDetail #benefitDetail .service_used ul li.aside > div:after{width:180px;}
#popBenefitDetail #benefitDetail .card_detail_yogiyoStep .card_step_box{width:273px;margin-right:40px;}
#popBenefitDetail #benefitDetail .card_detail_yogiyoStep .card_step_box:nth-child(2){margin-right:40px;}
#popBenefitDetail #benefitDetail .card_detail_yogiyoStep .card_step_box:nth-child(3){margin-right:0;}
#popBenefitDetail #benefitDetail .card_detail_yogiyoStep .card_step_box:before{right:-20px;}
#popBenefitDetail #benefitDetail .map_area_wrap .map_list li .space{width:80%;}
#popBenefitDetail #benefitDetail .card_img_box{padding:0 80px;}
#popBenefitDetail #benefitDetail p + .tbl_tit{margin-top:16px;}
@media only screen and (max-width: 1100px) {
    .pop-dx.pop-gradient .pop_cont {padding: 24px 24px 96px !important;}
    .pop-dx.pop-gradient .popup_type01 .pop_btn::before {display: none;}
	.pop-dx.pop1-dx .popup_type01 .pop_btn {/*padding:20px 24px;*/ padding:16px}
	#popPaymentBank .bank_list.bank_list-dx > li {width: 100%;}
	#popPaymentBank .bank_list.bank_list-dx > li > img + .bank_name {margin-left: 14px;}
	#popPaymentBank .bank_list.bank_list-dx li:nth-child(2) {margin-top: 24px;}
	#popAnnualFee .table_wrap.annual-fee th, #popAnnualFee .table_wrap.annual-fee td {font-size: 12px; padding:10px 0px;}
	#popAnnualFee .table_wrap.annual-fee td {vertical-align: top;}
	/* #popAnnualFee .table_wrap.annual-fee table td:nth-child(4), #popAnnualFee .table_wrap.annual-fee table th:nth-child(4)  {padding-right: 20px;} */
	#popBenefitDetail.pop-dx.pop-gradient .pop_cont {padding:0px 14px 0px !important}
	#popBenefitDetail.pop-dx.pop-gradient {max-height: 100%; padding-top: 56px;}
	#popBenefitDetail.pop-dx.pop-gradient .popup {padding-bottom: 0px; height: 100%; max-height: 100%;} 
	#popBenefitDetail #benefitDetail .tit-wrap strong {font-size: 18px; line-height: 22px;}
	#popBenefitDetail #benefitDetail .pagination-wrap {padding-top: 14px;}
	#popBenefitDetail #benefitDetail .swiper-button-prev, #popBenefitDetail #benefitDetail .swiper-button-next {display: none;}
	#popBenefitDetail #benefitDetail .swiper-button-next.swiper-button-disabled, #popBenefitDetail #benefitDetail .swiper-button-prev.swiper-button-disabled {display: none !important;}
	#popBenefitDetail #benefitDetail .benefit_cont_wrap {padding-top: 24px; padding-bottom: 40px;}    
    #popBenefitDetail #benefitDetail .benefit_cont_wrap .point_add dl{width:100%}
    #popBenefitDetail #benefitDetail .service_used ul{width:100%;}
    #popBenefitDetail #benefitDetail .service_used ul li.aside{width:101px;padding-bottom:20px;}
    #popBenefitDetail #benefitDetail .service_used ul li.aside > div:before{left:-29px;width:80px;}
    #popBenefitDetail #benefitDetail .service_used ul li.aside i.ico:before{left:-27px;}
    #popBenefitDetail #benefitDetail .service_used ul li.aside i.ico:after{left:46px;}
    #popBenefitDetail #benefitDetail .service_used ul li.aside > div:after{width:37px;}
    #popBenefitDetail #benefitDetail .service_used + .marker_refer{margin-top:50px;}
    #popBenefitDetail #benefitDetail .card_detail_yogiyoStep .card_step_box{width:100%;margin-right:0;}
    #popBenefitDetail #benefitDetail .card_img_box{padding:0;}
}        
/* 카드상세 개편 e */


/* 20241002388124 신한 SOL페이 디자인 - 헤딩 */
/* .h-sol: 정선아, .h-sol2: 임수정 */
* + .h-sol2.h-dep2 {margin-top:48px;}
.h-sol2.h-dep1 .h_title {font-size:24px;font-weight:900;}
.h-sol2.h-dep2 .h_title {font-size:18px;font-weight:700;}  
.contents_heading + .h-sol2.h-dep1 + .h-sol2.h-dep2 {margin-top:32px;}
.form_button_list.sol2-a > li{flex:0 0 50%}
.form_button_list.sol2-b > li .form_button_label{padding:24px 20px;}
.form_button_list.sol2-b .form_btn_infobox + .form_btn_infobox{margin-top:16px;}
.form_button_list.sol2-b .form_btn_infobox .form_info_inner > div{display:flex;}
.form_button_list.sol2-b .form_btn_infobox .form_info_inner{display:inherit;}
.form_button_list.sol2-b .myacc_txt2 {font-size:14px;color:#666;}
.form_button_list.sol2-b .myacc_txt2 .myacc_card_txt2{color:#494f60;}
.form_button_list.sol2-b .myacc_txt2 .btn_wrap{margin-left:14px !important;}    
.form_button_list li.w200 {flex: 0 0 200px;}        
/* 타이틀 사이드 텍스트 */
[class*='h-dep'].side-badge .badge-msg{display:flex;align-items:center;justify-content:center;height:24px;margin-left:6px;padding:0 8px 0 24px;border-radius: 48px;color:#476eff;background:#f4f7fc url('/pconts/images/dx/contents/ic-pic-complete.svg') no-repeat 8px center;font-size:12px;font-weight:900;}
/* 아코디언 재정의 버튼 */
.paymentDateBtn .accordion-dx{border:0}  
.paymentDateBtn .accordion-dx .accordion_header{display:inline-block;}
.paymentDateBtn .accordion-dx .accordion_header .acc_btn{padding:0;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.paymentDateBtn .accordion-dx .accordion_header .acc_btn::before{width:20px;height:20px;margin-left:2px;right:-20px;background-size:20px;}          
/* list28-dx */
.list28-dx + .list28-dx {margin-top:36px;} 
.list28-dx {border:1px solid #edf0f8;padding:16px;border-radius:12px;}
.list28-tit {font-size:14px;color:#666;font-weight:900;}
.list28-info {margin-top:16px;padding-top:16px;border-top:1px solid #eee;}
.list28-dx .text-split-item{font-size:16px;}  
.list28-dx .between-list-tit{color:#676d80;font-size:14px;} 
.list28-dx .between-list-txt{color:#000;font-weight:700;font-size:14px;}   
.list28-dx.bg-down{position:relative;}
.list28-dx.bg-down::before{content:'';display:block;width:20px;height:20px;margin-left:-10px;position:absolute;left:50%;top:-19px;transform:translate(0,-50%);background: url(/pconts/images/dx/com/arrow_down_handle_black_16.svg);}  
/* 결제일 */
.flex-date-group{display:flex;flex-wrap:wrap;margin:-6px -4px}
.flex-date-group > li{width:20%;padding:6px 4px;}   
.flex-date-group > li .date-item{width:100%;height:100%;padding:16px 12px;border:1px solid #ddd;border-radius:8px;line-height:14px;}    
.flex-date-group > li .date-item:disabled{border-color:#ddd;}
.flex-date-group > li .date-item:disabled span{color:#ccc;}
.flex-date-group > li .date-item span{font-size:14px;font-weight:900;color:#666;}
.flex-date-group > li .date-item.selected{border-color:#383b5a;box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.08);}
.flex-date-group > li .date-item.selected span{color:#000;}            
/*팝업 버튼*/
.pop-dx.small_tf .pop_btn.pop-btn-sol2{padding: 16px 16px 16px 0;}
.pop-dx.small_tf .pop_btn.pop-btn-sol2 .btn{width:100%}
/*팝업 카드 리스트*/    
.list4-group.list4-group-sol2 .between-list-group .between-list-item{align-items: center;}
.list4-group.list4-group-sol2 .list4-item{padding: 0;}
.list4-group.list4-group-sol2 .list4-item + .list4-item{margin-top: 24px; padding-top: 24px;border-top: 0;}
.list4-group.list4-group-sol2 .list4-item .list4-info{margin-left: 20px;}
.list4-group.list4-group-sol2 .list4-item .list4-link{padding:16px 0;margin:-16px 0}
.list4-group.list4-group-sol2 .list4-plate{margin: 0; width: 40px;}
.list4-group.list4-group-sol2 .list4-plate-inner{width: 62px;}
.list4-group.list4-group-sol2 .list4-item .list4-tit{font-size: 16px; font-weight: 400; text-overflow: ellipsis; overflow: hidden;}
.list4-group.list4-group-sol2 .list4-item .between-list-group{margin-top: 6px;} 
.list4-group.list4-group-sol2 .list4-item  .card-type > span{font-size: 14px; line-height: 22px;}
.list4-group.list4-group-sol2 .list4-item  .card-type > span:nth-child(2){display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}
@media only screen and (max-width: 1100px){
    /* 신한 SOL페이 디자인 - 헤딩 */
    /* .h-sol: 정선아, .h-sol2: 임수정 */
    * + .h-sol2.h-dep1 {margin-top:24px;} 
    * + .h-sol2.h-dep1 .h_title{margin:0 8px;}
    * + .h-sol2.h-dep2 {margin-top:24px;}
    .contents_heading + .h-sol2.h-dep1 + .h-sol2.h-dep2 {margin-top:24px;}
    [class*='h-dep'].side-badge .badge-msg{margin-left:0;}/* 타이틀 사이드 텍스트 */
    .form_button_list.sol2-a > li{flex:1;}
    .form_button_list.sol2-b > li{flex-basis:100%;}
    .form_button_list.sol2-b > li .form_button_label{padding:16px 20px;}
    .form_button_list.sol2-b .form_btn_infobox .form_info_inner{margin-top:4px}
    .form_button_list li.w200 {flex: 1;}
    .paymentDateBtn .accordion-dx .accordion_header{margin-left:8px;} 
    .pop-dx.small_tf .pop_btn.pop-btn-sol2{padding:16px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #fff 14.37%, #fff 100%);}
    .pop-dx.small_tf .pop_btn.pop-btn-sol2:before{display:none}
    .list4-group.list4-group-sol2 .list4-item .between-list-group{margin-top: 4px;}
    .list4-group.list4-group-sol2 .list4-plate{width: 28px;}
    .list4-group.list4-group-sol2 .list4-plate-inner{width: 44px;}
    .list4-group.list4-group-sol2 .list4-plate-img {height:28px; top:calc(50%);} 
    .list4-group.list4-group-sol2 .list4-item .card-type > span{font-size: 14px;}
    .list4-group.list4-group-sol2 .ico_card_logo{height: 13px; width: 16px;}
    .list4-group.list4-group-sol2 .list4-item .list4-info{ margin-left: 14px;}
    .list4-group.list4-group-sol2 .list4-item + .list4-item{margin-top:20px; padding-top:20px;}
    .list4-group.list4-group-sol2 .list4-item .list4-link{margin: -20px 0; padding: 20px 0;} 
}

/* 20240924376992 / 20240730630121 명세서 수령방법 변경 화면 수정 요청*/
.myacc_select_wrap{margin-bottom:14px;}
.myacc_select_wrap .myacc_select_btn{
	overflow: hidden;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 100%;
    height:48px;
	padding-top:11px;
	padding-right:10px;
	padding-bottom:11px;
	padding-left: 16px;
	border: 1px solid #dddddd;
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	font-size: 16px;
	/* z-index: 10; */
}
.myacc_select_wrap .myacc_select_value{
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 100%;
	padding-right:24px;
	font-size:16px;
	font-weight:900;
	color:#000;
	text-align: left;
	/* 	text-overflow: ellipsis;
	white-space: nowrap; */
}
.myacc_select_wrap .myacc_select_btn .myacc_select_value:before {
	content: '';
	position: absolute;
	top: 50%;
	right:0;
	width: 24px;
	height:24px;
	border:0;
	background-image:url('/pconts/images/dx/contents/myacc_arrow_down_ic.svg');
	background-repeat:no-repeat;
	background-size: 100% auto;
	transform:translateY(-50%);
	-webkit-transform: translateY(-50%);
	/* z-index: 10; */
}
.active .myacc_badge{
	background-color:#f4f7fc;
	font-weight:700;
	color:#476eff;
}
.myacc_badge{
    display: -ms-flexbox;
    display:flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    height:24px;
	margin-left:4px;
	padding-top:4px;
	padding-right:8px;
	padding-bottom:4px;
	padding-left:8px;
	border-radius: 48px;
	background-color:#f8f8f8;
	font-size:12px;
	font-weight:400;
	color:#666666;
}
/*POPUP*/
.myacc_select_item{
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.myacc_select_pop.pop-dx.small_tf.pop_select .btn-group4-item{margin-top:22px; padding-top:0; padding-bottom:0;}
.myacc_select_pop.pop-dx.small_tf.pop_select .btn-group4-item.myacc_first_item{margin-top:20px}
.myacc_select_pop.pop-dx.small_tf.pop_select .btn-group4-item .btn-group4-btn{padding-top:4px; padding-bottom:4px;}
/* 20241022476341 접근성 시각적 초점으로 추가 */
.pop_listplus .listPlus_toggleButton{width:100%; height:20px;}

/* 카드상세 개선 수정 */
#popBenefitDetail #benefitDetail .benefit_cont_wrap > h3.tit_dep3,
#popBenefitDetail #benefitDetail .benefit_cont_wrap > h4.tit_dep3{font-size:20px;margin-bottom:14px;font-weight:900;}
#cardCompareAfter.dx2024 #benefitType2 p + .tit_dep3, 
#cardCompareAfter.dx2024 #benefitType2 ul + .tit_dep3, 
#cardCompareAfter.dx2024 #benefitType2 div + .tit_dep3{margin-top:30px;}
#cardCompareAfter.dx2024 #benefitType2 [class*="marker_"] + .marker_refer{margin-top:10px;}
#popBenefitDetail #benefitDetail .card_detail_step3 .card_step_box.w_283{width:254px !important;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note .color_blue{color:#5a75e3 !important;}
#cardCompareAfter.dx2024 .container .sect .accordion-dx.accordion-note [class*=marker_] > li.color_blue{color:#5a75e3 !important;}
#cardCompareAfter.dx2024 #benefitType2 .benefit-detail .tit_dep3{margin-bottom:15px;font-size:18px;font-weight:700;color:#333;}
#benefitType2 .benefit-detail .table_wrap{margin-bottom:10px;}
#popBenefitDetail .popup_type01 .pop_cont .table_wrap table th, 
#popBenefitDetail .popup_type01 .pop_cont .table_wrap table td{padding:15px 20px;}
#popBenefitDetail #benefitDetail .benefit_cont_wrap p + .tit_dep2{margin-top:50px;}
@media only screen and (max-width: 1100px) {
    #popBenefitDetail #benefitDetail .map_area_wrap .map_list li .space{width:65%}
    #popBenefitDetail #benefitDetail .card_detail_step3 .card_step_box.w_283{width:100% !important;}
}

/* 20241008506385 LG전자 OTC카드 */
#header.lgOtc_header {display:none;}
.lgOtc_info {margin-top:-56px;margin-bottom:32px;}
.lgOtc_info_img {margin-left:-24px;margin-right:-24px;}
.lgOtc_info_tit {margin-top:32px;font-size:22px;line-height:26px;text-align:center;font-weight:700;}
.lgOtc_info_txt + .lgOtc_info_txt {margin-top:10px;}
.lgOtc_info_txt {margin-top:16px;color:#666;line-height:1.4;text-align:center;}
.lgOtc_info_txt2 {margin-top:16px;font-size:14px;color:#888;line-height:1.5;text-align:center;}
.lgOtc_barcord {margin-top:44px;}
.lgOtc_barcord_group {display:flex;flex-direction:row-reverse;justify-content:center;}
.lgOtc_barcord_tit {font-size:24px;line-height:30px;font-weight:900;writing-mode:vertical-rl;text-orientation:sideways;}
.lgOtc_barcord_img {margin-right:48px;width:115px;}
.lgOtc_barcord_bottom {display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-right:26px;}
.lgOtc_barcord_cardnum {font-size:14px;writing-mode:vertical-rl;text-orientation:sideways;}
.lgOtc_barcord_remaining_time {font-size:20px;line-height:28px;writing-mode:vertical-rl;text-orientation:sideways;}
.lgOtc_barcord_btn_refresh {margin-top:8px;transform:rotate(90deg);}
.lgOtc_barcord_txt{margin-top:115px;font-size:14px;text-align:center;font-weight:700;line-height:20px;}
.lgOtc_barcord .lgOtc_barcord_btn_regenerative {display:flex;align-items:center;justify-content:center;width:171px;height:38px;margin:58px auto 0;background-color:#4d4d4d;border-radius:20px;text-align:center;font-size:14px;color:#fff;line-height:20px;}
.lgOtc_barcord .lgOtc_barcord_btn_regenerative_icon {display:block;width:24px;height:24px;margin-left:5px;background:url('/pconts/images/dx/com/refresh_white.svg') no-repeat;}
.lgOtc_barcord_expired {display:none;}
.lgOtc_barcord_expired .lgOtc_barcord_txt {margin-top:19px;}
.lgOtc_barcord.expired .lgOtc_barcord_img,
.lgOtc_barcord.expired .lgOtc_barcord_cardnum {opacity:0.1;}
.lgOtc_barcord.expired .lgOtc_barcord_valid {display:none;}
.lgOtc_barcord.expired .lgOtc_barcord_expired {display:block;}

@media only screen and (max-width: 1100px) {
	#header.lgOtc_header {display:block;}
	#header.lgOtc_header .mobile_inner .util_wrap {display:none !important;}
	#header.lgOtc_header .mobile_title_wrap {width:210px;}
}

/* 20241030506185 한정판 Point Plan+(신용) Green으로 손쉬운 나눔 참여 이벤트 */
.pointplan_evt .appstore{margin:14px 0;}
.pointplan_evt .radio_wrap_list li{position:relative; padding:40px; background-color: #f4f7fc; border-radius: 8px;}
.pointplan_evt .radio_wrap_list li + li {margin-top: 10px;}
.pointplan_evt .radio_wrap_list .radio_default{position:relative; display:flex; align-items:center;}
.pointplan_evt .radio_wrap_list .radio_default span{display:block;}
.pointplan_evt .radio_wrap_list .radio_default input{width:26px; height:26px; opacity:0; margin:0;}
.pointplan_evt .radio_wrap_list .radio_default .app_desc{display:flex; width:100%; align-items:center; margin-left:40px}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .ico{flex:0 0 auto; max-width:155px; height:155px; margin-right:30px; background:#fff; border-radius:50%;}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .info .tit{font-size:1.8rem; font-weight:bold; color:#111}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .info .txt{margin-top: 10px; font-size: 1.8rem; color:#666;}
.pointplan_evt .radio_wrap_list .radio_default input[type="radio"] + .app_desc:before {content: ""; display:block; position:absolute; left:0; width:26px; height:26px; border:1px solid #ddd; border-radius:50%; background-color:#fff; top:50%; transform:translateY(-50%);}
.pointplan_evt .radio_wrap_list .radio_default input[type="radio"]:checked + .app_desc:after {content:""; display:block; position:absolute; width:14px; height:14px; background:#4868e1; top:50%; left:6px; border-radius:50%; margin-top:-7px;}
@media only screen and (max-width: 1100px){}
@media only screen and (max-width: 768px){
.pointplan_evt .radio_wrap_list li{padding:20px 15px;}
.pointplan_evt .radio_wrap_list .radio_default .app_desc{display:block; width:100%; margin-left:19px}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .ico{width:100px; height:100px; margin:0 auto; position: absolute; left: 50%; transform: translateX(-50%);}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .info{margin-top:117px;}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .info .tit{font-size:1.7rem;}
.pointplan_evt .radio_wrap_list .radio_default .app_desc .info .txt{margin-top:8px; font-size:1.5rem;}
.pointplan_evt .appstore li.disabled .deemedtxt {width: 80%;}
}

/* 20241107362477 카드상세 및 카드서브메인 리뉴얼 요청 */
#pop_sns.sns-2024 .popup {width: 400px;}
#pop_sns.sns-2024.pop-dx.small_tf .popup .pop_head h3 {margin:0; line-height: 120%;}
#pop_sns.sns-2024.pop-dx.small_tf .popup .btn_close {top: 26px;}
.sns-2024 .pop_sns_wrap .sns_pop {padding:24px  0 0; line-height: 1;}
.sns-2024 .pop_sns_wrap .sns_pop li {width: 47px;}
.sns-2024 .pop_sns_wrap .sns_pop li + li {margin-left: 44px;}
.sns-2024 .pop_sns_wrap .sns_pop li > button {width: 47px; height: 47px;}
.sns-2024 .pop_sns_wrap .sns_pop li > button {background-size:47px; background-color: transparent;}
.sns-2024 .pop_sns_wrap .sns_pop li > button.sns_link {background-image: url(/pconts/images/common/link_2x.png);}
.sns-2024 .pop_sns_wrap .sns_pop li > button.sns_kakao {background-image: url(/pconts/images/common/kakao_2x.png)}
.sns-2024 .pop_sns_wrap .sns_pop li > button.sns_facebook {background-image: url(/pconts/images/common/facebook_2x.png)}
.sns-2024 .pop_sns_wrap .sns_pop li > button.sns_twitter {background-image: url(/pconts/images/common/twitter_2x.png)}
.sns-2024 .pop_sns_wrap .sns_pop li > button span {color: #000; font-size: 11px; padding-top: 54px; line-height: 140%; display: block;}
@media only screen and (max-width: 1100px){
	#pop_sns.sns-2024 .popup {width: 100%;}
	#pop_sns.sns-2024.pop-dx.small_tf .popup {min-height: auto;}
	#pop_sns.sns-2024.pop-dx.small_tf .popup .pop_head h3 {line-height: 140%; margin:0}
	.sns-2024 .pop_sns_wrap .sns_pop {padding:0;}
	.sns-2024 .pop_sns_wrap .sns_pop li + li {margin-left: 40px;}
}
@media only screen and (max-width: 360px){
	.sns-2024 .pop_sns_wrap .sns_pop li + li {margin-left: 0px;}
	.sns-2024 .pop_sns_wrap .sns_pop {justify-content:space-between; margin:0}
}




/* 20241111685019_카드상세 및 카드서브메인 리뉴얼 요청 */ 
  
    /*메인 검색 창*/

    .card_newlist24 .c-center {margin-top: 60px;}
    .card_newlist24 .tab_type01 {margin-top:20px}
    .card_newlist24 .boxing-form-main {display: flex; justify-content: center; padding-top: 10px; width: 600px; margin: 0 auto;}
    .card_newlist24 .boxing-form-main .form_type {width:530px; margin-right:6px;}
    .card_newlist24 .boxing-form-main .newlist_search_icon span {text-align: right; line-height: 48px;width: 64px;height: 48px;background-color: #f6f6f6;position: relative;display: block;border-radius: 999px;padding: 0 20px;}
    .card_newlist24 .boxing-form-main .newlist_search_icon span::before {content: '';display: inline-block; position: absolute; top: 22%; width: 24px; height: 24px; left: 30%; background: url(/pconts/images/dx/contents/new_cardlist_filter.svg) no-repeat 0 0/cover; }
    .card_newlist24 .boxing-form-main .newlist_search_icon.done span {width: 78px; background-color: #383b5a; color:#fff; }
    .card_newlist24 .boxing-form-main .newlist_search_icon.done span::before{left:28%; filter: invert(100%) brightness(200%) contrast(100%);top: 24%;}
    .card_newlist24 .boxing-form-main .form_type.form-dx.formlist {margin-top: 0;}
    .card_newlist24 .boxing-form-main .newlist_search_icon.done span.blind::before {display: none;}

    .boxing-form-main .form_type.form-dx.formlist .btn-searchinput {position: relative; color: #000;text-align: left; padding-left:53px; width:530px;height: 48px; background-color: #f6f6f6;border-radius: 100px;}
    .boxing-form-main .form_type.form-dx.formlist .btn-searchinput span {color:#888;font-size: 16px;line-height: 16px;}
    .boxing-form-main .form_type.form-dx.formlist .btn-searchinput::before {content: '';display: inline-block; position: absolute; width: 20px; height: 20px; left: 20px; top:14px; background: url(/pconts/images/dx/contents/new_cardlist_icon.png) no-repeat center / 20px;}
    .boxing-form-main .form_type.form-dx.formlist .btn-searchinput.boxdone {width: 511px;}
    .boxing-form-main .form_type.form-dx.formlist .btn-searchinput span.searchdone {color:#000;}
    
    /*칩스 스와이퍼 */
    .tab_pull.card_list_pull {}
    .tab_pull.card_list_pull li {border: 1px #ddd solid;border-radius: 999px;margin-right: 4px;}
    .card_newlist24 .tab_type01 .tab_pull.card_list_pull .tab_list li a, 
    .card_newlist24 .tab_type01 .tab_list li div {color: #000; font-size: 1.3rem;padding: 7px 8px 5px 8px;line-height: 18px;height: auto;display: flex;align-items: center;font-weight: normal;}
    .card_newlist24 .tab_type01 .tab_pull.card_list_pull {padding:0px; margin: 0px; overflow: hidden;}
    .card_newlist24 .tab_type01 .tab_pull.card_list_pull .swiper-container {margin-left: 0;}
    .card_newlist24 .tab_type01 .tab_pull.card_list_pull .tab_list {display: flex;height: auto; justify-content: center;}
    

    /*검색 결과 */
    .newlist_search_total {margin-top: 24px;display: flex;justify-content: space-between; font-size: 16px;}
    .newlist_search_total span {color:#000; font-weight: 700;}
    .newlist_search_total b{font-weight: 900;}
    .newlist_search_total .newlist_search_annual {color:#666; font-weight: 400;}

    /* 카드 리스트 */
    .card_newlist24 .card_list_common.card_newlist_cont {margin-top: 64px;}
    .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap {display: flex;border-bottom: none;justify-content: flex-start;}
    .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li {border-bottom: none; padding:0px 0 64px; width: 33.333%; margin-bottom:0px;}
    .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_newlist_infor {margin: 18px 8px 0; }
    .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap {position: relative; padding-top: 0;}
    .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {position: relative; top: 0; height:20px;}
    .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap .card_name {padding-top:12px;}

    .card_newlist24 li .card_name_wrap .badge_wrap span.new_badge {color:#da1d1d; display: inline-block; background: #ffebeb;font-size: 11px;height: 20px; font-weight: 700;line-height: 20px;border-radius: 2px;margin-top: 0;padding: 0 6px;}
    .card_newlist24 li .card_name_wrap .badge_wrap span.best_badge {color:#b16a00; display: inline-block; background: #fff5e1;font-size: 11px;height: 20px; font-weight: 700;line-height: 20px;border-radius: 2px;margin-top: 0;padding: 0 6px;}
    .card_newlist24 li .card_name_wrap .badge_wrap span.cash_badge { color: #116e72; display: inline-block; background: #e5f8f7;font-size: 11px;height: 20px; font-weight: 700;line-height: 20px;border-radius: 2px;margin-top: 0;padding: 0 6px;}
    
    .card_newlist24 .card_list_common.card_newlist_cont .benefit_wrap {padding-top:6px; margin-bottom: 18px; font-size: 12px; font-weight:700}
    .card_newlist24 .card_list_common.card_newlist_cont .benefit_wrap span {color:#476eff; font-weight: 900}
    .card_newlist24 .card_list_common.card_newlist_cont .list_btn_wrap {bottom: 0px; position: relative;}
    .card_newlist24 .card_list_common.card_newlist_cont .list_btn_wrap .text_link {padding-right: 0; font-size: 14px;}
    .card_newlist24 .card_list_common.card_newlist_cont .list_btn_wrap .text_link::before {content: none;}
    .card_newlist24 .card_list_common.card_newlist_cont .list_btn_wrap .text_link::after {content: '';display: block;position: absolute;top: 21px;border-color: #000;height: 0px; right: 0px;width: 100%;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);}
    .card_newlist24 .card_list_common.card_newlist_cont .list_btn_wrap .text_link:hover {content: none;}
    
    .card_newlist24 .card_list_common .card_thumb_list_wrap > li .card_img_wrap {height: 270px; line-height: 0; position: relative;}
    .card_newlist24 .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {padding: 0;margin-left:0;  display: block; width: 270px; /* margin-left: 77px; *//* padding: 10px 10px 0 0; */
    /* transform-origin: 50%; *//* -webkit-transform-origin: 50%; */-ms-transform-origin: 50%;transform: rotate(90deg);/* -webkit-transform: rotate(90deg); */
    -ms-transform: rotate(90deg);position: absolute;transform-origin: left top;left: 249px;}
    .card_newlist24 .card_list_common .card_thumb_list_wrap > li .card_img_wrap a > img { vertical-align: bottom;}
    
    
    /*더보기*/
    .card_newlist24 .new_more_wrap.type3 {margin-top: 57px;bottom: 0;}
    
    /* 검색 결과 없음 카드추천 */
    .card_newlist_nosearch .complete-dx {padding:80px 0 !important; margin-top:0;}
    .card_newlist_nosearch .complete-dx.dxicon02 .icon {background: url("/pconts/images/dx/contents/new_cardlist_lightgray.png") no-repeat center / 100%; display: block; width: 80px; height: 80px; margin: 0 auto 16px;}
    .card_newlist_recommend {margin-top:64px;}
    .card_newlist_recommend .title {font-size: 24px; font-weight: 900; margin-bottom:16px;}
    .card_newlist_recommend .recommend_list {display: flex; justify-content: space-between;}
    .card_newlist_recommend .recommend_list li.recomcont {width:482px; min-height: 305px; height: 305px; padding:24px; border-radius: 8px; border:none; margin-right: 16px; background-color: #f6f6f6;text-align: center; }
    .card_newlist_recommend .recommend_list li.recomcont .newcard_plate {margin: 9px auto 26px; width: 140px; } 
    .card_newlist_recommend .recommend_list li.recomcont .newcard_plate_tit {padding: 16px 0 8px; font-size: 20px; line-height: 30px; font-weight: 700; }
    .card_newlist_recommend .recommend_list li.recomcont .newcard_plate img {margin-top: 17px; transform: rotate(90deg);}
    .card_newlist_recommend .recommend_list li.recomcont .newcard_plate_txt {font-size: 14px; font-weight: 700; line-height:21px; color:#666;  margin: 0 auto; text-align: center; width: 320px;}
    .card_newlist_recommend .recommend_list li.recomcont a {display: block; }
    /* 팝업 */
    .pop-dx.medium .card_newlist_pop_search {width: 720px; padding-bottom: 20px;max-height: 100%;}
    .pop-dx .popup .pop_cont.newcard_list24 {padding: 0px 32px 128px;}
    .card_newlist_pop_search .form_type.form-dx.formlist .form_ele .input_wrap {margin-top: 0px; width: 656px;}
    .card_newlist_pop_search .form_type.form-dx.formlist .input-search-addr {position: relative;line-height: 28px;color: #888;padding: 16px 24px 16px 58px; background-color: #f6f6f6;display: block;height:48px;font-size: 16px;border-radius: 100px;border-bottom: none;}
    .card_newlist_pop_search .form_type.form-dx.formlist .input-search-addr:focus {height: 48px;border-bottom: none;padding-right: 65px;color: #000;}
    .card_newlist_pop_search .form-dx.formlist .input_wrap .btn-searchbox {position: absolute; top: 15px; left: 24px; display:inline-block;width: 20px;height:20px; background: url(/pconts/images/dx/contents/new_cardlist_icon.png) no-repeat center / 20px}
    .card_newlist_pop_search .form-dx.formlist .input_wrap .btn-ipt-reset {position: absolute; width: 24px; height: 24px; right: 24px; top: 27px; background: url(/pconts/images/dx/contents/new_cardlist_delete.svg) no-repeat center / 24px;}
    
    .card_newlist_pop_select {margin: 0 0px 14px -2px;}
    .card_newlist_pop_select li {height: 40px; padding: 0px 0; margin-bottom:8px; line-height: 39px;white-space: nowrap; border-radius: 100px;font-size:16px;font-weight: 500;display: inline-block;}
    .card_newlist_pop_select li + li {gap: 10px}
    .card_newlist_pop_select li input {margin-left: -3px;}
    .card_newlist_pop_select li input[type="checkbox"] + span {border-radius: 100px;padding: 0 16px;color: #000;background: #f1f1f3;display: inline-block;line-height: 39px;height: 40px;}
    .card_newlist_pop_select li input[type="checkbox"]:checked +span {border-radius: 100px;padding: 0 16px;color: #fff;background: #383b5a;display: inline-block;line-height: 39px;height: 40px;}

    .card_newlist_pop_select li.on{color: #fff;background: #383b5a;}
    .card_newlist_pop_select li:hover{background: #f1f1f3;}

    .card_newlist_pop_search .card_newlist_pop_tit {font-size:18px; font-weight: 900; color:#000; margin:32px 0 16px;}
    .card_newlist_pop_search .card_newlist_pop_tit2 {font-size:18px; font-weight: 900; color:#000; margin:40px 0 20px;}
    .card_newlist_pop_search .card_newlist_pop_select .pop_select_emoji {display: none;}
    .card_newlist_pop_search .pop_select_txt {font-size:14px; color:#000;}

    .card_newlist_pop_search .gauge {padding: 4px 0px 0;}
    .card_newlist_pop_search .gauge-indicator {box-shadow:0 6px 13px rgba(0, 0, 0, 0.12), 0 0.5px 4px rgba(0, 0, 0, 0.12);position: absolute;top: -10px;z-index: 10;display: flex;justify-content: center;align-items: center; width: 28px;height: 28px;background: #fff;border-radius: 50%;cursor: grab; border: none; transition: all 0.3s;}
    .card_newlist_pop_search .gauge-steps {margin: 27px 0px 0;}
    .card_newlist_pop_search .gauge-indicator.end-indicator {background: #fff;}

    .card_newlist_pop_search .pop_btn .btn {font-size:16px; font-weight: 700;line-height: 16px; }
    .popup_type01.card_newlist_pop_search .pop_btn .btn.blue {min-width: 283px;}
    .popup_type01.card_newlist_pop_search .pop_btn .btn.lightbluegray{min-width: 109px;}

    .card_newlist24 .search_txt span {color:#476eff; font-weight: 900; font-size: 12px;}
    .card_newlist24 .swiper-button-next, .card_newlist24 .swiper-container-rtl .swiper-button-prev {display: none !important;}
    .card_newlist24 .swiper-button-next.swiper-button-disabled, .card_newlist24 .swiper-button-prev.swiper-button-disabled {display: none !important;}
    .card_newlist24 .swiper-button-prev, .card_newlist24 .swiper-container-rtl .swiper-button-next {display: none !important;}
    .card_newlist24 .swiper-button-next .swiper-button-disabled {display: none !important;}
    .card_newlist24 .tab_type01.swiper_tab .tab_pull .swiper-button-next {display: none !important;}
    .card_newlist24 .tab_type01.swiper_tab .tab_pull .swiper-container:before {display: none !important;}
    
    .card_newlist_pop_search {position: relative;}
    .card_newlist_pop_search .btn_close {display: block;}
    .card_newlist_pop_search .pop_head {text-align: left;}
    .card_newlist_pop_search .pop_head h3 {padding: 0 30px 0 0;}
    .card_newlist_pop_search .btn_close.ui-pop-close.btn_prev {display: none;}

    .pop-gradient .popup.card_newlist_pop_search {padding-bottom: 20px;}
    .pop-dx .popup_type01.card_newlist_pop_search .pop_btn {position: absolute;bottom: 20px;left: 17px;right: 17px;margin-top: 0;padding: 20px 24px;background-color: #fff;border-radius: 0 0 16px 16px;
    font-size: 1.6rem;}
    .pop-dx .popup_type01.card_newlist_pop_search .m_fixed {padding-top: 40px !important; background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 20%);}
    .pop-dx .popup_type01.card_newlist_pop_search .m_fixed::before {display: none;}  


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

        .card_newlist_pop_search .pop_head{padding: 16px 20px 13px 24px;}
        .card_newlist24 .c-center {margin-top: 0;}
        .card_newlist24 .boxing-form-main .form_type {width:100%;}
        .newlist_search_total {margin-top: 32px; font-size: 14px;}
    
        /* 칩스 스와이퍼*/
        .card_newlist24 .boxing-form-main {display: flex;justify-content: flex-start; width: 100%; margin: 0 auto;}
        .boxing-form-main .form_type.form-dx.formlist .btn-searchinput.boxdone {width: 100%;}
        .card_newlist24 .tab_type01 .tab_pull.card_list_pull .tab_list {display: flex;height: auto;justify-content: flex-start;}
        .card_newlist24 .tab_type01.swiper_tab .tab_pull:before {content: '';display: block;position: absolute;left: -30px;top: 0;z-index: 2;width: 45px;height: calc(100% - 1px);background: linear-gradient(to right,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));} 
        .card_newlist24 .tab_type01.swiper_tab .tab_pull:after {content: '';display: block;position: absolute;right: -30px;top: 0;z-index: 2;width: 45px;height: calc(100% - 1px);background: linear-gradient(to left,rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));} 
        .card_newlist24 .tab_type01.swiper_tab .tab_pull .swiper-container:before {display: none;}
        .card_newlist24 .tab_type01.swiper_tab .tab_pull .swiper-container:after {display: none;}

        .boxing-form-main .form_type.form-dx.formlist .btn-searchinput {width: 100%; height: 40px; padding-left:44px;}
        .boxing-form-main .form_type.form-dx.formlist .btn-searchinput::before {left:12px;top:11px;}
        .card_newlist24 .boxing-form-main .newlist_search_icon span {width:48px; height:40px; padding:12px; line-height: 15px;}
        .card_newlist24 .boxing-form-main .newlist_search_icon span::before {top: 21%; left: 26%;}
        .card_newlist24 .boxing-form-main .newlist_search_icon.done span {width:62px;}
        .card_newlist24 .boxing-form-main .newlist_search_icon.done span::before {left: 20%;top: 20%;}
    
           /* 카드 리스트 */
        .card_newlist24 .card_list_common.card_newlist_cont {margin-top: 32px;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li {display: flex; align-items: flex-start; justify-content: flex-start; padding: 0 0 32px; min-width:300px; width:100% }
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_img_wrap {width:63px ; height:100px; line-height: inherit;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_img_wrap a > img {width: 100px;vertical-align: bottom;min-width: 100px;} 
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_newlist_infor {margin: 0px 0px 0 20px; flex: 1}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_img_wrap.vertical {margin: 0;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_img_wrap.vertical a {left: 63px;}
        .card_newlist24 .card_list_common .card_thumb_list_wrap > li .card_img_wrap.vertical a {width: 100px;}

        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap {padding-top: 0;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap .badge_wrap {top: -6px;margin-bottom:3px; position: relative;height:20px;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap .badge_wrap span {font-size: 10px;line-height: 10px;padding:0px 4px; height: 16px;line-height: 16px;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .card_name_wrap .card_name {min-height: 24px;font-size: 1.6rem;margin-bottom: 8px;padding-top:0; }
        .card_newlist24 li .card_name_wrap .badge_wrap.icon_nobadge {display: none;}

        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .benefit_wrap {max-height: none; padding-top: 0px; margin-bottom: 16px; font-size: 1.2rem; line-height: 1.5; }
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .list_btn_wrap {font-size: 12px; padding:0; /* line-height: 12px;*/ font-weight: 700; }
        .card_newlist24 .card_list_common.card_newlist_cont .list_btn_wrap .text_link {font-size: 12px;}
        .card_newlist24 .card_list_common.card_newlist_cont .card_thumb_list_wrap > li .list_btn_wrap .text_link::after {top: 16px;} 
    
        /* 검색 결과 없음 */
        .card_newlist_nosearch .complete-dx {padding:32px 0 !important;  margin-top:0;}
        .card_newlist_recommend {margin-top: 48px;}
        .card_newlist_recommend .title {font-size: 18px; line-height: 27px; margin-bottom: 12px;}

        /* 결과없음 추천카드 */
        .card_newlist_recommend .recommend_list { width:fit-content; }
        .card_newlist_recommend .recommend_list li.recomcont { width:216px; height: 263px; min-height: 263px; padding:20px 16px; border-radius: 8px; border:none; margin-right: 16px; }
        .card_newlist_recommend .recommend_list li.recomcont .newcard_plate {margin: 0 auto 20px; width: 100px; position: relative;} 
        .card_newlist_recommend .recommend_list li.recomcont .newcard_plate_tit {padding: 20px 0 8px; font-size: 16px; line-height: 24px;}
        .card_newlist_recommend .recommend_list li.recomcont .newcard_plate img {margin-top: 17px;}
        .card_newlist_recommend .recommend_list li.recomcont .newcard_plate_txt {font-size: 12px; font-weight: 700; line-height:18px; color:#666; width: 180px;} 
    

        /*팝업*/
        .pop-dx .popup .pop_cont.newcard_list24 {padding: 8px 24px 160px;}
        .pop-dx.medium .card_newlist_pop_search {width: 720px; padding-bottom: 30px;max-height: 100%;}
     
        .card_newlist_pop_search .form_type.form-dx.formlist .form_ele .input_wrap {margin-top: 2px;width: 100%;}
        .card_newlist_pop_search .pop_btn .btn {font-size:16px; font-weight: 700;line-height: 16px;}
        .popup_type01.card_newlist_pop_search .btn-wrap-dx .btn.blue {min-width: 154px;}
        .popup_type01.card_newlist_pop_search .btn-wrap-dx .btn.lightbluegray{min-width: 66px;}
        .pop-dx .popup_type01.card_newlist_pop_search .pop_btn {left:0; right:0; }
        .card_newlist_pop_search .form_type.form-dx.formlist .input-search-addr {height:40px; font-size:16px; padding: 9px 12px 9px 44px;}
        .card_newlist_pop_search .form-dx.formlist .input_wrap .btn-searchbox {top: 11.5px; left: 12px; width: 20px; height: 20px; background: url(/pconts/images/dx/contents/new_cardlist_icon.png) no-repeat center / 20px;}
        .card_newlist_pop_search .form-dx.formlist .input_wrap .btn-ipt-reset {width: 24px; height: 24px;right: 12px;top: 23px;}
        .card_newlist_pop_search .form_type.form-dx.formlist .input-search-addr:focus {height: 40px;border-bottom: none;padding-right: 65px;}
            
        .card_newlist_pop_select {margin-bottom: 8px;}
        .card_newlist_pop_select li {height: 38px;font-size:14px;padding: 0px 0px 0 0px;}
        .card_newlist_pop_select li + li {gap: 4px}
        .card_newlist_pop_select li input {margin-left: -3px; width: 1px; height: 1px;}
        .card_newlist_pop_select li input[type="checkbox"] + span {height: 38px;}
        .card_newlist_pop_select li input[type="checkbox"]:checked +span {height: 38px;}

        .card_newlist_pop_search .card_newlist_pop_tit {font-size: 16px;margin: 32px 0 12px;}
        .card_newlist_pop_search .card_newlist_pop_tit2 {font-size: 16px; margin: 32px 0 20px;}
        .card_newlist_pop_search .gauge-steps .gague-steps-value {font-size: 13px;}
        .card_newlist_pop_search .gauge-steps {margin: 23px 0px 0;}
        .card_newlist_pop_search .card_newlist_pop_select .pop_select_emoji {display: inline-block;padding-left:5px;}

        .card_newlist_pop_search {position: relative;}
        .card_newlist_pop_search .btn_close {display: none;}
        .card_newlist_pop_search .pop_head {text-align: center; padding: 17px 20px 17px 24px !important;}
        .card_newlist_pop_search .pop_head h3 {padding: 0 30px; line-height: 1.2 !important;}
        .card_newlist_pop_search .btn_close.btn_prev{z-index:14; display: block;position: absolute;left: 24px; top: 16px; width: 24px;height: 24px;background: url(/pconts/images/shcard/h-72-back.png) no-repeat center center; color: transparent;overflow: hidden;-webkit-transition: transform 1s ease-in-out;transition: transform 1s ease-in-out;background-size: 24px 24px;}
        .card_newlist_pop_search .btn_close.ui-pop-close.btn_prev {display: block;}
        /*         
        .pop-dx.medium .card_newlist_pop_search {padding-bottom: 0;}
        .pop-dx .popup_type01.card_newlist_pop_search .pop_btn {bottom: 0px;}
        */
        .pop-dx .popup_type01.card_newlist_pop_search .m_fixed::before {content: "";position: absolute;left: 0px;top: -20px;width: 100%;height: 20px;opacity: 0.8; background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 20%);}  
        .card_newlist_pop_search .btn_close.ui-pop-close.btn_prev {width: 24px;height: 24px;background-image: url(/pconts/images/shcard/h-72-back.png);background-size: 100% auto;left: 22px;top: 16px;}

        /* 더 보기 */
        .card_newlist24 .new_more_wrap.type3 {display: none;}
        .emojired {color:red; font-weight: 900}

        .gague-steps-btn:focus {outline: -webkit-focus-ring-color auto 1px; outline-color: -webkit-focus-ring-color; outline-style: auto; outline-width: 1px;}
        .pop-dx.pop1-dx .popup:not(.pop-bottom) .btn_close.btn_prev{top: 16px;}
        .os_ios .card_newlist_pop_search .form_type.form-dx.formlist .form_ele .input_wrap {margin-top: 2px; width: 100%;}
        .newcard_plate_txt .txt1 {width: 179px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

    }
    @media only screen and (max-width: 400px){
        .benefit_wrap .txt1 {width: 215px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    }





/* 20241107373111/ 내카드관리 상세화면 UI컴포넌트 최신화 적용 요청 */
.plate-select.plate-select-sol{margin:0 0 45px 0;}
.plate-select.plate-select-sol .item{border-radius:8px;} 
.plate-select.plate-select-sol .title{-webkit-line-clamp:1;}/* 24-11-18 */               
 @media only screen and (max-width: 1100px){
   .plate-select.plate-select-sol{margin:20px -8px 18px;}
   /* 24-11-18 카드사이즈 원복
   .plate-select.plate-select-sol .img{width:38px;height:24px;margin:0 7px 0 -7px;align-self:center;}
   .plate-select.plate-select-sol .img > img{top:0;transform: rotate(90deg);}
    */
   .plate-select.plate-select-sol .card-type{margin-top:4px;}
 }
 /* 20241107373111/ 내카드관리 상세화면 UI컴포넌트 최신화 적용 요청 */
 .mcm-swich .check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .activate, 
 .mcm-swich .check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .deactivate{margin-top:0px;}
 .mcm-re2023 .mcm-ico.t19::before {background-image:url('/pconts/images/dx/com/store2.svg')}

 /* 20241104390474 / LGE.COM 신한카드_ 내카드관리 화면 개발 요청 */
.contents.contents-sol{display:flex;flex-direction:column;padding-bottom:60px;}
.contents.contents-sol .ly_inner{display:flex;flex-direction:column;flex-grow:1;}
.list16-dx.list16-sol{padding-top:24px;}
.list16-dx.list16-sol .between-list-group{padding:0 8px;}
.list16-dx.list16-sol .between-list-group > li{font-size:16px;}
.list16-dx.list16-sol .between-list-group > li + li{margin-top:16px;}
.list16-dx.list16-sol .between-list-group .font_sm{font-size:13px;color:#76798e;}
.list16-dx.list16-sol .btn-wrap-dx{margin-top:32px;}
.list16-dx .btn-h38{width:100%;height:38px;line-height:36px;padding:0 14px;border-radius:6px;font-size:14px;font-weight:700;color:#494f60;background-color: #edf0f8;}
.complete-dx.complete-sol-v1.no-data{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0;padding:60px 24px}
.complete-dx.complete-sol-v1.no-data .icon {width:80px;height:80px;margin:0 auto 12px;background:url('/pconts/images/dx/contents/dxicon04.svg') no-repeat;}
.complete-dx.complete-sol-v1.no-data .title{font-size:20px;} 
.pop-dx.small_tf .popup.popup-sol{padding-bottom:16px;border-radius:16px;} 
.pop-dx.small_tf .popup.popup-sol .pop_head{padding:30px 24px}
.pop-dx.small_tf .popup.popup-sol .pop_head h3{margin:0;line-height:30px;}
.pop-dx.small_tf .popup.popup-sol .pop_cont{padding:8px 24px 24px;}
.pop-dx.small_tf .popup.popup-sol .tit{font-size:18px;line-height:25px;font-weight:700;}
.bullet-dot.bullet-dot-sol > li{padding-left:11px;font-size:16px;color:#494f60;}
.bullet-dot.bullet-dot-sol > li::before{background-color:#494f60;}
.bullet-dot.bullet-dot-sol > li + li{margin-top:10px;}
.pop-dx .table-dx.table-sol{border-top:1px solid #b2b8c9;border-bottom:1px solid #e7e9ee;}
.pop-dx .table-dx.table-sol table th{font-weight:700;color:#383b5a;background-color: #f4f7fc;}
.pop-dx .table-dx.table-sol table th, 
.pop-dx .table-dx.table-sol table td{line-height:20px;}
.pop-dx .table-dx.table-sol table td{color:#000;}
 @media only screen and (max-width: 1100px){
	/* 20241107373111/ 내카드관리 상세화면 UI컴포넌트 최신화 적용 요청 */
	.mcm-swich .check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .activate, 
	.mcm-swich .check-dx.check-toggle .check_default input[type="checkbox"] + .toggle .deactivate{margin-top:1px;}
	/* 20241104390474 / LGE.COM 신한카드_ 내카드관리 화면 개발 요청 */
	.contents.contents-sol{padding-bottom:0;}
	.list16-dx.list16-sol{padding-top:16px;}
	.list16-dx.list16-sol .between-list-group{padding:0 4px;}
	.list16-dx.list16-sol .btn-wrap-dx{margin-top:16px;} 
	.complete-dx.complete-sol-v1.no-data{margin:100px 0;padding:0}	
	.pop-dx.small_tf .popup.popup-sol .pop_head{padding:23px 24px 9px}
	.pop-dx.small_tf .popup.popup-sol .pop_head h3{line-height:24px;}
	.pop-dx.pop_wrap.point_filter_pop.small_tf .popup.popup-sol .pop_cont{padding:24px;}
	/* 24-11-18 */
	.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col.mcm-bg .btn-wrap-dx.btn-third{justify-content:center;flex-wrap:nowrap}
	.mcm-re2023 .mcm-conts-wrap1 .mcm-conts-type1-inner.mcm-col.mcm-bg .btn-wrap-dx.btn-third .btn.line_gray.type04{width:100%;} 
 }

.gauge {display: flex;justify-content: center;padding:4px 10px 0;}
.gauge-track {position: relative;width: 100%;height: 8px;background: #f1f1f3;border-radius: 5px;}
.gauge-selected-range {position: absolute;top: 0;height: 100%;background: linear-gradient(to right, #06cc9d, #009de1);border-radius: 10px;z-index: 1;transition: all 0.4s;}
.gauge-steps {display: flex;justify-content: space-between;margin-top:20px;}
.gague-steps-btn {position:relative;overflow:visible;display: flex;justify-content: center;height:24px;margin:0;padding:0;border:none;background-color: transparent;font-size: 16px;text-align: center;color:#000;cursor:pointer;}
.gague-steps-btn:first-child {justify-content: flex-start;}
.gague-steps-btn:last-child {justify-content: flex-end;}
.gague-steps-value {display:block;overflow:visible;position:absolute;top:0;margin:0;padding:0;}
.gauge-indicator {position: absolute;top: -4px;z-index: 10;display: flex;justify-content: center;align-items: center;width: 20px;height: 20px;background: #007bff;border-radius: 50%;cursor: grab;border: none;color: white;font-size: 12px;transition: all 0.4s;}
.gauge-indicator:focus {z-index: 20;}
.gauge-indicator.end-indicator {background: #28a745;}
.gauge-steps-text{padding:0 !important;margin:0 !important;overflow:hidden !important;position:absolute !important;border:0;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px)}





	
/*금융메인 배너 부분 */
.finance-section.dx_finance {padding: 16px 16px 0;}
.finance-section.dx_finance .h_wrap.h-dep2{margin-top: 0px;}
.finance-section.dx_finance .m-article {padding: 0 0 20px;}
#shcSm3 .m-article.w100 {padding-top: 50px; padding-bottom: 20px;}
.finance-section.dx_finance .m-article a{padding-right: 0; }
.finance-section.dx_finance .art-wrap .m-art-head .m-tit1 {position: relative; display: block;}
.finance-section.dx_finance .art-wrap .m-art-head .m-tit1:after {width: 20px;height: 20px;content: '';position: absolute;top: -0.03em;right:0;background-position: center center;background-repeat: no-repeat;
background-size: 100% auto;background-image: url(/pconts/images/shcard/arr-60-r-a.png);}
.finance-section.dx_finance .finan-text-sec .text3 {font-weight: 900; font-size: 1.6rem; margin-top: -2px;}
.finance-section.dx_finance	[class*=c-link1-]:after {content:none;}
.finance-section.dx_finance .art-wrap {margin:0;}
.finance-section.dx_finance .bline-label {display: table;}

@media screen and (min-width: 1100px){
                
        .finance-section.dx_finance .m-article {padding: 0 0 20px;}
        .finance-section.dx_finance .h_wrap.h-dep2 {margin-top: 0;}
        .finance-section.dx_finance {padding: 16px 40px;}
        .finance-section.dx_finance	[class*=c-link1-]:after {content:none;}
        .finance-section.dx_finance .art-wrap .m-art-head .m-tit1 {position: relative; display: inline;}
        .finance-section.dx_finance .art-wrap .m-art-head .m-tit1:after {width: 28px;height: 28px;content: '';position: absolute;top: -0.13em;right: -28px;background-position: center center;background-repeat: no-repeat;
        background-size: 100% auto;background-image: url(/pconts/images/shcard/arr-60-r-a.png);}
        .finance-section.dx_finance .finan-text-sec .text3 {font-size: 2.0rem;font-weight: 900;line-height: 1.2;margin-top: 5px;}

}

/* 20241113396439 주말대출 상품중단 안내 팝업  */
.pop-dx.small_tf .popup.popup-sol-a .pop_head h3{margin-top:0;margin-bottom:0;}
.pop-dx.small_tf .popup.popup-sol-a .loan_recommend_btn > div::after{background: url(/pconts/images/dx/com/gray_arrowdown_small.svg) no-repeat;background-size:cover;}


/* 20241119528896 이용대금명세서 소멸예정포인트 표기요청 2024-12-03 */
.payBox_btn_wrap.all.expireP{padding-top: 16px;}
.payBox_btn_wrap.expireP .btn{position: relative; border: none; border-radius: 100px; height: auto; justify-content: flex-start; padding: 10px 10px 10px 40px; text-align: left; background-color: #F4F7FC;}
.payBox_btn_wrap.expireP .btn span{height: auto; padding: 0; font-size: 16px; font-weight: 400; line-height: 24px;}
.payBox_btn_wrap.expireP .btn::before{content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 12px; left: 14px; background: url('/pconts/images/dx/contents/241129_ico_point_grey.png') no-repeat; background-size: cover;}
.payBox_btn_wrap.expireP .btn::after{content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background: url('/pconts/images/dx/contents/dx_arrow_next_gray.svg') no-repeat; background-size: cover;}
@media only screen and (max-width: 1100px){
.payBox_btn_wrap.all.expireP{padding-top: 12px;}
.payBox_btn_wrap.expireP .btn{height: auto; position: relative; border: none; border-radius: 100px; height: auto; justify-content: flex-start; padding: 10px 10px 10px 36px; text-align: left;}
.payBox_btn_wrap.expireP .btn::before{width: 16px; height: 16px;}
.payBox_btn_wrap.expireP .btn::after{width: 16px; height: 16px;}
.payBox_btn_wrap.expireP .btn span{font-size: 14px; font-weight: 400; line-height: 21px;}
}

/* 20241119528896 이용대금명세서 소멸예정포인트 표기요청 - 바텀시트 2024-12-03 */
.pop_wrap.medium .popup.popup_type01.expire_pop{width: 580px; height: auto; max-height: 100%; padding-bottom: 20px;}
.popup_type01.expire_pop .pop_head{height: 90px; padding: 30px 32px;}
.popup_type01.expire_pop .pop_head h3{font-size: 24px; font-weight: 700; line-height: 31.2px;}
.pop-dx .popup.popup_type01.expire_pop .pop_cont{padding: 8px 32px 40px;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap{display: block;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap + .Pexpire_wrap{margin-top: 24px;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap .btn{height: auto; padding: 0; border: none; text-align: left; font-size: 20px; font-weight: 900; line-height: 30px;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap .btn::after{content: ''; display: block; width: 24px; height: 24px; position: absolute; top: 52%; right: -24px; transform: translateY(-50%); background: url('/pconts/images/dx/contents/dx_arrow_next_gray.svg') no-repeat center center; background-size: cover}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap .Pexpire_cont{display: flex; justify-content: space-between; width: 100%;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap .Pexpire_cont:after{display: none;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap .Pexpire_cont li{height: 26px; margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 26px;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap .Pexpire_cont li + li{font-weight: 900;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap ul + ul{padding-bottom: 24px; border-bottom: 1px solid #eee;}
.popup_type01.expire_pop .pop_cont .Pexpire_wrap:last-of-type ul + ul{padding-bottom: 20px;}
@media only screen and (max-width: 1100px){
	.popup_type01.expire_pop .pop_head{height: 59px; padding: 23px 20px 9px 24px;}
	.popup_type01.expire_pop .pop_head h3{font-size: 18px; font-weight: 700; line-height: 27px;}
	.pop-dx.pop_wrap.point_filter_pop .popup.expire_pop .pop_cont{padding: 28px 24px 20px;}
	.popup_type01.expire_pop .pop_cont .Pexpire_wrap .btn{height: auto; padding: 0; border: none; text-align: left; font-size: 18px; font-weight: 900; line-height: 27px;}
	.popup_type01.expire_pop .pop_cont .Pexpire_wrap .Pexpire_cont li{height: 24px; margin-top: 16px; font-size: 16px; line-height: 24px;}
	.popup_type01.expire_pop .pop_cont .Pexpire_wrap .Pexpire_cont li + li{font-size: 18px; font-weight: 900; line-height: 26px;}
	.popup_type01.expire_pop .pop_cont .Pexpire_wrap:last-of-type ul + ul{padding-bottom: 16px;}
}




.pop_compare .card_detail .detail_cont .benefit_wrap .item14:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item14.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item17:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item17.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item18:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item18.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item19:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item19.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item20:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item20.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item21:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item21.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item22:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item22.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item23:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item23.png)} 
.pop_compare .card_detail .detail_cont .benefit_wrap .item24:before {background-image:url(/pconts/images/contents/card/ico_pop_compare_item24.png)} 

/* 20241128669684 / 20241113741490 내카드 실적·혜택 화면 개선*/
.MOBFM031C02_01 .btn-wrap-dx.btn-more .btn.type02 {padding: 12px 36px 12px 12px;}
.MOBFM031C02_01 .pdb48_40 {padding-bottom: 48px;}
.MOBFM031C02_01 .r12 {border-radius: 12px !important;}
.MOBFM031C02_01 .r6 {border-radius: 6px !important;}
.MOBFM031C02_01 .list4-dx.type3 .list4-item {min-height: 79px; box-sizing: content-box;}
.MOBFM031C02_01 .gap8_12 {margin-bottom:8px}
.MOBFM031C02_01 .gap24_0 {margin-bottom:24px}
.MOBFM031C02_01 .c-accordion2.type07 [class*=icon-text-a].type2 {font-weight: 700;}
.MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header {border-radius: 12px;}
.MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header.on {border-radius: 12px 12px 0 0;}
.MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_body {border-radius: 0 0 12px 12px; padding:40px 48px 40px}
.MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header > button.acc_btn {padding:28px}
.MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header > button.acc_btn:after {top: calc(50% - 12px); width: 24px; height: 24px; border: none;background: url(/pconts/images/dx/com/arrowdown_small.svg);
left: auto; right: 28px; transform: none;}
.MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header > button.acc_btn.on:after {transform: rotate(-180deg);}
.MOBFM031C02_01 .c-accordion2.type07 .usage-record .record-info {background-color: #f4f7fc;}
.MOBFM031C02_01 .btn.line_gray.type05 {padding:12px 14px !important; border-radius: 6px !important; font-size: 14px !important; line-height: 100% !important; color: #000 !important; height: auto !important; min-width: auto !important; font-weight: 700 !important; border-color:#ccc !important}
.MOBFM031C02_01 .c-accordion2.type07 .table_wrap.acc table th {color:#333; font-weight: 700;}
.MOBFM031C02_01 .c-accordion2.type07 .table_wrap.acc table th, .c-accordion2.type07 .table_wrap.acc table td {padding:12px 10px}
.MOBFM031C02_01 .c-accordion2.type07 .table_wrap.acc table thead tr:first-child th {padding:12px 10px}
.MOBFM031C02_01 .c-accordion2.type07 .table_wrap.in_bdr table td.bold {color: #000 !important; font-weight: 900 !important;}
.MOBFM031C02_01 .c-accordion2.type07 .c-accordion3 > .accordion_item > .accordion_body {padding-top: 40px;}
#pop_usagelist01.type02 .list01.type02 { border-top:1px solid #eee; border-bottom:1px solid #eee}
#pop_usagelist01.type02 .list01.type02 .usage_item {padding-top: 32px; padding-bottom: 0;}
#pop_usagelist01.type02 .list01.type02  ul li:last-child .usage_item {padding-bottom:49px}
#pop_usagelist01.type02 .list01.type02[data-type="list"] ul > li {border-bottom: none;}
#pop_usagelist01.type02 .swiper-container  {position: relative;}
#pop_usagelist01.type02 .btn_filter {position: absolute; right: 0; top: 7px; z-index: 100;}
#pop_usagelist01.type02 .btn_filter button {color:#666; position: relative;}
#pop_usagelist01.type02 .btn_filter button.active {font-weight: 900; color: #000; text-decoration: underline; text-underline-offset:2px}
#pop_usagelist01.type02 .btn_filter button + button {margin-left: 13px; padding-left: 20px;}
#pop_usagelist01.type02 .btn_filter button + button::after {content: ''; display: block; width:1px; height: 8px; background: #eee; position: absolute; left: 0; top: 9px;}
#pop_usagelist01.type02 .pop_usagelist01-tit {margin-bottom: 40px;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p {font-size: 28px; color: #000; margin-bottom: 22px; font-weight: 300;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p > b {font-weight: 28px; font-weight: 900;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p + ul {padding: 16px; border-radius: 12px; background: #f4f7fc;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p + ul li {display: flex; justify-content: space-between; font-size: 14px;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p + ul li + li {margin-top: 6px;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p + ul li > span {color: #3d4964;}
#pop_usagelist01.type02 .pop_usagelist01-tit > p + ul li > b {color: #000; font-weight: 700;}
#pop_usagelist01.type02 .usage_item.type04 .usage_info .title_area {width:auto; display: flex; flex-direction: column;}
#pop_usagelist01.type02 .usage_item.type04 .usage_info .title_area > strong {color: #000; }
#pop_usagelist01.type02 .usage_item.type04 .usage_info .title_area .box {font-size:14px; color:#76708e; position: relative; font-weight: 400; margin-top: 8px;}
#pop_usagelist01.type02 .usage_item.type04 .price_info {align-self: flex-start; }
#pop_usagelist01.type02 .usage_item.type04 .price_info .price {color: #000;}
#pop_usagelist01.type02 .usage_item.type04 .usage_info .title_area .box .info_user {margin-left: 4px; padding-left: 8px; position: relative;}
#pop_usagelist01.type02 .usage_item.type04 .usage_info .title_area .box [class$="_line"]::before {top: 6px; height: 8px; left: 0;}			
@media only screen and (max-width:1100px){
  .MOBFM031C02_01 .pdb48_40 {padding-bottom: 40px;}
  .MOBFM031C02_01 .gap8_12 {margin-bottom:12px}
  .MOBFM031C02_01 .gap24_0 {margin-bottom:0px}
  .MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_body {padding:32px 20px 40px}
  .MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header > button.acc_btn {padding:20px 45px 20px 20px}
  .MOBFM031C02_01 .c-accordion2.type07 > .accordion_item > .accordion_header > button.acc_btn:after {right: 20px;}
  .MOBFM031C02_01 .c-accordion2.type07 .c-accordion3 > .accordion_item > .accordion_body {padding-top: 24px;}
  #pop_usagelist01.type02 .list01.type02[data-type="list"] {border-top-color: #eee;}
  #pop_usagelist01.type02 .list01.type02  ul li:last-child .usage_item:last-of-type {padding-bottom:43px} 
  #pop_usagelist01.type02 .list01.type02  ul li:first-child .usage_item {padding-top:24px}
  #pop_usagelist01.type02 .list01.type02  ul li:last-child .usage_item {padding-bottom:43px}
  #pop_usagelist01.type02 .swiper-container {margin-right: -24px;}
  #pop_usagelist01.type02 .btn_filter {position: relative; right: auto; top: auto; margin: 20px 0 0; text-align: right; padding-right: 24px;}
  #pop_usagelist01.type02 .btn_filter button {font-size: 14px;}
  #pop_usagelist01.type02 .btn_filter button + button {margin-left: 9px; padding-left: 16px;}
  #pop_usagelist01.type02 .usage_item.type04 .usage_info .title_area .box {margin-top: 4px;}
  #pop_usagelist01.type02 .usage_item.type04 .price_info {width: 95px;}
  #pop_usagelist01.type02 .usage_item.type04 .usage_info, .usage_item.type04 dl {justify-content: flex-start;}
  #pop_usagelist01.type02 .pop_usagelist01-tit > p {font-size: 24px;}
  #pop_usagelist01.type02 .pop_usagelist01-tit > p + ul li {font-size: 14px;}				
}


/* 20241105573733 동의등급제 신규 ui*/
/* .agree_grade.h-sol {} */
.agree_grade.h-sol.dx-agreetype.agreement_wrap.agreement-dx .check-dx .check_default input[type="checkbox"] + span {color: #000; padding-left: 36px !important;}
.agree_grade.h-sol .tool_tip_tit {margin-left: 36px; margin-top: 7px; color: #666; font-size: 14px; margin-bottom: 2px;}
.agree_grade.h-sol.accordion_check .accordion_header.depth01 .btn_acc_check.h-sol {background: url('/pconts/images/dx/contents/dx_arrow_down_black.svg') center 15px no-repeat !important}
.agree_grade.h-sol.dx-agreetype.agreement_wrap .accordion_header.depth01 .btn_acc_check.h-sol.on {background-position: center 45px !important;}
.agree_depth02_sm_tit {font-size: 12px; color: #666; margin-left: 36px; margin-top: 8px;}
.agree_grade.h-sol .c-badge1-a {display: flex;margin-left: 36px; margin-top: 10px;}
.agree_grade.h-sol.dx-agreetype.agreement_wrap .agree_depth02 .accordion_wrap.accordion_check .accordion_header .btn_acc_check.h-sol {top: 16px !important;}
.agree_grade.h-sol .agree_depth_box + .agree_depth_box {margin-top: 20px;} 
.agree_grade.h-sol .agree_depth_box .agree_depth02 .check_default input[type="checkbox"] + span {color: #666 !important;}
.agree_grade.h-sol .check_multi_wrap {padding-right: 0 !important;}
.agree_grade.h-sol .check_multi_wrap .check_multi {width: auto !important;}
.agree_grade.h-sol .check_multi_wrap .check_multi + .check_multi {margin-left: 60px !important;}
.agree_grade.h-sol.dx-agreetype.agreement_wrap.agreement-dx .check-dx .check_default.check_multi input[type="checkbox"] + span {padding-left: 28px !important;}
.agree_grade.h-sol.dx-agreetype.agreement_wrap.agreement-dx .dx-txtbox-wrap ul li {font-size: 12px !important; color: #494F60;}
.agree_grade.h-sol.dx-agreetype .btn_check_pop.btn_agree {top: 7px; transform: translateY(0);}
.pdl0_9 {padding-left: 0 !important;}
.gapt18 {margin-top: 18px;}
.agree_grade.h-sol.dx-agreetype.agreement_wrap .accordion_body {padding: 12px !important;}
.agree_grade.h-sol.dx-agreetype [class*='c-badge1'].default-pc > [class*='badge'] {border-radius: 4px;}
/* .agree_grade.h-sol .dx-txtbox-wrap {padding: 16px 12px 12px 12px !important;} */
@media only screen and (max-width: 1100px) {
.agree_grade.h-sol.accordion_check .accordion_header.depth01 .btn_acc_check.h-sol {background: url(/pconts/images/dx/contents/dx_arrow_down_black.svg) center 11px no-repeat !important;}
.agree_grade.h-sol.dx-agreetype.agreement_wrap .accordion_header.depth01 .btn_acc_check.h-sol.on {background-position: center 42px !important;}
.agree_depth02_sm_tit {margin-top: 4px;}
.agree_grade.h-sol .check_multi_wrap {margin-left: -2px;}
.agree_grade.h-sol .check_multi_wrap .check_multi + .check_multi {margin-left: 16px !important; margin-top: 0 !important;}
.pdl0_9 {padding-left: 9px !important;}
.agree_grade.h-sol .tool_tip_tit {margin-bottom: 5px;}
.agree_grade.h-sol.dx-agreetype.agreement_wrap .agree_depth02 .accordion_wrap.accordion_check .accordion_body {padding: 10px 0 0 !important}
}
/* 동의등급제 신규 ui - 툴팁 */
.agree_grade_tooltip.dx-tooltip-wrap {width: 230px !important; }
.agree_grade_tooltip.dx-tooltip-wrap .tooltip_cont {padding: 16px !important; line-height: 19px;}
.agree_grade_tooltip .tooltip-content-tit {font-size: 12px; }
.agree_grade_tooltip [class*='c-badge2'] > [class*='badge'] {width: 36px; font-size: 9px; min-height: 24px !important; display: flex; justify-content: center; align-items: center;}
.agree_grade_tooltip [class*='c-badge2'] {margin-top: 8px; margin-bottom: 8px;}
.agree_grade_tooltip [class*='c-badge2'] > [class*='badge']:first-child {border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.agree_grade_tooltip [class*='c-badge2'] > [class*='badge']:last-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.agree_grade_tooltip.dx-tooltip-wrap .btn_close {width: 32px; height: 32px; top: 13px; background: url('/pconts/images/dx/com/icon_close.svg') no-repeat center / 16px; right: 5px;}
.agree_grade_tooltip .tooltip-content-txt {font-size: 12px !important; margin-right: 20px; word-break: break-all;}

/* 이벤트 응모 랜딩 수정 */
.evt-entry .form_type.form-dx.formlist .form_ele {margin-top: 0;}
.land-head.bg-pos {background: url(/pconts/images/common/shinhancard_logo.png) bottom center no-repeat;background-size: auto 21px;}
.evt-entry .ly_inner.line {border-bottom: 1px solid #eee; width:100%;}
.evt-entry .pesnAuth-small-size .form_type {padding-top: 0 !important;}
.evt-entry .form_type {padding-top: 0 !important;}
.evt-entry .pesnAuth-small-size .tab_type02 {margin-top: 0;}
.evt-entry .pesnAuth-small-size .form_type .form_ele .ele_tit {padding-bottom: 0px;}
.pesnAuth-small-size .form_type .gap32 {padding: 0 0 0; margin-top: 32px;}
.h_title.evtagree {font-size: 24px; line-height: 30px; margin-bottom: 32px;}
.contents .w_size02 {max-width: 600px !important;}
.contents.evt-entry {padding-bottom: 0px;}
.land-head + #container .contents.evt-entry {padding-bottom: 0px;}
.marker_dot.m32 {margin-top: 32px;}
p.txt666 {color: #666; font-weight: 400; font-size: 16px; line-height: 22.4px; margin-top: 8px;}
.marker_dot.txtgray li {color: #666;}
.marker_dot.txtgray li.txtblack {color: #000; font-weight: 500;}
.evt-entry .ele_tit {font-size: 18px; color: #000; font-weight: 500; line-height: 25.2px; margin-top: 32px;}
.evt-entry .ele_tit.gapt48 {padding-top: 0px;}
.evtagree_wrap .evt-agree {border-radius: 8px; border: solid #ddd 1px; padding: 20px; font-size: 16px; margin-top: 16px; margin-bottom: 0;}
.evtagree_wrap .txt-box {background-color: #F4F7FC; border-radius: 6px; padding: 16px; margin-top: 8px; margin-bottom: 12px;}
.evtagree_wrap .agree-box {font-weight: 400; line-height: 24px; margin-bottom: 0px;}
.evtagree_wrap .radio_wrap {color: #333; line-height: 24px; justify-content: flex-end;}
.evtagree_wrap p {color: #666;}
.evtagree_wrap .txt-box {color: #666;}
.evtagree_wrap .evt-agree .agree-box .radio-group span {font-size: 16px;}
.w400_evtagree button {font-weight: 500; font-size: 16px; line-height: 16px;}
.w400_evtagree .btn + .btn {margin-left: 0;}
#footer.land-foot {padding:20px;}
.btn_wrap.m_fixed.line_fixed{padding: 24px 0 !important; border-top: 1px solid #eee;position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 4;}
.evt-entry .dx-agreetype.agreement_wrap {font-size: 14px; font-weight: 400; line-height: 20px;}
.evt-entry .agreement-dx .agreement_inner .agree_tit {padding-left: 8px; font-weight: 500; font-size: 14px;}
.evt-entry .dx-agreetype.agreement_wrap .accordion_body .check_agree input[type="checkbox"] + span {font-weight: 400;}
.evt-entry .dx-agreetype.agreement_wrap .accordion_body .c-bull3 {margin: 14px 0 10px 8px;}
.evt-entry .dx-agreetype.agreement_wrap .accordion_body .c-bull3 {text-indent: -16px;}
.evt-entry .dx-agreetype.agreement_wrap .accordion_body p.txt {margin-left: 10px;}
.evt-entry .agreement_wrap.agreement-dx.dx-agreetype .check-dx.check_wrap .check_default input[type="checkbox"] + span {font-weight: 700;}
.evt-entry ul.marker_dot::before, .evt-entry ul.marker_dot > li::before {background-color: #666;}

@media only screen and (max-width: 1100px) {
.pesnAuth-small-size .form_type .gap32 {padding: 0 0 0; margin-top: 24px;}
.w400_evtagree button {height: 48px;}
.evtagree_wrap .radio-dx .radio-group .radio_default {width: auto;}
.evtagree_wrap .radio_wrap .radio_default {width: auto;}
.evtagree_wrap .radio-dx .radio-group {justify-content: flex-end;}
/*
  공통적인 스타일링으로 인한 사이드이펙트 이슈, 20241211371463 작업으로 인해 발생한 문제로 추측
	해당 화면에서만 적요되게끔 예외처리
*/
.contents.evt-entry div[data-bind-view="MOBEVT024R10"] .btn_group .btn + .btn {margin-left: 0px;}
.btn_wrap.m_fixed.line_fixed{padding: 16px !important; border-top: none; background: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #fff 14.37%, #fff 20%, #fff 100%);}
.btn_wrap.m_fixed.line_fixed:before{display: none;}
.contents.evt-entry .tit1 {font-size: 24px;}
.h_title.evtagree {font-size: 22px;}
.contents.evt-entry .dx-agreetype.agreement_wrap .accordion_body .check_wrap {padding-right: 0px;}
.contents.evt-entry .form_type.form-dx.formlist .form_ele .ele_tit {margin-top: 24px;}
.contents.evt-entry .form_type .ele_tit.top-tit {margin-top: 40px;}
}
@media only screen and (min-width: 1100px) {.w400_evtagree button {width: 400px; height: 56px;} .contents.evt-entry.dx-common-layout.fixedBtn {padding-bottom:150px;}}

.btn_confirm{margin-top:16px;}    
.btn_confirm .btn.lightgray{min-width:200px;font-size:14px;background-color:#edf0f8;color:#494f60;font-weight:700;}
.btn_confirm .btn.lightgray:disabled {background-color:#edf0f8;color: #b2bbc9;}
.evtapply_comlete{padding:20px 0 60px;}
@media only screen and (max-width: 1100px){
    .btn_confirm .btn.lightgray{min-width:initial;width:100%;} 
}   

/* 250221 20250206738703_패밀리_복지카드 인사정보등록/수정 _파일샘플다운로드 화면 신설요청 */
.fm_btn-wrap {margin-top: 40px !important; padding-top: 20px; border-top: 2px solid #000;}

@media screen and (min-width: 1100px) {
    .fm_btn-wrap {display: flex;}
    .fm_btn-wrap .btn_download2 {flex: 1 !important;}
}