@charset "utf-8";
/* GPCC CSS 부분 시작 */
/*NotoSans font*/
/* 본고딕(Noto Sans KR) */
@font-face {
	font-family:"Noto Sans KR";
	font-style: normal;
	font-weight: normal;
	src:
		url("/m/font/NotoSans-Medium.ttf") format("truetype"),
		url('/m/font/NotoSans-Medium.woff') format('woff'),
		url('/m/font/NotoSans-Medium.woff2') format('woff2'),
		url('/m/font/NotoSans-Medium.otf') format('opentype'),
		url('/m/font/NotoSans-Medium.eot') format('opentype');
}

@font-face {
	font-family:"Noto Sans KR";
	font-style: normal;
	font-weight: bold;
	src:
		url("/m/font/NotoSans-Bold.ttf") format("truetype"),
		url('/m/font/NotoSans-Bold.woff') format('woff'),
		url('/m/font/NotoSans-Bold.woff2') format('woff2'),
		url('/m/font/NotoSans-Bold.otf') format('opentype'),
		url('/m/font/NotoSans-Bold.eot') format('opentype');
}
@font-face {
	font-family:"YouandiModernTB";
	font-style: normal;
	font-weight: normal;
	src:
    url("/m/font/Youandi_Modern_TextBold.ttf") format("truetype"),
    url('/m/font/Youandi_Modern_TextBold.woff') format('woff'),
    url('/m/font/Youandi_Modern_TextBold.woff2') format('woff2'),
    url('/m/font/Youandi Modern TextBold.otf') format('opentype'),
    url('/m/font/Youandi_Modern_TextBold.eot') format('opentype');
}

body.hidden {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;overflow-x: scroll;-webkit-transform: translateZ(0);}
.app_area_content *{font-family: 'San Francisco','SF Pro Display','Noto Sans KR' !important;}

.layer_popup {position:fixed; top:0;left:0; z-index:105; width:100%;overflow:hidden; height:100%; display:none;}
.layer_popup * {font-family: 'San Francisco','SF Pro Display','Noto Sans KR' !important;}

