/* mo */
@charset "utf-8";
/* 퍼센트율 375px 기준 */
/*@import url('benefits_01.css');*/ /* Q10293 */
/*@import url('benefits_02.css');*/ /* Q10086 */

img{width:100%;vertical-align:top;}

.none_highlight .highlight { background-image: none; }

a.link { position: absolute; top: 0; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; margin: 0; color: transparent; font-size: 0; }

.mt0{margin-top:0 !important;}.mt2{margin-top:2px !important;}.mt3{margin-top:3px !important;}.mt4{margin-top:4px !important;}.mt5{margin-top:5px !important;}.mt6{margin-top:6px !important;}.mt7{margin-top:7px !important;}.mt8{margin-top:8px !important;}.mt9{margin-top:9px !important;}.mt10{margin-top:10px !important;}.mt11{margin-top:11px !important;}.mt12{margin-top:12px !important;}.mt13{margin-top:13px !important;}.mt14{margin-top:14px !important;}.mt15{margin-top:15px !important;}.mt16{margin-top:16px !important;}.mt18{margin-top:18px !important;}.mt19{margin-top:19px !important;}.mt20{margin-top:20px !important;}.mt22{margin-top:22px !important;}.mt21{margin-top:21px !important;}.mt23{margin-top:23px !important;}.mt24{margin-top:24px !important;}.mt26{margin-top:26px !important;}.mt27{margin-top:27px !important;}.mt28{margin-top:28px !important;}.mt30 {margin-top:30px !important;}.mt31{margin-top:31px !important;}.mt32{margin-top:32px !important;}.mt35{margin-top:35px !important;}.mt36{margin-top:36px !important;}.mt37{margin-top:37px !important;}.mt38{margin-top:38px !important;}.mt40{margin-top:40px !important;}.mt41{margin-top:41px !important;}.mt42{margin-top:42px !important;}.mt43{margin-top:43px !important;}.mt44{margin-top:44px !important;}.mt45 {margin-top:45px !important;}.mt48{margin-top:48px !important;}.mt49{margin-top:49px !important;}.mt50{margin-top:50px !important;}.mt51{margin-top:51px !important;}.mt52{margin-top:52px !important;}.mt54{margin-top:54px !important;}.mt55{margin-top:55px !important;}.mt56{margin-top:56px !important;}.mt60{margin-top:60px !important;}.mt63{margin-top:63px !important;}.mt64{margin-top:64px !important;}.mt67{margin-top:67px !important;}.mt68{margin-top:68px !important;}.mt70{margin-top:70px !important;}.mt71{margin-top:71px !important;}.mt72{margin-top:72px !important;}.mt75{margin-top:75px !important;}.mt80{margin-top:80px !important;}.mt88{margin-top:88px !important;}.mt93{margin-top:93px !important;}
.mg_x_at{margin-right:auto;margin-left:auto;}
.ml4{margin-left:4px !important;}.ml35{margin-left:35px !important;}.ml40{margin-left:40px !important;}.ml45{margin-left:45px !important;}
.mr4{margin-right:4px !important;} .mr12{margin-right:12px !important;}/* 2024-10-10 Q11139 - 추가 */ 
.mrl_m4 { margin-right: -4px;margin-left: -4px;}
.mrl_m8 { margin-right: -8px;margin-left: -8px;}
.mrl_m24 { margin-right: -24px;margin-left: -24px;}/* 2022-12-16 Q10803 추가 */
.mx0 {margin-right:0 !important;margin-left:0 !important;}
.mx16 {margin-right:-3.885%;margin-left:-3.885%;}
.mb4 {margin-bottom:4px !important;} /* 2024-10-08 GGU282 - 추가 */ .mb15 {margin-bottom:15px !important;} /* 2024-10-10 Q11139 - 추가 */ 

/* padding */
.pt0{padding-top:0px !important;}.pt2{padding-top:2px !important;}.pt8{padding-top:8px !important;}.pt12{padding-top:12px !important;}.pt17{padding-top:17px !important;}.pt18{padding-top:18px !important;}.pt20{padding-top:20px !important;}.pt24{padding-top:24px !important;}.pt32{padding-top:32px !important;}.pt33{padding-top:33px !important;}.pt40{padding-top:40px !important;}.pt42{padding-top:42px !important;}.pt45{padding-top:45px !important;}.pt68{padding-top:68px !important;}.pt84{padding-top:84px !important;} /* 2022-08-31 GGU282 - pt42 추가 */.pt162{padding-top: 162px !important;}/* 2024-06-21 Q20542 pb162 추가 */
.pb0{padding-bottom:0px !important;}.pb5{padding-bottom:5px !important;}.pb6{padding-bottom:5px !important;}.pb12{padding-bottom:12px !important;}.pb18{padding-bottom:18px !important;}.pb19{padding-bottom:19px !important;}.pb20{padding-bottom:20px !important;}.pb24{padding-bottom:24px !important;}.pb28{padding-bottom:28px !important;}.pb32 {padding-bottom: 32px !important;}.pb36{padding-bottom:36px !important;}.pb40{padding-bottom:40px !important;}.pb44{padding-bottom:44px !important;}.pb56{padding-bottom:56px !important;}.pb60{padding-bottom:60px !important;} /* 2024-06-26 Q20542 pb6 추가 */
.pl24{padding-left:24px !important;}
.pr23{padding-right:23px !important;}
.pr36, .pr_36 {padding-right: 36px !important;}

/* box padding */
.pd_x0{padding-right: 0px !important;padding-left: 0px !important;} .pd_x4{ padding-right: 4px !important;padding-left: 4px !important;} .pd_x8 { padding-right: 8px;padding-left: 8px;} .pd_x12{padding-right:12px !important;padding-left:12px !important;}.pd_x16{padding-right:16px !important;padding-left:16px !important;}.pd_x24{padding-right:24px !important;padding-left:24px !important;}
.pd_y8{padding-top:8px !important;padding-bottom:8px !important;} .pd_y12{padding-top:12px !important;padding-bottom:12px !important;} .pd_y16{padding-top:16px !important;padding-bottom:16px !important;}.pd_y17{padding-top:17px !important;padding-bottom:17px !important;} .pd_y20{padding-top:20px !important;padding-bottom:20px !important;}.pd_y40{padding-top:40px !important;padding-bottom:40px !important;}

.height36{height:36px;}
.height40{height:40px;}
.height42{height:42px;}
.height48{height:48px;}
.height52{height:52px;}
.height56{height:56px;}
.height60{height:60px;}

.mHeight56{min-height:56px !important;} /* 2024-10-08 Q11139 추가 */

.w80 {width:80px;} /* 2022-07-07 GGU477 추가 */
.w84 {width:84px;} /* 2023-08-18 GGU282 - 추가 */
.w200 {width:200px;}
.w260 {width:260px;}
.wh16{flex:0 0 16px;width:16px;height:16px;}
.wh32 {width:32px; height:32px;}
.wh44 {width:44px; height:44px;}
.wh120{width:120px;height:120px;}
.wh180{width:180px;height:180px;}

/* position */
.posR{position: relative;} /* 2024-06-21 Q20542 추가 */

.ico_tip.opac64{opacity:.64;}

