@charset "utf-8";@import url('benefits_01.css'); /* Q10293 */

/*font-color*/
[class*="fc_orange"] { color:#e78f00; }
[class*="fc_gold"] { color:#b48f42; }

/*background*/
[class*="linerblue"] { background:linear-gradient(-45deg , #33a5db , #1266a9); }
[class*="linerorange"] { background:linear-gradient(320deg , #dd2b05 , #ff9045); }
[class*="graybg"] { background:#fafafa; }
[class*="bluebg"] { background:rgba(0,145,233,.02); }
[class*="orangebg"] { background:rgba(252,69,19,.02); }
[class*="beigebg"] { background:#fffbe6; }

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

/*button style*/
[class^="textbico"][class*="_small_wht"] { background-image:url('/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_forward_wht.png'); }
[class^="textbico"][class*="_mide"][class*="_gold"] { background:url('/docfiles/resources/pc/images/ben/arrowB_forward_gold.png') no-repeat 100% 50%; background-size:auto 16px; }
[class^="btn"][class*="56_"][class*="_app"] { display:inline-block; width:184px; padding-right:35px; background:url('/docfiles/resources/pc/images/ben/ico_apple.png') no-repeat 35px center; background-size:auto 24px; text-align:right; }
[class^="btn"][class*="56_"][class*="_google"] { display:inline-block; width:184px; padding-right:25px; background:url('/docfiles/resources/pc/images/ben/ico_google.png') no-repeat 25px center; background-size:auto 24px; text-align:right; }

/* line */
.t_line { border-top:1px solid #ebebeb; }
.b_line { border-bottom:1px solid #ebebeb; }
.t_noline { border-top: none !important; }

.sub_benefit img { max-width:100%; }
.kpd-group.lower img , .kpd-group img { max-width:none; }

/* svg */
.svg { width:100%; height:100%; }

.mt4 { margin-top:4px !important; }.mt6 { margin-top:6px !important; }.mt8 { margin-top:8px !important; }.mt12 { margin-top:12px !important; }.mt16 { margin-top:16px !important; }.mt20 { margin-top:20px !important; }.mt22 { margin-top:22px !important; }.mt26 { margin-top:26px !important; }
.mt42 { margin-top: 42px !important; }/* 2022-05-03 GGU477 */
.mt94 { margin-top:94px !important; }.mt99 { margin-top:99px !important; }.mt116 { margin-top:116px !important; }.mt180 { margin-top:180px !important; }.mt190 { margin-top:190px !important; }
.mb-160 { margin-bottom: -160px !important; }/* 2022-05-03 GGU477 */
.ml24 { margin-left:24px !important; }

.pl35 { padding-left:35px !important; }
.pl37 { padding-left:37px !important; }/* 2024-04-08 Q20542  */
.pl78 { padding-left: 78px !important; }/* 2022-05-03 GGU477 */
.pl130 { padding-left: 130px !important; }/* 2024-04-08 Q20542 */
.pr45 { padding-right: 45px !important; }/* 2022-05-03 GGU477 */
.pb160 { padding-bottom: 160px !important; }/* 2022-05-03 GGU477 */

.section { position:relative; display:block; }
.w320 { width:320px; }
.w424 { width:424px; }
.w468 { width:468px; }
.w1000 { width:996px; margin-right:auto; margin-left:auto; }

/*sub main*/
.sub_main .box_top_tit + .section { margin-top:56px; }
.sub_main .graybg { background:#ebebeb; }
.sub_main .box_top_tit .h_con { padding:0; margin-top:20px; text-align:center; }
.tbd { display:flex; align-items:center; justify-content:center; width:100%; height:177px; margin-top:34px; background:rgba(216,216,216,.4); }
.grid_box { position:relative; display:flex; flex-wrap:wrap; }
.grid_box .h0_b_size40 { white-space:nowrap; }

/*sub_main 로그인후*/
.sub_main_login .content { width:100%; }
.sub_main_login .section.con1 { display:flex; justify-content:space-between; width:1200px; margin:48px auto; }
.sub_main .highlight { margin-left:5px; }

.section.con1 .left { position:relative; width:752px; }
.section.con1 .left > .h3_b_lt { margin-top:32px; }
.section.con1 .left .list_chkrdo01 { margin:20px 0 48px; }
.section.con1 .left .items + .items { margin-top:44px; }
.section.con1 .left .items + .box_btn:before , .box_btn.type1:before { position:absolute; top:23px; display:block; width:100%; height:1px; background:#ccc; content:''; }

.round_box { position:absolute; top:30px; right:0; display:inline-block; height:36px; padding:4px 16px; border:1px solid rgba(0,0,0,.64); border-radius:20px; }
.round_box span { display:inline-block; line-height:26px !important; vertical-align:middle; }
.round_box .bene_box { display:inline-block; margin-left:2px; vertical-align:middle; font-size:0; }
.round_box .num { position:relative; display:inline-block; width:20px; height:20px; line-height:20px; border-radius:100%; color:#fff; background:#000; text-align:center; vertical-align:middle; font-size:12px; font-weight:700; }
.round_box .num:before { position:absolute; z-index:-1; top:-3px; left:-3px; display:block; width:26px; height:26px; border-radius:50%; background-color:#fff; content:''; }
.round_box i { /*position:absolute; */ display:inline-block; overflow:hidden;width:20px; height:20px; border-radius:100%; vertical-align:middle; /*outline: 1px solid rgba(0,0,0.64); */ mix-blend-mode:overlay; }

.sub_main_login [class*="list_chkrdo0"] > li { margin:0 4px 8px 0; }
.sub_main_login [class*="list_chkrdo0"] > li label { min-width: auto; }
.sub_main_login .btn48_a20 , .box_btn.type1 .btn48_a20 { padding:13px 28px; border:1px solid #ccc; border-radius:40px; background:#fff; }

.sub_main_login .con1 .right { width:384px; height:100%; padding:20px 32px 36px; border:1px solid #000; border-radius:16px; box-shadow:0 4px 16px rgba(0,0,0,0.12); }
.sub_main_login .con1 .right.scroll-able { position:absolute; top:0; right:0; height:auto; /*transition:top 1s cubic-bezier(.22, .61,.36, 1); */ }
.sub_main_login .con1 .right.fix { position:fixed; top:0; left:50%; height:auto; /*transition:top 1s; transition-timing-function:cubic-bezier(.22, .61,.36, 1); */ margin-left:216px; /*left:816px; */ }
.sub_main_login .con1 .right .top { position:relative; }
.sub_main_login .con1 .right .top > a { display:flex; align-items:center; padding:12px 0; margin-bottom:8px; }
.sub_main_login .con1 .right .card_txt { margin-left:12px; }
.sub_main_login .con1 .right .card_txt p + p { margin-top:5px; }
.sub_main_login .con1 .right .detail { margin-top:40px; }
.sub_main_login .con1 .right .detail_items { width:100%; }
.sub_main_login .con1 .right .detail_items.last { margin-top:7px; text-align:right; }
.sub_main_login .con1 .right .detail_items.last a + a { margin-left:16px; }
.sub_main_login .con1 .right .detail_items + .detail_items { margin-top:20px; }
.sub_main_login .con1 .right .detail_items dt a { display:block; padding:9px 0; }
.sub_main_login .con1 .right .detail_items dd a { display:flex; justify-content:space-between; padding:13px 3px 13px 0; }
.sub_main_login .con1 .right .detail_items dd + dd { border-top:1px solid #ebebeb; }
.sub_main_login .con1 .right .detail_items dd.vou_black a > span { color: #4c5052; }
.sub_main_login .con1 .right .detail_items dd.vou_puple a > span { color: #5c325e; }
.sub_main_login .con1 .right .detail_items dd.vou_red a > span { color: #d0112b; }
.sub_main_login .con1 .right .detail_items dd.vou_green a > span { color: #008c15; }
.sub_main_login .con1 .right .detail_items dd.vou_pink a > span { color: #fb1a77; }
.sub_main_login .con1 .right .detail_items dd.vou_korean a > span { color: #39a1bc; }
.sub_main_login .con1 .right .detail_items dd.vou_cos a > span { color: #c8102e; }

.sgf { position:absolute; top:12px; right:0; display:block; }
.sgf img { width:56px; }
.sgf img.good { width:96px; }
.card_w40 { width:40px; }
.sub_main_login .con2 { margin-top:160px; }
.sub_main_login .con2 .top { position:relative; padding:112px 0; background:#fafafa; text-align:center; }
.sub_main_login .con2 .top > .img { display:inline-block; width:94px; }
.sub_main_login .con2 .top .box_btn a { display:inline-block; height:32px; line-height:32px; }
.sub_main_login .con2 .top .box_btn a i { display:inline-block; width:24px; margin-right:9px; vertical-align:middle; }
.sub_main_login .con2 .top .h3_b { margin:24px 0 20px; }
.gift_list { display:flex; align-items:flex-start; justify-content:center; margin-top:73px; }
.gift_list li { width:120px; margin:0 16px; }
.gift_list li .img { width:120px; height:120px; margin-bottom:28px; border: 1px solid rgba(0,0,0,0.12); border-radius: 50%; background:#fff; }
.gift_list li .img img { border-radius: inherit; }

.sub_main_login .con2 .btm { position:relative; width:1200px; margin:160px auto 0; }
.sub_main_login .con2 .btm ul { display:flex; justify-content:space-between; margin-top:40px; }
.sub_main_login .con2 .btm ul li { width:282px; height:200px; border-radius:12px; }
.sub_main_login .con2 .btm ul li a { display:block; height:200px; padding:25px 28px; }
.sd_darkblue { background:#16447b !important; }

.sub_main_login .con2 .box_bul { width:1200px; margin:160px auto 0; }

/*sub_main 로그인전*/
.grid_box.row2 { justify-content:space-between; }
.grid_box.row2 .h4_m_lt + .h4_m_lt { margin-top:8px; }
.grid_box.row2 .h4_m_lt + .bul_list01 { margin-top:19px; }
.sub_main .grid_box.row2 .items { display:block; flex:1 0 45%; width:588px; max-width:calc(50% - 12px); height:490px; padding:40px 40px 48px; margin-top:24px; border-radius:16px; }
/* .sub_main .grid_box.row2 .items.graybg { height:520px }*/
.sub_main .grid_box.row2 .items h3 .h3_eb { display:block; margin-bottom:9px; }
.sub_main .grid_box.row2 .items > .img { width:437px; margin:16px auto 0; }
.grid_box.row2 .list { display:flex; justify-content:space-between; width:calc(100% - 16px); margin:49px 8px 0; }
.grid_box.row2 .list li { width:132px; white-space:nowrap; }
.grid_box.row2 .list li span { display:block; overflow:hidden; max-height:104px; padding:15px 12px 25px; margin-top:11px; border-radius:4px; color:#fc4513; background:url('/docfiles/resources/pc/images/ben/bene_bg.png') no-repeat left bottom; background-size:100%; text-align:center; }
.grid_box.row2 .point { display:flex; width:100%; margin:44px 0 0 0; }/* 2022-01-08 Q10510 margin 수정 */
.grid_box.row2 .point_items { width:206px; }
.grid_box.row2 .point_items + .point_items { margin-left:62px; }
.grid_box.row2 .point_items .top { position:relative; overflow:hidden; width:237px; height:128px; }
.grid_box.row2 .circle { position:absolute; top:0; left:0; display:flex; align-items:center; flex-direction:column; justify-content:center; width:128px; height:128px; border-radius:100%; background:#003da6; }
.grid_box.row2 .circle .p2.fc_wht { opacity:.64; }

.sub_main .grid_box.row2 .items.graybg { position: relative; width:100%; max-width: 100%; height: 300px; }
/* .sub_main .grid_box.row2 .items.graybg .point { width:588px; position: absolute; top: 0; right: 0; margin-top:60px }
.sub_main .grid_box.row2 .items.graybg .point .point_items { width:237px }  *//* 2024-04-04 Q20542 삭제 */

.grid_box.row2 .point_logo{position: absolute;top:50px;right:100px ;width:350px;}/* 2024-04-04 Q20542 추가 */

/* 한개만 있을 때 가운데 정렬 */
/* .grid_box.row2 .circle.bg { left:50%; transform:translateX(-50%); background:#012c5f; }*/
.grid_box.row2 .circle.bg { left:109px; opacity: 0.9; /*mix-blend-mode:multiply; */ background:#012c5f; }/* 2022-01-08 Q10510 수정 */
.grid_box.row2 .circle.bg1 { left:109px; background:rgba(0,0,0,.8); }
.grid_box.row2 .circle.bg1 .img { width:86px; height:16px; }
.grid_box.row2 .circle.bg .img { width:100px; height:16px; }
.grid_box.row2.b_line { padding-bottom:32px; }
.grid_con { display:flex; justify-content:space-between; width:386px; margin-top:54px; }
.grid_con strong { display:block; margin-bottom:16px; }
.grid_con .icon { display:block; width:36px; height:36px; margin-top:75px; opacity:.4; }
.grid_box .h4_m_lt strong { display:block; margin-top:4px; }

.sub_main .chk { display:flex; align-items:center; justify-content: center; }
.sub_main .chk:before { display:inline-block; width:24px; height:24px; margin-right:4px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_check_b.png) no-repeat 50% 50%; background-size:24px 24px; content:''; }
.grid_box.x_img { flex-wrap:nowrap; }
.grid_box.x_img img { width:530px; }

.sec_main_content { margin-top:44px; }
.sec_main_content .grid_list { display:flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:flex-start; width:calc(100% + 26px); }
.sec_main_content .grid_list > li { width:calc((100% - 104px) / 4); margin-top:52px; margin-right:26px; transition:width 200ms ease; }
.sec_main_content .grid_list > li:nth-child(4n) { margin-right:0; }
.sec_main_content .grid_list > li:nth-child(-n+4) { margin-top:0; }
.sec_main_content .grid_list a { display:block; }
.sec_main_content .grid_list .grid_image { width:280px; }
.sec_main_content .grid_list .grid_image + p { overflow:hidden; max-height:44px; margin-top:16px; letter-spacing:-1px; }
.sec_main_content .grid_list li.square .grid_image,
.sec_main_content .grid_list li.rectangle .grid_image { padding:28px; border-radius:16px; transition:height 200ms ease; }
.sec_main_content .grid_list li.square .banner_title,
.sec_main_content .grid_list li.rectangle .banner_title { line-height:36px; font-size:28px; }
.sec_main_content .grid_list li.square .grid_image { height:280px; }
.sec_main_content .grid_list li.rectangle .grid_image { height:442px; }
.sec_main_content .grid_list img { max-width:100%; transition:width 200ms ease; }

.sd_orange { background:#fc4513; }
.green_banner { position:relative; display:block; overflow:hidden; width:1200px; padding:32px 64px 36px; margin:0 auto; border-radius:12px; background:rgba(0,108,1,.1); }
.green_banner img { position:absolute; top:32px; right:64px; width:116px; }
.no_card { width:120px; margin-bottom:24px; }

/*list*/
.modal_wrap .list { display:block; width:100%; margin-top:22px; }
.modal_wrap .list .items { position:relative; display:flex; align-items:center; width:100%; height: 92px; padding:20px 0 19px 18px; border-bottom:1px solid #ebebeb; }
.modal_wrap .list .items:last-child { margin-bottom: 0; border-bottom: none; }
.modal_wrap .list .img { position: relative; width:32px; margin-right:16px; }
/* .modal_wrap .list .img:before { content:''; position:absolute; border: 1px solid rgba(0,0,0,.12); left:0; top:0; border-radius:100%; width:100%; height:100%; }*/
.modal_wrap .list .items p + p { margin:3px 0 0 0; }
.modal_wrap .list.type1 .items p + p { margin-top:2px; }
.modal_wrap .list.type1 .img { overflow:hidden; width:56px; height:56px; border-radius:100%; }
.modal_wrap .list.type1 .box_btn { margin-left:auto; }
.modal_wrap .list.type1 .box_btn > a { padding: 6px 12.625px; }
.modal_wrap .list .img.v_card_img { width:51px; margin-right:0; transform:rotate(90deg) translate(0, 10px); }

.sub_benefit h3 + .list01 { margin-top:8px; }
.sub_benefit .list01 { display:flex; flex-wrap:wrap; justify-content:space-between; }
.sub_benefit .list01 li { position:relative; width:348px; padding:20px 0; }
.sub_benefit .list01 li:nth-child(n+3) { border-top:1px solid #f5f5f5; }
.sub_benefit .list01 li .img { position:relative; display: inline-flex; float:left; overflow:hidden; align-items: center; justify-content: center; width:56px; height:56px; margin-top:7px; border-radius:100%; }
.sub_benefit .list01 li .img img { width:100%; height:100%; }
.sub_benefit .list01 li .img:before { position:absolute; z-index:9; top:0; left:0; width:100%; height:100%; border: 1px solid rgba(0,0,0,.12); border-radius:100%; content:''; }
.sub_benefit .list01 .card_txt { float:left; width:200px; margin-left:12px; }
.sub_benefit .list01 .card_txt p + p { margin-top:2px; }
.sub_benefit .list01 a .card_txt { width:calc(100% - 68px); }
.sub_benefit .list01 li > button { position:absolute; z-index: 1; top:calc(50% - 16px); right:0; min-width:52px; cursor: pointer; }/* 2023-01-19 GGU282 - min-width 추가 */
.sub_benefit .list01.type1 li { width:454px; }
.sub_benefit .list01.type1 li > a { display:block; }
.sub_benefit .list01.type2 li > a .card_txt { width:200px; }
.sub_benefit .list01.type2 li > a .card_txt .h4 + p { color:#5c5c5c; }

.sub_benefit .list01.border_type { position:relative; }
.sub_benefit .list01.border_type:after { position: absolute; z-index:9; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; content: ''; }
.sub_benefit .list01.border_type li { border-bottom:1px solid #f5f5f5; }
.sub_benefit .list01.border_type li:nth-child(n+3) { border-top: none; }

.sub_benefit .list02 { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:46px; }
.sub_benefit .list02 .item { display:flex; align-items:center; width:454px; padding:19px 0 18px; border-bottom:1px solid #f5f5f5; }
.sub_benefit .list02 .item:nth-child(even) { margin-left:56px; }
.sub_benefit .list02 .item:nth-child(n+3) { border-bottom:0; }
.sub_benefit .list02 .item .box_logoimg { overflow:hidden; flex:0 0 56px; width:56px; height:56px; margin:7px 12px 0 0; border:1px solid #e0e0e0; border-radius:100%; }/* 2021-11-16 Q10337: 일상사용처 리스트 이미지 원형으로 수정 */

.sub_benefit .fc_blk { color:#000 !important; }
.sub_benefit .list03 { display:flex; }
.sub_benefit .list03 > .item { position:relative; width:calc(50% - 12px) !important; height:240px; padding:25px 0 0 28px; border-radius:12px; background:rgba(0,112,240,.12)/*#0070f0*/; }
.sub_benefit .list03 > .item + .item { margin-left:24px; }
.sub_benefit .list03 > .item .box_icoimg { position: absolute; right: 0; bottom: 0; width: 100px; height: 100px; }
.sub_benefit .list03 > .item .box_icoimg .svg { width: 100px; height: 100px; }
.sub_benefit .list03 > .bg1 { background:rgba(231,143,0,.08); }
.sub_benefit .list03 > .bg2 { background:rgba(252,69,19,.08); }
.sub_benefit .list03 > .bg3 { background:#f5f5f5; }
.sub_benefit .list03 > .item .last { position:absolute; bottom:27px; left:28px; }
.sub_benefit .search .box_chk01 { overflow:visible; }
.sub_benefit .search .box_chk01 .box_picker02 { right:unset; left:24px; display:none; }
.sub_benefit .search .box_chk01 .box_picker02:before { position:fixed; top:0; left:0; width:100%; height:100%; content:''; }



/*하단 유의사항*/
.sub_benefit .bul_list01 > li , .sub_benefit .dash_list01 > li { line-height:26px; }
/* .sub_benefit .bul_list01 > li + li , .sub_benefit .dash_list01 > li + li { margin-top:8px; }2022-08-11 Q10803 common.css 와 중복되어 삭제 */
.sub_benefit .bul_list01 > li > ol li { line-height:22px; }
.sub_benefit .box_bul.t_line { padding-top:44px; }
.bluebg { background:rgba(0,145,233,.02); }

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

/* 혜택 안내 팝업 */
.benefit { margin-top:22px; }
.benefit .box_top { display:flex; padding:44px; margin-bottom:32px; }
.benefit .box_top li + li { margin-top:6px; }
.benefit .box_top li.box_btn { margin-top:32px; text-align:left; }
.benefit .box_top li.last { padding:2px 0; text-align:left; }
.benefit .box_top li.box_btn .w204 { width:204px; }
.benefit .box_top .img { width:192px; height:192px; margin-right:36px; background:#000; }
.benefit dl + dl { margin-top:40px; }
.benefit dt { margin-bottom:12px; }

/* 실적 충족 조회 */
.point_box.type1 { height:68px; padding:8px 20px; }
.point_box.type1 .img { width:32px; margin-right:16px; }
.point_box.type1 .card_info { display:flex; align-items:center; }
.use_perform { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:32px; }
.use_perform .con_in { position:relative; margin-top:24px; }
.items_w588 { display:flex; flex-direction:column; width:588px; height:100%; min-height:360px; padding:36px 36px 28px; border:1px solid #949494; border-radius:24px; }
.items_w588 .h3_b_lt { max-width:380px; }
.items_w588 .ell.on span + a { display:none; }
.items_w588 .ell.on span { overflow:auto; width:100%; text-overflow:unset; white-space:pre-line; }
.items_w588 .ell span { display:inline-block; vertical-align:middle; }/* 2023-04-18 GGCP31 말줄임표 없애기(text-overflow:ellipsis; overflow:hidden; white-space:nowrap; ) */
.items_w588 .ell span + a { display:inline-block; vertical-align:middle; }
.items_w588 .btm { margin-top:20px; }
/* .items_w588 .btm .img { width:80px; height: 80px; margin: 0 auto 12px; padding: 8px; }2022-04-27 GGU442 */
.items_w588 .btm .img { width:70px; height: 70px; margin: 50px auto 17px; }/* 2022-04-27 GGU442 */
.items_w588 .btm .img img { width: 100%; height: 100%; }
.items_prog { position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:85px; margin-top:12px; }
.items_prog .price { position:absolute; top:-35px; right:0; min-width:110px; padding:0 6px; border-radius:8px; opacity:0; box-shadow:0 1px 3px rgb(0 0 0 / 16%); white-space: nowrap; }
.items_prog .price.on { right:-48px; opacity:1; transition: opacity 0.3s ease 0s; }
.items_prog .price.max { right:0 !important; }
.items_prog .price.min { right:unset !important; left:0; }
.items_prog .price span { position:relative; display:block; padding:2px 0; background:#fff; text-align:center; white-space: nowrap; }
.items_prog .price:before { position:absolute; bottom:-2px; left:calc(50% - 4px); display:inline-block; width:8px; height:8px; background:#fff; box-shadow:0 1px 3px rgb(0 0 0 / 16%); content:''; transform:rotate(-45deg); }
.items_prog .prog_bar { position:relative; display:flex; align-items:center; width:100%; height:16px; }
.items_prog .prog_bar:before { display:block; width:100%; height:8px; border-radius:20px; background:#e0e0e0; content:''; }
.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)); }
.items_prog .bar.active { background:linear-gradient(90deg , rgb(0,201,255) , rgb(0,112,240)); }
.items_prog .bar.fail { width: 100% !important; }
.items_prog .bar.fail .price.on { right:0; }
.items_prog .prog_txt { display:flex; justify-content:space-between; width:100%; min-height:32px; margin-top:3px; }
.items_prog .prog_txt p { position:relative; display:flex; justify-content:center; margin-left:-8px; color:#5c5c5c; }
.items_prog .prog_txt p:first-child { margin-left:0; }
.items_prog .prog_txt p.last { position:relative !important; left:0 !important; margin-left:0; text-align:right; }
.items_prog .prog_txt p.current:before { border-color:#0070f0; }
.items_prog .prog_txt p:before { position:absolute; top:-20px; left:0; display:block; width:16px; height:16px; border:4px solid #e0e0e0; border-radius:100%; background:#fff; content:''; }
.items_prog .prog_txt.fail p:first-child:before { left:0; display:block; border-color:#ff0000; }
.items_prog .prog_txt p:last-child:before { right:0; left:auto; }
.items_prog .prog_txt p:nth-child(1):before { display:none; }
.items_prog .prog_txt.fail p.current:before { border-color:#ff0000; }
.info_btn { padding:24px 0; text-align:right; }
.use_perform .txt_top_cont { margin-bottom: 36px; }
.use_perform .graph_cont { margin-top: auto; }
.use_perform .graph_cont + .graph_cont { margin-top: 44px; }

/*m 혜택*/
.m_benefit .content > div:not(.modal_pop) { width:996px; margin-right:auto; margin-left:auto; } /* 2024-11-29 GGU282 - :not(.modal_pop) 추가 */
.m_benefit .content > .section.w996 { width:996px; }
.m_benefit .content.w996 > div:not(.modal_pop) { width:996px; margin-right:auto; margin-left:auto; } /* 2024-11-29 GGU282 - :not(.modal_pop) 추가 */
.m_benefit .content.w792 > div:not(.modal_pop) { width:792px; margin-right:auto; margin-left:auto; } /* 2024-11-29 GGU282 - :not(.modal_pop) 추가 */
.m_benefit .content > .bluebg { width:100%; }

.check_list li { position:relative; width:384px; line-height:32px; padding:16px 0 16px 68px; border-radius:16px; background:rgba(0,92,185,.08); font-size:24px; font-weight:700; }
.check_list li:before { position:absolute; top:12px; left:20px; display:inline-block; width:40px; height:40px; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_singleselect_blue.png') no-repeat; background-size:40px 40px; content:''; }
.check_list li + li { margin-top:8px; }

/* h_coin 혜택 */
.content.w792 { width:792px !important; }.content.w1000 { width:996px; }
.point_box { display:flex; align-items:center; justify-content:space-between; padding:15px 20px; margin-top:40px; border-radius:8px; background:#f5f5f5; }
.point_box a, .point_box .point { display:flex; align-items:center; }
.point_box i { display:block; width:32px; height:32px; }
.point_con { display:flex; }
.point_con a + a { margin-left:44px; }

.point_box2 { display:inline-flex; align-items:center; justify-content:space-between; padding:0 16px 0 20px; border:1px solid #ebebeb; border-radius:8px; }
.point_box4 { display:flex; align-items:center; justify-content:space-between; padding:17px 24px; border-radius:12px; background:#f5f5f5; }
.point_box5 { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-radius: 8px; background: #f5f5f5; }/* 2022-06-20 GGU477 추가 */

/* Q10510 추가 */
.point_box3 { display:inline-flex; align-items:center; justify-content:space-between; padding:10px 16px 10px 20px; border:1px solid #ebebeb; border-radius:8px; }
.point_box3 i { display:block; width:32px; height:32px; }
.type_white .point_box3 { width: 490px; width: -webkit-calc((100% - 16px) / 2); }
.point_box3 a, .point_box3 .point { display: flex; align-items: center; }
.type_white [class^="icotxt"] > span, .type_white [class^="icotxt"] > strong, .type_white [class^="textbico"] > span, .type_white [class^="textbico"] > strong { position: relative; display: inline-block; vertical-align: top; }
.type_white .point_box3 + .point_box3 { margin-top: 8px; }

.h_coin .section { display:flex; justify-content:space-between; width:100%; }
.h_coin .con1 { margin-top:72px; }
.h_coin .con1 .img { width:367px; margin-top:39px; margin-right:86px; }
.h_coin .con2 { margin-top:160px; }
.h_coin .con2 .img { width:309px; }
.h_coin .con2 .txt { padding-left:204px; margin-top:63px; }

/* 2024-02-20 Q10962 웹접근성 명도대비 수정 */
.h_coin .section .h4_m_fc_a48,
.h_coin .section .fc_a48{ color:#5c5c5c; }

.using_list { display:flex; flex-wrap:wrap; margin-top:27px; }
.using_list .list_tit { width: 100%; margin-top: 112px; }
.using_list .items { flex:1 0 50%; min-width:50%; margin-top:112px; }
.using_list:not(.main_gate) .items:nth-child(-n+3) { margin-top: 40px; }
.using_list .items .img { display:block; width:80px; margin-bottom:32px; }
.using_list .items .fc_a64 ,.using_list .items .fc_a48 , .using_list .items a { margin-top:16px; }
.using_list .items .fc_a64 + p, .using_list .items .fc_a48 + p { margin-top:8px; }

.using_list._type2 { margin-top:0; }
.using_list._type2 .items { margin-top:0; margin-top:40px; }
.using_list._type2 .items:nth-of-type(n+3) { margin-top:112px; }
.using_list._type2 .items .img { display:block; width:80px; height:80px; margin:0 0 32px; border:1px solid #ccc; border-radius:12px; background:#fafafa; }

.using_list.type_hcoin .items .img { width: 72px; height: 72px; margin-bottom: 40px; }
.using_list.type_hcoin .items .img.svg_ico { width: 122px; height: 122px; }
.using_list.type_hcoin .items .img.svg_ico .svg { width: 122px; height: 122px; }
.using_list.type_hcoin .items:nth-child(2) .img.svg_ico { margin: -27px 0 18px -22px; }
.using_list.type_hcoin .items:nth-child(5) .img.svg_ico { margin: -29px 0 16px -27px; }

/* 2024-02-13 Q20406(동근혁) UI수정 */
.using_list.type_hcoin._type3 .items { flex:1 0 33.33%; min-width: 33.33%; margin-top:67px; }
.using_list.type_hcoin._type3 div:last-child.items { min-width: auto; max-width: 200px; }
.using_list.type_hcoin._type3 .items .img.svg_ico { margin: -27px 0 18px -22px; } 
.using_list.type_hcoin._type3 .items .p1_m_2ln{ margin-top: 22px; }
.using_list.type_hcoin._type3 .items .h3_b_lt + .textbico_mide{ margin-top: 22px; }
.using_list.type_hcoin._type3 .items .p1_m_2ln + .textbico_mide,
.using_list.type_hcoin._type3 .items .p2_m_1ln + .textbico_mide{ margin-top: 20px; }
.using_list.type_hcoin._type3 .items .img.svg_ico[class^="ico_hcoin"]{background-repeat: no-repeat;background-position: center;}
.using_list.type_hcoin._type3 .items .img.svg_ico.ico_hcoin01{background-image: url(/docfiles/resources/pc/images/common/svg/ico_hcoin_default01.svg);}
.using_list.type_hcoin._type3 .items .img.svg_ico.ico_hcoin02{background-image: url(/docfiles/resources/pc/images/common/svg/ico_hcoin_default02.svg);}
.using_list.type_hcoin._type3 .items .img.svg_ico.ico_hcoin03{background-image: url(/docfiles/resources/pc/images/common/svg/ico_hcoin_default03.svg);}

.using_list1 { flex-wrap:wrap; justify-content:flex-start; }
.using_list1 .items { display:flex; flex:1 0 156px; justify-content:center; width:156px; min-width:auto; max-width:156px; height:165px; padding:16px; border:1px solid #ebebeb; border-radius:12px; }
.using_list1 .items a { display:block; width:100%; }
.using_list1 .items .img { overflow:hidden; width:100%; height:54px; border-radius:2px; background:#ebebeb; text-align:center; }
.using_list1 .items .img img { width:auto; height:100%; }

.check_gray { padding:14px 10px; margin-top:24px; border:none !important; border-radius:8px; background:rgba(0,0,0,.04); text-align:left; }
.sub_benefit .bul_list03 { margin-top:20px; }
.sub_benefit .bul_list03 li { line-height:16px; color:#858585; text-align:left; font-size:12px; }
.sub_benefit .bul_list03 li + li { margin-top:4px; }
.sub_benefit .layer_wrap .num { display:flex; }
.sub_benefit .layer_wrap .num strong { margin-right:10px; }


/*m포인트 h-coin 전환*/
.view_table { position:relative; display:block; padding:24px 0; border:2px solid #333; border-radius:24px; }
.view_table .h4_b_lt { margin:15px 42px; }
.view_table .t_line { padding-top:20px; margin-top:20px; border-color:#5c5c5c; }
.view_table.bg .t_line { padding-top:24px; margin-top:24px; border-color:#e0e0e0; }
.view_table dl { display:flex; align-items:center; width:100%; padding:14px 40px 16px; }
.view_table dl.ln { align-items:center !important; padding:16px 40px 47px 42px; margin-top:17px; border-top:1px solid #949494; }
.view_table dl.ln.type1 { padding-bottom:24px; }
.view_table dl.ln.type1 + dl { align-items:flex-start; padding-top:0; }
.view_table dl.ln.type1 + dl dt { padding-top:19px; }
.view_table dl.ln dd { flex:10 0 auto; max-width:540px; }
.view_table dl.ln1 { padding-top:35px; margin-top:17px; border-top:1px solid #949494; }
.view_table dt { width:200px; line-height:32px; color:#000; font-size:20px; font-weight:500; }
.view_table.mx250 dt { width:250px; }
.view_table.mx400 dt { width:400px; }
.view_table.mx400 dd { min-width:350px; }
.view_table dd { width:calc(100% - 250px); font-size:24px; font-weight:700; }
.view_table.mx450 dd { min-width:450px; }
.view_table dd .won { font-size:20px; }
.view_table .divr_dot { padding-bottom:5px; margin-top:12px; }
.view_table.bg { padding:24px 0; border:none; border-radius:16px; background:#f5f5f5; }
.view_table.bg2 { padding:24px 0; border:none; border-radius:8px; background:#f5f5f5; }
.view_table.bg dl { padding:15px 40px; }
.view_table.type1.pm { margin-bottom:0; }
.view_table.bg dl dt , .view_table.type4 dt { line-height:26px; color:#5c5c5c; }
.view_table.bg dl dd , .view_table.type4 dd { line-height:26px; font-size:20px; }
.view_table.wd500 dd { min-width:500px !important; }
.view_table.type1 { margin:52px 0; }
.view_table.type1 dd { padding-left:22px; }
.view_table.type2 { margin-top:20px; }
.view_table.type2 dl { align-items:flex-start; }
.view_table.type2 dt { flex:auto; }
.view_table.type2 dd { flex:auto; width:auto; text-align:right; }
.view_table.type3 dd { min-width:50%; }
.view_table.type4 { padding:0; border:none; border-top:2px solid #000; border-radius:0; }
.view_table.type4 dl { padding:19px 24px 18px; border-bottom:1px solid #ebebeb; }
.view_table .list_type1 { display:flex; align-items:center; height:56px; padding:14px 40px 16px; }
.view_table .list_type1 .title { width:163px; }
.view_table .list_type1 .h4_b_lt { margin:0; }
.view_table .input_cell.w100p { padding-right:0; }

.input_box { display:flex; align-items:center; justify-content:space-between; padding:15px 0; }
.input_box + .input_box { padding-top:14px; border-top:1px solid #ebebeb; }
.graybg_yt { display:flex; align-items:center; justify-content:space-between; width:100%; height:56px; padding:0 24px; margin-top:64px; border-radius:8px; }
.graybg_yt.type1 a { display:flex; align-items:center; justify-content:space-between; width:100%; height:100%; }
.youtube_con { position:relative; width:100%; height:470px; margin-top:42px; border-radius:8px; background:rgba(0,0,0,.5); }

.check_table { margin-top:20px; border-top:2px solid #000; }
.check_table .box_date01 { margin-top:32px; }
.check_table .box_date01 + .check_info { margin-top:33px; border-top:1px solid #ebebeb; }
.check_info { display:flex; align-items:flex-start; justify-content:space-between; padding:37px 0 41px; }
.check_info + .check_info { padding-top:36px; border-top:1px solid #ebebeb; }
.check_info label { display:flex; }
.check_info label i:before { display:none; }
.check_info input:checked + label i { background:#e0e0e0; }
.check_info input:checked + label i:before { display:block; background-color:#000; }
.check_info label .date { margin-right:86px; }
.check_info input[type="checkbox"] + label { display:block; }
.check_info input[type="checkbox"] + label .roundbox { display:inline-block; padding:2px 4px; margin:3px 0 0 6px; border-radius:16px; color:#fff; background:#000; vertical-align:text-top; }
.check_info input[type="checkbox"] + label i { top:3px; background:#e0e0e0 url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') center center; background-size:32px 32px; }
.check_info input[type="checkbox"]:checked + label i { background:#000 url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') center center; background-size:32px 32px; }
.check_info input[type="checkbox"]:checked + label i:before { display:none; }

/* check_info 수정 - 07.21 */
.check_info._type2 { padding:40px 24px; border-width:0 0 1px; border-style:solid; border-color:#ebebeb; }
.check_info._type2 input + label { display:flex; padding:0; cursor:pointer; }
.check_info._type2 input[type="checkbox"] + label::before { flex:0 0 32px; width:32px; height:32px; margin-right:12px; opacity:.12; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_check_o.png') no-repeat center / contain; content:''; }
.check_info._type2 input[type="checkbox"]:checked + label::before { opacity:1; }
.check_info._type2 input[type="checkbox"] + label * { display:block; }
.check_info._type2 input + label .txt_date,
.check_info._type2 input + label .txt_info>b { line-height:26px; font-size:20px; font-weight:700; }
.check_info._type2 input + label .txt_date { min-width:160px; color:#5c5c5c; }
.check_info._type2 input + label .txt_info .txt_sort { display:flex; margin-top:12px; }
.check_info._type2 input + label .txt_info .txt_sort > span { display:flex; align-items:center; line-height:20px; color:#858585; font-size:14x; font-weight:500; }
.check_info._type2 input + label .txt_info .txt_sort > span:not(:first-child)::before { flex:0 0 2px; width:2px; height:2px; margin:0 4px; border-radius:50%; background:#ebebeb; content:''; }
.check_info._type2 .won01,
.check_info._type2 input + label .txt_date,
.check_info._type2 input + label .txt_info { padding-top:3px; }


/* H-coin 바로 사용 */
.check_info._type3 { display:flex; align-items:flex-start; justify-content:space-between; padding:37px 24px 41px 24px; }
.check_info._type3 .date, .check_info._type3 .used { margin-right:86px; }
.check_info._type3 .won01 { margin-right:39px; }
.check_info._type3 .input_cell_check01 { display:flex; min-height: 32px; line-height: 26px; padding: 3px 0; }

.no_data { line-height:22px; padding:67px 0 70px; text-align:center; font-size:16px; }

/* x혜택 */
.sub_benefit .w180 { text-align:left; }
.sub_benefit .w180 .box_select { width:180px; }
.sub_benefit .layer_wrap .box_Ta th { padding:16px 0; border-top:1px solid #949494; border-bottom:1px solid #ebebeb; }
.sub_benefit .layer_wrap .box_Ta td { padding:16px 0; border-bottom:1px solid #ebebeb; }
.sub_benefit .layer_wrap .box_Ta td:first-child , .sub_benefit .layer_wrap .box_Ta th:first-child { padding-left:24px; }

.m_benefit .content , .x_benefit .content { width:100%; }
.m_benefit .graph-container .btm { position:absolute; bottom:60px; width:100%; text-align:center; }
.m_benefit .graph-container { position:relative; }
.x_benefit .content.w1000 { width:996px; }
.m_benefit .bluebg , .x_benefit .orangebg { padding:118px 0 159px; }
.x_benefit .view_table.type3 dd { max-width:60%; }
.x_benefit .grid_box.row2 .items { max-width:50%; }
.x_benefit .grid_box.row2 .items.img { width: 444px; max-width:444px; }
.x_benefit .grid_box.row2 .items.img.type02 { width: 180px; }
.x_benefit .grid_box.row2.tp { align-items:center; }
.x_benefit .graph-container { justify-content:flex-end; }
.x_benefit .graph-container .graph-items { height:243px; }
.x_benefit .graph-container .graph-items .graph_con { margin-bottom:0; }
.x_benefit .swiper-navigation { height:44px; }
.x_benefit .swiper-navigation .swiper-button-prev, .x_benefit .swiper-navigation .swiper-button-next { width:44px; }
.x_benefit .swiper-navigation .swiper-button-prev { left:-60px; }
.x_benefit .swiper-navigation .swiper-button-next { right:-60px; }

.m_benefit .category a.current ,.m_benefit .category button.current,
.x_benefit .category a.current ,.x_benefit .category button.current { color:#fff; background: #000; } /* 2024-02-01 Q10962 수정 */
.m_benefit .category a ,.m_benefit .category button,
.x_benefit .category a ,.x_benefit .category button { position:relative; display:flex; align-items:center; height:40px; padding:0 12px; margin-right:4px; border-radius:20px; color:#707070; background: #f5f5f5; cursor:pointer; }/* 2024-02-16 Q10962 수정 */

.category { display:flex; align-items:center; margin-top:40px; }
.category a , .category button { position:relative; display:flex; align-items:center; height:40px; padding:0 12px; margin-right:4px; border-radius:20px; color:#999; background:none; cursor:pointer; }
.category a.current , .category button.current { border:1px solid #000; color:#000; }
.category .items { display:block; margin-right:4px; color:#999; }
.category input + label { position:relative; display:block; padding:8px 7px 6px; cursor:pointer; }
.category input:checked + label { color:#000; }
.category input:checked + label:after { position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid #000; border-radius:20px; content:''; }
.category .fc_wht { position:absolute; z-index: 2; top:-27px; left:50%; display:none; align-items: center; justify-content:center; width:116px; height:32px; border-radius:8px; background:#ac0066; transform: translateX(-50%); }
.category .fc_wht::after { position: absolute; z-index: 1; bottom: -4px; left: 50%; display: inline-flex; width: 8px; height: 8px; background-color: #ac0066; content: ''; transform: translateX(-50%) rotate(45deg); }
.category a .fc_wht { display:flex; }
.category .fc_wht.bg_orange,
.category .fc_wht.bg_orange::after { background-color: #f18a00; }

.category.type1 a { background:#f5f5f5; }
.category.type1 a.current { color:#fff; background:#000; }

.graph-container { display:flex; align-items:flex-start; }
.graph-container.type1 .graph-items { width:180px; }
.graph-items { position:relative; display:flex; align-items:center; flex-direction:column; justify-content:flex-end; width:140px; height:327px; }
.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:16px; border-radius:8px; background:linear-gradient(180deg , #1187ff , #005cb9); }

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

.graph-container.type3 { align-items:flex-end; margin-top:-2px; }
.graph-container.type3 .graph_con { width:100%; height:0; padding:0 0 8px; margin-bottom:0; background:linear-gradient(180deg , #ff9045 , #dd2b05); }
.graph-container.type3 .graph-items { position:relative; display:flex; align-items:center; flex-direction:column; justify-content:flex-end; width:162px; height:243px; }
.graph-container.type3 .graph-items + .graph-items { margin-left:20px; }


.graph-container.bg .graph_con { background:linear-gradient(180deg , #ff9045 , #dd2b05); }

.ani-box { position:relative; min-width:484px; height:370px; }
.ani-box li { position:absolute; border-radius:100%; opacity:0; }
.ani-box.on li { opacity:1; transition:opacity 1s; }
.ani-box li:nth-child(1) { bottom:64px; left:119px; width:206px; height:206px; }
.ani-box li:nth-child(2) { bottom:90px; left:357px; width:132px; height:132px; }
.ani-box li:nth-child(3) { top:15px; left:290px; width:100px; height:100px; }
.ani-box li:nth-child(4) { bottom:40px; left:0; width:100px; height:100px; }
.ani-box li:nth-child(5) { bottom:0; left:317px; width:80px; height:80px; }
.ani-box li:nth-child(6) { top:0; left:100px; width:80px; height:80px; }

/* 2022-12-26 Q10803 추가 */
.ani-box.mpoint { height:292px; }
.ani-box.mpoint li:nth-child(1) { bottom:0; left:69px; width:205px; height:205px; }
.ani-box.mpoint li:nth-child(2) { bottom:25px; left:307px; width:132px; height:132px; }
.ani-box.mpoint li:nth-child(3) { top:0; left:240px; width:100px; height:100px; }
/* // 2022-12-26 Q10803 추가 */

.ani-box.on li:nth-child(2) { transition-delay:.2s; }
.ani-box.on li:nth-child(3) { transition-delay:.4s; }
.ani-box.on li:nth-child(4) { transition-delay:.6s; }
.ani-box.on li:nth-child(5) { transition-delay:.8s; }
.ani-box.on li:nth-child(6) { transition-delay:1s; }

.sub_benefit .card_list { display:flex; justify-content:center; margin-top:48px; }
.sub_benefit .card_list li { flex:1 0 95px; max-width:160px; }
.sub_benefit .card_list li + li { margin-left:24px; }
.sub_benefit .card_list li a { display:block; text-align:center; }
.sub_benefit .card_list li a img { width:95px; height:160px; }

.sub_benefit .card_list li a p { margin-top:12px; }

.box_chk01.gray { padding:17px 24px; border-radius:12px; background:#ebebeb; }
.box_chk01.gray a { top:19px; right:20px; }
.box_btn.sd_m_04 { padding:17px 24px; border-radius:12px; }
.box_btn.sd_m_04 a { display:block; }

.w180 { width: 180px; }
.mt182 { margin-top:182px !important; }
.gray_banner { display:flex; align-items:center; width:996px; padding:29px 24px; margin:0 auto; border-radius:12px; background:#f5f5f5; }
.gray_banner .img { width:73px; height:46px; margin-right:20px; }
.gray_banner .box_btn { margin-top:10px; }

.m_benefit .grid_box .mpoint_use_img { width:550px; margin-right:-53px; }

/*x혜택 슬라이드*/
.x_benefit .swiper-container .slide-items { height: 400px; min-height:400px; }
.slide-items { display:flex; align-items: center; flex-direction:column; height:auto; height:400px; padding:28px 16px 10px; border:1px solid #949494; border-radius:20px; text-align:center; }
.slide-items ul { display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px 0 0; }
.slide-items ul li { width: 95px; margin-bottom:20px; text-align:center; }
.slide-items ul.type2 { justify-content: flex-start; }
.slide-items ul.type2 li { width: 33%; }
.slide-items ul li .img { display:inline-block; width:72px; height:72px; }
.slide-items ul li .img svg { width: 72px; height: 72px; }
.swiper-button-prev { top:222px; left:-60px; width:44px; height:44px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_back.png) no-repeat; background-size:44px 44px; }
.swiper-button-next { top:222px; right:-60px; width:44px; height:44px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat; background-size:44px 44px; }
.swiper-button-prev , .swiper-button-next { text-indent:-9999px; }
.slide-items .box_btn { width: 100%; margin-top:auto; }
.headline { padding:20px 0; border-bottom:2px solid #000; }


/*아코디언*/
.accod_wrap { border-top:2px solid #000; }
.accod_wrap .items { padding:18px 0; }
.accod_wrap.h64 .items { padding:0; }
.accod_wrap .items + .items { border-top:1px solid #ebebeb; }
.accod_top { padding:32px 32px 44px 32px; border-radius:8px; }
.accod_top .con { display:flex; margin-top:24px; }
.accod_top .con .img { width:80px; margin-right:24px; }
.accod_btn { display:flex; align-items:center; width:100%; padding:16px 0; margin-bottom:36px; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size:32px 32px; }
.accod_btn img { width:48px; margin-right:16px; }
.accod_btn.on { background:url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png) no-repeat right center; background-size:32px 32px; }
.accod_slide { display:none; }
.accod_slide .logo_img { height:65px; text-align:center; }
.accod_slide .logo_img img { height:100%; }
.accod_slide .h_con { padding:0; margin-top:8px; }
.accod_slide .h_con + h4 { margin:64px 0 20px; }

.accod_wrap.type2 { padding-top:0; }
.accod_wrap.type2 .accod_slide { padding:36px 24px; }
.accod_wrap.type3 { padding:0; }
.accod_wrap.type3 .items { padding:0; }
.accod_wrap.type3 .accod_slide { padding:0; }
.accod_wrap .tab_con { padding-left:24px; margin:0 0 36px 0; }
.accod_wrap.type2 .items { padding:0; }
.sub_benefit .box_Ta th { padding:17px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
.sub_benefit .box_Ta td { border-color:#ebebeb; }

.accod_wrap.type1 { padding-top:0; }
.accod_wrap.type1 .box_Ta { margin-top:20px; border-top:2px solid #000; }
.accod_wrap.type1 .box_Ta tbody td { padding:40px 24px; border-bottom:1px solid #ebebeb; }
.accod_wrap.type1 .box_Ta tfoot th { border:none; }
.accod_wrap.type1 .accod_slide { padding:0 24px 22px 24px; }
.accod_wrap.type1 .accod_btn { height:100px; padding:0; }
.accod_wrap.type1 .accod_btn.v_card_img img { width:76px; margin-right: -10px; transform: rotate(90deg) translate(0, 13px); }

/* 바우처 아코디언 예외사항 추가 Q10510*/
.box_voucher_detail .item_voucher_use .name_voucher_use.small_accod { /* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통 padding-left: 24px; padding-right:24px; */}
.box_voucher_detail .item_voucher_use .name_voucher_use.small_accod .voucherUseBtn { font-size:20px; }
.box_voucher_detail .item_voucher_use .name_voucher_use.small_accod .voucherUseBtn::after { opacity: 64%; }
/* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통
.tbl_type1.small_accod table.th_p1b th, .tbl_type1.small_accod table.td_p1b td, .tbl_type1.small_accod table.td_p1m td { padding: 21px 20px; } */

.sub_benefit .aside { position:fixed; right:8px; bottom:8px; display:flex; align-items:center; width:344px; height:104px; padding:27px 28px 25px; border-radius:24px; background:linear-gradient(180deg , #e4e4e4 0% , #cecece 100%); }
.sub_benefit .aside a { display:block; }
.sub_benefit .aside:before { display:block; width:33px; height:52px; margin-right:21px; background:url('/docfiles/resources/pc/images/ben/icon_plt2.png') no-repeat; background-size:100% 100%; content:''; }
.sub_benefit .aside a.btn_close { position:absolute; top:8px; right:8px; width:32px; height:32px; background:url('/docfiles/resources/pc/images/common/btnicon/ico_dark_del.png') no-repeat 50% 50%; background-size:100% 100%; }

/*보유 포인트 받은 혜택*/
.box_top_tit .box_ben_select { width:150px; }
.box_top_tit .box_select.box_ben_select .select_down { left:calc(50% - 192px); width:384px; min-width:auto; }
.box_top_tit .box_select.box_ben_select .select_down.w220 { left:calc(50% - 110px); width:220px; }
.box_ben_select { display:inline-block; width:auto; margin:0 auto; border:none; text-align:center; }
.box_ben_select .drop_link , .select_tit .drop_link { border:none; }
.select_tit { width:600px; }
.select_tit.tp1 { width:320px; }
.select_tit .drop_link a,
.select_tit .drop_link .drop_link_txt { display:inline-block; border: none; font-family: 'YouandModern'; font-size:34px; font-weight: 800; }
.select_tit .select_down { top:70px; left:calc(50% - 137px); width:375px; min-width:375px; height:723px; }
.box_ben_select .drop_link a { border:none; text-align:left; }
.box_ben_select .drop_link a:before { margin-top:-18px; }
.box_ben_select .drop_link a > span { display:inline-block; vertical-align:middle; font-size:16px; font-weight:700; }
.box_select.box_ben_select .select_down { top:50px; width:100%; height:500px; }
.sub_benefit .box_select .select_down.w384 { width:384px; }
.box_benefit { position:relative; display:flex; border-top:2px solid #000; border-bottom:1px solid #5c5c5c; }
.box_benefit:before { position:absolute; top:0; left:407px; display:block; width:1px; height:100%; background:#000; content:''; }
/* Q10510 추가 : 바우처교환 셀렉박스 비활성화 */
.sub_benefit .box_select select:disabled { cursor:not-allowed; }
.sub_benefit .box_select select:disabled + .select_wrap .btn_select { opacity: 0.2; cursor: not-allowed; }

/*mod 0630 커스텀 스크롤 수정에 따른 css 수정*/
.box_benefit .left_column { position:relative; z-index:1; width:408px; }
.box_benefit .left_con { padding:48px 0 52px; }
.box_benefit .left_column.type1 .left_con { padding-top:43px; }

.box_benefit .left_column .btn64_softbg { display:flex; align-items:center; justify-content:space-between; padding:0 20px; margin-right:40px; border-radius:4px; }
.box_benefit .left_column .btn64_softbg a { display:block; min-height:24px; }
.box_benefit .right_column { position:relative; width:792px; padding:46px 0 81px 79px; margin-left:auto; }
.box_benefit .right_column .tit .check_wrap { display:flex; margin-left:24px; }
.box_benefit .right_column .tit .check_wrap input[type="checkbox"] + label:before { width:24px; height:24px; margin-right:4px; border-radius:100%; background:#e0e0e0 url('/docfiles/resources/pc/images/common/icon/w24/ico_check_b_wht.png') center center / 24px; }
.box_benefit .right_column .tit .check_wrap input[type="checkbox"] + label { padding:0; }
.box_benefit .right_column .tit .check_wrap > p + p { margin-left:16px; }
.box_benefit .right_column .tit .check_wrap input[type="checkbox"]:checked + label:before { background-color:#000; }
.box_benefit .right_column .tit .check_wrap input[type="checkbox"]:checked + label:after { display:none; }
.box_benefit .right_column .tit { display:flex; align-items:center; }
.box_benefit .right_column .tit h3 { margin-right:8px; }
.box_benefit .right_column.type1 { padding-top:43px; }
.box_benefit .right_column .pt_img { margin-top:112px; }
.box_benefit .right_column .h0_eb_size55 .txt { line-height:55px; font-family:'Malgun Gothic'; font-size:49px; }
.box_benefit .right_column h4 { padding:15px 0 16px; border-top:1px solid #000; }
.box_benefit .right_column .view_content .filter > .blind:focus + label { outline:2px solid #000; }
/* 2022-03-15 GGU477 [My Account,혜택]마일리지 긴급충전 신규 영역 추가 */
.box_benefit .right_column .view_con_mileage .mileage_detail ul { padding-bottom: 8px; border-bottom: #ebebeb 1px solid; }
.box_benefit .right_column .view_con_mileage .mileage_detail li { display: flex; justify-content: space-between; padding: 13px 0; }
.box_benefit .right_column .view_con_mileage .box_bul .dash_list02 li { color: #666; font-weight: 400; }
/* //2022-03-15 GGU477 [My Account,혜택]마일리지 긴급충전 신규 영역 추가 */

.box_benefit .info { position:absolute; z-index:10; top:14px; right:0; display:flex; align-items:center; }
.box_benefit .info a { margin-left:4px; }
.box_benefit .benefit_info { top:23px; }
.box_benefit .last span + span { margin-left:6px; }
.box_benefit .last .rb:after { display:inline-block; width:1px; height:8px; margin-left:6px; background:#ebebeb; content:''; }
.box_benefit .h4_b + .h0_eb_size55 { margin-top:6px; }
.box_benefit .h0_eb_size55 + .point_link , .box_benefit .h0_eb_size55 + .last , .box_benefit .btn64_softbg + .btn64_softbg , .box_benefit .view_con + .box_btn { margin-top:8px; }
.box_benefit .last + .point_link { margin-top:10px; }
.box_benefit .total { border-top:1px solid #ebebeb; }
.box_benefit .type1 .total {border-top:none; border-bottom:none; /*1px solid #ebebeb*/ }

.box_benefit .category { height:52px; }
.box_benefit .category a {height: 52px; position:relative; display:block; line-height:22px; padding:15px 14px 15px 12px; border:none; border-radius:0; color:#5C5C5C; cursor: pointer; font-size:16px; font-weight:400; } /* 2025-10-16 GGU477 height 추가 */ /* 2023-01-26 GGU442 접근성 수정 */
.box_benefit .category a.current { color:#000; font-weight:700; }
.box_benefit .category a + a:before { position:absolute; top:20px; left:0; display:inline-block; width:1px; height:12px; background:#e0e0e0; content:''; }
.box_benefit .category a.import:after { position:absolute; top:16px; right:11px; display:inline-block; width:4px; height:4px; border-radius:100%; background:#ff0000; content:''; }

.box_benefit .select_btn { display:block; width:100%; }
.box_benefit .select_btn a { position:relative; display:flex; align-items: center; justify-content:space-between; width:100%; height:63px; padding:14px 64px 14px 0; cursor: pointer; }
.box_benefit .select_btn a.h87 { align-items: flex-start; height:87px; }
.box_benefit .select_btn a span.h3_b { text-align:right; }
.box_benefit .select_btn a span:first-child { display:flex; align-items:center; flex:1; justify-content: flex-start; }
.box_benefit .select_btn a span.p2_m_rt { align-content:flex-end; justify-content: end; -ms-flex-pack:end; }
.box_benefit .select_btn a strong { display:block; padding:4px 6px; margin:0 0 0 3px; border-radius:20px; background:#000; }
.box_benefit .select_btn a.current { position:relative; background:#fff; }
.box_benefit .select_btn a.current::after { position:absolute; z-index:1; top:50%; right:24px; width:32px; height:32px; margin-top:-16px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_down.png) no-repeat 50%/32px; content:''; transform:rotate(-90deg); }
.box_benefit .select_btn a.current::before { position:absolute; top:0; left:0; width: inherit; height: inherit; border-top:1px solid #000; border-bottom:1px solid #000; content:''; }
.box_benefit .select_btn a:not(.current)::after { position: absolute; bottom: 0; left: 0; display: block; width: 344px; width: -webkit-calc(100% - 64px); height: 1px; background-color: #f5f5f5; content: ""; }

.box_benefit .search { position:relative; z-index:10; display:flex; justify-content:space-between; width:100%; padding:16px 0 ; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } /* 2025-10-16 GGU477 padding값 수정 */
.box_benefit .search .filter { display:flex; }
.box_benefit .right_column .search { border:none; }
.box_benefit .search .filter .check_label { padding:0 0 0 24px; }
.box_benefit .search .filter .check_input + .check_label:before { top:-1px; width:24px; height:24px; opacity:0; background-size:24px; }
.box_benefit .search .filter .check_input:checked + .check_label:before { opacity:1; }
.box_benefit .search .filter .check_input:checked + .check_label { color:#000; font-weight:700; }

.box_benefit .search .box_chk01 .check_input:checked + .check_label { padding-left:24px; }
.box_benefit .search .box_chk01 .check_input:checked + .check_label:before { opacity:1; }

.box_benefit .point_detail { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:40px; }
.box_benefit .point_detail .items { display:flex; justify-content:space-between; width:calc(50% - 4px); height:40px; padding:10px 20px; border-radius:4px; background:#fafafa; }
.box_benefit .point_detail .items:nth-child(n + 3) { margin-top:8px; }
.box_benefit .point_link { display:flex; align-items:center; flex-wrap:wrap; }
.box_benefit .point_link a { display:block; line-height:32px; margin-right:16px; margin-left:-8px; }
.box_benefit .point_link a i { display:inline-block; width:32px; height:32px; vertical-align:middle; }

.box_benefit .cel_list + .cel_list { border-top:1px solid #ebebeb; }
.box_benefit .cel_list .saveauto { display:flex; align-items:center; justify-content:space-between; width:100%; padding:17px 24px; margin:6px 0 24px; border-radius:8px; background:rgb(240,242,253); }
.box_benefit .cel_list .saveauto [class*="p2"] { line-height:18px; margin-bottom:3px; }
.box_benefit .cel_list .saveauto .img { width:47px; height:27px; }
.box_benefit .cel_list .cel_list_info { margin-top: 4px; } /* 2025-10-16 GGU477 mt수정(2px->4px) */
.box_benefit .cel_list .cel_list_info + .saveauto { margin:41px 0 7px; }

.info_more { margin-top:96px; }
.info_more h3 { padding:20px 0; }
.info_more ul { display:flex; justify-content:space-between; }
.info_more ul li a { display:block; }
.info_more ul li a .img { position:absolute; right:8px; bottom:8px; display:block; width:100px; height:100px; }
.info_more li:nth-child(2) { background:rgba(0 , 92 ,185, .08); }
.info_more li:nth-child(3) { background:rgba(231,143,0,.08); }
.info_more li:nth-child(4) { background:rgba(252,69,19,.08); }
.info_more ul li { position:relative; width:282px; height:282px; padding:25px 0 25px 28px; border-radius:12px; }

.pt_img { display:block; width:120px; margin:64px auto; }
.total { display:flex; justify-content:space-between; padding:17px 4px 17px 2px; }
.total.alR { align-items:center; justify-content:flex-end; }
.total.alR p + p { margin-left:12px; }
.total.mt65 { margin-top:65px; }
.filter_con { position:relative; margin-top:40px; border-top:1px solid #ebebeb; }

/*scroll*/
.box_benefit .left_con.fixed { position:-webkit-sticky; position:-ms-sticky; position:sticky; top:49px; width:408px; }
.box_benefit.act .left_con { position:absolute; top:auto; bottom:0; left:0; }
.box_benefit .search.fixed , .box_benefit .total.fixed { position:fixed; z-index:10; top:49px; right:calc((100% - 1200px)/ 2); width:792px; padding-left:79px; border-top:none; background:#fff; }
.box_benefit .search.fixed:before , .box_benefit .total.fixed:before { left:0; width:100%; }
.box_benefit.act .search.fixed , .box_benefit.act .total.fixed { position:relative; right:0; display:none; width:100%; padding-left:0; }
/* PCBEN000800 탭클릭시 픽시드 해제 케이스추가 */
.box_benefit .search.no_fixed { position:relative; top:0; right:auto; width:100%; padding:18px 0 14px; }
.box_benefit .search.no_fixed:before { left:-79px; width: calc(100% + 79px); }

/* picker */
[class^="box_picker"] { border:1px solid #000; border-radius:8px; }
.box_picker01 { width:384px; padding:16px 24px 17px; }
.box_picker02 { position:absolute; top:50px; right:0; width:334px; padding:24px 24px 16px; background:#fff; }
.box_picker02 .box_btn { width:calc(100% + 16px); margin-left:-8px; }
.box_picker02 .picker_wrap { max-height:300px; }
.dl_picker01 { width:100%; padding:20px; text-align:left; }
.drop_link .year01 + .date01 { margin-left:8px; }
.dl_picker01 dd .year01 { display:none; }
.dl_picker01 + .dl_picker01 { border-top:1px solid #e0e0e0; }
.dl_picker01:after { display:block; clear:both; content:''; }
.dl_picker01 > dt { float:left; width:85px; line-height:26px; padding:15px 0; color:#000; text-align:left; font-size:20px; font-weight:700; }
.dl_picker01 > dd { float:left; width:calc(100% - 85px); }
.dl_picker01 > dd > ul > li { position:relative; display:inline-block; width:100%; height:56px; }
.dl_picker01 > dd > ul > li + li { margin-top:1px; }
.dl_picker01 > dd > ul > li + li:before { position:absolute; top:-1px; left:0; display:inline-block; width:100%; height:1px; background-color:#f5f5f5; content:''; }
.dl_picker01 > dd > ul > li span { display:inline-block; }
.dl_picker01 > dd > ul > li .txt01 { display:none; }
.dl_picker01 > dd > ul > li .txt01, .dl_picker01 > dd > ul > li .txt02 { margin-left:4px; }
.dl_picker01 > dd > ul > li a { display:inline-block; width:100%; height:100%; line-height:26px; padding:15px 40px 15px 0; color:#000; vertical-align:top; font-size:20px; font-weight:500; }
.box_datepicker01 + .dl_picker01 { margin-top:26px; }

/* radio box type */
.radio_box { display:flex; flex-wrap:wrap; }
.radio_box li { margin:8px 8px 0 0; }
.radio_box.t_line { padding-top:18px; margin-top:20px; border-top:2px solid #000; }
.radio_box.row1 li { width:100%; }
.radio_box.row2 li { flex:1 0 45%; width:calc((100% - 8px) / 2); margin: 8px 0 0 0; }
.radio_box.row2 li:not(:nth-child(even)) + li { margin: 8px 0 0 16px; }
.radio_box.row2 li:nth-child(2n) { margin-right:0; }
.radio_box.row3 li { flex:1 0 30%; width:calc((100% - 16px) / 3); max-width:calc((100% - 16px) / 3); margin: 8px 0 0 0; }
.radio_box.row3 li + li { margin: 8px 0 0 16px; }
.radio_box.row3 li:nth-child(3n) { margin-right:0; }
.radio_box.row4 li { flex:1 0 20%; width:calc((100% - 24px) / 4); }
.radio_box.row4 li:nth-child(4n) { margin-right:0; }

.radio_box label { position:relative; display:flex; justify-content:center; width:100%; padding:13px 16px; color:#858585; cursor:pointer; }
.radio_box label:before { position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.20); border-radius:8px; content:''; }
.radio_box input:checked + label , .radio_box input:hover + label { color:#000; font-weight:700; }
.radio_box input:checked + label:before , .radio_box input:hover + label:before { border-width:2px; border-color:#000; color:#000; }
.radio_box.h60 label { display:flex; align-items:center; flex-direction:column; justify-content:center; height:60px; padding:0; }
.radio_box.h60 label span { display:block; }

/* 2022-09-05 GGCN45 : (혜택) SC-the Red 전용 페이지(프리미엄 혜택, 바우처, 랜딩페이지) 제작 요청(221004) */
.prem_conts._red5 .radio_box.row3 li:nth-child(3n + 1) { margin-left:0; }
.prem_conts._red5 .radio_box.row3 li:nth-child(n + 4) { margin-top:12px; }
.prem_conts._red5 .radio_box label span i .svg { display: block; }

/* 자동차 구매 혜택 */
.car_benefit .content { width:996px; }
/* .car_benefit .box_top_tit { display:flex; flex-wrap:wrap; }
.car_benefit .box_top_tit > h2 , .car_benefit .box_top_tit > h2 + p { width:100%; }
.car_benefit .box_top_tit > .point_box { flex:1 1 auto; max-width:100%; min-width:calc(50% - 4px) }
.car_benefit .box_top_tit > .point_box + .point_box { margin-left:8px }
.car_benefit .box_top_tit > .point_box:last-child { max-width:calc(50% - 4px); margin-top:8px; margin-left:0; }*/

/* Q10293 : 전용카드 혜택 */
.car_benefit .box_excu_ben { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 100%; height: 244px; border-radius: 20px; background-color: #f5f5f5; }
.car_benefit .box_excu_ben ul { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.car_benefit .box_excu_ben ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; }
.car_benefit .box_excu_ben ul li + li { margin-left: 50px; }
.car_benefit .box_excu_ben ul li .img { width: 96px; height: 96px; }
.car_benefit .box_excu_ben ul li .img .svg { width: 96px; height: 96px; opacity: .64; }

.car_benefit .grid_box.car { margin-top:50px; border-radius:8px; background:#f5f5f5; }
.car_benefit .grid_box.car .items { position:relative; flex:1 0 50%; max-width:50%; padding:32px 0 38px 84px; }
.car_benefit .grid_box.car .items + .items { border-left:1px solid #ebebeb; }
.car_benefit .grid_box.car .items:before { position:absolute; top:12px; left:20px; display:block; width:64px; height:64px; background:url('/docfiles/resources/pc/images/ben/logo_hyundai.png') no-repeat center center; background-size:38px auto; content:''; }
.car_benefit .grid_box.car .items:nth-child(2):before { background:url('/docfiles/resources/pc/images/ben/logo_kia.png') no-repeat center center; background-size:/*07.29 수정 auto 14px*/46px auto; }
/* Q10086: 자동차 구매 혜택 팝업 css 추가 */
.modal_buyCar_ben .tbl_type1 { border-top: 1px solid #949494; }
.modal_buyCar_ben .tbl_type1 th,
.modal_buyCar_ben .tbl_type1 td { padding: 16px 0 16px 24px; }
.modal_buyCar_ben .tbl_type1 .inner_tbl th,
.modal_buyCar_ben .tbl_type1 .inner_tbl td { padding-left: 0; }
.modal_buyCar_ben .tbl_type1 .inner_tbl tr:first-child th { padding-top: 0; }
.modal_buyCar_ben .tbl_type1 .inner_tbl tbody .tbl_bbn { border-bottom: none; }
.modal_buyCar_ben .tbl_type1 .inner_tbl tbody .tbl_cell { display: table-cell; vertical-align: middle; }
.modal_buyCar_ben .radio_box li { margin: 0 4.5px 0 0; }
.modal_buyCar_ben .radio_box li:last-child { margin-right: 0; }
.modal_buyCar_ben .radio_box li.w123 { width: 123px; }
.modal_buyCar_ben .radio_box label { padding: 13px 0; }
.modal_buyCar_ben .bul_list03 li { line-height: 18px; color: #5c5c5c; font-size: 12px; }
.modal_buyCar_ben .box_calc .bdb { border-bottom: 1px solid #ebebeb; }
.modal_buyCar_ben .bd_l1_a20 { border-left:1px solid #ccc; }

.select_wrap.selectPayCard .ul_select li { display:flex; align-items:center; }
.select_wrap.selectPayCard .ul_select li a { flex:1; height:auto; line-height:normal; text-overflow:initial; white-space:normal; }

/* 이은혜 */
.mt-1 { margin-top:-1px !important; }.mt-13 { margin-top:-13px !important; }.mt-15 { margin-top:-15px !important; }.mt194 { margin-top:194px; }
.mt0 { margin-top:0px !important; }.mt1 { margin-top:1px !important; }.mt2 { margin-top:2px !important; }.mt3 { margin-top:3px !important; }.mt4 { margin-top:4px !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; }.mt17 { margin-top:17px !important; }.mt18 { margin-top:18px !important; }.mt19 { margin-top:19px !important; }.mt20 { margin-top:20px !important; }.mt21 { margin-top:21px !important; }.mt22 { margin-top:22px !important; }.mt23 { margin-top:23px !important; }.mt24 { margin-top:24px !important; }.mt25 { margin-top:25px !important; }.mt26 { margin-top:26px !important; }.mt27 { margin-top:27px !important; }.mt28 { margin-top:28px !important; }.mt29 { margin-top:29px !important; }.mt30 { margin-top:30px !important; }.mt31 { margin-top:31px !important; }.mt32 { margin-top:32px !important; }.mt33 { margin-top:33px !important; }.mt35 { margin-top:35px !important; }.mt36 { margin-top:36px !important; }.mt37 { margin-top:37px !important; }.mt38 { margin-top:38px !important; }.mt39 { margin-top:39px !important; }.mt41 { margin-top:41px !important; }.mt43 { margin-top:43px !important; }.mt45 { margin-top:45px !important; }.mt46 { margin-top:46px !important; }.mt47 { margin-top:47px !important; }.mt48 { margin-top:48px !important; }.mt50 { margin-top:50px !important; }.mt51 { margin-top:51px !important; }.mt52 { margin-top:52px !important; }.mt53 { margin-top:53px !important; }.mt54 { margin-top:54px !important; }.mt55 { margin-top:55px !important; }.mt56 { margin-top:56px !important; }.mt60 { margin-top:60px !important; }.mt61 { margin-top:61px !important; }.mt64 { margin-top:64px !important; }.mt66 { margin-top:66px !important; }.mt67 { margin-top:67px !important; }.mt69 { margin-top:69px !important; }.mt72 { margin-top:72px !important; }.mt74 { margin-top:74px !important; }.mt76 { margin-top:76px !important; }.mt80 { margin-top:80px !important; }.mt83 { margin-top:83px !important; }.mt84 { margin-top:84px !important; }.mt86 { margin-top:86px !important; }.mt88 { margin-top:88px !important; }.mt90 { margin-top:90px !important; }.mt91 { margin-top:91px !important; }.mt95 { margin-top:95px !important; }.mt99 { margin-top:99px !important; }.mt100 { margin-top:100px !important; }.mt109 { margin-top:109px !important; }.mt112 { margin-top:112px !important; }.mt115 { margin-top:115px !important; }.mt120 { margin-top:120px !important; }.mt160 { margin-top:160px !important; }.mt163 { margin-top:163px !important; }
.mb6 { margin-bottom:6px !important; } /* 2024-10-15 GGU282 - 추가 */
.mb7 { margin-bottom:7px !important; }
.mb16 { margin-bottom:16px !important; }
.mb48 { margin-bottom:48px !important; }
.ml-17 { margin-left:-17px !important; }
.ml_auto { margin-left:auto; }
.ml3 { margin-left:3px !important; }.ml4 { margin-left:4px !important; }.ml6 { margin-left:6px !important; }.ml7 { margin-left:7px !important; }.ml8 { margin-left:8px !important; }.ml10 { margin-left:10px !important; }.ml12 { margin-left:12px !important; }.ml14 { margin-left:14px !important; }.ml15 { margin-left:15px !important; }.ml16 { margin-left:16px !important; }.ml20 { margin-left:20px !important; }.ml24 { margin-left:24px !important; }.ml25 { margin-left:25px !important; }.ml30 { margin-left:30px !important; }.ml36 { margin-left:36px !important; }.ml40 { margin-left:40px !important; }.ml43 { margin-left:43px !important; }.ml55 { margin-left:55px !important; }.ml80 { margin-left:80px !important; }.ml138 { margin-left:138px !important; }
.mr4 { margin-right:4px !important; }.mr5 { margin-right:5px !important; }.mr12 { margin-right:12px !important; }.mr17 { margin-right:17px !important; }.mr18 { margin-right:18px !important; }.mr20 { margin-right:20px !important; }.mr33 { margin-right:33px !important; }.mr34 { margin-right:34px !important; }.mr44 { margin-right:44px !important; }.mr64 { margin-right:64px !important; }

.pd0 { padding:0 !important; }.pd24 { padding:24px !important; }
.pd_x0 { padding-right:0px !important; padding-left:0px !important; }.pd_x8 { padding-right:8px !important; padding-left:8px !important; }.pd_x14 { padding-right:14px !important; padding-left:14px !important; }.pd_x20 { padding-right:20px !important; padding-left:20px !important; }.pd_x24 { padding-right:24px !important; padding-left:24px !important; }.pd_x28 { padding-right:28px !important; padding-left:28px !important; }.pd_x40 { padding-right:40px !important; padding-left:40px !important; }.pd_x80 { padding-right:80px !important; padding-left:80px !important; }
.pd_y1 { padding-top:1px !important; padding-bottom:1px !important; } /* 2024-10-15 GGU282 - 추가 */
.pd_y3 { padding-top:3px !important; padding-bottom:3px !important; }.pd_y6 { padding-top:6px !important; padding-bottom:6px !important; }.pd_y13 { padding-top:13px !important; padding-bottom:13px !important; }.pd_y16 { padding-top:16px !important; padding-bottom:16px !important; }.pd_y17 { padding-top:17px !important; padding-bottom:17px !important; }.pd_y18 { padding-top:18px !important; padding-bottom:18px !important; }.pd_y19 { padding-top:19px !important; padding-bottom:19px !important; }.pd_y20 { padding-top:20px !important; padding-bottom:20px !important; }.pd_y21 { padding-top:21px !important; padding-bottom:21px !important; }.pd_y22 { padding-top:22px !important; padding-bottom:22px !important; }.pd_y23 { padding-top:23px !important; padding-bottom:23px !important; }.pd_y24 { padding-top:24px !important; padding-bottom:24px !important; }.pd_y29 { padding-top:29px !important; padding-bottom:29px !important; }.pd_y34 { padding-top:34px !important; padding-bottom:34px !important; }.pd_y36 { padding-top:36px !important; padding-bottom:36px !important; }.pd_y40 { padding-top:40px !important; padding-bottom:40px !important; }.pd_y64 { padding-top:64px !important; padding-bottom:64px !important; }.pd_y149 { padding-top:149px !important; padding-bottom:149px !important; }.pd_y160 { padding-top:160px !important; padding-bottom:160px !important; }
.pt0 { padding-top:0px !important; }.pt3 { padding-top:3px !important; }.pt5 { padding-top:5px !important; }.pt6 { padding-top:6px !important; }.pt12 { padding-top:12px !important; }.pt14 { padding-top:14px !important; }.pt16 { padding-top:16px !important; }.pt18 { padding-top:18px !important; }.pt20 { padding-top:20px !important; }.pt21 { padding-top:21px !important; }.pt22 { padding-top:22px !important; }.pt24 { padding-top:24px !important; }.pt25 { padding-top:25px !important; }.pt26 { padding-top:26px !important; }.pt32 { padding-top:32px !important; }.pt36 { padding-top:36px !important; }.pt38 { padding-top:38px !important; }.pt40 { padding-top:40px !important; }.pt41 { padding-top:41px !important; }.pt42 { padding-top:42px !important; }.pt43 { padding-top:43px !important; }.pt44 { padding-top:44px !important; }.pt45 { padding-top:45px !important; }.pt47 { padding-top:47px !important; }.pt52 { padding-top:52px !important; }.pt64 { padding-top:64px !important; }.pt68 { padding-top:68px !important; }.pt70 { padding-top:70px !important; }.pt73 { padding-top:73px !important; }.pt80 { padding-top:80px !important; }.pt118 { padding-top:118px !important; }.pt192 { padding-top:192px !important; }
.pb0 { padding-bottom:0px !important; }.pb2 { padding-bottom:2px !important; }.pb3 { padding-bottom:3px !important; }.pb12 { padding-bottom:12px !important; }.pb13 { padding-bottom:13px !important; }.pb14 { padding-bottom:14px !important; }.pb16 { padding-bottom:16px !important; }.pb18 { padding-bottom:18px !important; }.pb19 { padding-bottom:19px !important; }.pb20 { padding-bottom:20px !important; }.pb21 { padding-bottom:21px !important; }.pb23 { padding-bottom:23px !important; }.pb24 { padding-bottom:24px !important; }.pb31 { padding-bottom:31px !important; }.pb32 { padding-bottom:32px !important; }.pb35 { padding-bottom:35px !important; }.pb37 { padding-bottom:37px !important; }.pb39 { padding-bottom:39px !important; }.pb40 { padding-bottom:40px !important; }.pb42 { padding-bottom:42px !important; }.pb44 { padding-bottom:44px !important; }.pb45 { padding-bottom:45px !important; }.pb80 { padding-bottom:80px !important; }.pb88 { padding-bottom:88px !important; }.pb159 { padding-bottom:159px !important; }.pb186 { padding-bottom:186px !important; }
.pl0 { padding-left:0px !important; }.pl7 { padding-left:7px !important; }.pl8 { padding-left:8px !important; }.pl9 { padding-left:9px !important; }.pl16 { padding-left:16px !important; }.pl24 { padding-left:24px !important; }.pl28 { padding-left:28px !important; }.pl32 { padding-left:32px !important; }.pl40 { padding-left:40px !important; }.pl43 { padding-left:43px !important; }.pl44 { padding-left:44px !important; }.pl48 { padding-left:48px !important; }.pl51 { padding-left:51px !important; }.pl60 { padding-left:60px !important; }.pl80 { padding-left:80px !important; }.pl88 { padding-left:88px !important; }.pl104 { padding-left:104px !important; }
.pr0 { padding-right:0px !important; }.pr18 { padding-right:18px !important; }.pr20 { padding-right:20px !important; }.pr24 { padding-right:24px !important; }.pr30 { padding-right:30px !important; }.pr40 { padding-right:40px !important; }.pr49 { padding-right:49px !important; }.pr54 { padding-right:54px !important; }.pr57 { padding-right:57px !important; }.pr58 { padding-right:58px !important; }.pr60 { padding-right:60px !important; }.pr62 { padding-right:62px !important; }.pr75 { padding-right:75px !important; }.pr80 { padding-right:80px !important; }.pr101 { padding-right:101px !important; }

.mg_x_at { margin-right:auto !important; margin-left:auto !important; }.mg_x8 { margin-right:8px !important; margin-left:8px !important; }.mg_x32 { margin-right:32px !important; margin-left:32px !important; }.mg_x40 { margin-right:40px !important; margin-left:40px !important; }.mg_x51 { margin-right:51px !important; margin-left:51px !important; }.mg_x80 { margin-right:80px !important; margin-left:80px !important; }.mg_x104 { margin-right:104px !important; margin-left:104px !important; }.mg_x115 { margin-right:115px !important; margin-left:115px !important; }

.content.w792,
.content.w1200px .search_enter { width:792px; margin:0 auto; }
.content.w1200px { width:1200px !important; }
.content.w100p { width:100% !important; }

[class*="pstR"] { position:relative !important; }
[class*="pstAB"] { position:absolute !important; }
[class*="pst"][class*="_xy_c"] { top:50%; left:50%; transform:translate(-50%,-50%); }
[class*="pst"][class*="_top0"] { top:0px; }
[class*="pst"][class*="_top9"] { top:9px; }
[class*="pst"][class*="_top-18"] { top:-18px; }
[class*="pst"][class*="_left0"] { left:0; }
[class*="pst"][class*="_left28"] { left:28px; }
[class*="pst"][class*="_left_c"] { left:50%; transform:translateX(-50%); }
[class*="pst"][class*="_right0"] { right:0px; }
[class*="pst"][class*="_right8"] { right:8px; }
[class*="pst"][class*="_right40"] { right:40px; }
[class*="pst"][class*="_right44"] { right:44px; }
[class*="pst"][class*="_right75"] { right:75px; }
[class*="pst"][class*="_bottom0"] { bottom:0px; }
[class*="pst"][class*="_bottom8"] { bottom:8px; }
[class*="pst"][class*="_bottom27"] { bottom:27px; }
[class*="pst"][class*="_bottom40"] { bottom:40px; }
[class*="pst"][class*="_bottom44"] { bottom:44px; }

.fw500 { font-weight:500 !important; }
.fw700 { font-weight:700 !important; }

.over_hid { overflow:hidden; }
.opac20 { opacity:.2; }

.dpb { display:block !important; }
.dpib { display:inline-block !important; }
.ico_h_round_box,
.dpfx_xy_center { display:flex; align-items:center; justify-content:center; }
.box_list_type1,
[class*="dpfx"] { display:flex; display: -webkit-flex; display: -ms-flexbox; }
[class*="dpfx"][class*="_align_c"] { align-items:center; -ms-flex-align: center; }
[class*="dpfx"][class*="_align_e"] { align-items:flex-end; -ms-flex-align: 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; }
[class*="dpfx"][class*="_just_sEvn"] { justify-content:space-evenly; }/* 2023-06-12 GGU477 추가 */
.align_self_c { align-self:center; }
.box_list_type1,
.flex_wrap { flex-wrap:wrap; }
.flex_column { flex-direction:column; }
.flex_w100 { flex:0 0 100px; width:100px; }
.flex_w116 { flex:0 0 116px; width:116px; }
.flex_w152 { flex:0 0 152px; width:152px; }
.flex_w154 { flex:0 0 154px; width:154px; }
.flex_w169 { flex:0 0 169px; width:169px; }
.flex_w240 { flex:0 0 240px; width:240px; }
.flex_w282 { flex:0 0 282px; width:282px; }
.flex_w316 { flex:0 0 316px; width:316px; }
.flex_w364 { flex:0 0 364px; width:364px; }
.flex_w408 { flex:0 0 408px; width:408px; }
.flex_w418 { flex:0 0 418px; width:418px; }
.flex_w429 { flex:0 0 429px; width:429px; }
.flex_w509 { flex:0 0 509px; width:509px; }/* 2022-05-03 GGU477 */
.flex_w529 { flex:0 0 529px; width:529px; }
.flex_w100p { flex:1 1 100%; max-width:100%; }
.flex_w50p { flex:1 1 40%; max-width:50%; word-wrap: break-word; word-break: keep-all; }
.flex_w25p { flex:1 1 20%; max-width:25%; word-wrap: break-word; word-break: keep-all; } /* 2024-10-18 Q10962 추가 */
.flex_w50p.max_w486 { max-width:486px; }
.flex_w50p.max_w564 { max-width:564px; }
.flex_wAuto { flex:1; }
.flex_w152 > img { width:100%; }/* premium red 카드 */

.dpfx_just_c > .tab_default { justify-content:center !important; }

.tab_type1 { display:flex; flex-wrap: wrap; }
.tab_type1.long { width: 1000px; }/* 2023-10-20 Q20016 추가 */
.tab_type1>a { display:flex; align-items:center; line-height:22px; color:#5c5c5c; font-size:16px; font-weight:500; }
.tab_type1>a.current { color:#000; font-weight:700; }
.tab_type1>a:not(:last-child)::after { display:inline-block; width:1px; height:12px; margin:0 10px; background:#e0e0e0; content:''; }/* 2023-10-20 Q20016 마진값 수정 */

/* tab2 - 2024-10-15 GGU282 - 추가 */
.tab_type2 {display:flex;}
.tab_type2 > a {position:relative; display:flex; align-items:center; padding:8px 12px; line-height:20px; color:#5c5c5c; font-size:14px; font-weight:500;}
.tab_type2 > a.current {color:#000; font-weight:700;}
.tab_type2 > a + a {margin-left:1px;}
.tab_type2 > a + a:before {position:absolute; left:-1px; top:50%; transform:translateY(-50%); display:block; width:1px; height:12px; background:#e0e0e0; content:'';}

/* box tab - 2024-10-15 GGU282 - 추가 */
.tab_box_type {display:flex; align-items:center; justify-content:space-around; width:100%; border-left:1px solid #ccc;}
.tab_box_type > a {flex:1 1 0;position:relative; display:block; width:100%; line-height:26px; padding:10px 0; border:1px solid #d6d6d6; border-left:0 none; background-color:#f5f5f5; color:rgba(0,0,0,0.48); text-align:center; font-size:16px; font-weight:700;}
.tab_box_type > a.current {border-bottom:1px solid #fff; background-color:#fff; color:rgba(0,0,0,1);}

.fc_purple { color:#5C325E; }
.bg_0070f0_08 { background:rgba(0,112,240,.08); }
.bg_005cb9_08 { background:rgba(0,92,185,.08); }
.bg_gray { background: #f5f5f5; }

.bd_t2_000 { border-top:2px solid #000; }
.bd_t2_a80 { border-top:2px solid #333; }

.bd_t1_a08 { border-top:1px solid #ebebeb; }
.bd_t1_a12 { border-top:1px solid #e0e0e0; }
.bd_t1_a20 { border-top:1px solid #ccc; }
.bd_t1_a40 { border-top:1px solid #949494; }
.bd_t1_000 { border-top:1px solid #000; }

.bd_b1_a04 { border-bottom:1px solid #f5f5f5; }
.bd_b1_a08 { border-bottom:1px solid #ebebeb; }
.bd_b1_a12 { border-bottom:1px solid #e0e0e0; }
.bd_b1_a40,.bd_b1_A40 { border-bottom:1px solid #949494; }

.bd_l1_a04 { border-left:1px solid #f5f5f5; }
.bd_l1_a12 { border-left:1px solid #e0e0e0; }
.bd_l1_a20 { border-left:1px solid #ccc; }
.bd_l1_wht { border-left:1px solid #fff !important; }

.bd_r1_a20 { border-right:1px solid #ccc; }

.bd1_a04 { border:1px solid #f5f5f5; }
.bd1_a12 { border:1px solid #e0e0e0; }

.bd_r8 { border-radius:8px; }
.bd_r12 { border-radius:12px; }
.bd_r16 { border-radius:16px; }
.bd_r20 { border-radius:20px; }
.ico_h_round_box { width:22px; height:22px; border-radius:50%; background-color:#fe8304; }
.ico_h_round_box::before { line-height:15px; color:#fff; content:'H'; font-size:12px; }

.circlebox_wh36 { width:36px; height:36px; border-radius:50%; }

.interval_div20 > div + div { margin-top:20px; } /* 2024-10-15 GGU282 - 추가 */
.interval_div26 > div + div { margin-top:26px; }
.interval_div32 > div + div { margin-top:32px; } /* 2024-10-15 GGU282 - 추가 */
.interval_div48 > div + div { margin-top:48px; } /* 2024-10-15 GGU282 - 추가 */
.interval_div52 > div + div { margin-top:52px; }
.interval_div64 > div + div { margin-top:64px; }
.interval_div112 > div + div { margin-top:112px; }

.interval_ml_div4 > div + div { margin-left:4px; }

.interval_li0 li + li { margin-top:0px !important; }
.interval_li3 li + li { margin-top:3px !important; }
.interval_li4 p + p,
.interval_li4 li + li { margin-top:4px !important; }
.interval_li6 p + p,
.interval_li6 li + li { margin-top:6px !important; }
.interval_li7 li + li { margin-top:7px !important; }
.interval_p8 p + p,
.interval_li8 li + li { margin-top:8px !important; }
.interval_li10 li + li { margin-top:10px !important; }
.interval_li14 p + p,
.interval_li14 li + li { margin-top:14px !important; }/* 2022-06-22 GGU477 추가 */

.interval_abtn_ml12 a + a { margin-left:12px !important; }
.interval_abtn_ml16 a + a { margin-left:16px !important; }

.white_space_nowrap { white-space:nowrap; }

.sub_benefit .bul_list.fc_blk li { color:#000; }
.sub_benefit .bul_list.fc_m_a40 li { color:#949494; }
.sub_benefit .bul_list.fc_m_a40 li::before { background-color:#949494 !important; }
.sub_benefit .bul_list.fc_m_a64 li,
.sub_benefit .bul_list li.fc_m_a64 { color:#5c5c5c; }
.sub_benefit .dash_list.fc_m_a64 li,
.sub_benefit .dash_list li.fc_m_a64 { color:#5c5c5c; }

a.line_h16 { line-height:16px !important; }

.dash_txt.line_h22,
.bul_list.line_h22 li,
.dash_list01.line_h22 li { line-height:22px !important; }

.line_height26,
.bul_txt.line_h26,
.bul_list.line_h26 li,
.dash_list.line_h26 li { line-height:26px !important; }

.line_height28,
.bul_txt.line_h28,
.bul_list.line_h28 li,
.dash_list.line_h28 li,
.dash_list01.line_h28 li { line-height:28px !important; }

.bul_txt.line_h28::before,
.bul_list.line_h28 li::before,
.dash_list.line_h28 li::before { top:13px; }

.bul_list._dot_bg95 li::before { background-color:#959595 !important; }
.bul_txt._h4_m, .bul_list._h4_m li { line-height:26px; color:#000; font-size:20px; font-weight:500; }
.bul_txt._h4_m.fc_m_a64, .bul_list._h4_m.fc_m_a64 li { color:#5c5c5c; }
.bul_txt._h4_m::before, .bul_list._h4_m li::before { top:12px; }

.bul_list li.fc_blk { color:#000 !important; }
.bul_list03 li.fc_blk { color:#000 !important; }
.bul_list>li.fc_m_a64,
.dash_list>li.fc_m_a64 { color:#5c5c5c !important; }

.line_h48 { line-height:48px !important; } /* 2024-05-13 GGU282 - 추가 */
.line_h52 { line-height:52px !important; }
.line_h100p { line-height:100% !important; }

.bul_txt02.ml6_a48 { margin-left:6px; }
.bul_txt02.ml6_a48::before { background:#858585; }

[class^="bul_"][class*="txt03"] { line-height:16px; padding-left:6px; color:#5c5c5c; font-size:12px; }
[class^="bul_"][class*="txt03"]::before { top:7px; background-color:#949494; }

.star_txt { display:flex; line-height: 22px; font-size: 16px; }
.star_txt.fc_m_a64 { color:#5c5c5c; }
.star_txt::before { color:#949494; content:'*'; }
.star_txt.fc_m_a64::before { margin-right:4px; color:#5c5c5c; }
.star_txt.fc_blk, .star_txt.fc_blk::before { color:#000; }/* 2023-06-27 GGU477 추가 */


.striketh { text-decoration:line-through; }

/* 2024-06-13 GGU282 - 추가 */
.num_list01 > li {position:relative; line-height:26px; padding-left:24px; font-size:16px; font-weight:500;}
.num_list01 > li > .num {position:absolute; top:0; left:0;}
.num_list01 > li + li {margin-top:8px;}
/* //2024-06-13 GGU282 - 추가 */

.round_dot2_type1,
.round_dot2box1 > span { display:flex; align-items:center; }
.round_dot2_type1::before,
.round_dot2box1 > span:not(:first-of-type)::before { flex:0 0 2px; width:2px; height:2px; margin-right:4px; margin-left:4px; border-radius:50%; background:#ebebeb; content:''; }

[class*="line_ver"] { display:flex; align-items:center; }
[class*="line_ver"]::before { width:1px; background:#e0e0e0; content:''; }
[class*="line_ver"][class*="_height16"]::before { height:16px; }
[class*="line_ver"][class*="_mg_x24"]::before { margin:0 24px; }

.list_chkrdo01.min_width_at > li label { min-width:auto; }

.icobox_notice { width:16px; height:16px; background:url('/docfiles/resources/pc/images/common/icon/w16/ico_alert.png') no-repeat center / contain; }

.m_width119 { min-width:119px; }
.m_width130 { min-width:130px; }
.max_width460 { max-width:460px; }

.w80 { width:80px; } /* 2024-05-13 GGU282 - 추가 */
.w100 { width:100px; } /* 2024-05-13 GGU282 - 추가 */
.w103 { width:103px; }
.w104 { width:104px; }
.w107 { width:107px; }
.w109 { width:109px; }
.w116 { width:116px; }
.w120 { width:120px; }
.w160:not(.use_info) { width:160px; } /* 2024-05-13 GGU282 - 추가 / 2024-06-18 GGU282 - :not 추가 */
.w174 { width:174px; }
.w200 { width:200px; } /* 2024-05-13 GGU282 - 추가 */
.w267 { width:267px; }
.w274 { width:274px; }
.w326 { width:326px; }
.w300 { width:300px; }
.w324 { width:324px; }
.w330 { width:330px; }
.w340 { width:340px; }
.w360 { width:360px; }
.w432 { width:432px; }
.w462 { width:462px; }
.w536 { width:536px; }/* 2024-01-02 GGU477 추가 */ 
.w556 { width:556px; }
.w562 { width:562px; }
.w595 { width:595px; }
.w635 { width:635px; }
.w704 { width:704px; }
.w720 { width:720px; }
.w778 { width:778px; }
.w792 { width:792px; }
.w848 { width:848px; }/* 2024-01-02 GGU477 추가 */ 
.w966 { width:966px; }
.w996 { width:996px; }
.w1092 { width:1092px; }
.w1152 { width:1152px; }
.w1200 { width:1200px !important; }/* 2024-04-08 Q20542 추가 */
a.w228 { min-width:228px; padding-right:24px !important; padding-left:24px !important; }
.max_w88 { max-width:88px; }
.height100p { height:100%; }
.h56, .height56 { height:56px; }
.height48 { height:48px; }
.height64 { height:64px; }
.height8 { height:8px; }
.height100 { height:100px; }
.height134 { height:134px; }
.height190 { height:190px; }
.height190>img { width:auto; height:100%; }
.height240 { height:240px; }
.height242 { height:242px; }
.height250 { height:250px; }
.height265 { height:265px; }
.height282 { height:282px; }
.height774 { height:774px; }
.h56>img { width:auto; height:100%; }
.wh15 { width:15px; height:15px; }
.wh32 { width:32px; height:32px; }
.wh48 { width:48px; height:48px; }
.wh56 { width:48px; height:48px; }
.wh64 { width:64px; height:64px; }
.wh80 { width:80px; height:80px; }
.wh96 { width:96px; height:96px; }
.wh100 { width:100px; height:100px; }
.wh104 { width:104px; height:104px; }
.wh120 { width:120px; height:120px; }
.wh122 { width:122px; height:122px; }

/* 2024-06-18 GGU282 - 추가 */
.box_btn a.w160 {width:auto;}
.box_btn a.w200 {width:auto;}
.box_btn button.w160 {width:auto;}
.box_btn button.w200 {width:auto;}
/* //2024-06-18 GGU282 - 추가 */

.content.w996 { width:996px !important; }
.content.w1200 { width:1200px !important; }

[class*="textbico"][class*="_green"] { background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward_grn.png'); }
[class*="textbico"][class*="_pink"] { background-image:url('/docfiles/resources/pc/images/ben/ico_arrowB_forward_pink.png'); }
[class*="textbico"][class*="_orange"] { background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward_orange.png'); }
[class*="textbico"][class*="_white"] { color:#fff !important; background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward_white.png'); }


input[class*="h48"] { height:48px; line-height:22px; padding:13px 0; font-size:16px; font-weight:700; }
.box_input01.btn_t6 .input_cell_box .box_btn { top:6px; }
.box_input01.btn_bd_default .input_cell_box:before,
.box_input01.btn_bd_default .input_cell_box [class^="btn"][class*="defaultbg"] { background-color:#000; }
.box_input01.btn_bd_default .input_cell_box [class^="btn"][class*="defaultbg"] span { color:#fff; }

.list_sel_inp._type2 { display:flex; }
.list_sel_inp._type2>li { float:initial; padding-top:0; }
.list_sel_inp._type2.tab2>li { flex:1 1 45%; max-width:50%; }
.list_sel_inp._type2.tab3>li { flex:1 1 30%; max-width:33.33%; }
.list_sel_inp._type2.tab2._width792>li { max-width:388px; }
.list_sel_inp._type2.tab3._width792>li { max-width:253px; }


.radio_box.type2 li { flex:1 1 30%; max-width:113px; margin:0 4px 0 0; }
.radio_box.type2 li:nth-child(3n) { margin-right:0; }

.tag_listbox { display:flex; flex-wrap:wrap; margin:0 -2px; }
.tag_listbox > li { padding:4px 2px; }
.tag_listbox > li label { display:block; display:flex; align-items:center; height:40px; line-height:22px; padding:0 12px; border-radius:40px; color:#949494; background:#d6d6d6; font-size:16px; font-weight:700; }
.tag_listbox > li input:checked + label { color:#fff; background:#000; }

[class^="roundBtn"] { display:inline-block; border-radius:50%; background-color:transparent; background-repeat:no-repeat; background-position:center; background-size:32px 32px; cursor:pointer; }
[class^="roundBtn"]:disabled { cursor:no-drop; }
[class^="roundBtn"][class*="_w32"] { width:32px; height:32px; }
[class^="roundBtn"][class*="_plus"] { background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_plus_o.png'); }
[class^="roundBtn"][class*="_plus"]:disabled { background-image:url('/docfiles/resources/pc/images/common/btnicon/ico_plus_disabled.png'); }
[class^="roundBtn"][class*="_minus"] { background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_minus_o.png'); }
[class^="roundBtn"][class*="_minus"]:disabled { background-image:url('/docfiles/resources/pc/images/common/btnicon/ico_minus_disabled.png'); }

.modal_pop .layer_head._dpfx_h80_pd0 { display:flex; height:80px; padding:0; }

.box_list_type1 li { flex:1 1 180px; max-width:186px; min-height:297px; padding:40px 0; margin-left:16px; border:1px solid #ccc; border-radius:8px; }
.box_list_type1 li:nth-child(5n+1) { margin-left:0; }
.box_list_type1 li:nth-child(n+6) { margin-top:16px; }
.box_list_type1 li a { display:block; width:100%; height:100%; text-align:center; }
.box_list_type1 li a span { display:block; }
.box_list_type1 li a .logo_box { width:120px; height:120px; margin:0 auto 32px; }
.box_list_type1 li a .logo_box img { -ms-border-radius:100%; border-radius:100%; }
.box_list_type1 li a .txt_tit { line-height:26px; color:#000; font-size:20px; font-weight:700; }
.box_list_type1 li a .txt_date { line-height:20px; margin-top:10px; color:#5c5c5c; font-size:14px; font-weight:500; }

.bul_list02 > dt, .bul_list02 > dd { text-align:left; font-weight:500; }
.bul_list02 > dt { line-height:20px; margin-top:27px; color:#000; font-size:16px; }
.bul_list02 > dt:first-of-type { margin-top:0; }
.bul_list02 > dd { position:relative; line-height:20px; padding-left:8px; color:#5c5c5c; font-size:14px; }
.bul_list02 > dt + dd { margin-top:9px; }
.bul_list02 > dd + dd { margin-top:2px; }
.bul_list02 > dd::before { position:absolute; top:10px; left:0; display:inline-block; width:2px; height:2px; border-radius:100%; background:#5c5c5c; content:''; }

table[class*="bd_"] { border:0; }
table[class*="pd_y"] { padding:0; }
.tbl_type1 table th, .tbl_type1 table td { position:relative; vertical-align:top; }
.tbl_type1 table .bd_b0 { border-bottom:0px !important; }
.tbl_type1 table .bd_b1_v1::after { position:absolute; bottom:0; left:32px; width:calc(100% - 32px); height:1px; background:#ebebeb; content: ''; }

.tbl_type1 table.pt_17 th, .tbl_type1 table.pt_17 td { padding-top:17px; }
.tbl_type1 table.pt_20 th, .tbl_type1 table.pt_20 td { padding-top:20px; }
.tbl_type1 table.pb_16 th, .tbl_type1 table.pb_16 td { padding-bottom:16px; }
.tbl_type1 table.pb_18 th, .tbl_type1 table.pb_18 td { padding-bottom:18px; }

.tbl_type1 table.th_p_pt02 th p,
.tbl_type1 table.first_td_p_pt02 td:nth-child(1) p { padding-top:2px; }

.tbl_type1 table.pd_y16 th, .tbl_type1 table.pd_y16 td { padding-top:16px; padding-bottom:16px; }
.tbl_type1 table.pd_y17 th, .tbl_type1 table.pd_y17 td { padding-top:17px; padding-bottom:17px; }
.tbl_type1 table.pd_y18 th, .tbl_type1 table.pd_y18 td { padding-top:18px; padding-bottom:18px; }
.tbl_type1 table.pd_y19 th, .tbl_type1 table.pd_y19 td { padding-top:19px; padding-bottom:19px; }
.tbl_type1 table.pd_y20 th, .tbl_type1 table.pd_y20 td { padding-top:20px; padding-bottom:20px; }
.tbl_type1 table.pd_y21 th, .tbl_type1 table.pd_y21 td { padding-top:21px; padding-bottom:21px; }
.tbl_type1 table.pd_y23 th, .tbl_type1 table.pd_y23 td { padding-top:23px; padding-bottom:23px; }
.tbl_type1 table.pd_y24 th, .tbl_type1 table.pd_y24 td { padding-top:24px; padding-bottom:24px; }
.tbl_type1 table.pd_y25 th, .tbl_type1 table.pd_y25 td { padding-top:25px; padding-bottom:25px; }
.tbl_type1 table.pd_y43 th, .tbl_type1 table.pd_y43 td { padding-top:43px; padding-bottom:43px; }

.tbl_type1 table table.pd_y18 th, .tbl_type1 table table.pd_y18 td { padding-top:18px; padding-bottom:18px; }

.tbl_type1 table.pt_25 th, .tbl_type1 table.pt_25 td { padding-top:25px !important; }
.tbl_type1 table.pb_29 th, .tbl_type1 table.pb_29 td { padding-bottom:29px !important; }
.tbl_type1 table.td_pr20 td { padding-right:20px !important; }

.tbl_type1 table.pd_b24 th, .tbl_type1 table.pd_b24 td { padding-bottom:24px; }
.tbl_type1 table.last_pd_b0 tr:last-child th, .tbl_type1 table.last_pd_b0 tr:last-child td { padding-bottom:0px; }

.tbl_type1 table.bd_b1_a04 th, .tbl_type1 table.bd_b1_a04 td { border-bottom:1px solid #f5f5f5; }
.tbl_type1 table.bd_b1_a08 th, .tbl_type1 table.bd_b1_a08 td { border-bottom:1px solid #ebebeb; }
.tbl_type1 table.vAlign_m th, .tbl_type1 table.vAlign_m td , thead.vAlign_m th { vertical-align:middle; }
.tbl_type1 table.first_align_l th:nth-of-type(1) { text-align:left !important; }
.tbl_type1 table.th_pl0 th { padding-left:0 !important; }
.tbl_type1 table.th_pl16 th { padding-left:16px; }
.tbl_type1 table.th_pl24 th { padding-left:24px; }
.tbl_type1 table.first_th_pl16 th:nth-of-type(1) , .tbl_type1 table.first_td_pl16 td:nth-of-type(1) {/* 2024-08-30 GGCP31 padding-left:16px !important; 삭제 */} 
.tbl_type1 table.first_th_pl24 th:nth-of-type(1) { padding-left:24px !important; }
.tbl_type1 table.first_pl24 th:nth-of-type(1), .tbl_type1 table.first_pl24 td:nth-of-type(1) {/* 2024-08-30 GGCP31 padding-left:24px !important; 삭제 */}
.tbl_type1 table.two_pl24 th:nth-of-type(2), .tbl_type1 table.two_pl24 td:nth-of-type(2) { padding-left:24px !important; }
.tbl_type1 table.two_pl102 th:nth-of-type(2), .tbl_type1 table.two_pl102 td:nth-of-type(1) { padding-left:102px !important; }
.tbl_type1 table.two_pl102 td.pl0 { padding-left:0 !important; }
.tbl_type1 table.th_h4b th,
.tbl_type1 table.th_h4m th,
.tbl_type1 table.td_h4m td,
.tbl_type1 table.td_h4b td { line-height:26px; font-size:20px; }
.tbl_type1 table.th_h4b th, .tbl_type1 table.td_h4b td { font-weight:700; }
.tbl_type1 table.th_h4m th, .tbl_type1 table.td_h4m td { font-weight:500; }
.tbl_type1 table.th_p1b th,
.tbl_type1 table.td_p1b td,
.tbl_type1 table.td_p1m td { line-height:26px; padding: 20px 8px; text-align: left; word-wrap: break-word; word-break: keep-all; font-size:16px; font-weight:700; }/* 2022-08-09 Q20093 테이블 가이드 수정 padding : 20px 8px */
.tbl_type1 table.td_p1m td { font-weight:500; }
.tbl_type1 table.th_a64 th, .tbl_type1 table.td_a64 td { color:#5c5c5c; }
.tbl_type1 table.td_a80 td { color:#333; }
.tbl_type1 table.th_blk th, .tbl_type1 table.td_blk td { color:#000; }
.tbl_type1 table.td_pr24 td { padding-right:24px; }
.tbl_type1 table.td_pr54 td { padding-right:54px; }
.tbl_type1 table.p1b th, .tbl_type1 table.p1b td { line-height:26px; color:#000; font-size:16px; font-weight:700; }
.tbl_type1 table.th_line_h28 th { line-height:28px !important; }
.tbl_type1 table.line_h22 th, .tbl_type1 table.line_h22 td { line-height:22px !important; }
.tbl_type1 table.line_h26 th, .tbl_type1 table.line_h26 td { line-height:26px !important; }
.tbl_type1 table.line_h28 th, .tbl_type1 table.line_h28 td { line-height:28px !important; }
.tbl_type1 table figure.img_w64 { width:64px; }
.tbl_type1 table figure.fig_p1b figcaption { line-height:26px !important; font-size:16px; font-weight:700; }
.tbl_type1 table figure.figcap_pt6 figcaption { padding-top:6px; }
.tbl_type1 table.td_a64 td > div .excel_wrap { line-height: 33px; }
.tbl_type1 table.td_a64 td > div .excel_wrap .list_txt { line-height: 24px; padding-left: 0.667em; margin-top: -3px; }

.tbl_type1 table .rado_p2m label { position:relative; display:flex; align-items:center; line-height:20px; color:#000; cursor:pointer; font-size:14px; font-weight:500; }
.tbl_type1 table .rado_p2m label::before { display:block; width:24px; height:24px; margin-right:51px; opacity:.12; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_radioselect_o.png') no-repeat center / contain; content:''; }
.tbl_type1 table .rado_p2m input:checked + label::before { opacity:1; }
.tbl_type1 table .circlebox_wh88 { position:relative; width:88px; height:88px; border-radius:50%; }
.tbl_type1 table .circlebox_wh88:after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid #ebebeb; border-radius: 50%; content: ""; }/* 2022-08-12 Q20093 border : #ebebeb 수정 */
.tbl_type1 table .circlebox_wh88 > img { width:88px; height:88px; border-radius:50%; }
.tbl_type1 table th.vAlign_m,.tbl_type1 table td.vAlign_m { vertical-align:middle; }
.tbl_type1 .lab_star + .lab_gold { margin-left:8px; }
.tbl_type1 .carimgbox_w136 { width:150px; margin:15px auto 0; }/* 2022-06-21 Q10771 css 수정 */
.tbl_type1 th div p:first-child { padding-left: 24px; }

.tbl_type1 thead.first_tr_bd_b1_a04 tr:first-child th { border-bottom:1px solid #f5f5f5 !important; }
.tbl_type1 thead.first_th_pl16 th:nth-of-type(1) { padding-left:16px !important; }
.tbl_type1 thead.first_th_pl24 th:nth-of-type(1) { padding-left:24px !important; }
.tbl_type1 thead.pt_17 th { padding-top:17px !important; }
.tbl_type1 thead.pb_20 th { padding-bottom:20px !important; }
.tbl_type1 thead.pd_y17 th { padding-top:17px !important; padding-bottom: 17px !important; }
.tbl_type1 thead.pd_y18 th { padding-top:18px !important; padding-bottom: 18px !important; }
.tbl_type1 thead.pd_y20 th { padding-top:20px !important; padding-bottom: 20px !important; }
.tbl_type1 thead.th_blk th { color:#000; }

.tbl_type1 tbody.last_bd0_pb0 tr:last-child th, .tbl_type1 tbody.last_bd0_pb0 tr:last-child td { padding-bottom:0 !important; border-bottom:0 !important; }
.tbl_type1 tbody.alL_one_two td:nth-child(1), .tbl_type1 tbody.alL_one_two td:nth-child(2) { text-align:left !important; }
.tbl_type1 tbody.th_a64 th,
.tbl_type1 tbody.two_a64 td:nth-child(2) { color:#5c5c5c !important; }
.tbl_type1 tbody.th_a80 th { color:#333 !important; }
.tbl_type1 tbody.th_p1m th { line-height:22px; font-size:16px; font-weight:500; }
.tbl_type1 tbody.td_first_pl24 td:nth-child(1) { padding-left:24px; }
.tbl_type1 tbody.td_five_pr45 td:nth-child(5) { padding-right:45px; }

.tbl_type1 tfoot.bd0 th, .tbl_type1 tfoot.bd0 td { border:0; }
.tbl_type1 tfoot.pd_y17 th, .tbl_type1 tfoot.pd_y17 td { padding-top:17px !important; padding-bottom:17px !important; }
.tbl_type1 tfoot.th_p1m th, .tbl_type1 tfoot.td_p1b td { line-height:22px; color:#000; font-size:16px; }
.tbl_type1 tfoot.th_p1m th { font-weight:500; }
.tbl_type1 tfoot.td_p1b td { font-weight:700; }

/* box_line - 2023-01-27 GGU282 웹접근성 추가 */
.box_line1 { border-top:2px solid #000; }
.box_line1 > li { border-bottom:1px solid #ebebeb; }
.box_line1 > li .tit { display:table-cell; width:204px; padding:20px 8px; word-wrap:break-word; word-break:keep-all; vertical-align:top; }
.box_line1 > li .txt { display:table-cell; width:996px; padding:20px 8px; color:#5c5c5c; word-wrap:break-word; word-break:keep-all; vertical-align:top; font-weight:500; }
.box_line1 .sm_tbl_wrap .sm_tbl th { font-weight:500; }

.menu_subTab { display:flex; }
.menu_subTab > li { display:flex; align-items:center; line-height:22px; color:#858585; font-size:16px; font-weight:500; }
.menu_subTab > li.curr { color:#000; font-weight:700; }
.menu_subTab > li::before { display:block; width:1px; height:12px; margin:0 12px; background:#e0e0e0; content:''; }
.menu_subTab > li:first-child::before { display:none; }
.menu_subTab > li a { color:currentColor; }

.accodWrap2 .accodBtn { position:relative; display:flex; align-items:center; width:100%; height:64px; cursor:pointer; }
.accodWrap2 .accodBtn [class*="_ico_arrowB_down"] { position:absolute; top:50%; right:0; transition:transform .3s; transform:translateY(-50%) rotate(0); }
.accodWrap2 .accodBtn.on [class*="_ico_arrowB_down"] { transform:translateY(-50%) rotate(-180deg); }

.accodWrap2._type1 .accodItem { margin-top:64px; border-top:2px solid #000; }
.accodWrap2 .accodConts { display:none; } /* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통 */

.accodWrap2._type2 .accodItem { border-bottom:1px solid #ebebeb; }
.accodWrap2._type2 .accodBtn { padding-left:24px; }
.accodWrap2._type2 .accodConts { border-top:1px solid #ebebeb; } /* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통 padding-left:24px; */
.accodWrap2 .accodConts._type2 { padding:36px 0 0; }/* border-top:1px solid #e0e0e0; */
.accodWrap2 .accodConts._type3 { padding:0; border-top:1px solid #e0e0e0; }



.bg_origin_content { background-origin:content-box !important; }
[class^="bg"][class*="_wh32"] { width:32px; height:32px; }
[class^="bg"][class*="_pstC"] { background-position:center; }
[class^="bg"][class*="_size32"] { background-size:32px 32px; }
[class^="bg"][class*="_norepeat"] { background-repeat:no-repeat; }
[class^="bg"][class*="_ico_arrowB_down"] { background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png'); }

/* 받은혜택 */
.box_benefit.box_nobenefit { min-height:520px; }
.box_benefit.box_nobenefit .right_column.type1 { display:flex; align-items:center; justify-content:center; padding:0; padding:0; }

/* privia 여행 */
.list_privia { display:flex; flex-wrap:wrap; }
.list_privia>li { display:flex; align-items:center; flex:1 1 40%; min-width:326px; max-width:328px; }
.list_privia>li:nth-of-type(n+3) { margin-top:24px; }
.list_privia>li:nth-of-type(odd) { margin-right:80px; }

/* 2023-05-15 GGU282 - 추가 */
.list_privia2 { border-top:2px solid #000; }
.list_privia2 > li { display:flex; padding:30px 14px 30px 24px; border-bottom:1px solid #ebebeb; }
.list_privia2 .icobox { width:80px; margin-right:55px; }
.list_privia2 .titbox { width:222px; padding-top:10px; margin-right:10px; }
.list_privia2 .box_bul { flex:1 1 0; padding-top:10px; }

/* 바우처 */
.box_prevyear_voucher { display:flex; justify-content:center; margin-top:64px; }
.box_prevyear_voucher .hds_box { min-width:460px; height:100%; }
.box_prevyear_voucher .select_wrap { text-align:center; }
.box_prevyear_voucher .select_wrap .btn_select { display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; padding:0; font-family:'YouandModern'; font-size:34px; font-weight:800; }
.box_prevyear_voucher .select_wrap .btn_select:before { border:0; }
.box_prevyear_voucher .select_wrap .btn_select:after { position:static; width:32px; height:32px; margin:0; }
.box_prevyear_voucher .select_wrap .ul_select { min-height:145px; padding:16px 24px; }
.box_prevyear_voucher .select_wrap .ul_select li { height:56px; }
.box_prevyear_voucher .select_wrap .ul_select li:after { right:0; left:0; }
.box_prevyear_voucher .select_wrap .ul_select li a { display:flex; align-items:center; height:100%; line-height:26px; padding:0; background-position:100% 50%; font-family:'YouandModern'; font-size:20px; font-weight:700; }
.box_prevyear_voucher .select_wrap .ul_select li.on a { background-color:transparent; }

.list_voucher,
.list_voucher > .item .txt,
.box_voucher_list .txt_list_title { display:flex !important; }
.list_voucher > .item .txt,
.box_voucher_list .txt_list_title { align-items:center; }
.list_voucher > .item a,
.list_voucher > .item a * { display:block; }
.list_voucher > .item.complete a span,
.list_voucher > .item.complete.cancle span { display: inline-block !important; }
.list_voucher > .item.complete a span.box_complete,
.list_voucher > .item.complete.cancle span.box_complete
 {
 display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; margin-left: 10px; border-radius: 15px; color: #fff; background: #000; font-size: 11px; font-weight: normal; }
.list_voucher > .item.complete.gray a span.box_complete { display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; margin-left: 10px; border-radius: 15px; color: #fff; background: #c7c7c7; font-size: 11px; font-weight: normal; }

.voucher_list_page .box_voucher_list:first-of-type { margin-top:52px; }
.voucher_list_page .box_voucher_list:not(:first-of-type) { margin-top:90px; }
.box_voucher_list .txt_list_title { justify-content:space-between; padding:10px 0; }
.box_voucher_list .txt_list_title > strong,
.box_voucher_list .txt_list_title > .txt_link { color:#000; font-weight:700; }
.box_voucher_list .txt_list_title > strong { line-height:36px; font-size:28px; }
.box_voucher_list .txt_list_title > .txt_link { line-height:26px; font-size:20px; }
.box_voucher_list .list_voucher { flex-wrap:wrap; margin-top:16px; }
.box_voucher_list .list_voucher > .item { flex:1 1 380px; max-width:384px; }
.box_voucher_list .list_voucher > .item:not(:nth-of-type(3n+1)) { margin-left:24px; }
.box_voucher_list .list_voucher > .item:nth-of-type(n+4) { margin-top:24px; }
.box_voucher_list .list_voucher > .item a, 
.box_voucher_list .list_voucher > .item.cancle { position:relative; width:100%; height:240px; padding:28px 0 0 32px; border-radius:20px; }
.box_voucher_list .list_voucher > .item .txt_title { line-height:44px; color:#fff; font-size:32px; font-weight:700; }
/* .box_voucher_list .list_voucher > .item.finished a { pointer-events:none; }*/
.box_voucher_list .list_voucher > .item.finished .txt_title { color:rgba(255,255,255,.64); }
.box_voucher_list .list_voucher > .item .txt,
.box_voucher_list .list_voucher > .item .txt_date { line-height:20px; margin-top:4px; color:rgba(255,255,255,.64); font-size:14px; font-weight:700; }
.box_voucher_list .list_voucher > .item .txt .ico_tip { display:block; margin-right:4px; background-image:url('/docfiles/resources/pc/images/common/icon/w16/ico_tip_Line_wht.png'); }
.box_voucher_list .list_voucher > .item.none a { border:1px dashed #ccc; background-color:transparent !important; pointer-events:none; }


.box_voucher_list._black .list_voucher > .item a { background-color:#4C5052; }
.box_voucher_list._purple .list_voucher > .item a { background-color:#5C325E; }
.box_voucher_list._red .list_voucher > .item a { background-color:#D0122B; }
.box_voucher_list._bgEB .list_voucher > .item a { background-color:#ebebeb; }
.box_voucher_list._mst .list_voucher > .item a { background-color:#E67602; }
.box_voucher_list._mst .list_voucher > .item.cancle { background-color:#E67602; cursor: pointer; }
/* 2023-12-21 Q20016 아멕스 배경색 추가 */
.box_voucher_list._ampl .list_voucher > .item a { background-color:#9A9A9A; }
.box_voucher_list._amgl .list_voucher > .item a { background-color:#B19859; }
.box_voucher_list._amgr .list_voucher > .item a { background-color:#6D9281; }
/* //2023-12-21 Q20016 아멕스 배경색 추가 */
.box_voucher_list._hge2 .list_voucher > .item a { background-color:#292929; }/* 2024-12-03 GGU442 GENESIS CARD Edition2 배경 추가 */
.box_voucher_list._Summit .list_voucher > .item a { background-color:#343854; }/* 2024-04-01 Q20406(동근혁) Summit 배경색 추가 */
.box_voucher_list._centurion .list_voucher > .item a { background-color:#1E1E1E; }/* 2025-04-11 Q11793 The Centurion 배경색 추가 */ /* 2025-05-15 Q11955 배경색 수정 */

/* 2024-05-21 GGU282 카카오뱅크 Prime 배경색 추가 */
.box_voucher_list._kakaoBankPrime .list_voucher > .item a { background-color:#FFE300; }
.box_voucher_list._kakaoBankPrime .list_voucher > .item .txt_title,
.box_voucher_list._kakaoBankPrime .list_voucher > .item .quantity { color:#000; }
.box_voucher_list._kakaoBankPrime .list_voucher > .item.finished .txt_title { color:rgba(0,0,0,.64); }
.box_voucher_list._kakaoBankPrime .list_voucher > .item .txt,
.box_voucher_list._kakaoBankPrime .list_voucher > .item .txt_date { color:rgba(0,0,0,.64); }
/* //2024-05-21 GGU282 카카오뱅크 Prime 배경색 추가 */

.box_voucher_list._mst .list_voucher > .item a._color_rever { background-color:#fff; }
.box_voucher_list._mst .list_voucher > .item a._color_rever { border:1px solid #E67602; background-color:#fff; }
.box_voucher_list._mst .list_voucher > .item a._color_rever .txt,
.box_voucher_list._mst .list_voucher > .item a._color_rever .txt_date,
.box_voucher_list._mst .list_voucher > .item a._color_rever .quantity,
.box_voucher_list._mst .list_voucher > .item a._color_rever .txt_title { color:#E67602; }

.box_voucher_list._mst .list_voucher > .item.gray a { background-color:#f5f5f5; cursor: default; pointer-events: none; }
.box_voucher_list._mst .list_voucher > .item.gray a._color_rever { border:1px solid #f5f5f5; background-color:#f5f5f5; }
.box_voucher_list._mst .list_voucher > .item.gray a._color_rever .txt,
.box_voucher_list._mst .list_voucher > .item.gray a._color_rever .txt_date,
.box_voucher_list._mst .list_voucher > .item.gray a._color_rever .quantity,
.box_voucher_list._mst .list_voucher > .item.gray a._color_rever .txt_title { color:#989898; }

.box_voucher_list._green .list_voucher > .item a { background-color:#008C15; }
.box_voucher_list._green .list_voucher > .item a._color_rever { border:1px solid #008C15; background-color:#fff; }
.box_voucher_list._green .list_voucher > .item a._color_rever .txt,
.box_voucher_list._green .list_voucher > .item a._color_rever .txt_date,
.box_voucher_list._green .list_voucher > .item a._color_rever .quantity,
.box_voucher_list._green .list_voucher > .item a._color_rever .txt_title { color:#008C15; }

.box_voucher_list._pink .list_voucher > .item a { background-color:#fb1a77; }
.box_voucher_list._pink .list_voucher > .item a._color_rever { border:1px solid #fb1a77; background-color:#fff; }
.box_voucher_list._pink .list_voucher > .item a._color_rever .txt,
.box_voucher_list._pink .list_voucher > .item a._color_rever .txt_date,
.box_voucher_list._pink .list_voucher > .item a._color_rever .quantity,
.box_voucher_list._pink .list_voucher > .item a._color_rever .txt_title { color:#fb1a77; }

.box_voucher_list._bgEB .list_voucher > .item .txt_title,
.box_voucher_list._bgEB .list_voucher > .item .quantity .txt_big,
.box_voucher_list._bgEB .list_voucher > .item .quantity .txt_df { color:#000; }
.box_voucher_list._bgEB .list_voucher > .item .txt,
.box_voucher_list._bgEB .list_voucher > .item .txt_date { color:#5c5c5c; }

/* 2026-02-02 GGU477 the orange, MB orange 추가 */
.box_voucher_list._orange .list_voucher > .item a {background-color: #ff5f00;}
.box_voucher_list._orangeMB .list_voucher > .item a {background-color: #ff5f00;}
.box_voucher_detail._orange .box_voucher_info .voucher_info_tit {background-color: #ff5f00;}
.box_voucher_detail._orangeMB .box_voucher_info .voucher_info_tit {background-color: #ff5f00;}
.prem_conts._orange .box_list_prem .radio_box label:before {border-color: #ff5f00;}
.prem_conts._orange .radio_box label span i {height: 48px; margin-right: -8px; margin-left: -14px;}
.prem_conts._orange .radio_box label span i .svg g {fill: #ff5f00;}
.prem_conts._orange .radio_box.h64 label span {color: #ff5f00;}
/* //2026-02-02 GGU477 the orange, MB orange 추가 */

.box_voucher_list .list_voucher > .item .ico_logo > img { width:auto; height:100%; }
.box_voucher_list._koreanAir .list_voucher > .item .ico_logo { height:11px; margin-bottom:8px; }
.box_voucher_list._costco .list_voucher > .item .ico_logo { height:14px; margin-bottom:10px; }

.box_voucher_detail { margin-top:64px; }
.box_voucher_detail._type2 { width:1200px; margin-right:auto; margin-left:auto; }
.box_voucher_detail .box_voucher_info { height:600px; filter: drop-shadow(0px 8px 16px rgba(0,0,0,.08)); }
.box_voucher_detail .box_voucher_info .box_content { display:flex; height:600px; border-radius:20px; background-color:#fff; }
.box_voucher_detail .box_voucher_info .voucher_info_tit { position:relative; flex:0 0 380px; width:380px; padding:48px 24px 22px 40px; border-radius:20px 0 0 20px; color:#fff; word-wrap:break-word; word-break:keep-all; }
.box_voucher_detail .box_voucher_info .voucher_info_conts { flex:1; width:380px; padding:17px 0 17px 40px; border-width:1px 1px 1px 0; border-style:solid; border-color:#e0e0e0; border-radius:0 20px 20px 0; background-color:#fff; }
.box_voucher_detail.noVoucher .box_voucher_info .voucher_info_conts { padding-top:54px; padding-bottom:0; }
.box_voucher_detail._black .box_voucher_info .voucher_info_tit { background-color:#4C5052; }
.box_voucher_detail._purple .box_voucher_info .voucher_info_tit { background-color:#5C325E; }
.box_voucher_detail._red .box_voucher_info .voucher_info_tit { background-color:#D0122B; }
.box_voucher_detail._pink .box_voucher_info .voucher_info_tit { background-color:#fb1a77; }
.box_voucher_detail._bgEB .box_voucher_info .voucher_info_tit { color:#000; background-color:#ebebeb; }
.box_voucher_detail._green .box_voucher_info .voucher_info_tit { background-color:#008C15; }
.box_voucher_detail._mst .box_voucher_info .voucher_info_tit { background-color:#E67602; }
/* 2023-12-21 Q20016 아멕스 배경색 추가 */
.box_voucher_detail._ampl .box_voucher_info .voucher_info_tit { background-color:#9A9A9A; }
.box_voucher_detail._amgl .box_voucher_info .voucher_info_tit { background-color:#B19859; }
.box_voucher_detail._amgr .box_voucher_info .voucher_info_tit { background-color:#6D9281; }
/* //2023-12-21 Q20016 아멕스 배경색 추가 */
.box_voucher_detail._hge2 .box_voucher_info .voucher_info_tit { background-color:#292929; }/* 2024-12-03 GGU442 GENESIS CARD Edition2 배경색 추가 */
.box_voucher_detail._Summit .box_voucher_info .voucher_info_tit { background-color:#343854; }/* 2024-04-01 Q20406(동근혁) Summit 배경색 추가 */
.box_voucher_detail._kakaoBankPrime .box_voucher_info .voucher_info_tit { color:#000; background-color:#FFE300; }/* 2024-05-21 GGU282 카카오뱅크 Prime 배경색 추가 */
.box_voucher_detail._centurion .box_voucher_info .voucher_info_tit { background-color:#1E1E1E; } /* 2025-04-11 Q11793 The Centurion 배경색 추가 */ /* 2025-05-15 Q11955 배경색 변경 */

.box_voucher_detail .box_voucher_info .voucher_info_tit h3 { line-height:52px; padding-top:6px; letter-spacing:-1px; font-size:40px; font-weight:700; }
.box_voucher_detail .box_voucher_info .voucher_info_tit .ico_logo > img { width:auto; height:100%; }
.box_voucher_detail.koreanAir .box_voucher_info .voucher_info_tit .ico_logo { height:19px; }
.box_voucher_detail.costco .box_voucher_info .voucher_info_tit .ico_logo { height:36px; }

.box_voucher_detail .quantity .txt_df,
.box_voucher_list .list_voucher > .item .quantity .txt_df,
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .txt_name { line-height:26px; font-size:20px; font-weight:700; }

.box_voucher_detail .quantity,
.box_voucher_list .list_voucher > .item .quantity { position:absolute; display:flex; align-items:flex-end; }
.box_voucher_detail .quantity { bottom:22px; left:39px; align-items:flex-end; }
.box_voucher_list .list_voucher > .item .quantity { bottom:16px; left:32px; color:#fff; }
.box_voucher_detail .quantity .txt_big { line-height:100px; letter-spacing:-1px; font-family:'YouandiNewKr'; font-size:100px; font-weight:600; }
.box_voucher_list .list_voucher > .item .quantity .txt_big { line-height:60px; margin-right:8px; letter-spacing:-1px; font-family:'YouandiNewKr'; font-size:55px; font-weight:600; }
.box_voucher_detail .quantity .txt_df,
.box_voucher_list .list_voucher > .item .quantity .txt_df { padding-bottom:12px; padding-left:0; }
.box_voucher_detail .quantity .txt_df { padding:0 0 26px 8px; }
.box_voucher_list .list_voucher > .item .quantity .txt_df.textbico_mide_green,
.box_voucher_list .list_voucher > .item .quantity .txt_df.textbico_mide_pink,
.box_voucher_list .list_voucher > .item .quantity .txt_df.textbico_mide_orange,
.box_voucher_list .list_voucher > .item .quantity .txt_df.textbico_mide_white
 {
 background-position: 100% 1px; }

.box_voucher_detail .voucher_info_conts .mCSB_inside > .mCSB_container { margin-right:0; }
.box_voucher_detail .voucher_info_conts .voucher_use_list { padding-top:15px; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item { position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; height:96px; min-height:96px; border-bottom:1px solid #e0e0e0; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .txt_name { margin-bottom:6px; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .txt_date { line-height:22px; color:#5c5c5c; font-size:16px; font-weight:700; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .ico_useinfo { position:absolute; right:40px; bottom:20px; display:flex; line-height:22px; color:#5c5c5c; font-size:14px; font-weight:700; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .ico_useinfo::before { display:block; width:24px; height:24px; background:url('/docfiles/resources/pc/images/common/icon/w16/ico_useinfo.png') no-repeat center / contain; content:''; }

.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .ico_finish,
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .ico_impossib { display:none; line-height:16px; padding:2px 6px; margin-left:5px; border-radius:12px; color:#fff; font-size:12px; font-weight:700; }

.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .ico_finish { background-color:#949494; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .list_item .ico_impossib { background-color:#000; }

.box_voucher_detail .voucher_info_conts .voucher_use_list .progress .txt_name,
.box_voucher_detail .voucher_info_conts .voucher_use_list .progress .txt_date { color:#858585; }
.box_voucher_detail .voucher_info_conts .voucher_use_list .progress .ico_finish,
.box_voucher_detail .voucher_info_conts .voucher_use_list .progress .ico_impossib { display:block; }

.box_voucher_detail .box_voucher_use.type1 .h3_b_lt { margin-bottom:24px; }
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use .name_voucher_use .voucherUseBtn { padding:20px 24px; font-size:20px; }
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use .name_voucher_use .voucherUseBtn::after { right:20px; }
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use .conts_voucher_use { padding-top: 0; margin-top:0; } /* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통 */
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use + .item_voucher_use { margin-top:0; }
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use + .item_voucher_use { border-top:1px solid #ebebeb; }
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use.on + .item_voucher_use { border-top:none; }
.box_voucher_detail .box_voucher_use.type1 .item_voucher_use .conts_voucher_use .tbl_type1 table th { font-weight:700; }

.box_voucher_detail .box_voucher_use { margin-top:64px; } /* 2024-06-12 GGU442 margin-top:66px */
.box_voucher_detail .item_voucher_use { border-top:2px solid #000; }
.box_voucher_detail .item_voucher_use + .item_voucher_use { margin-top:64px; }
.box_voucher_detail .item_voucher_use + .item_voucher_use._notice { margin-top:64px; }/* 2024-06-12 GGU442 margin-top:64px */
.box_voucher_detail .item_voucher_use .name_voucher_use .voucherUseBtn { position:relative; display:block; line-height:32px; padding:16px 0; font-size:24px; font-weight:700; }
.box_voucher_detail .item_voucher_use .name_voucher_use .voucherUseBtn::after { position:absolute; top:50%; right:0px; width:32px; height:32px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat center; background-size:34px; content:''; transition:transform .3s; transform:translateY(-50%); }
.box_voucher_detail .item_voucher_use.on .name_voucher_use .voucherUseBtn::after { transform:translateY(-50%) rotate(180deg); }

.box_voucher_detail .item_voucher_use .conts_voucher_use { border-top:1px solid #ebebeb; }/* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통 padding:0 0 0 24px; */


.box_voucher_detail .tbl_voucher_use th,
.box_voucher_detail .tbl_voucher_use td { text-align:left; vertical-align:top; }
.box_voucher_detail .tbl_voucher_use th,
.box_voucher_detail .tbl_voucher_use td li { line-height:26px; margin-top:0; color:#000; font-size:20px; font-weight:700; }
.box_voucher_detail .tbl_voucher_use td li::before { top:50%; transform:translateY(-50%); }
.box_voucher_detail .tbl_voucher_use th { color:#5c5c5c; }
.box_voucher_detail .tbl_voucher_use td { color:#000; }
.box_voucher_detail .tbl_voucher_use tr:not(:first-child) th,
.box_voucher_detail .tbl_voucher_use tr:not(:first-child) td { padding-top:24px; }

.box_voucher_detail .list_item .tipline1 { display:flex; align-items:center; padding:2px 7px 2px 3px; margin:8px 0 33px; border-radius:4px; background:#f5f5f5; }
.box_voucher_detail .list_item .tipline1 .box_ico { width:16px; height:16px; margin-right:1px; }

.voucher_list_page .box_prevYear { margin-top:46px; }
.voucher_list_page .box_prevYear .prevYearbtn { position:relative; line-height:26px; color:#000; font-size:20px; font-weight:700; }
.voucher_list_page .box_prevYear .prevYearbtn::after { position:absolute; top:50%; right:-25px; width:24px; height:24px; background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat center; background-size:contain; content:''; transition:transform .3s; transform:translateY(-50%); }
.voucher_list_page .box_prevYear.on .prevYearbtn::after { transform:translateY(-50%) rotate(180deg); }
.voucher_list_page .box_prevYear .box_voucher_list:first-of-type { margin-top:31px; }
.voucher_list_page .box_prevYear .box_voucher_list:first-of-type .list_voucher { margin-top:0; }

/* 보유 포인트 */
.sub_point .list_point_example,
.sub_point .list_point_example>li { display:flex; }
.sub_point .list_point_example { margin-top:48px; }
.sub_point .list_point_example>li:not(:first-of-type)::before { display:block; width:32px; height:32px; margin-top:66px; opacity:.2; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_plus_b.png') no-repeat center / contain; content:''; }
.sub_point .list_point_example>li:nth-child(2)::before { margin-right:53px; margin-left:37px; }
.sub_point .list_point_example>li:nth-child(3)::before { margin-right:35px; margin-left:50px; }
.sub_point .list_point_example>li:nth-child(4)::before { margin-right:32px; margin-left:35px; }
.sub_point .list_point_example>li .column_cen { display:flex; align-items:center; flex-direction:column; }
.sub_point .list_point_example .icobox { width:64px; height:64px; margin:0 auto; }
.sub_point .list_point_example .txt_info { line-height:20px; margin-top:16px; text-align:center; font-size:14px; font-weight:500; }
.sub_point .list_point_example .txt_info::after { display:block; width:16px; height:16px; margin:6px auto; background:url('/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_down.png') no-repeat center / contain; content:''; }
.sub_point .list_point_example .txt_point { line-height:22px; text-align:center; font-size:16px; font-weight:700; }
.sub_point .list_point_example .txt_point>mark { position:relative; padding:0 3px; background:transparent; }
.sub_point .list_point_example .txt_point>mark>span { position:relative; z-index:2; }
.sub_point .list_point_example .txt_point>mark::before { position:absolute; top:50%; left:0; width:100%; height:12px; background:#fbff00; content:''; transform:translateY(-50%); }
/* 보유포인트 - 해당 내역 없을 때 */
.sub_benefit .no_list { padding:148px 0; margin-top:40px; border-top:1px solid #ebebeb; }

/* H-Coin */
.box_progress_agree { display:flex; }
.box_progress_agree li { flex:1 1 18%; max-width:101px; text-align:center; }
.box_progress_agree li:not(:first-of-type) { margin-left:1px; }
.box_progress_agree li .txt { position:relative; display:inline-block; line-height:22px; padding-top:8px; margin-bottom:12px; color:#000; font-size:16px; font-weight:500; }
.box_progress_agree li .txt.on { padding:4px 7.5px; border-radius:8px; color:#fff; background:#000; font-weight:700; }
.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%); }
.box_progress_agree li .box_color { height:8px; }
.box_progress_agree li:first-of-type .box_color { border-radius:2px 0 0 2px; }
.box_progress_agree li:last-of-type .box_color { border-radius:0 2px 2px 0; }
.box_progress_agree li .box_color._n1 { background:#019dc2; }
.box_progress_agree li .box_color._n2 { background:#52b148; }
.box_progress_agree li .box_color._n3 { background:#edc11b; }
.box_progress_agree li .box_color._n4 { background:#ef812d; }
.box_progress_agree li .box_color._n5 { background:#e02e27; }

/* 스타,골드,굿 프랜드쉽 */
.sub_friendship .title_member { text-align:center; font-weight:700; }
.sub_friendship._mem .title_member,
.sub_friendship._nolog .title_member { padding-bottom:19px; }
.sub_friendship .title_member [class^="txt"] { display:inline-block; margin-top:16px; }
.sub_friendship .title_member .txt1,
.sub_friendship .title_member .txt3 b { line-height:26px; font-size:20px; font-weight:700; }
.sub_friendship .title_member .txt2 { line-height:22px; font-size:16px; font-weight:700; }
.sub_friendship .title_member .txt3 { display:flex !important; justify-content:center; margin-top:28px; }
.sub_friendship .title_member .txt3 b { padding:11px 22px 11px 23px; border-radius:8px; color:#fff; }
.sub_friendship._gold .title_member .txt3 b { background:#b48f42; }
.sub_friendship._star .title_member .txt3 b { background:#4d4d4f; }

.sub_friendship .title_member * { display:inline-block; }/* 2022-12-23 Q10803 선택자수정 */
.sub_friendship .title_member strong { line-height:62px; margin-top:48px; letter-spacing: -1px; font-size:48px; font-weight:700; }/* 2022-12-23 Q10803 선택자수정 */
.sub_friendship .title_member strong.memberGF::before {display: block; width: 80px; height: 80px; margin: 0 auto 28px; background: url('/docfiles/resources/pc/images/ben/gfs_smile02.png') no-repeat center top; background-size: 80px 80px; content: '';}/* 2023-12-26 GGU477 추가 */
.sub_friendship._gold .title_member .txt1,
.sub_friendship._star .title_member .txt1 { line-height:22px; margin-top:12px; color:#5c5c5c; font-size:16px; font-weight:500; }
.sub_friendship._gold .title_member strong { color:#b48f42; }
.sub_friendship._star .title_member strong { color:#4d4d4f; }

.sub_friendship .flex_w50p._pl + .flex_w50p._pl { padding-left:12px; }
.sub_friendship .list_benefit { position:relative; padding-bottom:64px; margin-bottom:64px; border-bottom:1px solid #e0e0e0; }
.sub_friendship .list_benefit .pst_ab_noticebox { position:absolute; right:0; bottom:-8px; transform:translateY(100%); }

.sub_friendship .list_benefit:last-child { padding-bottom:0; margin-bottom:112px; border-bottom:0; }

.sub_friendship .ico_friendship { width:80px; height:80px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.sub_friendship .ico_friendship._n01 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship01.png'); }
.sub_friendship .ico_friendship._n02 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship02.png'); }
.sub_friendship .ico_friendship._n03 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship03.png'); }
.sub_friendship .ico_friendship._n04 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship04.png'); }
.sub_friendship .ico_friendship._n05 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship05.png'); }
.sub_friendship .ico_friendship._n06 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship06.png'); }
.sub_friendship .ico_friendship._n07 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship07.png'); }
.sub_friendship .ico_friendship._n08 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship08.png'); }
.sub_friendship .ico_friendship._n09 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship09.png'); }
.sub_friendship .ico_friendship._n10 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship10.png'); }
.sub_friendship .ico_friendship._n11 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship11.png'); }
.sub_friendship .ico_friendship._n12 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship12.png'); }
.sub_friendship .ico_friendship._n13 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship13.png'); }
.sub_friendship .ico_friendship._n14 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship14.png'); }
.sub_friendship .ico_friendship._n15 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship15.png'); }
.sub_friendship .ico_friendship._n16 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship16.png'); }
.sub_friendship .ico_friendship._n17 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship17.png'); }
.sub_friendship .ico_friendship._n18 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship18.png'); }
.sub_friendship .ico_friendship._n19 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship19.png'); }
.sub_friendship .ico_friendship._n20 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship20.png'); }
.sub_friendship .ico_friendship._n21 {background-image: url('/docfiles/resources/pc/images/ben/ico_friendship21.png');}/* 2023-12-26 GGU477 추가 */
.sub_friendship .ico_friendship._n22 {background-image: url('/docfiles/resources/pc/images/ben/ico_friendship22.png');}/* 2023-12-26 GGU477 추가 */

.sub_friendship._gold .ico_friendship._n01 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship01_gold.png'); }
.sub_friendship._gold .ico_friendship._n02 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship02_gold.png'); }
.sub_friendship._gold .ico_friendship._n03 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship03_gold.png'); }
.sub_friendship._gold .ico_friendship._n04 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship04_gold.png'); }
.sub_friendship._gold .ico_friendship._n05 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship05_gold.png'); }
.sub_friendship._gold .ico_friendship._n06 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship06_gold.png'); }
.sub_friendship._gold .ico_friendship._n07 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship07_gold.png'); }
.sub_friendship._gold .ico_friendship._n08 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship08_gold.png'); }
.sub_friendship._gold .ico_friendship._n09 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship09_gold.png'); }
.sub_friendship._gold .ico_friendship._n10 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship10_gold.png'); }
.sub_friendship._gold .ico_friendship._n11 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship11_gold.png'); }
.sub_friendship._gold .ico_friendship._n12 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship12_gold.png'); }
.sub_friendship._gold .ico_friendship._n13 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship13_gold.png'); }
.sub_friendship._gold .ico_friendship._n14 { background-image:url('/docfiles/resources/pc/images/ben/ico_friendship14_gold.png'); }

.sub_friendship .w996.mg_x_at > .discussion_detail { padding-top:0; margin-top:52px; border-top:0 none; }/* Q20098 심의필 라인 없는 버전 */ /* 2022-12-23 Q10803 굿프랜드쉽과 겹쳐 선택자 수정 */

/* 2022-12-23 Q10803 굿프랜드쉽 추가 */
.sub_friendship._good .beigebg { padding:64px 0 64px 100px; border-radius:16px; }
.sub_friendship._good .img_box { width:260px; }
.sub_friendship._good .dpfx_just_bet { gap:156px; }/* 2023-12-26 GGU477 수정(gap:180px->156px) */

/* M헤택 - 자동차구매 */
.sub_benefit .box_visual_img01 .arrowbox,
.sub_benefit .box_visual_img01 .icobox,
.sub_benefit .box_visual_img01 .txtbox { width:140px; }
.sub_benefit .box_visual_img01 .icobox._n1::after,
.sub_benefit .box_visual_img01 .txtbox { line-height:22px; text-align:center; font-size:16px; font-weight:700; }
.sub_benefit .box_visual_img01 .arrow_ylw { display:flex; justify-content:center; height:79px; line-height:22px; padding-top:20px; background:rgba(255,0,0,.5); font-size:16px; font-weight:700; }
.sub_benefit .box_visual_img01 .icobox { position:relative; height:140px; background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-position:center; background-size:contain; }
.sub_benefit .box_visual_img01 .icobox._n1 { background-image:url(''); }
.sub_benefit .box_visual_img01 .icobox._n1::after { position:absolute; bottom:12px; left:0; width:100%; color:#fff; content:'1,800만원'; }
.sub_benefit .box_visual_img01 .icobox._n2 { background-image:url(''); }
.sub_benefit .box_visual_img01 .icobox._n2::after { position:absolute; top:50%; left:-40px; width:32px; height:32px; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_x_b.png') no-repeat center / contain; content:''; transform:translateY(-50%); }
.sub_benefit .box_visual_img01 .txtbox { margin-top:16px; }

.arw_type1 > div { width:32px; height:32px; opacity:.2; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png') no-repeat center / contain; }
.arw_type1 > div:nth-child(1) { margin-top:46px; }
.arw_type1 > div:nth-child(2) { margin-top:108px; }

.list_rdobtnBox .list_rdo .item { padding-top:49px; padding-bottom:49px; border-bottom:1px solid #ebebeb; }
.list_rdobtnBox .list_rdo .item > input+label { display:flex; align-items:center; }
.list_rdobtnBox .list_rdo .item > input+label::before { flex:0 0 32px; width:32px; height:32px; margin:0 24px; opacity:.12; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_radioselect_o.png') no-repeat center / contain; content:''; }
.list_rdobtnBox .list_rdo .item > input:checked+label::before { opacity:1; }
.list_rdobtnBox .list_rdo .item .box_optxt .txt_num { display:block; line-height:26px; font-size:20px; font-weight:700; }
.list_rdobtnBox .list_rdo .item .box_optxt .txt_name { display:flex; margin-top:12px; }
.list_rdobtnBox .list_rdo .item .box_optxt .txt_name > span { display:flex; align-items:center; line-height:20px; color:#858585; font-size:14px; font-weight:500; }
.list_rdobtnBox .list_rdo .item .box_optxt .txt_name > span:not(:first-child)::before { flex:0 0 2px; width:2px; height:2px; margin:0 4px; border-radius:50%; background:#ebebeb; content:''; }
.list_rdobtnBox .list_rdo .item .box_optxt .txt_name > span.not { color:#ff0000; }

/* 퍼플 셀럽 */
.sub_celeb .celeb_main { width:100% !important; }
.sub_celeb .celeb_main_event { width:1200px; margin:0 auto; }
.box_ppceleb_main { width:1304px; margin:159px auto; }
.list_ppceleb_ban { display:flex; }
.list_ppceleb_ban:not(:first-child) { margin-top:160px; }
.list_ppceleb_ban .box_banimg { flex:0 0 640px; width:640px; }
.list_ppceleb_ban .box_txt { display:flex; align-items:center; flex:1; justify-content:flex-end; margin:0 110px 0 0; }
.list_ppceleb_ban .box_banimg + .box_txt { justify-content:flex-start; margin:0 0 0 64px; }
.list_ppceleb_ban .box_txt .title { display:flex; flex-direction:column-reverse; color:#5c325e; }
.list_ppceleb_ban .box_txt .lab_ppceleb { display:flex; }
.list_ppceleb_ban .box_txt .lab_ppceleb>span { display:flex; align-items:center; height:28px; line-height:22px; padding:0 14px 0 12px; border-radius:40px; color:currentColor; color:#5c325e; background:rgba(92,50,94,.12)/*5c325e*/; font-size:16px; font-weight:700; }

.sub_celeb .list_celeb01 { display:flex; }
.sub_celeb .list_celeb01:first-of-type { margin-top:20px; }
.sub_celeb .list_celeb01 + .list_celeb01 { margin-top:52px; }
.sub_celeb .list_celeb01 .box_img { flex:0 0 486px; width:486px; height:374px; background-color:rgba(0,0,0,.5); }
.sub_celeb .list_celeb01 .box_txt { flex:1; padding:40px 0 0 102px; }
.sub_celeb .list_celeb01 .box_txt h5 { line-height:44px; font-size:34px; font-weight:700; }
.sub_celeb .list_celeb01 .box_txt a,
.sub_celeb .list_celeb01 .box_txt p,
.sub_celeb .list_celeb01 .box_txt h5>small { line-height:26px; font-size:20px; }
.sub_celeb .list_celeb01 .box_txt h5>small { display:block; margin-bottom:4px; font-weight:700; }
.sub_celeb .list_celeb01 .box_txt p { margin-top:16px; color:#5c5c5c; font-weight:500; }
.sub_celeb .list_celeb01 .box_txt a { display:block; margin-top:46px; font-weight:700; }
.sub_celeb .list_celeb01 .box_txt a>.textbico_mide { background-image:url('/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward_grn.png'); }
.sub_celeb .list_celeb01 .box_txt .bul_list { margin-top:16px; }
.sub_celeb .list_celeb01 .box_txt .bul_list>li { line-height:29px; margin-top:0px; color:#5c5c5c; }
.sub_celeb .list_celeb01 .box_txt .bul_list>li::before { top:14px; }
.sub_celeb .list_celeb01 .box_txt p + .bul_list { margin-top:8px; }
.sub_celeb .list_celeb01 .box_txt p + .bul_list>li { line-height:28px; }

.sub_celeb .list_celeb02 { display:flex; flex-wrap:wrap; margin:0 -13px; }
.sub_celeb .list_celeb02 .list_item { flex:1 1 22.5%; max-width:280px; margin:0 13px; }
.sub_celeb .list_celeb02 .list_item:nth-child(n+5) { margin-top:52px; }
.sub_celeb .list_celeb02 .list_item * { display:block; }
.sub_celeb .list_celeb02 .list_item .box_img { overflow:hidden; height:280px; border-radius:16px; background-color:rgba(0,0,0,.5); }
.sub_celeb .list_celeb02 .list_item [calss^="txt_"] { line-height:22px; font-size:16px; }
.sub_celeb .list_celeb02 .list_item .txt_title { margin-top:12px; font-weight:700; }
.sub_celeb .list_celeb02 .list_item .txt_date { margin-top:4px; color:#5c5c5c; font-weight:500; }
/* 미대상 회원일 때 */
.sub_celeb .notmember_cont .img_box { position:relative; width:120px; height:120px; margin:64px auto; }

/* M포인트몰 */
.sub_mpoint .flex_img_wh32 { display:flex; flex:1 1 32px; justify-content:center; width:32px; height:32px; }
.sub_mpoint .flex_img_wh32>img { width:32px; height:32px; }
.sub_mpoint .list_mpoint01,
.sub_mpoint .list_mpoint01 .list_item .itembox { display:flex; flex-wrap:wrap; }
.sub_mpoint .list_mpoint01 .list_item { flex:1 1 40%; max-width:454px; padding-bottom:18px; border-bottom:1px solid #f5f5f5; }
.sub_mpoint .list_mpoint01 .list_item:nth-child(even) { margin-left:56px; }
.sub_mpoint .list_mpoint01 .list_item:nth-child(n+5) { margin-top:18px; }
.sub_mpoint .list_mpoint01 .list_item:nth-last-child(1),
.sub_mpoint .list_mpoint01 .list_item:nth-last-child(2) { border-bottom:0; }
.sub_mpoint .list_mpoint01 .list_item .itembox { padding-top:18px; }
.sub_mpoint .list_mpoint01 .list_item .itembox .imgbox { position:relative; display:flex; overflow: hidden; align-items:center; justify-content: center; width:56px; height:56px; margin-top:7px; border-radius:50%; }
.sub_mpoint .list_mpoint01 .list_item .itembox .imgbox:before { position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid rgba(0,0,0,.12); border-radius:100%; content:''; }
.sub_mpoint .list_mpoint01 .list_item .itembox .txtbox { flex:1; margin-left:19px; }

/* 클럽서비스 */
.sub_clubsv .list_cbcard { display:flex; flex-wrap:wrap; margin:28px -22px 0; }
.sub_clubsv .list_cbcard > li { flex:0 0 164px; width:164px; margin:0 22px; }
.sub_clubsv .list_cbcard > li .txt_cardname { line-height:22px; margin-top:16px; font-size:16px; font-weight:700; }
.sub_clubsv .list_cbcard > li:nth-child(5n+1) .txt_cardname { padding-left:4px; }

.sub_clubsv .searchbox { display:flex; }
.sub_clubsv .searchbox .input_cell,
.sub_clubsv .searchbox .input_cell .search_ip,
.sub_clubsv .searchbox .input_cell_box { height:100%; }
.sub_clubsv .searchbox .box_input01 { flex:0 0 360px; width:360px; height:48px; margin-right:8px; }
.sub_clubsv .searchbox .box_input01 .input_cell_box::before { height:100%; padding-left: 12px; border-radius:4px; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_search.png') no-repeat left center / 24px; background-origin: content-box; box-shadow:inset 0 0 0 1px #ccc; }
.sub_clubsv .searchbox .box_input01 .input_cell_box.on:hover::before,
.sub_clubsv .searchbox .box_input01 .input_cell_box.focused:hover::before { box-shadow:inset 0 0 0 2px #000; }
.sub_clubsv .searchbox .input_cell .search_ip { line-height:22px; padding-left:40px; color:#000; background:transparent; font-size:16px; font-weight:500; }
.sub_clubsv .searchbox .input_cell .search_ip::placeholder { color:#000; }
.sub_clubsv .searchbox .box_input01 .input_cell_box .box_btn { top:50%; right:16px; transform:translateY(-50%); }
.sub_clubsv .result_msg { display:flex; align-items:center; height:56px; }
.sub_clubsv .search_nobox { padding:149px 0; border-bottom:1px solid #ebebeb; }

.sub_clubsv .notice_list > li { border-bottom:1px solid #ebebeb; }
.sub_clubsv .notice_list > li:last-child { border-bottom:0; }
.sub_clubsv .notice_list > li .accodWrap .accodBtn { position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; justify-content:space-between; height:64px; padding:0 72px 0 24px; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-pack:justify; -ms-flex-pack:justify; }
.sub_clubsv .notice_list > li .accodWrap .accodBtn > span { display: inline-block; width: 50%; }
.sub_clubsv .notice_list > li .accodWrap .accodBtn > .ico_arr { position:absolute; top:50%; right:20px; width:32px; height:32px; opacity:.64; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat center / contain; transition:transform .3s; transform:translateY(-50%); }
.sub_clubsv .notice_list > li .accodWrap .accodBtn.on > .ico_arr { transform:translateY(-50%) rotate(180deg); }
.sub_clubsv .notice_list > li .accodWrap .accodBtn.on,
.sub_clubsv .notice_list > li .accodWrap .accodConts { background:#fafafa; }
.sub_clubsv .notice_list > li .accodWrap .accodConts { display:none; padding:8px 24px 24px; }
.sub_clubsv .notice_list > li .accodWrap .accodConts > p { line-height:26px; color:#5c5c5c; font-size:16px; font-weight:500; }
.sub_clubsv .notice_list > li .accodWrap .accodConts > p + p { margin-top:16px; }
.sub_clubsv .notice_list > li .accodWrap.on .accodConts { display:block; }

.sub_clubsv .box_ftbanner { display:flex; flex-wrap:wrap; }
.sub_clubsv .box_ftbanner .itembanner { position:relative; flex:1 1 40%; max-width:486px; height:240px; padding:25px 0 0 26px; border-radius:12px; background:#f5f5f5; }
.sub_clubsv .box_ftbanner .itembanner:nth-of-type(2n+1) { margin-right:24px; }
.sub_clubsv .box_ftbanner .itembanner .alink { position:absolute; bottom:28px; left:26px; display:flex; }
.sub_clubsv .box_ftbanner .itembanner .alink>a:not(:last-of-type) { margin-right:16px; }
.sub_clubsv .box_ftbanner .itembanner .imgbox { position:absolute; right:8px; bottom:8px; width:100px; height:100px; }

.sub_clubsv .box_slide .slide_con { padding-top: 20px; margin-top: 24px; border-top: 2px solid #000; }
.sub_clubsv .box_slide .slide_con .clubservice-container .swiper-slide { overflow: hidden; width: 384px; height: 258px; border-radius: 8px; }
.sub_clubsv .box_slide .slide_con .clubservice-container .swiper-slide img { width: 100%; height: 100%; border-radius: inherit; }

.clubsv_popcardlist { padding:20px 16px 0; }
.box_cardlist > .list_clubsv { display:flex; flex-wrap:wrap; margin-left:24px; }
.box_cardlist > .list_clubsv > li { flex:0 0 100px; width:100px; }
.box_cardlist > .list_clubsv > li { margin-top:40px; }
.box_cardlist > .list_clubsv > li:not(:nth-child(6n)) + li { margin-left: 40px; }
.box_cardlist > .list_clubsv > li img { width: 100%; max-width: 100%; }

/* 고메위크 */
.sub_gourmet > .content { width:100%; }
.sub_gourmet > .content > .sec1 { width:1200px; margin:0 auto; }

.sub_gourmet .gourmet_bannerbox { display:flex; align-items:center; flex-direction:column; height:384px; padding-top:68px; background:#000; }
.sub_gourmet .gourmet_bannerbox > .img_hyappico { flex:0 0 88px; width:88px; height:88px; background:url('/docfiles/resources/pc/images/common/logo/logo_hyundai_appicon_wht.png') no-repeat center / contain; }
.sub_gourmet .gourmet_bannerbox p > [class^="btn"] { display:block; width:140px; text-align:center; }

.sub_gourmet .box_ftbanner { display:flex; flex-wrap:wrap; }
.sub_gourmet .box_ftbanner .itembanner { position:relative; flex:1 1 45%; max-width:588px; height:240px; padding:25px 0 0 26px; border-radius:12px; background:#f5f5f5; }
.sub_gourmet .box_ftbanner .itembanner:nth-of-type(2n+1) { margin-right:24px; }
.sub_gourmet .box_ftbanner .itembanner .alink { position:absolute; bottom:28px; left:26px; display:flex; }
.sub_gourmet .box_ftbanner .itembanner .alink>a:not(:last-of-type) { margin-right:16px; }
.sub_gourmet .box_ftbanner .itembanner .imgbox { position:absolute; right:8px; bottom:8px; width:100px; height:100px; }

.box_gourmet_week { border-top:2px solid #000; }
.box_gourmet_week > .accodWrap .accodBtn { position:relative; display:flex; align-items:center; height:64px; cursor:pointer; }
.box_gourmet_week > .accodWrap .accodBtn > .ico_arr { position:absolute; top:50%; right:0; width:32px; height:32px; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png') no-repeat center / contain; transition:transform .3s; transform:translateY(-50%); }
.box_gourmet_week > .accodWrap .accodBtn.on > .ico_arr { transform:translateY(-50%) rotate(180deg); }
.box_gourmet_week > .accodWrap .accodConts { display:none; }
.box_gourmet_week > .accodWrap.on .accodConts { display:block; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week { display:flex; flex-wrap:wrap; margin:0 -13px; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week li { flex:0 0 280px; width:280px; padding-top:36px; margin:0 13px; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week li * { display:block; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week li a > .imgbox { overflow:hidden; height:202px; border-radius:16px; box-shadow: 0 8px 16px rgba(0,0,0,.08); }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week li a > .imgbox img { width: 100%; height: 100%; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week li a > .txt_name { line-height:22px; padding:16px 0 0 4px; font-size:16px; font-weight:700; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week li:nth-child(n+5) { margin-top:16px; }

/* 2022-01-23 Q10510 : 고메위크 썸네일 이미지비율 변경건 추가 */
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week.type_rectangle li a > .imgbox { position:relative; overflow:hidden; height: 202px; box-sizing: border-box; padding-top:56.25%; }
.box_gourmet_week > .accodWrap .accodConts >.list_gourmet_week.type_rectangle li a > .imgbox img { position: absolute; top:50%; right:0; bottom:0; left:0; height: auto !important; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%); }

.sub_gourmet .list_gmevent { display:flex; flex-wrap:wrap; margin:0 -12px; }
.sub_gourmet .list_gmevent > li { display:flex; flex:1 1 45%; max-width:588px; min-height:140px; padding:32px 0; margin:0 12px; border-bottom:1px solid #f5f5f5; }
.sub_gourmet .list_gmevent > li .itembox { display:flex; align-items:center; }
.sub_gourmet .list_gmevent > li .itembox._v2 { align-items:flex-start; }
.sub_gourmet .list_gmevent > li .logobox { position:relative; overflow:hidden; flex:0 0 56px; width:56px; height:56px; border:1px solid #ebebeb; border-radius:50%; }
.sub_gourmet .list_gmevent > li .logobox img { position:relative; }
.sub_gourmet .list_gmevent > li .logobox:before { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/docfiles/resources/pc/images/ben/logo_gome_default.jpg') no-repeat center center / 56px; content:''; }
.sub_gourmet .list_gmevent > li .infobox { flex:1; margin-left:12px; }
.sub_gourmet .list_gmevent > li .infobox [class^="txt"] { font-weight:500; }
.sub_gourmet .list_gmevent > li .infobox .txt_brand { line-height:20px; font-size:14px; }
.sub_gourmet .list_gmevent > li .infobox .txt_info { line-height:26px; margin-top:4px; font-size:20px; }
.sub_gourmet .list_gmevent > li .infobox .ico_arrow { width:16px; height:16px; background:url('/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png') no-repeat center / contain; }
.sub_gourmet .list_gmevent > li .infobox .wrap_tooltip { display:inline; }
.sub_gourmet .list_gmevent > li .infobox .wrap_tooltip .ico_tip { display:inline-block; width:16px; height:16px; background-image:url('/docfiles/resources/pc/images/common/icon/w32/ico_tip_line.png'); background-size:16px 16px !important; vertical-align:2px; }
.sub_gourmet .list_gmevent > li .infobox .wrap_tooltip .box_tooltip { bottom:0; left:4PX; transform:translate(-24PX, -16px); }

.sub_gourmet .list_gmreserve { display:flex; flex-wrap:wrap; justify-content:space-between; }
.sub_gourmet .list_gmreserve>li { width:25%; text-align:center; }
.sub_gourmet .list_gmreserve>li:nth-child(n+5) { margin-top:80px; }
.sub_gourmet .list_gmreserve>li .gmreserveimg { position:relative; display:inline-block; width:184px; }
.sub_gourmet .list_gmreserve>li .gmreserveimg::after { position:absolute; top:50%; right:-16px; width:32px; height:32px; background:url('/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png') no-repeat center/contain; content:''; transform:translate(100%,-50%); }
.sub_gourmet .list_gmreserve>li:nth-child(4) .gmreserveimg::after { display:none; }
.sub_gourmet .list_gmreserve>li p { word-break:keep-all; }
.sub_gourmet .list_faq { padding:0 24px; }
.sub_gourmet .list_faq > dt,
.sub_gourmet .list_faq > dd { line-height:26px; font-size:16px; font-weight:500; }
.sub_gourmet .list_faq > dt { color:#000; }
.sub_gourmet .list_faq > dd { margin-top:8px; color:#5c5c5c; }
.sub_gourmet .list_faq > dt::before { content:'Q: '; }
.sub_gourmet .list_faq > dd::before { content:'A: '; }

.sub_gourmet .box_searchgm_result { margin-top:44px; }
.sub_gourmet .box_searchgm_result > div > img { width:100%; height:auto; }
.sub_gourmet .box_searchgm_result .list_searchgm_result { display:flex; flex-wrap:wrap; }
.sub_gourmet .box_searchgm_result .list_searchgm_result>li { display:flex; flex:0 0 384px; width:384px; padding:52px 0 20px; margin-right:24px; border-bottom:1px solid #f5f5f5; }
.sub_gourmet .box_searchgm_result .list_searchgm_result>li:nth-child(3n) { margin-right:0; }
.sub_gourmet .box_searchgm_result .list_searchgm_result>li:nth-last-child(1),
.sub_gourmet .box_searchgm_result .list_searchgm_result>li:nth-last-child(2) { border-bottom:0; }
.sub_gourmet .box_searchgm_result .list_searchgm_result>li .ico_number { display:flex; justify-content:center; width:32px; height:32px; padding-top:6px; background:#f69e05; }

.sub_gourmet .box_searchgm_result._no { padding:148px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }

/* 프리미엄 혜택 안내 */
/* slide 1 */
.box_prm_voucher { margin-top:28px; }
.box_prm_voucher .tabmenu { position:relative; }
.box_prm_voucher [class*="swiper-button-"] { top:50%; opacity:.4; transform:translateY(-50%); }
.box_prm_voucher [class*="swiper-button-"]:hover,
.box_prm_voucher [class*="swiper-button-"]:focus { opacity:1; }
.box_prm_voucher .swiper-button-prev.swiper-button-disabled,
.box_prm_voucher .swiper-button-next.swiper-button-disabled { display: none; }
.prem_conts .box_list_prem .box_prm_voucher .list_prem01 { margin-top:0px; }
.prem_conts .radio_box.h64 label span { display:flex; align-items:center; height:64px; font-weight: 700; /* color: #000; */ }
.prem_conts._blk .radio_box.h64 label span { color: #000; }
.prem_conts .radio_box label span i { display:block; width:48px; }
.prem_conts .radio_box label span i .svg { width:100%; }
.prem_conts._red5 .radio_box label span i { margin-right: -8px; margin-left: -14px; }/*red5 CR][HPRQA-472][나만의혜택] the red 바우처 수정요청의건(211104)*/
.prem_conts_box { margin-top:64px; }
.prem_conts_box dd { padding:20px 0; margin-top:20px; border-top:2px solid #000; border-bottom:1px solid #ebebeb; }
.prem_conts .w100p img { width:100%; }

/* slide 2 - 소식지 */
.slide_newsletter { position:relative; margin-top:20px; }
.slide_newsletter .item_newsletter { height:1200px; background:#dedede; }
.slide_newsletter [class*="swiper-button-"] { top:50%; transform:translateY(-50%); }
.slide_newsletter .swiper-button-prev { left:-16px; transform:translate(-100%,-50%); }
.slide_newsletter .swiper-button-next { right:-16px; transform:translate(100%,-50%); }

/* slide 3 */
.slide_clubservice .box_col3 { display:flex; }
.slide_clubservice .box_col3>li { flex:1 1 30%; max-width:33.33%; }
.slide_clubservice .box_col3>li:not(:first-child) { margin-left:24px; }
.slide_clubservice .swiper-pagination { position: static; display:flex; justify-content:center; margin-top:24px; }
.slide_clubservice .swiper-pagination.swiper-pagination-lock { display:none; }
.slide_clubservice .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; opacity:1; background:#ccc; }
.slide_clubservice .swiper-pagination-bullet-active { background:#000; }

.prem_conts .box_list_prem { margin-top:56px; } /* 2024-06-13 Q11066 수정 */
.prem_conts .box_list_prem .list_prem01 { display:flex; margin-top:28px; }
.prem_conts .box_list_prem .list_prem01 .list_item { position:relative; flex:0 0 384px; width:384px; height:240px; padding:28px 0 0 35px; margin-left:24px; border-radius:20px; background:transparent; }
.prem_conts .box_list_prem .list_prem01 .list_item:first-child { margin-left:0; }
.prem_conts .box_list_prem .list_prem01 .list_item .txt_title { line-height:44px; font-size:34px; font-weight:700; }
.prem_conts .box_list_prem .list_prem01 .list_item.curr .txt_title { color:#fff !important; }
/* .prem_conts .box_list_prem .list_prem01 .list_item::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; cursor:pointer; }*/

.prem_conts .box_list_prem .list_prem01 .list_item .icobox { position:absolute; bottom:16px; left:0px; width:112px; height:112px; background-repeat:no-repeat; background-position:center; background-size:contain; }

.prem_conts .box_list_prem .arrowbox [class^="arw_"] { position:absolute; top:50%; width:44px; height:44px; opacity:.4; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png') no-repeat center / contain; }
.prem_conts .box_list_prem .list_prem01._col_1 .list_item { flex:1; width:100%; }

.prem_conts .box_list_prem .arrowbox [class^="arw_"] { position:absolute; top:50%; width:44px; height:44px; opacity:.4; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png') no-repeat center / contain; }
.prem_conts .box_list_prem .arrowbox .arw_next { right:-14px; transform:translate(100%, -50%); }
.prem_conts .box_list_prem .arrowbox .arw_prev { left:-14px; transform:translate(-100%, -50%) rotate(-180deg); }

.prem_conts._blk .box_list_prem .list_prem01 .list_item { background:#ebebeb; }
.prem_conts._blk .box_list_prem .list_prem01 .list_item .txt_title { color:#4d5052; }
.prem_conts._blk .box_list_prem .list_prem01 .list_item.curr { background:#4d5052; }

.prem_conts._purple .box_list_prem .list_prem01 .list_item { background:rgba(92,50,94,.08); }
.prem_conts._purple .box_list_prem .list_prem01 .list_item .txt_title { color:#5c325e; }
.prem_conts._purple .box_list_prem .list_prem01 .list_item.curr { background:#5c325e; }

.prem_conts._red .box_list_prem .list_prem01 .list_item { background:rgba(227,0,31,.08); }
.prem_conts._red .box_list_prem .list_prem01 .list_item .txt_title { color:#d0112b; }
.prem_conts._red .box_list_prem .list_prem01 .list_item.curr { background:#d0112b; }

.prem_conts._red .box_list_prem .list_prem01 .list_item .icobox._n01 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm01_red_opa40.png'); }/*1 여행*/
.prem_conts._red .box_list_prem .list_prem01 .list_item .icobox._n02 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm02_red_opa40.png'); }/*2 쇼핑*/
.prem_conts._red .box_list_prem .list_prem01 .list_item .icobox._n03 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm03_red_opa40.png'); }/*3 고메*/
.prem_conts._red .box_list_prem .list_prem01 .list_item .icobox._n04 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm04_red_opa40.png'); }/*4 뷰티*/
.prem_conts._red .box_list_prem .list_prem01 .list_item .icobox._n05 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm05_red_opa40.png'); }/*5 커피*/

.prem_conts._red .box_list_prem .list_prem01 .list_item.curr .icobox._n01 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm01_wht_opa40.png'); }/*1 여행*/
.prem_conts._red .box_list_prem .list_prem01 .list_item.curr .icobox._n02 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm02_wht_opa40.png'); }/*2 쇼핑*/
.prem_conts._red .box_list_prem .list_prem01 .list_item.curr .icobox._n03 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm03_wht_opa40.png'); }/*3 고메*/
.prem_conts._red .box_list_prem .list_prem01 .list_item.curr .icobox._n04 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm04_wht_opa40.png'); }/*4 뷰티*/
.prem_conts._red .box_list_prem .list_prem01 .list_item.curr .icobox._n05 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm05_wht_opa40.png'); }/*5 커피*/

.prem_conts._grn .box_list_prem .list_prem01 .list_item { background:#008c15; }
.prem_conts._grn .box_list_prem .list_prem01 .list_item .txt_title { color:#008c15; }
.prem_conts._grn .box_list_prem .list_prem01 .list_item.curr { background:#008c15; }

.prem_conts._grn .box_list_prem .list_prem01 .list_item.curr .icobox._n06 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm06_wht_opa40.png'); }/*6 바우처*/

.prem_conts._pink .box_list_prem .list_prem01 .list_item { background:rgba(251,26,119,.08); }
.prem_conts._pink .box_list_prem .list_prem01 .list_item .txt_title { color:#fb1a77; }
.prem_conts._pink .box_list_prem .list_prem01 .list_item.curr { background:#fb1a77; }

.prem_conts._pink .box_list_prem .list_prem01 .list_item .icobox._n01 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm01_pink_opa40.png'); }/*1 바우처*/
.prem_conts._pink .box_list_prem .list_prem01 .list_item .icobox._n02 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm02_pink_opa40.png'); }/*2 교환*/
.prem_conts._pink .box_list_prem .list_prem01 .list_item.curr .icobox._n01 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm06_wht_opa40.png'); }/*6 바우처*/
.prem_conts._pink .box_list_prem .list_prem01 .list_item.curr .icobox._n02 { background-image:url('/docfiles/resources/pc/images/ben/ico_prm07_wht_opa40.png'); }/*7 교환*/

.prem_conts .box_list_prem02 { display:flex; }
.prem_conts .box_list_prem02 .list_prem02 { display:flex; align-items:center; flex:0 0 384px; width:384px; height:104px; padding-left:24px; border-radius:12px; background:#f5f5f5; }
.prem_conts .box_list_prem02 .list_prem02 + .list_prem02 { margin-left:24px; }
.prem_conts .box_list_prem02 .list_prem02 .imgbox { width:46px; margin-right:18px; }

.prem_conts .searchbox_lookup { margin-top:36px; }
.prem_conts .searchbox_lookup .lookupbox { padding:24px 28px; border:1px solid #333; border-radius:8px; }
.prem_conts .searchbox_lookup .list_lookup { display:flex; flex-wrap:wrap; margin:0 -2px; }
.prem_conts .searchbox_lookup .list_lookup + .list_lookup { margin-top:10px; }
.prem_conts .searchbox_lookup .list_lookup>li { flex:0 0 158px; width:158px; height:48px; margin:0 2px; border-radius:4px; box-shadow:inset 0 0 0 1px #ccc; }
.prem_conts .searchbox_lookup .list_lookup>li.curr { box-shadow:inset 0 0 0 2px #000; }
.prem_conts .searchbox_lookup .list_lookup>li:nth-of-type(n+7) { margin-top:10px; }
.prem_conts .searchbox_lookup .list_lookup>li a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; line-height:22px; font-size:16px; font-weight:500; }
.prem_conts .searchbox_lookup .list_lookup>li.curr a { font-weight:700; }

.prem_conts .searchbox_results .list_results>li { display:flex; justify-content:space-between; padding:20px 24px; border-bottom:1px solid #ebebeb; }
.prem_conts .searchbox_results .list_results>li:last-of-type { border-bottom:0; }
.prem_conts .searchbox_results .list_results>li .title { flex:0 0 384px; width:384px; }
.prem_conts .searchbox_results .list_results>li .info { flex:1; }
.prem_conts .searchbox_results .list_results>li .button { align-self:center; flex:0 0 32px; width:32px; height:32px; }
.prem_conts .searchbox_results .list_results>li .button>a { display:block; width:100%; height:100%; }
.prem_conts .searchbox_results .list_results>li .title>p,
.prem_conts .searchbox_results .list_results>li .info>.bul_list li { line-height:26px !important; font-size:16px; }
.prem_conts .searchbox_results .list_results>li .title>p { color:#5c5c5c; font-weight:700; }
.prem_conts .searchbox_results .list_results>li .info>.bul_list li { color:#000; font-weight:500; }

/* 이벤트 */
/* 이벤트, 이전이벤트, 해외이용이벤트, 해외이용이전이벤트 공통사용 */
.sub_event .dt_banbox { position:relative; height:250px; padding:44px 0 0 48px; border-radius:20px; background:#f5f5f5; }
.sub_event .dt_banbox > .logoimgbox { position:absolute; right:44px; bottom:40px; height:55px; }
.sub_event .dt_banbox > .logoimgbox > img { width:auto; height:100%; }

.sub_event .box_list_event .list_event { display:flex; flex-wrap:wrap; }
.sub_event .box_list_event .list_event > li { position:relative; flex:1 1 20%; max-width:280px; }
.sub_event .box_list_event .list_event > li:not(:nth-child(4n+1)) { margin-left:26px; }
.sub_event .box_list_event .list_event > li:nth-child(n+5) { margin-top:52px; }
.sub_event.sub_celeb .box_list_event .list_event > li:nth-child(n+5) { margin-top:30px; }
.sub_event .box_list_event .list_event > li * { display:block; }
.sub_event .box_list_event .list_event > li .imgbox { position:relative; overflow:hidden; width:100%; height:280px; border:1px solid #00000012; border-radius:16px; box-shadow: 0 8px 8px 0 rgba(0,0,0,.08); }/*22-02-04 Q10294: box-shadow속성 변경*/
.sub_event .box_list_event .list_event > li .imgbox img { width: 100%; height: 100%; }/* 2022-01-26 height 100%로 가득차도록 수정 요청*/
.sub_event .box_list_event .list_event > li .txt_date,
.sub_event .box_list_event .list_event > li .txt_title { line-height:22px; font-size:16px; }
.sub_event .box_list_event .list_event > li .txt_title { margin-top:16px; font-weight:700; }
.sub_event .box_list_event .list_event > li .txt_title sup { display: inline; line-height: 12px; }/* 2023-07-18 GGU477 Amex스타일(American Express®) 추가 */
.sub_event .box_list_event .list_event > li .txt_date { margin-top:4px; color:#949494; font-weight:500; }
.sub_event .box_list_event .list_event > li .ico_end { display:none; }
.sub_event .box_list_event .list_event > li.end .imgbox::after { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.32); content:''; }
.sub_event .box_list_event .list_event > li.end .ico_end { position:absolute; top:16px; left:16px; display:flex; align-items:center; height:32px; padding:0 14px; border-radius:20px; color:#fff; background:#000; font-size:13px; font-weight:700; }

.sub_event .box_list_event._prev_year .list_event > li .imgbox { height:158px; filter:none; }

.sub_event .box_list_event .listbtn_prev,
.sub_event .box_list_event .listbtn_next { position:absolute; top:50%; left:24px; line-height:22px; padding-right:19px; color:#858585; background-repeat:no-repeat; background-position:right center; background-size:16px; transform:translateY(-50%); font-size:16px; font-weight:500; }
.sub_event .box_list_event .listbtn_prev { background-image:url('/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_up.png'); }
.sub_event .box_list_event .listbtn_next { background-image:url('/docfiles/resources/pc/images/common/icon/w16/ico_arrowB_down.png'); }

.sub_event .searchbox { display:flex; }
.sub_event .searchbox .input_cell,
.sub_event .searchbox .input_cell .search_ip,
.sub_event .searchbox .input_cell_box { position:relative; z-index:4; height:100%; }
.sub_event .searchbox .box_input01 { flex:0 0 360px; width:360px; height:48px; margin-right:8px; }
.sub_event .searchbox .box_input01 .input_cell_box::before { height:100%; padding-left: 12px; border-radius:4px; background:url('/docfiles/resources/pc/images/common/icon/w32/ico_search_gry.png') no-repeat left center / 24px; background-origin: content-box; box-shadow:inset 0 0 0 1px #ccc; }
.sub_event .searchbox .box_input01 .input_cell_box.on:hover::before,
.sub_event .searchbox .box_input01 .input_cell_box.focused:hover::before { box-shadow:inset 0 0 0 2px #000; }
.sub_event .searchbox .input_cell .search_ip { line-height:22px; padding-left:40px; background:transparent; font-size:16px; font-weight:500; }
.sub_event .searchbox .box_input01 .input_cell_box .box_btn { top:50%; transform:translateY(-50%); }
.sub_event .result_msg { display:flex; align-items:center; height:56px; margin-top:20px; border-bottom:1px solid #ebebeb; /*a08*/ }
.sub_event .search_nobox { padding:140px 0 56px; }

.sub_event .search_nobox .imgbox , .alli_list .search_nobox .imgbox { width:120px; height:120px; margin:0 auto 32px; }

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

.sub_event .title_box { position:relative; z-index:10; }
.sub_event .img_box { position:absolute; z-index:1; top:0; left:0; overflow:hidden; width:100%; height:250px; border-radius:20px; }
.sub_event .img_box img { width:100%; height:100%; }

/* 자동차 구매 */
.sub_carbuy .progressbox { margin-top:12px; }
.sub_carbuy .progressbar { display:flex; height:8px; padding:0 24px; }
.sub_carbuy .progressbar>li { height:100%; }
.sub_carbuy .progressbar>li:first-child { border-radius:16px 0 0 16px; }
.sub_carbuy .progressbar>li:last-child { border-radius:0 16px 16px 0; }
.sub_carbuy .progresslistbox { margin-top:17px; }
.sub_carbuy .progresslistbox>li { display:flex; align-items:center; justify-content:space-between; padding:16px 24px; border-bottom:1px solid #ebebeb; }
.sub_carbuy .progresslistbox>li:last-child { padding-bottom:0; border-bottom:0; }
.sub_carbuy .progresslistbox>li .colorbox { display:flex; align-items:center; }
.sub_carbuy .progresslistbox>li .colorbox>i { flex:0 0 14px; width:14px; height:14px; margin-right:7px; border-radius:4px; }

.sub_carbuy .card_listbox { display:flex; flex-wrap:wrap; margin:0 -35px; }
.sub_carbuy .card_listbox>li { flex:0 0 184px; width:184px; margin:0 35px; }
.sub_carbuy .card_listbox>li * { display:block; }
.sub_carbuy .card_listbox>li span { white-space:nowrap; }

.sub_carbuy .box_oilben { padding: 36px; }/* 2021-07-22 Q10086 추가 */
.sub_carbuy .box_top_tit a.p1_b_ctr { display:block; }

/* 해외이용혜택 */
.sub_benefit.sub_search_result input[class*="h48"] { height:64px; padding:8px 0 16px; }
.overseas_eventlist [class^="btn"][class*="44_"] { height:44px; padding:12px 16px 10px; font-size:16px; }
.overseas_eventlist { margin:0 -13px; }
.overseas_eventlist._no { width:792px; padding:142px 0 69px; /* border-bottom:1px solid #e0e0e0 */ margin:0 auto; }
.overseas_eventlist .eventlistbox { display:flex; flex-wrap:wrap; }
.overseas_eventlist .eventlistbox > li { position:relative; flex:0 0 280px; width:280px; margin:0 13px; }
.overseas_eventlist .eventlistbox > li:nth-of-type(n+5) { margin-top:30px; }
.overseas_eventlist .eventlistbox > li * { display:block; }
.overseas_eventlist .eventlistbox > li .imgbox { width:100%; height:280px; background-color: red; filter:drop-shadow(0 8px 16px rgba(0,0,0,.08)); }
.overseas_eventlist .eventlistbox > li .txt_date,
.overseas_eventlist .eventlistbox > li .txt_title { line-height:22px; font-size:16px; }
.overseas_eventlist .eventlistbox > li .txt_title { margin-top:12px; font-weight:700; }
.overseas_eventlist .eventlistbox > li .txt_date { margin-top:8px; color:#5c5c5c; font-weight:500; }
.overseas_eventlist .eventlistbox > li .icobox { position:absolute; top:16px; left:14px; display:none; align-items:center; height:20px; line-height:16px; padding:0 6px; border-radius:16px; color:#fff; font-size:12px; font-weight:700; }
.overseas_eventlist .eventlistbox > li.end .imgbox { opacity:.2; }
.overseas_eventlist .eventlistbox > li.end .icobox { display:flex; background:#000; }

.sub_overseas .tab_cardlist { display:flex; margin:0 -8px; }
.sub_overseas .tab_cardlist > li { -ms-flex:0 0 217px; flex:0 0 288px; width:288px; height:142px; padding:12px 35px 0 36px; margin:0 8px; border:1px solid #ccc; border-radius:8px; }
.sub_overseas .tab_cardlist > li * { display:block; }
.sub_overseas .tab_cardlist > li a { width:100%; height:100%; }
.sub_overseas .tab_cardlist > li .imgbox { height:89px; }
.sub_overseas .tab_cardlist > li .imgbox img { height: 100%; margin: 0 auto; }
.sub_overseas .tab_cardlist > li .txt_name { line-height:22px; text-align:center; white-space: nowrap; font-size:16px; font-weight:500; }
.sub_overseas .tab_cardlist > li.curr { border:2px solid #000; }
.sub_overseas .tab_cardlist > li.curr .txt_name { font-weight:700; }

.sub_overseas .classben_icobox .classben_ico { flex:0 0 24px; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.sub_overseas .classben_icobox .classben_ico._i { background-image:url('/docfiles/resources/pc/images/ben/ico_circle_i.png'); }
.sub_overseas .classben_icobox .classben_ico._s { background-image:url('/docfiles/resources/pc/images/ben/ico_circle_s.png'); }
.sub_overseas .classben_icobox .classben_ico._p { background-image:url('/docfiles/resources/pc/images/ben/ico_circle_p.png'); }
.sub_overseas .classben_icobox .classben_ico._w { background-image:url('/docfiles/resources/pc/images/ben/ico_circle_w.png'); }
.sub_overseas .classben_icobox .classben_ico._d { background-image:url('/docfiles/resources/pc/images/ben/icon_circle_d.png'); } /* 2024-10-15 GGU282 - 추가 */

/* 2021-07-22 GGCZ06 해외이용혜택 추가 */
.sub_overseas .box_certification.ctfn_wrap1 { margin-top: 20px; }
.sub_overseas .box_chk_list { margin-top: 64px; }
.sub_overseas .box_chk_list .bet_tit { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: space-between; }
.sub_overseas .box_chk_list .box_bul { margin-top: 20px; color: #5c5c5c; }

.sub_overseas .chk_list .accodWrap .accodBtn { background-image:url('/docfiles/resources/pc/images/ben/arrowB_down_64.png'); }

.chk_list .box_tit { padding: 0 20px 0 24px; }
.chk_list .accodWrap { border-bottom: 1px solid #e0e0e0; }
.chk_list .accodWrap .accodBtn { display: inline-block; width: 100%; padding: 19px 0px; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size: 32px; }
.chk_list .accodWrap.on { background: #fafafa; }
.chk_list .accodWrap.on .box_tit .h4_m_lt { font-weight: 700; }
.chk_list .accodWrap.on .accodBtn { background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png); }
.chk_list .accodWrap .accodSlide { padding: 24px 52px 24px 24px; }
.chk_list .accodWrap .accodSlide [class^="bul_"] { line-height: 26px; color: #5c5c5c; font-size: 16px; font-weight: 500; }

/* 정부외식업종지원 */
.sub_stamp .stampico { flex:0 0 100px; width:100px; height:100px; background:url('/docfiles/resources/pc/images/ben/ico_stamp_food_off.png') no-repeat center/contain; }
.sub_stamp .stampico.on { background-image:url('/docfiles/resources/pc/images/ben/ico_stamp_food_on.png'); }
.sub_stamp .list_stamp { display:flex; margin:0 -26px; }
.sub_stamp .list_stamp>li { flex:0 0 100px; width:100px; margin:0 26px; }
.sub_stamp .list_stamp>li .txt { line-height:26px; margin-top:16px; text-align:center; font-size:20px; font-weight:700; }

/* 하단 고정배너 */
.sub_benefit .banner { position:fixed; z-index:100; right:8px; bottom:8px; width:344px; height:104px; border-radius:24px; background:linear-gradient(0deg, #3d5bdc 0%, #314980 100%); }
.sub_benefit .banner .img_box { flex:0 0 64px; width:64px; height:64px; }
.sub_benefit .banner .bul_txt_p3 { line-height:18px; padding-left:6px; margin-left:12px; font-size:12px; font-weight:500; }
.sub_benefit .banner .bul_txt_p3::before { position:absolute; top:8px; left:0; display:inline-block; width:2px; height:2px; border-radius:100%; background:#949494; content:''; }
.sub_benefit .banner .bul_txt_p3._wht::before { background-color:#fff; }
.sub_benefit .banner .ban_close { position:absolute; z-index:2; top:8px; right:8px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:100%; color:transparent; background:rgba(0,0,0,.4) url(/docfiles/resources/pc/images/common/icon/w32/ico_x_b_wht.png) no-repeat center; background-size:cover; cursor:pointer; font-size:0; }
.sub_benefit .banner.bg_type_gray { background:linear-gradient(180deg , #e4e4e4 0% , #cecece 100%); }


/* 픽스 배너버튼 */
.sub_benefit .fixbox { position:fixed; z-index:1000; top:486px; right:0; display:flex; align-items:center; justify-content:center; width:104px; height:128px; border-radius:16px 0 0 16px; background:#fff; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.sub_benefit .fixbox .conts { display:flex; align-items:center; flex-direction:column; }
.sub_benefit .fixbox .icobox { width:56px; height:56px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.sub_benefit .fixbox .icobox._calculator { background-image:url('/docfiles/resources/pc/images/ben/ico_cal.png'); }
.sub_benefit .fixbox .icobox._point { background-image: url('/docfiles/resources/pc/images/ben/ico_pt2.png'); background-size: cover; }

/* 약관 */
.box_pop_agr h2 { line-height:22px; color:#000; font-size:16px; font-weight:700; }
.box_pop_agr p,
.box_pop_agr ul > li,
.box_pop_agr ol > li { line-height:22px; color:#5c5c5c; font-size:14px; font-weight:500; }

.box_pop_agr._v1 h2:not(:first-of-type) { margin-top:32px; }
.box_pop_agr._v1 p,
.box_pop_agr._v1 h2+div { margin-top:12px; }
.box_pop_agr._v1 ul > li:not(:first-of-type),
.box_pop_agr._v1 ol > li:not(:first-of-type) { margin-top:2px; }
.box_pop_agr._v1 ul > li::before { display:inline-block; margin-right:6px; }
.box_pop_agr._v1 ul > li:nth-child(1):before { content:'①'; }
.box_pop_agr._v1 ul > li:nth-child(2):before { content:'②'; }
.box_pop_agr._v1 ul > li:nth-child(3):before { content:'③'; }
.box_pop_agr._v1 ul > li:nth-child(4):before { content:'④'; }
.box_pop_agr._v1 ul > li:nth-child(5):before { content:'⑤'; }
.box_pop_agr._v1 ul > li:nth-child(6):before { content:'⑥'; }
.box_pop_agr._v1 ul > li:nth-child(7):before { content:'⑦'; }
.box_pop_agr._v1 ul > li:nth-child(8):before { content:'⑧'; }
.box_pop_agr._v1 ul > li:nth-child(9):before { content:'⑨'; }
.box_pop_agr._v1 ol { padding-left:24px; margin-top:4px; }
.box_pop_agr._v1 ol > li { display:flex; }
.box_pop_agr._v1 ol > li::before { display:block; flex:0 0 24px; width:24px; }
.box_pop_agr._v1 ol > li:nth-child(1):before { content:'1.'; }
.box_pop_agr._v1 ol > li:nth-child(2):before { content:'2.'; }
.box_pop_agr._v1 ol > li:nth-child(3):before { content:'3.'; }
.box_pop_agr._v1 ol > li:nth-child(4):before { content:'4.'; }
.box_pop_agr._v1 ol > li:nth-child(5):before { content:'5.'; }
.box_pop_agr._v1 ol > li:nth-child(6):before { content:'6.'; }
.box_pop_agr._v1 ol > li:nth-child(7):before { content:'7.'; }
.box_pop_agr._v1 ol > li:nth-child(8):before { content:'8.'; }
.box_pop_agr._v1 ol > li:nth-child(9):before { content:'9.'; }

.box_pop_agr._v2 h2:not(:first-of-type) { margin-top:20px; }
.box_pop_agr._v2 p:first-of-type + h2 { margin-top:32px; }
.box_pop_agr._v2 h2+p { margin-top:12px; }
.box_pop_agr._v2 p+p { margin-top:4px; }

/* 2021-07-26 Q10086: 약관 css 추가 */
.popup_agree .inner .ev_pop_add2 { line-height: 22px; margin-bottom: 12px; font-size: 16px; font-weight: 700; }
.popup_agree .inner .ev_pop_add1 { line-height: 22px; font-size: 14px; font-weight: 500; }
/* 2021-07-27 GGCZ06 약관 추가 */
.popup_agree .inner .new_clause_title { line-height: 22px; margin-bottom: 12px; font-size: 16px; font-weight: 700; }
.popup_agree .inner .new_clause_subtitle, .popup_agree .inner .new_clause_bold_2 { line-height: 22px; color: #5c5c5c; font-size: 14px; font-weight: 500; }
.popup_agree .inner .new_clause_bold_2 { padding-left: 24px; }

/*정형철 m포인트 결제*/
.headline + [class*="tbl"] .ben_table { border-top: none; }
.ben_table { border-top:2px solid #000; }
.ben_table thead th { padding:19px 24px 19px 24px; border-bottom:1px solid #ebebeb; vertical-align:top; }

.ben_table tbody th , .ben_table tbody td { padding:19px 24px 19px 24px; border-bottom:1px solid #ebebeb; vertical-align:top; }
.ben_table th.h4_m_lt { vertical-align:middle; }
.ben_table tbody td { color:#5c5c5c; }
.ben_table tbody td .h4_b_lt { color:#000; }
.ben_table tbody td > ol > li { padding-bottom:22px; }
.ben_table tbody td > ol > li + li { padding-top:18px; border-top:1px solid #ebebeb; }
.ben_table tbody td > ol > li:last-child { padding-bottom:0; }
.ben_table tbody td > dl { position: relative; display:flex; align-items:center; height:46px; padding:0 0 18px 0; }
.ben_table tbody td > dl::after { position: absolute; bottom: 0; left: 0; display: inline-block; width: calc((100% + 24px)); height: 1px; background-color: #ebebeb; content: ""; }
.ben_table tbody td > dl + dl { margin-top:18px; }
.ben_table tbody td > dl dt { width:185px; color: #000; }
.ben_table tbody td > dl dd > ul { display:flex; }
.ben_table tbody td > dl dd > ul li:not(:last-child) { width: 160px; }
.ben_table.tp1 tr:first-child th , .ben_table.tp1 tr:first-child td { padding:16px 24px 20px; border-bottom:none; }
.ben_table.tp1 tr:nth-child(2) th , .ben_table.tp1 tr:nth-child(2) td { padding:0 24px 40px; }
.ben_table.tp1 tr:nth-child(3) th , .ben_table.tp1 tr:nth-child(3) td { padding:28px 24px 26px; }

.payment { position:relative; display:block; }
.payment .top { position:relative; width:584px; height:21px; margin-bottom:4px; }
.payment .top:after { position:absolute; top:0; left:0; display:block; width:100%; height:100%; border:1px solid #ccc; border-top:none; border-bottom:none; content:''; }
.payment .top:before { position:absolute; top:10px; left:0; display:block; width:100%; height:1px; background:#ccc; content:''; }
.payment .top strong { position:relative; display:inline-block; padding:0 4px; background:#fff; }
.payment ul { position:relative; display:flex; justify-content:space-between; }
.payment ul li { width:290px; }
.payment ul li:nth-child(3) { width:180px; }
.payment ul li:before { display:block; width:100%; height:20px; margin-bottom:4px; background:#e0e0e0; content:''; }
.payment ul li:nth-child(2):before { background:#ccc; }
.payment ul li:nth-child(3):before { background:#949494; }

.use_info + [class^="bul_"] { margin-top: 20px; }
.use_info ol { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; }
.use_info ol + .bul_txt { margin-top: 18px; }
.use_info ol li { position: relative; width: 140px; height: 140px; padding: 0; margin-left: 56px; text-align: center; }
.use_info.w112 ol li { flex: 0 0 112px; width: 112px; }
.use_info.w112 ol li:nth-child(4) { flex: 0 0 140px; width: 140px; }
.use_info.w112 ol li:nth-child(2) { flex: 0 0 122px; width: 122px; }
.use_info ol li:first-child { margin-left: 0; }
.use_info:not([class*="w"]) ol li:first-child { width: 160px; }
.use_info ol li + li::after { position: absolute; top: 0; left: -44px; display: block; width: 32px; height: 100%; opacity: .2; background: url('/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png') no-repeat center center; background-size: 32px; content:''; }
.use_info .img { display:inline-block; width:64px; height:64px; margin-bottom:10px; }
.use_info .img .svg { width: 64px; height: 64px; }
.use_info .qr { width:180px; height:160px; padding:25px 35px; border:1px solid #ebebeb; border-radius:8px; }
.use_info.w160 li { width:50%; }

.sd_m_04.box_chk01 { padding:14px 12px; border-radius:8px; }
.sd_m_04.box_chk01 .btn_pop_arrow { top:16px; right:12px; }
.sd_m_04.box_chk01 .wrap_tooltip { position:absolute; top:16px; right:12px; }
.point_box.air { flex-direction:column; justify-content:center; height:120px; border-radius:20px; }
.ben_detail .layer_head { height:250px; padding-bottom:38px; background-repeat:no-repeat; background-position:right top; background-size:auto 100%; }/* 2021-11-16 Q10337 : 일상사용처 팝업 내 상단 이미지 수정 */
.ben_detail .layer_head .img { position:absolute; right:24px; bottom:24px; width:180px; height:17px; }
.ben_detail .layer_head .img.type1 { right:0; bottom:0; width:179px; height:179px; }
.ben_detail .layer_head strong , .ben_detail .layer_head span { display:block; }
/*.ben_detail .box_content > div .bul { position:absolute; }*/ /* 2022-02-16 Q10086: 일상사용처>gs포스트박스 넘버리스크 숫자 겹침현상 수정 */
.ben_detail .box_content > div > ul > li { line-height:32px; margin-top:52px; font-size:24px; font-weight:700; }
/* .ben_detail .box_content > div > ul > li.last { padding-top:26px; font-size:0; font-weight:500; line-height: 1; }*/
.ben_detail .box_content > div > ul > li.last > ul { margin-top: 0; }
.ben_detail .box_content > div > ul > li.last > ul > li { position:relative; line-height:26px; padding-left:8px; margin-top:8px; color:#000; font-size:18px; font-weight:500; }
.ben_detail .box_content > div > ul > li.last > ul > li + li { margin-top:0; }
.ben_detail .box_content > div > ul > li.last > ul > li:before { position:absolute; top:12px; left:0; display:inline-block; width:2px; height:2px; border-radius:100%; background:#949494; content:''; }/* 2023-07-10 Q20016 top:10 -> 12px로 수정 */
.ben_detail .box_content > div > ul > li > ul { margin-top:12px; }
.ben_detail .box_content > div > ul > li > ul > li { line-height: 26px; font-size:20px; font-weight:500; }
.ben_detail .box_content > div > ul > li > ul > li.txt { font-size:16px; }/* 2022-07-27 Q10771 폰트 사이즈 추가 */

.box_content .box_bul.t_line { padding-top:26px; }
/* M포인트 사용처 팝업 */
.ben_detail.mpoint .layer_head { padding:40px; }
.ben_detail.mpoint .layer_body { padding:0 40px 40px; }
.ben_detail.mpoint .layer_body .box_content { margin-top:32px; }
.ben_detail.mpoint .layer_btn { padding-bottom:40px; }
.ben_detail.mpoint .box_content > div > ul > li { margin-bottom:40px; }
.ben_detail.mpoint .box_content > div > ul > li.last { /*padding-top:12px; */ line-height:26px; margin-top:0px; font-size:20px; font-weight:700; }
.ben_detail.mpoint .box_content > div > ul > li.last > ul { margin-top:24px; }
.ben_detail.mpoint .box_content > div > ul > li.last > ul >li { margin-top:14px; }
.ben_detail.mpoint .box_content > div > ul > li.last+li.last > ul > li:first-child { margin-top:0; }
/* 2022-07-15 Q20016 일상사용처 유의사항 높이값 공통클래스 적용 */
.ben_detail.mpoint .box_content > div > ul > li.last { margin-top:80px; }
.ben_detail.mpoint .box_content > div > ul > li.last + .last { margin-top:0; }

/* M포인트 이벤트 상세 팝업(사용처) */
.ben_detail.mpoint .layer_head strong + span { display:block; margin-top:8px; }
/* 2022-06-09 Q20093 추가 M포인트 이벤트 상세 팝업(사용처) table */
.ben_detail.mpoint .ev_table table thead th { border-top: 1px solid #000; text-align: left; font-weight: bold; }
.ben_detail.mpoint .ev_table table th, .ben_detail.mpoint .ev_table table td { padding: 20px 0 20px 24px; border-bottom: 1px solid #ebebeb; word-wrap: break-word; word-break: keep-all; vertical-align: top; font-size:16px; font-weight: bold; }/* 2022-06-13 GGU442 font-size:16px 추가 */
.ben_detail.mpoint .ev_top_box { position: relative; height: 250px; padding: 44px 40px 0; margin-top: 52px; border-radius: 20px; background: #f5f5f5 no-repeat center / cover; }
.ben_detail.mpoint .ev_top_box > h3, .ben_detail.mpoint .ev_top_box > p { width: 50%; word-wrap: break-word; word-break: keep-all; font-weight: bold; }
/* 2022-07-27 Q10771 추가 M포인트 사용처 - 일상 사용처 팝업 table */
.ben_detail.mpoint .ev_table.type2 table thead th { padding:20px 16px; border-top: 1px solid #949494; color:#000; font-weight: 700; }
.ben_detail.mpoint .ev_table.type2 table tbody th { padding:20px 16px; color:#000; font-size:16px; font-weight: 500; }
.ben_detail.mpoint .ev_table.type2 table tbody td { padding:20px 16px; color:#5c5c5c; font-size:16px; font-weight: 500; }

/* H-Coin 제휴처 팝업 */
.ben_detail.hcoin .layer_head { padding:40px 40px 0 40px; }
.ben_detail.hcoin .layer_head h1 > strong { margin-bottom:8px; }
.ben_detail.hcoin .layer_head h1 + .p3_m_lt_1ln { margin-top:8px; }
.ben_detail.hcoin .layer_body { padding:0 40px 64px; }
.ben_detail.hcoin .layer_body .box_content { margin-top:32px; }
.ben_detail.hcoin .layer_body .box_btn { margin-top:64px; }
/* 2022-08-01 Q20093 H-Coin 제휴처 팝업 가이드 공통작업 */
.ben_detail.hcoin .box_content > div > ul > li.last { line-height:26px; margin-top:0px; font-size:20px; font-weight:700; }
.ben_detail.hcoin .box_content > div > ul > li.last { margin-top:80px; }
.ben_detail.hcoin .box_content > div > ul > li.last + .last { margin-top:0; }
.ben_detail.hcoin .box_content > div > ul > li.last > ul { margin-top: 24px; }
/* 2022-08-17 Q10803 추가 */
.ben_detail.hcoin .box_content > div > ul > li.last > ul >li { margin-top:14px; }
.ben_detail.hcoin .box_content > div > ul > li.last+li.last > ul > li:first-child { margin-top:0; }

/* 2022-08-17 Q10803 이벤트 상세 팝업(사용처) 내부 폰트사이즈 수정 */
.ben_detail .sub_item ul > li { font-size:16px; }

/* 2022-08-17 Q10803 hcoin 이벤트 상세 팝업(사용처) table */
.ben_detail.hcoin .ev_table table thead th { border-top: 1px solid #000; text-align: left; font-weight: bold; }
.ben_detail.hcoin .ev_table table th, .ben_detail.mpoint .ev_table table td { padding: 20px 0 20px 24px; border-bottom: 1px solid #ebebeb; word-wrap: break-word; word-break: keep-all; vertical-align: top; font-size:16px; font-weight: bold; }/* 2022-06-13 GGU442 font-size:16px 추가 */
.ben_detail.hcoin .ev_top_box { position: relative; height: 250px; padding: 44px 40px 0; margin-top: 52px; border-radius: 20px; background: #f5f5f5 no-repeat center / cover; }
.ben_detail.hcoin .ev_top_box > h3, .ben_detail.mpoint .ev_top_box > p { width: 50%; word-wrap: break-word; word-break: keep-all; font-weight: bold; }
.ben_detail.hcoin .ev_table.type2 table thead th { padding:20px 16px; border-top: 1px solid #949494; color:#000; font-weight: 700; }
.ben_detail.hcoin .ev_table.type2 table tbody th { padding:20px 16px; color:#000; font-size:16px; font-weight: 500; }
.ben_detail.hcoin .ev_table.type2 table tbody td { padding:20px 16px; color:#5c5c5c; font-size:16px; font-weight: 500; }

/* 로그인후 혜택서브메인 팝업 */
.ben_detail.benefit_submain .layer_head { height:328px; padding:40px 40px 0 40px; }
.ben_detail.benefit_submain .layer_head h1 > strong { margin-bottom:8px; }
.ben_detail.benefit_submain .layer_head h1 + .p3_m_lt_1ln { margin-top:8px; }
.ben_detail.benefit_submain .layer_body { padding:0 40px 64px; }
.ben_detail.benefit_submain .layer_body .box_content { margin-top:32px; }
.ben_detail.benefit_submain .layer_body .box_btn { margin-top:64px; }
.ben_detail.benefit_submain .layer_head .img { position: absolute; right: 24px; bottom: 24px; width: 180px; height: 115px; }
.ben_detail.benefit_submain .layer_head .img img { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); }
/* H-Coin제휴처, 혜택서브메인 팝업 */
.modal_wrap.benefit_submain .layer_close.fixed a,
.modal_wrap.hcoin .layer_close.fixed a { right: 50%; margin-right: -275px; }

.ppceleb_popimg { width:832px; height:294px; }
.ppceleb_popimg img { width: 100%; max-width: 100%; }

.ben_logo { margin-top:12px; text-align:right; }
.ben_logo span { display:inline-block; width:150px; height:58px; background:#555; }
.sub_benefit .dash_list03 { margin-top:8px; }
.sub_benefit .dash_list03 li { line-height:16px; font-size:12px; }

.tb_write { padding:12px 24px 0; border-top:2px solid #000; }
.tb_write td , .tb_write th { padding:24px 0 0; text-align:left; vertical-align:top; }
.tb_write th { padding-top:38px; }
.tb_write .pr { padding-right:24px; }
.tb_write .row2 > div { width:calc(50% - 12px); }
.tb_write .row2 > div:last-child { margin-left:12px; }

.sub_benefit .search_con .box_Ta thead th { padding:21px 0 21px 24px; text-align:left; }
.sub_benefit .search_con .box_Ta td { padding-left:24px; }
.sub_benefit .box_search { display:flex; }
.sub_benefit .box_search.h48 > div,
.sub_benefit .box_search.h48 > div .search_ip { height:48px; }
.sub_benefit .box_search.h48 > div:not(:first-child) { margin-left:4px; }
.sub_benefit .box_search.h48 > div .search_ip { padding-left:16px; }
.sub_benefit .box_search.h48 > div .box_input01 .input_cell_box:before { z-index:3; height:100%; border:1px solid #ccc; border-radius:4px; background-color:transparent; }
.sub_benefit .box_search.h48 > div .box_input01 .input_cell_box .box_btn { top:50%; transform:translateY(-50%); }
.sub_benefit .box_search.h48 > div .box_input01 .input_cell_box .btn_del { margin-top:0; }

.sub_benefit .box_search_result { border-top:1px solid #ebebeb; }
.sub_benefit .box_search_result table th,
.sub_benefit .box_search_result table td { line-height:22px; padding:20px 0; border-bottom:1px solid #ebebeb; color:#333; font-size:16px; font-weight:500; }
.sub_benefit .box_search_result table th:nth-child(1),
.sub_benefit .box_search_result table td:nth-child(1) { padding-left:24px; }
.sub_benefit .box_search_result thead th { color:#000; font-weight:700; }
.sub_benefit .box_search_result_no { display:flex; align-items:center; justify-content:center; height:320px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }

.h_con { display:flex; justify-content:space-around; padding:24px 0; margin-top:16px; }
.h_con .items { width:50%; text-align:center; }
.h_con.row3 .items { width:33%; text-align:center; }
.h_con .items .img { display:inline-block; height:22px; }
.h_con .bul_txt { font-size:14px; }
.ben_table.type1 { border-top:1px solid #ebebeb; }
.ben_table.type1 th { padding:19px 24px; }
.ben_table.type2 { border-top:1px solid #949494; }
.ben_table.type2 tbody td { color: #000; }

.box_btn.tr { position:absolute; top:10px; right:0; }
.tooltop_wrap { display:flex; }
.tooltop_wrap.ctr { justify-content:center; }
.sub_benefit:not(.x_benefit) .grid_box .bul_list li { color:#000; }
.sub_benefit.x_benefit .grid_box .bul_list li { line-height: 22px; }
.sub_benefit.x_benefit .grid_box .bul_list li + li { margin-top: 4px; }

.x_benefit .xben_acodrow_cont { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: space-between; }
.x_benefit .xben_acodrow_cont .bul_list li + li { margin-top: 1px; }
.x_benefit .xben_acodrow_cont .box_btn { flex: 1; }

.right_column .ben_table td { border-bottom:none; color:#333; }
.right_column .ben_table td.p1_rt { text-align:right; }
.right_column .view_con { position:relative; }
.right_column .view_con:before , .box_benefit .search:before { position:absolute; top:0; left:-79px; display:block; width:calc(100% + 79px); height:1px; background:#ebebeb; content:''; }
.right_column .box_btn + .view_con:before { left:0; width:100%; }
.right_column .nol_line:before { display: none; }
.search.nol_lines:before { display: none; }
.search.nol_lines { border-top:1px solid #ebebeb !important; }
.box_benefit .right_column .search.nol_bottom { border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; }
.box_benefit .right_column .search.nol_bottom::before, .view_con.nol_bottom::before { display: none; }
.right_column .nol_line > .cel_list:first-child { padding-top:29px; }
.right_column .view_con .ben_table { border-top:none; border-bottom:1px solid #ebebeb; }
.sub_benefit .textbico_mide_grn { background-image:url('/docfiles/resources/pc/images/common/icon/w24/ico_arrow_grn.png'); }

.search_box { position:relative; display:block; width:100%; padding:24px 28px; border:1px solid #333; border-radius:8px; }
.search_box .items { display:flex; justify-content:space-between; width:727px; height:48px; }
.search_box .items:first-child .input_box , .search_box .items:first-child .input_select { width:calc((100% - 8px)/3); }
.search_box .items .input_box { width:100%; padding:16px 13px; border:1px solid #ccc; border-radius:4px; }
.search_box .items + .items { margin-top:10px; }
.search_box .box_btn { position:absolute; top:calc(50% - 24px); right:24px; }
.ta_tit { padding:17px 0; }

.type1.swiper-container .slide-items { height: 334px; min-height: 334px; }
.type1.swiper-container .img { width: 152px; height: 152px; }
.type1.swiper-container .img svg { width: 152px; height: 152px; }

.calcul { display:flex; align-items:center; justify-content:space-between; height:28px; padding:0 16px 0 36px; }
.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:3px; left:0; display:block; width:1px; height:10px; background:#ccc; content:''; }
.calcul > p:before { display:block; width:6px; height:6px; margin-right:6px; border-radius:100%; content:''; }
.calcul > .lv1:before { background:#3149b0; }
.calcul > .lv2:before { background:#008c15; }
.calcul > .lv3:before { background:#fbff00; }
.mt0 { margin-top:0 !important; }

.dpfx_just_bet.mt16 { flex-wrap:wrap; width:100%; }

.ben_list { display:block; width:100%; }
.ben_list li { display:flex; justify-content:space-between; padding:40px 24px 32px; border-top:1px solid #ebebeb; }
.ben_list li:last-child { border-bottom:1px solid #ebebeb; }
.ben_list li > .type1 .h4_b_lt { display:flex; align-items:center; }
.ben_list .roundbox { display:block; padding:2px 4px; margin:0 0 0 4px; border-radius:16px; color:#fff; background:#000; }

.info_tip { display:flex; align-items:center; justify-content:flex-end; width:100%; }
.info_tip a + a { margin-left:16px; }

.radio_wrap { display:flex; width:100%; margin:16px 0 12px; }
.radio_wrap .input_cell_radio + .input_cell_radio { margin-left:16px; }
.radio_wrap .input_cell_radio label { display:flex; align-items:center; }
.radio_wrap .input_cell_radio input[type="radio"] + label:before { width:24px; height:24px; margin-right:4px; }
.radio_wrap .input_cell_radio input[type="radio"]:checked + label:after { top:8px; left:8px; width:8px; height:8px; }

.input_cell_radio .radio_con { width:calc(100% - 60px); }
.input_cell_radio input[type="radio"] + label .roundbox { display:inline-block; padding:2px 4px; margin:3px 0 0 6px; border-radius:16px; color:#fff; background:#000; vertical-align:text-top; }
.input_cell_radio input[type="radio"] + label { position:relative; }
.input_cell_radio input[type="radio"] + label:before { display:block; width:32px; height:32px; margin-right:12px; border-radius:100%; background:#e0e0e0; content:''; }
.input_cell_radio input[type="radio"]:checked + label:after { position:absolute; top:10px; left:10px; display:block; width:12px; height:12px; border-radius:100%; background:#000; content:''; }
.tab_default.month { position:absolute; top:33px; left:0; justify-content:flex-end; width:588px; padding-right:32px; }
.sub_benefit .dropdown01.type2 .box_info { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; height: 52px; }
.sub_benefit .box_select.h92.type2 .select_down { width:100%; height:auto; max-height:278px; }
.sub_benefit .box_select .list02 { display:block; margin:0; }
.box_select.h92.type2 .img.v_card_img { width: 51px; transform: rotate(90deg) translate(0, -10px); }
.box_select.h64.type2 .img.v_card_img { width: 51px; transform: rotate(90deg) translate(0, -10px); }
.box_select.h92.type2 .list02 .cel_cardP32 .img.v_card_img { width: 51px; transform: rotate(90deg) translate(0, -10px); }
.box_select.h92.type2 .img.v_card_img { margin-left:-20px; }
.box_select.h64.type2 .img.v_card_img + .box_info { margin-left:-20px; }
dl.box_info1 { padding:36px 24px; margin-top:24px; border:1px solid #cecece; border-radius:12px; }
dl.box_info1 dt { margin-bottom:24px; }

/*정형철 추가 작업 club service*/
.slide_clubservice { position:relative; }
.slide_clubservice .swiper-slide { overflow:hidden; height:806px; }
.slide_clubservice .swiper-slide img { width: 100%; height: 100%; }
.num_list li:before { margin-right:4px; content:attr(data-num); }
.num_list li ul { padding-left:8px; }
.card_list01 { display:flex; flex-wrap:wrap; }
.card_list01.w126 li { overflow:hidden; width:126px; height:200px; margin-right:44px; }
.card_list01.w126 li:nth-child(6n) { margin-right:0; }
.card_list01.w126 li:nth-child(n + 7) { margin-top:48px; }
.card_list01.w164 li { overflow:hidden; width:164px; margin-right:44px; }
.card_list01.w164 li img { height:260px; }
.card_list01.w164 li img + p { margin-top:16px; }
.card_list01.w164 li:nth-child(5n) { margin-right:0; }

/* 2022-04-04 GGU477 레이아웃 수정 : [혜택]클럽서비스 컨텐츠 레이아웃 수정 요청의 건 */
/*.sub_clubsv .box_ftbanner .itembanner.w50p { flex:1 1 50%; max-width:588px }*/
.sub_clubsv .grid_box { display:flex; align-items: center; }
.sub_clubsv .grid_box + .grid_box { margin-top: 160px; }
.sub_clubsv .grid_box .items { display: block; width: 668px; max-height: 375px; }
.sub_clubsv .grid_box .items.txt { padding-left: 180px; }
.sub_clubsv .grid_box.row2.rv .items.txt { padding-left: 114px; }
.sub_clubsv .grid_box.row2.rv .items:nth-child(2) { width: 668px; margin-left: 0; }
/*.sub_clubsv .grid_box.row2 .items:nth-child(2) { width: 480px; }
.sub_clubsv .grid_box.row2.rv .items:nth-child(2) { width: 440px; }
.sub_clubsv .grid_box .items:nth-child(1) { flex:1 1 45%; max-width:668px; }*/
.sub_clubsv .grid_box.rv .items:first-child { order:2; }
.sub_clubsv .grid_box.end { align-items:flex-end; }
/* //2022-04-04 GGU477 레이아웃 수정 : [혜택]클럽서비스 컨텐츠 레이아웃 수정 요청의 건 */

.graybg_rd12 { display:flex; padding:23px 20px; border-radius:12px; }
.graybg_clubdt { padding:52px; border-radius:20px; }
.swiper-slide .graybg_clubdt { position:relative; overflow:hidden; height:400px; }
.swiper-slide .graybg_clubdt .txt { position:relative; z-index:1; width: calc(100% - 468px); color:#fff; }
.swiper-slide .graybg_clubdt .txt .p1_b_lt { color:rgba(255,255,255,.8); }
.swiper-slide .graybg_clubdt .img { position:absolute; top:0; right:0; width:100%; height:400px; }
.swiper-slide .graybg_clubdt .img img { width:100%; height:100%; }
.img_w58 { width:58px; margin-right:12px; }

.sub_clubsv .swiper-pagination { position:relative; width:100%; margin-top:24px; text-align:center; }
.sub_clubsv .swiper-pagination-bullet { width:6px; height:6px; margin:0 3px; opacity:1; background:#ccc; }
.sub_clubsv .swiper-pagination-bullet-active { background:#000; }
.slide_con { position:relative; }
.swiper-navigation { position:absolute; top:50%; width:100%; transform:translateY(-50%); }
.swiper-pagination + .swiper-navigation { top: calc(50% - 20px); transform: translateY(calc(-50% - 20px)); }
.swiper-navigation .swiper-button-next , .swiper-navigation .swiper-button-prev { top:0; }
.bul_list01.fs_h4 li { font-size:20px; }
.sub_clubsv .box_ftbanner .itembanner .alink { flex-direction:column; }
.sub_clubsv .box_ftbanner .itembanner .alink a + a { margin-top:10px; }
.radio_box.h64 label { display:flex; align-items:center; flex-direction:column; justify-content:center; height:64px; padding:0; font-size:20px; }
.radio_box.h64 label span { display:block; }
.sub_clubsv .box_input01.row3 { display:flex; justify-content:space-between; }
.sub_clubsv .box_input01.row3 .input_cell_box { flex:1 1 30%; max-width:253px; margin-top:0; }
.check_con { padding:20px 0; margin-top:20px; border-top:2px solid #000; border-bottom:1px solid #ebebeb; }
.check_area { display:flex; padding:12px 24px; }
.check_area .check_wrap + .check_wrap { margin-left:36px; }
.check_wrap input[type="checkbox"] + label { display:flex; align-items:center; height:32px; padding-left:0; cursor:pointer; }
.check_wrap input[type="checkbox"] + label:before { display:block; width:32px; height:32px; margin-right:12px; background:#e0e0e0 url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b_wht.png') center center; background-size:32px 32px; content:''; }

.text_con textarea { width:100%; min-height:240px; }
.alli_top { position:relative; display:flex; align-items:center; height:48px; }
.alli_top .box_select { width:auto; margin-left:auto; }
.alli_top + .alli_search { margin-top:20px; }
.alli_search { position:relative; display:flex; padding-top:22px; border-top:2px solid #000; }
.alli_search .box_select { width:auto; min-width:240px; margin-right:4px; }
.alli_search .input_cell { width:240px; height:48px; padding-left:12px; margin-right:4px; border:1px solid #ccc; border-radius:4px; }
.alli_search + .alli_list { margin-top:44px; }
.alli_search.type1 { flex-wrap:wrap; padding:24px 28px; border:1px solid #000; border-radius:8px; }
.alli_search.type1 button { position:absolute; top:calc(50% - 24px); right:24px; }

.alli_list > ul { display:flex; flex-wrap:wrap; }
.alli_list > ul > li { position:relative; width:calc((100% - 72px) / 4); margin-right:24px; }
.alli_list > ul > li:nth-child(4n) { margin-right:0; }
.alli_list > ul > li:nth-child(n+5) { margin-top:52px; }
.alli_list > ul > li .grid_image { overflow: hidden; width: 280px; height: 280px; border-radius: 16px; }
.alli_list > ul > li .grid_image img { width: 100%; height: 100%; }

.alli_list .grid_list > li { width:calc((100% - 80px) / 4); margin-right:18px; }
.alli_list .grid_list > li.grid-item .grid_image { overflow: hidden; height: 282px; border-radius: 16px; }
.alli_list .grid_list > li.grid-item .grid_image img { width: 100%; height: 100%; }
.alli_list .grid_list > li.grid-item.type_important .grid_image { height: 442px; }
.alli_list .ico_end_cont { position:absolute; top:16px; left:16px; display:flex; flex-wrap:wrap; }
.alli_list .ico_end_cont .ico_end { position:relative; top:0; left:0; height: 32px; padding: 0 12px; margin-right:4px; margin-bottom:4px; font-size: 16px; font-weight: 700; }
.alli_list .ico_end { height: 32px; padding: 0 12px; font-size: 16px; font-weight: 700; }
.sub_clubsv .alli_list .grid_list .ico_end { height: 32px; padding: 0 12px; background-color: #ac0066; }
.sub_clubsv .alli_list .grid_list .ico_end.bg_orange { background-color: #f18a00; }
.ico_end { position:absolute; top:14px; left:16px; display:flex; align-items:center; height:20px; line-height:16px; padding:0 6px; border-radius:20px; color:#fff; background:#000; font-size:13px; }
.sub_clubsv .top_img { overflow:hidden; width:100%; height:300px; margin-bottom:48px; border-radius:20px; background:#000; }
.sub_clubsv .box_tit .ico_end { position:relative; top:0; left:0; display:inline-block; height:24px; line-height:24px; padding:0 8px; margin-right:8px; font-size:14px; }
.sub_clubsv .box_tit .finish { color:#949494; }
.sub_gourmet .list_gmreserve>li:last-child .gmreserveimg::after { display:none; }
.sub_gourmet .box_searchgm_result .list_searchgm_result>li .ico_number { display:flex; justify-content:center; width:32px; height:32px; padding-top:6px; background:url('/docfiles/resources/pc/images/ben/bg_wt.png') no-repeat; background-size:32px 32px; }
.sub_clubsv .searchbox .box_input01 { margin-right:0; }
.sub_clubsv .searchbox .input_cell .search_ip { padding-left:12px; }
.sub_clubsv .searchbox .input_cell.w100p { padding-right:80px; }
.sub_clubsv .searchbox .box_input01 { flex:0 0 auto; width:705px; }
.sub_clubsv .searchbox .box_input01 .input_cell_box::before { background:none; }
.sub_clubsv .searchbox .box_input01 .btn_search { margin-left:0; }

.sub_clubsv .box_slide .box_pro_cont { margin-top: 32px; }
.sub_clubsv .box_slide .box_pro_cont + .box_pro_cont { margin-top: 64px; }
.sub_clubsv .box_slide .box_pro_cont .grid_box { align-items: center; }
.sub_clubsv .box_slide .box_pro_cont .cont_detail { margin-top: 32px; }
.sub_clubsv .box_slide .box_pro_cont .cont_detail .detail_con_list > li { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 24px; border-bottom: 1px solid #ebebeb; }
.sub_clubsv .box_slide .box_pro_cont .cont_detail .detail_con_list > li:first-child { border-top: 1px solid #ebebeb; }
.sub_clubsv .box_slide .box_pro_cont .cont_detail .detail_con_list > li .tit { flex: 0 0 204px; width: 204px; }

/* 검색필드 (이벤트/해외이용이벤트) 공통 사용 */
.search_content { display:flex; align-items:center; }
.search_content .search_enter { margin:0 8px; }
.search_content .box_select { height:48px; }
.search_content .box_input01 .btn_del { right:40px; margin-top:0; }
.sub_search_result .search_content .search_enter .input_cell { padding:0 40px 0 0; }
.search_content .box_input01 .input_cell_box { display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; height:48px; padding:12px; }
.search_content .box_input01 .input_cell { position:relative; z-index:5; display:flex; }
.search_content .box_input01 .input_cell + .box_btn { z-index:5; top: 50%; transform: translateY(-50%); }
.search_content .box_input01 .input_cell::before { position:absolute; top: 50%; right:0; display:block; width:24px; height:24px; opacity:.2; background:url('/docfiles/resources/pc/images/common/icon/w24/ico_searchB.png') no-repeat center center / 24px; content:''; transform: translateY(-50%); }
/*.search_content .box_input01 .input_cell::before { position:absolute; top: 50%; right:0; display:block; width:24px; height:24px; opacity:.8; background:url('/docfiles/resources/pc/images/common/icon/w24/ico_searchB.png') no-repeat center center / 24px; content:''; transform: translateY(-50%); }  2025-03-17 Q11791 웹접근성 조치 */
.search_content .box_input01 .input_cell_box.focused .input_cell:before { opacity:1; }
.search_content .box_input01 .input_cell_box input { height:auto; }
.search_content .box_input01 .input_cell_box:before { height:48px; border:1px solid #ebebeb; border-radius:8px; background:none; }
.search_content .box_input01 .input_cell_box.focused:before { height:48px; border-color:#000; border-radius:8px; }
.overseas_eventlist .img { width:120px; margin:0 auto 32px; }
.search_content .search_enter .input_cell.search_input { width:100%; padding-right: 40px; }
.search_content .search_enter .input_cell_box.on .input_cell.search_input { padding-right: 60px; }
.search_content .box_input01 .input_cell_box.completed:hover:before { border: 1px solid #000; background: none; }

/* 포인트 미리계산 */
.input_cell_box.type_btn .input_cell.w100p { padding-right: 100px; }

.club_promotion .graybg_clubdt { position:relative; display:flex; height:185px; }
.club_promotion .graybg_clubdt .img { position:absolute; top:0; right:0; width:320px; }

.club_promotion .box_list { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.club_promotion .box_list li { position: relative; width: 280px; width: -webkit-calc((100% - 81px) /4); }
.club_promotion .box_list li + li:not(:nth-child(4n+1)) { margin-left: 27px; }
.club_promotion .box_list li:not(:nth-child(-n+4)) { margin-top: 27px; }
.club_promotion .box_list li .img { width: 280px; height: 280px; border-radius: 16px; }
.club_promotion .box_list li .img img { width: 100%; height: 100%; border-radius: inherit; }
.club_promotion .box_list li .txt { margin-top: 16px; }

.fs_14{font-size: 14px !important;} /* 2025-12-26 Q11817 추가 */
.fs_20 , .fs_20 * { font-size:20px !important; font-weight:700 !important; }
.fw_bold * { font-weight:700 !important; }

/* Premium혜택 안내 */
.prem_conts._purple .box_list_prem .radio_box.h64 label { color: #5c325e; }
.prem_conts._purple .box_list_prem .radio_box input:checked + label, .prem_conts._purple .box_list_prem .radio_box input:hover + label { color: #5c325e; }
.prem_conts._purple .box_list_prem .radio_box label:before { border-color: #5c325e; }
.prem_conts._purple .box_list_prem .radio_box input:checked + label:before, .prem_conts._purple .box_list_prem .radio_box input:hover + label:before { border-color: #5c325e; }

.prem_conts._red .box_list_prem .radio_box.h64 label { color: #d0112b; }
.prem_conts._red .box_list_prem .radio_box input:checked + label, .prem_conts._red .box_list_prem .radio_box input:hover + label { color: #d0112b; }
.prem_conts._red .box_list_prem .radio_box label:before { border-color: #d0112b; }
.prem_conts._red .box_list_prem .radio_box input:checked + label:before, .prem_conts._red .box_list_prem .radio_box input:hover + label:before { border-color: #d0112b; }
.prem_conts._red .metal_card + .metal_card { margin-left: 37px; }

.prem_conts._pink .box_list_prem .radio_box.h64 label { color: #fb1a77; }
.prem_conts._pink .box_list_prem .radio_box input:checked + label, .prem_conts._pink .box_list_prem .radio_box input:hover + label { color: #fb1a77; }
.prem_conts._pink .box_list_prem .radio_box label:before { border-color: #fb1a77; }
.prem_conts._pink .box_list_prem .radio_box input:checked + label:before, .prem_conts._pink .box_list_prem .radio_box input:hover + label:before { border-color: #fb1a77; }

.radio_box.row5 { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; }
.radio_box.row5 { margin: 0; }
.radio_box.row5 li { width: calc((100% - 64px) / 5); margin: 8px 0 0 0; }
.radio_box.row5 li + li { margin: 8px 0 0 16px; }

.card_plate { margin-top:56px; }
.card_plate .card_plate_list { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
.card_plate .card_plate_list li { width: 174px; height: 280px; }
.card_plate .card_plate_list li + li { margin-left: 36px; }

/* 해외이용혜택 */
.box_btn.pd32 a { padding:19px 32px; }
.sub_benefit .input_cell { position:relative; z-index:4; }
.sub_benefit .h3_b_lt.input_label { font-size:24px; }

/* 이벤트 상세 */
.sub_event .ev_table table thead th { border-top: 1px solid #000; text-align: left; font-weight: bold; }/* 2022-06-13 Q20093 bold 추가 */
.sub_event .ev_table table th, .sub_event .ev_table table td { padding: 20px 0 20px 24px; border-bottom: 1px solid #ebebeb; word-wrap: break-word; word-break: keep-all; vertical-align: top; font-weight: bold; }/* 2022-06-13 Q20093 bold 추가 */
.sub_event .ev_top_box { position: relative; height: 250px; padding: 44px 40px 0; margin-top: 52px; border-radius: 20px; background: #f5f5f5 no-repeat center / cover; }/* 2022-06-13 Q20093 bold 추가 */
.sub_event .ev_top_box > h3, .sub_event .ev_top_box > p { width: 50%; word-wrap: break-word; word-break: keep-all; font-weight: bold; }
.sub_event [class*="num"][class*="_txt"] { position: relative; padding-left: 1.2em; }
.sub_event [class*="num"][class*="_txt"]::before { position: absolute; top: 4px; 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.5em; }
.sub_event [class*="num"][class*="_txt01"]::before { content:"1"; }
.sub_event [class*="num"][class*="_txt02"]::before { content:"2"; }
.sub_event [class*="num"][class*="_txt03"]::before { content:"3"; }
.sub_event [class*="num"][class*="_txt04"]::before { content:"4"; }
.sub_event [class*="num"][class*="_txt05"]::before { content:"5"; }/* 2022-07-01 Q20093 추가 */

/* 2022-08-08 Q20098 검은색 동그라미 숫자 스타일 추가 */
.sub_event .blk_num_list { margin-top:12px; counter-reset:num; }
.sub_event .blk_num_list > li { position:relative; padding-left: 28px; counter-increment:num; font-weight:500; }
.sub_event .blk_num_list > li:before { position:absolute; top:3px; left:0; display:inline-block; width:20px; height:20px; line-height:19px; border-radius:50%; color:#fff; background:#000; content:counter(num); text-align:center; font-size:12px; font-weight:500; }
.sub_event .blk_num_list > li + li { margin-top:12px; }
.sub_event .blk_num_list > li .sub_txt { margin-top:8px; }

/* 2022-09-22 Q10962 검은색 동그라미 숫자 스타일 a타입 추가*/
.sub_event .blk_num_list.a > li { position:relative; padding-left: 28px; counter-increment:num; font-weight:500; }
.sub_event .blk_num_list.a > li:before { position:absolute; top:3px; left:0; display:inline-block; width:20px; height:20px; line-height:19px; border-radius:50%; color:#fff; background:#000; content:counter(num); text-align:center; font-size:14px; font-weight:500; }

.sub_event .ev_list { position: relative; border-top: 1px solid #000; }
.sub_event .ev_list > li { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px 24px; }
.sub_event .ev_list > li + li { border-bottom: 1px solid #ebebeb; }
.sub_event .ev_list > li .tit { flex: 0 0 220px; width: 220px; line-height: 26px; font-size: 16px; font-weight: 700; }
.sub_event .ev_icobox { position: relative; display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; justify-content: center; padding: 36px; border: 1px solid #ebebeb; border-radius: 8px; }
.sub_event .ev_icobox.type2 { flex-direction: column; }
.sub_event .ev_icobox .ev_icolist { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.sub_event .ev_icobox .ev_icolist li { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.sub_event .ev_icobox .ev_icolist li .img + p { margin-top: 8px; }
.sub_event .ev_icobox .ev_icolist li p + p { margin-top: 4px; }
.sub_event .ev_icobox .ev_icolist li + li { margin-left: 96px; }
.sub_event .ev_icobox .ev_icolist li + li::before { position: absolute; top: 50%; left: -64px; display: inline-flex; width: 32px; height: 32px; opacity: 0.2; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat center; background-size: cover; content: ""; transform: translateY(-50%); }
.sub_event .ev_icobox .ico_cont { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.sub_event .ev_icobox .ico_cont .img { position: relative; }
.sub_event .ev_icobox .ico_cont .img + .img { margin-left: 160px; }
.sub_event .ev_icobox .ico_cont .img + .img::before { position: absolute; top: 50%; left: -96px; display: inline-flex; width: 32px; height: 32px; opacity: 0.2; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat center; background-size: cover; content: ""; transform: translateY(-50%); }
.sub_event .ev_icobox .img, .sub_event .ev_icobox .img .svg { width: 64px; height: 64px; }
.sub_event .number_list > li { position:relative; line-height:26px; padding-left:20px; font-size:20px; font-weight:500; }
.sub_event .number_list > li > .num { position:absolute; top:0; left:0; }
.sub_event .number_list > li + li { margin-top:12px; }
.sub_event .number_list > li > .bul_txt { margin-top:8px; }

/* 2022-10-26 Q20016 이벤트 카드플레이트 이미지 */
.sub_event .ev_card { padding:40px 0 48px; margin-top: 32px; border-radius: 12px; background:#fafafa; }
.sub_event .ev_card .ev_card_img { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin: 32px 0 32px; }
.sub_event .ev_card .ev_card_img .img { width: 170px; }
.sub_event .ev_card .ev_card_img .img + .img { margin-left: 28px; }
/* //2022-10-26 Q20016 이벤트 카드플레이트 이미지 */

/* 2022-11-23 Q10941 이벤트 혜택 이미지 - 1207 내용 추가 */
.sub_event .bene_icoBox { position: relative; display: flex; display: -webkit-flex; display: -ms-flexbox; }
.sub_event .bene_icoBox .bene_icolist { display: flex; flex: 1 1 40%; max-width: 50%; word-wrap: break-word; word-break: keep-all; }
.sub_event .bene_icoBox .bene_icolist + .bene_icolist { margin-left: 24px; }
.sub_event .bene_icoBox .bene_icolist .img .svg { width: 48px; height: 48px; }

.sub_event .event_content .bene_subTitle { display: flex; width: 100%; }
.sub_event .event_content .bene_subTitle li { width: 50%; padding-bottom:12px; border-bottom: 1px solid rgba(0,0,0,0.08); font-weight: bold; }
.sub_event .event_content .bene_subTitle li + li { margin: 0 0 0 24px; }
/* //2022-11-23 Q10941 이벤트 혜택 이미지 - 1207 내용 추가 */

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

/* 이벤트 테이블*/
/* 2022-08-03 Q20084 이벤트 table */
.sub_event .event_content .ev_table.type2 table thead th { line-height: 22px; padding:20px 24px; border-top: 1px solid #949494; color:#000; font-weight: 700; }/* 2022-08-12 Q20093 padding line-height수정*/
.sub_event .event_content .ev_table.type2 table tbody th { line-height: 22px; padding:20px 24px; color:#000; font-size:16px; font-weight: 500; }/* 2022-08-12 Q20093 padding line-height수정*/
.sub_event .event_content .ev_table.type2 table tbody td { line-height: 22px; padding:20px 24px; color:#5c5c5c; font-size:16px; font-weight: 500; }/* 2022-08-12 Q20093 padding line-height수정*/

.mpoint_car .box_mpcar { border-top: 2px solid #000; }
.mpoint_car .box_mpcar .mpcar_list li { display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; height: 104px; padding: 0 10px; border-bottom: 1px solid #ebebeb; }
.mpoint_car .box_mpcar .mpcar_list li .tit { width: 204px; }
.mpoint_car .box_mpcar .mpcar_list li .cont { flex: 1; }
.mpoint_car .box_mpcar .mpcar_list li .cont.date_sel { flex: 0 0 254px; }
.mpoint_car .box_mpcar .mpcar_list li .cont.date_sel .box_select.h64 .select_wrap .ul_select li a { width: 100%; }

/* 라디오 박스 case 추가 */
.box_radio_sel { display: flex; align-items: center; }
.box_radio_sel .input_radio_box + .input_radio_box { margin-left: 12px; }
.box_radio_sel .input_radio_box input[type="radio"] + label { position: relative; display: flex; align-items: center; }
.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: ""; }
.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%); }

.sub_event .list_thumbnail { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
.sub_event .list_corporate { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 -30px; }/* 22-01-24 Q10549 justify-content:center; 추가 */
.sub_event .list_corporate li { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 0 30px; }
.sub_event .list_corporate li:nth-child(1):before,
.sub_event .list_corporate li:nth-child(2):before { position: absolute; top: 0; right: 0; display: inline-flex; width: 1px; height: 30px; background: #f5f5f5; content: ""; }
.sub_event .list_corporate li a { width: 180px; }
.sub_event .list_corporate.type2 li { justify-content:flex-start; }/* 2022-05-19 GGCQ35 추가 */
.box_banner { display:flex; }
.box_banner .box_img { width:447px; height:447px; }
.box_banner .box_txt { padding-left:63px; }

.bnr_icon { width:96px; height:96px; }
.bnr_icon img { width:100%; height:100%; }

/*[CR]Q10549 22-02-12 김유림*/
.sm_tbl_wrap { position:relative; }
.sm_tbl_wrap .sm_tbl { width:70%; }
.tbl_type1 table .sm_tbl_wrap .sm_tbl th { font-weight:500; }
/* // [CR]Q10549 22-02-12 김유림*/


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

/* as-is 이벤트상세보기 유의사항 블릿 추가 */
.sub_benefit .culture-detail ul.list_dot_1 li { position:relative; padding-left: 10px; }
.sub_benefit .culture-detail ul.list_dot_1 li::before { position:absolute; left:0; display:block; content:"-"; }

/* as-is 이용금액/혜택 내역 */
.sub_benefit .status_area { margin:40px auto 0; }
.sub_benefit .status_area .hcbtn1 { float:right; }
.sub_benefit .status_area.first { margin:32px auto 0; }
.sub_benefit .status_area.type1 { margin:34px auto 0; }
.sub_benefit .status_area.type2 { margin:41px auto 0; }
.sub_benefit .status_area.type3 { margin:39px auto 0; }
.sub_benefit .status_area.type4 { margin:38px auto 0; }
.sub_benefit .status_area > .title { padding:0 0 15px; border-bottom:1px solid #666; font-size:15px; }
.sub_benefit .status_area .status_title_area { position:relative; padding: 0 0 18px 0; border-bottom:1px solid #555; }
.sub_benefit .status_area .status_title_area:after { display:block; clear:both; content:""; }
.sub_benefit .status_area .status_title_area > .title { float:left; padding:0; border:0; font-size:15px; }
.sub_benefit .status_area .status_title_area > .beside_txt { float:left; margin:2px 0 0 8px; color:#666; font-size:13px; }
.sub_benefit .status_area .status_title_area > .beside_input { position:absolute; top:-8px; right:0; }
.sub_benefit .status_area .status_title_area > .beside_input .hcbtn_midium { margin-left:9px; }
.sub_benefit .status_area .status_infor_area { position:relative; padding:49px 64px; margin-top:40px; margin-bottom:40px; background:#edf4fc; }
.sub_benefit .status_area .status_infor_area .status_infor.type1 { float:left; width:430px; }
.sub_benefit .status_area .status_infor_area.type1 { padding:39px 64px 39px 64px; }
.sub_benefit .status_area .status_infor_area.type2 { padding:38px 64px 35px 64px; }
.sub_benefit .status_area .status_infor_area.type3 { padding:39px 64px 29px 64px; }
.sub_benefit .status_area .status_infor_area.type4 { padding:39px 64px 35px 64px; }
.sub_benefit .status_area .status_infor_area.type5 { padding:39px 64px 43px 64px; }
.sub_benefit .status_area .status_infor_area.type6 { padding:39px 64px 37px 64px; }
.sub_benefit .status_area .status_infor_area.type7 { padding:39px 64px 36px 64px; }
.sub_benefit .status_area .btn_area2 li:first-child + li + li { float:right; clear:both; margin:10px 0 0; }
.sub_benefit .status_area .btn_area2.type1 li:first-child + li + li { float:right; clear:none; margin: -2px 0 0 20px; }
/* 2017-12-21 */
.sub_benefit .status_area.first2 { margin-top:34px !important; }
.sub_benefit .status_area.second2 { margin-top:40px !important; }
.sub_benefit .status_area > .title.type { border-bottom:none; }
.sub_benefit .status_area > h4.title { margin-top:26px; font-size:13px; }
.sub_benefit .status_area > h4.title.type { padding-bottom:6px; }
.sub_benefit .status_area > h4.first { margin-top:0; }

.sub_benefit .status_infor_area .status_title { font-size:15px; }
.sub_benefit .status_infor_area .status_beside { display:inline-block; color:#666; font-size:13px; }
.sub_benefit .status_infor_area .list_array .saving_point + li,
.sub_benefit .status_infor_area .list_array .saving_point + li + li { padding-left:12px; margin:20px 0 0 12px; }
.sub_benefit .status_infor_area .list_array .saving_point.type2 + li,
.sub_benefit .status_infor_area .list_array .saving_point.type2 + li + li { padding-left:12px; margin:37px 0 0 12px; }
.sub_benefit .status_infor_area .list_array .saving_point.small + li,
.sub_benefit .status_infor_area .list_array .saving_point.small + li + li { margin-top:17px; }
.sub_benefit .status_infor_area .list_array li em { font-family:"YouandiModernHEB"; }
.sub_benefit .status_infor_area .list_array li em strong { font-weight:normal; }
.sub_benefit .status_infor_area .list_array .saving_point em { font-family:"YouandiModernTR"; }
.sub_benefit .status_infor_area .saving_point { color:#000; font-size:15px; }
.sub_benefit .status_infor_area .saving_point em { font-size:40px; }
.sub_benefit .status_infor_area .saving_point span { display:block; margin:3px 0 0; }
.sub_benefit .status_infor_area .saving_point.small em { font-size:32px; }
.sub_benefit .status_infor_area .list_style { margin-top:10px; color:#666; font-size: 13px; }
.sub_benefit .status_infor_area.discount .status_title { display:inline-block; font-size:21px; }
.sub_benefit .status_infor_area.discount .hcbtn6 { margin-left:8px; background:none; vertical-align:1px; }
.sub_benefit .status_infor_area.discount .list_array { margin:17px 0 0; }
.sub_benefit .status_infor_area.static .status_infor { float:left; }
.sub_benefit .status_infor_area.static .status_infor_graph { position:relative; right:0; float:right; }
.sub_benefit .status_infor_area.static .status_infor_graph.type2 { top:19px; }
.sub_benefit .status_infor_area.static .status_infor_graph.type4 { top:0; }
.sub_benefit .status_infor_area.static:after { display:block; clear:both; content:""; }
.sub_benefit .status_infor + .status_infor_graph { margin:10px 0 0; }
.sub_benefit .status_infor + .status_infor_graph.type1 { margin:7px 0 0; }

.sub_benefit .status_area.type1 { margin-top:31px; }
.sub_benefit .area_content .accordion_unit { margin-top:38px; }
.sub_benefit .status_area { margin-top:20px; }
.sub_benefit .spread_section { margin-top:65px; }
.sub_benefit .spread_section.spread_list { margin-top:38px; margin-bottom:39px; }
.sub_benefit .status_area { margin-top:35px; }
.sub_benefit .spread_list.view { margin-bottom:79px; }
.sub_benefit .status_area.type4 .non_data { padding:108px 0 107px 0; }
.sub_benefit .status_area .accordion_unit.on .h2_tit_1 { margin-bottom:18px; }
.sub_benefit .status_area.type4 .non_data { padding:108px 0 107px 0; }

.sub_benefit .history_list { border-top:2px solid #555; border-bottom:0 solid #e1e1e1; }
.sub_benefit .history_list.type_1 { border-bottom:none; }
.sub_benefit .history_list:after { display:block; clear:both; content:''; }
.sub_benefit .history_list > li,
.sub_benefit .history_list .mCSB_container > li { position:relative; border-bottom:1px solid #f0f0f0; }
.sub_benefit .history_list > li:last-child { border-bottom:1px solid #e1e1e1; }
.sub_benefit .history_list > li:after,
.sub_benefit .history_list .mCSB_container > li:after { display:block; clear:both; content:''; }
.sub_benefit .history_list > li .radioType2,
.sub_benefit .history_list .mCSB_container > li .radioType2 { position:absolute; z-index:18; top:33px; left:24px; }
.sub_benefit .history_list > li .radioType2.type1 { top:25px; }
.sub_benefit .history_list > li:hover { background-color:#fafafa; }
.sub_benefit .history_list .item_card { display:inline-block; overflow:hidden; width:88px; height:55px; margin:0 20px 0 0; vertical-align:middle; }
.sub_benefit .history_list .item_card img { width:100%; }
.sub_benefit .history_list .item_card2 { display:inline-block; overflow:hidden; width:76px; height:48px; margin:0 20px 0 0; vertical-align:middle; }
.sub_benefit .history_list .item_card2 img { width:100%; }
.sub_benefit .history_list .item_progress { float:right; width:90px; text-align:center; vertical-align:middle; }
.sub_benefit .history_list .item_progress .hcbtn6 { margin-top:13px; }
.sub_benefit .history_list .item_progress.type2 { text-align:right; }
.sub_benefit .history_list .item_progress.type2 .hcbtn6 { margin-top:9px; }
.sub_benefit .history_list .form { display:inline-block; }
.sub_benefit .history_list .cancel { color:#999; text-decoration:line-through; }
.sub_benefit .history_list.type1 > li.type1 { padding:17px 64px; border-top:1px solid #f0f0f0; color:#666; font-size:15px; }
.sub_benefit .history_list.type1 > li.type1 .tit2 { float:left; width:200px; line-height:40px; }
.sub_benefit .history_list.type1 > li.type1 .form { float:left; width:704px; }
.sub_benefit .history_list.type1 > li.type1 .form .form_select { margin-right:10px; }
.sub_benefit .history_list.type2 { border-top:0 none; }
.sub_benefit .statement_list > ul > li,
.sub_benefit .history_list.type2 > li { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease; }
.sub_benefit .statement_list > ul > li:hover,
.sub_benefit .history_list.type2 > li:hover { background-color:#fafafa; }
.sub_benefit .statement_list.type1 > ul > li:hover { background:none; }
.sub_benefit .history_section .sub_benefit .history_list.type3,
.sub_benefit .history_list.type3 { border-top:2px solid #e1e1e1; }

.sub_benefit .history_total2 { border-bottom:1px solid #e1e1e1; }
.sub_benefit .history_total2.type2 { background:none; }
.sub_benefit .history_total2 .total_view { line-height:73px; padding:0 64px; border-top:1px solid #e1e1e1; background:#fafafa; }
.sub_benefit .history_total2 .total_view:hover { background:#f0f0f0; }
.sub_benefit .history_total2 .total_view:first-child { border-top:0 none; }
.sub_benefit .history_total2 .total_view .bind_item:after { display:block; clear:both; content:''; }
.sub_benefit .history_total2 .total_view .bind_item strong { display:inline-block; width:200px; line-height:19px; color:#000; vertical-align:middle; font-size:15px; font-weight:normal; }
.sub_benefit .history_total2 .total_view .bind_item ul { display:inline-block; width:450px; margin:0; margin:27px 0 25px; vertical-align:middle; }
.sub_benefit .history_total2 .total_view .bind_item ul:after { display:block; clear:both; content:''; }
.sub_benefit .history_total2 .total_view .bind_item ul li { display:inline; float:left; line-height:22px; padding:0 0 0 10px; margin-left:8px; color:#666; background:url('/image/common/bar_type_05.png') no-repeat 0 40%; font-size:13px; }
.sub_benefit .history_total2 .total_view .bind_item ul li:first-child { padding:0; background-image:none; }
.sub_benefit .history_total2 .total_view .item_amount { display:inline-block; width:204px; color:#000; text-align:right; vertical-align:middle; font-size:15px; }
.sub_benefit .history_total2 .total_view .item_amount { font-size:15px; }
.sub_benefit .history_total2 .total_view .item_amount span { font-size:21px; }
.sub_benefit .history_total2 .total_view .item_amount .total span { font-family:'YouandiModernHEB'; }
.sub_benefit .history_total2 .total_view .bind_item ul li:first-child { margin-left:0px; }

.sub_benefit .status_section .status_box { padding:78px 0 79px; margin:80px 0 39px; background:#fafafa; text-align:center; }

.sub_benefit .list_style01,.list_style06 { color:#666; text-align:left; font-size:13px; }/* 대시(-) */
.sub_benefit .list_style01.large { font-size:15px; }
.sub_benefit .list_style01.type_1 { margin-top:15px; }
.sub_benefit .list_style01.type_1 li.type1 { padding-top:1px; }
.sub_benefit .list_style01.type_2 { margin-top:11px; }
.sub_benefit .list_style01.type_3 { margin-top:20px; }
.sub_benefit .list_style01.type_4 { margin-top:80px; }
.sub_benefit .list_style01.type_4.list { margin-top:72px; }
.sub_benefit .list_style01.type_4 dt { margin-bottom:14px; color:#000; font-size:15px; }
.sub_benefit .list_style01.type_5 { margin-top:5px; }
.sub_benefit .list_style01.type_6 { margin-top:40px; }
.sub_benefit .list_style01.type_6.list { margin-top:32px; }
.sub_benefit .list_style01.type_7 { margin:14px 0 0 545px; }
.sub_benefit .list_style01.type_8 > li { padding-left:8px; background:url(/image/common/bul_list_07.png) no-repeat 0 10px; }
.sub_benefit p.list_style01.type_8 { padding-left:8px; background:url(/image/common/bul_list_07.png) no-repeat 0 10px; }
.sub_benefit .list_style01.type_9 { margin-top:29px; }
.sub_benefit .list_style01.type_10 { margin-top:65px; }
.sub_benefit .list_style01.type_10 dt { color:#000; font-size:15px; }
.sub_benefit .list_style01.type_11 { margin-top:40px; }
.sub_benefit .list_style01.type_11 dt { color:#000; font-size:15px; }
.sub_benefit .list_style01.type_12 { margin-top:18px; }
.sub_benefit .list_style01.type_13 { margin-top:16px; }
.sub_benefit .list_style01.type_13 li { line-height:23px; }
.sub_benefit .list_style01.type_14 { margin-top:29px; }
.sub_benefit .list_style01.type_14 dt { margin-bottom:14px; color:#000; font-size:15px; }
.sub_benefit .list_style01.type_15 { margin-top:8px; }
/* 2020-04-08 GGU282 - [카드안내신청] 신청 완료 페이지_부가서비스 개선 요청 - 추가 */
.sub_benefit p.list_style01.type_16,
.sub_benefit .list_style01.type_16 > li { line-height:18px; color:#333; font-size:15px; }
/* //2020-04-08 */
.sub_benefit .list_style01 dt { margin:20px 0 10px 0; }
.sub_benefit .list_style01 dt .superclub { display:inline-block; overflow:hidden; width:85px; height:18px; margin-top:-3px; margin-left:4px; background:url('/image/point/icon_superclub.png') no-repeat 0 0; text-indent:-9999px; vertical-align:middle; }
.sub_benefit .list_style01 dt .new { display: inline-block; overflow: hidden; width: 45px; height: 18px; line-height: 19px; margin-top: -3px; margin-left: 4px; color: #fff; background-color: #1e75d6; text-align: center; text-transform: uppercase; vertical-align: middle; font-family: 'YouandiModernTB'; font-size: 11px; }
.sub_benefit .list_style01.type_2 dt { padding-left: 10px; margin:0 0 5px 0; background: url(/image/common/bul_list_01.png) no-repeat 0 7px; }
.sub_benefit .list_style01.type_2 > dd { line-height:24px; padding-left:12px; background:url(/image/common/bul_list_07.png) no-repeat 5px 9px; }
.sub_benefit .list_style01 dt:first-child { margin-top:0; }
.sub_benefit .list_style01 dt strong,.cus_title { display:inline-block; color:#000; font-size:15px; font-weight:normal; }
.sub_benefit .list_style01 dt.type2 { color:#000; }
.sub_benefit .list_style01 > li,
.sub_benefit .list_style01 > dd,
.sub_benefit .list_style01 > li span { line-height:22px; padding-left:9px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; }
.sub_benefit .list_style01 > li.star, .sub_benefit .list_style01 > dd.star { padding:0; background:none; }
.sub_benefit .list_style01 > li.star:before, .sub_benefit .list_style01 > dd.star:before { display:inline-block; margin-right:2px; content:"*"; }
.sub_benefit .list_style01.type1 > li { line-height:24px !important; }
.sub_benefit .list_style01 > li.none { padding:0px; }
.sub_benefit .list_style01 > li.line_none { position:relative; padding:10px 0px 0; margin-bottom:10px; background:none; }
.sub_benefit .list_style01 > li.line_none:before { position:absolute; bottom:-4px; left:0; display:inline-block; width:100%; height:1px; background-color:#f0f0f0; content:''; }
.sub_benefit .list_style01 > li.noBull { padding:0px; background:none; }
.sub_benefit .list_style01 > li.noBull ul.list_style01 li:before { display:none; }
.sub_benefit .list_style01 > li.noBull ul.list_style01 li { background:url(/image/common/bul_list_01.png) no-repeat 0 9px; }
.sub_benefit .list_style01 > li .hcbtn1 span { padding:0; background:none; }
.sub_benefit .list_style01 > li .hcbtn1.type1 { margin-left:6px; }
.sub_benefit .list_style01 > li:first-child,
.sub_benefit .list_style01 > dd:first-child { margin:0; }
.sub_benefit .list_style01 > li.line_none:first-child { margin-bottom:10px; }
.sub_benefit .list_style01 > li.refer { line-height:24px; padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; }
.sub_benefit p.list_style01 { line-height:24px; padding-left:9px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; }
.sub_benefit p.add_sty { background:url(/image/icon/ico_star_bullet.gif) no-repeat -1px 7px; vertical-align:middle; }
.sub_benefit span.list_style01 { line-height:24px; padding-left:9px; background:url(/image/common/bul_list_01.png) no-repeat 0 5px; }
.sub_benefit .list_style01 .link_layer { display:inline; }
.sub_benefit .list_style01 > li strong { color:#000; font-weight:normal; }
.sub_benefit .list_style01.type_1 > li strong { color:#666; }
.sub_benefit .list_style01 .link { color:#666; }
.sub_benefit .list_style01 .link2 { padding:0 0 1px 0; border-bottom:1px solid #1e75d6; color:#1e75d6; }
.sub_benefit .list_style01 .list_style05 > li { background:none; }
.sub_benefit .list_style01 .list_style05 > li span { padding-left:0; background:none; }
.sub_benefit .list_style01.large > li,
.sub_benefit .list_style01 > dd,
.sub_benefit .list_style01 > li span { line-height:24px; padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 11px; }
.sub_benefit .list_style01 > li span.noBull,
.sub_benefit .list_style01 > li .noBull span { line-height:inherit; padding-left:0; background:none; }/* 2021-08-24 GGU282 - 추가 */
.sub_benefit .list_style01 > li span.point_color_1 { padding:0; background:none; }
.sub_benefit .list_style01 > li.large { font-size:15px; }/* 2021-04-16 GGU282 - 추가 */
.sub_benefit .list_style01 .hcbtn1 { margin-left:6px; }
.sub_benefit .list_style01 .hcbtn1.type_1 { margin-left:18px; }
.sub_benefit .list_style01 .hcbtn1.type_2 { margin-left:0px; }
.sub_benefit .list_style01.type_box { clear:both; padding:15px 64px 11px 0; margin:0 0 -1px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #e1e1e1; background:#fafafa; text-align:right; font-size:13px; }
.sub_benefit .list_style01.type_box.type_1 { text-align:left; }
.sub_benefit .list_style01.type_box li { background:none; }
.sub_benefit .list_style01.type_box li span { background-position:0 5px; }
.sub_benefit .list_style01.type_center { text-align:center; }
.sub_benefit .list_style01.type_center li { padding-left:0; background:none; }
.sub_benefit .list_style01.type_center li:before { display:inline-block; width:9px; height:17px; background:url('/image/common/bul_list_01.png') no-repeat 0 50%; content:""; vertical-align:-4px; }
.sub_benefit .history_list.type2 { border-top:0 none; }
.sub_benefit .statement_list > ul > li,
.sub_benefit .history_list.type2 > li { -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease; }
.sub_benefit .statement_list > ul > li:hover,
.sub_benefit .history_list.type2 > li:hover { background-color:#fafafa; }
.sub_benefit .statement_list.type1 > ul > li:hover { background:none; }
.sub_benefit #m1_CPBSR3901_01_CMS01 .list_style01 > li,
.sub_benefit #mpbt0_CPBSR3501_02_CMS01 .list_style01 > li { background:none; }
.sub_benefit #mpbt0_CPBSR3501_02_CMS01 .list_style01 > li::before { top: 11px; }

.sub_benefit .list_view { position:relative; padding:20px 64px; font-size:0; }
.sub_benefit .list_view.pr { position:relative; padding:20px 50px 20px 64px; font-size:0; }
.sub_benefit .list_view.cancel .bind_item .item_place strong { color:#999; text-decoration:line-through; }
.sub_benefit .list_view.cancel .item_amount p { color:#999; text-decoration:line-through; }
.sub_benefit .list_view.cancel .item_amount em { color:#999; }
.sub_benefit .list_view.type2 { padding:20px 24px; text-align:left; }
.sub_benefit .list_view.type3 { padding:20px 64px 20px 24px; text-align:left; }
.sub_benefit .list_view.type4 { padding:14px 64px 16px 24px; text-align:left; }
.sub_benefit .list_view.type4 .bind_item { margin:13px 0 0; }
.sub_benefit .list_view.type5 { padding:20px 44px 20px 64px; }
.sub_benefit .list_view.type6 { padding:18px 64px 17px 64px; }
.sub_benefit .list_view.type6 .bind_item { margin-top:4px; }
.sub_benefit .list_view.type7 { padding:30px 24px; }/* 2021-03-26 GGU477 추가 */
.sub_benefit .list_view:after { display:block; clear:both; content:''; }
.sub_benefit .list_view .bind_item { display:inline-block; vertical-align:middle; }
.sub_benefit .list_view .bind_item:after { display:block; clear:both; content:''; }
.sub_benefit .list_view .bind_item .item_date { display:inline-block; width:110px; color:#000; vertical-align:middle; font-size:15px; }
.sub_benefit .list_view .bind_item .item_date.time { line-height:1; color:#666; font-size:13px; }
.sub_benefit .list_view .bind_item .item_date.time span { display:block; margin-bottom:9px; color:#000; font-size:15px; }
.sub_benefit .list_view .bind_item .item_date.date { color:#666; font-size:13px; }
.sub_benefit .list_view .bind_item .item_date.date span { display:block; margin-top:5px; color:#000; font-size:15px; }
.sub_benefit .list_view .bind_item .item_date.type2 { width:174px; margin:0 0 0 -64px; }
.sub_benefit .list_view .bind_item .item_date.type2 .radioType2 { margin:0 0 0 25px; }
.sub_benefit .list_view .bind_item .item_date.type2 .radioType2 label { padding-left:40px; }
.sub_benefit .list_view .bind_item .item_date.type2 .checkbox { margin:0 0 0 24px; }
.sub_benefit .list_view .bind_item .item_date.type2 .checkbox label { padding-left:40px; }
.sub_benefit .list_view .bind_item .item_date.type2.time .checkbox label { color:#666; font-size:13px; }
.sub_benefit .list_view .bind_item .item_date.type3 { width:200px; line-height:36px; }
.sub_benefit .list_view .bind_item .item_date.type4 { width:264px; margin:0 0 0 -64px; }
.sub_benefit .list_view .bind_item .item_date.type4 .radioType2 label { padding-left:40px; }
.sub_benefit .list_view .bind_item .item_date.type5 { width:200px; padding:0 0 0 25px; margin:0 0 0 -64px; }
.sub_benefit .list_view .bind_item .item_date.type6 { width:64px; margin:0 0 0 -64px; text-align:center; }
.sub_benefit .list_view .bind_item .item_date.type7 { width:152px; margin:0; }
.sub_benefit .list_view .bind_item .item_date.type7 .radioType2 { line-height:inherit; margin:0; }
.sub_benefit .list_view .bind_item .item_date.type7 .radioType2.type2 label { padding-left:40px; }
.sub_benefit .list_view .bind_item .item_date.type7 .checkbox label { padding-left:40px; }
.sub_benefit .list_view .bind_item .item_date.type8 { width:160px; }
.sub_benefit .list_view .bind_item .item_date.type9 { width:200px; }
.sub_benefit .list_view .bind_item .item_date.type10 { width: 140px; }/* 2021-03-26 GGU477 추가 */
.sub_benefit .list_view .bind_item .item_date.type10 .checkbox label { padding-left: 40px; }/* 2021-03-26 GGU477 추가 */
.sub_benefit .list_view .bind_item .item_check { display:inline-block; margin:0 15px 0 -39px; vertical-align:middle; }
.sub_benefit .list_view .bind_item .item_check .checkbox { margin:0; }
.sub_benefit .list_view .bind_item .item_check.type1 { width:264px; margin: 0 0 0 -64px; }
.sub_benefit .list_view .bind_item .item_check.type1 .checkbox { line-height:1; margin:0 0 0 25px; }
.sub_benefit .list_view .bind_item .item_check.type1 .checkbox label { padding-left:40px; }
.sub_benefit .list_view .bind_item .item_check.type1 .item_check_sub { display:block; padding-left:40px; margin-top:9px; color:#666; font-size:13px; }
.sub_benefit .list_view .bind_item .item_radio { display:inline-block; margin:0 14px 0 0; vertical-align:middle; }
.sub_benefit .list_view .bind_item .item_radio > span { margin:0; }
.sub_benefit .list_view .bind_item .item_radio.type2 { margin:0; }
.sub_benefit .list_view .bind_item .item_radio.type2 .radioType2 { margin:0 0 0 -1px; }
.sub_benefit .list_view .bind_item .item_time { display:block; margin:7px 0 0 0; color:#666; font-size:13px; }
.sub_benefit .list_view .bind_item .item_place { display:inline-block; width:550px; vertical-align:middle; }
.sub_benefit .list_view .bind_item .item_place.type2 { width:402px; }
.sub_benefit .list_view .bind_item .item_place.type3 { width:460px; }
.sub_benefit .list_view .bind_item .item_place.type4 { width:590px; }
.sub_benefit .list_view .bind_item .item_place.type4 ul { margin-top:9px; }
.sub_benefit .list_view .bind_item .item_place.type5 { width:710px; }
.sub_benefit .list_view .bind_item .item_place.type6 { width:750px; }
.sub_benefit .list_view .bind_item .item_place.type7 strong { padding-top:10px; }
.sub_benefit .list_view .bind_item .item_place.type8 { width:510px; }
.sub_benefit .list_view .bind_item .item_place.type9 { width:500px; }
.sub_benefit .list_view .bind_item .item_place.type10 { width:310px; }
.sub_benefit .list_view .bind_item .item_place strong { display:inline-block; line-height:1; color:#000; font-size:15px; font-weight:normal; }
.sub_benefit .list_view .bind_item .item_place strong a { color:#1e75d6; }
.sub_benefit .list_view .bind_item .item_place strong a:before { margin:0 10px 0 4px; color:#000; content:"|"; }
.sub_benefit .list_view .bind_item .item_place strong a.link { color:#000; }
.sub_benefit .list_view .bind_item .item_place strong a.link:before { display:none; }
.sub_benefit .list_view .bind_item .item_place .item_tit { overflow: hidden; margin:0; }
.sub_benefit .list_view .bind_item .item_place .item_tit li { float:left; line-height:1; padding-left:7px; margin-left:7px; border-left:1px solid #000; color:#000; background:none; font-size:15px; }
.sub_benefit .list_view .bind_item .item_place .item_tit li:first-child { padding:0; margin:0; border:0; }
.sub_benefit .list_view .bind_item .item_place .tiem_tit + ul { margin:7px 0 0 0; }
.sub_benefit .list_view .bind_item .item_place strong + ul { margin-top:9px; }
.sub_benefit .list_view .bind_item .item_place ul + strong { margin-top:9px; }
.sub_benefit .list_view .bind_item .item_place ul + ul { margin-top:11px; }
.sub_benefit .list_view .bind_item .item_place ul:after { display:block; clear:both; content:''; }
.sub_benefit .list_view .bind_item .item_place ul li { float:left; line-height:13px; line-height:21px; padding:0 6px; color:#666; background:url('/image/common/bar_type_05.png') no-repeat 0 4px; font-size:13px; }
.sub_benefit .list_view .bind_item .item_place ul li.first { clear:both; padding:0 6px 0 0; background:none; }
.sub_benefit .list_view .bind_item .item_place ul li:first-child { padding:0 6px 0 0; background:none; }
.sub_benefit .list_view .bind_item .item_place ul.type1 { margin:3px 0 -5px; }
.sub_benefit .list_view .bind_item .item_place ul.type1 li { background:url('/image/common/bar_type_01.png') no-repeat 0 6px; font-size:12px; }
.sub_benefit .list_view .bind_item .item_place ul.type1 li:first-child { background:none; }
.sub_benefit .list_view .bind_item .item_place ul.type2 { margin-top:9px; }
.sub_benefit .list_view .bind_item .item_place ul.type2 li { background:url('/image/common/bar_type_05.png') no-repeat 0 40%; }
.sub_benefit .list_view .bind_item .item_place ul.type2 li:first-child { background:none; }
.sub_benefit .list_view .bind_item .item_place ul.type3 { margin-top:5px; }
.sub_benefit .list_view .bind_item .item_place ul.type3 li { line-height:22px; background-position:0 4px; }
.sub_benefit .list_view .bind_item .item_place ul.type4 li { line-height:22px; }
.sub_benefit .list_view .bind_item .item_place p { margin:7px 0 0 0; color:#666; font-size:13px; }
.sub_benefit .list_view .bind_item .item_place .hcbtn6 { margin:0 0 0 10px; }
.sub_benefit .list_view .bind_item .item_status { display:inline-block; width:90px; text-align:center; vertical-align:middle; }
.sub_benefit .list_view .item_amount { display:inline-block; width:190px; margin:0 50px 0 0; text-align:right; vertical-align:middle; font-size:15px; }
.sub_benefit .list_view .item_amount.type2 { width:206px; margin-right:0; }
.sub_benefit .list_view .item_amount.type3 { width:154px; margin-right:0; }
.sub_benefit .list_view .item_amount.type3 p.type1 { margin-bottom:10px; }
.sub_benefit .list_view .item_amount.type4 { margin-right:0; }
.sub_benefit .list_view .item_amount.type4 p { margin:0 -30px 0 0; }
.sub_benefit .list_view .item_amount.type5 { float:right; width:150px; margin:6px 0 0; }
.sub_benefit .list_view .item_amount.type6 { width:284px; margin-right:0; }
.sub_benefit .list_view .item_amount.type7 { width:484px; margin-right:0; }
.sub_benefit .list_view .item_amount.type8 { width:205px; margin-right:0; }
.sub_benefit .list_view .item_amount.type9 { width: 144px; margin-right: 110px; }/* 2021-03-26 GGU477 추가 */
.sub_benefit .list_view .item_amount.right_type { float:right; width:auto; margin:0; }
.sub_benefit .list_view .item_amount.right_type2 { float:right; width:auto; margin:0; }
.sub_benefit .list_view .item_amount.right_type3 { float:right; width:auto; margin:10px 40px 0 0; }
.sub_benefit .list_view .item_amount.right_type4 { float:right; width:auto; margin:20px 0 0 0; }
.sub_benefit .list_view .item_amount.right_type5 { float:right; width:auto; margin:7px 0 0; }
.sub_benefit .list_view .item_amount em { color:#000; font-size:21px; }
/* 2020-05-07 GGCQ62 - [기타] 긴급재난지원금 신청 신규 제작 현재상태 스타일추가 */
.sub_benefit .list_view .item_amount .txt_state { display:inline-block; width:60px; height:18px; line-height:18px; margin-right:10px; border:1px solid #d1d1d1; color:#666; text-align:center; vertical-align:top; font-family:'YouandiModernHEB'; font-size:11px; }
.sub_benefit .list_view .item_amount .txt_state.cr01 { border:1px solid #1e75d6; color:#1e75d6; }
/* 2020-05-07 GGCQ62 - [기타] 긴급재난지원금 신청 신규 제작 현재상태 스타일추가 */
.sub_benefit .list_view .item_amount .check_view { margin:6px 0 0 0; }
.sub_benefit .list_view .item_amount .check_view input[type="text"] { padding:7px 0 6px 10px; margin:0 10px 0 0; }
.sub_benefit .list_view .item_amount .check_view input[type="text"].right_type { height:30px; line-height:30px; padding:0px 8px 0px 0px; margin:0 10px 0 0; }
.sub_benefit .list_view .item_amount .hcbtn6 { margin-top:5px; }
.sub_benefit .list_view .item_number { display:inline-block; width:334px; margin:0; text-align:right; vertical-align:middle; font-size:15px; }
.sub_benefit .list_view .item_number.type1 { float:right; width:auto; margin:10px 0 0; }
.sub_benefit .list_view .item_txt { display:inline-block; width:406px; margin:0; text-align:right; vertical-align:middle; font-size:15px; }
.sub_benefit .list_view .item_button { display:inline-block; width:194px; margin:0; text-align:right; vertical-align:middle; }

.sub_benefit .status_area .hcbtn10 { position:relative; display:inline-block; line-height:22px; padding-right:30px; color:#000; font-size:15px; }
.sub_benefit .status_area .hcbtn10:before { position:absolute; top:50%; right:0; display:block; width:20px; height:20px; margin-top:-10px; background-image:url(/image/common/arrow_open_05.png); content:''; }/* 이용안내 */
.sub_benefit .status_area .on .h2_tit_1 > .hcbtn10:before { background-image:url(/image/common/arrow_close_05.png); }/* 이용안내 */
.sub_benefit .status_area .box_fold { display:none; padding:27px 62px; padding: 27px 62px; margin-bottom: 15px; border:1px solid #e1e1e1; font-size:13px; }
.accordion_unit.on .box_fold { display:block; }

.sub_benefit .status_area .box_fold h3 { margin-top:32px; margin-bottom:14px; }
.sub_benefit .status_area .box_fold h3:first-child { margin-top:8px; }
.sub_benefit .status_area .box_fold h3.tit_type1 { margin-bottom:10px; color:#666; font-size:13px; }


/* 2022-04-01 GGCP31 민원이슈로 잠시 팝업에 바로가기 버튼 안보이게 처리 : 2022-04-29 첫번째 일상사용처 팝업에만 하단 버튼 노출이 안되어 주석처리 : 추후 삭제예정*/
/* #mCSB_2 .layer_btn { display: none; }*/

/* 2022-05-03 GGU477 [혜택]the Green Ed2 나만의혜택 내 the Green 고메 페이지 추가 요청의 건 */
.partner_list_wrap .partner_list li { border-top: #ccc 1px solid; }
.partner_list_wrap .partner_list li a { position: relative; display: block; padding: 20px 24px; }
.partner_list_wrap .partner_list li a::after { position: absolute; top: 18px; right: 24px; display: block; width: 24px; height: 24px; background: url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png) no-repeat 0 0; background-size: cover; content: ''; }

/* 2022-06-20 GGU477 [혜택]마일리지 긴급충전 메뉴 추가 요청의 건 */
.sub_benefit [class^="items_tab"][class*="_type"] .list_sel_inp > li { padding:0; }
.sub_benefit .items_tab._type2 .list_sel_inp > li:nth-child(n+4) { padding-top:12px; }
.sub_benefit .items_tab._type3 .list_sel_inp > li:nth-child(n+3) { padding-top:12px; }
.sub_benefit .chk_down { position:relative; padding:12px; border:1px solid #ebebeb; border-radius:8px; }
.sub_benefit .chk_down a { position:relative; display:inline-block; line-height:22px; padding:5px 0 5px 36px; color:#858585; font-size:16px; }
.sub_benefit .chk_down a:before { position:absolute; top:0; left:0; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px; content:''; }
.sub_benefit .chk_down a.current { color:#000; }
.sub_benefit .chk_down a.current:before { opacity:1; }
.sub_benefit .chk_down + .check_terms .box_chk01 .check_label { padding-right:0; }
.sub_benefit .chk_down + .check_terms .box_chk01 { padding-right:16px; }
#popConfirmMileEmerg.modal_pop.respond.modal_buyCar_ben .layer_wrap { max-height: 100%; margin: 0 auto; }
#popConfirmMileEmerg.modal_pop.respond.modal_buyCar_ben .layer_wrap .layer_body { padding-right: 40px !important; }
#popConfirmMileEmerg.modal_pop.respond.modal_buyCar_ben .box_content .tbl_type1 th { padding: 16px 0 16px 24px; }
#popConfirmMileEmerg.modal_pop.respond.modal_buyCar_ben .box_content .tbl_type1 { border-top: 1px solid #000; }
/* 2025-01-15 GGU477 개발시 해당 팝업ID가 변경되어 동일 css 추가 */
#popConfirmNolEmerg.modal_pop.respond.modal_buyCar_ben .layer_wrap { max-height: 100%; margin: 0 auto; }
#popConfirmNolEmerg.modal_pop.respond.modal_buyCar_ben .layer_wrap .layer_body { padding-right: 40px !important; }
#popConfirmNolEmerg.modal_pop.respond.modal_buyCar_ben .box_content .tbl_type1 th { padding: 16px 0 16px 24px; }
#popConfirmNolEmerg.modal_pop.respond.modal_buyCar_ben .box_content .tbl_type1 { border-top: 1px solid #000; }
/* //2025-01-15 GGU477 개발시 해당 팝업ID가 변경되어 동일 css 추가 */
#popTermsAgreeMileEmerg.modal_pop.popup_agree .swiper-button-prev { top: 50%; }
#popTermsAgreeMileEmerg.modal_pop.popup_agree .swiper-button-next { top: 50%; }
/* // 2022-06-20 GGU477 [혜택]마일리지 긴급충전 메뉴 추가 요청의 건 */

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

/* 2022-09-05 GGCN45 : (혜택) SC-the Red 전용 페이지(프리미엄 혜택, 바우처, 랜딩페이지) 제작 요청(221004) */
.title_flex_btw { display:flex; align-items: center; flex-direction: row; justify-content: space-between; }
.bd_b1_000 { border-bottom: 1px solid #000 !important; }
._red_sc.box_voucher_detail .item_voucher_use .name_voucher_use.small_accod { padding-right:24px; padding-left:24px; }
/* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통 
._red_sc.box_voucher_detail .tbl_type1 table.th_p1b th,
._red_sc.box_voucher_detail .tbl_type1 table.td_p1b td,
._red_sc.box_voucher_detail .tbl_type1 table.td_p1m td { padding-right:24px; padding-left:24px; } */
._red_sc [class^="bul_"][class*="txt"]:before,
._red_sc [class^="bul_"][class*="list"] > li:only-child { padding-left:0; }
._red_sc [class^="bul_"][class*="txt"]:before,
._red_sc [class^="bul_"][class*="list"] > li:only-child:before { display:none; }
._red_sc .textbico_small_link,
._red_sc .textbico_mide_link .prem_conts._red_sc .textbico_small_link,
.prem_conts._red_sc .textbico_mide_link { line-height: initial !important; }
._red_sc .bul_txt { color:#000; }
._red_sc .accodWrap.item_voucher_use.bd_b1_a08 table[class*="bd_"] tbody tr:last-child td,
._red_sc .accodWrap.item_voucher_use.bd_b1_a08 table[class*="bd_"] tbody tr:last-child th { border-bottom: 0 !important; }

/* 2022-09-28 Q20093 bul_list only-child:before display:block 클래스(bul_block) 추가*/
._red_sc [class^="bul_"][class*="txt"].bul_block:before,
._red_sc [class^="bul_"][class*="list"] > li:only-child.bul_block { padding-left:9px; }
._red_sc [class^="bul_"][class*="txt"].bul_block:before,
._red_sc [class^="bul_"][class*="list"] > li:only-child.bul_block:before { display:block; }

/* 2022-10-13/2022-10-24 GGU282 [혜택]M포인트 사용처 페이지 리뉴얼 작업 요청의 건(PC웹) - 추가 */
.sub_benefit .list02.more_type .item { border-top:0 none; border-bottom:0 none; }
.sub_benefit .list02.more_type li:nth-child(n+3) .item { border-top:1px solid #f5f5f5; }
.sub_benefit .list02.more_type .item .box_logoimg { border:0.5px solid rgba(0,0,0,0.12); }

.sub_benefit .list04 { display:flex; }
.sub_benefit .list04 > .item { position:relative; flex:1 1 1%; height:200px; padding:28px 0 0 28px; border-radius:12px; background:rgba(0,0,0,0.04); }/* flex:1 1 1%; - IE 에서 flex-basis가 없으면 폭을 잡지 못함 */
.sub_benefit .list04 > .item + .item { margin-left:24px; }
.sub_benefit .list04 > .item .box_icoimg { position:absolute; right:20px; bottom:20px; width:80px; height:80px; }
.sub_benefit .list04 > .item .box_icoimg.m_mall { right:28px; bottom:30px; width:56px; height:56px; }
.sub_benefit .list04 > .item .box_icoimg > img { width:100%; }

.m_benefit .content.mpoint_store,
.m_benefit .content.mpoint_store > div { width:1200px; }

.mpoint_store .top_wrap { display:flex; align-items:start; justify-content:space-between; margin-top:52px; }
.mpoint_store .top_wrap .sec_list_wrap { width:710px; }
.mpoint_store .top_wrap .sec_banner_wrap { width:440px; }

.mpoint_store .list02 .item { width:348px; }

.mpoint_store .sec_banner .h4_b_lt { margin-left:8px; }
.mpoint_store .side_box { position:relative; 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:11px 15px 12px 23px; }
.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:12px 23px 13px; }

.mpoint_store .side_bn1_wrap { padding:24px 0; }
.mpoint_store .side_bn1_wrap > p { padding:0 24px; }
.mpoint_store .side_bn1_list_wrap { position:relative; padding-right:27px; padding-left:27px; margin-top:24px; }
.mpoint_store .side_bn1_list { position:relative; overflow:hidden; width:100%; min-height:110px; }
.mpoint_store .side_bn1_list ul { display:flex; justify-content:flex-start; }
.mpoint_store .side_bn1_list li { flex:0 0 96px; }
.mpoint_store .side_bn1_list .bn_item { display:block; width:90px; margin:3px; 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:8px; text-overflow:ellipsis; white-space:nowrap; }
.mpoint_store .side_bn1_list .bn_item .sname,
.mpoint_store .side_bn1_list .bn_item .desc { line-height:20px; font-size:14px; font-weight:500; }
.mpoint_store .side_bn1_list_wrap .swiper-button-next,
.mpoint_store .side_bn1_list_wrap .swiper-button-prev { top:20px; width:24px; height:24px; margin-top:0; background-size:24px 24px; }
.mpoint_store .side_bn1_list_wrap .swiper-button-next { right:4px; background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_forward.png); }
.mpoint_store .side_bn1_list_wrap .swiper-button-prev { left:4px; background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_back.png); }
.mpoint_store .side_bn1_list_wrap .swiper-button-prev.swiper-button-disabled,
.mpoint_store .side_bn1_list_wrap .swiper-button-next.swiper-button-disabled { display:none; opacity:0; }

.mpoint_store .side_bn2_list_wrap { position:relative; margin:0 0 -2px; }
.mpoint_store .side_bn2_list { position:relative; overflow:hidden; width:calc(100% + 4px); height:auto; padding:30px 2px 20px; margin:0 -2px; }
.mpoint_store .side_bn2_list a { display:block; height:68px; border-radius:8px; text-align:center; }
.mpoint_store .side_bn2_list a > img { height:100%; 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/pc/images/common/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/pc/images/common/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 .swiper-slide a:focus { border:0 none; }
.mpoint_store .swiper-slide a:focus:not(.focus-visible) { outline:auto; }
/* //2022-10-13/2022-10-24 GGU282 [혜택]M포인트 사용처 페이지 리뉴얼 작업 요청의 건(PC웹) - 추가 */

/* 2024-02-20 Q10962 웹접근성 명도대비 */
.mpoint_store .tab_container.border_type .tab_default a{ border-color: #f5f5f5; color: #707070;background: #f5f5f5; font-weight: 700;}
.mpoint_store .tab_container.border_type .tab_default a.current{ border-color: #000; color: #fff;background: #000;}


/* s : 2022-11-30 Q10962 [혜택] M포인트 사용처 내 M포인트 자동사용 컨텐츠 제작 요청 건 */
.sub_benefit .list05 { display: flex; }
.sub_benefit .list05 .item { width: 38%; height: 200px; margin-top: 70px; }
.sub_benefit .list05 .item:nth-child(n+3) { width:24%; }
.sub_benefit .list05 .item .box_icoimg { width:80px; }
.sub_benefit .list05 .item .h3_b_lt { margin-top:20px; }

.sub_mpoint .box_intall_pay01 { margin-top: 52px; border-top: 2px solid #000; }
.sub_mpoint .box_intall_pay01 .box_info + .box_info { border-top: 1px solid #ebebeb; }
/* .sub_mpoint .box_intall_pay01.type1 { border-bottom: 1px solid #ebebeb; } */
.sub_mpoint .box_intall_pay01.bt_none { border-top:none; }
/* .sub_mpoint .box_intall_pay01.mpoint_auto .box_info { display: flex; align-items: center; justify-content: space-between; padding:37px 24px 41px; } */
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info { display: flex; align-items: center; justify-content: space-between; padding:20px 24px; }
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info::after { display: none; }
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info .input_cell_check01 > .h4_b_lt { padding-left:0; }
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info .input_cell_check01 > .h4_b_lt.active::after { display: inline-block; line-height:20px; padding:2px 8px; margin:-4px 0 0 9px; border-radius:12px; color:#fff; background:#000; content: "이용 중"; vertical-align: middle; font-size:14px; } /* 2025-05-29 Q11817 '사용중 -> 이용 중' 문구 수정 */
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info .input_cell_check01 .p2_m_1ln + .fc_m_link { display:inline-block; margin-top:4px; }
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info .list_sel_inp >li { width: 120px; }
/* e : 2022-11-30 Q10962 [혜택] M포인트 사용처 내 M포인트 자동사용 컨텐츠 제작 요청 건 */

/* 2023-04-13 Q10552 자동사용 컨텐츠 */
/* toggle_btn*/
.gift_toggle { margin-top:64px; }
.gift_toggle .p2_m_lt_1ln { float: left; }
.gift_toggle .link_wrap { float: right; }
.gift_toggle::after { display: block; clear: both; content: ''; }
.gift_point { padding:14px 24px; margin-top:12px; }
.gift_point .toggle_wrap { display: inline-flex; align-items: center; cursor: pointer; gap:0.5rem; }
.gift_point .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; }
.gift_point .btn_toggle::after { position: relative; display:block; width:48px; height:28px; border-radius:22px; content: ""; }
.gift_point .btn_toggle::before { position: absolute; top:2px; left:3px; width:24px; height:24px; border-radius:50%; background: #fff; content: ""; transition: left 250ms linear; }
.gift_point .btn_toggle:checked::before { left:22px; background:#fff; transition: left 250ms linear; }
/* //2023-04-13 Q10552 자동사용 컨텐츠 */

/* 2024-05-02 giftPoint */
.gift_title { position: relative; margin-top:64px; }
.gift_title .sub_tit { margin-top:16px; font-size:20px; }
.gift_title .img { position: absolute; top:-50px; right:0; }
.gift_line { padding-top:44px; margin-top:100px; border-top:1px solid #e0e0e0; }
.gift_gray { color:#5e5e5e !important; }

/* 2023-06-12 GGU477 [혜택] 알뜰교통카드 신청안내 신규페이지 제작, GNB추가(PC) */
.thriftyTransportationCard_sec1 { padding: 40px 0; margin-top: 48px; }
.thriftyTransportationCard_sec1 .flex_column { position: relative; }
.thriftyTransportationCard_sec1 .flex_column::after { position: absolute; top: 65px; right: -152px; display: block; width: 32px; height: 32px; background: url('/docfiles/resources/pc/images/common/icon/w32/ArrowB_Forward_gry.png') no-repeat 0 0; background-size: 32px 32px; content: ''; }
.thriftyTransportationCard_sec1 .flex_column:last-child:after { display: none; }
.thriftyTransportationCard_quide { display: flex; justify-content: space-between; }
.thriftyTransportationCard_quide > li { position: relative; width: 250px; }
.thriftyTransportationCard_quide > li::after {position: absolute; top: 88px; right: -48px; display: block; width: 32px; height: 32px; background: url('/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_Forward_gry20.png') no-repeat 0 0; background-size: 32px 32px; content: ''; }
.thriftyTransportationCard_quide > li:last-child::after { display: none; }
.thriftyTransportationCard_quide > li > p { position: relative; padding-left: 22px; margin-top: 16px; }
.thriftyTransportationCard_quide > li > p .num { position: absolute; top: 3px; left: 0; display: inline-block; width: 16px; height: 16px; line-height: 16px; border-radius: 16px; color: #fff; background-color: #000; text-align: center; font-size: 12px; font-weight: 500; }
.thriftyTransportationCard_quide > li > p .txt01 { letter-spacing: -0.3px; }

/* 2023-06-07 Q10552 알뜰교통카드 추가 */
.save_card { margin-top:52px; text-align: center; }
.save_card img { width:180px; height:284px; }
.save_boxs { position: relative; display: flex; align-items: center; justify-content: space-between; width:100%; height: 72px; padding: 0 24px 0 135px; margin-top:52px; border-radius: 8px; background-color: #f5f5f5; }
.save_boxs::before { position:absolute; top:20px; left:24px; width: 95px; height: 30px; background: url(/docfiles/resources/pc/images/card/icon_savecard.png)no-repeat 50%; background-size: 95px 30px; content: ''; }

/* 2024-04-15 GGU282 - 알뜰교통카드 → K-패스 */
.kpass_boxs { position: relative; display: flex; align-items: center; justify-content: space-between; width:100%; height: 72px; padding: 0 24px 0 74px; margin-top:52px; border-radius: 8px; background-color: #f5f5f5; }
.kpass_boxs::before { position:absolute; top:19px; left:24px; width: 34px; height: 34px; background: url(/docfiles/resources/pc/images/ben/ico_kpass.png)no-repeat 50%; background-size: 34px 34px; content: ''; }

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


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

/* 2024-03-07 GGU282 - 알뜰교통 기능 신청 추가 (from card.css : .card_wrap → .save_card_list) */
/* 카드 선택 슬라이드 */
.save_card_list {position:relative;display:flex;justify-content:center;min-height:308px;margin-top:52px;}
.save_card_list img {width:100%;}
.save_card_list .list {position:relative;overflow:hidden;width:578px;padding:0 45px 24px;}
.save_card_list .con {display:flex;justify-content:flex-start;}
.save_card_list .items {display:inline-block;min-width:90px;max-width:90px;text-align:center;}
.save_card_list .items .img {position:relative;}
.save_card_list .items .img img {width:180px;max-width:180px;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.08);transform:scale(0.5);transform-origin:left center;}
.save_card_list .items.active {margin-left:154px;}
.save_card_list .items + .items {margin-left:64px;}
.save_card_list .active {flex:1 0 180px;min-width:180px;margin-top:0;}
.save_card_list .active .img img {box-shadow:0 0 2px 0 rgba(0,0,0,0.24);transform:scale(1);transform-origin:center center;}
.save_card_list .controls {position:absolute;top:114px;left:calc(50% - 345px);width:690px;}
.save_card_list .controls .prev {position:absolute;left:0;width:56px;background:none;transform:rotate(180deg);}
.save_card_list .controls .next {position:absolute;right:0;width:56px;background:none;}
/* //2024-03-07 GGU282 - 알뜰교통 기능 신청 추가 (from card.css : .card_wrap → .save_card_list) */


/* 2024-03-28 Q20542 M혜택, X혜택 ui변경 건 */
.benefit_list .items .img{display: flex;justify-content: center; width: 80px;height: 80px;box-sizing: border-box;border:1px solid #d6d6d6;border-radius: 10px;background-color: #fafafa;}
.m_point_banner{border-radius: 6px;background-color: #ebf3fe;}/* 2024-04-08 Q20542 수정 */
.m_point_banner > .textbico_larg {background-position-x: 99.5% !important;}/* 2024-04-15 Q20542 추가 */
.m_point_banner > a {display: flex;width: 100%;padding-top: 12px;padding-bottom: 12px;}/* 2024-04-15 Q20542 수정 */
.m_point_banner > a > .img {width: 32px;height: 32px;margin-right: 12px;}/* 2024-04-15 Q20542 수정 */
    /* 2024-04-08 Q20542 추가 */
.bene_list{justify-content: space-between !important;}
.bene_list2{display: flex;justify-content: space-between;min-width: calc(100% - 33.333%);}
.bene_list .bene_items{flex: none !important;min-width: auto !important;}
/* // 2024-03-28 Q20542 M혜택, X혜택 ui변경 건 */

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

/* 2024-05-03 Q20542 마일리지 긴급적립 신청 프로세스 내 선지급포인트 이용약관 건 */
.ponit_table150{line-height: 17px;margin-top: 5px;font-size: 13px;}
.ponit_table150 tr{border: 1px solid #ccc;}
.ponit_table150 thead tr th, .ponit_table150 tbody tr td{box-sizing: border-box;padding: 3px;border-right: 1px solid #ccc;}
.ponit_table150 tbody tr td{font-weight: normal;}
.ponit_table150 tbody tr:last-child td{border-right: 0;font-weight: 500;}
/* // 2024-05-03 Q20542 마일리지 긴급적립 신청 프로세스 내 선지급포인트 이용약관 건 */

/* 2024-06-21 Q20662 [이벤트] AMEX Ed2 신라인터넷면세점 제휴 프로모션 신규제작 건 */
.sub_event .ev_icobox.longtxt .ev_icolist li + li {margin-left: 60px;}
.sub_event .ev_icobox.longtxt .ev_icolist li + li::before {left: -45px;}
/* 2024-06-21 Q20662 [이벤트] AMEX Ed2 신라인터넷면세점 제휴 프로모션 신규제작 건 */

/* 2024-06-21 Q20542 M혜택_M포인트 교환 서브메인 페이지 및 Gift 카드 구매 UI개선 건 */
.ben_pointbox_change_wrap{margin-top: 48px;}
.ben_pointbox_change_area{position: relative;padding-bottom: 20px;border-bottom: 1px solid #000;}
.ben_pointbox_change_wrap > .ben_pointbox_change_area > p:last-of-type{color: #0082ca;}
.ben_pointbox_change_wrap > .ben_pointbox_change_area > p:last-of-type > img{width: 24px;height: 24px;}

.mpoint_change_badge_area{display: inline-block;height: 20px;padding: 0 6px;margin-left: 4px;border-radius: 40px;color: #fff;background-color: rgba(0, 0, 0, 0.48);}

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

[class^="bul_"][class*="list05"] > li, [class^="dash_"][class*="list05"] > li{line-height: 26px;font-size: 18px;}
.ben_table tbody td > ul.flex{display: flex;width: 100%;}
.ben_table tbody td > ul.flex li{width: 50%;}
.ben_table tbody td > ul.flex li, .ben_table tbody td > ul.flex li > ol {padding-top: 16px;}
.ben_table tbody td > ul.flex ol > li {width: 100%;padding: 16px 0;border-top: 1px solid rgba(0, 0, 0, 0.08);}

/* 2024-06-27 Q20542 M혜택_M포인트 교환 서브메인 페이지 및 Gift 카드 구매 UI개선 추가 */
.w100per{width: 100% !important;}
.sub_benefit.m_benefit .content > .box_top_tit .point_box.mpoint_wrap{width: calc(100%/2);margin-left: 0 !important;}
.sub_benefit.m_benefit .content > .box_top_tit .point_box.mpoint_wrap > .mpoint_wrap_left{display: flex;align-items: center;}
.sub_benefit.m_benefit .content > .box_top_tit .point_box.mpoint_wrap > .mpoint_wrap_left .box_tooltip{width: 272px;padding: 4px 8px;margin-right: -135px;color: #fff;background: #000;}
.sub_benefit.m_benefit .content > .box_top_tit .point_box.mpoint_wrap > .mpoint_wrap_left .box_tooltip::after{border-color: #000 transparent transparent transparent;}
.sub_benefit.m_benefit .content > .box_top_tit .point_box.mpoint_wrap > .mpoint_wrap_left .box_tooltip .inner_tooltip {color: #fff;}

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

/* 2024-08-30 GGCP31 바우처 아코디언 간격수정 공통, 타이틀이 있는 아코디언 */
/* .box_voucher_detail .item_voucher_use .name_voucher_use.small_accod + .conts_voucher_use { padding-left: 16px; }
.name_voucher_use.small_accod + .conts_voucher_use .tbl_type1 table.first_pl24 th:nth-of-type(1),
.name_voucher_use.small_accod + .conts_voucher_use .tbl_type1 table.first_pl24 td:nth-of-type(1) { padding-left: 8px !important;}
.prem_conts .accodWrap2 .accodConts { padding-top: 0; } /* 2024-08-30 GGCP31 the Green Edition2 the Green 바우처 * /
.prem_conts .accodWrap2 .accodBtn { padding-left:24px; }
.prem_conts .accodWrap2 .accodConts { padding-left:16px; } */

.box_voucher_detail .item_voucher_use .name_voucher_use .voucherUseBtn {padding-left:0;}
.box_voucher_detail .item_voucher_use .name_voucher_use.small_accod .voucherUseBtn {padding-left:0;}
.box_voucher_detail .item_voucher_use .conts_voucher_use {padding-left:24px;}
.box_voucher_detail .item_voucher_use .conts_voucher_use .tbl_type1 {margin-left:0;}
.box_voucher_detail .item_voucher_use .conts_voucher_use .tbl_type1 th:first-child {padding-left:0;}

.prem_conts .bd_t2_000 .accodWrap2 .accodBtn { padding-left:24px; } /* the Green Edition2 the Green 바우처 */
.prem_conts .bd_t2_000 .tbl_type1 { padding-left:24px; } /* the Green Edition2 the Green 바우처 */
.prem_conts .bd_t2_000 .tbl_type1 th:first-child { padding-left:0; }
/* .prem_conts .bd_t2_000 .accodWrap2 .accodConts { padding-top:0; padding-left:24px; } the Green Edition2 the Green 바우처 */
.prem_conts .accodWrap2 .accodConts .tbl_type1.bd_t1_a08 { padding-left:24px; } /* the Red 바우처 */
.prem_conts .accodWrap2 .accodConts .tbl_type1 { padding-left:24px; } /* the Red 바우처 제휴 브랜드 할인탭 할인 대상처 */
.prem_conts .accodWrap2 .accodConts.not_tbl { padding: 24px; } /* 테이블이 아닌 아코디언 내부 패딩, the pink */
.prem_conts._red .accodWrap2 .accodConts .tbl_type1 th:first-child { padding-left:0; }
.prem_conts .accodWrap2 .tbl_type1 table th:first-child { padding-left:0; }
/* //2024-08-30 GGCP31 바우처 아코디언 간격수정 공통, 타이틀이 있는 아코디언 */
/* 2024-09-04 GGCP31 바우처 아코디언 간격수정 */
.box_voucher_detail .h3_b_lt ~ .item_voucher_use .name_voucher_use.small_accod .voucherUseBtn  { padding-left:24px; }
.box_voucher_detail .bd_t2_000 .tbl_type1 { padding-left:24px; }
.box_voucher_detail .bd_t2_000 .tbl_type1 th:first-child { padding-left:0; }

/* 2024-09-12 Q20542 [혜택] M혜택_M포인트 연회비 결제 UI개선,탭추가(MO만) 및 문구 수정 */
.sub_mpoint .box_intall_pay01.mpoint_auto .box_info.type1{align-items: flex-start;}
.sub_mpoint .box_intall_pay01 .mpannual_notice_area{margin-top: 160px;margin-bottom: 160px;}

/* 2024-10-15 GGU282 - [혜택] 해외이용혜택 서브메인 UI개선 및 콘텐츠 수정(탭화면분리 등) 추가 */
.sub_overseas .accodSlide { display:none; }

/* 검은색 동그라미 숫자 스타일 */
.sub_overseas .blk_num_list {margin-top:12px;counter-reset:num;}
.sub_overseas .blk_num_list > li { position:relative; padding-left: 28px; counter-increment:num; font-weight:500; }
.sub_overseas .blk_num_list > li:before { position:absolute; top:3px; left:0; display:inline-block; width:20px; height:20px; line-height:19px; border-radius:50%; color:#fff; background:#000; content:counter(num); text-align:center; font-size:12px; font-weight:500; }
.sub_overseas .blk_num_list > li + li { margin-top:12px; }
.sub_overseas .blk_num_list > li .sub_txt { margin-top:8px; }

.sub_overseas .blk_num_list2 {counter-reset:num;}
.sub_overseas .blk_num_list2 > li {position:relative; padding-left:22px; counter-increment:num; font-size:14px; font-weight:500; line-height:22px;}
.sub_overseas .blk_num_list2 > 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:12px; font-weight:500;}
.sub_overseas .blk_num_list2 > li + li {margin-top:6px;}
.sub_overseas .blk_num_list2.fc_m_a64 li {color:#5c5c5c;}

/* 쇼핑 · 여행 혜택 */
.overseas_intro1 {display:flex; justify-content:space-between; align-items:center;}
.overseas_intro1 .box_left {min-width:390px;}
.overseas_intro1 .qr_box {display:flex; justify-content:space-between; align-items:center; width:365px; padding:20px; background-color:#fafafa;}
.overseas_intro1 .qr_box .txt_box {flex:1 1 0; margin-right:5px;}
.overseas_intro1 .qr_box .txt_box img {vertical-align:middle;}
.overseas_intro1 .qr_box .img_box {flex:0 0 65px;}
.overseas_intro1 .list_thumbs {display:flex; justify-content:flex-start;}
.overseas_intro1 .list_thumbs li {width:280px;}
.overseas_intro1 .list_thumbs li + li {margin-left:60px;}
.overseas_intro1 .list_thumbs li .img_box {margin-bottom:20px;}

.overseas_intro2 .box_items {display:flex;}
.overseas_intro2 .box_items > div {flex:1 1 0;}
.overseas_intro2 .box_items .img_box img {width:122px; height:auto;}

/* 등급별 혜택 목록 */
.classben_list > ul {border-top:1px solid rgba(0,0,0,0.4);}
.classben_list > ul > li {position:relative; display:flex; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.04);}
.classben_list > ul > li .cont2 {margin:0 24px;}
.classben_list > ul > li .cont2 .classben_ico + .classben_ico {margin-left:4px;}

/* 아코디언 */
.sub_overseas .accod_list {border-top:2px solid #000;}
.sub_overseas .accod_list .box_tit {position:relative;}
.sub_overseas .accod_list .accodWrap {border-bottom:1px solid rgba(0,0,0,0.08);}
.sub_overseas .accod_list .accodWrap .accodBtn {display:block; width:100%; padding:21px 66px 21px 24px;}
.sub_overseas .accod_list .accodBtn:after { position: absolute; top:20px; right:24px; 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 {background:rgba(0,0,0,0.02);}
.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:7px 66px 24px 24px;}
.sub_overseas .accod_list .accodSlide > .box_bul ul {padding-top:1px; padding-bottom:1px;}
.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);}
/* //2024-10-15 GGU282 - [혜택] 해외이용혜택 서브메인 UI개선 및 콘텐츠 수정(탭화면분리 등) 추가 */

/* 마일리지 긴급 적립 Edition2 */
.mileage_select .box_select.active .drop_link a{ border: 2px solid #000;}
.mileage_select .list_sel_inp > li .box_select a{background-color: transparent; overflow: inherit;}
.mileage_select .list_sel_inp > li .box_select a:before{display: none;}
.mileage_select .list_sel_inp > li .box_select .drop_link:before{z-index: 1;}
/* .mileage_select .list_sel_inp > li input + label .tit01{color:#aaa;}
.mileage_select .list_sel_inp > li input:checked + label .tit01{color:#000;} */
.mileage_box{ display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; border-radius: 8px; background: #f5f5f5;}
.mileage_box .won{ margin-left: 1px; font-size:21px; font-weight: 800; line-height: 32px;}

/* 2025-03-12 Q11793 추가 [혜택] 실적충족조회 화면 개선 */
/* PC_CPBSR0901_01 실적 상세 내역 버튼 추가 */
.use_perform .chart_btn {display:block;text-align:center;margin: 16px 0 8px;}
/* PC_CPBSR0901_02 실적 상세 내역 신규 페이지*/
.detail_content {width: 792px;margin:52px auto 0;}
.detail_content .tabs {display: flex;justify-content: flex-start;}
.detail_content .tabs > .tab {display:flex;align-items:center;padding: 9px 12px;border-radius: 20px;background-color:rgba(0, 0, 0, 0.04);color:rgba(0, 0, 0, 0.48);}
.detail_content .tabs > .tab.active {background-color:#000;}
.detail_content .tabs > .tab.active > span{color:#fff;}
.detail_content .main_tab_box {margin-top: 52px;}
.detail_content .sub_tabs {display: flex;justify-content: flex-start;padding: 15px 0;margin-top:49px;}
.detail_content .sub_tab{position: relative;}
.detail_content .sub_tab:first-child {padding-right: 25px;}
.detail_content .sub_tab:first-child::after {content: "";display: block;position: absolute;right: 12px;top:6px;width: 1px;height: 12px;background-color: rgba(0, 0, 0, 0.12);}
.detail_content .sub_tab.active > span{color: #000; font-weight:700;}
.detail_content .detail_summary {padding:24px;border-radius:12px;background-color: rgba(0, 0, 0, 0.04);}
.detail_content .detail_summary_item {display: flex;justify-content: space-between;padding: 8px 16px; align-items: center;}
.detail_content .detail_summary_item:not(:first-child) .detail_summary_tit {text-indent: -5px;}

.detail_content .detail_list_wrap {margin-top:20px;border-top:1px solid #949494;}
.detail_content .detail_list_item {padding:20px 24px;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 {margin-top:8px;}
.detail_content .detail_list_subinfo > span {display: inline-block;position: relative;padding-right:18px;}
.detail_content .detail_list_subinfo > span::after{content: "";display: inline-block;position: absolute;top:9px;right:6px;width: 2px;height: 2px;
background-color: rgba(0, 0, 0, 0.4);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: 320px;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

/* 2025-04-23 Q11855 */
#mpoint_store .top_wrap .sec_list_wrap{width: 100%;}
#mpoint_store .top_wrap{flex-direction: column;}
#mpoint_store .benefit_searhc_wrap{display: flex; justify-content: center; width: 100%;}
#mpoint_store .benefit_search_box{display: flex; justify-content: space-between; align-items: center; width: 508px; border: 1px solid #ccc; border-radius: 4px; padding: 12px;}
#mpoint_store .benefit_search_box input{width: calc(100% - 30px); height: 22px; line-height: 22px; font-size: 16px; outline: none;}
#mpoint_store .benefit_search_box button{display: block; width: 24px; height: 24px; background-image: url('/docfiles/resources/pc/images/ben/icon_benefit_search.png'); background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center; cursor: pointer; outline: none;}
#mpoint_store #storeCate a{border: 0;padding: 10px 12px; margin-top: 0; height: auto; letter-spacing: -0.0005em; outline: none;}
.sub_benefit #mpoint_store .list02{justify-content: start;}
.sub_benefit #mpoint_store .list02 > li{width: 33.33%; position: relative;}
.sub_benefit #mpoint_store .list02.more_type li:after{content:''; display: inline-block; position: absolute; bottom: 0; left: 0; width: 348px; height: 1px; background-color: rgba(0, 0, 0, 0.04);}
.sub_benefit #mpoint_store .list02.more_type li.noline:after{display: none;}
.sub_benefit #mpoint_store .list02.more_type li .item{border: none;}
#mpoint_store .benefit_more_btn{display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 48px; background-color: rgba(0, 0, 0, 0.08); border-radius: 8px;}
#mpoint_store .search_nobox {padding: 80px 0 56px;}

#mpoint_store .tab_head{min-height: 40px;}
#mpoint_store .tab_head.fixed .tab_container{position: fixed; left: 0; top: 96px; z-index: 9; width: 100%; background-color: #fff; padding: 8px 0;}
#mpoint_store .tab_head.fixed .tab_con{max-width: 1200px; width: 100%; margin: 0 auto;}

/* 2025-04-29 Q11855 */
.cashnote_membership.sub_mpoint .box_intall_pay01{border-top: none; border-bottom: 1px solid #000;}
.cashnote_membership.sub_mpoint .box_intall_pay01.mpoint_auto .box_info{padding: 0 0 14px 0;}
.membership_card_list{border-bottom: 1px solid #ebebeb;}
.membership_card_li{display: flex; padding: 20px 24px;}
.membership_card_li h4{width: 204px;}
.membership_card_li p{width: calc(100% - 204px);}
.mpoint_auto .input_cell_check01 .h3_b_lt.use::after{display: inline-block; line-height:20px; padding:2px 8px; margin:-4px 0 0 9px; border-radius:12px; color:#fff; background:#000; content: "이용 중"; vertical-align: middle; font-size:14px;} /* 2025-05-29 Q11817 '사용중 -> 이용 중'문구수정 */
.mpoint_auto .input_cell_check01 .h3_b_lt.use2::after{display: inline-block; line-height:20px; padding:2px 8px; margin:-4px 0 0 9px; border-radius:12px; color:#fff; background:#000; content: "이용 중"; vertical-align: middle; font-size:14px;} /* 2025-05-29 Q11817 '사용중 -> 이용 중'문구수정 */

/* 2025-05-22 Q11855 */
.mpoint_img_warp{display: flex; gap: 16px; align-items: center;}
.mpoint_img_box{display: inline-flex; width: 56px; height: 56px; border-radius: 56px; overflow: hidden; border: 1px solid rgba(0, 0, 0, .12);}

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

/* 2025-06-27 GGU477 [혜택] 정부지원 사업 소비쿠폰 신청 신규 제작 */
.pd_y18 {padding: 18px 0 !important;}
.GVC2025_intro {margin-top: 113px;}
.GVC2025_intro .img_area {text-align: center;}
.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;}
.top_fullArea_type {width: 100%; height: 120px; margin-bottom: 52px;}
/* .top_fullArea_type .title_area_GVC2025 {width: 996px; height: 120px; margin: 0 auto; padding-top: 38px; background: url(/docfiles/resources/pc/images/ben/logo_GVC2025_w160.png) no-repeat right 10px;} */ /* 2025-09-04 GGU477 1차 때 UI */
.top_fullArea_type .title_area_GVC2025 {width: 996px; height: 120px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: url(/docfiles/resources/pc/images/ben/logo_GVC2025_w160.png) no-repeat center right; background-size: 120px auto;} /* 2025-09-04 GGU477 2차 UI 수정 */
/* 체크박스 동의 영역 - 아코디언 타입 */
.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_infoComplete01 {margin-top: 52px;}
.popGVC2025_infoComplete01 .img {width: 114px; height: 114px; margin: 0 auto;}
.view_table dl.edit-location-show {display: none;}
.view_table.edit-location-mode .edit-location-hidden {display: none;}
.view_table.edit-location-mode .edit-location-show {display: flex;}
/* .view_table.GVC2025 dd {font-weight: 500;} */
.view_table.GVC2025 .edit-location-show dt, 
.view_table.GVC2025 .edit-location-show dd {font-weight: 700; color: #000;}
#listContent.GVC2025.view_table .tit1 {font-weight: 700; color: #000;}
#listContent.GVC2025.view_table.edit-location-mode .tit1 {font-weight: 500; color: #5c5c5c;}
.GVC2025_txtBox1 .graybox {background: rgba(0, 0, 0, 0.04); padding: 16px 24px; 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: 8px;}
#popKakaoCert.modal_pop .valid .kakao_logo {background: url(/gpcc/pc/images/icon_kakaologo.png) no-repeat center center; background-size: 60px 60px; width: 60px; height: 60px; margin: 36px auto 16px;}
#kakaoErrorPop.modal_alert .box_solid02{padding:16px; border-radius:8px; background:#f5f5f5; text-align:left;}
.gvc2025_pop_address_box{display: flex; align-items: center; justify-content: center; padding: 20px 12px; margin-top: 20px; 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;} /* 2025-09-08 GGU477 padding, margin-top 수정 */
.popConsumptionCoupon .grayBox {padding: 12px; background-color: rgba(0, 0, 0, 0.04); border-radius: 8px;}
.popConsumptionCoupon .grayBox table thead th {padding: 12px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.popConsumptionCoupon .grayBox table td {padding: 11px 12px; text-align: center;}
/*사용처 조회*/
.w71 {width: 71px;}
.w75 {width: 75px;}
.sub_benefit .box_search_result table.table_type2 th {padding: 21px 10px 21px 10px;}
.sub_benefit .box_search_result table.table_type2 td {padding: 21px 10px 21px 10px; border-bottom: none;}
.sub_benefit .box_search_result table.table_type2 th:nth-child(1), .sub_benefit .box_search_result table.table_type2 td:nth-child(1) {padding-left: 30px;}
.sub_benefit .box_search_result table.table_type2 th:last-child, .sub_benefit .box_search_result table.table_type2 td:last-child {padding-right: 30px;}
.sub_benefit .box_search_result table.table_type2 tr:not(:first-child) {border-top: 1px solid rgba(0, 0, 0, 0.08);}
.sub_benefit .box_search_result table.table_type2 .flex {display: flex; justify-content: space-around; align-items: center; gap: 12px;}

/* 2025-07-15 Q11955 소상공인 부담경감 크레딧 사용내역 */
.radio_txt{display: flex;margin-top: 12px;padding-bottom: 12px;}
.radio_txt > li{position: relative;}
.radio_txt > li + li{margin-left: 12px;padding-left: 13px;}
.radio_txt > li + li::before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;background-color: #f1f1f1;transform: translateY(-50%);}
.radio_txt label{padding: 16px 0 14px;margin: 6px 0;font-size: 16px;line-height: 22px;color: #5c5c5c;display: inline-block;cursor: pointer;}
.radio_txt input[type="radio"]:checked + label{color: #000; font-weight: 700;}

/* 2025-08-22 GGU477 [혜택] 정부지원_특별소비쿠폰, 민생 소비쿠폰 2차 제작 */
/* 안내 */
/* 2025-10-13 GGU477 2차 안내페이지 상단 디자인 수정 s */
/* .top_fullArea_type .title_area_GVC2025.type_2nd {padding-top: 0; margin-top: 6px; background: url(/docfiles/resources/pc/images/ben/logo_GVC2025_w160.png) no-repeat center right; background-size: 120px auto;}
.top_fullArea_type .title_area_GVC2025.type_2nd .box_top_tit {padding: 10px 0;} */
.top_fullArea_type.type_2nd {height: 152px;}
.top_fullArea_type.type_2nd .title_area_GVC2025 {height: auto; background: url(/docfiles/resources/pc/images/ben/logo_GVC2025_w120@2.png) no-repeat right 71px; background-size: 120px auto;}
.top_fullArea_type.type_2nd .title_area_GVC2025 .box_top_tit {margin-top: 64px;}
/* //2025-10-13 GGU477 2차 안내페이지 상단 디자인 수정 e */
.GVC2025_tab_area {position: relative;}
.GVC2025_tooltip1 {position: absolute; left: 54%; bottom: 51px;}
.GVC2025_tooltip1 .inner {background-color: #000; padding: 4px 8px; border-radius: 8px; display: inline-block; position: relative;}
.GVC2025_tooltip1 .inner::after {content: ''; position: absolute; bottom: -4px; left: 40%; width: 0; height: 0; border: 4px solid transparent; border-bottom: 0; margin-left: -4px; margin-top: -4px; border-top-color: #000;}
.GVC2025_tooltip1 .inner p {color: #fff;}
#popGVC2025_2nd_ev01 .coupon_box_wrap {width: 327px; height: 154px; margin: 25px auto 0; padding: 24px 0 18px; background: url(/docfiles/resources/pc/images/ben/img_GVC2025_2nd_coupon_bg.png) no-repeat center / contain;}
#popGVC2025_2nd_ev01 .coupon_box_inner {margin: 0 auto;}
#popGVC2025_2nd_ev01 .coupon_box_inner .txt_amount {color: #003964; text-align: center; font-weight: 700; margin-top: 6px; margin-bottom: 10px;}
#popGVC2025_2nd_ev01 .coupon_box_inner .txt_amount .num {display: inline-block; font-size: 34px; font-family: 'YouandiNewKr'; line-height: 44px;}
#popGVC2025_2nd_ev01 .coupon_box_inner .txt_amount .won {font-size: 29px; line-height: 36px;}
#popGVC2025_2nd_ev01 .coupon_box_inner .img_logo {width: 177px; height: auto; margin: 0 auto;}
/* 사용내역조회 */
.banner_GVC2025ev01 {background-color: #f0f6ff; padding: 21px 24px; margin-top: 48px;  display: flex; justify-content: space-between; align-items: center; color: #000; border-radius: 8px;}
.banner_GVC2025ev01 .txt1 {color: #003964;}
.banner_GVC2025ev01 .img {width: 120px; height: auto;}
.box_GVC2025_pay_detail {margin-top: 20px; padding-left: 16px; border-left: 1px solid rgba(0, 0, 0, .08);}
.box_GVC2025_pay_detail .list {display: flex; justify-content: space-between; align-items: center; color: rgba(0, 0, 0, .64);}
.box_GVC2025_pay_detail .list + .list {margin-top: 20px;}
/* 신청내역 조회 */
.type_gvc2025.accodWrap .accodBtn {display:block;padding:16px 0;font-size:24px;font-weight:700;line-height:32px;position:relative; border-top: 2px solid #000; padding-left: 24px;}
.type_gvc2025.accodWrap .accodBtn span {font-size: 20px; font-weight: 500; line-height: 26px;}
.type_gvc2025.accodWrap .accodBtn::after {content:'';position:absolute; top:50%; right:20px; transform:translateY(-50%);width:32px;height:32px;background:url(/docfiles/resources/pc/images/common/icon/w24/ico_arrowB_down.png) no-repeat center;background-size:34px;transition:transform .3s;}
.type_gvc2025.accodWrap.on .accodBtn::after {transform:translateY(-50%) rotate(180deg);}
.type_gvc2025.accodWrap .accodSlide .view_table {border: none;}
.type_gvc2025.accodWrap .accodSlide .view_table dt {font-size: 18px;}
.type_gvc2025.accodWrap .accodSlide .view_table dd {font-size: 18px;}
.type_gvc2025.accodWrap.on .accodBtn {background-color: #f5f5f5;}
.type_gvc2025.accodWrap.on .accodBtn span {font-weight: 700;}
.type_gvc2025.accodWrap.on .view_table {background-color: #f5f5f5; border-radius: 0;}

/* 2025-08-25 GGU477 [혜택] M혜택_온라인 멤버십 M포인트 자동사용 문구,UI수정,기능추가 */
.olSubscription_mpAuto_wrap {margin-top: 32px;}
.olSubscription_mpAuto_wrap .box_intall_pay01.mpoint_auto {margin-top: 14px;}
.olSubscription_mpAuto_wrap .mpoint_auto > .box_info > .input_cell_check01 > p > span  {display: block; position: relative; padding-left: 9px; line-height: 26px;}
.olSubscription_mpAuto_wrap .mpoint_auto > .box_info > .input_cell_check01 > p > span::before {content: ''; display: inline-block; position: absolute; top: 12px; left: 1px; width: 2px; height: 2px; background: rgba(0,0,0,0.4); border-radius: 100%;}
.olSubscription_mpAuto_wrap .mpoint_auto > .box_info > .input_cell_check01 > p > span + span {margin-top: 8px;}

/* 2025-10-16 GGU477 [혜택] 보유 포인트_대한항공 마일리지 내 연회비 마일리지 결제 프로세스 추가(PC) */
.box_benefit .right_column .krAir_annualFee_use {margin-top: 32px; border-radius: 12px; border: 1px solid #ddd; padding: 32px;}
.box_benefit .right_column .krAir_annualFee_use .switch_area {background: rgba(0, 0, 0, 0.04); margin-top: 12px; padding: 17px 20px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;}
.box_benefit .right_column .krAir_annualFee_use .card_info {display: flex; align-items: center; margin-top: 24px;}
.box_benefit .right_column .krAir_annualFee_use .card_info .img {width: 64px; height: 64px; margin-right: 16px; text-align: center;}
.box_benefit .right_column .krAir_annualFee_use .card_info .img img {width: auto; height: 64px;}
.right_column .view_con#daehan:before {left: 0; width:100%;}
.right_column .view_con#daehan > li .cel_list {padding-left: 12px;}
.right_column .view_con#daehan > li + li {border-top: 1px solid rgba(0, 0, 0, 0.08);}
/* switch btn - card.css 동일코드 */
.switch_btn label{display:block;width:48px;height:28px;background:#e0e0e0;border-radius:20px;position:relative;transition:background .7s}
.switch_btn label:after{content:'';position:absolute;width:24px;height:24px;display:block;border-radius:100%;background:#fff;left:2px;top:2px;transition:left .5s}
.switch_btn input:checked + label{background:#000;transition:background .7s}
.switch_btn input:checked + label:after{left:22px;transition:left .5s}

/* 2025-10-29 Q11792 - [혜택] 모바일 이용권 자동 교환 프로세스 신규제작(M혜택 메인 포함) */
.box_btn a.w49,
.box_btn button.w49 {min-width:49px !important;}
.box_btn a.bd_r8,
.box_btn button.bd_r8 {border-radius: 8px !important;}
.input_cell input[class*="input_txt"].w120 {width: 120px !important;}
.inBlock {display: inline-block !important;}
.bg_bk_a08 {background-color: rgba(0, 0, 0, 0.08) !important;}
[class*="dpfx"][class*="_align_s"]{align-items: flex-start !important;}
.list_type_imgtxt {display: flex; gap: 48px; row-gap: 24px; flex-wrap: wrap;}
.list_type_imgtxt .item {width: calc(50% - 24px);}
.list_type_imgtxt .item .item_in {display: flex; gap: 16px; flex-direction: column;}
.list_type_imgtxt .item .img_area {width: 100%; height: 156px; padding: 10px 0; position: relative; display: flex; justify-content: center; align-items: center;}
.list_type_imgtxt .item .img_area.type_bg {background: rgba(217, 217, 217, 0.3); border-radius: 10px;}
.list_type_imgtxt .item .img_area .img {width: auto; height: 62px;}
.list_type_imgtxt .item .img_area.img_h90 .img {height: 90px;}
.list_type_imgtxt .item .txt_area {position: relative; flex: 1; margin-top: 14px;}
.list_type_imgtxt .item .txt_area .btn_tooltip01 {display: inline-block; vertical-align: top; margin-top: -1px;}
.list_type_imgtxt .item .btn_area {margin-top: 7px;}
.list_type_imgtxt .item .btn_area [class^="btn"][class*="_outline"]{border-color: #DEE4EC;}
.list_type_imgtxt .item .btn_area_rt {position: absolute; right: 0; top:0px;}
.list_type_imgtxt .item .ico.w22 {width:22px; height:22px; background-size:22px 22px !important; mask-size:22px 22px; -webkit-mask-size:22px 22px;}
.list_type_imgtxt .item.type_row .item_in {flex-direction: row; align-items: center;}
.list_type_imgtxt .item.type_row .img_area {width:156px;}
.list_type_imgtxt .item.type_row .txt_area {display: flex; justify-content: space-between; align-items: center; gap:20px; flex: 1; margin-top: 0px;}
/* use - type01 
.list_type_imgtxt .item.use .label span {position: relative; padding-right: 61px; display: inline-block; vertical-align: top;}
.list_type_imgtxt .item.use .label span::after {position: absolute; right:0; top: 0px; display:block; font-size: 14px; line-height: 20px; height: 24px; padding: 2px 8px 3px; background: #000; border-radius: 40px; color: #fff; content: "이용 중";}
*/
/* use - type02 
.list_type_imgtxt .item.used .label::after {display:inline-block; vertical-align: top; margin-left: 6px; font-size: 14px; line-height: 20px; height: 24px; padding: 2px 8px 3px; background: #000; border-radius: 40px; color: #fff; content: "이용중";}
*/
.list_type_imgtxt.type_vertical {flex-direction: column; gap:5px; margin-top: 0px;}
.list_type_imgtxt.type_vertical .item {width:100%;}
.list_type_imgtxt.type_border .item .item_in {padding: 16px 24px; border-radius: 12px; border:1px solid #000;}
.list_type_imgtxt.type_border_bt .item .item_in {padding-bottom: 24px; border-bottom:1px solid rgba(0, 0, 0, 0.04);}
.list_type_imgtxt.type_small .item .img_area {width: 88px; height: 88px;}
.list_type_imgtxt.type_small .item .img_area .img {width: 78px; height: auto;}
.box_terms_wrap.type_border_gy {border-radius:8px; border:1px solid #EBEBEB;}
.box_terms_wrap.type_border_gy .agree_wrap {background: none; border-radius:0px;}
.box_terms_wrap.type_border_gy .agree_wrap + .agree_wrap {border-top:1px solid #EBEBEB;}
.box_terms_wrap.type_color_gy .check_label,
.box_terms_wrap.type_color_gy .check_label_txt {color: rgba(0, 0, 0, 0.48);}
.box_terms_wrap.type_color_gy .check_input:checked + .check_label,
.box_terms_wrap.type_color_gy .agree_wrap.checked .check_label_txt {color: #000;} 
.box_terms_wrap.type_color_gy .btn_pop_arrow {opacity: .48;}
.box_terms_wrap.type_color_gy .agree_wrap.checked .btn_pop_arrow {opacity: 1;}
.box_terms_wrap.type_color_gy .check_input:checked + .check_label  + .btn_pop_arrow {opacity: 1;}
.box_terms_wrap.type_color_gy._color_gy02 .check_label,
.box_terms_wrap.type_color_gy._color_gy02 .check_label_txt {color: #858585;}
.box_terms_wrap.type_color_gy._color_gy02 .check_label:before {opacity: .48;}
.box_terms_wrap.type_color_gy._color_gy02 .check_input:checked + .check_label:before {opacity: 1;}


/* 2025-12-26 Q11955 [혜택] M혜택_M포인트 사용처 전체탭 추가 UI수정 */
#mpoint_store.w_narrow .top_wrap .sec_list_wrap{width: 1010px; margin-left: auto; margin-right: auto;}
#mpoint_store.w_narrow #storeCate a {margin-top: 4px;}
.mpoint_store.w_narrow .list02 .item{width: auto;} /* 2025-12-30 Q11955 추가 */
#mpoint_store.w_narrow .list02.more_type .item .box_logoimg + div{margin-right: 20px;} /* 2025-12-30 Q11955 추가 */
#mpoint_store.w_narrow .tab_head.fixed .tab_con{max-width: 1010px;} /* 2026-01-05 Q11955 추가 */
#mpoint_store.w_narrow .event_box_list{width: 1010px; margin-left: auto; margin-right: auto;} /* 2026-01-05 Q11955 추가 */

/* 2026-01-30 Q11855 [혜택] M혜택_생활요금 M포인트 자동사용신청 사요청 및 원드톱신청팝업 추가 */
.sub_mpoint .box_intall_pay01.mpoint_auto.mpoint_auto02 .box_info:last-child{border-bottom: 1px solid #ebebeb;}
.sub_benefit .box_intall_pay01.mpoint_mt52{margin-top: 52px !important;}
.pop_info_list_tit{padding: 13px 0; border-bottom: 1px solid #000;}
.pop_info_lsit > li{display: flex; align-items: center; justify-content: space-between; height: 48px; padding: 0 16px; border-bottom: 1px solid rgba(0, 0, 0, .04);}
#registInsurancePop .pop_info_lsit > li:last-child{border-bottom: 0;}
.pop_info_lsit > li > p{display: inline-flex; align-items: center;}
.pop_info_lsit > li > p.highlight_half{background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 50%, #fbff00 50%, #fbff00 calc(100% - 2px), rgba(255,255,255,0) calc(100% - 2px));}
.change_btn_s{display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 8px; border-radius: 4px; margin-left: 16px; cursor: pointer;}
.regist_pop_gray_box{background-color: rgba(0, 0, 0, .04); border-radius: 16px; padding: 16px;}
.regist_pop_gray_box_in{display: flex; flex-direction: column; gap: 8px; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, .04); margin-top: 16px;}
.regist_pop_gray_box_in:first-child{padding-top: 0; border-top: 0; margin-top: 0;}
.regist_pop_gray_box_in li{display: flex; justify-content: space-between;}
.check_wrap .benefit_all .check_input + .check_label:before{margin-left: 12px; width: 28px; height: 28px; margin-top: 2px; /*background-size: 28px;*/}
.check_wrap .benefit_all input[type="checkbox"] + label.check_label{padding-left: 50px;}
#changeCardPop .pop_card_list{display: flex; flex-direction: column;}
#changeCardPop .pop_card_list > li{border-top: 1px solid rgba(0, 0, 0, .08); position: relative;}
#changeCardPop .pop_card_list > li:first-child{border: none;}
#changeCardPop .pop_card_list > li.active::after{content: ""; display: block; position: absolute; right: 18px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background: url('/docfiles/resources/pc/images/common/icon/w32/ico_check_b.png') center no-repeat; background-size: 32px 32px;}
#changeCardPop .pop_card_list [class*="cel_"][class*="_cardP32"]{padding: 20px 0;}
#changeCardPop .pop_card_list .card_list_dot_list{display: flex; gap: 10px;}
#changeCardPop .pop_card_list .card_list_dot_list li{position: relative; margin-top: 0;}
#changeCardPop .pop_card_list .card_list_dot_list li:first-child::before{display: none;}
#changeCardPop .pop_card_list .card_list_dot_list li::before{content: ''; position: absolute; top: 9px; left: -6px; display: inline-block; width: 2px; height: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, .12);}
/* #registMobilePop .layer_body{height: auto !important;}
#registMobilePop .layer_body{height: 403px !important;} */
#registMobilePop.modal_pop.respond .layer_wrap{max-height: calc(100vh - 320px); margin: 160px auto;}
#registAptPop .disabled{pointer-events: none;}
#registMobilePop .has_baloon, #registInsurancePop .has_baloon{display: inline-block; margin-left: 8px; position: relative;}
.span_speach_bubble{position: absolute; top: -36px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; width: auto; height: 28px; padding: 0 8px; border-radius: 8px; background-color: #000; white-space: nowrap;}
.span_speach_bubble::after{content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: inline-block; width: 8px; height: 8px; border: 4px solid transparent; border-top: 4px solid #000;}
.speaker_text{display: inline-flex; align-items: center; gap: 2px; height: 24px; margin-top: 12px;}
.only_LG, .only_SK{display: none;}

/* 2026-03-03 Q11792 추가 - [혜택] 정부지원_국가바우처(국민행복카드) 신청 신규제작 */
.gvc_content input[type="password"].fs_password {font-size: 45px !important; letter-spacing: -3.5px; padding-top: 10px !important;}
.gvc_content .logo_top_GVC.type_simple {width: 32px;}
.gvc_content .gvc_box_card {display: flex; justify-content: space-between; align-items: center; background: #fff; border: 1px solid rgba(0,0,0,.16); border-radius: 16px; padding: 40px 32px;}
.gvc_content .gvc_box_card .box_left_area {flex: auto;}
.gvc_content .gvc_box_card .box_btn_area .box_btn {background-color: transparent;}
.gvc_content .gvc_box_card .w350 {width: 350px;}
.gvc_content .gvc_box_card .w40 {width: 40px;}
.gvc_content .fixedTabMenuArea {padding-bottom: 56px;}
.gvc_content .fixedTabMenuArea .tab_con { overflow-x:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none;}
.gvc_content .fixedTabMenuArea .tab_default {row-gap: 8px;}
.gvc_content .fixedTabMenuArea.fixed {position: fixed; width: 100%; z-index: 2; background-color: #fff; padding: 0px !important;}
.gvc_content .fixedTabMenuArea.fixed .tab_default {padding: 10px 0px;}
.gvc_content .fixedTabMenuArea.fixed {top:128px;}
body.fixed .gvc_content .fixedTabMenuArea.fixed {top:97px;}
.gvc_content .gvc_box_cont .box_title {margin-bottom: 12px;}
.gvc_content .gvc_box_cont .box_sec_area + .box_sec_area {margin-top: 80px;}
.gvc_content .gvc_box_cont .box_sec_area .sec_tit_area {position: relative; padding-bottom: 20px; border-bottom: 2px solid #000;}
.gvc_content .gvc_box_cont .box_sec_area:last-child .sec_txt_area,
.gvc_content .gvc_box_cont .box_sec_area.last .sec_txt_area {padding-bottom: 0px;}
.gvc_content .gvc_box_cont .certificate_step {display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: flex-start;}
.gvc_content .gvc_box_cont .certificate_step > li {position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column;}
.gvc_content .gvc_box_cont .certificate_step > li + li {margin-left: 148px;}
.gvc_content .gvc_box_cont .certificate_step > li + li::before {position: absolute; top: 42px; left: -91px; display: inline-flex; width: 32px; height: 32px; opacity: 0.48; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_forward.png) no-repeat center; background-size: cover; content: "";}
.gvc_content .gvc_box_cont .certificate_step > li .step .tit {font-size: 0px; line-height: 0px;}
.gvc_content .gvc_box_cont .certificate_step > li .step .tit .label {position: relative; display: inline-block; height: 20px; padding: 0px 6px; background-color: #000; border-radius: 60px; color: #fff; font-size: 11px; font-weight: 500; line-height: 20px;}
.gvc_content .gvc_box_cont .certificate_step > li .step .tit + dd {margin-top: 20px;}
.gvc_content .gvc_box_cont .gvc_tbl_area table th, .gvc_tbl_area table td {padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.08);}
.gvc_content .gvc_box_cont .gvc_tbl_area table tr:first-child th, .gvc_tbl_area table tr:first-child td {border-width: 0px;}
.gvc_content .gvc_box_cont .gvc_tbl_area table th {padding-left: 24px; vertical-align: top;}
.gvc_content .gvc_box_cont .gvc_tbl_area table td {padding-right: 24px;}
.gvc_content .gvc_box_cont .gvc_tbl_area table td .bul_list > li + li {margin-top: 6px;}
.gvc_content .gvc_box_cont .blk_num_list.type_sm > li {padding-left: 22px;}
.gvc_content .gvc_box_cont .blk_num_list.type_sm > li + li {margin-top: 6px;}
.gvc_content .gvc_box_cont .blk_num_list.type_sm > li:before {font-size: 10px; top: 3px; width: 16px; height: 16px; line-height: 15px;}
.gvc_content .gvc_box_cont .icoTxt_list dt {display: flex;}
.gvc_content .gvc_box_cont .icoTxt_list dt > .ico {position: relative; display: block; width: 20px; height: 20px; margin-right: 8px;}
.gvc_content .gvc_box_cont .icoTxt_list dt > .ico.ico_chk {background: rgba(0, 112, 240, 0.1); border-radius: 50%;}
.gvc_content .gvc_box_cont .icoTxt_list dt > .ico.ico_chk:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url(/docfiles/resources/mo/images/ben/icon_GVC2025_use_chk.png) no-repeat 0 0 / 20px;}
.gvc_content .gvc_box_cont .icoTxt_list dt > .ico.ico_not {background: rgba(255, 0, 0, 0.1); border-radius: 50%;}
.gvc_content .gvc_box_cont .icoTxt_list dt > .ico.ico_not:before {content: ''; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url(/docfiles/resources/mo/images/ben/icon_GVC2025_use_not.png) no-repeat 0 0 / 20px;}
.gvc_content .gvc_box_cont .icoTxt_list .ico_list {display: flex; gap: 16px; flex-wrap: wrap;}
.gvc_content .gvc_box_cont .icoTxt_list .ico_list > li {display: flex; flex-direction: column; align-items: center; text-align: center;}
.gvc_content .gvc_box_cont .icoTxt_list .ico_list > li .ico {position: relative; display: block; width: 91.43px; height: 64px;}
.gvc_content .gvc_box_cont .icoTxt_list .ico_list > li .ico .svg {position: absolute; top: 50%; left: 50%; width: 68.57px; height: auto; transform: translate(-50%, -50%);}
.gvc_content .gvc_box_cont .icoTxt_list .ico_list > li .txt {min-width: 93px; margin-top: 2px;}
.gvc_content .gvc_box_cont .icoTxt_list .ico_list > li > span {display: inline-block; word-break: keep-all;}
.gvc_content .line_list_flex {border-top: 1px solid rgba(0,0,0,0.4); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}   
.gvc_content .line_list_flex > li {display: flex; align-items: center; width: 50%; padding: 16px 24px; border-top: 1px solid rgba(0,0,0,0.08);}
.gvc_content .line_list_flex > li:nth-child(1), .gvc_content .line_list_flex > li:nth-child(2) {border-top-width: 0px;}
.gvc_content .line_list_flex > li .tit {width: 130px;}
.gvc_content .line_list_flex > li:nth-child(2n) .tit {width: 166px;}
.gvc_content .box_select.gvc_cust_slct {height: auto;}
.gvc_content .box_select.gvc_cust_slct .select_wrap {display: block;}
.gvc_content .box_select.gvc_cust_slct .select_wrap .btn_select  {font-size: 24px; line-height: 32px; height: 32px; padding: 0px 36px 0px 0px; font-weight: 700;}
.gvc_content .box_select.gvc_cust_slct .select_wrap .btn_select::after {right: 0}
.gvc_content .box_select.gvc_cust_slct .select_wrap .btn_select::before {display: none;}
.gvc_content .box_select.gvc_cust_slct .select_wrap .ul_select_list {min-width: 297px; border: none; border-radius: 8px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);}
.gvc_content .box_select.gvc_cust_slct .select_wrap .ul_select li {height: 48px;}
.gvc_content .box_select.gvc_cust_slct .select_wrap .ul_select li a {font-size: 16px; line-height: 48px; height: auto;}
.gvc_content .box_select.gvc_cust_slct .select_wrap .ul_select li.on a {background-image:url(/docfiles/resources/pc/images/common/icon/w24/ico_check_b.png); background-repeat:no-repeat; background-position:calc(100% - 12px) 50%; background-size: 24px 24px;}
.gvc_content .use_calendar .direct_cld .datepicker-wrap label {border-color: #ebebeb; width: 100% !important;}
.gvc_content .use_calendar .direct_cld .datepicker-wrap.w100p {justify-content: space-between;}                                
.gvc_content .use_calendar .direct_cld .datepicker-wrap.w100p label.start_date,
.gvc_content .use_calendar .direct_cld .datepicker-wrap.w100p label.end_date {width: 100% !important;}   
.gvc_content .gvc_used_tit {padding: 16px 24px;}
.gvc_content .gvc_used_list {border-top: 1px solid rgba(0, 0, 0, 0.4);}
.gvc_content .gvc_used_list .used_list > .item {padding: 40px 24px;}
.gvc_content .gvc_used_list .used_list > .item + .item {border-top: 1px solid rgba(0, 0, 0, 0.08);}
.gvc_content .gvc_notice_area {margin-top: 80px;}
.gvc_content .gvc_notice_area .bul_list.type_flex_li50p {display: flex; flex-wrap:wrap; row-gap:24px;}
.gvc_content .gvc_notice_area .bul_list.type_flex_li50p li {width: 50%; margin-top: 0px;}
/* 기본 아코디언 */
.gvc_content .gvc_accod_list {border-top: 2px solid rgba(0, 0, 0, 1);}
.gvc_content .gvc_accod_list .accodWrap + .accodWrap {border-top: 1px solid rgba(0, 0, 0, 0.08);}
.gvc_content .gvc_accod_list .accodWrap:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.gvc_content .gvc_accod_list .accodWrap .accodBtn {position: relative; display: block; width: 100%; padding: 20px 60px 20px 24px;}
.gvc_content .gvc_accod_list .accodWrap .accodBtn.type_no_bd {border-bottom-width: 0px !important;}
.gvc_content .gvc_accod_list .accodWrap .accodBtn:after  { position: absolute; top: 16px; right:20px; display: block; background: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_down.png) no-repeat right center; background-size: 32px; width: 32px; height: 32px; opacity: 0.64; content:"";}
.gvc_content .gvc_accod_list .accodWrap.on {background: rgba(0, 0, 0, 0.02);}
.gvc_content .gvc_accod_list .accodWrap.on:last-child {border-bottom-width: 0px;}
.gvc_content .gvc_accod_list .accodWrap.on .accodBtn:after  {background-image: url(/docfiles/resources/pc/images/common/icon/w32/ico_arrowB_up.png);}
.gvc_content .gvc_accod_list .box_btn.more {margin-top:32px; border-bottom:none;}
.gvc_content .gvc_accod_list .accodSlide {display:none; padding:5px 24px 24px}
/* qna 타입 */
.gvc_content .gvc_accod_list.qna_type .sec_tit_area p {position:relative; padding-left:25px;}
.gvc_content .gvc_accod_list.qna_type .sec_tit_area p:before { position:absolute; top:0; left:0; display:block; content:"Q.";}