.safari .layer_popup strong {font-weight: bold;}
.safari .layer_popup .over b{font-weight:bold;}
.layer_popup.active {display:block;}
.layer_popup.alert {z-index: 110;}
.layer_popup.full.card_design_pop{z-index: 110;background:#e4e5e4;}
.layer_popup.full.card_design_pop:before{display:none;}
.layer_popup.full.card_design_pop .layer_wrap{background:none;}
.layer_popup.full {/*z-index: 105;*/background-color:#fff;}

.layer_popup .layer_wrap {overflow:hidden; position:absolute; top:50%; left:50%; z-index: 70; transform: translate(-50%, -50%);  width:288px; background-color:#fff; border-radius:16px;}
.layer_popup .layer_wrap.layer_wrap2 {overflow:hidden; position:absolute; top:50%; left:50%; z-index: 70; transform: translate(-50%, -50%);  width:320px; background-color:#fff; border-radius:16px;}
.difficult_popup.layer_popup .layer_wrap{width:320px;}/*tm팝업 가운데 정렬 0810*/
#tm_layer.difficult_popup.layer_popup .layer_wrap{width:320px;margin-left:-160px;transform: translate(0%, 0%);}/*tm팝업 가운데 정렬 0810*/
.layer_popup.full .layer_wrap {position: relative; width:100%;height:100%; top:0%; left:0%; transform: translate(0%, 0%);border-radius:0; }
.layer_popup:before {display:block; content:""; position:absolute; left:0; top:0; z-index: 60; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
.layer_popup .layer_wrap .layer_container {position: relative;width:100%;height:100%;}
.layer_popup .layer_wrap .layer_header {padding:28px 7.5% 0 7.5%;}
.layer_popup .layer_wrap .layer_header h1 {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0;
    line-height: 26px;
}
.safari .layer_popup .layer_wrap .layer_header h1{font-weight:bold;}
.layer_popup .layer_wrap .layer_header .title_desc {
    display:block;
    margin-top:12px;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 26px;
}
.layer_popup .layer_wrap .layer_header.small {text-align:center;}
.layer_popup .layer_wrap .layer_header.small h1 {
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
}
.layer_popup .car_num_pop{}
.layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_content{height:auto;padding-bottom:0;}
.layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_content .gpcc_search_result .address_list li:last-child{padding-bottom:0;}
.layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_footer{position:relative; padding: 40px 6.4% 0;}
.layer_popup.full .layer_wrap .layer_container.car_num_pop .layer_footer .gpcc_btn_area.full {margin-left:0; width:100%;}
.layer_popup .layer_wrap .layer_header.small .title_desc {margin-top:0;}
.layer_popup .layer_wrap .layer_header.small h1 + .title_desc {margin-top:12px;}
.layer_popup.bottom_sheet .layer_wrap .layer_header .title_large {font-size:20px; font-weight:bold;}
.safari .layer_popup.bottom_sheet .layer_wrap .layer_header .title_large {font-weight:bold;}
.layer_popup.bottom_sheet .layer_wrap .layer_header + .layer_contents .gpcc_tab_wrap {margin-bottom: 0;}
.layer_popup.bottom_sheet .layer_wrap .layer_header + .layer_contents.layer_statementP{padding-top:12px;}
.layer_popup .layer_wrap .layer_content {width:100%; padding-left:7.4%; padding-right:7.4%; box-sizing: border-box;}
.layer_popup.bottom_sheet .layer_wrap .layer_header + .layer_content .gpcc_tab_wrap {margin-bottom: 0;}
.layer_popup .layer_wrap .layer_content.layer_content_addr {height:calc(100% - 48px);width:100%; padding-left:7.4%; padding-right:7.4%; box-sizing: border-box;}
.layer_popup.full .layer_wrap .layer_content {z-index:1;width:100%; padding-left:6.4%; padding-right:6.4%; height:calc(100% - 48px);overflow-y:scroll;padding-bottom:calc(97px + 65px);box-sizing: border-box;}
.layer_popup.full .layer_wrap .layer_content.on {padding-bottom:calc(97px + 85px);}/*0807 가족카드 버튼 갯수 스타일 추가*/
#familyCardForm.layer_popup.full .layer_wrap .layer_content {padding-bottom: 116px;}
#wrapup .layer_content{padding-bottom:116px;}
.layer_popup .layer_wrap .layer_footer {padding:40px 6.4% 16px 6.4%;}
.layer_popup .layer_wrap .layer_header.small ~ .layer_footer{padding:28px 0 0 0;}
.layer_popup .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{width:100%;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer {padding: 40px 0 0 0;z-index:10;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.small ~ .layer_footer .gpcc_btn_area{width: 91.47%;margin: 0 auto 16px auto;}
.layer_space_15 + .layer_footer{position:absolute;left:0;bottom:0;width:100%;}
.difficult_popup.layer_popup .layer_wrap .layer_footer{padding:28px 0 0 0;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area {
    position: relative; display:flex; display:-webkit-flex;
    /*border-top:1px solid rgba(0, 0, 0, 0.04);*/
    margin:0;
}
/* 작은 팝업 상단 border, margin */
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.between {
    width: 100%;
    border-top:1px solid #ebebeb;
}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.lonely.full {
    margin-left:0;border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.layer_popup.full .layer_wrap .layer_footer .gpcc_btn_area{
  border-top:0;
}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full {flex-wrap: wrap;width:100%;/*margin-left:-2%;*/background:#fff;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn {position: relative; width:50%; box-sizing: border-box; text-align:center; font-size:16px; line-height:56px;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn.gray {color: rgba(0,0,0,0.48);font-weight:normal;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn:last-child {border-left:1px solid rgba(0, 0, 0, 0.04); border-radius:0;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn:last-child {border-left:0;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area .btn:first-child {border-radius:8px;}
.layer_popup .layer_wrap .layer_footer .gpcc_btn_area.full .btn {width:100%;}

/* 약관 팝업 full */
.layer_popup.full .layer_wrap .layer_slider_wrap {position: relative; width:100%; /*height:100% !important;*/box-sizing:border-box;padding-bottom:75px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .swiper-slide{display:block;}
.layer_popup.full .layer_wrap .layer_slider_wrap .swiper-wrapper{padding-top:0;}
.layer_popup.full .layer_wrap .layer_slider_wrap .info_num{display:block; overflow:hidden; padding:0 8%; height:48px; font-weight:bold; font-size:16px; color:#000; text-align:center; line-height:48px; white-space:nowrap; text-overflow:ellipsis;}
.safari .layer_popup.full .layer_wrap .layer_slider_wrap .info_num{font-weight:bold;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont {margin-top:16px; padding:0 6.4%;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont {margin:0 !important;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .box_layer {margin:0 !important;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont strong {margin-top:16px; font-weight:bold; font-size:20px; color:#000; letter-spacing:0; line-height:26px;}
.safari .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont strong{font-weight:bold;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .tit {margin-top:16px; font-weight:bold; font-size:20px; color:#000; letter-spacing:0; line-height:26px;}
.safari .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .tit {font-weight:bold;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont ol li {margin:8px 0 0 0 !important; font-size:16px; color:#000; letter-spacing:0; line-height:26px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .txt-con li {margin:8px 0 0 0 !important; font-size:16px; color:#000; letter-spacing:0; line-height:26px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont p {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont p > strong {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px; font-weight:normal;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .code_name {margin-top:22px; font-size:15px; line-height:normal;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .h4_tit_1 {line-height:26px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .list_style_1 li {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .list_style_1 li strong {font-size:16px; font-weight:normal;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .con-type2 ol li ul li strong.tit {font-size:16px;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .new_clause_bold_1 li {margin-top:12px; font-size:16px; color:#000; letter-spacing:0; line-height:26px; font-family: -apple-system, BlinkMacSystemFont,'San Francisco','SF Pro Display', 'Helvetica Neue', 'Apple SD Gothic Neo', '애플 SD 산돌고딕 Neo', 'AppleGothic', '맑은 고딕', San-Serif;}

.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_view {font-size:1.4rem; color:#777; line-height:2.1rem; letter-spacing:-0.08rem;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .kcb_agree,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont.revol {font-size:1.4rem; line-height:1.9rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_title,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_view p {word-break:keep-all;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .imp_txt {font-size:1.4rem; line-height:2.1rem;letter-spacing:-0.08rem;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .kcb_agree .pop_txt_list.type3,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type2,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type3,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .cardAlramGuide .pop_txt_list.type2{padding-left:.8rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .kcb_agree .pop_txt_list > li:first-child,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list > li:first-child,
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .cardAlramGuide .pop_txt_list > li:first-child {margin-top:0}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list.type2 > li:before{display:inline-block;content:'·'; margin:0 .4rem 0 -.8rem; font-size:1.5rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list + p{margin-top:1.5rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .txt_color{color:#a27143 !important;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .fb {font-weight:bold;}
.safari .layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .fb {font-weight:bold;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type4 {margin:1rem 0;padding-left:1.6rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revol .pop_txt_list.type5 {margin:1rem 0;padding-left:1.2rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .pop_txt_list.type5 > li.bg_starB:before{display:inline-block;content:'※'; margin:0 .0rem 0 -1.2rem; font-size:0.5rem}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h4.tit{position:relative;font-size:1.4rem;color:#111;margin-top:2rem;margin-bottom:0;padding:0 1.5rem;line-height:4rem;background:#f8f8f8; border-bottom:1px solid #e6e6e6;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h4.tit .right {position:absolute;top:0;right:1.5rem;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h4.tit .right span {font-size:1.9rem;vertical-align:middle;font-weight:normal;margin-right:0.2rem;display:inline-block;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .revSimulW {margin-top:1rem;border-top:1px solid #e6e6e6;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .revSimulW:first-child ,  .revSimul .tit + .revSimulW {border-top:none;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt h5 {font-size:1.2rem;margin-top:1rem;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt li {font-size:1.1rem;line-height:1.3rem;color:#777777;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .pop_txt_list.type5 > li.bg_starB {font-size:1.1rem;}
.layer_popup.full .layer_wrap .layer_slider_wrap .detail_cont .revSimulTxt .pop_txt_list.type3 > li {font-size:1.1rem;}
.area_layer .box_layer .con-type2 .tit{display: block; margin-top: 20px; font-size: 15px; line-height: 15px; color: #000; font-weight: normal; font-family: inherit;}


.layer_popup.full .layer_wrap .layer_footer{padding:40px 4.27% 0;}
.layer_popup.full .layer_wrap .btn_full_close {position:absolute; top:8px; right:8px; width:32px; height:32px; z-index:101;}
.layer_popup.full .layer_wrap .btn_full_close span {color:transparent;display: block;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.layer_popup.full .layer_wrap .btn_full_close:before {display:block; content:""; position:absolute; left:0%; top:0%;  width:100%; height:100%; background:url('/m/image/common/ico_X.png') center no-repeat; background-size:100%;}

/*0609 풀팝업 레이아웃 스타일 수정*/
.layer_popup.full .layer_wrap .layer_container .layer_footer {z-index:10;width:100%;box-sizing:border-box; align-self:flex-end; background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0));padding-top: 40px;position:absolute; left:0; bottom:-1px; padding-bottom:20px;}/*0609 풀팝업 레이아웃 스타일 수정*/
.layer_popup.full .layer_wrap .layer_container .layer_footer.fixed {position:absolute; left:0; bottom:20px; width:100%; padding-bottom:0;padding-top:0;}

.layer_popup.full .layer_wrap .layer_container .layer_slider_wrap .layer_footer {position:absolute;width:100%; left:0; bottom:0; z-index: 10; padding-bottom:20px !important;background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,0));padding-top: 40px;}/*0609 풀팝업 레이아웃 스타일 수정*/
.layer_popup.full .layer_wrap .layer_container .layer_slider_wrap .layer_footer .gpcc_btn_area {padding-bottom:0 !important;}
.layer_title_area {display:block; width:100%; padding:0 6.4% 0 6.4%; height:48px; box-sizing: border-box;}
.layer_title_area.bor_bottom,.new_bottom_sheet_title.bor_bottom,.layer_popup.bottom_sheet .layer_header.bor_bottom {border-bottom: 1px solid rgba(0,0,0,.12);}
.new_bottom_sheet_title.bor_bottom,.layer_popup.bottom_sheet .layer_header.bor_bottom {padding: 19px 15% 18px 6.4% !important;}
.layer_title_area h2 {overflow:hidden; font-weight:bold; font-size:16px; color:#000; text-align:center; line-height:48px; white-space:nowrap; text-overflow:ellipsis;}
.safari .layer_wrap .layer_title_area h2 {font-weight:bold;}

/* popup bottom sheet */
.layer_popup.bottom_sheet .layer_wrap{top:auto; left:0; bottom:0; transform:translate(0,0); width:100%; border-radius: 24px; border-bottom-left-radius:0; border-bottom-right-radius:0;max-height:87vh;}
.layer_popup.bottom_sheet.full .layer_wrap{top:0; left:0; bottom:0; transform:translate(0,0); width:100%; border-radius: 24px; border-bottom-left-radius:0; border-bottom-right-radius:0;max-height:100vh;}

.layer_popup.bottom_sheet .layer_wrap .layer_header{padding:19px 15% 19px 6.4%; word-wrap: break-word; word-break: keep-all;}
.layer_popup.bottom_sheet .layer_wrap .layer_header h1 {text-align:left;}
.layer_popup.bottom_sheet .layer_wrap .layer_header.bor_bottom h1{text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.layer_popup.bottom_sheet .layer_wrap .sub_desc {padding:0 6.4%;  font-size:16px; line-height:26px; text-align:left;}
.layer_popup.bottom_sheet .layer_wrap .sub_desc.title {font-size:16px; margin-top:0; line-height:22px; font-weight:bold;}
.safari .layer_popup.bottom_sheet .layer_wrap .sub_desc.title {font-weight:bold;}
.layer_popup.bottom_sheet .layer_wrap .sub_desc2 {margin-top:0px;}
.layer_popup.bottom_sheet .layer_wrap .layer_content {width:100%; padding-left:6.4%; padding-right:6.4%; padding-top:8px; box-sizing: border-box;max-height:50vh;overflow-y:scroll;}
.layer_popup.bottom_sheet.full .layer_wrap .layer_content {width:100%; padding-left:6.4%; padding-right:6.4%; padding-top:8px; box-sizing: border-box;max-height:92vh;overflow-y:scroll;}
.layer_popup.bottom_sheet .layer_wrap .layer_content .sub_desc {padding:0;}
.layer_popup.bottom_sheet .layer_wrap .sub_desc + .layer_contents .layer_content > .terms_wrap {margin-top:16px;}/* 0907 24->16변경 */
.layer_popup.bottom_sheet .layer_wrap .sub_desc + .layer_content > .terms_wrap {margin-top:16px;}/* 0907 24->16변경 */
.layer_popup.bottom_sheet .layer_wrap .layer_content .sub_desc + .terms_wrap {margin-top:24px;overflow:hidden;}
.layer_popup.bottom_sheet .layer_wrap .layer_contents .layer_content .sub_desc + .terms_wrap {margin-top:24px;overflow:hidden;}
.layer_popup.bottom_sheet .layer_wrap .layer_content .toggle_bundle.border {/*height:48px;*/}
.layer_popup.bottom_sheet .layer_wrap .layer_content .toggle_bundle.border .toggle_title {/*line-height: 44px;*/}
.layer_popup.bottom_sheet .layer_wrap .layer_footer{padding-top:40px;}
#yearfee_layer .layer_footer{padding:26px 4.27% 16px;}
.crossBorderPayment + .layer_footer{padding-top:26px !important;}/*랩업 해외결제 팝업 여백수정 0810*/
.layer_popup.bottom_sheet .layer_wrap .gpcc_btn_area .btn_default,
.layer_popup.full .layer_wrap .layer_footer .btn_default{color:#fff;}
.layer_popup.full .layer_wrap .layer_footer .btn_default.btn_gray {color:rgba(0,0,0,0.2);}

/* 리스트 타입 *//* 특수 소재 플레이트 bottom sheet - layerpopup 안에 type02존재 */
.bullet_list {margin-top:14px;}
.bullet_list li {position: relative; margin-top:6px; padding-left:8px; font-size:14px; color: rgba(0,0,0,.64); line-height:22px;}
.bullet_list li:before {display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:rgba(0,0,0,0.64);}

/* GPCC css 수정 부분 */
.layer_popup .layer_wrap .terms_wrap.space {margin-top:27px;}
.safari .gpcc_btn_area .btn span {font-weight: bold;}
.layer_popup.bottom_sheet .layer_wrap .btn_close{position:absolute; top:16px; right:16px; width:32px; height:32px; background:url('/m/image/common/ico_popup_close.png'); background-size:100%; color:transparent;text-indent:-999em;}
.layer_popup.bottom_sheet .layer_wrap .btn_close a::before, .layer_popup.bottom_sheet .layer_wrap .btn_close a::after{display: none}

.gpcc_btn_area .btn_default {background-color:#000; color:#fff;}
.gpcc_btn_area .btn_default.btn_gray {background-color:rgba(0,0,0,0.08);}


.custom_input {display:inline-block; position: relative;}
.custom_input.full {width:100%;}
@media all and (max-width:320px) {
  .custom_input input[type="text"] + label.small,
  .custom_input input[type="tel"] + label.small,
  .custom_input input[type="search"] + label.small,
  .custom_input input[type="email"] + label.small,
  .custom_input input[type="number"] + label.small,
  .custom_input input[type="password"] + label.small {font-size:14px;}
}
.custom_input input[type="text"] + label,
.custom_input input[type="tel"] + label,
.custom_input input[type="search"] + label,
.custom_input input[type="email"] + label,
.custom_input input[type="number"] + label,
.custom_input input[type="password"] + label {
    display:inline-block;
    position:absolute; left:0; top:21px;
    font-size: 20px;
    color: rgba(0,0,0,0.20);
    letter-spacing: 0;
    line-height: 26px;
    transition: all 0.5s;
}
.custom_input input[type="text"] + label em,
.custom_input input[type="tel"] + label em,
.custom_input input[type="search"] + label em,
.custom_input input[type="email"] + label em,
.custom_input input[type="number"] + label em,
.custom_input input[type="password"] + label em{
  opacity:1;
  transform:all 1s;
}
.custom_input input[type="text"]:focus + label,
.custom_input input[type="number"]:focus + label,
.custom_input input[type="tel"]:focus + label,
.custom_input input[type="search"]:focus + label,
.custom_input input[type="email"]:focus + label,
.custom_input input[type="password"]:focus + label {
    top:0;
    font-size:12px;
    line-height:16px;
    /* color: rgba(0,0,0,0.4); */
    color:rgba(0,0,0,0.64);/*2021-09 웹접근성(명도대비)*/
}
.custom_input input[type="text"]:focus + label em,
.custom_input input[type="number"]:focus + label em,
.custom_input input[type="tel"]:focus + label em,
.custom_input input[type="search"]:focus + label em,
.custom_input input[type="email"]:focus + label em,
.custom_input input[type="password"]:focus + label em {
    opacity:0;
}
.custom_input input[type="text"].active + label em,
.custom_input input[type="number"].active + label em,
.custom_input input[type="tel"].active + label em,
.custom_input input[type="search"].active + label em,
.custom_input input[type="email"].active + label em,
.custom_input input[type="password"].active + label em {
    opacity:0;
}
/* .custom_input input[type="text"]:focus + label em,
.custom_input input[type="number"]:focus + label em,
.custom_input input[type="tel"]:focus + label em,
.custom_input input[type="password"]:focus + label em {display:none;} */

.custom_input input[type="text"].active + label,
.custom_input input[type="number"].active + label,
.custom_input input[type="tel"].active + label,
.custom_input input[type="search"].active + label,
.custom_input input[type="email"].active + label,
.custom_input input[type="password"].active + label {
    top:0;
    font-size:12px;
    line-height:16px;
    /* color:rgba(0,0,0,0.4); */
    color:rgba(0,0,0,0.64);/*2021-08 웹접근성(명도대비)*/
}
.custom_input input[type="text"] + label.active,
.custom_input input[type="number"] + label.active,
.custom_input input[type="tel"] + label.active,
.custom_input input[type="search"] + label.active,
.custom_input input[type="email"] + label.active,
.custom_input input[type="password"] + label.active {
    top:0;
    font-size:12px;
    line-height:16px;
    /* color: rgba(0,0,0,0.4); */
    color:rgba(0,0,0,0.64);/*2021-08 웹접근성(명도대비)*/
}
.custom_input input[type="text"],
.custom_input input[type="number"],
.custom_input input[type="tel"],
.custom_input input[type="search"],
.custom_input input[type="email"],
.custom_input input[type="password"] {
    width:100%;
    height:56px;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    line-height: 26px;
    box-sizing: border-box;
    padding:20px 0 10px 0;
    border:none;
    background-color:#fff;
    border-bottom:1px solid rgba(0,0,0,0.12);
    caret-color:#000 !important;
}
.custom_input input:-webkit-autofill,
.custom_input input:-webkit-autofill:hover,
.custom_input input:-webkit-autofill:focus,
.custom_input input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 60px #fff inset !important;background-color:transparent !important;background-clip:content-box !important;}

.account_bundle {position:relative; display:flex; display:-webkit-flex; align-items:center;}

.form_bundle_wrap {position: relative;}
.form_bundle_wrap > ul.bundle_list > li {margin-top:12px;}
.form_bundle_wrap > ul.bundle_list > li .custom_input {width:100%;}
.form_bundle_wrap > ul.bundle_list > li .custom_select {width:100%;}
.form_bundle_wrap > ul.bundle_list > li .custom_select.error select{border-bottom:1px solid #f00;}
.form_bundle_wrap > ul.bundle_list > li:first-child {margin-top:0;}

.ss_id{}
.ss_id .custom_input{}
.ss_id.active input,.custom_mix.idcard.active input{border-bottom:2px solid #000;}
.ss_id .custom_input:first-child{position:static;}
.ss_id .custom_input  label{z-index:10;}
.ss_id .custom_input:last-child{z-index:5;}
.ss_id .custom_input:first-child input{background:none;}
.ss_id .custom_input:last-child:before{display:block;}
.ss_id input + label{width:100%;background: rgba(255,255,255,1);display:block;position:absolute;top:21px;font-size: 20px;color: rgba(0,0,0,0.20);letter-spacing: 0;line-height: 26px;transition: top 0.5s;}
.ss_id input.active + label{background: rgba(255,255,255,0);}

/* 약관 */
.terms_wrap {margin-top:32px;/*margin-top:65px;*/}
.gpcc_btn_area + .terms_wrap{margin-top:24px;}
.flex_bundle_list + .terms_wrap {margin-top:20px;}
.terms_wrap .terms_row {position: relative; padding:17px 15% 17px 12px; background-color:#f5f5f5; border-radius: 8px;}
.terms_wrap .terms_row + .terms_row {margin-top:12px;}
.terms_wrap.bg_gray .agree_bundle_wrap {background-color:#f5f5f5; border-radius: 8px;}
.terms_wrap .agree_all_wrap {margin-bottom:22px;}
.terms_wrap .agree_all_wrap .custom_check label {padding-left:50px; font-size:20px; line-height:26px; color: rgba(0, 0, 0, 0.48);}
.terms_wrap .agree_all_wrap .custom_check label:before {top:-2px; left:12px; width:32px; height:32px; background:url('/m/image/common/ico_CheckO.png') 0 0 no-repeat; background-size:32px;}
.agree_bundle_wrap {}
.agree_bundle_wrap .agree_bundle {border:1px solid #ebebeb; border-radius:8px;overflow:hidden;}
.agree_bundle_wrap .agree_bundle.single {border:none;}
.agree_bundle_wrap .agree_bundle .custom_check {width:100%; box-sizing: border-box;}
.agree_bundle_list > li {border-top:1px solid #ebebeb;position:relative;}
.agree_bundle_list > li:first-child {border-top:none;}
.agree_bundle_list > li .header_accordion {padding:17px 12px;}
.agree_bundle_list > li .header_accordion .custom_check label:before{opacity: 0.2;}
.agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:checked + label:before{opacity:1;}
.agree_bundle_list > li .header_accordion .custom_check label {margin-right:12.23%;color: rgba(0,0,0,0.48);}
.agree_bundle_list > li .header_accordion .custom_check input[type="checkbox"]:checked + label {margin-right:12.23%;color: rgba(0,0,0,1);}
.agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow {position:absolute; right:0px;/*right:1%; top:50%; */top:0;width:24px; height:24px; /*width:10px; height:16px;margin-top:-5px;*/}
.agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow:before {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/m/image/common/ico_ArrowB_Down.png) center no-repeat; background-size:100%; opacity: 0.64;}
.agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow.active {transform: rotate(180deg)}
.agree_bundle_list > li .header_accordion .custom_check .btn_accor_arrow span {color:transparent;display: block;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.agree_bundle_list > li .cont_accordion {display:none;}
.agree_bundle_list > li .cont_accordion.active {display:block;}
.agree_bundle_list > li .cont_accordion.even {background-color:#f5f5f5; border-top:1px solid #ebebeb;}
.agree_bundle_list > li .cont_accordion.line_none {border-top:0;}
.agree_bundle_list > li .cont_accordion .custom_check.first {padding: 17px 15% 17px 12px;}
.agree_bundle_list > li .cont_accordion .custom_check.line {border-top:1px solid #ebebeb;}
.agree_bundle_list > li .cont_accordion .custom_check label {color: rgba(0,0,0,0.48);}
.agree_bundle_list > li .cont_accordion .custom_check input[type="checkbox"]:checked + label {color:#000;}
.agree_bundle_list > li .cont_accordion .inner_list + .bg_white {border-top:1px solid #ebebeb;}
.agree_bundle_list > li .cont_accordion .text_desc {padding: 0 16px 17px 48px;}
.agree_bundle_list > li .cont_accordion .text_desc.text_desc_align{width:100%;text-align:justify;}
.agree_bundle_list > li .cont_accordion .inner_list {margin-top:3px;padding: 0 16px 19px;}
.agree_bundle_list > li .cont_accordion .inner_list li {margin-top:6px;}
.agree_bundle_list > li .cont_accordion .inner_list li:first-child {margin-top:0;}
.agree_bundle_list > li .cont_accordion .inner_list li .custom_check label {font-size:14px; line-height:22px;color: rgba(0,0,0,0.4);}
.agree_bundle_list > li .cont_accordion .inner_list li .custom_check label:before {left: 0;top: 0;width:24px;height:24px;background:url('/m/image/common/ico_CheckB_24.png');background-size:24px;}
/* .agree_bundle_list > li .cont_accordion .bg_white .custom_check.first {border-top:1px solid #ebebeb;} */
.agree_bundle_list > li .cont_accordion .bg_white + .custom_check.first {border-top:1px solid #ebebeb;}

.agree_bundle.single .custom_check.first {/*padding:17px 15% 17px 4.66%;*/padding:17px 15% 17px 12px;}
.agree_bundle.single .custom_check.first label{color: rgba(0,0,0,0.48);}
.agree_bundle.single .custom_check.first input[type="checkbox"]:checked + label{color: rgba(0,0,0,1);}
.agree_bundle .custom_check .btn_pop_arrow {display:block; width:24px; height:24px; position:absolute; right:12px; top:17px;}
.header_accordion .custom_check .btn_pop_arrow {display:block; width:24px; height:24px; position:absolute; right:0; top:2px;}
.agree_bundle .custom_check .btn_pop_arrow:before {display:block; content:""; position:absolute; left:0; top:-1px; width:100%; height:100%; background:url(/m/image/common/ArrowB_Forward.png) 0 0 no-repeat; background-size:100%; opacity: 0.64;}
.agree_bundle .custom_check .btn_pop_arrow span {color:transparent;display: block;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.agree_bundle.single .inner_list {margin-top:3px; padding: 0 16px 19px;}
.agree_bundle.single .inner_list li {margin-top:6px;}
.agree_bundle.single .inner_list li:first-child {margin-top:0;}
.agree_bundle.single .inner_list li .custom_check label {font-size:14px; line-height:22px;}
.agree_bundle.single .inner_list li .custom_check label:before {left:0; top:0; width:24px; height:24px; background-size:24px;}


/* checkbox */
.custom_check {display:inline-block; position: relative;}
.custom_check input[type="checkbox"] {display:inline-block; /*width:1px; height:1px;*/ position:absolute; /*top:-1px; left:-1px;*/visibility:hidden;}
.inner_list input[type="checkbox"] + label {
    display:inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 16px;
    color: rgba(0,0,0,0.48);
    letter-spacing: 0;
    line-height: 22px;
    }
.custom_check input[type="checkbox"] + label {color: rgba(0,0,0,0.4);font-size:16px;line-height:22px; word-break: break-all;}/*2021-09-10 word-break: break-all; 추가*/
.cont_accordion input[type="checkbox"] + label {color: rgba(0,0,0,0.4);}
.custom_check input[type="checkbox"] + label:after {display:none !important;}
.custom_check input[type="checkbox"] + label:before {display:block;content:"";position:absolute;left:0;top: -5px;width:32px;height:32px;background:url('/m/image/common/ico_CheckB.png') 0 0 no-repeat;background-size:32px;opacity:0.2;}
.custom_check input[type="checkbox"]:checked + label {color:#000;}
.custom_check input[type="checkbox"]:checked + label:before {opacity: 1;}
.agree_all_wrap .custom_check input[type="checkbox"] + label:before{opacity:.12;}
.agree_all_wrap .custom_check input[type="checkbox"]:checked + label:before{opacity:1;}



/* layer pop 안 약관 간격 */
.layer_popup .layer_wrap .terms_wrap.space {margin-top:27px;}

.new_bottom_sheet{}
.new_bottom_sheet .layer_slider_wrap.scroll{}
.new_bottom_sheet .layer_slider_wrap.scroll .new_bottom_sheet_title{padding:19px 50px 19px 24px;font-size:20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,.12);}
.new_bottom_sheet .new_bottom_sheet_title{color:#000;font-size:24px;font-weight:bold;padding: 36px 50px 36px 24px;/*transition:all .5s;*/}
.new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .info_num{text-align:left;font-size: 20px;padding: 0;margin-top: 0;line-height:26px;height: auto;margin-bottom:12px;white-space:pre-line;}
.new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .info_num + ul > li:first-child{margin-bottom:28px;}
.new_bottom_sheet.layer_popup .layer_wrap{height: 100%;top: auto;bottom: 0;border-radius: 24px 24px 0 0;position: absolute;}
.new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap{padding-bottom:140px;}
.new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap .box_terms .detail_cont{padding-bottom:100px !important;}
.new_bottom_sheet.layer_popup.full .layer_wrap .btn_full_close{right:16px;top:16px;width:32px;height:32px;}
.new_bottom_sheet.layer_popup.full .layer_wrap .btn_full_close:before{position:absolute; top:0px; right:0px; width:32px; height:32px; background:url('/m/image/common/ico_popup_close.png'); background-size:100%; color:transparent;}

.box_terms {position: relative;height:100%;overflow:hidden;}
.box_terms .detail_cont {height:100%; padding-bottom:80px !important; box-sizing: border-box; overflow-y:auto;}
.box_terms .detail_cont .terms_space {display:inline-block; margin-top: 22px;}
.new_bottom_sheet .box_terms .detail_cont .terms_space {display:inline-block; margin-top:16px;font-size:14px;}
/*.safari .box_terms .detail_cont {padding-bottom:260px !important;}*/
.box_terms .layer_footer {position:absolute; left:0; bottom:0; background-color:#fff;}
/* GPCC CSS 부분 끝 */

/*하드코딩 약관*/
.detail_cont{}
.detail_cont ul li{position:relative;}
.detail_cont > ul{}
.detail_cont .terms_bullet{position:absolute;left:0;top:0;}
.detail_cont > ul > li{font-size:14px;line-height:22px;}
.detail_cont div > ul > li{font-size:14px;line-height:22px;}
.detail_cont > ul > li > ul{}
.detail_cont > ul > li ul li{padding-left:23px;font-size:14px;line-height:22px;margin-bottom:8px;}
.detail_cont div > ul > li ul li{padding-left:23px;font-size:14px;line-height:22px;margin-bottom:8px;}
.detail_cont ul li li:first-child{margin-top:8px;}
.detail_cont ul li li:last-child{margin-bottom:0px;}
.detail_cont2{}
.detail_cont2 li{padding-left:8px !important;color:rgba(0,0,0,.64);margin-bottom:6px !important;}
.detail_cont2.black li{color:rgba(0,0,0,1);font-size:16px;}
.detail_cont2.black li:last-child{margin-bottom:0 !important;}
.detail_cont2 li.pad_l0{padding-left:0 !important;}
.detail_cont2 li.mar_t0{margin-top:0 !important;}
.detail_cont2 > li:first-child{margin-top:12px !important;}
.detail_cont2 > li > ul li:first-child{margin-top:6px !important;}
.detail_cont2 li li:last-child{margin-bottom:12px !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li{margin-bottom:0;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li:first-child{margin-top:8px !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont2 li:first-child{margin-top:6px !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li:last-child{margin-bottom:0 !important;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont .terms_space{margin-top:8px;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont li.mar_8{margin:8px 0;}
.InfoRevolving.new_bottom_sheet .box_terms .detail_cont > ul > li:first-child{margin-bottom:28px;}
.bullet_numHan{}
.bullet_numHan + ul{}
.bullet_numHan + ul li{color:rgba(0,0,0,.64);padding-left:0 !important;}
.info_num + div > ul > li:first-child .terms_space{margin-top:0 !important;}

/* 본인인증 - 휴대폰 */
.flex_bundle_list {display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content: space-between; margin:0 0 24px 0;}
.flex_bundle_list.col2 li {/* {width:49%; */ width:calc(50% - 4.5px);}
.flex_bundle_list.col2 li + li {margin-left:9px;}
.flex_bundle_list li {width:32.7%; margin-bottom:4px;}
.flex_bundle_list li .custom_radio {width:100%;}
.flex_bundle_list li .custom_radio input[type="radio"] + label {display:flex; display:-webkit-flex; width:100%; padding:13px 5px 12px 5px; justify-content:center; align-content:center; font-size:14px; color:rgba(0, 0, 0, 0.48); box-sizing:border-box;}
.flex_bundle_list li .custom_radio input[type="radio"] + label .small {display:block; margin-top:3px; width:100%; font-size:12px; line-height:18px; text-align:center; color:rgba(0, 0, 0, .4);}
.flex_bundle_list li .custom_radio input[type="radio"] + label .small span {font-size:14px; font-weight:bold;}
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label .small {color:rgba(0, 0, 0, 1);}
.flex_bundle_list li .custom_radio input[type="radio"] + label:before {display:none;}
.flex_bundle_list li .custom_radio input[type="radio"] + label:before {display:block; content:""; position:absolute; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(0, 0, 0, 0.48); border-radius:6px; background-image:none;top:0}
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label {color:#000; font-weight:bold;}
.safari .flex_bundle_list li .custom_radio input[type="radio"]:checked + label span {color:rgba(0, 0, 0, 1); font-weight:bold;}
.safari .flex_bundle_list li .custom_radio input[type="radio"]:checked + label span.small {font-weight:500;}
.safari .flex_bundle_list li .custom_radio input[type="radio"] + label span.small b {font-size:14px; color:rgba(0, 0, 0, .48);}
.safari .flex_bundle_list li .custom_radio input[type="radio"]:checked + label span.small b {font-size:14px; font-weight:bold; color:rgba(0, 0, 0, 1);}
.flex_bundle_list li .custom_radio input[type="radio"]:checked + label:before {border-color:#000; border-width:2px;}
.flex_bundle_list li .custom_radio.error input[type="radio"] + label {color:#ff0000;}
.flex_bundle_list li .custom_radio.error input[type="radio"] + label:before {border-color:#ff0000;}
.flex_bundle_list li .custom_radio input[type="radio"] + label:after {display:none;}

/* 손가슬 추가 시작 ================================================ */
/* 210917 신청현황 및 실적 기준 */
.consume_wrap * {font-family:'San Francisco', 'SF Pro Display',  'Noto Sans KR'}
.consume_wrap .h2_tit_1 {font-family:'San Francisco', 'SF Pro Display',  'Noto Sans KR'}
.consume_wrap .link_move {display:inline-block; margin-top:14px; padding-right:16px; color: #0070F0; font-size:14px; font-weight:500; line-height:20px; background:url(/m/image/common/btn_link_arrow.png) 100% 50% no-repeat; background-size:16px}  /* 이미지 경로 수정 필요 */
.consume_wrap .link_black {display: inline-block;margin-top: 9px;margin-left: 8px;padding-right: 16px;color: #000;font-size: 14px;font-weight: bold;line-height: 20px;background: url(/m/image/common/ico_arrow_right.png) 100% 50% no-repeat;background-size: 16px;}
.consume_wrap .link_move.al_right, .consume_wrap .link_black.al_right {display:block; text-align:right}
.consume_wrap .highlight {display:inline; box-shadow:inset 0 -20px 0 #fbff00;}
/* .consume_wrap .tab_area {position:relative; margin-top:8px; overflow:hidden;}
.consume_wrap .tab_area:after {content:""; display:block; position:absolute; top:0; right:0; width:40px; height:40px; background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, #FFFFFF 56%);}
.consume_wrap .tab_area ul {padding:0 16px; font-size:0; width:100%; overflow-x: auto; white-space:nowrap;}
.consume_wrap .tab_area ul li {display:inline-block}
.consume_wrap .tab_area ul li ~ li {margin-left:4px}

.consume_wrap .tab_area ul li:last-child {margin-right:32px}
.consume_wrap .tab_area ul li a {display:inline-block; padding:0 12px; color:rgba(0,0,0,0.4); font-size:16px; font-weight:bold; text-align:center; height:40px; background:rgba(0,0,0,0.04); border-radius:18px;}
.consume_wrap .tab_area ul li a:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}
.consume_wrap .tab_area ul li a span {display:inline-block; vertical-align:middle; margin-bottom:2px}
.consume_wrap .tab_area ul li.on a {color:#fff; background:#000}

.consume_wrap .tab_area ul li:first-child{padding-right:33px;position: relative;}
.consume_wrap .tab_area ul li:first-child::after{content:"";display:inline-block; width:1px; height:24px;background:#ccc;position: absolute;top:6px; right:14px}
.consume_wrap .tab_area ul li:first-child a{border-radius:4px;color:#000}
.consume_wrap .tab_area ul li:first-child a::before{content:"";display:inline-block; width:24px; height:100%; vertical-align:middle;background:url(/m/image/common/ico_tab_ex01.png) 100% 50% no-repeat; background-size:24px;margin-right:2px} */

.consume_wrap .tab_area {position:relative; margin-top:8px; }
.consume_wrap .tab_area .area_scroll{border:none;}
/* .consume_wrap .tab_area:after {content:""; display:block; position:absolute; top:0; right:0; width:40px; height:40px; background-image: linear-gradient(90deg, rgba(255,255,255,0.00) 0%, #FFFFFF 56%);} */
.consume_wrap .tab_area ul {padding:0 16px; font-size:0; width:100%; overflow-x: auto; white-space:nowrap;box-sizing:border-box}
.consume_wrap .tab_area ul li {display:inline-block}
.consume_wrap .tab_area ul li ~ li {margin-left:4px}
.consume_wrap .tab_area ul li:last-child {margin-right:32px}
.consume_wrap .tab_area ul li a {display:inline-block; padding:0 12px; color:rgba(0,0,0,0.8); font-size:16px; font-weight:bold; text-align:center; height:40px; background:rgba(0,0,0,0.04); border-radius:18px;line-height: normal}
.consume_wrap .tab_area ul li a:before {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}
.consume_wrap .tab_area ul li a span {display:inline-block; vertical-align:middle; margin-bottom:2px;line-height:24px}
.consume_wrap .tab_area ul li.on a {color:#fff; background:#000}

.consume_wrap .tab_area ul li:first-child{padding-right:33px;position: relative;}
.consume_wrap .tab_area ul li:first-child::after{content:"";display:inline-block; width:1px; height:24px;background:#ccc;position: absolute;top:6px; right:14px}
.consume_wrap .tab_area ul li:first-child a{border-radius:4px;color:#000}
.consume_wrap .tab_area ul li:first-child a::before{content:"";display:inline-block; width:24px; height:100%; vertical-align:middle;background:url(/m/image/common/ico_tab_ex01.png) 100% 50% no-repeat; background-size:24px;margin-right:2px}


.consume_wrap .consume_state .state_list {margin-top:36px; padding:0 24px;}
.consume_wrap .consume_state .state_list ul {font-size:0;}
.consume_wrap .consume_state .state_list ul li {position:relative; padding:15px 0 18px 118px; font-size:16px; font-weight:bold; line-height:22px; border-bottom:1px solid #f5f5f5; box-sizing:border-box;}
.consume_wrap .consume_state .state_list ul li .state_tit {position:absolute; top:15px; left:0; font-weight:normal}
.consume_wrap .consume_state .state_list ul li .state_txt {display:inline-block;}

.consume_wrap .consume_cont {margin:62px 24px 0; padding-bottom:64px; border-top:1px solid rgba(0,0,0,0.12);}
.consume_wrap .consume_cont .area_title {margin-top:24px}
.consume_wrap .consume_cont .area_title .h2_tit_1 {font-size:16px; font-weight:bold; line-height:22px;}
.consume_wrap .consume_cont .area_title strong {display:block; margin-top:8px; font-size:24px; line-height:32px; font-weight:bold}
.consume_wrap .consume_cont .area_title .bullet_list {margin-top:9px}
.consume_wrap .consume_cont .area_title a {display:inline-block; margin-top:9px; margin-left:8px; padding-right:16px; color:#000; font-size:14px; font-weight:bold; line-height:20px; background:url(/m/image/common/ico_arrow_right.png) 100% 50% no-repeat; background-size:16px}
.consume_wrap .consume_cont .area_inner {margin-top:32px; padding:28px 28px 25px 27px;border:1px solid rgba(0,0,0,0.4); border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.08);}
.consume_wrap .consume_cont .area_inner .h2_tit_1 {font-size:20px; font-weight:bold; line-height:26px;margin-bottom:7px}
.consume_wrap .consume_cont .area_inner .h2_tit_1 + span {display:block; margin-top:8px; font-size:14px; font-weight:500; line-height:20px;}
.consume_wrap .consume_cont .area_inner .card_list {margin-top:5px}
.consume_wrap .consume_cont .area_inner .card_list li {font-size:0}
.consume_wrap .consume_cont .area_inner .card_list li + li {margin-top:7px}
.consume_wrap .consume_cont .area_inner .card_list li span {display:inline-block; width:50%; color:#5c5c5c; font-size:14px; font-weight:500; line-height:20px}
.consume_wrap .consume_cont .area_inner .card_list li .card_tit {text-align:left;}
.consume_wrap .consume_cont .area_inner .card_list li .card_txt {text-align:right;}
.consume_wrap .consume_cont .area_inner .total_txt {font-size:18px; font-weight:bold; line-height:26px; /*text-align:right*/margin-bottom:20px}
.consume_wrap .consume_cont .area_inner .h2_tit_1 + .total_txt + span{font-size:14px;line-height:20px;color:#5C5C5C}
.consume_wrap .consume_cont .area_inner .total_txt span {font-size:20px; line-height:24px}
.consume_wrap .consume_cont .area_inner + .link_move {margin-top:18px}

.consume_wrap .accordion_unit {margin:38px 24px 0; padding:12px 0 39px; border-top:1px solid rgba(0,0,0,0.12)}
.consume_wrap .accordion_unit .h2_tit_1 {padding:11px 0; margin-bottom:20px; font-size:20px; font-weight:bold; line-height:26px}
.consume_wrap .accordion_unit .h2_tit_1 a {font-size:20px; color:#000}
.consume_wrap .accordion_unit .h2_tit_1 i {position:absolute; top:11px; right:0; width:27px; height:27px; display:inline-block; background:url(/m/image/common/btn_accordion_arrow.png) 100% 50% no-repeat; background-size:100%; transform:rotate(180deg)} /* 이미지 경로 수정 필요 */
.consume_wrap .accordion_unit.on .h2_tit_1 i {transform:rotate(0deg)}
.consume_wrap .accordion_unit .box_fold {color:#000}
.consume_wrap .accordion_unit .btn_fold:before {content:none}
.consume_wrap .accordion_unit .btn_fold:after {content:none}
.consume_wrap .accordion_unit .box_fold .box_content {padding:0; margin:0}
.consume_wrap .aco_total {font-size:0}
.consume_wrap .aco_total > span {display:inline-block; font-size:16px; font-weight:bold;}

.consume_wrap .list_myaccount_2 {padding:0}
.consume_wrap .list_myaccount_2 > li {padding:22px 0; border-top:0}
.consume_wrap .list_myaccount_2 > li .tit_box .tit {font-size:16px; font-weight:500; line-height:22px;}
.consume_wrap .list_myaccount_2 > li .tit_box .price {font-weight:500; line-height:22px}
.consume_wrap .list_myaccount_2 .list_inline{position: relative;}
.consume_wrap .list_myaccount_2 .list_inline > li {color:#858585; font-size:14px; font-weight:500; line-height:20px}
.consume_wrap .list_myaccount_2 .list_inline > li:before {width:2px; height:2px; border-radius:100%; top:10px;; background-color:rgba(0,0,0,0.4)}
.consume_wrap .list_myaccount_2 .list_inline > .record_y{position: absolute; top:0; right:0; color:#0070F0;padding-right:0}
.consume_wrap .list_myaccount_2 .list_inline > .record_n{position: absolute; top:0; right:0; color:#5C5C5C;padding-right:0}
.consume_wrap .list_myaccount_2 .list_inline > .record_y::before, .consume_wrap .list_myaccount_2 .list_inline > .record_n::before{display:none;}
.consume_wrap .list_myaccount_2 .list_period {position:relative; margin-top:16px; padding-left:8px; color:#5c5c5c; font-size:14px; font-weight:500; line-height:22px}
.consume_wrap .list_myaccount_2 .list_period:before {content:"-"; display:block; position:absolute; top:0; left:0; }
/* //210917 신청현황 및 실적 기준 */

/* 예상 지원금 조회 */
.consume_wrap .list_myaccount_2 .box_btn {margin-top:10px;}
.consume_wrap .box_btn {display:inline-block; width:100%}
.consume_wrap .box_btn .btn48 {display:block; width:100%; height:48px; color:#000; font-size:16px; font-weight:bold; text-align:center; background:rgba(0,0,0,0.08); border-radius:8px;}
.consume_wrap .box_btn .btn48:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}
.consume_wrap .box_btn .btn48 > span {display:inline-block; line-height:22px; vertical-align:middle;}

/* .consume_wrap .area_graph {padding:0}
.consume_wrap .area_graph .items_prog{margin-top:43px;position:relative;padding:0;margin-top:78px;}
.consume_wrap .area_graph .prog_bar{width:100%;height:8px;border-radius:20px;display:block;top:40px;left:0;background:rgb(224,224,224); box-sizing:border-box}
.consume_wrap .area_graph .prog_bar .bar{display:block; width:0; position:relative; height:8px; background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,112,240)); border-radius:20px}
.consume_wrap .area_graph .short .bar{background:linear-gradient(90deg , rgb(253,130,4) , rgb(255,0,0))}
.consume_wrap .area_graph .prog_bar p{position:absolute;top:-40px;box-shadow:0 1px 3px rgba(0,0,0,.16);}
.consume_wrap .area_graph .pt{display:inline-block;width:8px;height:8px;background:#fff;border:3px solid rgb(224,224,224);border-radius:100%;position:absolute;top:-3px;left:33%;}
.consume_wrap .area_graph .pt + .pt{left:66%;}
.consume_wrap .area_graph .pt.current{border-color:#0070F0}
.consume_wrap .area_graph .prog_bar p {border-radius:8px; white-space:nowrap;}
.consume_wrap .area_graph .prog_bar p span{padding:4px 8px;border-radius:8px;background:#000;display:block;position:relative; color:#fff; font-size:14px; font-weight:500; line-height:20px;}
.consume_wrap .area_graph .prog_bar p:before{content:'';display:inline-block;width:8px;height:8px;background:#000;box-shadow:0 1px 3px rgba(0,0,0,.16);position:absolute;bottom:-4px;left:calc(50% - 4px);transform:rotate(-45deg)}
.consume_wrap .area_graph .tip{position:absolute;right:31px;top:-15px;background:#000;color:#fff;font-size:14px;line-height:20px;border-radius:8px;padding:5px 8px 7px;}
.consume_wrap .area_graph .tip::before{content:''; position:absolute; right:10px; bottom:-3px; width:7px; height:7px; border-radius:2px; background-color:#000; transform:rotate(45deg);}
.consume_wrap .area_graph .prog_txt{height:32px; margin-top:7px;}
.consume_wrap .area_graph .prog_txt p{position:absolute;left:0; color:#5c5c5c;}
.consume_wrap .area_graph .prog_txt p:nth-child(2){left:33%;}
.consume_wrap .area_graph .prog_txt p:nth-child(3){left:66%;} */

/* .t_area_graph {padding:0}
.t_area_graph .items_prog{position:relative;padding:0;margin-top:78px;margin-bottom:56px;}
.t_area_graph .prog_bar{position:absolute;width:34%;height:8px;border-radius:20px;display:block;top:0px;background:rgb(224,224,224); box-sizing:border-box}
.t_area_graph .prog_bar.prog_bar02{left:33%}
.t_area_graph .prog_bar.prog_bar03{right:0}
.t_area_graph.st01 .prog_bar.prog_bar01{background:linear-gradient(90deg , rgb(253,130,4) , rgb(255,0,0))}
.t_area_graph.st02 .prog_bar.prog_bar01{background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,158,248))}
.t_area_graph.st02 .prog_bar.prog_bar02{background:linear-gradient(90deg , rgb(0,155,247) , rgb(0,113,241))}
.t_area_graph.st03 .prog_bar.prog_bar01{background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,172,250))}
.t_area_graph.st03 .prog_bar.prog_bar02{background:linear-gradient(90deg , rgb(0,174,250) , rgb(0,142,245))}
.t_area_graph.st03 .prog_bar.prog_bar03{background:linear-gradient(90deg , rgb(0,141,245) , rgb(0,112,240))}
.t_area_graph .pt{display:inline-block;width:8px;height:8px;background:#fff;border:3px solid rgb(224,224,224);border-radius:100%;position:absolute;top:-3px;left: 33%;margin-left:-6px;}
.t_area_graph .pt+.pt{left:66%}
.t_area_graph.st02 .pt{border-color:#0070F0}
.t_area_graph.st02 .pt+.pt{border-color: rgb(224,224,224)}
.t_area_graph.st03 .pt{border-color:#0070F0}
.t_area_graph .use_wrap{width:33%;position: absolute;top:-40px;text-align: center}
.t_area_graph .use_wrap .use_in{padding:4px 8px;border-radius:8px;background:#000;display:inline-block;position:relative; color:#fff; font-size:14px; font-weight:500; line-height:20px;}
.t_area_graph .use_wrap .use_in{border-radius:8px; white-space:nowrap;}
.t_area_graph .use_wrap .use_in:before{content:'';display:inline-block;width:8px;height:8px;background:#000;box-shadow:0 1px 3px rgba(0,0,0,.16);position:absolute;bottom:-4px;transform:rotate(-45deg)}
.t_area_graph.st01 .use_wrap{left:0}
.t_area_graph.st02 .use_wrap{left:34%}
.t_area_graph.st03 .use_wrap{right:0}
.t_area_graph.st01 .use_wrap .use_in:before{left:calc(20% - 4px);}
.t_area_graph.st02 .use_wrap .use_in:before{left:calc(50% - 5px);}
.t_area_graph.st03 .use_wrap .use_in:before{left:calc(80% - 4px);}
.t_area_graph .prog_txt{height:32px; padding-top:17px;color:#5c5c5c;margin-top:10px;}
.t_area_graph .prog_txt p:nth-child(1){position:absolute;left:0; }
.t_area_graph .prog_txt p:nth-child(2){position: relative;text-align: center} */

.t_area_graph {padding:0}
.t_area_graph .items_prog{position:relative;padding:0;margin-top:78px;margin-bottom:56px;}
.t_area_graph .prog_bar{position:absolute;width:32%;height:8px;border-radius:20px;display:block;top:0px;background:rgb(224,224,224); box-sizing:border-box}
.t_area_graph .prog_bar.prog_bar02{left:34%}
.t_area_graph .prog_bar.prog_bar03{right:0}
.t_area_graph.st01 .prog_bar.prog_bar01{background:linear-gradient(90deg , rgb(253,130,4) , rgb(255,0,0))}
.t_area_graph.st02 .prog_bar.prog_bar01{background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,158,248))}
.t_area_graph.st02 .prog_bar.prog_bar02{background:linear-gradient(90deg , rgb(0,155,247) , rgb(0,113,241))}
.t_area_graph.st03 .prog_bar.prog_bar01{background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,172,250))}
.t_area_graph.st03 .prog_bar.prog_bar02{background:linear-gradient(90deg , rgb(0,174,250) , rgb(0,142,245))}
.t_area_graph.st03 .prog_bar.prog_bar03{background:linear-gradient(90deg , rgb(0,141,245) , rgb(0,112,240))}
.t_area_graph .pt{display:inline-block;width:8px;height:8px;background:#fff;border:3px solid rgb(224,224,224);border-radius:100%;position:absolute;top:-3px;left: 50%;margin-left:-6px;}
.t_area_graph.st02 .pt, 
.t_area_graph.st03 .pt{border-color:#0070F0}
.t_area_graph .use_wrap{width:33%;position: absolute;top:-40px;text-align: center}
.t_area_graph .use_wrap .use_in{padding:4px 8px;border-radius:8px;background:#000;display:inline-block;position:relative; color:#fff; font-size:14px; font-weight:500; line-height:20px;}
.t_area_graph .use_wrap .use_in{border-radius:8px; white-space:nowrap;}
.t_area_graph .use_wrap .use_in:before{content:'';display:inline-block;width:8px;height:8px;background:#000;box-shadow:0 1px 3px rgba(0,0,0,.16);position:absolute;bottom:-4px;transform:rotate(-45deg)}
.t_area_graph.st01 .use_wrap{left:0}
.t_area_graph.st02 .use_wrap{left:calc(34% + 10px);}
.t_area_graph.st03 .use_wrap{right:0}
.t_area_graph.st01 .use_wrap .use_in:before{left:calc(20% - 4px);}
.t_area_graph.st02 .use_wrap .use_in:before{left:calc(50% - 5px);}
.t_area_graph.st03 .use_wrap .use_in:before{left:calc(80% - 4px);}
.t_area_graph .prog_txt{height:32px; padding-top:17px;color:#5c5c5c;margin-top:10px;}
.t_area_graph .prog_txt p:nth-child(1){position:absolute;left:0; }
.t_area_graph .prog_txt p:nth-child(2){position: relative;text-align: center}


.consume_wrap .inquiry_box01 {font-size:0}
.consume_wrap .inquiry_box01 .use_date_select {display:inline-block; width:calc(100% - 123px)}
.consume_wrap .inquiry_box01 .use_date_select .box_select{border-bottom:none; position:relative}
.consume_wrap .inquiry_box01 .use_date_select .box_select:after{content:""; position:absolute; z-index:0; right:12px; bottom:12px; width:24px; height:24px; background:url(/m/image/common/ico_calendar.png) 50% 50% no-repeat; background-size:24px 24px;}
.consume_wrap .inquiry_box01 .use_date_select .box_select select, .consume_wrap .inquiry_box01 .use_date_select .box_select .select{padding:13px 36px 13px 16px; height:48px; color:#000; font-size:16px; font-weight:bold; line-height:22px; background:initial; border:1px solid #e6e6e6; border-radius:4px; z-index:1;box-sizing:border-box}
.consume_wrap .inquiry_box01 .use_date_select .box_select1 select{padding:13px 36px 13px 16px; height:48px; color:#000; font-size:16px; font-weight:bold; line-height:22px; background-size: 35px 180px; border:1px solid #e6e6e6; border-radius:4px; z-index:1;}
.consume_wrap .inquiry_box01 .box_btn {display:inline-block; margin-left:8px; width:115px; vertical-align:bottom;}

.consume_wrap .supFund_top {margin:0 24px; padding:36px 0 40px}
.consume_wrap .supFund_top .supFund_title {display:inline-block; position:relative; padding-right:25px; font-size:20px; font-weight:bold; line-height:26px}
.consume_wrap .supFund_top .supFund_title:after {content:""; display:block; position:absolute; top:6px; right:0; width:24px; height:24px; background:url(/m/image/common/ico_ArrowB_Down.png) 50% 50% no-repeat; background-size:24px; }
.consume_wrap .supFund_top .supFund_title select {padding:0; width:auto; height:auto; color:#000; font-size:20px; font-weight:bold; line-height:26px; border:none; background:none;}
.consume_wrap .supFund_top .supFund_title.no_af::after{display:none;}
.consume_wrap .supFund_top .supFund_price {margin-top:4px; font-size:29px; font-weight:bold; line-height:36px}
.consume_wrap .supFund_top .supFund_price span {font-family: 'YouandiModernHEB'; font-size:34px; font-weight:normal; line-height:44px; letter-spacing:-0.2px;}
.consume_wrap .supFund_top .supFund_date {display:block; margin-top:6px; color:rgba(0,0,0,0.64); font-size:14px; font-weight:500; line-height:20px;}

.consume_wrap .supFund_cont {margin:0 24px; padding:20px 0 62px; border-top:1px solid #E0E0E0}
.consume_wrap .supFund_cont .area_title strong {font-size:20px; font-weight:bold; line-height:26px;}
.consume_wrap .supFund_cont .area_title p {margin-top:6px; color:rgba(0,0,0,0.64); font-size:14px; font-weight:500; line-height:20px}
.consume_wrap .supFund_cont .area_inner {padding-bottom:20px; border-bottom:1px solid #f5f5f5}
.consume_wrap .supFund_cont .area_inner li {font-size:0}
.consume_wrap .supFund_cont .area_inner li span {display:inline-block; font-size:16px; font-weight:500}
.consume_wrap .supFund_cont .area_inner li span:nth-of-type(1) {width:55%}
.consume_wrap .supFund_cont .area_inner li span:nth-of-type(2) {width:45%}
.consume_wrap .supFund_cont .area_inner li .sum_txt {font-weight:bold;}
.consume_wrap .supFund_cont .area_inner .other_card span {color:#5c5c5c; font-size:14px}
.consume_wrap .supFund_cont .area_inner .sum_total + .sum_card {margin-top:16px}
.consume_wrap .supFund_cont .area_inner .sum_card + .sum_card {margin-top:12px}
.consume_wrap .supFund_cont .area_inner .sum_card + .other_card {margin-top:11px}
.consume_wrap .supFund_cont .area_inner .other_card + .other_card {margin-top:7px}
.consume_wrap .supFund_cont .area_link a {display:inline-block}
.consume_wrap .supFund_cont .area_link a:first-child {margin-right:12px}

.consume_wrap .supFund_history {margin:0 24px 64px; padding-top:16px; border-top:1px solid #e0e0e0}
.consume_wrap .supFund_history .h2_tit_1 {margin-bottom:12px; font-size:20px;font-weight:bold; line-height:26px}
.consume_wrap .supFund_history .h2_tit_1 a {color:#000; font-weight:bold;}
.consume_wrap .supFund_history .link_move {margin-top:6px}
.consume_wrap .supFund_history .box_content {margin:16px 0 0; padding:0}
.consume_wrap .supFund_history .list_myaccount_2 {margin-top:20px; border-top:1px solid #f5f5f5}
.consume_wrap .supFund_history .tit_opt {color:#5c5c5c; font-size:14px; line-height:20px; font-weight:500;}
/* //예상 지원금 조회 */

/* 리스트 타입 */
.bullet_list > .hyphen_list {margin-top:14px; padding-left:8px}
.bullet_list > .hyphen_list > li {position: relative; margin-top:6px; padding-left:8px; font-size:14px; color: rgba(0,0,0,0.64); line-height:22px;}
.bullet_list > .hyphen_list > li:before {display:block; content:"-"; position:absolute; left:0; top:-2px; width:0; height:0; background-color:rgba(0,0,0,0.48);}
/* //리스트 타입 */

/* 지원금 지급 및 사용 내역 */
.consume_wrap .supFund_top .supFund_price + .supFund_title {margin-top:28px}

.consume_wrap .supState_cont {margin:0 24px; padding:16px 0 62px; border-top:1px solid #E0E0E0}
.consume_wrap .supState_cont .area_title h3 {margin-bottom:36px; font-size:20px; font-weight:bold; line-height:26px;}
.consume_wrap .supState_cont .area_inner {padding-bottom:20px; border-bottom:1px solid #f5f5f5}
.consume_wrap .supState_cont .area_inner li {font-size:0}
.consume_wrap .supState_cont .area_inner span {display:inline-block}
.consume_wrap .supState_cont .area_inner span:nth-of-type(1) {width:60%}
.consume_wrap .supState_cont .area_inner span:nth-of-type(2) {width:40%}
.consume_wrap .supState_cont .area_inner > li + li {margin-top:20px}
.consume_wrap .supState_cont .area_inner > li > span {font-size:16px; font-weight:500; line-height:22px}
.consume_wrap .supState_cont .date_list {margin-top:12px}
.consume_wrap .supState_cont .date_list > li + li {margin-top:8px}
.consume_wrap .supState_cont .date_list > li > span {color:#5c5c5c; font-size:14px; line-height:20px}
/* //지원금 지급 및 사용 내역 */

/* input text */
.custom_input {display:inline-block; position: relative;}
.custom_input.full {width:100%;}
.custom_input input[type="text"] {height:67px; font-size: 20px; color: #000000; letter-spacing: 0; line-height: 26px; padding:32px 0 10px 0; border:none; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.12); caret-color:#000 !important;}
.custom_input input[type="text"]:focus + label {top:15px; font-size:12px; line-height:16px; color:rgba(0,0,0,0.64);}
.custom_input input[type="text"]:focus + label em {opacity:0;}
.custom_input input[type="text"].active + label {top:15px; font-size:12px; line-height:16px; color:rgba(0,0,0,0.64);}
.custom_input input[type="text"].active + label em {opacity:0;}
.custom_input input[type="text"] + label {display:inline-block; position:absolute; left:0; top:32px; font-size: 20px; color: rgba(0,0,0,0.20); letter-spacing: 0; line-height: 26px; transition: all 0.5s;}
.custom_input input[type="text"] + label em {opacity:1; transform:all 1s;}
.custom_input input[type="text"] + label.active {top:0; font-size:12px; line-height:16px; color:rgba(0,0,0,0.64);}
/* //input text */

/* select */
.custom_select {position: relative; display:inline-block;}
.custom_select select {position:relative;height:67px; padding:10px 24px 0 0; font-size:20px; font-weight:500; color:#000; border:0; border-bottom:1px solid rgba(0,0,0,0.12); background: /*#fff */url('/m/image/common/ico_ArrowB_Down.png') no-repeat 98% 71%; background-size:24px; opacity: 0.8; line-height: 68px;z-index:2;}
.custom_select select:focus{border-bottom:2px solid #000;}
.custom_select.foregin select{width:100%;}
.custom_select .label {display:inline-block; position:absolute; left:0; top:26px; font-size:20px; line-height:16px; color:rgba(0,0,0,0.20);transition: all 0.5s;z-index:1;}
.custom_select .label.active{top:0;font-size:12px; line-height:16px; color:rgba(0,0,0,0.64);}
/* //select */

/* 실적 인정 매장 검색 */
.consume_wrap .shop_top {margin-top:40px; padding:0 24px; border-bottom:8px solid #F5F5F5}
.consume_wrap .shop_top .shop_info {display:block; font-size:20px; font-weight:bold; line-height:26px; background:url(/m/image/common/ico_arrow_right.png) calc(100% - 10px) 50% no-repeat; background-size:26px}
.consume_wrap .shop_top .shop_txt {margin:11px 0 28px; color:#333; font-size:16px; font-weight:500; line-height:26px}
.consume_wrap .select_list {margin:12px 24px 0}
.consume_wrap .select_list .custom_select {width:100%}
.consume_wrap .select_list .box_btn {margin:40px 0 62px}
.consume_wrap .select_list .box_btn > a {height:56px; color:rgba(0,0,0,0.20)}
.consume_wrap .select_list .box_btn a.active {color:#fff; background:#000}
.consume_wrap .select_list .box_btn.data_result {margin-bottom:0; padding-bottom:100px; border-bottom:1px solid #e0e0e0}
.consume_wrap .select_list .box_btn.data_result > .popup01 {display:none}
.consume_wrap .select_list .popup01 {display:block; margin-top:20px; width:100%; text-align:right}
.consume_wrap .select_list .popup01 a {padding-left:15px; font-size:14px; font-weight:bold; line-height:20px; background:url(/m/image/common/icon_tooltip.png) 0 50% no-repeat; background-size:12px}

.consume_wrap .data_list {margin:0 24px}
.consume_wrap .data_list ul {margin:42px 0 40px}
.consume_wrap .data_list ul li + li {margin-top:30px}
.consume_wrap .data_list ul li span {display:block; font-size:16px; line-height:22px}
.consume_wrap .data_list ul li .shop_name {font-weight:bold;}
.consume_wrap .data_list ul li .shop_address {margin-top:9px}
.consume_wrap .data_list ul li .shop_type {margin-top:4px}
.consume_wrap .data_list ul li .shop_tel {padding-left:21px; margin-top:9px; line-height:20px; background:url(/m/image/common/button_phone.png) 0 50% no-repeat; background-size:18px}
.consume_wrap .data_list ul li .shop_tel > a{color:#0070F0; font-size:14px; font-weight:bold; }
.consume_wrap .data_list ul+.box_btn{margin-bottom:80px}

.consume_wrap .data_none {margin:0 24px 64px;}
.consume_wrap .data_list .result_tit,
.consume_wrap .data_none .result_tit {display:block; margin-top:24px; font-size:14px; font-weight:bold; line-height:20px; text-align:center;}
.consume_wrap .data_list .result_tit em,
.consume_wrap .data_none .result_tit em {color:#0070F0}
.consume_wrap .data_none .result_txt {display:block; margin-top:24px; color:#5c5c5c; font-size:14px; font-weight:500; line-height:22px; text-align:center;}

.layer_popup.popup01 .bullet_list > li {color:#000; font-size:16px; line-height:26px}
.layer_popup.pop01 .bullet_list > .hyphen_list > li {color:rgba(0,0,0,0.48)}
/* //실적 인정 매장 검색 */

/* 실적 인정 제외 업종 풀 팝업 */
.except_type.layer_popup.bottom_sheet .layer_wrap .layer_header {padding:35px 15% 30px 6.4%; transition: all .5s;}
.except_type.layer_popup.bottom_sheet .layer_wrap .layer_header.scroll {padding:19px 15% 19px 6.4%; border-bottom:1px solid rgba(0,0,0,.12)}
.except_type.layer_popup.bottom_sheet .layer_wrap .layer_header h1 {font-size:24px; line-height:32px}
.except_type.layer_popup.bottom_sheet .layer_wrap .layer_header.scroll h1 {font-size:20px; line-height:22px}

.except_type .layer_container {padding-bottom:65px}
.except_type .type_title {display:block; margin-bottom:15px; color:#000; font-size:16px; font-weight:bold; line-height:22px}
.except_type .type_title + .type_title {margin-top:40px}
.except_type .bullet_list > li {color:#000; font-size:16px; font-weight:500; line-height:26px;}
.except_type .bullet_list + .type_title {margin-top:43px}
.except_type .bullet_list > .hyphen_list {margin-top:0px}
.except_type .bullet_list > .hyphen_list > li {margin-top:5px; color:#5c5c5c; font-size:14px; font-weight:500; line-height:22px;}
.except_type .num_list {margin-top:55px}
.except_type .num_list li {position:relative; padding-left:22px; text-indent:0; color:#5c5c5c; font-size:14px; font-weight:500; line-height:22px;}
.except_type .num_list li span {position:absolute; top:0; left:0; color:rgba(0,0,0,0.64); font-size:14px; font-weight:bolder; line-height:22px}

/* //실적 인정 제외 업종 풀 팝업 */

/* // 손가슬 추가 끝 ===================================================== */

/* 상생소비지원금 GGU442 추가 */

.exbttom_btn_area{padding: 40px 4% 16px 4%;z-index: 10;box-sizing:border-box;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 25%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(25%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 25%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 25%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 25%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 25%); }
.exbttom_btn_area > .black{background:#000;border-radius:8px;line-height:56px}

.expend_top_area {padding:16px 24px 24px 24px;}
.expend_top_area .ex_top_tit{font-size:24px;font-weight:bold;line-height:32px;color:#000;}
.expend_top_area .ex_top_info{font-size:20px;line-height:26px;margin:12px 0 0 0 }
.expend_top_area .ex_top_txt{font-size:16px;line-height:26px;margin:12px 0 0 0 }
.expend_top_area .ex_top_img{margin:-5px -14px 0 0;text-align:right}
.expend_top_area .ex_top_img > img{width:168px;}
.expend_top_area .ex_top_link{}
.expend_top_area .ex_top_link ul li{margin-bottom:8px;width:100%}
.expend_top_area .ex_top_link ul li a{display:block;width:100%;line-height: 56px;color:#000;font-size:16px;font-weight:bold;box-sizing:border-box;padding-left:52px;background:#F5F5F5;border-radius:8px;position: relative;}
.expend_top_area .ex_top_link ul li a.icon_ex01::before{content:"";display:block;position: absolute;width:40px;height:40px;top:8px;left:8px;background:url(/m/image/common/icon_expend01.png) 100% 50% no-repeat;background-size: cover}
.expend_top_area .ex_top_link ul li a.icon_ex02::before{content:"";display:block;position: absolute;width:40px;height:40px;top:8px;left:8px;background:url(/m/image/common/icon_expend02.png) 100% 50% no-repeat;background-size: cover}
.expend_top_area .ex_top_link ul li a.icon_ex03::before{content:"";display:block;position: absolute;width:40px;height:40px;top:8px;left:8px;background:url(/m/image/common/icon_expend03.png) 100% 50% no-repeat;background-size: cover}
.expend_top_area .ex_top_link ul li a.icon_ex04::before{content:"";display:block;position: absolute;width:40px;height:40px;top:8px;left:8px;background:url(/m/image/common/icon_expend04.png) 100% 50% no-repeat;background-size: cover}
.expend_top_area .ex_top_link ul li a.icon_ex01::after, .expend_top_area .ex_top_link ul li a.icon_ex02::after, .expend_top_area .ex_top_link ul li a.icon_ex03::after, .expend_top_area .ex_top_link ul li a.icon_ex04::after{display:none}

.expend_top_area .ex_top_link ul li a.icon_ex05, .expend_top_area .ex_top_link ul li a.icon_ex06, .expend_top_area .ex_top_link ul li a.icon_ex07, .expend_top_area .ex_top_link ul li a.icon_ex08{line-height: inherit;padding:24px 25px 22px 68px;font-size:20px}
.expend_top_area .ex_top_link ul li a>.sub_info{display:block;color:#989898;font-size:14px;line-height:20px;margin-top:4px;font-weight:normal;}
.expend_top_area .ex_top_link ul li:last-child a>.sub_info{letter-spacing: -0.6px;}
.expend_top_area .ex_top_link ul li a.icon_ex05::before{content:"";display:block;position: absolute;width:28px;height:28px;top:50%;left:20px;background:url(/m/image/common/icon_expend_acc01.png) 100% 50% no-repeat;background-size: cover;margin-top:-14px}
.expend_top_area .ex_top_link ul li a.icon_ex06::before{content:"";display:block;position: absolute;width:28px;height:28px;top:50%;left:20px;background:url(/m/image/common/icon_expend_acc02.png) 100% 50% no-repeat;background-size: cover;margin-top:-14px}
.expend_top_area .ex_top_link ul li a.icon_ex07::before{content:"";display:block;position: absolute;width:28px;height:28px;top:50%;left:20px;background:url(/m/image/common/icon_expend_acc03.png) 100% 50% no-repeat;background-size: cover;margin-top:-14px}
.expend_top_area .ex_top_link ul li a.icon_ex08::before{content:"";display:block;position: absolute;width:28px;height:28px;top:50%;left:20px;background:url(/m/image/common/icon_expend_acc04.png) 100% 50% no-repeat;background-size: cover;margin-top:-14px}
.expend_top_area .ex_top_link ul li a::after{content:"";display:block;position: absolute;width:24px;height:24px;background: url(/m/image/common/ico_arrow_right.png) right 50% no-repeat;background-size: cover;top:50%;right:18px;margin-top:-12px}

.mt65{margin-top:65px;}
.expend_info_area{padding:0 24px 24px 24px;}
.expend_info_area .ex_tit_h3{font-size:20px;color:#000;margin-bottom:10px;font-weight:bold;}
.expend_info_area .ex_tit_h4{font-size:16px;color:#000;line-height:22px;margin-bottom:10px;font-weight:bold}
.bullet_list.type_1{}
.bullet_list.type_1 > li{font-size:16px;color:#000;line-height:26px;padding-left:8px;position: relative;}
.bullet_list.type_1 > li::before{display:block; content:""; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:rgb(0,0,0);}

.exsub_list > li{font-size:14px;color:rgba(0,0,0,0.64);line-height:22px;padding-left:8px;position: relative;}
.exsub_list > li::before{display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:rgba(0,0,0,0.64);}

.exnum_list > li{font-size:14px;color:rgba(0,0,0,0.64);line-height:22px;padding-left:20px;position: relative;}
.exnum_list > li > em{position: absolute;top:0;left:0;font-size:20px}
.exnum_list > li::before{display:none;}

.exp_visual{}
.exp_visual .exp_logo{margin:59px auto 26px;width:112px;}
.exp_visual .exp_imgtxt{margin:0 auto 29px;width:280px}
.exp_visual .exp_info{font-size:16px;text-align:center;line-height:26px;margin-bottom:12px;}
.exp_visual .exp_txt{font-size:16px;text-align: center;line-height:22px;font-weight:bold}
.exp_visual .exbttom_btn_area{position: fixed;bottom:40px;width:100%;}

.layer_popup .layer_wrap .layer_header .sub_desc {display:block; margin-top:8px; font-size: 14px; color:rgba(0,0,0,0.64); letter-spacing:0; line-height:22px;}
.ex_detail_box{background:rgba(0,0,0,0.04);padding:18px 17px;border-radius:8px;}
.ex_detail_box > li{position: relative;margin-bottom:12px;text-align:left;}
.ex_detail_box > li:last-child{margin-bottom:0}
.ex_detail_box > li .tit{font-size:14px;font-weight: bold;color:#000;}
.ex_detail_box > li .detail_txt{font-size:14px;color:#000;position: absolute;right:0;top:0}
.ex_detail_box > li .detail_txt1{font-size:16px;color:#000;position: absolute;right:0;top:0;width:88px;font-weight:bold;text-align:center}
.ex_detail_box .bt_line{padding-bottom:20px;border-bottom:solid 1px rgba(0,0,0,0.1);margin-bottom:23px;}
.ex_detail_box .sub_data .tit, .ex_detail_box .sub_data .detail_txt{font-weight:normal;}

.txt_link{font-size:16px; font-weight:bold;}
.txt_link::after{content: "";width:24px;height:24px;background: url(/m/image/common/ico_arrow_right.png) right 50% no-repeat; background-size: 24px;display: inline-block;margin-bottom: -6px;}

.exrule_list{}
.exrule_list li{width:100%;border-bottom:solid 1px rgba(0,0,0,0.1)}
.exrule_list li:last-child{border:none;}
.exrule_list li a{width:100%;font-size:16px;line-height:22px;padding:17px 36px 17px 0;background: url(/m/image/common/ico_arrow_right.png) right 50% no-repeat; background-size: 24px;display:block;box-sizing:border-box;}

/* 앱프리 */
.complete_wrap{width:100%;height:calc(100vh - 320px);display:table}
.complete_wrap .complete_in{display:table-cell;text-align:center;vertical-align: middle}
.complete_wrap .complete_in .com_tit{font-size:24px;font-weight:bold;line-height:32px;}
.complete_wrap .complete_in .com_txt{font-size:16px;line-height:26px;margin:12px 0 16px;}
.complete_wrap .complete_in .com_btn a{font-size:14px;line-height:20px;display:inline-block;background:rgba(0,0,0,0.08);border-radius:16px;padding:6px 13px}

/* ARS */
.ars_inp_wrap{width:100%;height:calc(100vh - 488px);display:table}
.ars_inp_wrap .ars_inp_in{display:table-cell;text-align:center;vertical-align: middle}
.ars_inp_wrap .ars_inp_in > input{border: none; font-size: 56px; width: 172px; font-weight: bold; background: url(/m/image/common/bg_ars.png) bottom center no-repeat; background-size: auto; letter-spacing: 10px; padding: 10px 5px; height: 90px;}

/* ARS 인증완료 */
.ars_comp{position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:21;}
.ars_comp .exbttom_btn_area{position: fixed;bottom:0;left:0;background:none;width:100%}
.ars_comp .exbttom_btn_area>.comp_tit{display:block;position: absolute;bottom:96px;left:0;width:100%;text-align: center;font-size:14px;font-weight:bold;line-height:22px;color:#fff;z-index:22;}
/* phone */
.phone_wrap{height:calc(100vh - 488px);}
.phone_wrap .custom_input{width:100%;margin-top:4px}
.phone_wrap .custom_input > input{border-color:#000!important;}
.phone_wrap .custom_input .time{position: absolute;top:24px;;right: 71px;font-size:14px;color:#999;line-height:20px;}
.phone_wrap .custom_input .hcbtn_medium2{position: absolute;top:19px;right: 0}
.hcbtn_medium2{background:#000;color:#fff;line-height:32px;border-radius:4px;padding:0 12px;}
.hcbtn_medium2 > span{font-size: 14px;font-weight:bold}

.highlight{display: inline-block;position:relative;}
.highlight:before {display:block; content:""; width:100%; height:50%; position: absolute; left:0; top:50%; z-index: -1; transform: translateY(-30%); background-color:#f8ff00;}

.p_info{font-size:12px;color:rgba(0,0,0,0.4);line-height:18px;}

.accordion_unit.ex1 .btn_fold::before, .accordion_unit.ex1 .btn_fold::after{display:none}
.accordion_unit.ex1 a{font-size:20px;display: block;}
.accordion_unit.ex1 a > i{display:inline-block;background: url(/m/image/common/ico_CheckO.png ) center center no-repeat;width:28px;height:28px;background-size: cover;margin-bottom:-6px;opacity:0.12;}
.accordion_unit.ex1.on a > i{opacity: 1;}

.ex_tooltip{position: relative;padding:0px 23px;}
.ex_tooltip .btn_info{position: relative;}
.ex_tooltip .btn_info .btn_open > a{color:rgba(0,0,0,0.4)!important;}
.ex_tooltip .btn_info .btn_open > a::after {display: inline-block;content: 'i';width: 14px;height: 14px;border-radius: 50%;border: 2px solid #949494;font-size: 8px;font-family: arial;text-align: center;margin-left: .3rem;vertical-align: top;margin-top: -7px!important;position: relative;background: none;color: #949494;font-weight: bold;}
.ex_tooltip .btn_info.on .btn_open > a::before{content: "";display: block;width: 7px;height: 7px;background: #fff;border-top: solid 2px #D5D5D5;border-right: solid 2px #d5d5d5;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: 16px;right: 4px;z-index: 3;}
.ex_tooltip .btn_info > div{background:#fff;border-radius:8px;padding: 9px 35px 9px 15px;margin-top: -12px;}
.ex_tooltip .btn_info button:before,.ex_tooltip .btn_info button:after {position: absolute;top: 3px;width: 2px;left: 9px;height: 13px;background-color: #000;content: '';}
.ex_tooltip .btn_info button{width: 20px;height: 20px;font-size: 0;background:rgba(0,0,0,0.08);border-radius: 50%;margin: 5px;margin: 0px 12px 0 0;}
.ex_tooltip .btn_info .info2.txt-type5.info-detail li{color:#000}

/* error */
.custom_input.error input[type="text"],
.custom_input.error input[type="tel"],
.custom_input.error input[type="search"],
.custom_input.error input[type="email"],
.custom_input.error input[type="password"] {border-bottom:1px solid #ff0000; color:#ff0000;}
.custom_check.error input[type="checkbox"] + label {color:#ff0000 !important;}
.custom_select.error select {color:#ff0000;}
.error_msg {display:block; margin-top:5px; font-size:12px; line-height:18px; color:#ff0000;}
.error_msg.top {position:absolute; right:0; top:2px;margin-top:0;}
/* // 상생소비지원금 GGU442 추가 */

/* 2021-09-24 GGCP31 M_CPBGS3101_01 신청버튼 플로팅 */
.CPBGS3101_01 .exbttom_btn_area, .M_CPBGS3101_01 .exbttom_btn_area
/*, .CPBGS3105_03 .exbttom_btn_area, .M_CPBGS3105_03 .exbttom_btn_area */ { position: fixed; bottom: -1px; width: 100%; }
/*.CPBGS3101_01, .M_CPBGS3101_01{padding-bottom:111px}*/
/* .CPBGS3101_01 .btn_top, .M_CPBGS3101_01 .btn_top{bottom:130px;} */
#header:after { border-bottom-color: rgba(0,0,0,0); }
.hc-fix-header-fixed #header:after { border-bottom-color: rgba(0,0,0,.16); }

/*2021-10-01 GGCN45 : CPBGS3101_01 수정*/
.isApp.isApp3 .area_layer.layer_popup.leavepop.bottom_sheet.opened,
.isApp3 .area_layer.layer_popup.leavepop.bottom_sheet.opened,
.isApp.isApp3 .new_bottom_sheet.layer_popup .layer_wrap
{ height: calc(100% - 48px) !important; }

.isApp.isApp3 .new_bottom_sheet.layer_popup.full .layer_wrap .layer_slider_wrap{
    height: 100% !important;
}

/* 2021-10-13 GGU442 추가 */
.record_search{margin:40px 0 0 0}
.record_search .record_info{font-size:16px;font-weight:bold;color:#000;margin-bottom:21px;}
.record_search .list_sort{margin:0 -24px;background:rgba(0,0,0,0.02);border-top:solid 1px rgba(0,0,0,0.12);padding:15px 14px}
.record_search .list_sort li a{font-size:16px;font-weight:normal}
.record_search .list_sort li.on a{color:#000;font-weight:bold}
.fs20{font-size:20px!important}

.mon_select_box{}
.mon_select_box .mon_tit{font-size:16px;color:#000;font-weight:bold;margin-bottom:12px;}
.custom_radio {display:block; position: relative;}
.custom_radio input[type="radio"] {display:block; /*width:1px; height:1px;*/ position:absolute; /*top:-1px; left:-1px;*/visibility:hidden;}
.custom_radio input[type="radio"] + label {color: #000;font-size:20px;line-height:26px; word-break: break-all;display:block;padding:24px 0;border-bottom:solid 1px rgba(0,0,0,0.1)}
.custom_radio input[type="radio"] + label::after {display:block;content:"";position:absolute;left:91%;top:50%;width:32px;height:32px;background:url('/m/image/common/ico_CheckB.png') 0 0 no-repeat;background-size:32px;opacity:0;}
.custom_radio input[type="radio"]:checked  + label::after {display:block;content:"";position:absolute;left:91%;top:50%;width:32px;height:32px;background:url('/m/image/common/ico_CheckB.png') 0 0 no-repeat;background-size:32px;opacity:1;margin-top:-16px;}
.mon_select_box .mon_list{margin-bottom:36px;}
.mon_select_box .mon_list li:last-child label{border:none;}
.use_date_select > .box_select >.link_layer >a{position: absolute;top:0;right:0;display:block;width:100%;height:48px;z-index: 1;}


.expend_info_area .qna_list{border-top:solid 2px #}
.expend_info_area .qna_list .qusetion_article{position: relative;}
.expend_info_area .qna_list .qusetion_article:before{content: "Q";color:#000;font-size:16px;font-weight:bold;position: absolute;top:16px;left:0px;}
.expend_info_area .qna_list .qusetion_article a {display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; position:relative; padding:16px 65px 16px 36px; border-bottom:1px solid #d5d5d5; font-size:15px; line-height:21px; color:#000;}

.expend_info_area .qna_list .answer_article {position:relative;display:none; padding:21px 38px 21px 60px; /*border-top:1px solid #e5e5e5;*/ font-size:16px!important; line-height:26px!important; color:#666;background: rgba(0,0,0,0.04); margin: 0 -24px!important;}
.expend_info_area .qna_list .answer_article:before{content: "A";font-size:16px;font-weight:bold;position: absolute;top:20px;left:24px;}
.expend_info_area .qna_list > li.on .qusetion_article a {border-bottom:none;}
.expend_info_area .qna_list > li.on > .answer_article {display:block;}
.expend_info_area .qna_list .answer_article .hcbtn1 {margin-top:15px; }
.expend_info_area .qna_list.accordion_unit .btn_fold:after {width:9px; top:27px; right: 10px; height: 2px;}
.expend_info_area .qna_list.accordion_unit .btn_fold:before {width:9px; top:27px; right: 5px; height: 2px;}

.ex_top_link ul li{margin-bottom:8px;width:100%}
.link_btn{display:block;width:100%;line-height: 56px;color:#000;font-size:16px;font-weight:bold;box-sizing:border-box;padding-left:20px;background:#F5F5F5;border-radius:8px;position: relative;}
.link_btn::after{content:"";display:block;position: absolute;width:24px;height:24px;background: url(/m/image/common/ico_arrow_right.png) right 50% no-repeat;background-size: cover;top:50%;right:18px;margin-top:-12px}

.aco_total.type2{background:rgba(0,0,0,0.02);padding:15px 24px;margin:0 -24px;border-top:solid 1px rgba(0, 0, 0, 0.12)}
.sub_tit2{font-size:16px;font-weight:bold;color:#000;line-height: 22px;}
.p_info2{font-size:16px;color:#000;line-height: 26px;}
.mt28{margin-top:28px;}
.mt36{margin-top:36px;}
.mt44{margin-top:44px;}
.mt68{margin-top:68px;}

.suport_after_wrap{}
.suport_after_wrap .sa_top > dl{overflow: hidden;margin-bottom:6px;}
.suport_after_wrap .sa_top > dl >dt{font-size:20px;float: left;font-weight:bold;line-height: 26px }
.suport_after_wrap .sa_top > dl >dd{font-size:20px;float: right;font-weight:bold;line-height: 26px }
.suport_after_wrap .sa_top .sa_top_info{font-size:14px;color:rgba(0,0,0,0.64);margin-bottom:36px;}
.suport_after_wrap .sa_top .sa_top_info em{font-size:12px;line-height:16px;}

.suport_after_wrap .area_inner{background:rgba(0,0,0,0.04);border-radius:7px;padding:20px 16px;margin-bottom:3px;}
.suport_after_wrap .area_inner .sum_card span{font-size:14px!important;}
.suport_after_wrap .area_inner .sum_total+.sum_total{margin-top:16px;}
.suport_after_wrap .area_inner .sum_total+.sum_total+.sum_card{margin-top:12px!important;}
.suport_after_wrap .area_inner .sum_total+.sum_total+.sum_card+.sum_card, .suport_after_wrap .area_inner .sum_total+.sum_total+.sum_card+.sum_card+.other_card,.suport_after_wrap .area_inner .sum_total+.sum_total+.sum_card+.sum_card+.other_card+.other_card{margin-top:8px;}