.popup_agree .layer_head { padding-top: 20px; }
.popup_agree .inner > p span { display: inline-flex; margin: 0; color: #000; font-size: 16px; }
.popup_agree .inner > p span + span { margin-top: 2em; }

[class*="round_dot2box"]{display:flex;flex-wrap:wrap;}
[class*="round_dot2box"]>span{display:flex;align-items:center;}
[class*="round_dot2box"]>span::after{flex:0 0 2px;width:2px;height:2px;border-radius:50%;background:#ebebeb;content:'';}
.round_dot2box1>span::after{margin-right:4px;margin-left:4px;}
.round_dot2box2>span{flex:0 0 100%;width:100%;}
.round_dot2box2>span::after{margin-left:16px;}
[class*="round_dot2box"]>span:last-of-type::after{display:none;}

.titlebar01,
.titlebar01 > span {display:flex;align-items:center;}
.titlebar01{height:40px;line-height:22px;font-size:16px;font-weight:500;}
.titlebar01>span:nth-child(2){font-weight:700;}
.titlebar01>span:nth-child(2)::before{display:block;width:1px;height:12px;margin:0 8px;background:#e0e0e0;content:'';}

.interval_div_mt12 > div + div {margin-top:12px;}
.interval_div_mt16 > div + div {margin-top:16px;} /* 2024-10-08 GGU282 - 추가 */
.interval_div_mt20 > div + div {margin-top:20px;} /* 2024-10-08 GGU282 - 추가 */
.interval_div_mt29 > div + div {margin-top:29px;}
.interval_div_mt32 > div + div {margin-top:32px;}
.interval_div_mt40 > div + div {margin-top:40px;}
.interval_div_mt48 > div + div {margin-top:48px;}
.interval_div_mt56 > div + div {margin-top:56px;}
.interval_div_mt64 > div + div {margin-top:64px;}

.interval_a16 > a{margin-right:16px;}
.interval_a16 > a:last-of-type{margin-right:0;}

.interval_li_mt4 > li + li{margin-top:4px;}
.interval_li6 > li + li{margin-top:6px;}
.interval_li_mt16 > li + li{margin-top:16px;}

.box_chk01 input:checked + .check_label.ck_blk{color:#000;}

.box_btn[class*="_df"] > button,
.box_btn[class*="_df"] > [class^="btn"]{display:block;width:100%;}
.box_btn._df_pd_y{padding-top:10.6666667%/*40px*/;padding-bottom:4.26666667%/*16px*/;}
.box_btn._df_pd{padding:10.6666667% 4.26666667% 4.26666667%;/*40px 16px 16px*/}

[class^="textbico"][class*="_pst_rt"]{background-position:right top;}
[class^="textbico"][class*="_down"]{background-image:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png');}

[class^="bul_"][class*="list03"] > li,
[class^="dash_"][class*="list03"] > li,
[class^="bul_"][class*="txt03"],
[class^="dash_"][class*="txt03"] {position:relative;line-height:16px;padding-left:8px;color:#5c5c5c;font-size:12px;font-weight:500;}

[class^="bul_"].fc_blk > li,
[class^="dash_"].fc_blk > li,
[class^="bul_"] > li.fc_blk{color:#000;}

[class^="bul_"].fc_m_a64 > li,
[class^="dash_"].fc_m_a64 > li{color:#5c5c5c;}

[class^="bul_"].fc_m_a48 > li,
[class^="dash_"].fc_m_a48 > li{color:#858585;}

[class^="bul_"][class*="list03"] > li + li,
[class^="dash_"][class*="list03"] > li + li,
[class^="bul_"][class*="list03"] > li > [class^="dash_"][class*="list03"]{margin-top:8px;}

[class^="bul_"][class*="list03"] > li:before,
[class^="dash_"][class*="list03"] > li:before,
[class^="bul_"][class*="txt03"]:before,
[class^="dash_"][class*="txt03"]:before{top:7px;background-color: #949494;}

[class^="bul_"].line_h22 > li,
[class^="dash_"].line_h22 > li{line-height:22px;}

[class^="bul_"].line_h26 > li,
[class^="dash_"].line_h26 > li{line-height:26px;}

[class^="bul_"].line_h22.py3 > li::before,
[class^="dash_"].line_h22.py3 > li::before{top:13px;}
[class^="bul_"].line_h26.py3 > li::before,
[class^="dash_"].line_h26.py3 > li::before{top:16px;}

.bul_list.py3 > li::before,
.dash_list.py3 > li::before{top:15px;}

[class^="bul_"].py3 > li,
[class^="dash_"].py3 > li{padding-top:3px;padding-bottom:3px;}
[class^="bul_"].interval0 > li + li,
[class^="dash_"].interval0 > li + li{margin-top:0;}

.dash_txt02.fc_a48 {color:#858585 !important;}
.dash_list02.fc_a48 > li {color:#858585;}
.bul_list>li>.dash_list{margin-top:6px;}
.bul_list02>li>.dash_list02{margin-top:6px;}

.interval_li4 > li + li{margin-top:4px;}
.interval_div36>div +div{margin-top:36px;}

/* display */
.dpb{display:block !important;}
.dpib{display:inline-block !important;}

/* flex */
[class*="dpfx"]{display:flex !important;}
[class*="dpfx"][class*="_align_c"]{align-items:center;}
[class*="dpfx"][class*="_align_e"]{align-items:flex-end;}
[class*="dpfx"][class*="_just_c"]{justify-content:center;}
[class*="dpfx"][class*="_just_e"]{justify-content:flex-end;}
[class*="dpfx"][class*="_just_bet"]{justify-content:space-between;}
.flex_wrap{flex-wrap:wrap;}
.flex_column{flex-direction:column;}
.flex_wAuto{flex:1;}

/* opacity */
.op_80 { opacity: 0.8; }.op_70 { opacity: 0.7; }.op_64 { opacity: 0.64; }.op_48 { opacity: 0.48; }.op_40 { opacity: 0.4; }

/* border */
.bd_t1_a08{border-top:1px solid #ebebeb!important;}
.bd_t1_a12{border-top:1px solid #e0e0e0!important;}
.bd_t1_blk{border-top:1px solid #000!important;}

.bd_b1_a04{border-bottom:1px solid #f5f5f5!important;}
.bd_b1_a08{border-bottom:1px solid #ebebeb!important;}
.bd_b1_a12{border-bottom:1px solid #e0e0e0!important;}

.bd_0 {border: none !important;} /* 2022-07-11 GGU477 추가 */
.bd_all {border:1px solid rgba(0,0,0,0.4);}
.bd_r8{border-radius:8px;}
.bd_r4{border-radius:4px;}

.main{width:100%;}
.sub_benefit{padding-bottom:0;}

.benefit_tit{position:relative;display:flex;align-items:center;justify-content:center;height:48px;}
.benefit_tit .bar{position:relative;width:calc(100% - 128px)/*(버튼40px,마진24px)x2=128*/;height:4px;border-radius:16px;background:#fff;}
.benefit_tit .navi{position:absolute;top:0;left:0;display:block;height:4px;border-radius:16px;background:#000;}
.benefit_tit .close{position:absolute;top:8px;right:8px;width:32px;height:32px;}
.benefit_tit .back{position:absolute;top:8px;left:8px;width:32px;height:32px;}

/* tab */
/* 2022-01-24 Q10510 : 탭 공통 가이드에 따라 전체 수정 */
.tab_container {position:relative;}
.tab_container .tab_con::-webkit-scrollbar {display:none;}
.tab_container .tab_con { overflow-x:auto;padding-left:16px; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;}
.tab_container .tab_default {display:block; height: 56px; padding: 8px 24px 8px 0; font-size:0;}
.tab_container .tab_default a {display:inline-block; align-items: center; height: 40px; line-height:40px; padding: 0 12px; } /* 2023-06-30 GGCP31 */
.tab_container .tab_default a:last-child {margin-right:24px;}
.tab_container .tab_default.type2 { height: 52px;padding: 10px 20px 10px 4px;}
.tab_container .tab_default.type2 a {display: inline-flex; align-items: center; height: 32px; padding: 8px 12px 8px 12px;}
.tab_container:after { position:absolute; top:0; right:0; display:block; width:40px; height:100%; background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)60%);content:"";}
.tab_container.mt_v1{margin-top:4.26666667%/*16px*/;}
.tab_container._type2 .tab_con{padding-left:0;}
.tab_container.hide_after:after {display:none;} /* 2024-09-12 GGU282 - 추가 */

/* 2022-01-23 Q10510 : tab_default 스크롤시, 상단으로 fixed 수정 */
.tab_slide {position:relative;}
.tab_slide .inner::-webkit-scrollbar {display:none;}
.tab_slide .inner { overflow-x:auto;padding-left:16px; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;}
.tab_slide .tab_default {display:block; padding:8px 0; font-size:0;}
.tab_slide .tab_default a {display:inline-block;}
.tab_slide .tab_default a:last-child {margin-right:24px;}
.tab_slide:after { position:absolute; top:0; right:0; display:block; width:40px; height:100%; background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)60%);content:"";}
.fixed .sub_benefit .tab_slide:first-child:not(.no_fix) {position:fixed; z-index:10; top:48px; left:0; width:100%; background:#fff;animation:slideDown .5s;} /* 2024-10-08 GGU282 - .no_fix 추가 */
@keyframes slideDown{
    from{top:0;}
    to{top:48px;}
}

.sub_benefit  .menu_all.active + .menu_view{position:absolute;z-index:100;top:-8px;left:0;display:block;background:#fff;}
.sub_benefit  .menu_all.active + .menu_view .tab_default{flex-wrap:wrap;padding:8px 56px 8px 16px;}
.sub_benefit  .menu_all{position:absolute;z-index:101;top:0;right:0;width:56px;height:56px;background:linear-gradient(to right , rgba(255,255,255,0) , rgba(255,255,255,1) 30%);}
.sub_benefit  .menu_all + .menu_view{display:none;}
.sub_benefit  .menu_all > button{display:block;width:56px;height:56px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat center center;background-size:32px 32px;transition:transform .2s;}
.sub_benefit  .menu_all.active > button{transition:transform .2s;transform:rotate(180deg);}

/* 서브 탭 */
.sub_tabmenu .subtab_default{display:flex;padding:0 12px;}
.sub_tabmenu .subtab_default > a {position:relative;display:inline-block;line-height:22px;padding:0 12px;color:#858585;font-size:16px;font-weight:500;}
.sub_tabmenu .subtab_default > a + a:before {position:absolute;top:5px;left:0;width:1px;height:12px;background:#e0e0e0;content:'';}
.sub_tabmenu .subtab_default > a.current{color:#000;font-weight:700;}
.sub_tabmenu .subtab_default {overflow-x:auto; white-space:nowrap; font-size: 0; -ms-overflow-style:none; scrollbar-width:none;}
.sub_tabmenu .subtab_default::-webkit-scrollbar {display: none;} /*Q10086-탭 스크롤 추가*/
.tab_container + .sub_tabmenu {margin-top:16px;}
.sub_tabmenu .subtab_default.lh52 {padding: 15px 12px;}

.section{flex:1;padding:16px 24px 44px;}
.section.event_wrap {flex:1;padding:16px 16px 64px;}
/* .section.event_wrap > .promotion_list > .list_event {margin:0 4px;} */

/* .fixed .contents > .section{padding-bottom:112px;} */
.section._pt_v1{padding-top:0;}
.section._pt_v2{padding-top:56px;}
.section._pt_v3{padding-top:44px;}
.section._pt_v4{padding-top:8px;}
.section._pt_v5{padding-top:24px;}
.section._pt_v6{padding-top:16px;}
.section._pt_v7{padding-top:32px;}
.section._pt_v8{padding-top:48px;}
.section._pt_v9{padding-top:0;padding-right:0;padding-left:0;}
.section._pd_x0{padding-right:0;padding-left:0;}
.section._pd_x0 .sub_sec{padding:0 24px;}
.section._pd_v1{padding-bottom:64px;}

.bannerbox{position:relative;display:flex;align-items:center;padding:0 24px;border-radius:8px;}
.bannerbox.box_h80{height:80px;}
.bannerbox > .imgbox{position:absolute;top:50%;right:14px;flex:0 0 18.96024465%;width:18.96024465%;max-width:62px;transform:translateY(-50%);}

/* .input_cell_check01 input[type="checkbox"] + label > i{background:url('/docfiles/resources/mo/images/com/icon/w32/ico_check_o.png') no-repeat center / contain;opacity:.12;position:relative;}*/
.input_cell_check01 input[type="checkbox"] + label > i{position:relative; width:28px; height:28px; border-radius:100%; opacity:.12; background-color:#000;}
.input_cell_check01 input[type="checkbox"] + label > i::after { position:absolute; top:0; left:0; display:block; width:28px; height:28px; background-color:#fff;content:''; -webkit-mask-image:url('/docfiles/resources/mo/images/com/icon/w24/ico_checkB_wht.svg'); mask-image:url('/docfiles/resources/mo/images/com/icon/w24/ico_checkB_wht.svg'); -webkit-mask-size:28px; mask-size: 28px; }
.input_cell_check01 input[type="checkbox"]:checked + label > i{opacity:1;}
.input_cell_check01 input[type="checkbox"] + label > i::before{display:none;}

.box_select.border_type { display: flex; align-items: center; height: 48px;border: 1px solid rgba(0,0,0,0.12); border-radius: 4px;}
.box_select.border_type select { line-height:22px;padding:0 16px; font-size:16px;}
.box_select.border_type:after {right:11px;}

/* 2024-04-17 GGU282 - 추가 */
.box_select.border_type02 { overflow:hidden;border:1px solid rgba(0,0,0,0.16); border-radius:4px;}
.box_select.border_type02 select { line-height:22px;padding:13px 48px 11px 15px; color:#000; font-size:16px; font-weight:700;}
.box_select.border_type02:before {display:none;}
.box_select.border_type02:after { right:12px;bottom:50%; margin-bottom:-12px;}

.tab_type1 .ui_tabs_menu{display:flex;}
.tab_type1 .ui_tabs_menu > li {flex:1 1 20%;height:52px;}
.tab_type1 .ui_tabs_menu > li a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:22px;color:#858585;font-size:16px;font-weight:500;}
.tab_type1 .ui_tabs_menu > li a.is-current{color:#000;}
.tab_type1 .ui_tabs_menu > li a::after{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e0e0e0;content:'';}
.tab_type1 .ui_tabs_menu > li a.is-current::after{height:2px;background:#000;}
.tab_type1 .ui_tab_content{padding-bottom:6.4%;/*24px*/}
.tab_type1 .ui_tab_content>div{padding: 0 6.4%;/*24px*/}
.tab_type1 .ui_tab_content .conts_pattern01{padding-top:20px;padding-bottom:6.4%/*24px*/;}
.tab_type1 .ui_tab_content .conts_pattern01 > h3 ~ h3{margin-top:40px;}
.tab_type1 .ui_tab_content .conts_pattern01 > h3 + ul{margin-top:8px;}
.tab_type1 .ui_tab_content .conts_pattern01 ul:last-of-type li:last-of-type{border-bottom:0;}

.tab_type2 .ui_tabs_menu,
.tab_type2 .ui_tabs_menu > li{display:flex;}
.tab_type2 .ui_tabs_menu > li{align-items:center;}
.tab_type2 .ui_tabs_menu > li:not(:first-of-type)::before{width:1px;height:8px;margin:0 12px;background:#e0e0e0;content:'';}
.tab_type2 .ui_tabs_menu > li a{display:block;line-height:22px;color:#858585;font-size:16px;font-weight:500;}
.tab_type2 .ui_tabs_menu > li a.is-current{color:#000;font-weight:700;}
.tab_type2 .ui_tabs_menu.bgTap { padding: 15px 24px;margin: 8px -7.34% 0; background-color: #fafafa;} /* 2022-07-11 GGU477 추가 */

.tab_type2 .ui_tab_content{padding-top:16px;}

.tab_radio input:checked + label{color:#000;font-weight:700;}
.tab_radio input:checked + label:before{border-width:2px;border-color:#000;color:#000;}


/*[class^="list_type"]>li{border-bottom:1px solid #f5f5f5}/*04*/
[class^="list_type"][class*="bd_b0"]>li{border-bottom:0;}
.list_type1 > li{padding:20px 0;}
.list_type1 + .morebtn{margin-top:20px;}
.list_type1 + .morebtn>[class^="btn"]{display:block;width:100%;}
.list_type1 [class^="com_"]{line-height:20px;font-size:14px;font-weight:500;}
.list_type1 .com_name{line-height:22px;font-size:16px;}
.list_type1 .com_addr{margin:8px 0;}
.list_type1 .com_num{display:flex;align-items:center;}
.list_type1 .com_num::before{flex:0 0 16px;width:16px;height:16px;margin-right:2px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_phone.png') no-repeat center/contain;content:'';}

.list_type2 > li{padding:28px 0;border-color: rgba(0,0,0,0.12);}
.list_type2 > li:last-of-type{border-bottom:0;}
.list_type2 > li .txt_btn{display:flex;align-items:center;height:40px;}
.list_type2 > li .txt_btn > a{display:block;width:100%;}
.list_type2 > li .txt_btn + p{margin-top:12px;}

.list_type3 > li{padding:12px 0;border-color: rgba(0,0,0,0.12); }
.list_type4 > li{padding:19px 0 18px;}
.list_type4 > li.py_16{padding:16px 0;}
.list_type4.pd_y_v1 li {padding: 16px 0;}

.list_type5 > li{position:relative;display:flex;align-items:center;min-height:124px;/*padding:21px 0;border-color:rgba(0,0,0,0.12);*/}/*08*/
.list_type5.autoH > li{min-height: auto !important;padding: 20px 0;} /* 2024-06-21 Q20542 추가 */
.list_type5 > li:last-child{border-bottom:0;}
.list_type5 > li .imgbox{flex:0 0 56px;width:56px;height:56px;margin-right:18px;/*border: 1px solid rgba(0,0,0,0.12); border-radius: 50%;*/}
.list_type5 > li .imgbox .svg { width: 56px; height: 56px; }
/* 2022-01-06 Q10510 추가 */
.list_type5 > li .imgbox .radius {border: 1px solid rgba(0,0,0,0.12); border-radius: 50%;}
.list_type5 > li .imgbox .radius::after { position: absolute; z-index: 1; top: 0; left: 0; display: inline-flex; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.12); border-radius: 100%;content: "";}
.list_type5 > li.height80 {min-height:80px;}
.list_type5 > li.unset {align-items:unset;} /* 2022-08-04 Q10771 추가 */

.list_type6 > li{position:relative;display:flex;align-items:center;justify-content:space-between;}
.list_type6.li_last_bd_b0 > li:last-of-type{border-bottom:0;}
.list_type6.bd0 > li {border:none;}
.list_type6.li_h36 > li {height:36px;} /* 2022-03-16 GGU477 추가 */
.list_type6.li_h40 > li{height:40px;}
.list_type6.li_h56 > li{height:56px;}
.list_type6.li_h80 > li{height:80px;}
.list_type6.li_h80 > div > li{height:80px;}
.list_type6 .cancel .area_title > p{opacity:.4;}
.list_type6 .cancel .txt_price{text-decoration:line-through;}
.list_type6 .cancel .txt_state{color:#ff0000;}
.list_type6 > li .pstab_txtbox{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.list_type6.pd_y_v1 > li{padding:15px 0 20px;}
.list_type6.pd_y_v2 > li{padding:12px 0 18px;}
.list_type6.pd_y21 > li {padding:21px 0;}
.list_type6.pd_y13 > li {padding:13px 0;}
.list_type6.pd_y23 > li {padding:23px 0;}
.list_type6 > li > [class*="input_cell"] { flex: 1; padding: 14px 0; }
.list_type6 > li > [class*="input_cell"] label > i { top: 20px; }

.list_type7 li {display:flex;align-items:center;height:56px;border-bottom:1px solid rgba(0,0,0,0.12);}
.list_type7 li:last-child {border-bottom:0;}
.list_type7 li .title{width:112px;}

.input_cell_check01 label.allck{display:flex;align-items:center;padding:0;}
.input_cell_check01 label.allck > i{margin-right:8px;}

.list_type6 .input_cell_check01 label[class^="_type"]{display:flex;padding:0;}
.list_type6 .input_cell_check01 label._type2{align-items:center;}
.list_type6 .input_cell_check01 label._type2 > i{position:relative;margin-right:9px;}
.list_type6 .input_cell_check01 label._type4 > i{margin-right:12px;}
.list_type6 .input_cell_check01 label._type4 > i + span{padding-top:3px;}
.list_type6 .input_cell_check01 input[type="checkbox"] + label._type3 > i{flex:0 0 32px;margin:10px 8px 0 0;}

[class^="step_type"]{display:flex;flex-wrap:wrap;width:320px;margin:0 auto;}
[class^="step_type"] > li{position:relative;}
[class^="step_type"] > li .imgbox{width:44px;height:44px;margin:0 auto;}
[class^="step_type"] > li:not(:last-child):after{position:absolute;right:0;width:16px;height:16px;opacity:.2;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward.png') no-repeat center / contain;content:'';}
.step_type1 {flex-wrap:wrap;padding-bottom:44px;}
.step_type1 > li{flex:0 0 96px;}
.step_type1 > li:not(:first-child){margin-left:16px;}
.step_type1 > li:nth-child(4){margin-left:0;}
.step_type1 > li p{position:absolute;bottom:-4px;left:50%;transform: translate(-50%, 100%);white-space:nowrap;}
.step_type1 > li:nth-child(n+4){margin-top:44px;}
.step_type1 > li:not(:last-child)::after{top:24px;transform:translateX(100%);}
.step_type1 > li:nth-child(3)::after{display:none;}

.step_type2.col_5{justify-content:center;}
.step_type2 > li{flex:0 0 80px;width:80px;}
.step_type2.col_2 > li{flex:1 1 45%;}
.step_type2.col_3 > li,
.step_type2.col_5 > li{flex:1 1 30%;max-width:33.33%;}
.step_type2 > li .imgbox{margin-bottom:4px;}
.step_type2 > li:not(:last-child):after{top:48px;transform:translateX(50%);}
[class^="step_type2"][class*="col_"] > li{padding:12px 0;}
[class^="step_type2"][class*="col_"] > li::after{top:36px;}
.step_type2.col_5 > li:nth-child(3)::after{display:none;}

.box_event .event_linetxt{display:flex;align-items:center;height:44px;line-height:22px;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:700;}
.box_event + .box_event{margin-top:32px;}
/* 2021-10-25 GGCZ06 수정 */
.list_event {padding: 0 8px;}
.list_event + .box_btn {margin-top: 20px;}
.list_event + .box_btn.type1 {margin-right:-8px;margin-left:-8px;}
.list_event > li{position: relative;display:flex;align-items:center;padding:18px 0;}
.list_event.type02 > li{align-items:flex-start;}
.list_event._bd_b0 {padding: 0;}
.list_event._bd_b0 > li{border-bottom:0;}
.list_event .eventimg { position: relative; display: inline-flex; overflow: hidden; align-items: center; flex: 0 0 56px; justify-content: center; width: 56px; height: 56px; margin-right: 16px; border-radius: 50%;background:#fff; }  /* 2025-06-09 Q11855 수정 */
.list_event:not(._bd_b0) .eventimg::after { position: absolute; z-index: 1; top: 0; left: 0; display: inline-flex; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.12); border-radius: 100%; content: ""; }
.list_event .txt_tit{line-height:26px;font-size:20px;font-weight:500;}
.list_event .txt_date,
.list_event .txt_tit > small{line-height:20px;font-size:14px;}
.list_event .txt_date{margin-top:1px;color:#858585;}
.list_event .txt_date.v2{margin-top:0;}
.list_event .txt_date.v2 + .link {margin-top:8px;}
.list_event .txt_tit > small{display:block;padding-bottom:2px;}
.list_event .txt_tit > small.v2{line-height:26px;padding-bottom:4px;font-size:16px;}

/* GGCZ06 수정 */
.list_input01 li{display:flex;align-items:center;height:48px;}
.list_input01 li.bd_line { padding-bottom: 8px;margin: 4px 0 8px 0; border-bottom: 1px solid #f5f5f5;}
.list_input01 li > p:first-of-type{flex:0 0 176px;width:176px;}
.list_input01 li .box_input01 .input_cell_box::before {display: none;}
.list_input01 li .box_input01 .input_cell_box {border-bottom: 2px solid #000;}
.list_input01 li .box_input01 .input_cell_box.no_line {border:none;}
.list_input01 li .box_input01 input.input_txt {height: 48px;}
.list_input01 input.input_txt + .input_label.fix_label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight: 700;}
.list_input01 input.input_txt { color:#000;font-size:16px; font-weight:700;}
/* border-type - Q10086 추가 */
.list_input01.type2 li + li {margin:8px 0; border-top: 1px solid #f5f5f5;}
.list_input01.type3 li{height: auto!important;min-height:48px;}

.list_thumb {padding: 0 8px;}
.list_thumb > li{position: relative;display:flex;align-items: start;padding:18px 0;}
.list_thumb .img {position: relative;display: inline-flex;overflow: hidden;flex: 0 0 56px;width: 56px;height: 56px;margin-right: 12px;border-radius: 50%;}

.blk_num_list span {position:absolute;left:0;overflow:hidden;min-width:20px; min-height:20px; line-height:20px;border-radius:50%; color:#fff;background-color:#000; text-align:center; letter-spacing:-0.07px;font-size:12px; font-weight:700;}

.check_list > li{display:flex;align-items:center;height:48px;line-height:26px;padding-left:15px;border-radius:16px;background-color:rgba(0,92,185,.08)/*#005cb9*/;font-size:20px;font-weight:700;}
.check_list > li::before{display:block;flex:0 0 32px;width:32px;height:32px;margin-right:5px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_check_b_blue.png') no-repeat center/contain;content:'';}
.check_list > li + li{margin-top:8px;}

.box_ftban01{position:relative;display:flex;align-items:center;height:48px;padding-left:24px;border-radius:8px;}
.box_ftban01 .ico{position:absolute;right:16px;bottom:0;width:30px;height:34px;background:no-repeat center bottom/contain;}
.box_ftban01 .ico._n1{background-image:url('/docfiles/resources/mo/images/ben/img_cardhand.png');}

.sub_benefit .box_use01 .btn_tit01 .accodBtn {padding:20px 24px 0 0;}
.sub_benefit .box_use01 .box_info01 {padding-top:40px;}
.sub_benefit .box_use01._type2 .box_info01 {padding-top: 24px;}
.sub_benefit .box_use01._type2 .box_info02 {padding-top: 25px;}
.sub_benefit .box_use01._type2 .box_info01 .wh44 .svg {width:44px; height:44px;}
.box_use01._type2 .btn_tit01 .accodBtn{line-height:26px;padding:20px 0;font-size:20px;font-weight:700;}
.box_use01._type2 .btn_tit01 .accodBtn::before{width: 32px; height: 32px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat 0 0; background-size: 32px 32px;}
.box_use01._type2.on .btn_tit01 .accodBtn::before {transform:rotate(-180deg);}
/* e: 211013 Q10086 아코디언 수정 */
.box_use01._type2 + .box_use01._type2{margin-top:56px;}
.box_list_banner + .box_use01._type2{margin-top:64px;}
.box_use01._type2 .bul_infobox > p{line-height:26px;font-size:16px;font-weight:600;}
.box_use01._type2 .bul_infobox > p + .wrap_tooltip { vertical-align: top; }
.box_use01._type2 .bul_infobox > p + .wrap_tooltip + .box_bul,
.box_use01._type2 .bul_infobox > p + .box_bul{margin-top:12px;}
.box_use01._type2 .bul_infobox .bul_list02 > li{line-height:22px;}
.box_use01._type2 .bul_infobox .bul_list02 + p { margin-top: 12px; }
.box_use01._type2 .bul_infobox .bul_list02 > li + li{margin-top:4px;}
.bul_list li.lh20 {line-height: 20px;}
.box_use01._type2 .bul_infobox + .bul_infobox{margin-top:44px;}
.box_use01._type2 .box_info01 .bul_infobox:last-of-type{padding-bottom:0;border-bottom:0;}
.box_use01._type2 .box_info01 .bul_infobox + .abtn_search{margin-top:12px;}

/* 2022-01-15 Q10510 아코디언 사이간격 예외사항 추가 */
.mpoint_defaultsub .box_use01._type2 + .box_use01._type2{margin-top:24px !important;}

/* 2021-10-25 GGCZ06 수정 */
.box_use01._type3 + .box_use01._type3 {margin-top: 24px;}
.box_use01._type3 .box_info01 {padding-bottom: 32px;}
.box_use01._type3 .btn_tit01 .accodBtn {padding: 20px 0;}
.box_use01._type3 .btn_tit01 .accodBtn::before{width: 32px; height: 32px; background: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat 0 0; background-size: 32px 32px;}
.box_use01._type3.on .btn_tit01 .accodBtn::before {background-image: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png'); transform:rotate(-180deg);}

.box_use01._type4 + .box_use01._type4 {margin-top: 20px;}

.sub_benefit .bet_tit { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: space-between; }

/* table */
.tbl_type1 th,
.tbl_type1 td{line-height:26px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,0.04);font-size:16px;font-weight:500;}
.tbl_type1 thead th {border-bottom:1px solid rgba(0,0,0,0.12);}
.tbl_type1.th_first_pl16 th:nth-of-type(1){padding-left:16px;}
.tbl_type1.th_fw700 th,.tbl_type1.td_fw700 td{font-weight:700;}
.tbl_type1 table th, .tbl_type1 table td { position: relative;vertical-align: top;}
.tbl_type1.top_line {border-top: 1px solid #000;}

.tbl_type2{border-top:1px solid #000;}
.tbl_type2 th, .tbl_type2 td{padding:15px 0 18px;}
.tbl_type2 th:nth-child(1), .tbl_type2 td:nth-child(1){padding-left:12.5382263%;}
.tbl_type2.pl0 th, .tbl_type2.pl0 td{padding-left:0;}
.tbl_type2 th{line-height:22px;font-size:16px;font-weight:700;}
.tbl_type2 td{line-height:22px;font-size:14px;font-weight:500;}
.tbl_type2 td{border-top:1px solid #e0e0e0;}

.tbl_type3 th, .tbl_type3 td{line-height:26px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid #f5f5f5;font-size:16px;font-weight:500;}
.tbl_type3.th_first_pl16 th:nth-of-type(1){padding-left:16px;}
.tbl_type3.th_fw700 th,.tbl_type3.td_fw700 td{font-weight:700;}
.tbl_type3 tr:last-child th, .tbl_type3 tr:last-child td {border-bottom:none;}

/* slide */
.slide-mcard-container{padding-left:24px;}
.slide-mcard-container .item-mcard{flex:0 0 80px;width:80px;margin-right:34px;}
.slide-mcard-container .item-mcard:last-of-type{margin-right:24px;}
.slide-mcard-container .item-mcard p{white-space:nowrap;}
.slide-mcard-container [class*="swiper-button"]{display:none;}

.slide-mpoint-container{padding-bottom:31px;}
.slide-mpoint-container .swiper-pagination{bottom:0;}
.slide-mpoint-container .swiper-pagination-bullet{width:7px;height:7px;opacity:.2;background:#000;}
.slide-mpoint-container .swiper-pagination-bullet-active{opacity:1;}
.slide-mpoint-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}

/* m혜택 */
.graph-container{display:flex;align-items:flex-end;justify-content:flex-end;width:296px;}
.graph-container._just_c{justify-content:center;}
.graph-container p{white-space:nowrap;}
.graph-items{position:relative;display:flex;align-items:center;flex:0 0 88px;flex-direction:column;justify-content:flex-end;width:88px;}
.graph-items + .graph-items{margin-left:16px;}
.graph_con{display:flex;align-items:flex-end;justify-content:center;width:100%;height:0;padding:12px 0;margin-bottom:8px;border-radius:4px;background:linear-gradient(180deg,#33a5db 0%,#1266a9 100%);}
.graph-container.type02 { flex-wrap: wrap; }
.graph-container.type02 > p { flex: 1; }

.box_ani_logoimg{position:relative;}
.box_ani_logoimg .visib_hid{visibility:hidden;}
.box_ani_logoimg .ani_img{position:absolute;background:no-repeat center/contain;}
/* m혜택 이미지 */
.box_ani_logoimg .ani_img._n1{bottom:0;left:9%;width:46%;height:73%;background-image:url('/docfiles/resources/mo/images/ben/ani_ssg.png');}/* 2022-12-26 Q10803 수정 */
.box_ani_logoimg .ani_img._n2{right:9%;bottom:6.5%;width:29%;height:47%;background-image:url('/docfiles/resources/mo/images/ben/ani_gs.png');}/* 2022-12-26 Q10803 수정 */
.box_ani_logoimg .ani_img._n3{top:0;right:26%;width:24%;height:37%;background-image:url('/docfiles/resources/mo/images/ben/ani_g.png');}/* 2022-12-26 Q10803 수정 */
.box_ani_logoimg .ani_img._n4{bottom:10.5%;left:0%;width:20.5%;height:27.2%;background-image:url('/docfiles/resources/mo/images/ben/ani_11st.png');}
.box_ani_logoimg .ani_img._n5{right:19.1%;bottom:0;width:16%;height:21.2%;background-image:url('/docfiles/resources/mo/images/ben/ani_olive.png');}
.box_ani_logoimg .ani_img._n6{right:0;bottom:21.9%;width:26.9%;height:35.5%;background-image:url('/docfiles/resources/mo/images/ben/ani_kyo.png');}
/* x혜택 이미지 */
.box_ani_logoimg .ani_img.x_n1{top:0;left:20.4%;width:16%;height:21.2%;background-image:url('/docfiles/resources/mo/images/ben/ani_coupay.png');}
.box_ani_logoimg .ani_img.x_n2{top:4.2%;right:20.4%;width:20.5%;height:27.1%;background-image:url('/docfiles/resources/mo/images/ben/ani_smilepay.png');}
.box_ani_logoimg .ani_img.x_n3{top:27.1%;left:24.4%;width:42.5%;height:56%;background-image:url('/docfiles/resources/mo/images/ben/ani_kakaopay.png');}
.box_ani_logoimg .ani_img.x_n4{bottom:10.5%;left:0%;width:20.5%;height:27.2%;background-image:url('/docfiles/resources/mo/images/ben/ani_skpay.png');}
.box_ani_logoimg .ani_img.x_n5{right:19.1%;bottom:0;width:16%;height:21.2%;background-image:url('/docfiles/resources/mo/images/ben/ani_npay.png');}
.box_ani_logoimg .ani_img.x_n6{right:0;bottom:21.9%;width:26.9%;height:35.5%;background-image:url('/docfiles/resources/mo/images/ben/ani_samsungpay.png');}

.btm_line {border-bottom:8px solid #f5f5f5;}
.login.type_line {padding: 28px 24px 20px 24px;}
.login {padding: 28px 24px;}
.login .point_box{justify-content:space-between;padding:13px 16px;border-radius:8px;}
.login .point_box,
.login .point_box .point_con{display:flex;align-items:center;}
.login .point_box .point_con::before{flex:0 0 22px;width:22px;height:22px;background:url('/docfiles/resources/mo/images/ben/ico_mpoint.png') no-repeat center / contain;content:'';}

.sp_savebox{padding:20px 16px 0;}
.sp_saveitem + .sp_saveitem { margin-top: 36px; }
.sp_saveitem .box_logoimg{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:16px;}
.sp_saveitem .box_logoimg .logimg{overflow:hidden;flex:0 0 64px;width:64px;height:64px;margin:0 8px;border-radius:50%;/* border: 1px solid rgba(0,0,0,0.12); */}
.sp_savebox .sp_saveitem  .wrap_tooltip { display: block; text-align: center; }

.li_listbox{padding:0 8px;}
.li_listbox ul>li{padding:18px 0;border-top:1px solid #e0e0e0;}

/* iframe */
.iframe{position:relative;overflow:hidden;height:0;padding-bottom:56.25%;}
.iframe>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:rgba(255,0,0,1);}/*iframe 적용시 background 삭제*/

/* 정부지원 스탬프 */
.box_stamp{display:flex;align-items:center;justify-content:center;padding:36px 0;border:1px solid #000;border-radius:8px;}
.box_stamp ul{display:flex;flex-wrap:wrap;width:224px;}
.box_stamp ul>li{flex:0 0 80px;width:80px;}
.box_stamp ul>li:nth-of-type(odd){margin-right:64px;}
.box_stamp ul>li:nth-of-type(n+3){margin-top:24px;}
.box_stamp ul>li .stampimg{width:100%;height:80px;margin-bottom:12px;background:url('/docfiles/resources/mo/images/ben/ico_stamp_food_off.png') no-repeat center/contain;}
.box_stamp ul>li .stampimg.on{background-image:url('/docfiles/resources/mo/images/ben/ico_stamp_food_on.png');}

/* 나만의 혜택 */
.box_items_progress{padding-bottom:36px;}
.box_items_progress .txt_info{line-height:22px;color:#0070f0;font-size:14px;font-weight:500;}
.box_items_progress .box_items_bar{position:relative;width:100%;height:8px;margin-top:80px;border-radius:16px;background:#ebebeb;}
.box_items_progress .box_items_bar [class^="pstab_"]{position:absolute;width:100%;}
.box_items_progress .box_items_bar .pstab_bar{bottom:-6px;left:0;display:flex;justify-content:space-between;transform:translateY(100%);}
.box_items_progress .box_items_bar .pstab_bar>p{position: relative !important; left: 0 !important;display:flex;justify-content: center;line-height:16px;color:#5c5c5c;font-size:12px;font-weight:500;}
/* .box_items_progress .box_items_bar .pstab_bar>p:first-of-type{text-align:left;}
.box_items_progress .box_items_bar .pstab_bar>p:last-of-type{text-align:right;} */
.box_items_progress .box_items_bar .pstab_ckpoint{top:0;left:0;height:100%;border-radius:16px;background:linear-gradient(90deg, #00c9ff 0%, #0070f0 100%);}
.box_items_progress .box_items_bar .pstab_ckpoint::after{position:absolute;top:50%;right:0;width:16px;height:16px;border: 4px solid #0070f0;border-radius: 50%;background:#fff;content:'';transform: translateY(-50%);}
.box_items_progress .box_items_bar .pstab_price{top:-11px;left:0;display:flex;justify-content:flex-end;transform:translateY(-100%);/* filter:drop-shadow(0 1px 3px rgba(122, 101, 101, 16)); */}
.box_items_progress .box_items_bar .pstab_price>p{position:relative;line-height:20px;padding:5px 8px 3px;border-radius:8px;color:#fff;background:#000;font-size:14px;font-weight:400;/*가운데 정렬할 땐 transform: translateX(50%);left: -8px;*/}
.box_items_progress .box_items_bar .pstab_price>p::after{position:absolute;bottom:0;left:50%;width:0;height:0;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent;content:'';transform:translate(-50%, 100%);}
/* 보유포인트 */
.modal_benefit .date_filter .box_datepicker01 .datepicker-wrap + .p3_m_lt_2ln {margin-top:5px; color:#ff0000;}
.modal_benefit.mybenefit .layer_head {height:104px; padding:36px 48px 31px 24px;}
.modal_pop.mybenefit .layer_close {top:32px;}
.modal_benefit.mybenefit .point_info .bul_list > li + li {margin-top:12px;}
.sub_benefit .conts_pattern01 .point_tbl th, .sub_benefit .conts_pattern01 .point_tbl td {padding:16px 12px;}

.box_use_sel { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px 0 21px; }
.box_use_sel input[type="radio"] { display: none; opacity: 0; }
.box_use_sel input[type="radio"] + label { margin-right: 12px; color: rgba(0,0,0,.48); }
.box_use_sel input[type="radio"]:not(:first-child) + label::before { display: inline-flex; width: 1px; height: 12px; margin-right: 12px; background: rgba(0,0,0,0.12); content: ""; }
.box_use_sel input[type="radio"]:checked + label > span { color: #000; font-weight: 700; }

.box_cardlist .btn_cardlist>.item,
.box_cardlist .btn_cardlist>.item .txt,
.box_cardlist .btn_cardlist>.item .txt>span{display:flex;align-items:center;}
.box_cardlist .btn_cardlist>.item{position:relative;padding-right:30px;cursor:pointer;}

.box_cardlist .btn_cardlist>.item::after{position:absolute;top:50%;right:0;width:24px;height:24px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat center/contain;content:'';transition:transform .3s;transform:translateY(-50%);}
.box_cardlist.on .btn_cardlist>.item::after{transform:translateY(-50%) rotate(180deg);}

.box_cardlist .btn_cardlist>.item .cardimg{flex:0 0 32px;width:32px;margin-right:16px;box-shadow:0 2px 5px rgba(0,0, 0, 0.08);}
.box_cardlist .btn_cardlist>.item .cardimg.v_card_img {flex:0 0 51px;width:51px; margin-right:0;transform:rotate(90deg) translate(0, 10px);}
.box_cardlist .btn_cardlist>.item .txt_name{line-height:26px;font-size:20px;font-weight:500;}
.box_cardlist .btn_cardlist>.item .txt{line-height:20px;margin-top:3px;color:#333;font-size:14px;font-weight:500;}
.box_cardlist .btn_cardlist>.item .txt>span::after{flex:0 0 2px;width:2px;height:2px;margin:0 4px;border-radius:50%;background:#ccc;content:'';}
.box_cardlist .btn_cardlist>.item .txt>span:last-of-type:after{display:none;}
.box_cardlist .btn_cardlist + .box_conts{display:none;padding:20px 0 46px;}
.box_cardlist .btn_cardlist + .box_conts.pd_type{padding-bottom:12px;}

/* 팝업 */
.modal_benefit .layer_body .box_content {padding-top:5px;} /* 레이어 상단 padding 24px일 때 - Q10086 추가 */
.modal_benefit.full .layer_body .box_content {padding-top:17px;} /* 레이어 상단 padding 36px일 때 - Q10086 추가 */
.modal_pop._type2 .layer_head{position:relative;display:block;height:250px;padding:24px 48px 0 24px;}
.modal_pop._type2 .layer_head .box_logoimg{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;width:120px;height:46px;}
.modal_pop._type2 .layer_head .box_logoimg>img{width:auto;height:100%;}
.modal_pop._type2 .layer_body{padding-top:40px;}
.modal_pop._type3 .layer_head{position:relative;display:block;height:250px;padding:24px 48px 0 24px; background: no-repeat center; background-size:cover;}
.modal_pop._type3 .layer_body{padding-top:32px;}
.modal_pop._type3 .box_content > div > ul > li { line-height: 26px;font-size: 20px; font-weight: 700;}
.modal_pop._type3 .box_content > div > ul > li + li {margin-top: 56px;}
.modal_pop._type3 .box_content > div > ul > li.last { overflow: hidden; margin-top: 64px;/* text-indent: -999999999px; */} /* 2022-08-01 Q20093 text-index 수정 */
.modal_pop._type3 .box_content > div > ul > li.last + li.last { margin-top: 0;} /* 2022-08-01 Q20093 추가 */
.modal_pop._type3 .box_content {margin-bottom: 24px;}
.modal_pop._type3 .box_content .section {padding:0;}
.modal_pop._type3 .box_content .section > div > ul > li { line-height: 26px;font-size: 20px; font-weight: 700;}
.modal_pop._type3 .box_content .section > div > ul > li + li {margin-top: 56px;}
.modal_pop._type3 .box_content .section > div > ul > li.last { overflow: hidden; margin-top: 64px; text-indent: -999999999px;}
.modal_pop._type3 .box_content div.tooltip2.hidden-obj.mt20 {margin-top:0 !important;}
.modal_pop._type3 .box_content ul.tip-con.txt-type2.mt52 {margin-top:0 !important;}
.popup_benefit .inner li {padding-left: 0;}

/* M포인트 사용처(PC 마크업 동일) */
.pop_mpoin_use .box_content > div > ul > li .bul{display:none;}
.pop_mpoin_use .box_content > div > ul > li{line-height:26px;font-size:20px;font-weight:700;}

.pop_mpoin_use .box_content > div > ul > li + li{margin-top:56px;}
.pop_mpoin_use .box_content > div > ul > li > ul{margin-top:12px;}
.pop_mpoin_use .box_content > div > ul > li > ul > li{line-height:22px;font-size:16px;font-weight:500;}
.pop_mpoin_use .box_content > div > ul > li > ul > li.txt {font-size:14px;} /* 2022-07-27 Q10771 폰트 사이즈 추가 */
/* .pop_mpoin_use .box_content > div > ul > li.last{margin-top:40px;text-indent:-999999999px;overflow:hidden;} */
.pop_mpoin_use .box_content > div > ul > li.last > ul{margin-top:15px;text-indent:0;}
.pop_mpoin_use .box_content > div > ul > li.last > ul > li{position:relative;line-height:22px;padding-left: 8px;color:#000;font-size:14px;font-weight:500;}
.pop_mpoin_use .box_content > div > ul > li.last > ul > li + li{margin-top:6px;}
.pop_mpoin_use .box_content > div > ul > li.last > ul > li::before{position:absolute;top:10px;left:0;display:inline-block;width:2px;height:2px;border-radius:100%;background:#949494;content:'';}
.pop_mpoin_use .box_content > div > ul > li.last{font-size:16px;font-weight:700;}
.pop_mpoin_use .box_content > div > ul > li > ul > li > div.ev_table.mt24{padding:0;margin:18px 0 0 0!important;}

/* 2023-07-10 Q20016 추가 */
.pop_mpoin_use .box_content .star_txt{font-size: 14px;}
.pop_mpoin_use .box_content .star_txt.fc_m_a64{color:rgba(0,0,0,0.64);}
.pop_mpoin_use .box_content .star_txt::before{content:'*';}
/* //2023-07-10 Q20016 추가 */

/* 2022-07-15 Q20016 일상사용처 유의사항 높이값 공통클래스 적용 */
.pop_mpoin_use .box_content > div > ul > li.last {margin-top: 64px;}
.pop_mpoin_use .box_content > div > ul > li.last + last {margin-top: 0;}

/* 2022-06-09 Q20093 추가 M포인트 이벤트 상세 팝업(사용처) table */
.pop_mpoin_use .ev_table { position: relative; overflow-x: auto; padding-left: 7.34%; margin: auto -7.34%; }
.pop_mpoin_use .ev_table + .ev_table { margin-top: 48px; }
.pop_mpoin_use .ev_table table thead th { border-top: 1px solid #000; color: #000; font-weight: 600; }
.pop_mpoin_use .ev_table table th { font-weight: 600; }
.pop_mpoin_use .ev_table table th, .pop_mpoin_use .ev_table table td { padding: 12px; border-bottom: 1px solid #ebebeb; color: rgba(0,0,0,0.64); vertical-align: top; font-size: 14px;}
/* 2022-07-27 Q10771 추가 M포인트 사용처 - 일상 사용처 팝업 table */
.pop_mpoin_use .ev_table.type2 table th, .pop_mpoin_use .ev_table.type2 table td {border-bottom: 1px solid rgba(0,0,0,0.08);}
.pop_mpoin_use .ev_table.type2 table thead th {border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); font-weight: 700;}
.pop_mpoin_use .ev_table.type2 table tbody th {padding: 12px; color:#000; font-size:14px; font-weight: 500;}
.pop_mpoin_use .ev_table.type2 table tbody td {padding: 12px; font-size:14px; font-weight: 500;}
/* M포인트 교환 */
.box_terms_wrap + .box_btn > a + a {margin-top: 12px;}
.box_terms_wrap .agree_wrap > .box_chk01 + .box_chk01 {margin-top: 24px;}
.tbl_gift .tbl_type1 th, .tbl_gift .tbl_type1 td {padding:16px 12px;}

/* M포인트 자동차 구매 - Q10086 */
.sub_benefit.mpoint_car .box_top_car {padding:24px 24px 32px;}
.sub_benefit.mpoint_car .mpoint_car_img {margin:32px 17px 48px 20px;}
.sub_benefit.mpoint_car .sub_tabmenu + .box_btn { padding:0 24px;margin-top:14px;}
.sub_benefit.mpoint_car .tab_container + .section {padding-top:36px;}
.sub_benefit.mpoint_car .sub_tabmenu + .section, .sub_benefit.mpoint_car .sub_tabmenu + .box_btn + .section {padding-top:40px;}
.sub_benefit.mpoint_car .box_use01._type3 .box_info01, .modal_mpoint_car .box_use01 .box_info01._type3 {padding-top:20px;}
.sub_benefit.mpoint_car .border_box {margin-top:20px;}
.sub_benefit.mpoint_car .border_box .box01 {padding:16px 0; border:1px solid #e0e0e0; border-radius:8px;}
.sub_benefit .border_box .box01 + .icon {position:relative; margin:8px 0;}
.sub_benefit .border_box .box01 + .icon:before {position:absolute; top:0; left:0; width:32px; height:32px; background-color:rgba(0,0,0,0.2); content:''; -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_plus_b.svg); mask-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_plus_b.svg); -webkit-mask-size:32px; mask-size:32px;}
.sub_benefit .border_box .box01 + .icon.equal:before {position:absolute; top:0; left:0; width:32px; height:32px; background-color:rgba(0,0,0,0.2); content:''; -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_equal_vertical.svg); mask-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_equal_vertical.svg); -webkit-mask-size:32px; mask-size:32px;}
.sub_benefit.mpoint_car .box_table {margin-top:27px;}
.sub_benefit.mpoint_car .box_table .tbl_type1 th { padding:16px 12px;border-color:#e0e0e0;}
.sub_benefit.mpoint_car .box_table .tbl_type1 td { padding:16px 12px;border:none;}
.sub_benefit.mpoint_car .box_table .tbl_type1 td .txt_type {white-space: nowrap;}
.sub_benefit.mpoint_car .sub_sec + .box_accod, .sub_benefit.mpoint_car .sub_sec + .box_use01 {margin-top:56px;}
.sub_benefit.mpoint_car .listitem + .listitem {margin-top:40px;}
.sub_benefit.mpoint_car .listitem .tit {margin-bottom:8px;}
.sub_benefit.mpoint_car .listitem .box_table + .box_table {margin-top:9px;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 {padding:13px 0 16px;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 label {position:relative; padding-left:44px;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 input:checked + label > i {background-color:#e0e0e0;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 input:checked + label > i:before {background-color:#000;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 label .cont span {display:inline-block; line-height:20px; color:#858585; font-size:14px; font-weight:500;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 label .cont span.not {color:#ff0000;}
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 label .cont .divr_dot,
.sub_benefit.mpoint_car .familypoint_rdo_select .input_cell_check01 label .cont span {margin-top:2px;}
.sub_benefit.mpoint_car .box_terms_wrap .agree_wrap {padding:17px 12px;}
.sub_benefit.mpoint_car .box_btn + .btn_area_line > a {padding:17px 0 1px;}
.sub_benefit.mpoint_car .pb_type1 {padding-bottom:172px;} /* 세이브오토 버튼 2개 */
.sub_benefit.mpoint_car .pb_type2 {padding-bottom:116px;} /* 세이브오토 버튼 1개 */
.sub_benefit.mpoint_car .pb_type3 {padding-bottom:156px;} /* M포인트 신차구매통장 버튼 2개 */

.modal_mpoint_car .box_carlist + .box_carlist {margin-top:32px;}
.modal_mpoint_car .box_carlist dl + dl {margin-top:20px;}
.modal_mpoint_car .box_carlist dl > dt {margin-bottom:12px;}

/*약관*/
.popup_agree .inner h4 {display: block; line-height: 22px; margin-top: 20px; margin-bottom: 12px; color: #000;  font-size: 16px; font-weight: 700;}
.popup_agree .inner h4:first-child, .popup_agree .inner .new_clause_title {margin-top: 0;}
.popup_agree .inner .new_clause_title, .popup_agree .inner .new_clause_subtitle { line-height: 22px; color: #000; font-size: 16px;font-weight: 500;}
.popup_agree .inner li {padding-left: 20px;}


/* X혜택 */
.box_xcard_list {padding: 68px 0 60px 0; background: #FFFCFB;}

.graph-container.type2 {align-items: flex-start; width: auto;}
.graph-container.type2 .graph-items {position: relative; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; width: 120px; height: 158px;}
.graph-container.type2 .graph_con {width: 120px; height: 0; padding-bottom: 20px; background: url(/docfiles/resources/mo/images/ben/img_graph.png) no-repeat left bottom; background-size: 120px auto;}

.graph-container.type3 {align-items: flex-end; width: auto;}
.graph-container.type3 .graph-items {position: relative; display: flex; align-items: center; flex-direction: column; justify-content: flex-end; width: 108px; height: 147px;}
.graph-container.type3 .graph_con {width: 108px; height: 0; padding-bottom: 20px; background: linear-gradient(0deg , #ff9045 , #dd2b05);}
.graph-container.type3.small .graph-items,
.graph-container.type3.small .graph_con { width: 92px; }

.box_use01 .box_info_item .tit {margin-bottom: 12px;}
.box_use01 .box_info_item + .box_info_item {margin-top: 56px;}
.box_use01 .box_info_item02 .tit {margin-bottom: 8px;}
.box_use01 .box_info_item02 + .box_info_item02 {margin-top: 44px;}
.box_use01 .tab_content {margin-top: 20px;}
.box_use01  .link_wrap a {display: block;}

.tbl_type1 + .box_bul {margin-top: 20px;}

/* x혜택, 현대·기아차 구매 프로그램 공통 box */
/* .box_ben_info {padding:40px 0; background:#fafafa;} */

/* 현대·기아차 구매 프로그램 - Q10086 추가 */
.car_benefit .box_top_point {padding:20px 24px; border-bottom:8px solid rgba(0, 0, 0, .04);}
.car_benefit .box_top_point > .h4_b_lt {margin-top:8px;}
.car_benefit .box_top_point .pay_h1yu + .line_list02 {margin-top:24px;}
.car_benefit .img_car {position:relative; height:124px; margin:24px 0 36px 67px;}
.car_benefit .img_car img {width:260px;}
.car_benefit .box_main {padding:40px 24px 64px;}
.car_benefit .list_main_benefit > li {display:flex;}
.car_benefit .list_main_benefit > li + li {margin-top:34px;}
.car_benefit .list_main_benefit > li .logobox { width:56px; height:56px;margin-right:16px;}
.car_benefit .list_main_benefit > li .logobox { width:56px; height:56px;margin-right:16px;}
.car_benefit .box_carbuy_benefit {padding:40px 24px; background-color:#fafafa;}
.car_benefit .box_carbuy_benefit .list_type2 .tit_btn {display:block; margin-bottom:17px;}
/* 이달의 신차 구매 혜택 */
.car_benefit .list_type5.ben_carbuy > li { min-height:102px;padding:16px 0; border:none;}
.car_benefit .list_type5.ben_carbuy > li .imgbox{flex:0 0 56px;width:56px;height:56px;margin-right:12px;}
.car_benefit .list_type5.ben_carbuy > li .imgbox{flex:0 0 56px;width:56px;height:56px;margin-right:12px;}
.car_benefit .plus_benefit {position:relative; padding:16px 16px 12px; margin-top:36px;}
.car_benefit .plus_benefit .ico_plus {position:absolute; top:-12px; left:50%; width:24px; height:24px; margin-left:-12px;}
.car_benefit .box_simulation .img {margin:56px 0 54px;}
.car_benefit .box_simulation .select_car {position:relative;display:flex; justify-content:space-between;}
.car_benefit .box_simulation .btn_type {position:absolute;top:0;right:-3px;padding-right:12px;padding-left:12px;white-space:nowrap;}
.car_benefit .ben_graph {margin-top:40px;}
.car_benefit .ben_graph .graphbox + .graphbox {margin-top:45px;}
.car_benefit .ben_graph .graphbox .total {display:flex; align-items:center; justify-content:space-between; padding:6px 0;}
.car_benefit .ben_graph .graphbox .progressbox{margin-top:12px;}
.car_benefit .ben_graph .graphbox .progressbar{display:flex;height:8px;}
.car_benefit .ben_graph .graphbox .progressbar>li{height:100%;}
.car_benefit .ben_graph .graphbox .progressbar>li:first-child{border-radius:16px 0 0 16px;}
.car_benefit .ben_graph .graphbox .progressbar>li:last-child{border-radius:0 16px 16px 0;}
.car_benefit .ben_graph .graphbox .progresslistbox{margin-top:20px;}
.car_benefit .ben_graph .graphbox .progresslistbox>li{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.car_benefit .ben_graph .graphbox .progresslistbox>li+li{border-top:1px solid #ebebeb;} /* 2022-01-17 Q10086: 하단 border 제거 */
.car_benefit .ben_graph .graphbox .progresslistbox>li .colorbox{display:flex;align-items:center;}
.car_benefit .ben_graph .graphbox .progresslistbox>li .colorbox>i{flex:0 0 14px;width:14px;height:14px;margin-right:8px;border-radius:4px;}
.modal_benefit .list_rdo_car .rdoitem01 + .rdoitem01 {margin-top:32px;}
/* 2022-01-17 Q10510 아코디언 사이간격 예외사항 추가 */
.car_benefit .box_use01._type2 + .box_use01._type2 {margin-top:24px !important;}

.box_card_info {padding:23px 0 19px;}
.box_card_info .cardimg {width:32px; height:50px; margin-right:12px;}

/* 전용카드 혜택 */
.box_card_info > ul > li {padding:23px 0 19px;}
.modal_carbuy .point_infolist .box_tit {margin-bottom:12px;}
.modal_carbuy .point_infolist .logo {width:200px; height:64px; margin-bottom:24px;}
.modal_carbuy .point_infolist .sub_cont .tit {margin-bottom:16px;}
.modal_carbuy .point_infolist .sub_cont dl + dl {margin-top:32px;}
.modal_carbuy .point_infolist .sub_cont dl dt {margin-bottom:8px;}
.modal_carbuy .point_infolist .sub_cont dl dd .box_bul {margin-top:6px;}
.modal_carbuy .point_infolist .sub_cont dl dd .box_btn {margin-top:12px;}

/* 세이브-오토 계산기 */
.modal_ben_saveauto .box_saveauto_calc > div + div {margin-top:50px;}
.modal_ben_saveauto .box_saveauto_calc div > .tit, .modal_ben_saveauto .box_result .tit {margin-bottom:12px;}
.save_auto_banner .bg_box { margin-top: 40px; background-color: #2ed77c; width: 100%; border-radius: 8px; padding: 12px 16px 12px 24px; display: flex; align-items: center; justify-content: space-between; } /* 2025-03-11 Q11817 디자인 수정에 따른 스타일 추가 */


/* 현대자동차,기아 자동차 구매 혜택 */
.box_ben_carbuy h4.tit {margin-top:78px;}
.list_ben_carbuy > li + li { padding-top:28px;margin-top:40px; border-top:1px solid rgba(0,0, 0, 0.12);} /* 2023-01-06 Q20016 차종 리스트 구분선 추가 위해 padding-top, border-top 추가 */
.list_ben_carbuy .top_car_info {display:flex; align-items:center; justify-content:space-between;}
.list_ben_carbuy .top_car_info + .box_bul {margin-top:12px;}

/* 해외이용혜택 */
.overseas_eventlist._no {padding: 120px 0 183px;}
/* .overseas_eventlist._no .wh120 + p {margin-top: 40px;} */

.box_top_tit {padding: 40px 6.4% 0;}
.box_top_tit + .tab_container {margin-top: 28px;}
.box_info_item > .tit + .classben_icobox, .box_info_item > .tit + .classben_list {margin-top: 24px;}

/* 2022-01-11 Q10510 카드정렬형태 수정 */
.slide-cardlist {padding: 0 24px;}
.tab_cardlist {display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; flex-wrap: wrap; text-align: center;}
.tab_cardlist > li {align-items: center; width: calc((100% - 4px)/2); height: 76px; padding: 5px 0 0 0; margin-top: 4px; border: 1px solid #ebebeb; border-radius: 4px; text-align: center;}
.tab_cardlist > li .txt_name {font-size: 12px;}
.tab_cardlist > li > a > img {width: 80px; height: 43px;}
.tab_cardlist > li:nth-child(1), .tab_cardlist > li:nth-child(2) {margin-top:0;}
.tab_cardlist > li:nth-child(even) {margin-left: 4px;}
.tab_cardlist > li.curr {border: 2px solid #000;}
.tab_cardlist > li.curr .txt_name {font-weight: 700;}

.classben_icobox .dpfx_align_c + .dpfx_align_c {margin-left: 24px;}
.classben_icobox .classben_ico {flex: 0 0 24px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 24px 24px;}
.classben_icobox .classben_ico + .p1_m_lt_1ln {margin-left: 4px;}
.classben_icobox .classben_ico._i {background-image: url(/docfiles/resources/mo/images/ben/ico_circle_i.png);}
.classben_icobox .classben_ico._s {background-image: url(/docfiles/resources/mo/images/ben/ico_circle_s.png);}
.classben_icobox .classben_ico._p {background-image: url(/docfiles/resources/mo/images/ben/ico_circle_p.png);}
.classben_icobox .classben_ico._w {background-image: url(/docfiles/resources/mo/images/ben/ico_circle_w.png);}
.classben_icobox .classben_ico._d {background-image: url(/docfiles/resources/mo/images/ben/icon_circle_d.png);} /* 2024-10-08 GGU282 - 추가 */
.classben_icobox + .classben_list {margin-top: 24px;}

.classben_list + .classben_list {margin-top: 32px;}
.classben_list .list_tit {margin-bottom:8px;}
.classben_list .list_type6 > li {padding: 14px 0; border-bottom:1px solid rgba(0,0,0,0.04);}
.classben_list .list_type6 > li .cont2 .classben_ico + .classben_ico {margin-left: 4px;}
.classben_icobox + .tbl_type3 {margin-top: 16px;}

/* 클럽서비스 //2022-04-04 GGU477 레이아웃 수정 : [혜택]클럽서비스 컨텐츠 레이아웃 수정 요청의 건 */
.club_serv .sub_sec > .items .img {margin-top: 20px;}
.club_serv .sub_sec > .items.hotel .img{margin-right: -24px;}
.club_serv .sub_sec > .items.goumet {margin-top: 84px;}
.club_serv .sub_sec > .items.goumet .img {margin-left: -24px;}
.club_serv .subtab_default{position:relative;padding-top:24px;}
.club_serv .gourmet_bannerbox.tp1{flex-direction:column;justify-content:center;width:calc(100% + 48px);height:auto;padding:40px 0;margin-left:-24px;border-radius:0;}
.club_serv .search_view{margin-top:64px;}
.club_serv .search_view .img{width:calc(100% + 48px);margin-left:-24px;}
.club_serv .list_searchgm_result>li{display:flex;margin-top:32px;}
.club_serv .list_searchgm_result>li + li{margin-top:44px;}
.club_serv .list_searchgm_result>li .ico_number{display:flex;justify-content:center;width:32px;height:32px;padding-top:6px;margin-right: 4px;background:url('/docfiles/resources/pc/images/ben/bg_wt.png') no-repeat;background-size:32px 32px;}

.category{display:flex;align-items:center;justify-content:center;height:40px;}
.category .items{display:flex;align-items:center;justify-content:center;height:48px;margin:0 2px;}
.category .items input + label{position:relative;display:flex;align-items:center;height:32px;padding:0 10px;color:#858585;font-size:16px;font-weight:700;}
.category .items input:checked + label{color:#000;}
.category .items input:checked + label:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:1px solid #000;border-radius:20px;content:'';}

.clubserv_card {display:flex; align-items:center; height:52px; padding:15px 0;}
.clubserv_card .items{display:flex;align-items:center;justify-content:center;height:22px;margin:0 2px;}
.clubserv_card .items input + label{position:relative;display:flex;align-items:center;padding:0 12px;color:#858585;font-size:16px;font-weight:700;}
.clubserv_card .items input:checked + label{color:#000;}
.clubserv_card .items input + label:before{position:absolute;top:5px;left:0;width:1px;height:12px;background:#e0e0e0;content:'';}
.clubserv_card .items:first-child input + label {padding:0 12px 0 0;}
.clubserv_card .items:first-child input + label:before {display:none;}
.clubserv_card + .slide-mcard-container {padding-left: 0;}

.club_serv .slide-mcard-container{z-index:-1;height:0;padding-left:0;margin-right:-24px;opacity:0;}
.club_serv .slide-mcard-container.active{z-index:0;height:auto;margin-top:20px;opacity:1;}
.club_serv .slide-mcard-container .item-mcard p {white-space:inherit;}
.club_serv .slide-mcard-container .item-mcard:last-of-type{margin-right:42px;}
.club_serv h2.headline{padding:12px 0 16px;}
.club_serv h2.headline + p + .box_btn{margin-top:12px;}
.club_serv h3.headline{padding-top:24px;border-top:1px solid #ccc;}
.club_serv h3.headline + .tit{margin-top:40px;}
.club_serv .tit + .radio_box , .club_serv .tit + .box_input01 , .club_serv .tit + .hds_box_in , .club_serv .tit + .check_con, .club_serv .tit + .text_con{margin-top:12px;}
.club_serv .tit + .hds_box_in .box_select , .modal_pop .hds_box_in .box_select {display:flex;align-items:center;height:48px;border:2px solid #000;border-radius:4px;}
.club_serv .tit + .hds_box_in .box_select select, .modal_pop .hds_box_in .box_select select{padding:0;padding:0 12px;font-size:16px;font-weight:700;}
.club_serv .check_con{display:flex;}
.club_serv .text_con textarea{display:block;width:100%;height:200px;padding:12px;border:1px solid #ebebeb;}
.check_gray{padding:17px 12px;border-radius:8px;background:rgba(0,0,0,.04);}

.banner_sec{margin-top:124px;}
.banner_sec .alink{margin-top:12px;}
.itembanner{padding:19px 0;border-top:1px solid #e0e0e0;}
.searchbox .box_input01 .input_cell_box .box_btn{top:0;}
.sub_benefit .notice_list .box_use01 .btn_tit01 .accodBtn { padding: 20px 24px 20px 0; }
.notice_list > li + li{ margin-top: 24px; }
.sub_benefit .notice_list .box_use01 .accodSlide{ padding-top: 0; margin-top: 20px; }

.radio_box{display:flex;flex-wrap:wrap;width:100%;}
.radio_box li{flex:1 1 auto;margin-right:4px;}
.radio_box.row2 li{width:calc(50% - 2px);}
.radio_box.row2 li input + label{position:relative;display:flex;align-items:center;justify-content:center;height:48px;color:#858585;font-size:16px;}
.radio_box.row2 li input + label:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:1px solid #ebebeb;border-radius:8px;content:'';}
.radio_box.row2 li input:checked + label{color:#000;font-weight:700;}
.radio_box.row2 li input:checked + label:before{border-width:2px;border-color:#000;}
.radio_box.row2 li:nth-child(2n){margin-right:0;}
.radio_box.row2 li:nth-child(n+3){margin-top:4px;}
.clubservice-container{position:relative;}
.alli .tab_default > a{position:relative;}
.alli .tab_default > a.current > span{display:flex;}
.alli .tab_default > a  > span{position:absolute;top:-15px;left:0;display:none;justify-content:center;width:90px;height:20px;border-radius:20px;background:#f18a00;}
.ico_end{position:absolute;top:8px;left:8px;display:flex;align-items:center;height:20px;line-height:16px;padding:0 6px;border-radius:20px;color:#fff;background:#000;font-size:13px;}

/* 클럽서비스 추가 GGCZ06 */
.club_serv p + .list_type {margin-top: 80px;}
.club_serv .list_type {border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12);}
.club_serv .list_type > li { display: flex; padding: 14px 0;border: none;}
.club_serv .list_type > li .tit {min-width: 77px;}

.club_serv .gourmet_bannerbox { display: flex; align-items: center; flex-direction: column; justify-content: center;width: 100%; height:232px; padding: 40px 16px; background: #000;}
.club_serv .gourmet_bannerbox .img_hyappico {flex: 0 0 56px; width: 56px; height: 56px;}
.club_serv .gourmet_bannerbox .box_btn > [class^="btn"][class*="32_"] { padding: 6px 11px; }

/*masonry*/
.alli_list ul{display:flex;flex-wrap:wrap;}
.grid_list, .alli_list ul{width:calc(100% + 12px);margin:0 -6px;} /*넓이338px*/
.grid_list li, .alli_list ul li{position:relative; width:calc(50% - 6px); /*margin:0 6px;*/ } /*width:48.2248%;*/
.grid_list li:nth-child(even), .alli_list ul li:nth-child(even) {margin-left:12px;}
.grid_list li:nth-child(n+3), .alli_list ul li:nth-child(n+3){margin-top:24px;}
.alli_list ul li .grid_image { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; align-items: center; justify-content: center; width:100%; border-radius: 16px;}
.alli_list ul li .grid_image img { width: 100%; height: 100%; border-radius: inherit; }
@media all and (max-width:374px) {
    .grid_list li, .alli_list ul li { align-items: start;width:100%; margin-top:0 !important; margin-bottom:24px;}
    .grid_list li, .alli_list ul li:last-child {margin-bottom:0;}
    .grid_list li:nth-child(even), .alli_list ul li:nth-child(even) {margin-left:0;}
}

.list_cbcard{display:flex;flex-wrap:wrap;}
.list_cbcard li{width:calc((100% - 24px)/4);margin-top:24px;margin-right:8px;}
.list_cbcard li:nth-child(4n){margin-right:0;}
.list_cbcard li .txt_cardname{margin-top:8px;text-align:center;font-size:12px;font-weight:700;}

/* H-Coin */
.h_coin .con1 {margin-top: 45px;}
.h_coin .con2 {margin-top: 64px;}
.h_coin .con1 .img, .h_coin .con2 .img { padding: 40px; margin-top: 20px;text-align: center;}
.h_coin .con2 .img { padding: 0 20px 0 60px; }
.h_coin .con1 .img img, .h_coin .con2 .img img { width: 100%; }
.h_coin .hcoin_use_list {margin-top: 16px;}
.h_coin .hcoin_use_list li { position: relative;display: flex; align-items: center; padding: 17px 16px; border-radius: 8px; background: #e0e0e0;}
.h_coin .hcoin_use_list li > .svg {width: 24px; height: 24px;}
.h_coin .hcoin_use_list li > .img { flex: 0 0 24px; width: 24px; height: 24px; }
.h_coin .hcoin_use_list li > p {display: block; width: 100%; margin-left: 9px;}
.h_coin .hcoin_use_list li > p span {display: block; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) right 1px no-repeat; background-size: 24px;}
.h_coin .hcoin_use_list li + li {margin-top: 12px;}
.h_coin .login { padding: 7.47% 6.4% 6.4%; margin-bottom: 16px; border-bottom: 8px solid rgba(0,0,0,0.04); }
.h_coin .login .info_tip { display: flex; align-items: center; }
.h_coin .login .info_tip .wrap_tooltip { margin-right: 2px; }
/* 2022-08-31 GGU282 [혜택] H-Coin 혜택 메뉴 UXUI 개선 요청 - 추가 */
.h_coin .login2 {padding-top:40px;}
.h_coin .login2 .h1_eb {margin-right:4px;letter-spacing:-0.2px;font-family:'YouandModern';font-weight:800;}
.h_coin .login2 .info_tip {display:flex;align-items:center;}
.h_coin .login2 .info_tip .wrap_tooltip {margin-right:2px;}
.h_coin .con4 {padding:40px 24px;}
.h_coin h4 + .hcoin_use_list.type2 {margin-top:24px;}
.h_coin .hcoin_use_list.type2 li {padding:15px 16px;background:#ebebeb;}

/* H-Coin 팝업 */
.grade_terms_box > p {padding: 0 24px;margin-bottom: 20px;}
.grade_terms_box .h3_tit_2, .grade_terms_box .h3_tit_5, .grade_terms_box .list_style, .grade_terms_box .list_info_8 {padding: 0 24px;}
.grade_terms_box .h3_tit_2 { line-height: 22px;margin-top: 36px;font-size: 16px; font-weight: 700;}
.grade_terms_box .h3_tit_5 { line-height: 26px;margin-top: 56px;font-size: 20px; font-weight: 700;}
.grade_terms_box .list_style, .grade_terms_box .h3_tit_2 + .txt, .grade_terms_box .list_info_8 > li .txt_1 + .txt_2 {margin-top: 12px;}
.grade_terms_box .list_style li + li, .grade_terms_box .list_info_8 li + li {margin-top: 24px;}
.grade_terms_box .list_style + .txt {line-height: 26px;margin-top:24px;color: #5c5c5c;text-align: right;font-size: 14px;}
.grade_terms_box .list_info_8 {margin-top: 20px;}
.grade_terms_box .list_info_8 + .list_style {margin-top: 56px;}
.grade_terms_box .list_info_8 + .list_style > li {line-height: 26px;color: #949494;font-size: 14px;}
.grade_terms_box .list_info_8 + .list_style > li + li {margin-top: 4px;}

.grade_terms_box .box_progress_agree {display: flex;}
.grade_terms_box .box_progress_agree li {width: 20%;margin-top: 0; text-align: center;}
.grade_terms_box .box_progress_agree li .txt { position: relative;display: inline-block; line-height: 22px; padding-top: 8px; margin-bottom: 12px; color: #000; font-size: 12px; font-weight: 500;}
.grade_terms_box .box_progress_agree li .txt.on { padding: 4px 7.5px; border-radius: 8px; color: #fff; background: #000;font-weight: 700;}
.grade_terms_box .box_progress_agree li .txt.on:after { position: absolute; bottom: -4px; left: 50%; width: 0px; height: 0px; border-top: 8px solid #000;  border-right: 8px solid transparent; border-left: 8px solid transparent;content: ''; transform: translateX(-50%);}
.grade_terms_box .box_progress_agree li .box_color {height: 8px;}
.grade_terms_box .box_progress_agree li .box_color._n1 {background: #019dc2;}
.grade_terms_box .box_progress_agree li .box_color._n2 {background: #52b148;}
.grade_terms_box .box_progress_agree li .box_color._n3 {background: #edc11b;}
.grade_terms_box .box_progress_agree li .box_color._n4 {background: #ef812d;}
.grade_terms_box .box_progress_agree li .box_color._n5 {background: #e02e27;}
.grade_terms_box .box_progress_agree li:first-of-type .box_color {border-radius: 2px 0 0 2px;}

.calcul{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 36px;margin-top: 9px;}
.calcul > p{display:flex;align-items:center;}
.calcul > .box_btn a + a{position:relative;padding-left:13px;margin-left:12px;}
.calcul > .box_btn a + a:before{position:absolute;top:5px;left:0;display:block;width:1px;height:10px;background:#e0e0e0;content:'';}
.calcul > p:before{display:block;width:6px;height:6px;margin-right:9px;border-radius:100%;content:'';}
.calcul > .lv1:before{background:#019dc2;}
.calcul > .lv2:before{background:#008c15;}
.calcul > .lv3:before{background:#fbff00;}

/* Q10086 추가 */
.box_title01 {margin-bottom:20px;}
.box_title02 {margin-bottom:12px;}
.box_table > .tbl_title {margin-bottom:8px;}
.box_table + .box_bul {margin-top:12px;}
.box_bundle + .box_bundle {margin-top:56px;}
.ben_bundle + .ben_bundle {margin-top:64px;}
.box_item + .box_item {margin-top:32px;}
.box_item > strong {display:block; margin-bottom:12px;}
.box_item > .bul_list > li > ul,
.box_item > .dash_list02 li + li, .box_item > .bul_list02 li + li {margin-top:4px;}
.listitem .tit {margin-bottom:12px;}
.listitem ul li + li,
.listitem ul > li > ul,
.listitem ul + ul {margin-top:4px;}
.line_list > li {display:table; width:100%; padding:13px 0; table-layout:fixed;}
.line_list > li > .tit, .line_list > li > .txt {display:table-cell; width:50%; vertical-align:middle;}
.line_list02 > li {display:flex; justify-content:space-between; padding:17px 0;}
.line_list02 > li + li {border-top:1px solid rgba(0, 0, 0, .04);}
.line_list02 > li.line {border-bottom:1px solid rgba(0, 0, 0, .04);}
.sub_benefit .box_banner { padding: 0; margin-top: 80px; text-align: left; }
.sub_benefit .box_banner > .item_banner {display:flex; align-items:center; padding:20px 16px; border-radius:8px; background-color:#f5f5f5;}
.sub_benefit .box_banner > .item_banner + .item_banner {margin-top:8px;}
.sub_benefit .box_banner > .item_banner .icon {width:64px; height:64px; margin-right:12px;}
.sub_benefit .box_banner > .item_banner .icon .svg { width: 64px; height: 64px; }
.sub_benefit .box_banner > .item_banner .link {margin-top:12px;}
.sub_benefit .box_banner > .item_banner.type03 .link {margin-top:10px;}
.sub_benefit .box_banner > .item_banner.type02 {display:flex; align-items:flex-start; padding:24px 16px; border-radius:12px; background-color:#f5f5f5;}
.sub_benefit .box_banner > .item_banner.type02 .icon {flex: 0 0 63px; width: 63px; height: 40px; margin-top: 8px; margin-right: 20px;}
.sub_benefit .box_banner > .item_banner.type03 { position: relative; align-items: flex-start; flex-direction: column; min-height: 204px; padding: 20px; }
.sub_benefit .box_banner > .item_banner.type03 .icon { position: absolute; right: 20px; bottom: 20px; height: 40px; margin-right: 0; margin-left: auto; }
.sub_benefit .benefit_banner > .item {position:relative; width:100%; min-height:180px; padding:20px; border-radius:8px; background:#f5f5f5; word-wrap: break-word; word-break: keep-all; }
.sub_benefit .benefit_banner > .item .last {position: absolute;margin-top:12px;}
.sub_benefit .benefit_banner > .item .box_icoimg { width:64px; height:64px; margin-left: auto; }
.sub_benefit .benefit_banner > .item .box_icoimg .svg { width:64px; height:64px; }
.sub_benefit .blk_num_list.stype > li { line-height: 22px;padding-left: 24px; font-size:14px; font-weight: 700;}
.sub_benefit .blk_num_list.stype > li + li {margin-top: 12px;}
.sub_benefit .blk_num_list.stype > li:before {top: 3px; width: 16px; height: 16px; line-height: 16px; font-size: 10px;}
.sub_benefit .box_banner > .item_banner.type04 {display:flex; align-items:center; padding:22px 24px; border-radius:8px; background-color:#f5f5f5;}

/* X혜택 - Q10086 */
.sub_benefit.x_benefit .point_box {padding:24px 29px;}
.sub_benefit.x_benefit .point_box > * {display:block;}
.sub_benefit.x_benefit .point_box > a { display: inline-flex; align-items: center; }
.sub_benefit.x_benefit .point_box > a > strong + span {line-height: 44px; margin-left: 0.2em;letter-spacing: -0.2px;font-family: 'YouandiNewKr';font-size: 34px;}/* 2024-04-03 Q20542 앱에서 정렬이 맞지 않아 수정 */
.sub_benefit.x_benefit .point_box > a > strong.won { margin-top: 2px;}/* 2024-04-03 Q20542 앱에서 정렬이 맞지 않아 수정 */
.sub_benefit.x_benefit .point_box.btm_line {border-bottom:8px solid #f5f5f5;}
.sub_benefit.x_benefit .benefit_sec {padding-top: 8.534%;}
.sub_benefit.x_benefit .point_box + .benefit_sec {padding-top: 10.67%;}

.sub_benefit.x_benefit .xben_img {max-width:180px;}
.sub_benefit.x_benefit .btn_section > .box_btn {display:flex; justify-content:space-between;}
.sub_benefit.x_benefit .btn_section > .box_btn > a {width:calc((100% - 8px)/2);}
.sub_benefit.x_benefit .xcash_error { margin-top:12px;color:#ff0000;}
/* 결제은행 선택 selectbox */
.sub_benefit .box_select.paybank > a  {position:relative; display:block; width:100%; line-height:26px; padding:21px 35px 9px 0; border:0; outline:0; color:rgba(0,0,0,0.80); background:#fff; text-overflow:ellipsis; white-space:nowrap; font-size:20px; -webkit-appearance:none; appearance:none;}

/* 클럽서비스 */
.sub_clubserv .clubserv_sec > * {padding:0 24px;}
.sub_clubserv .box_top_clubserv > * {padding:0 24px;}
.sub_clubserv .box_top_clubserv .tit h3 {margin-top: 8px;}
.sub_clubserv .box_top_clubserv .full_img {padding:0;}
.sub_clubserv .slide_con { width:100%;padding:0; margin:40px 0;}
.sub_clubserv .slide_con .slide-clubserv-container {padding:0 16px;}
/* .sub_clubserv .box_use01 .list_useinfo {margin-top:48px;} */
.sub_clubserv .listitem + .listitem {margin-top:48px;}
.sub_clubserv .box_info01 .listitem + .listitem {margin-top:28px;}
.sub_clubserv .listitem .cont p + ul {margin-top:8px; color:#5c5c5c;}
.sub_clubserv .listitem .num_list02 > li {position:relative; line-height:22px; padding-left:16px; color:#5c5c5c; font-size: 14px;}
.sub_clubserv .listitem .num_list02 > li span.num {position:absolute; left:0;}
.sub_clubserv .listitem.bd_t1_a12 {padding-top:48px;}
.sub_clubserv .card_list .list_cbcard {display:flex; flex-wrap:wrap; justify-content: flex-start; margin:0 18px;}
.sub_clubserv .card_list .list_cbcard li {width:calc((100% - 104px)/3);margin:40px 52px 0 0;}
.sub_clubserv .card_list .list_cbcard li:nth-child(3n) {margin-right:0;}
/* .sub_clubserv .card_list .list_cbcard li .cardimg {width:64px; height:100px; margin:0 auto;}
.sub_clubserv .card_list .list_cbcard li .cardimg + p {margin-top:8px;} */
.slide-clubserv-container .item-clubserv, .slide-clubserv-container2 .item-clubserv {width:223px; height:150px;}
.slide-clubserv-container .item-clubserv .img_clubserv,
.slide-clubserv-container2 .item-clubserv .img_clubserv { overflow: hidden; width: 223px; height: 150px; border-radius: 8px; }
.slide-clubserv-container .item-clubserv .img_clubserv img,
.slide-clubserv-container2 .item-clubserv .img_clubserv img { width: 100%; height: 100%; }
.slide-clubserv-container .item-clubserv .img_clubserv.type2 { border-radius: 0; }
.sub_clubserv .swiper-pagination {position:relative; margin-top:24px;}
.sub_clubserv .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:6px;}
.sub_clubserv .swiper-pagination-bullet-active {background:#000;}

/* star,gold friendship - Q10086 */
.sub_friendship .box_top_tit {padding:44px 24px;}
.sub_friendship_gold .box_top_tit, .sub_friendship_star .box_top_tit {padding:44px 24px 36px;}
.sub_friendship._gold .box_top_tit,
.sub_friendship._gold .list_benefit .num_list_bg > li:before {background:#B48F42;}
.sub_friendship._star .box_top_tit,
.sub_friendship._star .list_benefit .num_list_bg > li:before {background:#4D4D4F;}
.sub_friendship._gold .title_member {color:rgba(0,0,0,1);}
.sub_friendship._star .title_member {color:rgba(255,255,255,1);}
.sub_friendship .title_member >  * {display:block;}
.sub_friendship .title_member > strong{line-height:36px;font-size:28px;font-weight:700;}
.sub_friendship .title_member > .txt1{line-height:26px;margin-top:16px;font-size:16px;font-weight:500;}
.sub_friendship .title_member .membership{line-height:26px;margin-top:42px;font-size:20px;font-weight:700;}
.sub_friendship .title_member .membership_num{line-height:36px;padding:18px 0;margin-top:12px;border-radius:8px;background:rgba(255,255,255,0.12);text-align:center;font-size:28px;font-weight:700;}
.sub_friendship .box_top_img {width:100%; /*background:rgba(0,0,0,0.04);*/}
.sub_friendship .list_benefit {padding:40px 0; border-bottom:1px solid #e0e0e0;}
.sub_friendship .list_benefit .num_list_bg {counter-reset:num;}
.sub_friendship .list_benefit .num_list_bg > li {position: relative; padding-left: 28px; counter-increment:num;}
.sub_friendship .list_benefit .num_list_bg > li:before { position: absolute; top:4px; left: 0; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; color: rgba(255,255,255,1); background:rgba(0,0,0,1);content: counter(num); text-align: center; font-size: 12px; font-weight: 700;}
.sub_friendship .list_benefit .num_list_bg > li + li {margin-top:28px;}
.sub_friendship .list_benefit .num_list_bg > li .tit {margin-bottom:8px;}
.sub_friendship .pst_ab_noticebox { justify-content:flex-end;margin-top:12px;}
.sub_friendship .pst_ab_noticebox + .list_benefit {padding-top:36px;}
.sub_friendship .pst_ab_noticebox .ico_alert {display:inline-block; width:16px; height:16px; margin-top:2px; margin-right:4px; background-color:#000; background-image:none; -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.svg); mask-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.svg); -webkit-mask-size:16px; mask-size:16px;}
.sub_friendship .box_notice {margin-top:64px;}
.sub_friendship .box_title01 > .textbico_mide_blk {display:block;}
.modal_stargold .box_item .bul_txt02, .modal_stargold .box_item .bul_list02 > li {color:rgba(0,0,0,1);}
.modal_stargold .box_item .img_level {width:56px; height: 28px;}
.modal_stargold .level_list li {display:flex; align-items:center;}
.modal_stargold .level_list li + li {margin-top:20px;}
.modal_stargold .level_list li .img {width:56px; height:28px; margin-right:12px;}
.modal_stargold .bul_list02.stargold li {display:flex; justify-content:space-between;}
.modal_stargold .bul_list02.stargold li + li {margin-top:8px;}
.modal_stargold .bul_list02.stargold li > p {width:50%; color:rgba(0,0,0,1);}
.modal_stargold .bul_list02.stargold li .icobox {height:28px;}
.modal_stargold .bul_list02.stargold li .icobox > .ico_level {width:56px; height:28px;}
.modal_stargold .bul_list02.stargold li .icobox > .ico_level.star {background-image:url('/docfiles/resources/mo/images/com/label/ico_star.png'); background-repeat:no-repeat; background-size:56px 28px;}
.modal_stargold .bul_list02.stargold li .icobox > .ico_level.gold {background-image:url('/docfiles/resources/mo/images/com/label/ico_gold.png'); background-repeat:no-repeat; background-size:56px 28px;}

/* privia, moma - Q10086 추가 */
.sub_benefit .main_sec {padding:24px 0;}
.sub_benefit .main_sec > * {padding:0 24px;}
.sub_benefit .main_sec .full_img {padding:0; margin-top:24px;}
.sub_benefit .list_privia > li {display:flex; align-items:center;}
.sub_benefit .list_privia > li .icobox {width:60px; height:60px; margin-right:8px;}
.sub_benefit .list_privia > li .bul_list > li { line-height:22px;font-size:14px;}
.sub_benefit .list_privia > li + li {margin-top:20px;}
.sub_benefit .privia_notice .dash_list03 {margin-top:4px;}
.sub_benefit .privia_notice .dash_list03 > li {color:rgba(0,0,0,.48);}
.sub_benefit .privia_notice .bul_list02.bd_t1_a12 {padding-top:24px; margin-top:56px;}
.sub_benefit .line_list.moma > li {padding:14px 12px;}
.sub_benefit .line_list.moma > li + li {border-top:1px solid #f5f5f5;}
.sub_benefit .line_list.moma > li .tit {width:84px; vertical-align:top;}
.sub_benefit .line_list.moma > li .txt {width:auto;}
.sub_benefit .line_list.moma > li.img_moma {display:block;}
.sub_benefit .line_list.moma > li.img_moma .tit, .line_list.moma > li.img_moma .txt{display:block; width:100%;}

/* 2023-05-15 GGU282 - 추가 */
.sub_benefit .list_privia2 {border-top:1px solid rgba(0,0,0,0.08);}
.sub_benefit .list_privia2 > li {display:flex;padding:17px 0;border-bottom:1px solid rgba(0,0,0,0.08);}
.sub_benefit .list_privia2 > li .icobox {width:60px;height:60px;margin-right:16px;}

/* 이벤트 리스트 검색 : Q10510 추가 */
.search_enter .input_cell.h4_m input[class*="input_txt"]::placeholder { line-height:26px; color: rgba(0,0,0,0.40); letter-spacing:0; font-size: 20px;}
.search_nobox {padding:178px 0 191px;}

/* 이벤트 상세 - Q10071 추가 */
.sub_benefit .mpoin_use .box_top_tit { z-index: 0; height:250px; }
.sub_benefit .mpoin_use .box_logoimg {position:absolute;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;width:120px;height:46px;}
.sub_benefit .mpoin_use .box_logoimg  >img{width:auto;height:100%;}
.sub_benefit .mpoin_use ul > li .bul{display:none;}
.sub_benefit .mpoin_use ul.tip-con > li{line-height:26px;font-size:20px;}
.sub_benefit .mpoin_use ul.tip-con > li + li{margin-top:48px;}
.sub_benefit .mpoin_use ul:not([class^="bul"]):not([class^="dash"]):not(.tip-con):not(.ev_icolist) > li + li{margin-top:24px;}
.sub_benefit .mpoin_use ul > li > ul{margin-top:4px;}
.sub_benefit .mpoin_use ul > li > ul:not([class^="bul"]):not([class^="dash"]) > li{line-height:22px;font-size:16px;font-weight:500;}
.sub_benefit .mpoin_use ul > li.last{overflow:hidden;margin-top:40px;text-indent:-999999999px;}
.sub_benefit .mpoin_use ul > li.last > ul{margin-top:0;text-indent:0;}
.sub_benefit .mpoin_use ul > li.last > ul > li{position:relative;line-height:22px;padding-left: 8px;color:#5c5c5c;font-size:14px;font-weight:500;}
.sub_benefit .mpoin_use ul > li.last > ul > li + li{margin-top:6px;}
.sub_benefit .mpoin_use ul > li.last > ul > li::before{position:absolute;top:10px;left:0;display:inline-block;width:2px;height:2px;border-radius:100%;background:#949494;content:'';}

/* 이벤트 상세 - Q10293 추가 */
.sub_benefit .mpoin_use { word-wrap: break-word; word-break: keep-all; }
.sub_benefit .mpoin_use .box_top_tit { background: #fafafa no-repeat center; }
.sub_benefit .title_box {position:absolute;z-index:10;top:16%;left:6.4%;}
.sub_benefit .mpoin_use.type_prev .box_top_tit { background: no-repeat center; }
.sub_benefit .mpoin_use.type_prev .box_top_tit::after { position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.64); content: ""; }
.sub_benefit .mpoin_use.type_prev .box_top_tit .box_logoimg { display: none; opacity: 0; }
.sub_benefit .mpoin_use .ev_table { position: relative; overflow-x: auto; padding-left: 24px; margin: auto -24px; }/* 2022-11-03 Q10803 모바일에서 좌우스크롤 생겨 7.34% -> 24px 고정픽셀로 변경 */
.sub_benefit .mpoin_use .ev_table + .ev_table { margin-top: 48px; }
.sub_benefit .mpoin_use .ev_table table thead th { border-top: 1px solid #000; color: #000; font-weight: 600; }
.sub_benefit .mpoin_use .ev_table table th { font-weight: 600; }
.sub_benefit .mpoin_use .ev_table table th, .sub_benefit .mpoin_use .ev_table table td { padding: 12px; border-bottom: 1px solid #ebebeb; color: rgba(0,0,0,0.64); vertical-align: top; font-size: 14px; }
.sub_benefit .mpoin_use .ev_table .img { position: relative; width: 60px; height: 60px; border-radius: 50%; }
.sub_benefit .mpoin_use .ev_table .img::after { position: absolute; top: 0; left: 0; display: inline-flex; width: 100%; height: 100%; border: 1px solid rgba(0,0, 0, 0.08); border-radius: 50%; content: ""; }/* 2022-08-12 Q20093 border : rgba(0,0, 0, 0.08) 수정 */
.sub_benefit .mpoin_use .ev_table .img img { width: 100%; max-width: 100%; border-radius: inherit; }
/* .sub_benefit .mpoin_use .ev_table.type2 table tr:first-child > * { border-top: 1px solid #000; } Q20084 2022-08-04 이벤트 테이블 구조변경으로인해 주석처리 */ 
.sub_benefit .mpoin_use * + .box_line { padding-top: 12px; border-top: 1px solid #ebebeb; }
.sub_benefit .mpoin_use * + .box_line.type2 { padding-top: 40px; }
/* .sub_benefit .mpoin_use [class*="num"][class*="_txt"] { padding-left: 1.25em; position: relative; }
.sub_benefit .mpoin_use [class*="num"][class*="_txt"]::before { content: ""; position: absolute; left: 0; top: 0; } */
/*.sub_benefit .mpoin_use [class*="num"][class*="_txt01"]::before { content: "①"; }
.sub_benefit .mpoin_use [class*="num"][class*="_txt02"]::before { content: "②"; }
.sub_benefit .mpoin_use [class*="num"][class*="_txt03"]::before { content: "③"; }
.sub_benefit .mpoin_use [class*="num"][class*="_txt04"]::before { content: "④"; }
.sub_benefit .mpoin_use [class*="num"][class*="_txt05"]::before { content: "⑤"; }*//* 2022-07-01 Q20093 추가 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt"] { position: relative; padding-left: 22px; } /* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt"]::before { position: absolute; top: 3px; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #000; border-radius: 50%; content: ""; font-size: 0.7em;}/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt01"]::before { content: "1"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt02"]::before { content: "2"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt03"]::before { content: "3"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt04"]::before { content: "4"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt05"]::before { content: "5"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt"][class*="_black"]::before { color:#fff;background-color:#000;} /* 2022-08-05 Q20098 검은색 동그라미 숫자 스타일 추가 */
.sub_benefit .mpoin_use .ev_icobox { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-top: 36px; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist { display: flex; align-items: center; flex-direction: column; justify-content: center; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.sub_benefit .mpoin_use .ev_icobox .img { position: relative; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li + li,
.sub_benefit .mpoin_use .ev_icobox .img + .img { margin-top: 72px; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li + li::before,
.sub_benefit .mpoin_use .ev_icobox .img + .img::before { position: absolute; top: -48px; left: 50%; display: inline-flex; width: 32px; height: 32px; opacity: .2; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat center / cover; content: ""; transform: translateX(-50%); }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li .img + p,
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li p + p { margin-top: 8px; }
.sub_benefit .mpoin_use .ev_icobox .img, .sub_benefit .mpoin_use .ev_icobox .img .svg { width: 64px; height: 64px; }
.sub_benefit .mpoin_use .logo_tbl table thead th { padding:12px;border-top: 1px solid #000; color: #000; font-weight: 600;}
.sub_benefit .mpoin_use .logo_tbl table th {font-weight: 600;}
.sub_benefit .mpoin_use .logo_tbl table th, .sub_benefit .mpoin_use .logo_tbl table td { padding: 20px 12px; border-bottom: 1px solid #ebebeb; color: rgba(0,0,0,0.64);vertical-align: top; font-size: 14px;}
.sub_benefit .mpoin_use .logo_tbl .img { position: relative;width: 60px; height: 60px; border-radius: 50%;}
.sub_benefit .mpoin_use .logo_tbl .img::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.12); border-radius: 50%;content: "";}
.sub_benefit .mpoin_use .logo_tbl .img img {width:60px; height:60px; border-radius:50%;}

/* 2022-10-26 Q20016 이벤트 카드플레이트 이미지 */
.sub_benefit .ev_card { padding:40px 0 48px; margin: 24px -24px 0 -24px;background:#fafafa;}
.sub_benefit .ev_card .ev_card_img {display: flex; justify-content: center; margin: 32px 0 32px;}
.sub_benefit .ev_card .ev_card_img .img {width: 102px;}
.sub_benefit .ev_card .ev_card_img .img + .img {margin-left: 16px;}
/* //2022-10-26 Q20016 이벤트 카드플레이트 이미지 */

/* 2022-11-23 Q10941 이벤트 혜택 이미지 - 12/7 추가 */
.sub_benefit .bene_icoBox .bene_icolist { position: relative;display: flex; align-items: flex-start;}
.sub_benefit .bene_icoBox li + li {margin-top: 0 !important;}
.sub_benefit .bene_icoBox .bene_icolist .img .svg{ width: 48px; height: 48px;}
.sub_benefit .bene_icoBox .bene_icolist .img + .bene_con {margin-left: 8px;}
.sub_benefit .bene_icoBox .bene_icolist:not(:last-child) .bene_con { width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.08);}
.sub_benefit .bene_icoBox .bene_subTitle {padding-bottom: 12px;  margin-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.12);}
/* //2022-11-23 Q10941 이벤트 혜택 이미지 - 12/7 추가 */

/* 2022-12-02 Q10941 good friendship 이벤트  */
.sub_benefit .gfs_symbolBox {display: flex; align-items: center; flex-direction: column;}
.sub_benefit .gfs_symbolBox .gfs_icon {width: 48px; height: 48px;}
/* //2022-12-02 Q10941 good friendship 이벤트 */


/* 2022-08-03 Q20084이벤트 table */
.sub_benefit .mpoin_use .ev_table.type2 .ev_table { display: inline-block; padding: 0 24px; }
.sub_benefit .mpoin_use .ev_table.type2 table {width: 600px;}
.sub_benefit .mpoin_use .ev_table.type2 table th, .sub_benefit .mpoin_use .ev_table.type2 table td {border-bottom: 1px solid rgba(0,0,0,0.08);}
.sub_benefit .mpoin_use .ev_table.type2 table thead th {border-top: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); font-weight: 700;}
.sub_benefit .mpoin_use .ev_table.type2 table tbody th {padding: 12px; color:#000; font-size:14px; font-weight: 500;}
.sub_benefit .mpoin_use .ev_table.type2 table tbody td { line-height: 22px;padding: 12px; font-size:14px; font-weight: 500;}/* 2022-08-16 Q20093 line-height 추가*/

.sub_benefit .full_img_box .txt {padding:8px 24px 0;}
.sub_benefit .event_link > p, .sub_benefit .event_x_link > p {margin-top:8px;margin-bottom:12px;}
.sub_benefit .event_link a, .sub_benefit .event_x_link a {display:block;margin-top:4px;}
.sub_benefit .event_link a:first-child, .sub_benefit .event_x_link a:first-child {margin-top:0;}
.sub_benefit .number_list > li {position:relative; line-height:22px; padding-left:24px; font-size:16px; font-weight:500;}
.sub_benefit .number_list > li > .num {position:absolute; top:0; left:0;}
.sub_benefit .number_list > li + li {margin-top:8px !important;}
.sub_benefit .number_list > li > .bul_txt {margin-top:4px;}

.card_benefit_use { word-wrap: break-word; word-break: keep-all; }
.card_benefit_use .ev_table2 { position: relative; overflow-x: auto; padding-left: 7.34%; margin: auto -7.34%; }
.card_benefit_use .ev_table2 + .ev_table2 { margin-top: 48px; }
.card_benefit_use .ev_table2 table thead th { border-top: 1px solid #ebebeb; color: #000; font-weight: 600; }
.card_benefit_use .ev_table2 table th { font-weight: 600; }
.card_benefit_use .ev_table2 table th, .card_benefit_use .ev_table2 table td { padding: 12px; border-bottom: 1px solid #ebebeb; color: rgba(0,0,0,0.64); vertical-align: top; font-size: 14px; }

/* club service 가맹점 홈이동 */
.club_home * { word-wrap: break-word; word-break: keep-all; }

/* Q10337 */
/* 클럽 서비스 필터 */
.box_filter {margin-top:20px;}
.box_filter ul {height:32px;}
.box_filter ul:before { display:inline-block; clear:both; width:0; height:100%;content:""; vertical-align:middle;}
.box_filter li { position:relative;display:inline-block; vertical-align:middle;}
.box_filter li ~ li:before { position:absolute; top:10px; left:0; display:block; width:1px; height:12px; background-color:#d6d7d7;content:"";}
.box_filter li.btn_filter {float:right;}
.box_filter li.btn_filter:before {display:none;}
.box_filter li a {display:block; padding:5px 13px; color:#858585;}
.box_filter li a.on {color:#000; font-weight: 600;}
.box_filter li:first-child:before {display:none;}
.box_filter li:first-child a {padding-left:4px;}

/* 클럽 서비스 - 클럽호텔/클럽고메 */
.slide-club-container {padding-bottom:40px;}
.slide-club-container .item-club {width:336px; height:200px;}
.slide-club-container .item-club a {display:block; height:200px; padding:24px; border-radius:10px; background-repeat:no-repeat; background-position:0 0; background-size:336px 200px;}
.slide-club-container .item-club .txt_area p {margin-top:8px;}
.slide-club-container .swiper-pagination{bottom:0;}
.slide-club-container .swiper-pagination-bullet{width:7px;height:7px;opacity:.2;background:#000;}
.slide-club-container .swiper-pagination-bullet-active{opacity:1;}
.slide-club-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}

.category a {position:relative;display:flex;align-items:center;height:40px;padding:0 12px;margin-right:4px;border-radius:20px;color:#999;background:none;cursor:pointer;font-weight:700;}
.category a.current {border:1px solid #000; color:#000;}
.club_serv .category {justify-content:start;}
.club_serv .category a .ing {display:none;}
.club_serv .category a .ing { position:absolute; top:-18px; left:50%;display:block; padding:4px 8px; border-radius:6px; background:#9a0053; transform:translateX(-50%); white-space:nowrap;}
.club_serv .category a .ing::after { position:absolute; bottom:-4px; left:50%; display:block; width:0; height:0; margin-left:-2px; border-top:4px solid #9a0053; border-right:4px solid transparent; border-left:4px solid transparent;content:"";}
.club_serv .category.type2 a .ing { background-color: #f18a00; }
.club_serv .category.type2 a .ing::after { border-top-color: #f18a00; }

/* Q10293 클럽 서비스 */
.slide_con.sub_top { padding-left: 16px; margin-top: 24px; }
.box_banner_bar { display: flex; align-items: center; height: 50px; padding: 5px 8px; border: 1px solid rgba(254,129,3,0.08); border-radius: 8px; background-color: rgba(253,130,4,0.08); }
.box_banner_bar.type2 { border-color: rgba(172,0,102,0.08); background-color: rgba(214,0,159,0.08); }
.box_banner_bar .ico_box { width: 40px; height: 40px; }
.box_banner_bar .ico_box .svg { width: 40px; height: 40px; }
.box_banner_bar .ico_box .svg * { fill: #d03618; }
.box_banner_bar.type2 .ico_box .svg * { fill: #ac0066; }
.box_banner_bar .banner_link { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; color: #d03618; font-weight: 700; }
.box_banner_bar.type2 .banner_link { color: #ac0066; }
.box_banner_bar .banner_link::after { display: inline-flex; width: 24px; height: 24px; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_orange.png)no-repeat center; background-size: cover; content: ""; }
.box_banner_bar.type2 .banner_link::after { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_purple.png); }
.sub_clubserv .box_top_clubserv .end_promotion { color: #949494; }
.sub_clubserv .box_top_clubserv .end_promotion span { display: inline-block; padding: 2px 8px; margin-right: 8px; border-radius: 20px; color: #fff; background-color: #000; }
.modal_pop .area_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.modal_pop .area_wrap .form_items { width: calc((100% - 4px) / 2); }
.modal_pop .area_wrap .form_items.full { flex: 1; width: 100%; }
.modal_pop .area_wrap .form_items:nth-child(n + 3) { margin-top: 16px; }
.modal_pop .area_wrap .form_items .hds_box_in .box_select { border: 1px solid rgba(0,0,0,0.12); }
.modal_pop .area_wrap .form_items .hds_box_in .box_select select { color: rgba(0,0,0,.48); }
.gourmet_top_tit { position: absolute; z-index: 10; top: 63.2%; right:0; left:0;}
.gourmet_top_tit h3 + p { color: #ff9300; }
.list_event.type_gourmet > li { align-items: flex-start; }
.club_serv .alli_list .grid_list .ico_end { background-color: #9a0053; }
.club_serv .alli_list .grid_list .ico_end.bg_orange { background-color: #f18a00; }

.input_cell_box + .box_btn.search { position: absolute; top: 50%; right: 0; margin-top: 4px; transform: translateY(-50%); }
.box_sort_form { text-align: right;  }
.box_sort_form .form_items { display: inline-flex; }
.box_sort_form .form_items .box_select { border-bottom: none; }
.box_sort_form .form_items .box_select select { line-height: 22px; padding: 0 19px 0 10px; font-size: 16px; }
.box_sort_form .form_items .box_select::after { bottom: 50%; width: 16px; height: 16px; background-size: 16px; transform: translateY(50%); }
.input_cell.w100p.type3 { padding-right: 15px; }
.input_cell_box.type_btn .input_cell.w100p {padding-right: 100px;}
.box_input01 .input_cell_box .input_cell.type3 + .box_btn { right: 36px; }
.box_ben_info { padding-top: 40px; background-color: #f5f5f5; }
.box_daily_use > p { padding: 13px 6.4%; }
.box_daily_use .daily_list { display: flex; flex-wrap: wrap; justify-content: center; }
.box_daily_use .daily_list li { position: relative; display: inline-flex; align-items: center; flex-direction: column; justify-content: center; width: calc(100% / 3); width: 33%; padding: 12px 22.5px 9px; }
.box_daily_use .daily_list li .brd_logo { width: 80px; height: 43px; }
.box_daily_use .daily_list + p { margin-top: 2px; opacity: .64; }
.box_daily_use.type2 .daily_list {padding-bottom:12px;background:#fff;} /* 2022-09-07 GGU282 - 추가 */
.box_daily_use.type2 .daily_list li {width:33.3%;padding:12px 0 8px;} /* 2022-08-31 GGU282 - 추가 */

.my_benefit .box_card_wrap .card_area { position: relative; display: flex; align-items: center; height: 100px; border-bottom: 1px solid #ebebeb; }
.my_benefit .box_card_wrap .card_area .img { flex: 0 0 40px; width: 40px; height: 64px; margin-right: 16px; }
.my_benefit .box_card_wrap .card_area .img.v_card_img { flex: 0 0 64px;width: 64px; height: 40px; margin-right:0;transform:rotate(90deg) translate(0, 10px);}
.my_benefit .box_card_wrap .card_area .txt { flex: 1; width: 100%; }
.my_benefit .box_card_wrap .card_area .txt > p + * { margin-top: 3px; }
.my_benefit .box_card_wrap .card_area .txt .inner_txt { display: flex; justify-content: space-between; }
.my_benefit .box_card_wrap .card_area.type_sel .txt {padding-right: 32px;} /* 2024-01-26 GGU282 - 추가 */
.my_benefit .box_card_wrap .card_area.type_sel .txt::after { position: absolute; top: 50%; right: 0; display: inline-flex; width: 32px; height: 32px; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat center; background-size: cover; content: ""; transform: translateY(-50%); }
.my_benefit .category { justify-content: flex-start; height: 32px; padding-left: 4px; }
.my_benefit .category a { display: inline-flex; width: auto; height: 32px; background-color: transparent; transition: all 0.45s; }
.my_benefit .swiper_cont { padding-bottom: 42px; }
.my_benefit .swiper_cont .swiper-pagination-bullet { width: 6px; height: 6px; }
.my_benefit .swiper_cont.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }
.my_benefit .swiper_cont .swiper-pagination-bullet-active { background-color: #000; }
.my_benefit .swiper_cont.swiper-container-horizontal > .swiper-pagination-bullets {bottom:19px;}
.my_benefit .section_wrap { position: relative; }
.my_benefit .section_wrap + .section_wrap { margin-top: 56px; }
.my_benefit .section_wrap::after { position: absolute; bottom: 0; left: 50%; display: inline-flex; width: 87.2%; height: 1px; background-color: #e0e0e0; content: ""; transform: translateX(-50%); }
.my_benefit .noti_area { position: relative; }
.my_benefit .noti_area .top_tit { display: flex; align-items: center; justify-content: space-between; }
.my_benefit .noti_area .box_tip { position: relative; }
.my_benefit .noti_area .box_tip .noti_btn { display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 20px; border-radius: 16px; color: rgba(0,0,0,0.48); background-color: #fafafa; cursor: pointer; font-size: 12px;}
.my_benefit .noti_area .box_tip .noti_btn::before { display: inline-flex; width: 16px; height: 16px; opacity: 0.4; background: url(/docfiles/resources/mo/images/com/icon/w16/ico_tip.png) no-repeat center; background-size: cover; content: ""; }
.my_benefit .noti_area .box_tip .noti_btn.noti_gray {margin-right: 6px;font-weight: 500;}
.my_benefit .noti_area .box_tip .noti_btn.noti_gray::before { opacity:1;background: url(/docfiles/resources/mo/images/com/icon/w16/ico_tip_g.png) no-repeat center; background-size: cover; }
.my_benefit .noti_area .box_tip .noti_wrap { position: absolute; z-index: 1; top: 34px; right: 0; display: none; align-items: center; width: 244px; min-height: 110px; padding: 12px 16px; border-radius: 8px; background: #fff; box-shadow: 0 8px 16px rgba(0,0,0,.16); }
.my_benefit .noti_area .box_tip .noti_wrap.on { display: flex; }
.my_benefit .noti_area .box_tip .noti_wrap::after { position: absolute; top: -4px; right: 25px; display: inline-flex; width: 0; height: 0; border: 4px solid; border-color: #fff transparent transparent #fff; content: ""; transform: rotate(45deg); }
.my_benefit .noti_area .box_tip .noti_wrap .noti_cont { width: 85%; word-wrap: break-word; word-break: keep-all; }
.my_benefit .noti_area .box_tip .noti_wrap .close_btn { position: absolute; top: 14px; right: 12px; display: inline-flex; width: 20px; height: 20px; border-radius: 50%; background: #ebebeb url(/docfiles/resources/mo/images/com/icon/w24/ico_xB.png) no-repeat center; background-size: 16px; cursor: pointer; }
.my_benefit .ell.on span + a { display: none; }
.my_benefit .ell.on span { overflow: auto; width: 100%; text-overflow: unset; white-space: pre-line; }
.my_benefit .ell span { display: inline-block; overflow: hidden; width: 70%; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.my_benefit .ell span + a { display: inline-block; margin-bottom: -3px; margin-left:-7px; vertical-align: bottom; font-size:12px;}
.my_benefit .graph_box + .graph_box { margin-top: 56px; }
.my_benefit .txt_info { line-height: 22px; margin-top: 4px; color: #f00; font-size: 14px; font-weight: 500; }
.my_benefit .txt_info.active { color: #0070f0; }
/* .my_benefit .items_prog { position: relative; display: flex; justify-content: flex-end; flex-direction: column; margin-top: 77px; } */
.my_benefit .graph_box{overflow-x: hidden;}

.my_benefit .items_prog { position: relative; /* display: flex; justify-content: flex-start;*/ flex-direction: column; height: auto; min-height:51px; margin-top: 77px;}  /* Q10962 2022-10-25 수정 */
.my_benefit .items_prog .price { position: absolute; top: -40px; right: 0; padding: 4px 6px; border-radius: 8px; opacity: 0; color: #fff; background-color: #000;white-space: nowrap; font-size: 14px;}
.my_benefit .items_prog .price.max{right:0 !important;}
.my_benefit .items_prog .price.min{right:unset !important;left:0;}
.my_benefit .items_prog .price span{position:relative;display:block;padding:2px 0;background:#fff;text-align:center;}
.my_benefit .items_prog .price::before { position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; transform: translate(-50%, 100%); }
.my_benefit .items_prog .price.min::before{left: 16px;} /* 2024-03-06 Q20406(동근혁) min 꼭지위치 추가 */
.my_benefit .items_prog .price.max::before{left: calc( 100% - 14px );} /* 2024-03-06 Q20406(동근혁) max 꼭지위치 추가 */
.my_benefit .items_prog .prog_bar{position:relative;display:flex;align-items:center;width:100%;height: 16px;}
.my_benefit .items_prog .prog_bar:before{display:block;width:100%;height:8px;border-radius:20px;background:#e0e0e0;content:'';}
.my_benefit .items_prog .bar{position:absolute;top:4px;left:0;display:block;width:0;height:8px;border-radius:20px;background:linear-gradient(90deg , rgb(253,130,4) , rgb(255,0,0));}
.my_benefit .items_prog .bar.active{background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,112,240));}

/* s : Q10962 2022-10-31 수정 */
.my_benefit .items_prog .prog_txt{display:flex;justify-content:space-between;width:100%;margin-top:3px;}
.my_benefit .items_prog .prog_txt p{position:relative; justify-content:start;width: 52px;margin-left: -26px; color:#5c5c5c;text-align: center;word-break: keep-all;}
.my_benefit .items_prog .prog_txt p.a{width:80px; margin-left:-40px;}
.my_benefit .items_prog .prog_txt p.b{width:80px; margin-left:-40px;}
.my_benefit .items_prog .prog_txt p.c{width:78px; margin-left:-39px;}
.my_benefit .items_prog .prog_txt p.last{right: 0;left: auto !important; text-align:right;}
.my_benefit .items_prog .prog_txt p.current:before{border-color:#0070f0;}
.my_benefit .items_prog .prog_txt p:before {position:absolute;top: -19px;left: 18px;display:block;width:16px;height:16px;border:4px solid #e0e0e0;border-radius:100%;background:#fff;content:'';} /* 2024-03-06 Q20406(동근혁) top 수정 */
.my_benefit .items_prog .prog_txt p.a:before{left: 31px;}
.my_benefit .items_prog .prog_txt p.b:before{left: 31px;}
.my_benefit .items_prog .prog_txt p.c:before{left: 30px;}
.my_benefit .items_prog .prog_txt p:last-child:before{right:0px;left: auto;}
.my_benefit .items_prog .prog_txt p:nth-child(1){margin-left:0 !important;text-align: left;}
.my_benefit .items_prog .prog_txt p:nth-child(1):before{display:none;}
.my_benefit .items_prog .prog_txt.fail p:first-child:before{left:0;display:block;border-color:#ff0000;}
@media all and (max-width:320px) {
    .my_benefit .section_wrap .section{ padding-right: 5px;padding-left:5px;}
    .my_benefit .section .box_detail_info{ padding-right: 19px;padding-left:19px;}
    .my_benefit .section .graph_box .txt_info{ padding-right: 19px;padding-left:19px;}
}
/* e : Q10962 2022-10-31 수정 */

/* .my_benefit .txt_box { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px 20px; }
.my_benefit .txt_box .ico { width: 32px; height: 32px; background-color:#000; background-repeat:no-repeat; background-size: 32px; mask-image:url('/docfiles/resources/mo/images/com/icon/w32/ico_care.svg');  -webkit-mask-image:url('/docfiles/resources/mo/images/com/icon/w32/ico_care.svg');}
.my_benefit .txt_box .ico + p { margin-top: 8px; color: #0070f0; } 2022-04-27 GGU442 */
.my_benefit .txt_box { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 32px 20px 0; }
.my_benefit .txt_box .ico { width: 64px; height: 64px; background:url('/docfiles/resources/mo/images/ben/img_care.png') no-repeat;background-size: 64px 64px; }
.my_benefit .txt_box .ico + p { margin-top: 16px; color: #0070f0; } /* 2022-04-27 GGU442 */

.modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li { position: relative; display: flex; align-items: center; padding: 20px 0; }
.modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li + li { border-top: 1px solid rgba(0,0,0,0.04); }
.modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li .img { flex: 0 0 32px; width: 32px; height: 52px; margin-right: 16px; }
.modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li .img.v_card_img {flex: 0 0 52px;width:52px;height:32px; margin-right:0; transform:rotate(90deg) translate(0, 10px);}
.modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li .txt { padding-right:32px; } /* 2024-01-26 GGU282 - 추가 */
.modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li.active .txt::after { position: absolute; top: 50%; right: 0; display: inline-flex; width: 32px; height: 32px; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png) no-repeat center; background-size: cover; content: ""; transform: translateY(-50%); }

.club_serv .sub_tabmenu { position: relative; }
.club_serv .sub_tabmenu::before { position: absolute; top: 0; left: 50%; display: inline-block; width: 87.2%; height: 1px; background-color: #ebebeb; content: ""; transform: translateX(-50%); }
.club_serv .sub_tabmenu::after { position: absolute; top: 50%; right: 0; display: inline-flex; width: 40px; height: 40px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.75), #fff ); content: ""; transform: translateY(-50%); }
.club_serv .list_type.type2 { border: none; }
.club_serv .list_type > li .cont ul.list_gmreserve { margin-top: 20px; }
.club_serv .list_type > li .cont ul.list_gmreserve li { position: relative; padding: 0 32px 0 18px; word-wrap: break-word; word-break: keep-all; }
.club_serv .list_type > li .cont ul.list_gmreserve li + li { padding-top: 56px; }
.club_serv .list_type > li .cont ul.list_gmreserve li + li::before { position: absolute; top: 12px; left: 50%; display: inline-flex; width: 32px; height: 32px; opacity: 0.4; background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat center; background-size: cover; content: ""; transform: translateX(-50%); }
.club_serv .list_type > li .cont ul.list_gmreserve li .gmreserveimg { padding: 0 10px 0 6px; }
.club_serv .box_faq .faq_list + .faq_list { padding-top: 48px; margin-top: 48px; border-top: 1px solid #ebebeb; }
.club_serv .box_faq .faq_list h3 + dl { margin-top: 24px; }
.club_serv .box_faq .faq_list dl + dl { margin-top: 28px; }
.club_serv .box_faq .faq_list dl dt + dd { margin-top: 4px; }
.club_serv .box_faq .faq_list dl dt, .club_serv .box_faq .faq_list dl dd { position: relative; padding-left: 1em; word-wrap: break-word; word-break: keep-all; }
.club_serv .box_faq .faq_list dl dt::before, .club_serv .box_faq .faq_list dl dd::before { position: absolute; top: 0; left: 0; display: inline-flex; }
.club_serv .box_faq .faq_list dl dt::before { content: "Q:"; }
.club_serv .box_faq .faq_list dl dd::before { content: "A:"; }
.club_serv .not_data { display: flex; align-items: center; justify-content: center; margin: 80px auto 8px; }

.section_inner_tap { margin-right: -24px;margin-left: -24px;}
.main_tab { margin: 0 -7.342%; }
.main_tab .category { justify-content: flex-start; height: 32px; padding-left: 20px; }
.main_tab .category a { display: inline-flex; width: auto; height: 32px; background-color: transparent; }
.x_benefit .category.type02 { justify-content: flex-start; }
.x_benefit .category.type02 a { /*display: inline-flex;*/ flex: none; width: auto; background-color: #f5f5f5; }
.x_benefit .category.type02 a.current { border: none; color: #fff; background-color: #000; }

.not_search { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 80px 0 16px; margin-top: 16px; border-top: 1px solid #ebebeb; }
.search_cont { padding: 32px 0; border: 1px solid #ebebeb; border-width: 1px 0; }
.box_bul_wrap > .box_bul + .box_bul { padding-top: 40px; margin-top: 64px; border-top: 1px solid #ebebeb; }

/* 2022-01-19 Q10510 가로스크롤바 이슈로 삭제 */
/*.mbasic_benefit .tab_container .tab_con .tab_default { overflow-x: visible ;}*/
/*.mbasic_benefit .tab_default a { display: inline-flex; padding: 0 12px; font-size: 16px; height: 36px; line-height: 22px; align-items: center; flex: 1; }*/

/* M혜택 릴레이션배너 디자인 */
.list_banner_box .list_item { position: relative; display: flex; flex-direction: column; min-height: 160px; padding: 20px; border-radius: 8px; background-color: #f5f5f5; word-wrap: break-word; word-break: keep-all; }
.list_banner_box .list_item.type2 { min-height: 180px; }
.list_banner_box .list_item p + p { margin-top: 4px; }
.list_banner_box .list_item p + .link_box { margin-top: 12px; }
.list_banner_box .list_item .ico { position: absolute; right: 20px; bottom: 20px; }
.list_banner_box .list_item .ico .svg { width: 64px; height: 64px; }
.list_banner_box .list_item + .list_item { margin-top: 8px; }
.list_banner_box .list_item + .banner_list { margin-top: 16px; }
.list_banner_box .banner_list li { position: relative; display: flex; align-items: center; height: 56px; padding: 0 10px; border-radius: 8px; background-color: #f5f5f5;  }
.list_banner_box .banner_list li + li { margin-top: 8px; }
.list_banner_box .banner_list li .ico { flex: 0 0 44px; width: 44px; height: 44px; margin-right: 6px; }
.list_banner_box .banner_list li .ico .svg { width: 44px; height: 44px; }
.list_banner_box .banner_list li p { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 10px; }
.list_banner_box .banner_list li p::after { display: inline-flex; width: 24px; height: 24px; background-color:#000; content: ""; -webkit-mask-image:url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.svg'); mask-image:url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.svg'); -webkit-mask-size:24px; mask-size:24px; }

.blue_bg { background-color: rgba(0,145,233,0.02); }

.box_btn[class*="many"] { display: flex; align-items: center; justify-content: center; }
.box_btn[class*="many"] { display: flex; align-items: center; justify-content: center; }
/* 2022-01-07 Q10510 수정 : IOS App & Safari 브라우저 일때 버튼넓이 이슈 */
.box_btn[class*="many"] > * { width: calc((100% - 8px)/2); width:-webkit-calc((100% - 8px)/2); width:-moz-calc((100% - 8px)/2); }
.isApp3 .box_btn[class*="many"] > * { width: calc((100% - 8px)/2); width:-webkit-calc((100% - 8px)/2); width:-moz-calc((100% - 8px)/2); }
.box_btn[class*="many"] > * + * { margin-left: 8px; }

/* link_wrap */
.link_wrap {margin-top: 20px;}
.link_wrap > a {display: block; text-align: right;}
.link_wrap > a + a {margin-top: 12px;}
.link_wrap + .box_bul {margin-top: 40px;}

/* tip_txt */
.tip_txt {position: relative;padding-left: 16px;color: #5c5c5c;font-size: 14px;}
.tip_txt:before { position:absolute; top:1px; left:0; width:16px; height:16px;opacity: 0.64; background:url(/docfiles/resources/mo/images/com/icon/w16/ico_tip_Line.png) no-repeat 50% 50%; background-size:16px;content:'';}
.tip_txt + .box_list_xcash {margin-top: 16px;}

/* num_list */
.sub_benefit .box_use01._type3 .box_info01 p + .num_list, .sub_benefit .box_use01._type3 .box_info01 .num_list + p {margin-top: 9px;}
.sub_benefit .num_list li {position: relative; padding-left: 20px;}
.sub_benefit .num_list li + li {margin-top: 6px;}
.sub_benefit .num_list li > span.num { position: absolute; top: -1px; left: 0; display: inline-block;content: '';}

/* blk_num_list */
.sub_benefit p + .blk_num_list{margin-top: 9px;}
.sub_benefit .box_bul + .blk_num_list {margin:20px 0 0 8px;}
/* 2022-08-18 Q10803 수정 s */
.sub_benefit .blk_num_list { margin-top:12px;counter-reset: num;}
.sub_benefit .blk_num_list > li {position: relative; padding-left: 22px; counter-increment: num;}
.sub_benefit .blk_num_list > li + li {margin-top: 8px;}
.sub_benefit .blk_num_list > li:before { position: absolute; top: 3px; left: 0; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; color: #fff; background: #000;content: counter(num); text-align: center; font-size: 0.7em; font-weight: 500;}
.sub_benefit .blk_num_list.lh26 > li:before {top: 4px;}/* 2023-01-17 Q11066 추가*/
.sub_benefit .blk_num_list > li + li {margin-top:12px;}
.sub_benefit .blk_num_list > li > .sub_txt {margin-top:4px;}
/* 2022-08-18 Q10803 수정 e */
/* blk_num_list02 - 2022-08-31 GGU282 - 추가 */
.sub_benefit .blk_num_list02 {margin-top:24px;counter-reset:num;}
.sub_benefit .blk_num_list02 > li {position:relative;padding-left:28px;counter-increment:num;}
.sub_benefit .blk_num_list02 > li + li {margin-top:24px;}
.sub_benefit .blk_num_list02 > li:before {position:absolute;top:1px;left:0;display:inline-block;width:20px;height:20px;line-height:20px;border-radius:10px;color:#fff;background:#000;content:counter(num);text-align:center;font-size:12px;font-weight:700;}
.sub_benefit .blk_num_list02 > li > .sub_txt {margin-top:8px;}

/* box_banner01 */
.sub_benefit .box_banner01 {margin-top: 64px;}
.sub_benefit .box_banner01 .item_banner {position: relative; min-height: 180px; padding: 20px 20px; border-radius: 8px; background-color: #f5f5f5;}
.sub_benefit .box_banner01 .item_banner .txt > p + p {margin-top: 4px;}
.sub_benefit .box_banner01 .item_banner .txt > .link {margin-top: 12px;}
.sub_benefit .box_banner01 .item_banner .icon {position: absolute; right: 20px; bottom: 20px; width: 64px; height: 64px; background-size: 64px 64px;}
.sub_benefit .box_banner01 .item_banner + .item_banner {margin-top: 14px;}
.sub_benefit .box_banner01 + .ben_bundle {margin-top: 64px;}

/* box_table */
.box_table table th {padding: 14px 12px; border-bottom: 1px solid #e0e0e0;}
.box_table table td {padding: 14px 12px; border-bottom: 1px solid #f5f5f5;vertical-align: top;}
.box_table table td .box_btn > a {width: 49px; height: 32px; border-radius: 40px;}

/* M혜택 */
.sub_benefit .h4_b_lt + .list_input01 {margin-top: 20px;}
.sub_benefit .box_list_event + .interval_div_mt64 {margin-top: 56px;}

/* X혜택 */
.box_title01 > .h4_b_lt + .h3_b_lt, .box_title02 > .h4_b_lt + .h3_b_lt {margin-top: 12px;}

.box_list_xcash .list_xcash > li {display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: space-between; padding:24px 20px; border: 1px solid #ccc; border-radius: 8px;}
.box_list_xcash .list_xcash > li > .txt > ul.bul_list.type_big { margin-top: 4px; }
.box_list_xcash .list_xcash > li > .txt > ul.bul_list.type_big > li { line-height: 28px; font-size: 18px; }
.box_list_xcash .list_xcash > li > .txt > ul.bul_list.type_big > li::before { top: 14px; }
.box_list_xcash .list_xcash > li > .box_btn > a {width: 49px; height: 32px; border-radius: 40px;}
.box_list_xcash .list_xcash > li + li {margin-top: 12px;}

.x_benefit .box_card_list {padding: 68px 0 60px 0;margin-top:64px; background: #FFFCFB;}
.x_benefit .box_card_list > p + .slide-mcard-container {margin-top: 28px;}
.x_benefit .box_banner.type_xgate { padding: 0 24px;margin-top: 64px;}

.x_benefit .tab_content > .inner_content > p + p {margin-top: 8px;}
.x_benefit .tab_content > .inner_content .link {margin-top: 16px;}
.x_benefit .tab_content > .inner_content .box_logo { padding: 0 18px 0 32px;margin-top: 28px;}
.x_benefit .tab_content > .inner_content + .inner_content {margin-top: 52px;}

.x_benefit .box_table {overflow-x:auto;white-space:nowrap;font-size: 0;-ms-overflow-style:none;scrollbar-width:none;}
.x_benefit .box_table::-webkit-scrollbar {display: none;}
.x_benefit .box_table table {width: auto;}

.mpoint_car .box_radio_wrap { display: flex; }
.mpoint_car .box_radio_wrap > p { margin-right: 36px; }
.mpoint_car .box_radio_wrap .box_radio_sel { display: flex; align-items: center; }
.mpoint_car .box_radio_wrap .box_radio_sel .input_radio_box + .input_radio_box { margin-left: 12px; }
.mpoint_car .box_radio_wrap .box_radio_sel .input_radio_box input[type="radio"] + label { position: relative; display: flex; align-items: center; }
.mpoint_car .box_radio_wrap .box_radio_sel .input_radio_box input[type="radio"] + label::before { display: inline-flex; width: 28px; height: 28px; margin-right: 14px; border-radius: 50%; background-color: #d8d8d8; content: ""; }
.mpoint_car .box_radio_wrap .box_radio_sel .input_radio_box input[type="radio"]:checked + label::after { position: absolute; top: 50%; left: 9px; display: inline-flex; width: 10px; height: 10px; border-radius: 50%; background-color: #000; content: ""; transform: translateY(-50%); }

.word_bk { word-wrap: break-word; word-break: keep-all; }

.sub_benefit .box_corporate .thumbnail {display: inline-flex; width: auto; height: 27px;}
.sub_benefit .list_corporate li {display: flex; align-items: center; justify-content: space-between;}
.sub_benefit .list_corporate li a {width: 80px; text-align: center;}

.sub_benefit .txt_label {display:inline-flex;height:24px;line-height:24px;padding:0 8px;border-radius:12px;}

.agree_wrap .btn_tooltip {position:absolute;top:50%;right:3px;transform:translateY(-50%);}

/* modal_pop */
.modal_pop .box_select + .box_table {margin-top: 40px;}
.modal_pop .tab_content {margin-top: 32px;}
.modal_pop .box_item .tit {margin-bottom: 12px;}

/* Tribe */
.sub_benefit .box_use01._type2 .box_info01.pd_type > :not(.img_box) {padding-right: 2.333%;padding-left: 2.333%;}
.sub_benefit .box_use01._type2 .box_info01.pd_type {margin:0 -2.45%;}
.sub_benefit .list_thumb2 li {display:flex;align-items: start;}
.sub_benefit .list_thumb2 .img {overflow: hidden;flex: 0 0 100px;width: 100px;height: 100px;}
.sub_benefit .list_thumb2 .img img {width:100%;height:100%;}
.sub_benefit .list_thumb2 .desc {flex:1;margin-right:24px;}
.sub_benefit .img_box.tribe_img { padding:0;/*width: 343px;height: 200px;*/}
.sub_benefit .img_box.tribe_img img {width:100%;/*height:100%;*/}

/* 중복사용처 */
.merbers_thumb {width:120px;height:64px;}

/*[CR]Q10549 22-02-12 김유림*/
.sm_tbl_wrap {position:relative; margin:24px 0 27px 0;}
.sm_tbl_wrap .sm_tbl {width:100%; font-size:14px;}
.sm_tbl_wrap .sm_tbl th, .sm_tbl_wrap .sm_tbl td {padding:12px;}
.sm_tbl_wrap .sm_tbl th { border-bottom:1px solid #ebebeb; color:#000;font-weight:700;}
.sm_tbl_wrap .sm_tbl td {color:#707070;}
.sm_tbl_wrap .sm_tbl td .sm_tbl_day {color:#000;}
/* //[CR]Q10549 22-02-12 김유림*/


/* as-is 이벤트상세보기&사용처상세팝업 노랑hightlight 관련 CSS 수정 */
.sub_benefit .culture-detail .discussion_detail ul li.highlight {background:none !important;}
.sub_benefit .box_content > div > ul > li.last > ul > li.highlight {background:none !important;}
.box_content > div > ul > li.last > ul > li.highlight {background:none !important;}

/* Q10510 app일때 이슈 수정 */
.info_column { display: flex; align-items: center;width: auto;}


/* 2022-01-23 Q10510 고메위크 관련 리스트 재작업 */
.section.type_goumet {flex: 1; padding: 0 20px;}
.goumetweek_wrap .goumetweek_list {display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.goumetweek_wrap .goumetweek_list > li:not(:nth-last-child(-n + 2)) {margin-bottom: 28px;}
.goumetweek_wrap .goumetweek_list > li {align-items: flex-start;}
.goumetweek_wrap .goumetweek_list > li { position: relative;display: flex; flex-direction: column; width: 162px; padding: 0;}
.goumetweek_wrap .goumetweek_list .goumet_img { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 162px; margin: 0 0 12px 0; border-radius: 16px; background-color: #fff;/*flex: 0 0 162px;*/}
.goumetweek_wrap .goumetweek_list .goumet_img img {width: 100%; border-radius: initial;}
.goumetweek_wrap .goumetweek_list.type_square .goumet_img { flex: 0 0 162px;height: 162px;}
.goumetweek_wrap .goumetweek_list.type_square .goumet_img img{height: 100%;}
.goumetweek_wrap .goumetweek_list.type_rectangle .goumet_img {position:relative; overflow:hidden; height: 117px; box-sizing: border-box; padding-top:56.25%;}
.goumetweek_wrap .goumetweek_list.type_rectangle .goumet_img img {position: absolute; top:50%; right:0; bottom:0; left:0; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%);}


/* as-is data table */
.sub_benefit .data_table th { white-space:pre-wrap;/*padding-left:0;*/}
.sub_benefit .data_table td {word-break:keep-all !important;}

/* as-is 아코디언 */
.sub_benefit .accordion_unit .box_fold { line-height:20px; color:#333;font-size:13px;}
.sub_benefit .accordion_unit .box_fold .list_btn {margin-top:8px;}
.sub_benefit .accordion_unit .box_fold .tit_1 { line-height:21px;margin-bottom:7px; color:#333; font-size:13px;}
.sub_benefit .accordion_unit .box_fold .txt_1 { line-height:18px;margin:7px 0; color:#888; font-size:12px;}
.sub_benefit .accordion_unit .box_fold .list_myaccount_1 .txt_1 { line-height:20px;margin:0; color:#000; font-size:14px;}
.sub_benefit .accordion_unit .box_fold .list_info_2.type_1 > li > .txt_1,
.sub_benefit .accordion_unit .box_fold .list_dot_2.type_5 > li > .txt_1 {margin:0;}
.sub_benefit .accordion_unit .box_fold.box_info:last-child{border-bottom:none;}
.sub_benefit .accordion_unit .box_fold.box_fold.type_3 > .box_info{border-bottom:none;}
.sub_benefit .accordion_unit .box_fold,
.sub_benefit .accordion_unit.on .box_fold .accordion_unit .box_fold,
.sub_benefit .accordion_unit.on .box_fold .box_inpuiry.box_fold,
.sub_benefit .on .accordion_unit .box_fold {display:none;}
.sub_benefit .accordion_unit.type_apply {margin-top:-1px;}
.sub_benefit .accordion_unit.type_apply .box_fold {padding-top:25px; padding-bottom:25px; border-width:0 1px 1px; border-style:solid; border-color:#e5e5e5; background-color:#fafafa;}
.sub_benefit .accordion_unit.type_apply .box_fold .list_info_1 > li > .tit { color:#333; font-family:'YouandiModernTR';font-size:15px;}
.sub_benefit .accordion_unit .box_fold.type_3 {margin:22px 18px;}
.sub_benefit .accordion_unit .box_fold.type_gray { padding-left:18px;margin-left:0; background-color:#fafafa;}
.sub_benefit .accordion_unit .accordion_unit.type_6 .box_fold.type_1,
.sub_benefit .accordion_unit .accordion_unit.type_6.on .box_fold.type_1 { line-height:20px;padding:23px 0; color:#333; font-size:13px;}
.sub_benefit .accordion_unit.type_1 .box_fold { line-height:20px;padding:22px 18px 14px; color:#333; font-size:13px;}
.sub_benefit .accordion_unit.type_1 .box_fold.type_1 {padding:0;}
.sub_benefit .accordion_unit.type_1 .on .box_fold,
.sub_benefit .accordion_unit.type_2 .on:not(.line_1) .box_fold,
.sub_benefit .accordion_unit.type_4 .on .box_fold,
.sub_benefit .accordion_unit.type_sub.line_bot_no.on .btn_fold,
.sub_benefit .accordion_unit.type_sub.on:not(.line_bot_no) .box_fold {border-bottom:1px solid #d5d5d5;}
.sub_benefit .accordion_unit.type_2 .on .box_fold.type_1 {padding:0 18px;}
.sub_benefit .accordion_unit.type_2 .on .box_fold.type_2 {padding:0; border-bottom:none;}
.sub_benefit .accordion_unit.type_2 .box_fold.type_2 {padding:0px;}
.sub_benefit .box_fold.type_2 {padding:15px 18px 25px;}
.sub_benefit .box_fold.type_4 {margin:0 0 10px;}
.sub_benefit .accordion_unit.type_1 {border-top:8px solid #ededed;}
.sub_benefit .accordion_unit.type_2 {border-top:8px solid #ededed;}
.sub_benefit .accordion_unit.line_2 {border-bottom:8px solid #ededed;}
.sub_benefit .accordion_unit.type_1.line_no, .accordion_unit.type_2.line_no {border-top:none;}
.sub_benefit .accordion_unit.type_3 { margin-left:18px;border-top:none;}
.sub_benefit .box_fold .accordion_unit.type_3 {margin-left:0;}
.sub_benefit .box_fold .accordion_unit.type_3 .box_fold.type_4.box_fold_gray{margin-left:0;}
.sub_benefit .accordion_unit.type_3.line_1 {border-top:1px solid #d5d5d5;}
.sub_benefit .accordion_unit.type_1 + .accordion_unit.type_1 {border-top:none;}
.sub_benefit .accordion_unit.type_3 + .btn_area.type_8{margin-top:0;}
.sub_benefit .accordion_unit.type_sub .btn_fold,
.sub_benefit .accordion_unit.type_1 .btn_fold,
.sub_benefit .accordion_unit.type_2 .btn_fold,
.sub_benefit .accordion_unit.type_3 .btn_fold,
.sub_benefit .accordion_unit.type_4 .btn_fold { position:relative;display:-webkit-box; display:box; min-height:30px; line-height:20px; padding:10px 42px 10px 19px; border-bottom:1px solid #d5d5d5; color:#000; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.sub_benefit .accordion_unit.type_4.last_nobd div:last-child .btn_fold {border-bottom:0;}
.sub_benefit .accordion_unit.type_2 .btn_fold { padding-left:0; margin-left:18px; border-bottom:none; font-size:17px; }
.sub_benefit .accordion_unit.type_2 .btn_fold.full_line { padding-left:18px; margin-bottom:0px !important;margin-left:0px;}
.sub_benefit .accordion_unit.type_sub .btn_fold { padding-left:0;margin-left:18px; font-size:15px;}
.sub_benefit .accordion_unit.type_sub.line_bot_no .btn_fold {border-bottom:none;}
.sub_benefit .accordion_unit.type_3 .btn_fold {font-size:15px;}
.sub_benefit .accordion_unit.type_5 .btn_fold { margin-left:0; color:#000;font-size:15px;}
.sub_benefit .accordion_unit.type_2 .btn_fold .img {display:inline-block; width:40px; margin-right:8px; vertical-align:middle;}
.sub_benefit .accordion_unit.type_2.on > * > .btn_fold {margin-bottom:10px;}
.sub_benefit .accordion_unit.type_2.on .btn_fold:not(.line_no),
.sub_benefit .accordion_unit .accordion_unit.type_6.on:last-child .btn_fold ,
.sub_benefit .accordion_unit.type_2 .on:not(h2) .btn_fold:not(.line_no) {border-bottom:1px solid #d5d5d5;}
.sub_benefit .accordion_unit.length .btn_fold {padding:10px 115px 10px 0;}
.sub_benefit .accordion_unit.type_2.on .h2_tit_1 + .box_fold .list_myaccount_2.type_2.list_fold {margin-top:-10px;}

.sub_benefit .accordion_unit.on .last_acc .btn_fold{border-bottom:0 none !important;}
.sub_benefit .accordion_unit.on .last_acc.on .btn_fold{border-bottom:1px solid #d5d5d5 !important;}
.sub_benefit .accordion_unit.on .last_acc.on .box_fold{border-bottom:0 none !important;}

.sub_benefit .accordion_unit.type_1 .on .btn_fold {border-bottom-color:#e5e5e5;}
.sub_benefit .accordion_unit.type_1 .btn_fold:before,
.sub_benefit .accordion_unit.type_1 .btn_fold:after { position:absolute;top:55%;display:block; width:6px; height:1px; margin-top:-3px; background-color:#aaa; content:'';}
.sub_benefit .accordion_unit .btn_fold:before,
.sub_benefit .accordion_unit.on .accordion_unit .btn_fold:before,
.sub_benefit .accordion_unit_2 .btn_fold:before {right:18px;}
.sub_benefit .accordion_unit .btn_fold:after,
.sub_benefit .accordion_unit.on .accordion_unit .btn_fold:after,
.sub_benefit .accordion_unit_2 .btn_fold:after {right:22px;}
.sub_benefit .accordion_unit .btn_fold:before,
.sub_benefit .accordion_unit .btn_fold:after,
.sub_benefit .accordion_unit_2 .btn_fold:before,
.sub_benefit .accordion_unit_2 .btn_fold:after {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.sub_benefit .accordion_unit.type_6 .btn_fold:before,
.sub_benefit .accordion_unit.type_sub .btn_fold:before,
.sub_benefit .accordion_unit.on .accordion_unit.type_6 .btn_fold:before {right:0; height:1px;}
.sub_benefit .accordion_unit.type_6 .btn_fold:after,
.sub_benefit .accordion_unit.type_sub .btn_fold:after,
.sub_benefit .accordion_unit.on .accordion_unit.type_6 .btn_fold:after {right:4px; height:1px;}
.sub_benefit .accordion_unit .h3_tit_1 {padding-bottom:0;}
.sub_benefit .accordion_unit .h3_tit_2 { padding-bottom:0;margin-top:0px; margin-bottom:0px; text-align:right;}
.sub_benefit .accordion_unit > * > .btn_fold:before,
.sub_benefit .accordion_unit > * > * > .btn_fold:before,
.sub_benefit .accordion_unit.on > * > .btn_fold:after,
.sub_benefit .accordion_unit > .on > * > .btn_fold:after,
.sub_benefit .accordion_unit_2 > * > .btn_fold:before,
.sub_benefit .accordion_unit_2.on > * > .btn_fold:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.sub_benefit .accordion_unit > * > .btn_fold:after,
.sub_benefit .accordion_unit > * > * > .btn_fold:after,
.sub_benefit .accordion_unit.on > * > .btn_fold:before,
.sub_benefit .accordion_unit > .on > * > .btn_fold:before,
.sub_benefit .accordion_unit_2 > * > .btn_fold:after,
.sub_benefit .accordion_unit_2.on > * > .btn_fold:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.sub_benefit .accordion_unit .btn_fold:before,
.sub_benefit .accordion_unit .btn_fold:after,
.sub_benefit .accordion_unit_2 .btn_fold:before,
.sub_benefit .accordion_unit_2 .btn_fold:after{ position:absolute; top:50%;display:block; width:7px; height:2px; margin-top:-1px; background-color:#000; content:'';}
.sub_benefit .accordion_unit .type_2.btn_fold:before,
.sub_benefit .accordion_unit .type_2.btn_fold:after {display:none;}
.sub_benefit .accordion_unit h3.btn_fold:before,
.sub_benefit .accordion_unit h3.btn_fold:after {display:none;}
.sub_benefit .accordion_unit.type_2 .h2_tit_1 {position:relative; line-height:23px; margin-bottom:0; color:#000; font-family:'YouandiModernHEB'; font-size:17px;}
.sub_benefit .accordion_unit.type_3 > span {display:block;}
.sub_benefit .accordion_unit.type_3.on > span {margin:0;}
.sub_benefit .accordion_unit.type_3.on > span .btn_fold {margin-left:0;}
.sub_benefit .accordion_unit.type_3:last-child .btn_fold
.sub_benefit .accordion_unit.type_3:last-child .box_fold {border-bottom:none;}
.sub_benefit .accordion_unit.type_3:last-child.on .btn_fold:not(.line_no) {border-bottom:1px solid #d5d5d5;}
.sub_benefit .accordion_unit.type_3.last .box_fold {border-bottom:none;}
.sub_benefit .accordion_unit.type_3 .btn_fold {display:block; min-height:0 !important; padding:18px 43px 16px 0;}
.sub_benefit .accordion_unit.type_3 .box_fold { line-height:21px;padding:22px 18px 17px 0; border-bottom:1px solid #d5d5d5; color:#666; font-size:14px;}
.sub_benefit .accordion_unit.type_3 .box_fold_gray { line-height:21px; padding:0;margin-left:0; border-bottom:none; color:#666; font-size:14px;}
.sub_benefit .accordion_unit .box_fold.type_4 { padding:0;margin:0;}
.sub_benefit .accordion_unit .box_fold.type_5 {margin:15px 18px 21px;}
.sub_benefit .accordion_unit.type_3 .box_fold.type_5 {border-bottom:none;}
.sub_benefit .box_fold_gray,
.sub_benefit .accordion_unit.type_3 .box_fold_gray .on {background-color:#f3f3f3;}
.sub_benefit .box_fold_gray.line_1 {border-top:1px solid #d5d5d5;}
.sub_benefit .btn_gray_fold {border-bottom:none !important;}
.sub_benefit.accordion_unit .box_fold .txt_1 {margin:0; font-size:14px;}
.sub_benefit .accordion_unit.type_3 .box_fold_gray .btn_gray_fold_1 { padding-left:18px; margin-left:0px;border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-color:#f3f3f3; text-indent:0px;}
.sub_benefit .accordion_unit.type_3 .box_fold_gray.gary_typ {padding: 25px 18px 0 18px; border-top:1px solid #d5d5d5; background-color:#f6f6f6;}
.sub_benefit .accordion_unit.type_3 .box_fold.type_2 {padding:0px 18px 0px 0;}
.sub_benefit .accordion_unit.type_3 .btn_fold:before,
.sub_benefit .accordion_unit.type_3 .btn_fold:after{height:1px;}
.sub_benefit .accordion_unit.type_3 .btn_fold:before {right:16px;}
.sub_benefit .accordion_unit.type_3 .btn_fold:after{right:20px;}
.sub_benefit .accordion_unit .clear_t {padding-top:10px !important;}
.sub_benefit .accordion_unit.type_4 .btn_fold.line_1 {border-top:1px solid #d5d5d5;}
.sub_benefit .accordion_unit.type_4 .btn_fold { padding-right:30px; padding-left:0;margin-left:18px; font-size:14px;}
.sub_benefit .accordion_unit.type_4 a {margin-right:18px;}
.sub_benefit .accordion_unit.type_4 a .subject { color:#000;font-size:15px;}
.sub_benefit .accordion_unit.type_4 a .text {display:block; color:#888; font-size:12px;}
.sub_benefit .accordion_unit.type_4 .btn_fold:before,
.sub_benefit .accordion_unit.type_4 .btn_fold:after,
.sub_benefit .accordion_unit.type_5 .btn_fold:before,
.sub_benefit .accordion_unit.type_5 .btn_fold:after,
.sub_benefit .accordion_unit_2 .btn_fold:before,
.sub_benefit .accordion_unit_2 .btn_fold:after {height:1px;}
.sub_benefit .accordion_unit .accordion_unit.type_6:first-child {margin-top:5px;}
.sub_benefit .accordion_unit .accordion_unit.type_6:last-child .btn_fold {border-bottom:none;}
.sub_benefit .accordion_unit.type_6 .btn_fold,
.sub_benefit .accordion_unit.type_sub .btn_fold { padding-top:12px; padding-right:20px; padding-bottom:12px;margin:0; color:#000; font-size:14px;}
.sub_benefit .accordion_unit.type_apply .btn_fold { position:relative;display:-webkit-box; display:box; height:79px; padding:0 15px; margin:0; border:1px solid #e5e5e5; color:#333; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.sub_benefit .accordion_unit.type_4 .btn_fold:before,
.sub_benefit .accordion_unit .accordion_unit.type_5 .btn_fold:before { right:4px !important;width:7px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.sub_benefit .accordion_unit.type_4 .btn_fold:after,
.sub_benefit .accordion_unit .accordion_unit.type_5 .btn_fold:after { right:0 !important;width:7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.sub_benefit .accordion_unit.type_4 .on .btn_fold:before,
.sub_benefit .accordion_unit.on .accordion_unit.type_4 .on .btn_fold:before,
.sub_benefit .accordion_unit.on .accordion_unit.type_5.on .btn_fold:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.sub_benefit .accordion_unit.type_4 .on .btn_fold:after,
.sub_benefit .accordion_unit.on .accordion_unit.type_4 .on .btn_fold:after,
.sub_benefit .accordion_unit.on .accordion_unit.type_5.on .btn_fold:after {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.sub_benefit .accordion_unit.type_4 .box_fold {margin:0 18px;}
.sub_benefit .accordion_unit.on .box_fold .accordion_unit.type_4 .on .box_fold,
.sub_benefit .accordion_unit.on .box_fold .accordion_unit.type_5.on .box_fold {display:block;}
.sub_benefit .accordion_unit.on .box_fold .accordion_unit.type_4 .box_fold,
.sub_benefit .accordion_unit.on .box_fold .accordion_unit.type_5 .box_fold {display:none;}
.sub_benefit .accordion_unit.on .accordion_unit.type_5.on .box_fold {border-bottom:none;}
.sub_benefit .accordion_unit.on .accordion_unit.type_5.on .btn_fold {border-bottom:1px solid #d5d5d5;}
.sub_benefit .accordion_unit .box_fold { line-height:20px; color:#333;font-size:13px;}
.sub_benefit .accordion_unit .box_fold .list_btn {margin-top:8px;}
.sub_benefit .accordion_unit .box_fold .tit_1 { line-height:21px;margin-bottom:7px; color:#333; font-size:13px;}
.sub_benefit .accordion_unit .box_fold .txt_1 { line-height:18px;margin:7px 0; color:#888; font-size:12px;}
.sub_benefit .accordion_unit .box_fold .list_myaccount_1 .txt_1 { line-height:20px;margin:0; color:#000; font-size:14px;}
.sub_benefit .accordion_unit .box_fold .list_info_2.type_1 > li > .txt_1,
.sub_benefit .accordion_unit .box_fold .list_dot_2.type_5 > li > .txt_1 {margin:0;}
.sub_benefit .accordion_unit .box_fold.box_info:last-child{border-bottom:none;}
.sub_benefit .accordion_unit .box_fold.box_fold.type_3 > .box_info{border-bottom:none;}
.sub_benefit .list_info_2 li p.txt_1 { margin-bottom:8px;color:#000;}

.sub_benefit .accordion_unit.type_2 .box_fold .accordion_unit:last-child {padding-bottom:10px;}

.sub_benefit .accordion_unit.type_7{margin-left:0;}
.sub_benefit .accordion_unit.type_7 > li{ padding:15px 12px;background:#f0f0f0;}
.sub_benefit .accordion_unit.type_7 .hcbtn4{right:12px;}
.sub_benefit .accordion_unit.type_7 .hcbtn4.btn_fold:before,
.sub_benefit .accordion_unit.type_7 .hcbtn4.btn_fold:after{width:9px;height:1px;}
.sub_benefit .accordion_unit.type_7 .hcbtn4.btn_fold:before{left:12px;}
.sub_benefit .accordion_unit.type_7 .hcbtn4.btn_fold:after{left:6px;}
.sub_benefit .accordion_unit.type_7 > li > div{position:relative;}
.sub_benefit .accordion_unit.type_7 > li > div .checkbox label{padding-right:35px;}

.sub_benefit .accordion_unit .btn_fold.type_3{position:absolute;top:50%;right:-36px;}
.sub_benefit .accordion_unit .btn_fold.type_3 span{position:absolute;top:0;left:0;width:100%;height:100%;line-height:30px;color:transparent;text-align:center;text-indent:0;white-space:nowrap;}
.sub_benefit .accordion_unit .accordion_depth2{position:relative;margin-top:20px;}
.sub_benefit .accordion_unit .accordion_depth2 .hcbtn9{top:3%;right:-22px;}
.sub_benefit .list_style01 > li,
.sub_benefit .list_style_1 > li {position:relative; line-height:18px; padding-left:10px; color:#888; font-size:12px;}
/* .sub_benefit .list_style_1:before {position:absolute;left:0; content:'-';} */
.sub_benefit .box_conts .list_style_1:before {display:none;}
.sub_benefit .status_infor_graph .section {padding:0;}
.sub_benefit .status_infor_graph:after {display:block; clear:both; content:"";}
.sub_benefit .status_infor_graph li p{display:table; width:100%;}
.sub_benefit .status_infor_graph li p span{display:table-cell; height:100%; vertical-align:middle;}
.sub_benefit .status_infor_graph li.m1 p span{color:#000;}/* �묎렐�� 紐낅룄��鍮� �섏젙 */
.sub_benefit .status_infor_graph li.current {background:#5a7b89;}
.sub_benefit .status_infor_graph .section {position:absolute; bottom:-5px; left:0;  color:#666; font-size:13px;}
.sub_benefit .status_infor_graph .section_txt { line-height:32px; color:#fff;font-size:13px;}
.sub_benefit .status_infor_graph .graph_subtxt { line-height:32px;margin:5px 0 0; color:#666; font-size:13px; }
.sub_benefit .status_infor_graph li.current .section_txt {color:#fff;}
.sub_benefit .status_infor_graph .current_txt {position:absolute; top:-26px; width:100%; line-height:16px; padding-bottom:6px; color:#ec473c; background:url(/image/common/arrow_bottom_02.png) no-repeat 50% 100%; font-size:13px;}
.sub_benefit .status_infor_graph.type2 {position:relative; margin-top:30px;}
.sub_benefit .status_infor_graph.type2 ol {height:106px; padding:0;}
.sub_benefit .status_infor_graph.type2 .current {position:absolute; height:1px; background:#e1e1e1; text-align:center;}
.sub_benefit .status_infor_graph.type2 .current span {position:relative; top:-7px; padding:0 6px; color:#666; background:#fff;}
.sub_benefit .status_infor_graph.type2 .current:before {position:absolute;top:0px; left:0; width:1px; height:6px; background:#e1e1e1; content:"";}
.sub_benefit .status_infor_graph.type2 .current:after {position:absolute;top:0px; right:0; width:1px; height:6px; background:#e1e1e1; content:"";}
.sub_benefit .status_infor_graph.type2 .current.txt1 {top:28px; width:50%;}
.sub_benefit .status_infor_graph.type2 .current.txt2 {top:0; width:100%;}
.sub_benefit .status_infor_graph li:first-child p{background:#83dbe0;}
.sub_benefit .status_infor_graph li:last-child p{background:#005cb9;}

.sub_benefit .status_area .hcbtn4,
.sub_benefit .status_area .hcbtn7 { position:relative;display:block !important; overflow:hidden !important; width:30px !important; height:0 !important; padding-top:30px !important; text-indent:-10000px !important;}
.sub_benefit .status_area .hcbtn4:before,
.sub_benefit .status_area .hcbtn4:after,
.sub_benefit .status_area .hcbtn7:before,
.sub_benefit .status_area .hcbtn7:after { position:absolute;display:block; content:'';}
.sub_benefit .status_area .hcbtn4:before,
.sub_benefit .status_area .hcbtn7:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.sub_benefit .status_area .hcbtn4:after,
.sub_benefit .status_area .hcbtn7:after {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.sub_benefit .status_area .hcbtn4:before,
.sub_benefit .status_area .hcbtn4:after {width:1px; height:9px; background-color:#000;}
.sub_benefit .status_area .hcbtn4:before {top:8px; left:14px;}
.sub_benefit .status_area .hcbtn4:after {top:14px; left:14px;}
.sub_benefit .status_area .h2_tit_1{margin-top:20px;font-size:15px;}

.sub_benefit .list_myaccount_1 {padding:0 18px;}
.sub_benefit .list_myaccount_1 + .area_fold {margin-top:10px;}
.sub_benefit .list_myaccount_1 > li:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.sub_benefit .list_myaccount_1.type_2 {padding:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.sub_benefit .list_myaccount_1.type_2 > li {padding-left:18px; color:#333;}
.sub_benefit .list_myaccount_1.type_2 > li.type_1 {background:#f0f0f0;}
.sub_benefit .list_myaccount_1.type_2 > li > .txt_2 {padding-right:18px;}
.sub_benefit .list_myaccount_1.type_2 li.foot {background:#f0f0f0;  font-family:'YouandiModernHEB';}
.sub_benefit .list_myaccount_1.type_2 li.foot .txt_1,
.sub_benefit .list_myaccount_1.type_2 li.foot .txt_2 {font-weight:bold;}
.sub_benefit .list_myaccount_1.type_2 li.foot2 {background:#fafafa;  font-family:'YouandiModernHEB';}
.sub_benefit .list_myaccount_1.type_2 > li > div.txt_2 > span:first-child { padding-top:0; padding-bottom:12px;border-top:none;}
.sub_benefit .list_myaccount_1 li .txt_1.type_1,
.sub_benefit .list_myaccount_1 li .txt_2.type_1 {color:#333;}
.sub_benefit .list_myaccount_1 > li {display:-webkit-box; display:box;}
.sub_benefit .list_myaccount_1 > li > * {display:-webkit-box; display:box; word-wrap:break-word; word-break:keep-all; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; -webkit-box-flex:1; box-flex:1;}
.sub_benefit .list_myaccount_1 > li > .txt_2 {text-align:right;}
.sub_benefit .list_myaccount_1 > li > .txt_2.size_70 {width:70%;}
.sub_benefit .list_myaccount_1 > li > .txt_2.size_70.type1 {line-height:24px;}
.sub_benefit .list_myaccount_1 > li > .txt_2.size_80 {width:80%;}
.sub_benefit .list_myaccount_1 > li > .txt_2 em {display:block;}
.sub_benefit .list_myaccount_1 > li > a .txt_2.type_1,
.sub_benefit .list_myaccount_1 > li > .txt_2.type_1 {position:absolute; top:12px; right:0;}
.sub_benefit .list_myaccount_1 > li > div.txt_1 {position:relative; padding-right:25px;}
.sub_benefit .list_myaccount_1 > li > div.txt_1 .btn_info {top:inherit; right:0; bottom:7px;}
.sub_benefit .list_myaccount_1 > li > div.txt_1 .btn_info.type1 {top:inherit; bottom:20px; left:0;}
.sub_benefit .list_myaccount_2 {padding:0;}
.sub_benefit .list_myaccount_2 .txt_2.sale {font-size:0;}
.sub_benefit .list_myaccount_2 .txt_2.sale li {display:inline-block; font-size:16px;}
.sub_benefit .list_myaccount_2 .txt_2.sale li:first-child {margin-right:24px; color:#666; text-decoration:line-through;}
.sub_benefit .list_myaccount_2 .txt_2.use { color:#1e75d6;font-size:13px;}
.sub_benefit .list_myaccount_2 > li {position:relative;padding:25px 0; border-top:1px solid #e5e5e5;}
.sub_benefit .list_myaccount_2 > li:first-child{border-top:none;}
.sub_benefit .list_myaccount_2 > li.line_1 {border-top:1px solid #e5e5e5 !important;}
.sub_benefit .list_myaccount_2.list_fold > li:first-child{border-top:none;}
.sub_benefit p.list_style,
.sub_benefit p.list_style_1,
.sub_benefit p.list_style_2,
.sub_benefit .list_style_1 > li,
.sub_benefit .list_style_2 > li,
.sub_benefit .list_style01 > li {color:#888;}
.sub_benefit .accordion_unit.type_2 .box_fold .list_myaccount_1 .txt_1 {color:#333;}
.sub_benefit .h2_tit_1 {position:relative; line-height:23px; margin-bottom:13px; color:#000; font-family:'YouandiModernHEB'; font-size:17px;}
.sub_benefit .h2_tit_1 .hcbtn1 {margin-left:25px; font-family:'YouandiModernTR';}
.sub_benefit .h2_tit_1.type_1 { padding-bottom:15px;margin-bottom:23px; border-bottom:1px solid #e5e5e5;}
.sub_benefit .h2_tit_1.type_2 { padding-bottom:15px;margin-bottom:0; border-bottom:1px solid #ededed;}
.sub_benefit .h2_tit_1.type_2_1 { padding-bottom:15px;margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
.sub_benefit .accordion_unit.type_2.Type .h2_tit_1 { color:#000;font-size:15px;}
.sub_benefit .accordion_unit.type_2.acoType .h2_tit_1 .btn_fold { color:#000; font-family:'YouandiModernTR';font-size:15px;}
.sub_benefit .accordion_unit.type_2.acoType .h2_tit_1 .btn_fold .day {display:block; color:#888; font-size:13px;}

.sub_benefit .area_fold .btn_open.type_1 {position:absolute; right:4px; bottom:14px; width:40px; height:40px;}
.sub_benefit .area_fold .btn_open.type_1 a { position:relative; z-index:1;display:block; overflow:hidden; width:100%; height:0; padding-top:40px; /* text-indent:-10000px; */}
.sub_benefit .area_fold .btn_open.type_1 a span{position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;color:transparent;text-align:center;font-size:5px;}/* 웹 접근성 작업 2019-06 */
.sub_benefit .area_fold .btn_open.type_1:before,
.sub_benefit .area_fold .btn_open.type_1 a:before,
.sub_benefit .area_fold .btn_open.type_1 a:after { position:absolute;display:block; content:'';}
.sub_benefit .area_fold .btn_open.type_1:before {top:10px; left:10px; width:17px; height:17px; border:1px solid #aaa; background-color:#fff;}
.sub_benefit .area_fold .btn_open.type_1 a:before,
.sub_benefit .area_fold .btn_open.type_1 a:after {top:17px; left:50%; width:1px; height:6px; background-color:#666;}
.sub_benefit .area_fold .btn_open.type_1 a:before { margin-left:-3px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.sub_benefit .area_fold .btn_open.type_1 a:after { margin-left:1px;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.sub_benefit .area_fold {padding-bottom:30px;}
.sub_benefit .area_fold.type1 {padding:25px 18px;}
.sub_benefit .area_fold.type_1 {border-top:9px solid #ededed;}
.sub_benefit .area_fold.type_2.on {padding:25px 18px 20px 18px;}
.sub_benefit .area_fold.on {padding-bottom:53px;}
.sub_benefit .area_fold .box_fold {overflow:hidden;max-height:56px;padding:0;}
.sub_benefit .area_fold.on .box_fold {overflow:hidden; max-height:900px;}
.sub_benefit .area_fold .list_style_1 {width:93%; margin:0;}
.sub_benefit .accordion_unit.type_2 .on .box_fold.type_1 {padding:0 18px;}
.sub_benefit .accordion_unit.type_2 .on .box_fold.type_2 {padding:0; border-bottom:none;}
.sub_benefit .accordion_unit.type_2 .box_fold.type_2 {padding:0px;}
.sub_benefit .area_fold.on > .btn_open.type_2 a:after,
.sub_benefit .box_wrap.on .btn_open.type_2 a:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
/* .sub_benefit .area_fold.on > .btn_open.type_1 a:before, */
.sub_benefit .box_wrap.on .btn_open.type_1 a:before,
.sub_benefit .area_fold.on > .btn_open.type_2 a:before,
.sub_benefit .box_wrap.on .btn_open.type_2 a:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.sub_benefit .box_cardlist .box_conts {margin:25px 0;}
.sub_benefit .graph_box ul li .current_noti {bottom: 132px;}

.sub_benefit .list_fold .box_wrap,
.sub_benefit .btn_open.type_2 a:before,
.sub_benefit .list_fold .box_wrap .list_inline,
.sub_benefit .btn_open.type_2 a:after {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.sub_benefit .list_fold .box_wrap {overflow:hidden; max-height:49px;}
.sub_benefit .list_fold .box_wrap.on {max-height:2000px;}
.sub_benefit .list_fold .box_wrap.type1{max-height:91px;}
.sub_benefit .list_fold .box_wrap.type2{max-height:44px;}
.sub_benefit .list_fold .box_wrap.type2 .date{margin-top:22px;}
.sub_benefit .list_fold .box_wrap.on.type1,
.sub_benefit .list_fold .box_wrap.on.type2{max-height:2000px;}
.sub_benefit .list_fold .box_wrap .checkbox {position:relative; z-index:1; top:0; left:0; width:100%; height:100%;}
.sub_benefit .list_myaccount_2 > li .tit { line-height:20px;padding-right:40%; margin:0 0 -4px 0; color:#000; font-size:15px;}
.sub_benefit .list_myaccount_2 > li .txt {position:absolute; top:22px; right:0;padding:0; margin-bottom:7px; color:#000; text-align: right; font-size:15px;}
.sub_benefit .list_myaccount_2.list_fold .box_wrap .list_inline {padding-right:17px; margin:11px 0 1px;}
.sub_benefit .list_myaccount_2.list_fold .box_wrap .list_inline + .list_inline{margin-top:0;}
.sub_benefit .list_inline {clear:both; margin-top:9px; margin-bottom:2px; font-size:0;}
.sub_benefit .list_inline > li { position:relative;display:inline-block; line-height:21px; padding:0 6px; color:#888; font-size:13px;}
.sub_benefit .list_inline > li:first-child {padding-left:0;}
.sub_benefit .list_inline > li:before { position:absolute; top:5px; left:0;display:block; width:1px; height:10px; background-color:#a2a2a2; content:'';}
.sub_benefit .list_inline > li:first-child:before {display:none;}


.list_myaccount_2 {padding:0 18px;}
.list_myaccount_2 .txt_info_5{padding-bottom:20px !important;}
.list_myaccount_2.list_myaccount_typ {padding:0px;}
.list_myaccount_2 .clear_b {border-top:none !important;}
.list_myaccount_2.clear_b {border-top:none !important;}
.list_myaccount_2.type_1 {margin-top:25px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.list_myaccount_2.type_1.dark_bg {background-color:#f0f0f0;}
.area_layer .list_myaccount_2.type_1 {margin-top:0;}
.list_myaccount_2.type_1 + .list_myaccount_2.type_1 {border-top:none;}
.list_myaccount_2 > li {position:relative;padding:25px 0; border-top:1px solid #e5e5e5;}
.list_myaccount_2 > li:first-child{border-top:none;}
.list_myaccount_2 > li .non_data{padding:65px 0 80px 0;}
.area_detail_1 + .area_detail_2 > .list_myaccount_2.type_1{margin-top:0;}
.list_myaccount_2 > li.no_data {padding: 37px 0;}
.list_myaccount_2 > li.line_1 {border-top:1px solid #e5e5e5 !important;}
.list_myaccount_2 > li > .btn_more.type_1{padding:0;}
.list_myaccount_2.type_2 > li {border-top:none; border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.list_fold > li{border:0;border-top:1px solid #e5e5e5;}
.list_myaccount_2.list_fold > li:first-child{border-top:none;}
.list_myaccount_2.type_2.type_radio_1 > li{border:0;border-top:1px solid #e5e5e5;}
.list_myaccount_2.type_2.type_radio_1 > li:first-child{border-top:none;}
.list_myaccount_2.line_no > li:last-child,
.list_myaccount_2.type_2.line_1 > li:last-child {border-bottom:none;}
.list_myaccount_2.line_1 {border-top:1px solid #e5e5e5;}
.list_myaccount_2.line_first > li:first-child {border-top:1px solid #e5e5e5;}
.list_myaccount_2.line_2 {border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.type_3 > li {position:relative; padding:0; border-top:none;}
.list_myaccount_2.type_3 > li .cate {padding-bottom:10px; border-bottom:1px solid #aaa; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.list_myaccount_2 > li.type_top {margin-bottom:34px;}
.list_myaccount_2 > li.type_top .cate {position:absolute; top:0; left:0; border-bottom:none;}
.list_myaccount_2.type_3 > li.type_top:first-child .box_wrap,
.list_myaccount_2 > li.type_top .box_wrap {padding-top:10px; border-bottom:1px solid #aaa;}
.list_myaccount_2.type_4 > li:first-child {margin-top:25px; border-top:1px solid #e5e5e5;}
.txt_info_5 + .list_myaccount_2{border-top:none !important;}
.list_myaccount_2.type_6 > li:first-child {padding-top:25px; border-top:1px solid #e5e5e5 !important;}
.list_myaccount_2 > li .tit { line-height:20px;padding-right:40%; margin:0 0 -4px 0; color:#000; font-size:15px;}
.list_myaccount_2 > li .deco{text-decoration: line-through;}
.list_myaccount_2 > li .tit.type_1 {position:absolute; top:25px; left:33px; padding:0; color:#000; font-size:15px;}
.list_myaccount_2 > li .tit.type_2 label {color:#000;}
.list_myaccount_2 > li .tit.type_2 > span {padding-left:35px;}
.list_myaccount_2 > li .tit.type_3 {padding-right:0 !important;}
.list_myaccount_2 > li .txt {position:absolute; top:22px; right:0; padding:0; color:#000; text-align: right; font-size:15px;}
.list_myaccount_2 > li .txt p:first-child {margin-top: 0;}
.list_myaccount_2 > li .txt p {margin-top: 5px;}
.list_myaccount_2 > li .txt.type_1 {top:25px;}
.list_myaccount_2 > li .txt.type_2 {top:20px;}
.list_myaccount_2 > li .txt.type_3 {top:50px;}
.list_myaccount_2 > li .tit_box:after {display:block; clear:both; content:'';}
.list_myaccount_2 > li .tit_box .tit {float:left; padding-right:0 !important; margin:0;}
.list_myaccount_2 > li .tit_box .price {float:right; line-height:20px; font-size:16px;}
.box_instant_payment .list_myaccount_2 > li .txt {top:22px; right:12px;}
.box_instant_payment .list_myaccount_2 > li .box_wrap .txt {right:0;}
.box_instant_payment .list_myaccount_2 > li .input_pos input {padding-right:30px;}
.box_instant_payment .list_myaccount_2 > li .input_pos input + .txt {top:29px;}
.list_myaccount_2 > li .date {margin-top:11px; color:#888; font-size:13px;}
.list_myaccount_2 > li .date.type_1 {margin-top:6px;}
.list_myaccount_2 > li.type_1 .tit,
.list_myaccount_2 > li.type_1 .txt {color:#333; font-family:'YouandiModernHEB';}
.list_myaccount_2 > li.type_2 .tit,
.list_myaccount_2 > li.type_2 .txt {color:#333; font-family:'YouandiModernHEB';}
.list_myaccount_2 > li.type_2 {padding:25px 0 24px; border-top:none;}
.list_myaccount_2 > li.type_2 .txt {font-size:16px;}
.list_myaccount_2 > li .deco_1 {text-decoration: line-through;}
.list_myaccount_2 .list_inline + .list_inline {margin-top:5px;}
.list_myaccount_2 li .link_layer {padding-top:4px; padding-left:0;}
.list_myaccount_2 li .link_layer .hcbtn_medium.type3 {margin:11px 0 8px 0;}
.list_myaccount_2 .btn_open { top:40px; right:-11px;bottom:auto;}
.list_myaccount_2.type_3 > li .box_wrap {position:relative; padding-top:23px; margin:23px 0 0; border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.type_3 > li .box_wrap:last-child {border-bottom:none;}
.list_myaccount_2.type_3 > li:first-child .box_wrap {border-bottom:none;}
.list_myaccount_2.type_3 > li .box_wrap > div {padding-top:5px; padding-bottom:16px;}
.list_myaccount_2.type_3.list_fold .box_wrap {max-height:18px;}
.list_myaccount_2.type_3.list_fold .box_wrap.on {max-height:500px;}
.list_myaccount_2.type_3 .btn_open {top:-10px; right:-11px;}
.list_myaccount_2.type_3 > li .txt {top:2px; right:30px;}
.list_myaccount_2.type_3 > li .tit {position:absolute; top:2px; left:0;}
.list_myaccount_2.type_5 > li .checkbox {height:23px;}
.list_myaccount_2.type_5 > li .tit {position:absolute; top:28px; left:33px;}
.list_myaccount_2.type_5 > li .txt {position:absolute; top:28px; right:0; padding:0; font-size:15px;}
.list_myaccount_2.type_5 > li .date {margin-top:10px; margin-left:33px;}
.list_myaccount_2.type_5 > li .list_inline {margin-left:33px;}
.list_myaccount_2.list_fold + .btn_area {margin-top:0; margin-bottom:25px;}
.list_myaccount_2.type_6 { padding:0px;margin:0px;}
.list_myaccount_2.type_7 {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.check_group .checkbox input[type=checkbox] + label:after {top:12px;}
.list_myaccount_2.list_fold .box_wrap .list_inline {padding-right:17px; margin:11px 0 1px;}
.list_myaccount_2.list_fold .box_wrap .list_inline + .list_inline{margin-top:0;}

/* 2020-02-18 이전이벤트/해외이용-이전이벤트 유의사항 및 심의필내용 블릿추가건 */
.sub_benefit .list.last .con1-wrap .txt-type1.tbl-con {padding-left:0;}
.sub_benefit .list.last .con1-wrap .txt-type1 > li {position:relative; padding-left: 10px;}
.sub_benefit .list.last .con1-wrap .txt-type1 > li::before {position:absolute; left:0; display:block; content:"-";}
.sub_benefit .list.last .con1-wrap .discussion_detail .list_dot_2 li {position:relative; padding-left:10px; font-weight: 700;}
.sub_benefit .list.last .con1-wrap .discussion_detail .list_dot_2 li::before {position:absolute; left:0; display:block; content:"-";}

.ben_pointbox { width: 100%; padding: 0 6.4%; margin: 24px auto 32px; }
.ben_pointbox .ben_login_btn { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between;width: 100%; padding: 0 6.4%; border-radius: 8px; }
.ben_pointbox .ben_login_btn .login_arrow { display: inline-flex; width: 24px ; height: 24px; color: transparent; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat center center; background-size: cover; font-size: 0; }

.ben_pointbox .hcoin { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; margin-top: 0.565em; }
.ben_pointbox .hcoin strong { position: relative; padding: 0 0.565em 0 0; }
.ben_pointbox .hcoin strong::after { position: absolute; top: 50%; right: 0; display: inline-flex; width: 1px; height: 60%; background-color: #ebebeb; content: ""; transform: translateY(-50%); }
.ben_pointbox .hcoin span { padding: 0 0 0 0.565em; }

.sub_benefit .section.type2 .ben_pointbox {padding:0;} /* 2023-12-26 GGU282 - 추가 */

/* 해외이용 혜택 */
.sub_benefit .box_top_tit { padding-top: 24px; }
.sub_benefit .box_top_tit + .tab_default { margin-top: 12px; } /* 2021-10-14 Q10086: 탭 수정으로 클래스 변경 */
.sub_benefit .section.type2 { margin-top: -4.266%; }
.input_cell input[class*="input_txt"]::placeholder { font-size: 16px; }
.input_cell.w100p.type2 { width: 100%; padding-right: 75px; }
.input_cell.w100p.type2 + .box_btn { right: 42px; }
.box_btn.search .btn_search { background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_search_gry.png); }
.sub_benefit .input_cell_box.focused.on .input_cell.w100p.type1 input {padding-right:30px;}
.sub_benefit .box_input01 .input_cell_box .input_cell.w100p.type1 + .box_btn.alC {right:36px;}

/* 2022-02-07 Q10510 리스트썸네일 반응형으로 수정 */
.section .box_list_event { margin: 24px -4px 0; }
.list_event._bd_b0 { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; flex-wrap: wrap; /*justify-content: space-between;*/ }
.list_event._bd_b0 li { position: relative; align-items: start; flex-direction: column; /*width: 162px;*/ width:calc((100% - 11px) / 2); padding: 0;}
.list_event._bd_b0 > li:not(:nth-last-child(-n + 2)) { margin-bottom: 28px; }
.list_event._bd_b0 > li:nth-child(even) {margin-left:11px;}
.list_event._bd_b0 li .eventimg { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;flex: initial; justify-content: center; width: 100%; height: auto; margin: 0 0 12px 0; border-radius: 16px; background-color: #d6d6d6;/*flex: 0 0 162px; width: 162px; height: 162px;*/ }
.list_event._bd_b0 li .eventimg img { width: 100%; height: 100%; border-radius: inherit; }
.list_event._bd_b0 li .eventimg .txt_label {position:absolute; top:12px; left:12px;}
.list_event._bd_b0 li.end .eventimg::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.32); content: ""; }
.list_event._bd_b0 li.end .eventimg::after { position: absolute; top: 16px; left: 16px; display: inline-flex; align-items: center; width: auto; height: 20px; padding: 0 4.5px; border-radius: 16px; color: #fff; background-color: #000; content: "종료"; font-size: 12px; font-weight: 700; }
.list_event .eventimg + div > h3 + p { margin-top: 4px; }
.list_event._bd_b0 li > a.event_link { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; color: transparent; font-size: 0; }
.list_event.type03 > li { padding: 12px 0; }
.section .box_list_event._prev_year .list_event._bd_b0 li .eventimg { flex: 0 0 91px; height: 91px; } /* 2022-01-04 Q10510 : _prev_year 관련 추가 */
@media all and (max-width:374px) {
    .list_event._bd_b0 li { align-items: start;width:100%; margin-bottom:28px;}
    .list_event._bd_b0 li:last-child {margin-bottom:0;}
    .list_event._bd_b0 > li:nth-child(even) {margin-left:0;}
}

/* 마일리지 전환 */
.list_input01 li.un_line .box_input01 .input_cell_box::before,
.list_input01 li.un_line::after { display: none; }
.list_input01 li.un_line .input_cell_box.error input.input_txt { border-bottom-color: transparent; }
.list_input01 li.un_line .input_cell_box + p { margin-top: -16px; transform: translate( 0, 12px ); }
.list_input01 li.un_line .input_cell_box.error + p { color: #f00; }
.list_input01 li.un_line .input_cell_box.error + p::before { position: absolute; top: -5px; left: 0; display: inline-flex; width: 100%; height: 2px ; background-color: #f00; content: ''; }
.list_input01 li.bd_blk .box_input01 .input_cell_box.error::before { background-color: transparent; }
.list_input01 li.bd_blk .box_input01 .input_cell_box.error input.input_txt { border-bottom: none; }
button.popopen_btn, a.popopen_btn { position: absolute; z-index: 10; top: 0; left: 0; display: flex; width: 100%; height: 100%; border: none; color: transparent; background: none; font-size: 0; }

/* 피커 팝업 */
.box_content .date_box { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; }
.box_content .date_box + .date_box { border-top: 1px solid #f5f5f5; }
.box_content .date_box h3 { position: sticky; top: 0; left: 0; line-height: 22px; padding: 18px 24px 0 0; font-size: 16px; font-weight: 700; }
.box_content .date_box ul { display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; flex-direction: column; padding-left: 70px; }
.box_content .date_box ul li { display: inline-flex; align-items: center; height: 57px; font-size: 16px; }
.box_content .date_box ul li + li { border-top: 1px solid #f5f5f5; }
.box_content .date_box ul li > input[type="radio"] { display: none; }
.box_content .date_box ul li input[type="radio"] + label { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; cursor: pointer; }
.box_content .date_box ul li input[type="radio"] + label::after { display: inline-flex; width: 24px; height: 24px; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_checkB_radio_gry.png) no-repeat 50% 50%; background-size: cover; content: "";  }
.box_content .date_box ul li input[type="radio"]:checked + label::after { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_checkB_radio.png); }
.modal_pop .layer_btn.fix_btn { position: fixed; }
.modal_pop.day_pick_pop .box_content .date_box ul{padding-left: 0;}

/* .btn_bottom 의 박스가 한개일떄 하단 컨텐츠가 잘리는 부분  */
.sub_container.sub_benefit.pb90 { padding-bottom: 90px; }

/* .tab_default div { margin: 0 4px 0 0; padding: 0 12px; height: 36px; color: #949494; font-size: 16px; line-height: 22px; display: flex; align-items: center; border-radius: 4px; background-color: #fff; }
.tab_default div.current { color: #000; border: 1px solid #000; } */

.login + .tab_container .tab_default a { flex: 1; }
/* 2022-01-19 Q10510 가로스크롤바 이슈로 삭제 */
/*.login + .tab_container .tab_con .tab_default { overflow-x: visible; }*/

.sub_benefit.mpoint_car .btn_bottom .btn_area_line [class^=btn] {margin:0 !important;} /* Q10510 자동차구매 페이지 하단버튼 좌우간격 16px로 통일 */
.sub_benefit.car_benefit .btn_bottom .btn_area_line [class^=btn] {margin:0 !important;} /* Q10510 현대/기아차구매프로그램 하단버튼 좌우간격 16px로 통일 */
.sub_benefit .btn_bottom .btn_area_line + .txt_area_line { border-top: none; }
.sub_benefit .btn_bottom .txt_area_line { margin: 0 12px; border-top: 1px solid #d8d8d8; }
/* Q10086 이벤트 상세 > 이벤트 목록 버튼 */
.sub_benefit .box_btn.event_list { padding-top:24px;margin-top:64px; border-top:1px solid #d8d8d8;}

.division_line { border-top: 1px solid #d8d8d8; /*margin: 0 12px;*/ }

.sub_benefit .box_cont dd + dd { margin-top: 56px; }
.sub_benefit .box_cont dd .inner_cont + .inner_cont { margin-top: 32px; }

/* 상단 탭 우측 그라디언트 */
.tab_con.type_gradient::after { position: absolute; z-index: 1; top: 0; right: 0; display: inline-flex; width: 40px; height: 56px; background: linear-gradient(to left, #fff, rgba(255,255,255,0.75), rgba(255,255,255,0)); content: ""; }

/* 상생 국민지원금 */
.sub_benefit .pay_detail > p { display: flex; justify-content: space-between; }
.sub_benefit .pay_detail > p + p { margin-top: 12px; }
.sub_benefit .pay_info .pay_sort { display: flex; align-items: center; padding: 15px 24px; margin: 8px -7.34% 0; background-color: #fafafa; }
.sub_benefit .pay_info .pay_sort a { display: inline-flex; align-items: center; color: #e0e0e0; }
.sub_benefit .pay_info .pay_sort a:not(:last-child) { margin-right: 12px; } /* 2022-07-11 GGU477 mr수정*/
.sub_benefit .pay_info .pay_sort a + a::before { display: inline-flex; width: 1px; height: 12px; margin-right: 12px; background-color: #e0e0e0; content: ""; } /* 2022-07-11 GGU477 mr수정*/
.sub_benefit .pay_info .pay_sort a.active { color: #000; }
.sub_benefit .pay_info .pay_info_list .pay_info_total { display: flex; justify-content: space-between; margin-top: 20px; }
.sub_benefit .pay_info .pay_info_list .pay_list { border-top: 1px solid #f5f5f5; }
.sub_benefit .pay_info .pay_info_list .pay_list li { padding: 23px 0; }
.sub_benefit .pay_info .pay_info_list .pay_list li > div { display: flex; justify-content: space-between; }
.sub_benefit .pay_info .pay_info_list .pay_list li > div > p.round_dot2box1 {width:80%;}

/* 포인트 추가 */
.point_list.type_line li { display: flex; align-items: center; justify-content: space-between; height: 56px; }
.point_list.type_line li + li { border-top: 1px solid #f5f5f5; }
.point_list.type_line li.line{ border-bottom: 1px solid #f5f5f5; }

/* 2022-01-17 Q10086 현대기아차 아코디언 예외사항 추가 */
.car_benefit_accod  .box_use01._type2 + .box_use01._type2{margin-top:24px;}
.car_benefit_accod  .box_use01._type2 .box_info01 {padding:20px 0 32px;}

/* 2022-01-18 Q10086 클럽서비스 공지사항 search */
.club_serv .search_enter .box_input01 .input_cell input::placeholder {line-height:26px;font-size:20px;font-weight:700;}

/* 2022-01-21 Q10086 클럽서비스 대상 카드 */
.sub_clubserv .card_list .list_targetcard {display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content: flex-start; margin-left:16px;}
.sub_clubserv .card_list .list_targetcard li {width:calc((100% - 120px)/3); margin:40px 52px 0 0;}
.sub_clubserv .card_list .list_targetcard li:nth-child(3n) {margin-right:0;}
.sub_clubserv .card_list .list_targetcard li:nth-child(-n+3) {margin-top:20px;}

/* 2022-01-21 Q10086 보유포인트-내역없음 case */
.sub_benefit .box_mypoint_tab {margin-top:48px;}
.sub_benefit .box_mypoint_tab .ui_tabs_menu {margin-top:12px;}
.sub_benefit .box_mypoint_tab .box_check .input_cell_check01 label { position:relative;display:block;}
.sub_benefit .box_mypoint_tab .box_check .input_cell_check01 input[type="checkbox"] + label > i {position:absolute;}
/*.sub_benefit .box_mypoint_tab .box_check .input_cell_check01.check_all input[type="checkbox"] + label > i {width:32px;height:32px;}*/
.sub_benefit .box_mypoint_tab .box_check .input_cell_check01.check_all {padding:13px 0;}
.sub_benefit .box_mypoint_tab .box_check .point_check_list .input_cell_check01 input[type="checkbox"] + label > i { top:6px;left:4px;width:21px;height:21px;}
.sub_benefit .box_mypoint_tab .box_check .point_check_list .input_cell_check01 input[type="checkbox"] + label > i::after { -webkit-mask-size:21px;mask-size: 21px;}
.sub_benefit .box_mypoint_tab .box_check .point_check_list .input_cell_check01 {padding:16px 0;}
.sub_benefit .box_mypoint_tab .box_check .point_check_list .input_cell_check01 .info_top {display:flex; display:-webkit-flex; justify-content:space-between;}
.sub_benefit .box_mypoint_tab .box_check .point_check_list .input_cell_check01 .info_bottom {margin-top:4px; color:rgba(0,0,0,0.48);}
.sub_benefit .btn_bottom.fix .total_point {display:flex; display:-webkit-flex; justify-content:space-between; margin-bottom:20px;}
.sub_benefit .no_list {padding:80px 0; border-bottom:1px solid rgba(0,0,0,0.12);}

/* 2022-01-21 Q10086 hcoin 본인계좌송금 */
.list_input01.hcoin li {height:56px;}
.list_input01.hcoin li .box_input01 input.input_txt::placeholder {line-height:26px;font-size:20px;font-weight:700;}
.list_input01.hcoin li + li {margin-bottom:9px; border-top:1px solid rgba(0,0,0,0.04);}

/* 2022-02-25 GGU442 [APP][혜택] 이워드 약정 페이지 이용불가에 따른 제작 요청의건 */
.eward_select{color:#000!important;font-size:16px!important;font-weight:500!important;}
.eward_cancel .dpfx_align_c_just_bet .dpfx_align_c .p1_m_lt, .eward_cancel .dpfx_align_c_just_bet .p1_b_rt_1ln{color:rgba(0,0,0,.48)!important;}
.eward_cancel .p2_m_lt_1ln.fc_m_a48.mt16.dpfx.round_dot2box1 span:last-child{color:#ff0000;}
.bd_bot_none,.eward_last > li:last-child{border-bottom:none!important;}
.pb64{padding-bottom:64px!important;}

.sub_benefit .useinfo { padding: 0 16px; margin-top:64px; word-wrap: break-word; word-break: keep-all;}
.sub_benefit .useinfo .box_bul {margin-top:12px;}
.sub_benefit .useinfo .box_bul .bul_list li { line-height:22px;font-size: 14px; font-weight:500;}
.sub_benefit .useinfo .box_bul .bul_list li + li {margin-top: 6px;}
.sub_benefit .useinfo .box_bul .dash_list li {color:#5c5c5c;}
.sub_benefit .useinfo .bul_list li > .dash_list {margin: 6px 0; }
.sub_benefit .useinfo .bul_list li > .dash_list li{line-height:22px;}
.sub_benefit .useinfo .line_top { padding-top: 24px;margin-top: 24px; border-top:1px solid #e0e0e0;}
.sub_benefit.sub_friendship .useinfo {padding:0;}


/* 2022-06-23 GGCP31 심의필영역 추가 */
.sub_benefit .discussion_detail { padding-top: 24px; border-top: 1px solid rgba(0,0,0,0.12); } /*2022-06-29 GGCN45 : 가이드 적용 sd_m_12*/

/* 2022-06-28 Q20093  [이벤트] the RedGreenPink TRIBE 이벤트 페이지 컨텐츠 수정 요청의 건*/
.ev_table.type2 td div .flex_img_box .event_store_img {width: 100px; max-width: 100px; height: 100px;}
.ev_table.type2 td div .flex_img_box{padding-bottom: 12px;}

/* 2022-07-08 GGU477 [혜택] 정부지원 사업_전자온누리상품권 사업 화면 개발 건 */
.sub_benefit .registration_listCard > h3 {margin-bottom: 20px;}
.sub_benefit .registration_listCard .item_card {display: flex; padding: 24px 0;  border-bottom: #eaeaea 1px solid;}
.sub_benefit .registration_listCard .item_card .img {width: 40px; padding-top: 4px; margin-right: 16px;}
.sub_benefit .registration_listCard .item_card .img img {width: 100%;}
.sub_benefit .registration_listCard .item_card .info {width: calc(100% - 56px);}
.sub_benefit .registration_listCard .item_card .info p {margin-top: 2px;}
/* 달력2 커스텀 */
.ui-datepicker-hc .ui-widget-header { border: none;background: none;}
.ui-datepicker-hc .ui-state-default, .ui-datepicker-hc .ui-widget-content .ui-state-default {border: none; background: none;}
.ui-datepicker-hc-calendar tbody tr td a, .ui-datepicker-hc-calendar tbody tr td span { position:relative; z-index:1;display:inline-block; width:32px; height:32px; line-height:30px; border:1px solid rgba(255,255,255,0); border-radius:100%;}
.ui-datepicker-hc-calendar tbody tr td.ui-datepicker-hc-today .ui-state-default {border: 1px solid #000 !important;}
.use_calendar.type2 .direct_cld label.start_date:after,
.use_calendar.type2 .direct_cld label.end_date:after {position:absolute; top:50%; right:11px; width:24px; height:24px; background-color:#000; content:''; transform:translateY(-50%); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); -webkit-mask-size:24px 24px; mask-size:24px 24px;}
.use_calendar.type2 .direct_cld label.h64.start_date:after,
.use_calendar.type2 .direct_cld label.h64.end_date:after {right:16px; width:32px; height:32px; background:#fff url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.png) no-repeat 50% 50% / 32px;}
/* //2022-07-08 GGU477 [혜택] 정부지원 사업_전자온누리상품권 사업 화면 개발 건 */

/* 2022-08-04 Q20093 H-coin 넘버링 추가 */
.sub_event [class*="num"][class*="_txt"] { position: relative; padding-left: 1.25em; }
.sub_event [class*="num"][class*="_txt"]::before { position: absolute; top: 0; left: 0; content: ""; }
.sub_event [class*="num"][class*="_txt01"]::before { content: "①"; }
.sub_event [class*="num"][class*="_txt02"]::before { content: "②"; }
.sub_event [class*="num"][class*="_txt03"]::before { content: "③"; }
.sub_event [class*="num"][class*="_txt04"]::before { content: "④"; }
.sub_event [class*="num"][class*="_txt05"]::before { content: "⑤"; }

/* 2022-10-18/2022-10-24 GGU282 [혜택]M포인트 사용처 페이지 리뉴얼 작업 요청의 건(MO웹) - 추가 */
.tab_container.expand_type .tab_con {padding-left:0;}
.tab_container.expand_type .tab_default {padding-left:16px;}
.tab_container.expand_type .tab_expand_area,
.tab_container.expand_type .tab_expand_area > button {height:56px;}
.tab_container.expand_type .tab_expand_view .tab_default {height:auto;}

.list_banner_box02 .list_item,
.list_banner_box02 .list_item > a {position:relative;display:flex;align-items:center;width:100%;}
.list_banner_box02 .list_item .ico {position:relative;display:inline-flex;overflow:hidden;align-items:center;flex:0 0 56px;justify-content:center;width:56px;height:56px;margin:0 16px 0 6px;}
.list_banner_box02 .list_item .ico.m_mall img {width:40px;height:40px;}
.list_banner_box02 .list_item .txt_wrap {display:flex;align-items:center;flex:1 1 1%;padding:24px 0;border-bottom:1px solid rgba(0,0,0,0.08);}
.list_banner_box02 .list_item .txt_wrap.bd_bottom{border-bottom:1px solid rgba(0,0,0,0.08)!important;}/* 2022-11-22 GGU442 추가 */
.list_banner_box02 .list_item:last-child .txt_wrap {border-bottom:0 none;}
.list_banner_box02 .list_item .txt {flex:1 1 1%;}
.list_banner_box02 .list_item .textbico_larg {flex:0 0 32px;width:32px;height:32px;margin:0 8px 0 0;}
.list_banner_box02 .list_item p + p {margin-top:4px;}

.mpoint_store .hide {display:none !important;}

.mpoint_store .discussion_detail {padding-top:24px;margin-top:24px;border-top:1px solid rgba(0,0,0,0.12);}
.mpoint_store .discussion_detail.bdt_no {padding-top:0;margin-top:64px;}
.mpoint_store .discussion_detail,
.mpoint_store .discussion_detail li {line-height:22px;color:#000;font-size:14px;}
.mpoint_store .discussion_detail li li {color:#000;}
.mpoint_store .discussion_detail li + li {margin-top:6px;}

.mpoint_store .sec_banner {padding:20px 0 0;}
.mpoint_store .sec_banner .h4_b_lt {margin:0 24px;}
.mpoint_store .side_box {position:relative;margin:0 16px;border:1px solid #000;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,0.12);}
.mpoint_store .side_box_top {border-bottom:1px solid rgba(0,0,0,0.12);}
.mpoint_store .side_box_top .login_txt {display:block;padding:14px 15px 9px 16px;}
.mpoint_store .side_box_top .login_txt span {display:block;}
.mpoint_store .side_box_top .login_txt .textbico_mide {display:block;padding:2px 0;}
.mpoint_store .side_box_top .point_info {display:flex;align-items:end;justify-content:space-between;padding:0 15px;}
.mpoint_store .side_box_top .point_info .p2_b_lt_1ln {padding:14px 0 13px;}
.mpoint_store .side_box_top .point_info .h4_b_1ln {padding:10.5px 0 9.5px;}

.mpoint_store .side_bn1_wrap {padding:13px 0 21px;}
.mpoint_store .side_bn1_wrap > p {padding:0 16px;}
.mpoint_store .side_bn1_list_wrap {position:relative;margin-top:10px;}
.mpoint_store .side_bn1_list {position:relative;overflow:hidden;width:100%;min-height:98px;}
.mpoint_store .side_bn1_list .swiper-slide {flex:0 0 96px;}
.mpoint_store .side_bn1_list .bn_item {display:block;width:80px;margin:3px 9px 3px 7px;text-align:center;}
.mpoint_store .side_bn1_list .bn_item > span {display:block;}
.mpoint_store .side_bn1_list .bn_item .thumb img {width:56px;height:56px;border:0.5px solid rgba(0,0,0,0.12);border-radius:28px;}
.mpoint_store .side_bn1_list .bn_item .sname {overflow:hidden;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;}
.mpoint_store .side_bn1_list .bn_item .sname,
.mpoint_store .side_bn1_list .bn_item .desc {line-height:16px;font-size:12px;font-weight:500;}

.mpoint_store .side_bn2_list_wrap {position:relative;margin:0 0 -2px;}
.mpoint_store .side_bn2_list {position:relative;overflow:hidden;width:100%;height:auto;padding:30px 16px 20px;}
.mpoint_store .side_bn2_list a {display:block;border-radius:8px;text-align:center;}
.mpoint_store .side_bn2_list a > img {max-width:1029px;border-radius:8px;}
.mpoint_store .side_bn2_list_wrap .swiper-pagination-wrap {position:absolute;z-index:10;right:0;bottom:0;left:0;height:8px;text-align:center;font-size:0;}
.mpoint_store .side_bn2_list_wrap .swiper-button-autoplay {display:inline-block;width:6px;height:6px;margin-right:6px;background:transparent url(/docfiles/resources/mo/images/com/btnicon/ico_pause.png) no-repeat 50% 50%;background-size:6px 6px;vertical-align:top;font-size:0;}
.mpoint_store .side_bn2_list_wrap .swiper-button-autoplay.stop {background-image:url(/docfiles/resources/mo/images/com/btnicon/ico_play.png); }
.mpoint_store .side_bn2_list_wrap .swiper-pagination {position:static;display:inline-block;height:100%;vertical-align:top;}
.mpoint_store .side_bn2_list_wrap .swiper-pagination-bullets .swiper-pagination-bullet {width:6px;height:6px;margin-right:3px;margin-left:3px;cursor:pointer;vertical-align:top;font-size:0;}
.mpoint_store .side_bn2_list_wrap .swiper-pagination-bullet:first-child {margin-left:0; }
.mpoint_store .side_bn2_list_wrap .swiper-pagination-bullet:last-child {margin-right:0; }
.mpoint_store .side_bn2_list_wrap .swiper-pagination-bullet-active {background:#000;}

.mpoint_store .sec_list .h4_b_lt {margin-bottom:8px;margin-left:24px;}
.mpoint_store .list_event {padding:0;}
.mpoint_store .list_event > li {padding:20px 0;}
.mpoint_store .list_event .txt_tit > small {padding-bottom:0;}

.mpoint_store .sec_list .h4_b_lt {margin-left:24px;}

@media (prefers-color-scheme: dark){
    .list_banner_box02 .list_item .txt {border-bottom-color:rgba(255,255,255,0.08);}
    .mpoint_store .discussion_detail {border-top-color:rgba(255,255,255,0.12);}
    .mpoint_store .discussion_detail,
    .mpoint_store .discussion_detail li {color:#fff;}
    .mpoint_store .discussion_detail li li {color:#fff;}
    .mpoint_store .side_box {border-color:#fff;box-shadow:0 4px 16px rgba(255,255,255,0.12);}
    .mpoint_store .side_box_top {border-color:rgba(255,255,255,0.12);}
    .mpoint_store .side_bn1_list .bn_item .thumb img {border-color:rgba(255,255,255,0.12);}
    .mpoint_store .side_bn2_list a > img {box-shadow:0 4px 16px rgba(255,255,255,0.12);}
    .mpoint_store .side_bn2_wrap .swiper-button-autoplay {background-image:url(/docfiles/resources/mo/images/com/btnicon/ico_pause.png);}
    .mpoint_store .side_bn2_wrap .swiper-button-autoplay.stop {background-image:url(/docfiles/resources/mo/images/com/btnicon/ico_play.png); }
    .mpoint_store .side_bn2_wrap .swiper-pagination-bullet-active {background:#fff;}

     /* 2024-04-09 Q20542 추가 */
    .m_banner > .dark_txt {color: #000;}
    .svg_mall_change path {fill: black !important;}
    .svg_subs_change path:nth-of-type(2) {fill:black;}
    /* // 2024-04-09 Q20542 추가 */
}
/* //2022-10-18/2022-10-24 GGU282 [혜택]M포인트 사용처 페이지 리뉴얼 작업 요청의 건(MO웹) - 추가 */

/* 2022-11-22 GGU442 (혜택) M포인트 사용처 내 M포인트 자동사용 컨텐츠 제작 요청 건 */

/* 2024-10-25 Q20542 [혜택] M혜택_M포인트 연회비 결제 UI개선,탭추가(MO만) 및 문구 수정 */
.ui-toast-area {position:fixed; z-index:-1; right:8px; bottom:20px; left:8px; margin-bottom: calc(env(safe-area-inset-bottom) + 8px ); padding:17px 20px; border-radius:.8rem;opacity: 0; background:#333; border: 1px solid rgba(255,255,255,.08); text-align: left;backdrop-filter: blur(40%);}/* 2024-10-21 Q20542 수정(배경색) */
.ui-toast-area .ui-tst-txt { line-height:22px; color:#fff;font-size:16px;font-weight: 700;}
.ui-toast-area .ui_tst_img {position:absolute;top:50%;left:16px; display:block;overflow: hidden;width:32px;height:32px;margin-top:-16px; border-radius:16px;}
@media (prefers-color-scheme:dark) {
    .ui-toast-area {background:#5c5c5c;}
}
/* 2024-11-04 Q20542 2줄 케이스 추가 */
.ui-toast-area.case02{padding: 10px 20px;}
/* // 2024-10-25 Q20542 [혜택] M혜택_M포인트 연회비 결제 UI개선,탭추가(MO만) 및 문구 수정 */


.mp_autolist{margin-top:44px;}
.mp_autolist li{position: relative;overflow: hidden;padding:0 0 44px 0;}
.mp_autolist li .tit_area{width:100%;box-sizing: border-box;padding:0 80px 0 0;}
.mp_autolist li .tit_area .h4_b_lt{margin-bottom:6px;}
.mp_autolist li .tit_area .h4_b_lt.use::after{display: inline-block;line-height:20px;padding:0 8px;margin:-3px 0 0 4px;border-radius:10px;color:#fff;background:#000;content: "이용 중";vertical-align: middle;font-size:12px;} /* 2025-05-29 Q11817 '사용중 -> 이용 중' 문구수정 */  /* 2024-10-25 Q20542 margin 수정 */
.mp_autolist li .btn_area{position: absolute;top:0;right:0;}
/* // 2022-11-22 GGU442 (혜택) M포인트 사용처 내 M포인트 자동사용 컨텐츠 제작 요청 건 */

/* 2022-11-22 GGU442 (혜택) M포인트 사용처 내 M포인트 자동사용 컨텐츠 제작 요청 건 */
/* toggle_btn*/
.toggle_wrap{display: inline-flex;align-items: center;cursor: pointer;gap:0.5rem;}
.btn_toggle{position: relative;width:48px;height:28px;border-radius:22px;background:rgba(0,0,0,0.12);-webkit-appearance: none; -moz-appearance: none; appearance: none;} /* 2023-08-18 GGU282 - background 주석 해제 */
.btn_toggle::after{position: relative;display:block;width:48px;height:28px;border-radius:22px;content: "";/*background:rgba(0,0,0,0.12);*/}
.btn_toggle::before{position: absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background: #fff;content: "";transition: left 250ms linear;}
.btn_toggle:checked {background-color:#000;} /* 2023-08-18 GGU282 - 추가 */
.btn_toggle:checked::before, .btn_toggle.sd_m_blk::before{left:22px;background:#fff;transition: left 250ms linear;}
/* // 2022-11-22 GGU442 (혜택) M포인트 사용처 내 M포인트 자동사용 컨텐츠 제작 요청 건 */

/* [혜택] M혜택_M포인트 자동사용 일괄설정 기능 추가 및 UI변경 - 2023-08-18 GGU282 - 추가 */
.mp_autolist2 { padding:0 12px 0 16px;margin:12px -8px 0; border:1px solid #000; border-radius:12px;}
.mp_autolist2 li {display:flex; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.08);}
.mp_autolist2 li .tit_area h4 {margin-bottom:4px;}
.mp_autolist2 li .tit_area h4.use::after { display: inline-block; line-height:20px; padding:0 8px; margin:-2px 0 0 4px; border-radius:10px; color:#fff; background:#000;content:"이용 중"; vertical-align: middle; font-size:12px;} /* 2025-05-29 Q11817 '사용중 -> 이용 중' 문구수정 */ /* 2024-10-25 Q20542 margin 수정 */
.mp_autolist2 li .btn_area {margin-left:60px;}

/* [혜택] M혜택_멤버십 구독 M포인트사용화면 신규제작 - 2023-02-06 */
.mp_autolist3 { padding:0 0 0 2px;margin:12px 0 0 0;}
.mp_autolist3.mt48 {margin-top:28px !important;}
.mp_autolist3 li {display:flex; align-items:center; justify-content:space-between; padding:25px 0;}
.mp_autolist3 li .tit_area h4 {margin-bottom:4px;}
.mp_autolist3 li .tit_area h4.use::after { display: inline-block; line-height:20px; padding:0 8px; margin:-2px 0 0 4px; border-radius:10px; color:#fff; background:#000;content:"이용 중"; vertical-align: middle; font-size:12px;} /* 2025-05-29 Q11817 '사용중 -> 이용 중' 문구수정 */ /* 2024-10-25 Q20542 margin 수정 */
.mp_autolist3 li .btn_area {margin-left:60px;}
.mp_autolist3.type4 li .btn_area {margin-left:15px;}/* 2025-03-10 Q11793 추가 */
.mp_autolist3 li .tit_area h4.use.use2::after{content: '이용 중';} /* 2025-04-29 Q11855 추가 */

/* 2024-04-04 Q20620 줄 바꿈 클래스 추가 */
.pc_hide {}
.mo_hide {display:none !important;}

/* 2024-10-08 GGU282 - [혜택] 해외이용혜택 서브메인 UI개선 및 콘텐츠 수정(탭화면분리 등) 추가 */
.modal_pop .layer_head.text_wrap {height:auto;}
.modal_pop .layer_head.text_wrap h1 {white-space:pre-line}

.tab_default.type_h36 a {height:36px; padding:8px 12px; font-size:14px; line-height:20px; font-weight:500;}
.tab_default.type_h36 a.current {font-weight:700;}

/* 탭 슬라이드 .tab_sub */
.tab_slide .tab_sub a:last-child {margin-right:40px;}
.tab_slide .tab_sub {display:block; font-size:0;}
.tab_slide .tab_sub a {position:relative; display:inline-block; line-height:22px; margin:0 9px 0 8px; padding:12px 4px; color:#5C5C5C; font-size:16px; font-weight:500;}
.tab_slide .tab_sub a:first-child {margin-left:4px;}
.tab_slide .tab_sub a.current {color:#000; font-weight:700;}
.tab_slide .tab_sub a.current:after {content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background-color:#000;}
.tab_slide .tab_sub.no_curr_bd a.current:after {display:none;}
.tab_slide .tab_sub a + a:before {content:''; position:absolute; top:50%; left:-9px; display:block; width:1px; height:12px; transform:translateY(-50%); background:rgba(0,0,0,0.12);}

.tab_slide.hide_after:after {display:none;}
.tab_slide.hide_after .tab_sub a:last-child {margin-right:9px;}

.classben_icobox.type2 {flex-wrap:wrap;}
.classben_icobox.type2 .dpfx_align_c {margin:8px 8px 0 0;}

.classben_list .list_type8 {border-top:1px solid rgba(0,0,0,0.04);}
.classben_list .list_type8 > li {position:relative; display:flex; align-items:center; justify-content:space-between; padding:16px 0; border-bottom:1px solid rgba(0,0,0,0.04);}
.classben_list .list_type8 > li .cont2 {margin-left:4px;}
.classben_list .list_type8 > li .cont2 .classben_ico + .classben_ico {margin-left:4px;}

/* 작은 아코디언 */
.sub_overseas .accod_list .box_tit {position:relative;}
.sub_overseas .accod_list .accodWrap .accodBtn {display:block; width:100%; padding:20px 39px 20px 0; border-top:1px solid rgba(0,0,0,0.08); }
.sub_overseas .accod_list .accodBtn:after { position: absolute; top:20px; right:0; display: block; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size:24px; content:"";}
.sub_overseas .accod_list .accodWrap.on .accodBtn p {font-weight:700;}
.sub_overseas .accod_list .accodWrap.on .accodBtn:after {background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);}
.sub_overseas .accod_list .accodWrap:first-child .accodBtn {border-top:none;}
.sub_overseas .accod_list .accodSlide {display:none; padding:20px 0;}
.sub_overseas .accod_list .accodSlide > .box_bul ul {padding-top:3px; padding-bottom:3px;}
.sub_overseas .accod_list .accodSlide > .box_bul,
.sub_overseas .accod_list .accodSlide > .box_bul li,
.sub_overseas .accod_list .accodSlide p {color:rgba(0,0,0,0.64);}
.sub_overseas .accod_list .accodSlide > .box_bul + .box_btn {margin:12px 0 0 8px;}
/* //2024-10-08 GGU282 - [혜택] 해외이용혜택 서브메인 UI개선 및 콘텐츠 수정(탭화면분리 등) 추가 */

/* 2025-03-25 Q11924 다크모드 대응으로 밑에서 위로 순서 변경 */

/* 2022-12-08 Q10941 유의사항 내 기호 삭제 클래스 추가 */
.sub_benefit .bul_list03.no_mark li {padding-left: 0;}
.sub_benefit .bul_list03.no_mark li::before {display: none;}

/* 2023-03-13 Q10552 NOL추가 */
.nol_content {padding:0 24px;margin-top:48px;}
.nol_content p {line-height: 48px;}

/* 2023-04-11 Q10552 추가 */
.club_serv .other_line::before {display: none;}

/* 2023-08-09 Q11139 [혜택] H-Coin 혜택_H-Coin 사용처 문구 수정 및 로고변경(GS25 등 10종) - 폰트 사이즈 */
.sub_benefit .dash_list04 li{font-size: 14px !important;}

/* 2023-09-26 Q11139 당구장 표기(※) 추가 */
.sub_benefit [class^="bul_"][class*="list"] > li.dg_txt {padding-left: 18px;}
.sub_benefit [class^="bul_"][class*="list"] > li.dg_txt:before { position:absolute; top:0; left:1px; display:inline-block; background: none;content:'※';}
.sub_benefit ul.dg_list {position: relative;}
.sub_benefit ul.dg_list > li { position: relative;padding-left: 18px;}
.sub_benefit ul.dg_list > li:before { position:absolute; top:0; left:1px; display:inline-block;content:'※';}
.sub_benefit ul.dg_list > li + li {margin-top: 8px;}

/* 2024-03-28 Q20542 M혜택, X혜택 ui변경 건 */
.list_type2_wrap{margin-bottom: 64px;}
.list_type2_wrap > .list_type2 > li::after{position: absolute;right: 0;bottom: 0; width: calc(100% - 72px);border-bottom: 1px solid rgba(0,0, 0, 0.08);content: '';}
.list_type2_wrap > .list_type2 > li:last-child {padding-bottom: 0 !important;}
.list_type2_wrap > .list_type2 > li:last-child::after{border: 0;}
.list_type2_cont {position: relative;}
.list_type2_cont > a {display: flex;align-items: center;}
.list_type2_cont > a > .img_btn {margin-right: 8px;}
.list_type2_cont > a > .m_ben_img {width: 56px;margin-right: 16px;}
.list_type2_cont > a > .txt_btn {display: flex;align-items:flex-start;flex-direction: column;height: auto;}
.m_banner{align-items: center !important;justify-content: space-between;padding: 12px 24px !important;background-color: #72a8ff !important;}
.m_banner > .txt > span {line-height: 20px !important;}
.m_banner > .img{width: 56px;}

/* 2024-06-21 Q20542 M혜택_M포인트 교환 서브메인 페이지 및 Gift 카드 구매 UI개선 건 */

.mpoint_change_badge_area{height: 16px;padding: 0 6px;margin-top: 2px;margin-left: 4px;border-radius: 40px;background-color: rgba(0, 0, 0, 0.48);}
.mpoint_change_badge_area > p {line-height: 16px;color: #fff;font-size: 10px;font-weight: 700;}

.mpoint_change_wrap{padding: 20px 24px 0;margin-bottom: 36px;}
.mpoint_change_box{justify-content: space-between;padding: 15px 20px;border-radius: 8px;background-color: #f5f5f5;}

.tbl_type4 th,
.tbl_type4 td{line-height:20px;padding-top:14px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,0.08);font-size:14px;font-weight:500;}
.tbl_type4 tr:last-child td{border-bottom: 0;}
.tbl_type4 th{font-weight: 700;}
.tbl_type4 thead th {border-bottom:1px solid rgba(0,0,0,0.08);}
.tbl_type4 table th, .tbl_type1 table td { position: relative;vertical-align: top;}
/* .ben_pointbox_charge_wrap{margin: 162px 20px 0;}
.ben_pointbox_charge_area{position: relative;padding: 24px 0;}
.ben_pointbox_charge_wrap > .ben_pointbox_charge_area > p:last-of-type{color: #0082ca;margin-left: 2px;}
.ben_pointbox_charge_wrap > .ben_pointbox_charge_area > p:last-of-type > img{width: 24px;height: 24px;}

@media (prefers-color-scheme: dark){
    .ben_pointbox_charge_area{border: 1px solid #fff;}
    .ben_pointbox_charge_area::before{border-bottom-color: #fff;}
    .ben_pointbox_charge_area::after{border-bottom-color: #333;}
} */

/* 2024-06-26 Q20542 M혜택_M포인트 교환 서브메인 페이지 및 Gift 카드 구매 UI개선 건 추가 */
.ben_pointbox > .mpoint > .mpoint_change, .ben_pointbox > .mpoint > .mpoint_emergency {justify-content: space-between;}
.ben_pointbox > .mpoint > .mpoint_change > .mpoint_change_left{display: flex;align-items: center;}
.ben_pointbox > .mpoint > .mpoint_change > .mpoint_change_left, .ben_pointbox > .mpoint > .mpoint_emergency > strong {width: 190px;}
.ben_pointbox > .mpoint > .mpoint_change > span, .ben_pointbox > .mpoint > .mpoint_emergency > span {width: calc(100% - 190px);text-align: right;}
.ben_pointbox > .mpoint > .mpoint_change > .mpoint_change_left .box_tooltip{bottom: -60px;width: 150px;padding: 4px 8px;margin-right: -75px;color: #fff;background: #000;}
.ben_pointbox > .mpoint > .mpoint_change > .mpoint_change_left .box_tooltip:after{top: -8px;border-width: 4px;border-color: transparent transparent #000 transparent;}
.ben_pointbox > .mpoint > .mpoint_change > .mpoint_change_left .box_tooltip > .inner_tooltip > p {letter-spacing: -1px;}

/* 2024-08-26 GGCP31 [혜택] PRIVIA여행_PRIVIA여행 즉시 할인 서비스 대상 카드 안내 페이지 신규제작 */
.bul_tx_ast { position: relative; line-height: 22px; padding-left: 8px; font-weight: 500;}
.bul_tx_ast:before { position: absolute; top: 3px; left: 0; display: inline-block; content:'*'; font-size: 14px; } 
.bul_li_ast li { position: relative; line-height: 22px; padding-left: 8px; font-weight: 500; }
.bul_li_ast li:before { position: absolute; top: 3px; left: 0; display: inline-block; content:'*'; font-size: 14px; } 

/* 2024-09-06 Q20542 [혜택] M혜택_M포인트 연회비 결제 UI개선,탭추가(MO만) 및 문구 수정 */
.tab_container .tab_default.type3 {height: 48px;padding-top: 6px;padding-bottom: 6px;}
.tab_container .tab_default.type3 a {height: 36px;font-size: 14px;line-height: 20px;padding-top: 8px;padding-bottom: 8px;}
.mp_autolist3.type3 li{padding: 20px 0;border-bottom: 1px solid rgba(0,0,0,0.08);}      
.mp_autolist3.type3 li:last-child{border-bottom: 0;margin-bottom: 20px;}    
/* 연회비 결제 신규영역 */
.mp_autolist4 { padding:0 12px 0 16px;margin:12px -8px 0; border:1px solid #000; border-radius:12px;}
.mp_autolist4 li {display:flex; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.08);}
.mp_autolist4 li .tit_area h4 {margin-bottom:4px;}
.mp_autolist4 li .tit_area h4.use::after { display: inline-block; line-height:20px; padding:0 8px; margin:-2px 0 0 4px; border-radius:10px; color:#fff; background:#000;content:"이용 중"; vertical-align: middle; font-size:12px;} /* 2025-05-29 Q11817 '사용중 -> 이용 중' 문구수정 */  /* 2024-10-25 Q20542 margin 수정 */
.mp_autolist4 li .btn_area {margin-left:60px;}
.mpannual_notice_area{margin-top: 64px;}
.mpannual_notice_area .mpannual_notice{padding: 13px 8px 0;text-align: center;border-top: 1px solid rgba(0,0,0,0.08);}
#annualYn_all.btn_toggle.onload:checked::before{transition: none;} /* 2024-10-21 Q20542 로딩 시 토글버튼 transition 미적용  */
.sub_benefit .modal_pop.active{z-index: 1051;}
#popupSetAgree .box_chk01 .check_label{line-height: 26px;color: rgba(0, 0, 0, 0.48);}
.isAppAll .modal_wrap.h100vh{height: 100vh;}/* 2024-11-11 Q20542 ios 노치하단 여백 수정 */

/* 2024-10-29 Q11139 후불형 기후동행카드 페이지 제작 건 */
.certificate_step{margin-top: 21px;}
.certificate_step .step_list {position: relative; padding-bottom: 32px;}
.certificate_step .step_list::before {content: ''; position: absolute; top: 6px; left: 22px; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0;}
.certificate_step .step_list:last-child {padding-bottom: 0;}
.certificate_step .step_list:last-child::before {display: none;}
.certificate_step .step_list > .step {display: flex; align-items: flex-start;}
.certificate_step .step_list > .step > .tit {flex-shrink: 0; width: 59px;}
.certificate_step .step_list > .step > .tit > .label {position: relative; display: inline-block; top: -2px; height: 20px; padding: 0px 6px; background-color: #000; border-radius: 60px; color: #fff; font-size: 10px; font-weight: 700; line-height: 20px; z-index: 1;}
.certificate_step .step_list > .step > .desc {margin-top: 2px;}
.certificate_step .step_list > .step > .desc > .img_box {width: 80px; height: auto;}
.certificate_step .step_list > .step > .img_box > .img {display: block; margin: 2px 0 0 2px;}


.tbl_type5 th{line-height:22px;padding-top:8px;padding-bottom:8px;font-size:14px;font-weight:bold;}
.tbl_type5 td{line-height:20px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.04);font-size:14px;font-weight:500;}
.tbl_type5 tr th{background-color: rgba(0, 0, 0, 0.04); font-weight: 700;}
.tbl_type5 tr:last-child th{border-right: none;}
.tbl_type5 tr:last-child td{border-bottom: 0;}
.tbl_type5 table th, .tbl_type1 table td {position: relative;vertical-align: top;}


/* 2025-01-31 Q11793 추가 [혜택] M포인트 자동사용 금융 이용 금액 결제 신규 제작 */
.tab_container .tab_default.type4 a:last-child {margin-right: 24px;}
.tab_container:has(.type4)::after{display: none;}
.flex2 {flex: 0 0 50%;}
#popupSetAgree .box_chk01 .check_input:checked + .check_label{color: #000;font-weight:500;}
.type_circle.input_cell_check01 input[type="checkbox"] + label > i {position: absolute; background-color: #e0e0e0; opacity: 1;}
.type_circle.input_cell_check01.type_check input:checked + label > i {background-color: #000;}


/* 2025-03-12 Q11793 추가 [혜택] 실적충족조회 화면 개선 */
/* MO_CPBSR0901_01 실적 상세 내역 버튼 추가 */
.my_benefit .section_wrap:has(.chart_box) + .section_wrap:has(.chart_box) {margin-top: 40px;}
.my_benefit .chart_box {padding-bottom:40px;}
.my_benefit .chart_box .chart_btn {display:block;text-align:center;}
.my_benefit .section_wrap:last-child:has(.chart_box)::after {background-color:transparent;}
/* MO_CPBSR0901_02 실적 상세 내역 신규 페이지*/
.detail_content {display: block;}
.detail_content .tabs {display: flex;}
.detail_content .tabs > .tab {flex:1 1 0;position:relative;}
.detail_content .tabs > .tab {margin:0;padding:0 10px;}
.detail_content .tabs > .tab:before {content:'';position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:1px;background:rgba(0,0,0,0.12);}
.detail_content .tabs > .tab{display:flex;height:100%;padding:15px 0;justify-content:center;align-items:center;text-align:center;font-weight:500;color:rgba(0,0,0,0.48);}
.detail_content .tabs > .tab.active{font-weight:500;color:#000;}
.detail_content .tabs > .tab.active:before {height:2px;background:#000;}
.detail_content .tab_contents {padding-bottom: 32px;}
.detail_content .detail_summary {margin: 16px 24px 0;padding: 12px 20px;border-radius: 12px;background-color: rgba(0, 0, 0, 0.04);}
.detail_content .detail_summary_item {display: flex;justify-content: space-between;text-indent: -5px;}
.detail_content .detail_summary_item:first-child{padding: 7px 0;}
.detail_content .detail_summary_item:last-child{padding-top: 3px;}
.detail_content .detail_summary_item:first-child .detail_summary_tit {text-indent: 0;}
.detail_content .detail_list_wrap {margin: 30px 24px 32px;}
.detail_content .sub_tabs {display: flex;justify-content: flex-start;}
.detail_content .sub_tab {display:flex;align-items:center;padding: 8px 12px;border-radius: 40px;border:1px solid rgba(0, 0, 0, 0.12);color: rgba(0, 0, 0, 0.48);}
.detail_content .sub_tab.active {background-color: #000;border:1px solid #000;}
.detail_content .sub_tab.active > span{color:#fff;font-weight: 700;}
.detail_content .detail_list {margin-top: 24px;}
.detail_content .detail_list_item {padding:13px 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.detail_content .detail_list_item:last-child {border-bottom: none;}
.detail_content .detail_list_info {display: flex;justify-content: space-between;}
.detail_content .detail_list_txt {width: calc(100% - 110px);}
.detail_content .detail_list_amount {margin-left: 20px;word-break: keep-all;}
.detail_content .detail_list_subinfo > span {display: inline-block;position: relative;padding-right: 10px;}
.detail_content .detail_list_subinfo > span::after{content: "";display: inline-block;position: absolute;top:9px;right:3px;width: 2px;height: 2px;
background-color: rgba(0, 0, 0, 0.12);border-radius: 2px;}
.detail_content .detail_list_subinfo > span:last-child{padding-right: 0;}
.detail_content .detail_list_subinfo > span:last-child::after{display: none;}
.detail_content .more_btn > a{display: block;width: 100%;}
.nodata_box {display: flex;align-items: center;justify-content: center;height: 428px;}

/* 2025-06-16 Q11924 
M포인트 사용처에 사용되는 팝업스타일 수정. 
M포인트 사용처가 아닌 다른팝업에 영향이 있는경우 알려주세요. 
https://drewww.hyundaicard.com/cpp/eu/CPPEU0101_01.hc
1) 앱에서 팝업이 높이 100%적용 
2) 모웹, 앱에서 layer_head 가 스크롤이 되도록 적용
3) app/mo 버튼 높이값 수정(48->56)
4) 버튼 ios 에서 하단에 위치(노치)
#popDefaultTest3.pop_mpoin_use 사용
 */
.isApp3 #popDefaultTest3.pop_mpoin_use.modal_pop.full .modal_container, 
.isAppAll #popDefaultTest3.pop_mpoin_use.modal_pop.full .modal_container { height: calc(100% - 48px); max-height: calc(100% - 48px); }
#popDefaultTest3.pop_mpoin_use.modal_pop.full .modal_container { display: block;}
#popDefaultTest3.pop_mpoin_use.modal_pop .layer_btn  { position: fixed; } 
.isApp3.iphone #popDefaultTest3.pop_mpoin_use.modal_pop .layer_btn { padding-bottom: 16px; } /* ios app */
#popDefaultTest3.pop_mpoin_use.modal_pop .layer_btn [class^="btn"][class*="48"] { height: 56px; padding: 17px 4px; margin: 0; }

/* 2025-04-23 Q11855 */
#mpoint_store .search_enter{padding: 0 16px; margin-bottom: 6px;}
#mpoint_store .box_input01 .input_cell_box:before{display: none;}
#mpoint_store .box_input01 .input_cell_box .input_cell.w100p.type1 + .box_btn.alC{right: 36px;}
#mpoint_store .input_cell .input_txt::placeholder, #mpoint_store .input_cell .input_txt{font-size: 16px; line-height: 22px; height: 22px;}
#mpoint_store .search_enter .input_cell_box{padding: 9px 36px 9px 18px; border: 2px solid #000; border-radius: 12px;}
#mpoint_store .search_enter .input_cell_box .input_cell{display: flex;}
#mpoint_store .search_enter .input_cell_box.focused{padding: 15px 36px 15px 18px; transition: all .6s;}
#mpoint_store .box_input01 .input_cell_box .box_btn{top: 50%; transform: translateY(-50%);}
#mpoint_store .box_input01 .input_cell_box.completed .btn_del, #mpoint_store .box_input01 .btn_del{width: 20px; height: 20px; background-image: url('/docfiles/resources/mo/images/com/btnicon/ico_gray_del.png'); background-size: contain; background-repeat: no-repeat; background-position: center; margin-top: 1px;}
#mpoint_store .box_btn.search{position: absolute; right: 8px; top: 7px;}
#mpoint_store .box_btn.search .btn_search{width: 28px; height: 28px; background-image: url('/docfiles/resources/mo/images/com/icon/w32/ico_search_blue.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#mpoint_store .tab_container.border_type.expand_type .tab_default:after, #mpoint_store .tab_container:after{display: none;}
#mpoint_store .tab_container.border_type .tab_default a.current{background-color: #000;}
#mpoint_store .tab_container.border_type .tab_default a{border: none; padding: 8px 12px; background-color: rgba(0, 0, 0, 0.04);}
#mpoint_store.mpoint_store .list_event > li{padding: 18px 0;}
#mpoint_store.mpoint_store .list_event > li:first-child{padding-top: 12px;}
#mpoint_store .list_event .txt_tit > small{font-size: 12px; line-height: 16px; margin-bottom: 2px;}
#mpoint_store .list_event .txt_tit{font-size: 16px; line-height: 22px;}
#mpoint_store .list_event .txt_date.v2{font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.48); font-weight: 500;}
#mpoint_store #moreBtn{display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.08); font-weight: 700;}
#mpoint_store #moreBtn #moreTxt{font-size: 16px;}
#mpoint_store .search_nobox{padding-top: 56px;}
#mpoint_store .tab_container.border_type .tab_default{padding: 10px 16px;} /* 2025-06-19 Q11924 왼쪽여백 16px 로 수정 */
#mpoint_store .list_event:not(._bd_b0) .eventimg::after{border-color: rgba(0, 0, 0, 0.08);}
@media (prefers-color-scheme:dark) {
    #mpoint_store .search_enter .input_cell_box{border-color: #fff;}
    #mpoint_store .input_cell .input_txt::placeholder{color: rgba(255, 255, 255, 0.4) !important;}
    #mpoint_store .tab_container.border_type .tab_default a{background-color: rgba(0, 0, 0, 0.16);}
    #mpoint_store .list_event .txt_date.v2{color: rgba(255, 255, 255, 0.48);}
    #mpoint_store .textbico_small .p2_m.fc_m_blk{color: #fff;}
}

/* 2025-04-29 Q11855 */
.membership_card_list{border-top: 1px solid rgba(0, 0, 0, 0.08);}
.membership_card_li{padding-top: 20px;}

/* 2025-05-22 Q11855 */
.tit_img_area{display: flex; gap: 16px; align-items: center;}
.tit_img_box{display: inline-flex; width: 56px; min-width: 56px; height: 56px; border-radius: 56px; overflow: hidden;}

/* 2025-05-22 Q11855 [이벤트] 이벤트 서브메인 내 진행중 상세카테고리 구분탭 적용 */
.event_detail_list{display: flex; gap: 25px; margin-bottom: 15px; overflow: auto;-ms-overflow-style: none; scrollbar-width: none;}
.event_detail_list::-webkit-scrollbar{display: none;}
.event_detail_list li{position: relative; flex: 0 0 auto;}
.event_detail_list li::before{position: absolute; top: 19px; left: -13px; content:''; background-color: rgba(0, 0, 0, 0.12); display: inline-block; width: 1px; height: 12px;}
.event_detail_list li:nth-of-type(1)::before{display: none;}
.event_detail_list a{font-size: 16px; font-weight: 500; line-height: 22px; color: rgba(0, 0, 0, 0.48); display: flex; padding: 14px 0;}
.event_detail_list a.on{color: #000; font-weight: 700; border-bottom: 2px solid #000;}

/* 2025-06-30 GGU477 [혜택] 정부지원 사업 소비쿠폰 신청 신규 제작 */
.w50per {width: 50% !important;}
.GVC2025_intro {padding: 0 24px; margin-top: 32px;}
.GVC2025_intro .img_area .logo_hd {width: 140px; margin: 0 auto;}
.GVC2025_intro .img_area .logo_gbc2025 {width: 200px; margin: 52px auto 0;}
.gvc2025_info_top_area {margin: 0 auto 40px; text-align: center;}
.gvc2025_info_top_area img {width: 100%; max-width: 327px;}
.line_list_flex > li {display: flex; align-items: center; width:100%; padding: 13px 0; border-bottom:1px solid #f5f5f5;}
.line_list_flex > li:last-child {border-bottom: none;}
.line_list_flex > li > .tit {width: 130px;}
.line_list_flex > li > .txt {width: calc(100% - 130px)}
.line_list_flex.mx180 > li > .tit {width: 180px;}
.line_list_flex.mx180 > li > .txt {width: calc(100% - 180px);}
.line_list_flex > li.edit-location-show {display: none;}
.edit-location-mode.line_list_flex > li.edit-location-hidden {display: none;}
.edit-location-mode.line_list_flex > li.edit-location-show {display: flex;}
.line_list_flex.GVC2025 .txt_l {font-size: 16px; font-weight: 700;}
.line_list_flex.GVC2025 .txt_r {font-size: 16px; font-weight: 700; text-align: right;}
.line_list_flex.GVC2025.edit-location-mode .txt_l {font-weight: 500;}
/* 체크박스 - 아코디언 타입 */
.agree_accdType_wrap .check_wrap .input_cell_check01.type_check label {color: #858585;}
.agree_accdType_wrap .check_wrap .input_cell_check01.type_check input:checked + .check_label {color: #000;}
.agree_accdType_wrap .input_cell_check01 input[type="checkbox"] + label > i {position: absolute;}
.agree_accdType .accdList {width: 100%; min-height: 56px;  border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; position: relative;}
.agree_accdType .accdList + .accdList {margin-top: 8px;}
.agree_accdType .accdList_tit {padding: 12px 8px 12px 14px;}
.agree_accdType .accdList_tit .accodBtn {display: inline-block;position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat 50% 50%; background-size: 32px 32px; opacity: 0.64; z-index: 2;}
.agree_accdType .accodWrap.on .accodBtn {background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);}
.agree_accdType .accdList .accdList_detail {background: rgba(0, 0, 0, 0.04); padding: 16px 18px;}.popGVC2025_intro .grayBox {margin-top: 20px; background-color: rgba(0, 0, 0, 0.04); border-radius: 12px; padding: 18px;}
/* 체크박스 - ui변경 */
.agree_bigBoxType_wrap .check_wrap .input_cell_check01.type_check label {color: #858585;}
.agree_bigBoxType_wrap .check_wrap .input_cell_check01.type_check input:checked + .check_label {color: #000;}
.agree_bigBoxType_wrap .input_cell_check01 input[type="checkbox"] + label > i {position: absolute;}
.agree_bigBoxType_wrap .box_terms_wrap {background-color: #f5f5f5; border-radius: 8px;}
/* 접속지연안내 팝업 */
.popGVC2025_intro .grayBox {margin-top: 20px; background-color: rgba(0, 0, 0, 0.04); border-radius: 12px; padding: 18px;}
.popGVC2025_intro .grayBox .info {display: flex; justify-content: space-between;}
.popGVC2025_intro .grayBox .info + .info {margin-top: 12px;}
.popGVC2025_intro .grayBox .info .t2 {color: #0070f0;}
.popGVC2025_infoComplete01 .img {width: 114px; height: 114px; margin: 40px auto 20px;} /* 신청정보 확인 */
.logo_top_GVC2025 {width: 200px; margin: 0 auto 40px;}
.GVC2025_txtBox1 .graybox {background: rgba(0, 0, 0, 0.04); padding: 16px; border-radius: 8px; margin-top: 20px;}
.GVC2025_txtBox1 .graybox li {color: rgba(0, 0, 0, 0.64); font-weight: 500;}
.GVC2025_txtBox1 .graybox li + li {margin-top: 0;}
#popKakaoCert.modal_pop .valid .kakao_logo {background: url(/gpcc/mo/images/icon_kakaologo.png) no-repeat center center; background-size: 80px 80px; width: 80px; height: 80px; margin: 28px auto 14px;}
#kakaoErrorPop .box_solid02{padding:16px; border-radius:8px; background:#f5f5f5; text-align:left;}
#popKakaoCert.modal_pop .modal_container {height: calc(100% - 44px); max-height: calc(100% - 44px);}
#popKakaoCert.modal_pop .modal_container .layer_wrap {border-radius: 24px 24px 0 0;}
.gvc2025_pop_address_box{display: flex; align-items: center; justify-content: center; padding: 16px; margin-top: 16px; border-radius: 8px; gap: 48px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat; background-size: 24px 24px; background-position: center center;}
.pop_logo_GVC2025_w180 {width: 180px; margin: 0 auto;}
.popConsumptionCoupon .grayBox {background-color: rgba(0, 0, 0, 0.04); border-radius: 8px;}
.popConsumptionCoupon .grayBox table thead th {padding: 10px 0 11px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.popConsumptionCoupon .grayBox table td {padding: 8px 0; text-align: center;}
/*사용처 조회*/
#storeSearchList .list_type1 .box_btn {display: flex;}
#storeSearchList .list_type1 .box_btn [class^="btn"] {padding: 6px 8px; background: rgba(0, 0, 0, 0.08); border-radius: 8px;}
#storeSearchList .list_type1 .box_btn [class^="btn"] + [class^="btn"] {margin-left: 8px;}
input#rrnoNum2::placeholder { font-size: 20px; }



/*
 * 2025-03-25 Q11924 다크모드 대응으로 맨 하단으로 순서 변경, 다크모드가 아닌경우 위에 추가하세요.
 * ===========================================================================================
 * Dark Mode
 * ===========================================================================================
*/
@media (prefers-color-scheme:dark) {
    .svg * { fill: #fff; }
    a.fc_blk,
    p.fc_blk, span.fc_blk,
    li.fc_blk { color:#fff !important; }
    [class^="bul_"].fc_blk > li, [class^="dash_"].fc_blk > li, [class^="bul_"] > li.fc_blk {color: #fff;}
    [class^="bul_"].fc_m_a64 > li, [class^="dash_"].fc_m_a64 > li {color:rgba(255,255,255,0.64);}
    [class^="bul_"].fc_m_a48 > li, [class^="dash_"].fc_m_a48 > li {color:rgba(255,255,255,0.48);}
    [class^="dash_"][class*="list02"][class*="fc"][class*="_a48"] > li {color:rgba(255,255,255,0.48);}
    [class^="dash_"].fc_m_a40 > li {color:rgba(255,255,255,0.40);}
    [class^="dash_"].fc_m_a40 > li:before {background-color:rgba(255,255,255,0.40);}
    [class^="bul_"][class*="list03"] > li {color:rgba(255,255,255,0.64);}
    [class^="bul_"][class*="list03"] > li, [class^="dash_"][class*="list03"] > li, [class^="bul_"][class*="txt03"], [class^="dash_"][class*="txt03"] {color: #acacac;}
    [class*="sd_m_wht"], [data-sd="sd_m_wht"] { background-color:#333; }
    [class^="textbico"][class*="_down"] { background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png); }
    [class*="round_dot2box"]>span::after {background:rgba(255,255,255,0.12);}
    .list_type6 .cancel .txt_state {color:#FA3F4F;}
    .input_cell_check01 input[type="checkbox"] + label > i{ opacity:1;background:rgba(255,255,255,0.12);}
    .input_cell_check01 input[type="checkbox"] + label > i::after {opacity:0.2;}
    .input_cell_check01 input[type="checkbox"]:checked + label > i {background:rgba(255,255,255,0.12);} /* 2025-07-12 Q11924 소비쿠폰 다크모드 대응 */
    .agree_bigBoxType_wrap .check_wrap .input_cell_check01.type_check input:checked + .check_label { color: #fff; } /* 2025-07-12 Q11924 소비쿠폰 다크모드 대응 */
    .input_cell_check01 input[type="checkbox"]:checked + label > i::after {opacity:1;}
    .input_cell_check01 input[type="radio"]:checked + label > i {background-color:rgba(255,255,255,0.12);}
    .list_input01 input.input_txt {color:#fff;}
    .list_input01 li .box_input01 .input_cell_box {border-color:#fff;}
    .fixed .sub_benefit .tab_slide:first-child { background-color:#333; }
    .tab_container:after {background-image:linear-gradient(90deg, rgba(51,51,51,0), rgba(51,51,51,1)60%);}
    .tab_con.type_gradient::after { background:linear-gradient(to left, #333, rgba(51,51,51,0.75), rgba(51,51,51,0));}
    .tab_slide:after {background-image: linear-gradient(90deg, rgba(51,51,51,0), rgba(51,51,51,1)60%);}
    .box_use01 .btn_tit01 .accodBtn:before, .box_use01._type3 .btn_tit01 .accodBtn::before,
    .box_use01.on .btn_tit01 .accodBtn:before, .box_use01._type3.on .btn_tit01 .accodBtn::before {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}
    .box_use01._type2 .btn_tit01 .accodBtn::before {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}
    .slide-club-container .swiper-pagination-bullet { background: #fff; }
    .category a.current { border-color: #fff; color: #fff; }
    .box_filter li a.on { color: #fff; }
    .sub_tabmenu .subtab_default > a.current { color:#fff; }
    .list_banner_box .list_item { background-color:rgba(255,255,255,0.04); }
    .box_cardlist .btn_cardlist>.item::after { background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}
    .box_cardlist .btn_cardlist>.item .txt { color:#fff; }
    .tbl_type1 th, .tbl_type1 td{border-color:rgba(255,255,255,0.04);}
    .tbl_type1 thead th {border-color:rgba(255,255,255,0.12);}
    .tbl_type2 {border-color:#fff;}
    .tbl_type2 td {border-color:rgba(255,255,255,0.12);}
    .bd_t1_a12 {border-color:rgba(255,255,255,0.12) !important;}
    .bd_t1_a08 {border-color:rgba(255,255,255,0.08) !important;}
    .bd_b1_a04 {border-color:rgba(255,255,255,0.04) !important;}
    .bd_b1_a08 {border-color:rgba(255,255,255,0.08) !important;} /* 2022-07-21 GGU477 추가 */
    .bd_b1_a12 {border-color:rgba(255,255,255,0.12) !important;}
    .box_use01 {border-color:rgba(255,255,255,0.12) !important;}
    .svg.plt_black_m * {fill:rgba(255,255,255,0.64);}
    .use_calendar input[type=text] + button {background:none; background-color:#fff; background-repeat:no-repeat;  -webkit-mask-image:url('/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg'); mask-image:url('/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg');}
    .box_content .date_box ul li input[type="radio"]:checked + label::after { background-image: url(/docfiles/resources/mo/images/com/icon/w24/ico_checkB_radio_wht.png); }
    .sub_benefit .no_list {border-bottom:1px solid rgba(255,255,255,0.12);}
    .sub_benefit .box_use01 {border-top:1px solid rgba(255,255,255,0.12);}
    .sub_benefit .link_btn { color:#fff;background:rgba(255,255,255,0.04);}
    .sub_benefit .link_btn::after {background-image: url('/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_wht.png');}
    .box_use_sel input[type="radio"]:checked + label > span {color:#fff;}
    .box_use_sel input[type="radio"] + label {color:rgba(255,255,255,0.48);}
    .box_use_sel input[type="radio"]:not(:first-child) + label::before {background:rgba(255,255,255,0.12);}
    .tab_type1 .ui_tabs_menu > li a.is-current {color:#fff;}
    .tab_type1 .ui_tabs_menu > li a {color:#7a7a7a;}
    .tab_type1 .ui_tabs_menu > li a.is-current::after {background:#fff;}
    .tab_type1 .ui_tabs_menu > li a::after {background:rgba(255,255,255,0.12);}
    .tab_type2 .ui_tabs_menu > li a {color:#7a7a7a;}
    .tab_type2 .ui_tabs_menu > li a.is-current {color:#fff;}
    .tab_type2 .ui_tabs_menu > li:not(:first-of-type)::before {background:rgba(255,255,255,0.12);}
    .tab_type2 .ui_tabs_menu.bgTap {background-color: rgba(255,255,255,0.04);} /* 2022-07-21 GGU477 추가 */
    .list_type7 li {border-bottom:1px solid rgba(255,255,255,0.12);}
    .box_content .date_box ul li + li, .box_content .date_box + .date_box {border-top:1px solid rgba(255,255,255,0.04);}
    .sub_benefit .pay_info .pay_sort a {color:rgba(255,255,255,0.12);}
    .sub_benefit .pay_info .pay_sort a + a::before {background-color:rgba(255,255,255,0.12);}
    .sub_benefit .pay_info .pay_info_list .pay_list {border-color:rgba(255,255,255,0.04);}
    /* .sub_benefit .input_cell_box .star {z-index:-1;} */
    .sub_benefit .box_mypoint_tab .box_check .point_check_list .input_cell_check01 .info_bottom {color:rgba(255,255,255,0.48);}
    .titlebar01>span:nth-child(2)::before {background:rgba(255,255,255,0.12);}
    .point_list.type_line li + li {border-color:rgba(255,255,255,0.04);}
    .point_list.type_line li.line {border-color:rgba(255,255,255,0.04);}
    .my_benefit .noti_area .box_tip .noti_btn {color:rgba(255,255,255,0.48); background-color:rgba(255,255,255,0.02);}
    .my_benefit .noti_area .box_tip .noti_btn::before {background:none; background-color:#fff; -webkit-mask-image:url('/docfiles/resources/mo/images/com/icon/w16/ico_tip.svg'); mask-image:url('/docfiles/resources/mo/images/com/icon/w16/ico_tip.svg');}
    .my_benefit .noti_area .box_tip .noti_wrap {background:#000;}
    .my_benefit .noti_area .box_tip .noti_wrap::after {border-color:#000 transparent transparent #000;}
    /* .my_benefit .txt_box .ico {background-color:#fff;} 2022-11-03 GGU442 */
    .my_benefit .items_prog .prog_bar:before {background:#666;}
    .my_benefit .items_prog .prog_txt p:before {border-color:#666;}
    .sub_benefit .box_banner > .item_banner { background-color:rgba(255,255,255,.04); }
    .my_benefit .swiper_cont .swiper-pagination-bullet-active { background:#fff; }
    .my_benefit .items_prog .prog_txt p {color:#a3a3a3;}
    .my_benefit .box_card_wrap .card_area.type_sel .txt::after {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}
    .my_benefit .box_card_wrap .card_area {border-bottom:1px solid rgba(255,255,255,0.08);}
    .my_benefit .section_wrap::after {background-color:rgba(255,255,255,0.12);}
    .popup_agree .inner h4 {color:#fff;}
    .popup_agree .inner [class^="bul_"][class*="list02"] > li {color:rgba(255,255,255,0.64);}
    .list_type1 .com_num::before {background: none; background-color:#fff; -webkit-mask-image:url('/docfiles/resources/mo/images/com/icon/w16/ico_phone.svg');  mask-image:url('/docfiles/resources/mo/images/com/icon/w16/ico_phone.svg');}
    .modal_pop.card_sel_pop .card_sel_wrap .card_sel_list li.active .txt::after {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_wht.png);}
    .box_stamp {border-color:#fff;}

    .my_benefit .txt_info {color:#FA3F4F;}

    .bannerbox.sd_auto_blue p {color:#000 !important;}
    .bannerbox.sd_auto_blue .imgbox .svg * {fill:#000;}
    .tab_type1 .ui_tab_content div.sd_m_02 {background-color:rgba(255,255,255,0.04);}
    .box_select.border_type {border-color:rgba(255,255,255,0.48);}
    .box_select.border_type select {color:#fff;}

    /* 2024-04-17 GGU282 - 추가 */
    .box_select.border_type02 {border-color:rgba(255,255,255,0.16);}
    .box_select.border_type02 select {color:#fff;}

    .box_stamp ul>li .stampimg.on {background:#fff;-webkit-mask-image:url(/docfiles/resources/mo/images/ben/ico_stamp_food_on.svg);mask-image:url(/docfiles/resources/mo/images/ben/ico_stamp_food_on.svg);-webkit-mask-size:80px;mask-size:80px;}

    /* M혜택 */
    .btm_line {border-color:rgba(255,255,255,0.04);}
    .list_banner_box .banner_list li {background-color:rgba(255,255,255,0.04);}
    .list_banner_box .banner_list li a.link {color:#fff;}
    .list_banner_box .banner_list li p::after {background-color:#fff;}
    .sub_benefit .inner_tooltip {color:#fff;}
    .search_cont {border-color:rgba(255,255,255,0.08);}
    .box_bul_wrap > .box_bul + .box_bul {border-color:rgba(2555,255,255,0.08);}
    .li_listbox ul>li {border-color:#1f1f1f;}
    .sub_tabmenu .subtab_default > a {color:#7a7a7a;}
    .sub_tabmenu .subtab_default > a + a:before {background:rgba(255,255,255,0.12);}
    .list_event .txt_date {color:#7a7a7a;}
    .pop_mpoin_use .box_content > div > ul > li.last > ul > li {color:#a3a3a3;}
    .list_type5 > li .imgbox .radius {border-color:rgba(255,255,255,0.12);}
    .ben_pointbox .hcoin strong::after {background-color:rgba(255,255,255,0.08);}
    .list_input01 li.bd_line {border-color:rgba(255,255,255,0.04);}
    .blue_bg {background-color:rgba(255,255,255,0.02);}
    .check_list > li {background-color:rgba(0,0,0,0.4);}
    .list_event:not(._bd_b0) .eventimg::after {border:none;}
    .list_event .eventimg {background-color:transparent;}
    .modal_pop._type2 .layer_head {color:#000; background-color:#fafafa;}
    .modal_pop._type3 .layer_head {color:#000;}
    .modal_pop._type2 .layer_close a,
    .modal_pop._type3 .layer_close a {background:url(/docfiles/resources/mo/images/com/btnicon/ico_light_normal02.png) no-repeat 50% 50%/32px;}
    .modal_pop._type2 .layer_close a:after,
    .modal_pop._type3 .layer_close a:after {content:none;}
    .tbl_type3 th, .tbl_type3 td {border-bottom-color:rgba(255,255,255,0.04);}
    .sub_benefit .box_input01 + .box_btn > #btnSearch .wh16 img {display:none;}
    .sub_benefit .box_input01 + .box_btn > #btnSearch .wh16:before { display:block; width:16px; height:16px; background:url(/docfiles/resources/mo/images/com/btnicon/ico_search_white.png) no-repeat 50% 50%/16px;content:'';}
    .box_ani_logoimg .ani_img._n4{background-image:url('/docfiles/resources/mo/images/ben/ani_ssg_dark.png');}
    /* 자동차구매 */
    .sub_benefit .benefit_banner > .item {background:rgba(255,255,255,.04);}
    .sub_benefit.mpoint_car .border_box .box01 {border-color:rgba(255,255,255,0.12); }
    .sub_benefit.mpoint_car .border_box .box01.sd_m_02 {background-color:rgba(255,255,255,.04);}
    .sub_benefit.mpoint_car .border_box .box01[class*="sd"][class*="_m_02"] {background-color:rgba(255,255,255, 0.04); }
    .sub_benefit.mpoint_car .box_table .tbl_type1 th {border-color:rgba(255,255,255,0.12);}
    .box_chk01 input:checked + .check_label.ck_blk {color:#fff;}
    .popup_agree .inner .con-type2 ol > li .tit {color:#fff;}
    .sub_benefit .box_banner01 .item_banner {background-color:rgba(255,255,255,.04);}
    .sub_benefit .box_banner01 .item_banner .icon .svg * , .list_type5 > li .imgbox .svg *{fill:#fff;}
    .sub_benefit .border_box .box01 + .icon:before,
    .sub_benefit .border_box .box01 + .icon.equal:before {background-color:rgba(255,255,255,0.2);}
    .sub_benefit .list_type5.ben_carbuy li .imgbox img{display: none;}
    .sub_benefit .list_type5.ben_carbuy li:first-child .imgbox:before {display:block; width:56px; height:56px; opacity:0.64; background:url(/docfiles/resources/mo/images/ben/ico_ben_card01_wht.png) no-repeat 50% 50%/56px; content:'';}
    .sub_benefit .list_type5.ben_carbuy li:nth-child(2) .imgbox:before,
    .sub_benefit .list_type5.ben_carbuy li:last-child .imgbox:before {display:block; width:56px; height:56px; opacity:0.64; background:url(/docfiles/resources/mo/images/ben/ico_mpr_wht.png) no-repeat 50% 50%/56px; content:'';}


    .sub_benefit #MOBEN029100_03 .list_type5.ben_carbuy li:first-child .imgbox:before,
    .sub_benefit #MOBEN029100_03 .list_type5.ben_carbuy li:nth-child(2) .imgbox:before,
    .sub_benefit #MOBEN029100_03 .list_type5.ben_carbuy li:last-child .imgbox:before {display:none;}

    /* 현대·기아차 구매 프로그램 */
    .car_benefit .box_top_point {border-color:rgba(255, 255, 255, .04);}
    .car_benefit .box_carbuy_benefit {background-color:rgba(255,255,255,.04);}
    .sub_benefit .box_banner > .item_banner.type04 {background-color:rgba(255,255,255,.04);}
    .car_benefit .ben_graph .graphbox .progresslistbox>li+li{border-color:rgba(255,255,255,.12);}
    .bd_t1_blk {border-color: #fff !important;}

    /* 현대자동차,기아 자동차 구매 혜택 */
    .list_ben_carbuy > li + li {border-top: 1px solid rgba(255,255,255,0.12);} /* 2023-01-06 Q20016 차종 리스트 구분선 다크모드 적용 */

    /* x혜택 */
    .sub_benefit.x_benefit .point_box.btm_line {border-color:rgba(255,255,255,.04);}
    .tip_txt {color:#a3a3a3;}
    .tip_txt:before {background-image:url('/docfiles/resources/mo/images/com/icon/w16/ico_tip_Line_wht.png');}
    .box_table table th {border-color:rgba(255,255,255,.04);}
    .box_table table td {border-color:rgba(255,255,255,.04);}
    .list_input01.type2 li + li {border-color:rgba(255,255,255,.04);}
    .sub_benefit .box_select.paybank > a { color:#fff;background:inherit;}

    /* h-coin 혜택 */
    .h_coin .login {border-color:rgba(255,255,255,0.04);}
    .box_ben_info {background-color:rgba(255,255,255,.04);}
    .h_coin .hcoin_use_list li {background:rgba(255,255,255,.12);}
    .h_coin .hcoin_use_list li > p span {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_wht.png);}
    .calcul > .box_btn a + a:before {background:rgba(255,255,255,.12);}
    .grade_terms_box .list_info_8 + .list_style > li {color:#666;}
    .list_input01.hcoin li + li {border-color:rgba(255,255,255,0.04);}
    .grade_terms_box .box_progress_agree li .txt.on { color:#000;background:#fff;}
    .grade_terms_box .box_progress_agree li .txt {color:#fff;}
    .grade_terms_box .box_progress_agree li .txt.on:after {border-top:8px solid #fff;}
    .h_coin .hcoin_use_list li .img img {display:none;}
    .h_coin .hcoin_use_list li:first-child .img:before {display:block; width:24px; height:24px; background:url(/docfiles/resources/mo/images/ben/ico_hcoin01_wht.png) no-repeat 50% 50%/24px; content:''; }
    .h_coin .hcoin_use_list li:nth-child(2) .img:before {display:block; width:24px; height:24px; background:url(/docfiles/resources/mo/images/ben/ico_hcoin02_wht.png) no-repeat 50% 50%/24px; content:''; }
    .h_coin .hcoin_use_list li:last-child .img:before {display:block; width:24px; height:24px; background:url(/docfiles/resources/mo/images/ben/ico_hcoin03_wht.png) no-repeat 50% 50%/24px; content:''; }
    /* 2022-08-31 GGU282 [혜택] H-Coin 혜택 메뉴 UXUI 개선 요청 - 추가 */
    .h_coin .hcoin_use_list.type2 li {background:#141414;}
    .h_coin .hcoin_use_list.type2 li .img img.img_lightmode {display:none;}
    .h_coin .hcoin_use_list.type2 li .img img.img_darkmode {display:block;}
    .h_coin .hcoin_use_list.type2 li .img:before {display:none;}

    /* 해외이용혜택, 이벤트 */
    .tab_cardlist > li.curr {border-width:1px;border-color:#fff;background:#fff;}
    .tab_cardlist > li{background-color:rgba(255,255,255,0.8);}
    .tab_cardlist > li.curr a{color:#000;}
    .tab_cardlist > li a{color:rgba(0,0,0,.48);}
    .box_use01._type3 .btn_tit01 .accodBtn::before,
    .box_use01._type3.on .btn_tit01 .accodBtn::before{background-image: url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png');}
    .search_enter .input_cell_box input[class*="input_txt"]::placeholder,
    .search_enter .input_cell_box input[class*="input_txt"]::-webkit-input-placeholder,
    .search_enter .input_cell_box input::placeholder,
    .search_enter .input_cell_box input::-webkit-input-placeholder {color:#5c5c5c !important;}
    .sub_benefit .mpoin_use ul > li.last > ul > li {color:#a3a3a3;}
    .sub_benefit .mpoin_use .ev_table table th, .sub_benefit .mpoin_use .ev_table table td { border-color: rgba(255,255,255,0.08);color: rgba(255,255,255,0.64);}
    .sub_benefit .mpoin_use .ev_table.type2 table tbody th {color: #fff;} /* 2022-08-12 Q20093이벤트 테이블 가이드 추가*/
    .sub_benefit .mpoin_use .ev_table table thead th {border-top-color: #fff; color: #fff;}
    .sub_benefit .mpoin_use .ev_icobox .ev_icolist li + li::before, .sub_benefit .mpoin_use .ev_icobox .img + .img::before {background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}
    .sub_benefit .mpoin_use .ev_table.type2 table tr:first-child > * {border-top-color: rgba(299,299,299,0.12);} /* 2022-08-12 Q20093이벤트 테이블 가이드 추가*/
    .sub_benefit .mpoin_use .ev_table.type2 table thead th, .sub_benefit .mpoin_use .ev_table.type2 table td,.sub_benefit .mpoin_use .ev_table.type2 table tbody th {border-bottom-color: rgba(299,299,299,0.08);}
    .sub_benefit .mpoin_use .ev_table .img::after {border-color: rgba(299,299, 299, 0.08);}
    .sub_benefit .mpoin_use .logo_tbl table thead th {border-color: #fff; color: #fff;}
    .popup_agree .inner .new_clause_title, .popup_agree .inner .new_clause_subtitle {color:#fff;}
    .sub_benefit .mpoin_use .logo_tbl table th, .sub_benefit .mpoin_use .logo_tbl table td {color: rgba(255,255,255,0.64);}

    .sub_benefit .ev_card {background: rgba(255,255,255,.08);} /* 2022-10-26 Q20016 이벤트 카드플레이트 다크모드 */

    /* 클럽서비스 */
    .clubserv_card .items input:checked + label {color: #fff;}
    .club_serv .text_con textarea { border-color:rgba(255,255,255,0.08); color: #fff;background-color: transparent;}
    .club_serv .text_con textarea:focus{border:2px solid rgba(255,255,255, 0.48);outline:none;}
    .box_btn.search .btn_search {background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_search_wht.png);}
    .club_serv .sub_tabmenu::after {background: linear-gradient(to right, transparent, #333 );}
    .sub_clubserv .listitem .cont p + ul {color: #a3a3a3;}
    .sub_clubserv .listitem .num_list02 > li {color: #acacac;}
    .radio_box.row2 li input:checked + label:before {border:none;}
    .radio_box.row2 li input + label {border-radius:4px;color:rgba(0,0,0,.48);background:rgba(255,255,255,.8);}
    .radio_box.row2 li input:checked + label {color: #000;background:#fff;}
    .club_serv .tit + .hds_box_in .box_select, .modal_pop .hds_box_in .box_select {border: 2px solid #fff;}

    /* 이벤트 */
    .sub_benefit .mpoin_use .box_top_img {color:#000; background-color:#fff;}

    .sub_friendship .pst_ab_noticebox .ico_alert {background-color:#fff;}

    .list_event .txt_date {color:#7a7a7a;}
    [class*="striketh"] {color:#fff;}
    .popup_agree .inner > p span {color:inherit;}
    .modal_pop .area_wrap .form_items .hds_box_in .box_select {border: 1px solid rgba(255,255,255,0.12);}
    .modal_pop .area_wrap .form_items .hds_box_in .box_select select {color: rgba(255,255,255,.48);}
    .modal_stargold .box_item .bul_txt02, .modal_stargold .box_item .bul_list02 > li {color: #a3a3a3;}
    .modal_stargold .bul_list02.stargold li > p {color: rgba(255,255,255,1);}
    .club_serv .list_type > li .cont ul.list_gmreserve li + li::before {background-image: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}

    .sub_benefit .privia_notice .dash_list03 > li {color: rgba(255,255,255,.48);}
    .sub_benefit .pay_info .pay_sort {background-color:rgba(255,255,255,0.04);}
    .sub_benefit .pay_info .pay_sort a.active { color:#fff; }
    .sm_tbl_wrap .sm_tbl th { border-color:rgba(255,255,255,0.12);color:#fff;}

    .mpoint_car_img img {display:none;}
    .mpoint_car_img:before{display:block;width:290px;height:150px;background:url(/docfiles/resources/mo/images/ben/img_mpoint_car_wht.png) no-repeat center / 290px auto;content:'';}
    .mpoint_car .box_radio_wrap .box_radio_sel .input_radio_box input[type="radio"] + label::before{background:rgba(255,255,255,.12);}
    .mpoint_car .box_radio_wrap .box_radio_sel .input_radio_box input[type="radio"]:checked + label::after{background-color:#fff;}
    .slide-mpoint-container .swiper-pagination-bullet{background-color:#fff;}
    .x_benefit .box_card_list{background-color:rgba(255,255,255,.02);}
    .box_list_xcash .list_xcash > li{border-color:rgba(255,255,255,.2);}
    .grade_terms_box .sd_m_02{background-color:rgba(255,255,255,.02);}
    .list_event .eventimg{background:none;}
    .car_benefit .list_main_benefit > li .logobox{min-width:56px;border-radius:100%;background:#fff;}
    .car_benefit .img_car img {display:none;}
    .car_benefit .img_car:before { position:absolute; top:0; right:0; display: block; width:260px; height:100%; background:url(/docfiles/resources/mo/images/ben/img_bene_car.png) no-repeat 50% 50%; background-size: contain;content:'';} /* 220704 Q10771 다크모드 설정 자동차 이미지명에서 _dark 삭제  */
    .car_benefit .plus_benefit.sd_m_04 , .box01.sd_m_02{background-color:rgba(255,255,255,.04);}
    .box_bul.mt20 + div > img{display:none;}
    .box_bul.mt20 + div:before{position:relative;display:block;width:100%;height:197px;background:url('/docfiles/resources/mo/images/ben/img_graph1_wht.png') no-repeat center center / 327px auto;content:'';}
    .classben_list .list_type6 > li{border-color:rgba(255,255,255,.04);}
    .club_serv h3.headline{border-color:rgba(255,255,255,.2);}
    .club_serv .tit + .hds_box_in .box_select, .modal_pop .hds_box_in .box_select{border:none;border-bottom:1px solid rgba(255,255,255,.2);}
    .check_gray{background:rgba(255,255,255,.04);}
    .sub_clubserv .swiper-pagination-bullet-active{background:#fff;}
    .club_serv .sub_tabmenu::before {background-color:rgba(255,255,255,.08);}
    .club_serv .box_faq .faq_list + .faq_list , .sub_benefit .mpoin_use * + .box_line{border-color:rgba(255,255,255,.08);}
    .club_serv .list_type , .sub_friendship .list_benefit{border-color:rgba(255,255,255,.12);}
    .sub_benefit .line_list.moma > li + li{border-color:rgba(255,255,255,.04);}

    .x_benefit .benefit_banner > .item .box_icoimg img , .x_benefit .item_banner .icon img{display:none;}
    .x_benefit .item_banner .icon:before{display:block;width:64px;height:64px;opacity:.64;background:url('/docfiles/resources/mo/images/ben/ico_xbanner01_wht.png') no-repeat center center / 64px;content:'';}
    .x_benefit .benefit_banner > .item .box_icoimg:before , .x_benefit .item_banner + .item_banner .icon:before{display:block;width:64px;height:64px;opacity:.64;background:url('/docfiles/resources/mo/images/ben/ico_xbanner02_wht.png') no-repeat center center / 64px;content:'';}
    .sub_benefit .modal_pop .bul_list li{color:rgba(255,255,255,.4) !important;}
    .clubserv_card .items input + label:before{background-color:rgba(255,255,255,.12);}
    .box_banner_bar.type2 { border-color: rgba(172,0,102,0.16); background-color: rgba(214,0,159,0.16); }
    #popSearchMode .box_select{border:none !important;color:#fff !important;background:rgba(255,255,255,.04) !important;}
    #popSearchMode .box_select select{color:#fff !important;}
    .box_filter li ~ li:before{background-color:rgba(255,255,255,.12);}

    /* 2022-06-14 일상사용처 */
    .pop_mpoin_use .ev_table table thead th { border-top: 1px solid #fff; color: #fff; font-weight: 600; }
    .pop_mpoin_use .ev_table table tbody td, .pop_mpoin_use .ev_table table tbody td p { border-color: rgba(255,255,255,0.08); color: rgba(255,255,255,0.64);}
    .sub_benefit .discussion_detail { border-color: rgba(255,255,255,0.12); } /*2022-06-29 GGCN45 : 가이드 적용 sd_m_12*/
    /* 2022-07-27 Q10771 추가 M포인트 사용처 - 일상 사용처 팝업 table */
    .pop_mpoin_use .ev_table.type2 table thead th {border-top-color: rgba(255,255,255,0.12); border-bottom-color: rgba(255,255,255,0.12);}
    .pop_mpoin_use .ev_table.type2 table tbody th { border-color: rgba(255,255,255,0.08);color: #fff; font-weight: 500;}
    .pop_mpoin_use .ev_table.type2 table tbody td {border-color: rgba(255,255,255,0.08);}

    /* 2022-07-08 GGU477 [혜택] 정부지원 사업_전자온누리상품권 사업 화면 개발 건 */
    .sub_benefit .registration_listCard .item_card {border-bottom: 1px solid rgba(255,255,255,0.12);}
    .use_calendar.type2 .direct_cld label.start_date:after, .use_calendar.type2 .direct_cld label.end_date:after {background-color: #fff; background-image: none;}
    .ui-datepicker-hc .ui-state-default, .ui-datepicker-hc .ui-widget-content .ui-state-default {color: #000 !important;}
    .ui-datepicker-hc-calendar tbody tr td .ui-state-active {color: #fff !important;}

    /* 2022-08-18 Q10803 blk_num_list */
    .sub_benefit .blk_num_list > li:before { color: #000;background: #fff;}
    .sub_benefit .blk_num_list02 > li:before {color:#000;background:#fff;} /* 2022-08-31 GGU282 - 추가 */

    /* 2023-05-15 GGU282 - 추가 */
    .sub_benefit .list_privia2,
    .sub_benefit .list_privia2 > li {border-color:rgba(255,255,255,0.08);}

    /* [혜택] M혜택_M포인트 자동사용 일괄설정 기능 추가 및 UI변경 - 2023-08-18 GGU282 - 추가 */
    .mp_autolist2 {border-color:#fff;}
    .mp_autolist2 li {border-color:rgba(255,255,255,0.08);}
    .mp_autolist2 li .tit_area h4.use::after { color:#000;background:#fff;}
    .btn_toggle {background-color: rgba(255,255,255,0.12);}/* 2022-08-12 Q20093이벤트 테이블 가이드 추가*/

    /* 2024-10-08 GGU282 - [혜택] 해외이용혜택 서브메인 UI개선 및 콘텐츠 수정(탭화면분리 등) 추가 */
    .tab_slide .tab_sub a {color:#a3a3a3;}
    .tab_slide .tab_sub a.current {color:#fff;}
    .tab_slide .tab_sub a.current:after {background-color:#fff;}
    .tab_slide .tab_sub a + a:before {background-color:rgba(255,255,255,0.12);}

    .classben_list .list_type8,
    .classben_list .list_type8 > li {border-color:rgba(255,255,255,.04);}

    .sub_benefit .useinfo .line_top {border-color:rgba(255,255,255,0.12);}

    .sub_overseas .accod_list .accodBtn:after {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png);}
    .sub_overseas .accod_list .accodWrap.on .accodBtn:after {background-image:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up_wht.png);}
    .sub_overseas .accod_list .accodWrap .accodBtn {border-top-color:rgba(255,255,255,0.08);}
    .sub_overseas .accod_list .accodSlide > .box_bul,
    .sub_overseas .accod_list .accodSlide > .box_bul li,
    .sub_overseas .accod_list .accodSlide p {color:rgba(255,255,255,0.64);}
    /* //2024-10-08 GGU282 - [혜택] 해외이용혜택 서브메인 UI개선 및 콘텐츠 수정(탭화면분리 등) 추가 */

    #popupSetAgree .box_chk01 .check_label{color: #858585 !important;}
    #popupSetAgree .box_chk01 .check_input:checked + .check_label {color: #fff !important;}

    .certificate_step .step_list::before {background-color: rgba(255, 255, 255, 0.4);}
    .tbl_type5 th, .tbl_type5 td{border-bottom:1px solid rgba(255,255,255,0.04);}
    .tbl_type5 tr th{background-color: rgba(255, 255, 255, 0.04);}
    .tbl_type5 thead th {border-bottom:1px solid rgba(255,255,255,0.04);}
    .type_circle.input_cell_check01 .check_input + .check_label:before {background-image: none;}
    .type_circle.input_cell_check01 input[type="checkbox"] + label > i {opacity: 1; background: rgba(255,255,255,0.12);}
    .type_circle.input_cell_check01 input[type="checkbox"] + label > i::after {opacity:0.2;}  

    /* 2025-03-25 Q11924 https://drewww.hyundaicard.com/cpp/ma/CPPMA0101_01.hc 다크모드 대웅 */
    .list_type2_wrap > .list_type2 > li::after { border-bottom-color: rgba(255,255,255, 0.12); }

    /** 2025-04-02 Q11791 추가: [Account] 모바일 다크모드 적용 **/
    .sub_benefit .list_myaccount_1.type_2 {border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); background-color: rgba(255,255,255,0.04);}
    .sub_benefit .list_myaccount_1.type_2 li.foot {background: rgba(255,255,255,0.04);}
    .sub_benefit .list_myaccount_1.type_2 > li {color: #fff;}
    .sub_benefit .list_myaccount_1.type_2 > li.type_1 {background-color: rgba(255,255,255,0.04);}
    .sub_benefit .area_fold .btn_open.type_1:before {border: 1px solid rgba(255,255,255,0.2); background-color: transparent;}
    .sub_benefit .area_fold .btn_open.type_1 a:before, .sub_benefit .area_fold .btn_open.type_1 a:after {background-color: rgba(255,255,255,0.64);}
    .sub_benefit .list_style01 > li {color: #b5b5b5;}
    .sub_benefit .status_infor_graph.type2 .current {background: rgba(255,255,255,0.2);}
    .sub_benefit .status_infor_graph.type2 .current:before, .sub_benefit .status_infor_graph.type2 .current:after {background: rgba(255,255,255,0.2);}
    .sub_benefit .status_infor_graph.type2 .current span {background: #333; color: #b5b5b5;}

    /* 2025-04-03 Q11793 추가 [혜택] 실적충족조회 화면 개선 */
    /* MO_CPBSR0901_02 실적 상세 내역 신규 페이지 */
    .detail_content .tabs > .tab.active:before {background:#fff;}
    .detail_content .tabs > .tab.active {color: #fff;}
    .detail_content .tabs > .tab {color: rgba(255,255,255,0.48);}
    .detail_content .tabs > .tab:before {background: rgba(255,255,255,0.12);}
    .detail_content .detail_summary {background-color: rgba(255, 255, 255, 0.04);}
    .detail_content .sub_tab {border: 1px solid rgba(255, 255, 255, 0.2);color: rgba(255, 255, 255, 0.48);background-color: transparent;}

    /* 2025-06-30 GGU477 [혜택] 정부지원 사업 소비쿠폰 신청 신규 제작 */
    .line_list_flex > li {border-bottom:1px solid rgba(255,255,255,0.08);}
    .popGVC2025_intro .grayBox {background-color: rgba(255, 255, 255, 0.04);}
    .popGVC2025_intro .grayBox .info .t2 {color: #1fabff;}

    /* 2025-07-12 Q11924 소비쿠폰 다크모드 대응 */
    #kakaoErrorPop .box_solid02,
    .GVC2025_txtBox1 .graybox { background: rgba(255,255,255,.08); }
    .agree_bigBoxType_wrap .box_terms_wrap { background-color: rgba(255,255,255,.08); }
    .box_chk01 .check_label,
    .GVC2025_txtBox1 .graybox li { color: rgba(255,255,255,0.64); }
    .sd_m_04.gvc2025_pop_address_box { background-color: rgba(255,255,255,.08); background-image: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward_wht.png); }
    .sub_benefit .accod_list.qna_type .accodSlide > .box_answer p { color: #fff; }
    .sub_benefit .accod_list.qna_type .accodSlide > .box_answer:before {color: #fff; }
    .modal_pop.detail_list .tbl_row01 th { border-top-color: #fff; }
    #CPBGS2002_03_CMS04 .table_wrap table thead th { border-bottom-color:rgba(255, 255, 255, 0.08); }
    .dpfx_just_bet.box_btn .w_half { background: transparent; } 

}