@charset "utf-8";

/*
    다음 파일에서 일부 스타일만 가져옴. (다크모드 스타일은 제외)
    /docfiles/resources/mo/css/reset.css
    /docfiles/resources/mo/css/common.css
    /docfiles/resources/mo/css/benefits.css
*/

/* ******************************** */
/* reset.css */
/* ******************************** */

/* Spoqa Han Sans Neo */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.ttf) format('truetype'); */
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.woff) format('woff');
    /* src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.ttf) format('truetype'); */
}

@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:400;
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_TextRegular.eot);
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_TextRegular.eot#iefix) format('embedded-opentype');
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_TextRegular.woff) format('woff');
}
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:700;
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_TextBold.eot);
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_TextBold.eot#iefix) format('embedded-opentype');
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_TextBold.woff) format('woff');
}
@font-face {
    font-family:'YouandModern';
    font-style:normal;
    font-weight:800;
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_HeadExtraBold.eot);
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_HeadExtraBold.eot#iefix) format('embedded-opentype');
    src:url(/docfiles/resources/mo/fonts/Youandi_Modern_HeadExtraBold.woff) format('woff');
}

/* YouAndiNewKr */
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:300;
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.eot); /* IE9 Compat Modes */
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.eot?#iefix) format('embedded-opentype'), /* IE6 ~ IE8 */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.woff2) format('woff2'), /* Supper Modern Browsers */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.woff) format('woff'), /* Modern Browsers */
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Light.svg) format('svg');
}
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:400;
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.eot);
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.eot#iefix) format('embedded-opentype'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.woff2) format('woff2'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.woff) format('woff'),
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Regular.svg) format('svg');
}
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:700;
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.eot);
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.eot#iefix) format('embedded-opentype'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.woff2) format('woff2'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.woff) format('woff'),
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-Bold.svg) format('svg');
}
@font-face {
    font-family:'YouandiNewKr';
    font-style:normal;
    font-weight:800;
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.eot);
    src:url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.eot#iefix) format('embedded-opentype'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.woff2) format('woff2'),
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.woff) format('woff'),
    /* url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.ttf) format('truetype'), */
    url(/docfiles/resources/mo/fonts/YouandiNewKrTitle-ExtraBold.svg) format('svg');
}

:root { color-scheme:light dark; }
*, *:before, *:after {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
* { -webkit-touch-callout:none; /* 이미지 길게 터치 방지 */ -webkit-tap-highlight-color:transparent; /* a 클릭시 배경색 제거 */}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, blockquote, input {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-o-text-size-adjust: none;}
html, body {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; height:100%; background-color:#fff; color:#000; }
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, button, address, em, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, article, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, blockquote, input, textarea , select {font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular,'Spoqa Han Sans Neo', 'Noto Sans', Roboto, 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif;}
:-webkit-input-placeholder, :-ms-placeholder, :-moz-placeholder, ::placeholder {font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, 'Spoqa Han Sans Neo', 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif; font-size:16px;}
address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:400;}
button, img {vertical-align:top; border:none;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; table-layout:fixed; border:0; border-spacing:0; border-collapse:collapse; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
th, td  {word-break:break-all; font-weight:400;}
i, em, address  {font-weight:400;}
button, select, input, label {vertical-align:middle;}
input[type="text"], input[type="password"], input[type="date"], input[type="number"], input[type="tel"] {caret-color:#000;}
button:disabled {cursor:default;}
button > span {position:relative;}
hr {display:none;}
fieldset ,iframe {width:100%; pointer-events:auto;}
legend {position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
strong {font-weight:700;}
a, a:hover, a:active, a:visited {text-decoration:none; color:#000;}
a:focus { outline:0;}
a:focus-visible{outline:0;}
address, caption, em, strong, th {font-weight:400;}
em, address {font-style:normal;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow:0 0 0 1000px white inset !important;}

sup, sub {line-height:1;} /* 2024-01-25 GGU282 - 추가 */




/* ******************************** */
/* common.css */
/* ******************************** */

/* hidden */
.block {display:block;}
.inBlock {display: inline-block !important;} /* 2022-10-31 GGU477 추가 */
.inline {display: inline !important;} /* 2023-08-24 Q20016 추가 */
.flex { display:flex; display:-webkit-flex; }
.blind {position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; clip:rect(0,0,0,0); border:0 !important; white-space: nowrap; clip-path: inset(50%);}
.a11y { position:absolute; left:0; width:0; height:0; overflow:hidden; clip:rect(0,0,0,0); }
.hide {display:none;}
.modal-open {overflow:hidden}
.modal-backdrop {position:fixed; top:0; left:0; z-index:-1; width:100vw; height:100vh; background-color:#000; opacity:0; outline:0; transition: all 0.25s ease; }
.modal-backdrop.show {z-index:1000; opacity:.8; }

/* align */
.alT {vertical-align:top !important;}
.alM {vertical-align:middle !important;}
.alB {vertical-align:bottom !important;}
.alC {text-align:center !important;}
.alL {text-align:left !important;}
.alR {text-align:right !important;}
[class*="_lt"] {text-align:left;}
[class*="_ctr"] {text-align:center;}
[class*="_rt"] {text-align:right;}

/* ellipsis */
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipsis_reset {overflow:visible !important; text-overflow:clip !important; white-space:normal !important;} /* 2023-09-05 GGU282 - 추가 */

/* 2023-08-22 Q20016 color 블루  */
.blue {color:#0070f0 !important}

/* 2023-08-22 Q20016 background 블루  */
.bg_blue {background: #0070f0 !important;}

.highlight_half {background-image:linear-gradient(to bottom, transparent 0 50%, #fbff00 50% 100%)} /* 2023-09-20 Q20016 추가 */

/* 2022-10-11 Q20016 추가 */
/* float */
.clearfix:after {content:''; display:block; clear:both;}
.fl {float:left;}
.fr {float:right;}
/* //2022-10-11 Q20016 추가 */

.word_break {word-break:break-all !important;} /* 2023-01-17 GGU282 - 추가 */
.word_keep {word-break:keep-all !important;} /* 2023-01-17 GGU282 - 추가 */

/* link */
.link_none {cursor:not-allowed;}


.fm_youandi {font-family:'YouandiNewKr';}
/* title */
[class*="_size40"] {font-size:40px; line-height:52px;}
[class*="_size48"] {font-size:48px; line-height:62px;}
[class*="_size55"] {font-size:55px; line-height:72px;}
[class^="h0"], [class^="h2"]
[class^="h1_eb"], [class^="h1_tb"] {letter-spacing:0;}
[class^="h1_b"], [class^="h1_m"] {letter-spacing:-0.2px;}
[class^="h1"] {font-size:34px; line-height:44px;}
[class^="h2"] {font-size:28px; line-height:36px;}
[class^="h3"] {font-size:24px; line-height:32px;}
[class^="h4"] {font-size:20px; line-height:26px;}

/* text */
[class^="p0"], [class^="p1"], [class^="p2"], [class^="p3"] { letter-spacing:0; }
[class^="p0"] {font-size:18px;}
[class^="p0"][class*="1ln"] {line-height:22px;}
[class^="p0"][class*="2ln"] {line-height:26px;}
[class^="p1"] {font-size:16px;}
[class^="p1"][class*="1ln"] {line-height:22px;}
[class^="p1"][class*="2ln"] {line-height:26px;}
[class^="p2"] {font-size:14px;}
[class^="p2"][class*="1ln"] {line-height:20px;}
[class^="p2"][class*="2ln"] {line-height:22px;}
[class^="p3"] {font-size:12px;}
[class^="p3"][class*="1ln"] {line-height:16px;}
[class^="p3"][class*="2ln"] {line-height:18px;}

/* font-weight */
[class^="h0_m"], [class^="p0_m"],
[class^="h1_m"], [class^="p1_m"],
[class^="h2_m"], [class^="p2_m"],
[class^="h3_m"], [class^="p3_m"],
[class^="h4_m"], [class^="p4_m"] {font-weight:500;}
[class^="h0_b"], [class^="p0_b"],
[class^="h1_b"], [class^="p1_b"],
[class^="h2_b"], [class^="p2_b"],
[class^="h3_b"], [class^="p3_b"],
[class^="h4_b"], [class^="p4_b"] { font-weight:700; }
[class^="h0_tb"], [class^="p0_tb"],
[class^="h1_tb"], [class^="p1_tb"],
[class^="h2_tb"], [class^="p2_tb"],
[class^="h3_tb"], [class^="p3_tb"],
[class^="h4_tb"], [class^="p4_tb"] {font-weight:500;  font-family:'YouandiNewKr';}
[class^="h0_eb"], [class^="p0_eb"],
[class^="h1_eb"], [class^="p1_eb"],
[class^="h2_eb"], [class^="p2_eb"],
[class^="h3_eb"], [class^="p3_eb"],
[class^="h4_eb"], [class^="p4_eb"] {font-weight:600; font-family:'YouandiNewKr';}

.fw_nm, .fw_nm li {font-weight: normal !important;} /* 2022-11-30 Q20016 추가 */

/* won */ /* won 가이드 수정 Q10048 700 = heavy */
[class*="pay_"] > .striketh {margin-left:12px;}
/* [class^="pay"] .won, [class^="pay"] .txt {font-weight:700;} */
[class^="pay"][class*="h4"] .won{font-size:20px; line-height:26px; font-weight:700;}
[class^="pay"][class*="h4"] .txt{font-size:18px; line-height:24px; font-weight:700;}
[class^="pay"][class*="h3"] .won{font-size:24px; line-height:32px; font-weight:700;}
[class^="pay"][class*="h3"] .txt{font-size:21px; line-height:26px; font-weight:700;}
[class^="pay"][class*="h2"] .won{font-size:28px; line-height:36px; font-weight:700;}
[class^="pay"][class*="h2"] .txt{font-size:24px; line-height:32px; font-weight:700}
[class^="pay"][class*="h1yu"] .won{font-family:'YouandiNewKr'; font-size:34px; line-height:44px; letter-spacing:-0.2px; font-weight:700;}
[class^="pay"][class*="h1yu"] .txt{font-size:29px; line-height:36px; font-weight:700;}
[class^="pay"][class*="h1"] .won{font-size:34px; line-height:44px; letter-spacing:-0.2px; font-weight:700;}
[class^="pay"][class*="h1"] .txt{font-size:29px; line-height:36px; font-weight:700;}
[class^="pay"][class*="h0yu"] .won{font-family:'YouandiNewKr'; font-size:48px; line-height:62px; font-weight:700;}
[class^="pay"][class*="h0yu"] .txt{font-size:43px; line-height:52px; font-weight:700;}
[class^="pay"][class*="bt"] .won,
[class^="pay"][class*="btyu"] .won{font-family:'YouandiNewKr'; font-size:55px; line-height:64px; font-weight:400;}
[class^="pay"][class*="bt"] .txt,
[class^="pay"][class*="btyu"] .txt{font-family:'YouandiNewKr'; font-size:48px; line-height:60px; font-weight:400;}
/* 2021-12-01 Q10112 : > 링크 추가시 정렬 깨짐현상 수정 */
[class*="pay_"] [class^="icotxt"] > span,
[class*="pay_"] [class^="icotxt"] > strong,
[class*="pay_"] [class^="textbico"] > span,
[class*="pay_"] [class^="textbico"] > strong{vertical-align:baseline;}

/* line-through */
[class*="striketh"] {opacity:0.4; text-decoration:line-through; color:#000;}
[class^="striketh"][class*="p1"]{font-size:16px; line-height:22px;}
[class^="striketh"][class*="p2"]{font-size:14px; line-height:20px;}
[class^="striketh"][class*="p1b"]{font-weight:700; line-height:20px;}
[class^="striketh"][class*="h4b"]{font-size:20px; line-height:26px; font-weight:700;}
.highlight {background-image:linear-gradient(to bottom, transparent 0 -2px, #fbff00 8px calc(100% - 2px), transparent calc(100% - 2px) 100%);}
.txt_underline {position:relative;}
.txt_underline:before {content:''; display:inline-block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000;}
.txt_bot_line {text-decoration: underline; text-underline-offset: 2px;} /* 2023-01-31 GGU477 추가 */

/* Font Color */
[class*="fc"][class*="_blk"], [data-fc="fc_blk"] {color:#000;}
[class*="fc"][class*="_wht"], [data-fc="fc_wht"] {color:#fff;}
[class*="fc_m"][class*="_80"], [data-fc="m_80"], [class^="btn"] > span[class*="fc"][class*="_a80"] {color:rgba(0,0,0,0.80);}
[class*="fc_m"][class*="_64"], [data-fc="m_64"], [class^="btn"] > span[class*="fc"][class*="_a64"] {color:rgba(0,0,0,0.64);}
[class*="fc_m"][class*="_48"], [data-fc="m_48"], [class^="btn"] > span[class*="fc"][class*="_a48"] {color:rgba(0,0,0,0.48);}
[class*="fc_m"][class*="_40"], [data-fc="m_40"], [class^="btn"] > span[class*="fc"][class*="_a40"] {color:rgba(0,0,0,0.40);}
[class*="fc_m"][class*="_20"], [data-fc="m_20"], [class^="btn"] > span[class*="fc"][class*="_a20"] {color:rgba(0,0,0,0.20);}
[class*="fc_m"][class*="_16"], [data-fc="m_16"], [class^="btn"] > span[class*="fc"][class*="_a16"] {color:rgba(0,0,0,0.16);}
[class*="fc_m"][class*="_12"], [data-fc="m_12"], [class^="btn"] > span[class*="fc"][class*="_a12"] {color:rgba(0,0,0,0.12);}
[class*="fc_m"][class*="_08"], [data-fc="m_08"], [class^="btn"] > span[class*="fc"][class*="_a08"] {color:rgba(0,0,0,0.08);}
[class*="fc_m"][class*="_04"], [data-fc="m_04"], [class^="btn"] > span[class*="fc"][class*="_a04"] {color:rgba(0,0,0,0.04);}
[class*="fc_m"][class*="_02"], [data-fc="m_02"], [class^="btn"] > span[class*="fc"][class*="_a02"] {color:rgba(0,0,0,0.02);}
/* Font Color Alpha */
[class*="fc"][class*="_a80"], [data-fc="fc_m_a80"] { color:rgba(0,0,0,0.80); }
[class*="fc"][class*="_a64"], [data-fc="fc_m_a64"] { color:rgba(0,0,0,0.64); }
[class*="fc"][class*="_a48"], [data-fc="fc_m_a48"] { color:rgba(0,0,0,0.48); }
[class*="fc"][class*="_a40"], [data-fc="fc_m_a40"] { color:rgba(0,0,0,0.40); }
[class*="fc"][class*="_a20"], [data-fc="fc_m_a20"] { color:rgba(0,0,0,0.20); }
[class*="fc"][class*="_a16"], [data-fc="fc_m_a16"] { color:rgba(0,0,0,0.16); }
[class*="fc"][class*="_a12"], [data-fc="fc_m_a12"] { color:rgba(0,0,0,0.12); }
[class*="fc"][class*="_a08"], [data-fc="fc_m_a08"] { color:rgba(0,0,0,0.08); }
[class*="fc"][class*="_a04"], [data-fc="fc_m_a04"] { color:rgba(0,0,0,0.04); }
[class*="fc"][class*="_a02"], [data-fc="fc_m_a02"] { color:rgba(0,0,0,0.02); }

[class*="fc_m"][class*="_link"], [data-fc="m_link"] {color:#0070f0;}
[class*="fc_m"][class*="_alert"], [data-fc="m_alert"] {color:#ff0000;}
[class*="fc_m"][class*="_green"], [data-fc="m_green"] {color:#6ed522;}
[class*="fc_m"][class*="_emerald"], [data-fc="m_emerald"] {color:#00a3b8;}
[class*="fc_m"][class*="_air"] {color:#0077b4}
[class*="sd_m"][class*="_error"], [data-sd="error_error"] {background-color:#fff5f5;}

/* font fx */
[class*="fc_m"][class*="_fx"], [data-fc="fc_m_fx"] { color:#000; }
[class*="fc_m"][class*="_a80"][class*="_fx"], [data-fc="fc_m_a80_fx"] { color:rgba(0,0,0,0.80); }
[class*="fc_m"][class*="_a64"][class*="_fx"], [data-fc="fc_m_a64_fx"] { color:rgba(0,0,0,0.64); }
[class*="fc_m"][class*="_a48"][class*="_fx"], [data-fc="fc_m_a48_fx"] { color:rgba(0,0,0,0.48); }
[class*="fc_m"][class*="_a40"][class*="_fx"], [data-fc="fc_m_a40_fx"] { color:rgba(0,0,0,0.40); }
[class*="fc_m"][class*="_a20"][class*="_fx"], [data-fc="fc_m_a20_fx"] { color:rgba(0,0,0,0.20); }
[class*="fc_m"][class*="_a16"][class*="_fx"], [data-fc="fc_m_a16_fx"] { color:rgba(0,0,0,0.16); }
[class*="fc_m"][class*="_a12"][class*="_fx"], [data-fc="fc_m_a12_fx"] { color:rgba(0,0,0,0.12); }
[class*="fc_m"][class*="_a08"][class*="_fx"], [data-fc="fc_m_a08_fx"] { color:rgba(0,0,0,0.08); }
[class*="fc_m"][class*="_a04"][class*="_fx"], [data-fc="fc_m_a04_fx"] { color:rgba(0,0,0,0.04); }
[class*="fc_m"][class*="_a02"][class*="_fx"], [data-fc="fc_m_a02_fx"] { color:rgba(0,0,0,0.02); }
[class*="fc_s"][class*="_fx"], [data-fc="fc_s_fx"] { color:#fff; }
[class*="fc_s"][class*="_a80"][class*="_fx"], [data-fc="fc_s_a80_fx"] { color:rgba(255,255,255,0.80); }
[class*="fc_s"][class*="_a64"][class*="_fx"], [data-fc="fc_s_a64_fx"] { color:rgba(255,255,255,0.64); }
[class*="fc_s"][class*="_a48"][class*="_fx"], [data-fc="fc_s_a48_fx"] { color:rgba(255,255,255,0.48); }
[class*="fc_s"][class*="_a40"][class*="_fx"], [data-fc="fc_s_a40_fx"] { color:rgba(255,255,255,0.40); }
[class*="fc_s"][class*="_a20"][class*="_fx"], [data-fc="fc_s_a20_fx"] { color:rgba(255,255,255,0.20); }
[class*="fc_s"][class*="_a16"][class*="_fx"], [data-fc="fc_s_a16_fx"] { color:rgba(255,255,255,0.16); }
[class*="fc_s"][class*="_a12"][class*="_fx"], [data-fc="fc_s_a12_fx"] { color:rgba(255,255,255,0.12); }
[class*="fc_s"][class*="_a08"][class*="_fx"], [data-fc="fc_s_a08_fx"] { color:rgba(255,255,255,0.08); }
[class*="fc_s"][class*="_a04"][class*="_fx"], [data-fc="fc_s_a04_fx"] { color:rgba(255,255,255,0.04); }
[class*="fc_s"][class*="_a02"][class*="_fx"], [data-fc="fc_s_a02_fx"] { color:rgba(255,255,255,0.02); }

/* Background Color (BG) */
/* bg : opacity */
[class*="sd"][class*="_a80"], [data-sd="a80"] {background-color:rgba(0,0,0,0.80);}
[class*="sd"][class*="_a64"], [data-sd="a64"] {background-color:rgba(0,0,0,0.64);}
[class*="sd"][class*="_a50"], [data-sd="a50"] {background-color:rgba(0,0,0,0.50);}
[class*="sd"][class*="_a48"], [data-sd="a48"] {background-color:rgba(0,0,0,0.48);}
[class*="sd"][class*="_a40"], [data-sd="a40"] {background-color:rgba(0,0,0,0.40);}
[class*="sd"][class*="_a20"], [data-sd="a20"] {background-color:rgba(0,0,0,0.20);}
[class*="sd"][class*="_a16"], [data-sd="a16"] {background-color:rgba(0,0,0,0.16);}
[class*="sd"][class*="_a12"], [data-sd="a12"] {background-color:rgba(0,0,0,0.12);}
[class*="sd"][class*="_a08"], [data-sd="a08"] {background-color:rgba(0,0,0,0.08);}
[class*="sd"][class*="_a04"], [data-sd="a04"] {background-color:rgba(0,0,0,0.04);}
[class*="sd"][class*="_a02"], [data-sd="a02"] {background-color:rgba(0,0,0,0.02);}
/* 기본 Color */
[class*="sd_m"] { background-color:#000; }
[class*="sd_s"] { background-color:#fff; }
[class*="sd_m_blk"], [data-sd="sd_m_blk"] {background-color:#000;}
[class*="sd_m_wht"], [data-sd="sd_m_wht"] {background-color:#fff;}
/* Solid Color */
[class*="sd"][class*="_m_80"], [data-sd="m_80"] {background-color:#333;}
[class*="sd"][class*="_m_64"], [data-sd="m_64"] {background-color:#5c5c5c;}
[class*="sd"][class*="_m_48"], [data-sd="m_48"] {background-color:#858585;}
[class*="sd"][class*="_m_40"], [data-sd="m_40"] {background-color:#949494;}
[class*="sd"][class*="_m_20"], [data-sd="m_20"] {background-color:#ccc;}
[class*="sd"][class*="_m_16"], [data-sd="m_16"] {background-color:#d6d6d6;}
[class*="sd"][class*="_m_12"], [data-sd="m_12"] {background-color:#e0e0e0;}
[class*="sd"][class*="_m_08"], [data-sd="m_08"] {background-color:#ebebeb;}
[class*="sd"][class*="_m_04"], [data-sd="m_04"] {background-color:#f5f5f5;}
[class*="sd"][class*="_m_02"], [data-sd="m_02"] {background-color:#fafafa;}
[class*="sd"][class*="_b7c7c7c"], [data-sd="b7c7c7c"] {background-color:#7c7c7c;}

[class^="btn"]:before {transition:all .3s ease-in-out;}
[class^="btn"] > span, [class^="btn"] > strong {display:inline-block; position:relative; vertical-align:top;}
[class^="btn"][class*="32_"] {height:32px; padding:6px 4px;  font-size:14px; line-height:20px; border-radius:4px; }
[class^="btn"][class*="40_"] {height:40px; padding:9px 7px 9px 8px; font-size:14px; line-height:22px; border-radius:8px; }
[class^="btn"][class*="48"] {height:48px; padding:13px 4px; font-size:16px; line-height:22px; border-radius:8px; }
[class^="btn"][class*="56_"] {height:56px; padding:17px 4px; font-size:16px; line-height:22px; border-radius:8px; }
[class^="btn"][class*="60_"] {height:60px; padding:18px 4px; font-size:18px; line-height:26px; border-radius:8px; }
[class^="btn"][class*="64_"] {height:64px; padding:19px 4px; font-size:20px; line-height:26px; border-radius:8px;  }
[class*="_boldtxt"] > span, [class*="_boldtxt"] > strong {font-weight:700;}
[class*="_regulartxt"] > span, [class*="_regulartxt"] > strong {font-weight:400;}

[class^="btn"][class*="_defaultbg"] {background-color:#000;}
[class^="btn"][class*="_defaultbg"][class*="_64"] { background-color:rgba(0,0,0,0.64); }
[class^="btn"][class*="_defaultbg"] span {color:#fff;}
[class^="btn"][class*="_softbg"] {background-color:#ebebeb;}
[class^="btn"][class*="_softbg"] span {color:#000;}
[class^="btn"][class*="_outline"] {background-color:#fff; border:1px solid #000;}
[class^="btn"][class*="_outline02"] {background-color:#fff; border:1px solid #ccc;}
[class^="btn"][class*="_outline"][class*="_bdw2"] {border-width:2px;} /* 2022-04-07 GGU477 추가 */
[class^="btn"][class*="_whitetxt"] span {color:#fff;}
[class^="btn"][class*="_blacktxt"] span {color:#000;}
[class^="btn"][class*="_withicon"] span { padding-left:28px; background-repeat:no-repeat; background-position:0 50%; background-size:24px 24px;}
[class*="_withicon"][class*="_defaultbg"] span {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_plusB_wht.png)}
[class*="_withicon"][class*="_softbg"] span {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_plusB.png)}

[class^="btn"].disabled, [class^="btn"]:disabled,
[class^="btn"][class*="sd_"].disabled, [class^="btn"][class*="sd_"]:disabled {background-color:#ebebeb !important; cursor:default !important; /* pointer-events:none; 개발이슈로 주석처리함 */} /* 2022-01-10 Q10112 : 비활성화일때 링크x , cursor변경 */
[class^="btn"].disabled span, [class^="btn"]:disabled span,
[class^="btn"][class*="sd_"].disabled span, [class^="btn"][class*="sd_"]:disabled span {color:#ccc !important;}
[class^="btn"][class*="_withicon"].disabled span, [class^="btn"][class*="_withicon"]:disabled span { background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_PlusB_gry.png)}

/* box */
[class^="box_"] {position:relative;}
.box_btn [class^="btn"] { position:relative; display:inline-block; vertical-align:top; text-align:center; cursor:pointer;}
.box_btn .w_half {width: calc((100% - 8px)/2);}

/* label */
[class^="lab_"] {display:inline-block; position:relative; overflow:hidden; color:#fff; font-weight:700; border-radius:16px; vertical-align:top;}
[class^="lab_"] > span {position:relative; z-index:2; vertical-align:top;}
[class^="lab_"][class*="_s"] {padding:2px 6px; font-size:10px; line-height:16px;}
[class^="lab_"][class*="_m"] {padding:2px 6px; font-size:12px; line-height:16px;}
[class^="lab_"][class*="_mlink"] {padding:2px 14px 2px 6px; font-size:12px; line-height:16px;}
[class^="lab_"][class*="_mlink"] {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_wht.png) no-repeat calc(100% - 2px) 50%; background-size:12px 12px;}
[class^="lab_"][class*="_micol"] {padding:2px 6px 2px 18px; background:url(/docfiles/resources/mo/images/com/icon/w16/ico_checkB_wht.png) no-repeat 2px 50%; background-size:16px 16px; font-size:12px; line-height:16px;}
[class^="lab_"][class*="_rb"] {padding:2px 3px; font-size:10px; line-height:12px; color:#fff; border-radius:2px;}
[class^="lab_"][class*="_x"] {padding:2px 6px; font-size:12px; line-height:16px; color:#000; border-radius:2px;}
[class^="lab_"][class*="_x"] span {color:#000; opacity:0.48;}
[class^="lab_"][class*="_x"][class*="_none"] {padding-left:2px; background:url(/docfiles/resources/mo/images/com/btnicon/ico_restriction.png) no-repeat 2px 50%; background-size:12px 12px;}
[class^="lab_"][class*="_x"][class*="_none"] span {padding-left:16px;}
[class^="lab_"][class*="_mlink"]:hover, [class^="lab_"][class*="_mlink"]:active , [class^="lab_"][class*="_mlink"]:visited {color:#fff;}
.lab_line {padding: 1px 6px; color: #858585; border: 1px solid #999; line-height: 16px;} /* 2022-10-31 GGU477 추가 */

.lab_gold {width:56px; height:28px; background:url(/docfiles/resources/mo/images/com/label/ico_gold.png) no-repeat 50% 50%; background-size:56px 28px; border-radius:0;}
.lab_star {width:56px; height:28px; background:url(/docfiles/resources/mo/images/com/label/ico_star.png) no-repeat 50% 50%; background-size:56px 28px; border-radius:0;}
[class^="lab_number"] {min-width:32px; min-height:32px; background-color:#000; text-align:center;}
[class^="lab_number"] span {font-size:19px; line-height:32px; letter-spacing:-0.07px; color:#fff;}


/* Icon Text */
[class^="icotxt"], [class^="textbico"] {display:inline-block; position:relative; overflow:hidden; vertical-align:top;}
[class^="icotxt"] > span, [class^="icotxt"] > strong, [class^="textbico"] > span, [class^="textbico"] > strong {display:inline-block; position:relative; vertical-align:top;}
[class^="icotxtb"] {font-weight:700;}
[class^="icotxtb"][class*="_lt"], [class^="textbico"][class*="_lt"] {text-align:left;}
[class^="icotxtb"][class*="_rt"], [class^="textbico"][class*="_lt"] {text-align:right;}
[class^="icotxtb"][class*="_ct"], [class^="textbico"][class*="_lt"] {text-align:center;}

.w100p [class^="icotxt"], .w100p [class^="textbico"] {width:100%;}

[class^="icotxtb"][class*="_small"] {padding-left:16px;}
[class^="icotxtb"][class*="_mide"] {padding-left:24px;}
[class^="icotxtb"][class*="_larg"] {padding-left:32px;}
[class^="icotxtb"][class*="_small"]:before {width:16px; height:16px; top:2px; background:url(/docfiles/resources/mo/images/com/icon/w16/ico_plusB.png) no-repeat 50% 50%; background-size:16px 16px;}
[class^="icotxtb"][class*="_mide"]:before {width:16px; height:16px; top:2px; background:url(/docfiles/resources/mo/images/com/icon/w16/ico_plusB.png) no-repeat 50% 50%; background-size:16px 16px;}
[class^="icotxtb"][class*="_larg"]:before {width:24px; height:24px; top:-2px; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_plusB.png) no-repeat 50% 50%; background-size:24px 24px;}
[class^="icotxtb"][class*="_xlarg"]:before {width:24px; height:24px; top:2px; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_plusB.png) no-repeat 50% 50%; background-size:24px 24px;}
[class^="icotxtb"][class*="_xxlarg"]:before {width:32px; height:32px; top:-3px; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_plusB.png) no-repeat 50% 50%; background-size:32px 32px;}
[class^="icotxtb"][class*="_small_wht"]:before {background-image:url(/docfiles/resources/mo/images/com/icon_plusS_wht01.png);}
[class^="icotxtb"][class*="_mide_wht"]:before {background-image:url(/docfiles/resources/mo/images/com/icon_plusS_wht01.png);}
[class^="icotxtb"][class*="_larg_wht"]:before {background-image:url(/docfiles/resources/mo/images/com/icon_plusM_wht01.png);}
[class^="icotxtb"][class*="_xlarg_wht"]:before {background-image:url(/docfiles/resources/mo/images/com/icon_plusL_wht01.png);}
[class^="icotxtb"][class*="_xxlarg_wht"]:before {background-image:url(/docfiles/resources/mo/images/com/icon_plusXxl_wht01.png);}

[class^="textbico"][class*="_small"] {padding-right:16px;}
[class^="textbico"][class*="_mide"] {padding-right:24px;}
[class^="textbico"][class*="_larg"] {padding-right:32px;}
[class^="textbico"][class*="_small"] {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:16px 16px;}
[class^="textbico"][class*="_mide"] {background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:24px 24px;}
[class^="textbico"][class*="_larg"] {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward.png) no-repeat 100% 50%; background-size:32px 32px;}
[class^="textbico"][class*="_small"][class*="_gry"] {background-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_gry_a40.png)}/* Q10048 색상 변경으로 일괄 변경 */
[class^="textbico"][class*="_mide"][class*="_gry"] {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_gry.png);}
[class^="textbico"][class*="_larg"][class*="_gry"] {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward_gry.png);}
[class^="textbico"][class*="_small"][class*="_link"] {background-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_blue.png);}
[class^="textbico"][class*="_mide"][class*="_link"] {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_blue.png);}
[class^="textbico"][class*="_larg"][class*="_link"] {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward_blue.png);}
[class^="textbico"][class*="_small"][class*="_emelard"] {background-image:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_emelard.png);}
[class^="textbico"][class*="_mide"][class*="_emelard"] {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_emelard.png);}
[class^="textbico"][class*="_larg"][class*="_emelard"] {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward_emelard.png);}
[class^="textbicoNum"] .h4_b_1ln {margin-top:-2px;}
[class^="textbico"][class*="_small"][class*="_wht"] {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_wht.png) no-repeat 100% 50%; background-size:16px 16px;}
[class^="textbico"][class*="_mide"][class*="_wht"] {background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward_wht.png) no-repeat 100% 50%; background-size:24px 24px;}
[class^="textbico"][class*="_larg"][class*="_wht"] {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_forward_wht.png) no-repeat 100% 50%; background-size:32px 32px;}

[class^="ico"] {display:inline-block;}
.ico {display:inline-block; position:relative; vertical-align:top;}

.ico.w16 {width:16px; height:16px; background-size:16px 16px !important; mask-size:16px 16px; -webkit-mask-size:16px 16px;}
.ico.w20 {width:20px; height:20px; background-size:20px 20px !important; mask-size:20px 20px; -webkit-mask-size:20px 20px;} /* 2023-05-12 GGU477 w20 추가 */
.ico.w24 {width:24px; height:24px; background-size:24px 24px !important; mask-size:24px 24px; -webkit-mask-size:24px 24px;}
.ico.w32 {width:32px; height:32px; background-size:32px 32px !important;}
.ico.w40 {width:40px; height:40px; background-size:40px 40px !important;}
.ico.w48 {width:48px; height:48px; background-size:48px 48px !important;}
.ico.w64 {width:64px; height:64px; background-size:64px 64px !important;}
.ico.w80 {width:80px; height:80px; background-size:80px 80px !important;}
.ico.w112 {width:112px; height:112px; background-size:112px 112px !important;}

/* 아이콘 이미지 */
/* 16 아이콘 */
.ico_address.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_address.png) no-repeat 50% 50%;}
.ico_airplane.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_airplane.png) no-repeat 50% 50%;}
.ico_alert.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.png) no-repeat 50% 50%;}
.ico_alert.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert.png) no-repeat 50% 50%;}
.ico_alert_blue.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert_blue.png) no-repeat 50% 50%;}
.ico_alert_line.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert_line.png) no-repeat 50% 50%;}
.ico_alert_line_blue.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert_line_blue.png) no-repeat 50% 50%;}
.ico_alert_line_red.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert_line_red.png) no-repeat 50% 50%;}
.ico_alert_red.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_alert_red.png) no-repeat 50% 50%;}
.ico_appcard.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_appcard.png) no-repeat 50% 50%;}
.ico_arrow_downOval.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrow_downOval.png) no-repeat 50% 50%;}
.ico_arrow_downOval_wht.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrow_downOval_wht.png) no-repeat 50% 50%;}
.ico_arrow_downSolid.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrow_downSolid.png) no-repeat 50% 50%;}
.ico_arrow_upSolid.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrow_upSolid.png) no-repeat 50% 50%;}
.ico_arrowB_back.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_back.png) no-repeat 50% 50%;}
.ico_arrowB_back_wht.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_back_wht.png) no-repeat 50% 50%;}
.ico_arrowB_down.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_down.png) no-repeat 50% 50%;}
.ico_arrowB_down_wht.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_down_wht.png) no-repeat 50% 50%;}
.ico_arrowB_forward.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward.png) no-repeat 50% 50%;}
.ico_arrowB_forward_wht.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_forward_wht.png) no-repeat 50% 50%;}
.ico_arrowB_up.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_up.png) no-repeat 50% 50%;}
.ico_arrowB_up_wht.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_arrowB_up_wht.png) no-repeat 50% 50%;}
.ico_barCode.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_barCode.png) no-repeat 50% 50%;}
.ico_beauty.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_beauty.png) no-repeat 50% 50%;}
.ico_bell.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_bell.png) no-repeat 50% 50%;}
.ico_bell_notibox.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_bell_notibox.png) no-repeat 50% 50%;}
.ico_benefitbox.w16 {background:url(/docfiles/resources/mo/images/com/icon/w16/ico_benefitbox.png) no-repeat 50% 50%;}
.ico_tip02.w16, .ico_tip02.w20 { background-color:#858585; background-repeat:no-repeat; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_tip.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_tip.svg);background-size: 16px 16px !important;} /* 2023-08-31 GGU442 - 추가 */
/* 24 아이콘 */
.icon_Benefitbox.w24 {background:url(/docfiles/resources/mo/images/com/icon/w24/ico_benefitbox.png) no-repeat 50% 50%;}
.icon_Lock_On.w24 {background:url(/docfiles/resources/mo/images/com/icon/w24/ico_lock_on.png) no-repeat 50% 50%;}
/* .icon_Lock_Off.w24 {background:url(/docfiles/resources/mo/images/com/icon/w24/ico_Lock_Off.png) no-repeat 50% 50%;} */
.icon_SearchB.w24 {background:url(/docfiles/resources/mo/images/com/icon/w24/ico_searchB.png) no-repeat 50% 50%;}
.ico_tip.w24 { background-color:#000; background-repeat:no-repeat; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_tip_line.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_tip_line.svg);}
.ico_tip02.w24 { background-color:#000; background-repeat:no-repeat; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_tip.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_tip.svg);} /* 2022-08-31 GGU282 - 추가 */
.ico_arrowB_forward.w24 { background-color:#000 no-repeat 50% 50%; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.svg);}
/* 32 아이콘 */
.icon_SearchB.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_search.png) no-repeat 50% 50%;}
.ico_paperDown.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_paperDown.png) no-repeat 50% 50%;}
.ico_print.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_print.png) no-repeat 50% 50%;}
.ico_sms.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_sms.png) no-repeat 50% 50%;}
.ico_sorting.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_sorting.png) no-repeat 50% 50%;}
.ico_arrowB_down_wht.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down_wht.png) no-repeat 50% 50%;}
.ico_arrowB_down.w32 {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat 50% 50%;}




/* bullet */
.h3_b_lt + .box_bul {margin-top:22px;}
.box_bul strong {font-weight:700;}
[class^="bul_"], [class^="dash_"] {position:relative;}
[class^="bul_"][class*="txt"], [class^="dash_"][class*="txt"] {padding-left:8px; font-weight:500; font-size:16px; line-height:26px;} /* 2022-06-07 GGCP31 font-size:14px; line-height:22px; */
[class^="bul_"][class*="list"] > li, [class^="dash_"][class*="list"] > li {position:relative; padding-left:8px; font-weight:500; font-size:16px; line-height:26px;} /* 2022-06-07 GGCP31 font-size:14px; line-height:22px; */
[class^="bul_"][class*="txt"]:before, [class^="bul_"][class*="list"] > li:before {content:''; display:inline-block; position:absolute; top:12px; left:0; width:2px; height:2px; background:#949494; border-radius:100%;} /* 2023-07-28 Q20016 top:10px -> 12px로 수정 */
[class^="dash_"][class*="txt"]:before, [class^="dash_"][class*="list"] > li:before {content:''; display:inline-block; position:absolute; top:11px; left:0; width:4px; height:1px; background:#949494;}
[class^="bul_"][class*="list"] > li + li,
[class^="dash_"][class*="list"] > li + li {margin-top:6px;}
[class^="bul_"][class*="list02"] > li, [class^="dash_"][class*="list02"] > li,
[class^="bul_"][class*="txt02"], [class^="dash_"][class*="txt02"] {position:relative; padding-left:8px; font-size:14px; font-weight:500; line-height:22px; color:#5c5c5c;} /* 2022-06-02 GGCP31 컬러 재설정 */
[class^="bul_"][class*="list02"] > li + li,
[class^="dash_"][class*="list02"] > li + li {margin-top:6px;}
[class^="bul_"][class*="list02"][class*="fc"][class*="_a64"] > li,
[class^="dash_"][class*="list02"][class*="fc"][class*="_a64"] > li,
[class^="bul_"][class*="txt02"][class*="fc"][class*="_a64"],
[class^="dash_"][class*="txt02"][class*="fc"][class*="_a64"]{color:rgba(0,0,0,0.64);} /* 2022-06-02 GGCP31 컬러 재설정 */
[class^="bul_"][class*="list02"][class*="fc"][class*="_a48"] > li,
[class^="dash_"][class*="list02"][class*="fc"][class*="_a48"] > li,
[class^="bul_"][class*="txt02"][class*="fc"][class*="_a48"],
[class^="dash_"][class*="txt02"][class*="fc"][class*="_a48"]{color:rgba(0,0,0,0.48);} /* 2022-06-02 GGCP31 컬러 재설정 */
/* Q10048 가이드 추가  */
[class^="bul_"][class*="list03"] > li + li,
[class^="dash_"][class*="list03"] > li + li {margin-top:8px;}
[class^="bul_"][class*="list02"] > li:before, [class^="dash_"][class*="list02"] > li:before,
[class^="bul_"][class*="txt02"]:before, [class^="dash_"][class*="txt02"]:before,
[class^="bul_"].fc_m_a64 > li:before, [class^="dash_"].fc_m_a64 > li:before,
[class^="bul_"].fc_m_a64:before, [class^="dash_"].fc_m_a64:before {background-color:rgba(0, 0, 0, 0.40); top:10px} /* 2022-01-18 Q10112 : 컬러 재설정 */ /* 2023-07-28 Q20016 top:10px 추가 */
[class^="bul_"].fc_m_a40 > li, [class^="dash_"].fc_m_a40 > li,
[class^="bul_"].fc_m_a40, [class^="dash_"].fc_m_a40 {color:rgba(0, 0, 0, 0.40);} /* 2022-01-18 Q10112 : 컬러 재설정 */
[class^="bul_"].fc_m_a40 > li:before, [class^="dash_"].fc_m_a40 > li:before,
[class^="bul_"].fc_m_a40:before, [class^="dash_"].fc_m_a40:before {background-color:rgba(0, 0, 0, 0.40);}
[class^="bul_"][class*="list"] > li .link,
[class^="dash_"][class*="list"] > li .link {color:#0091ff}
[class^="bul_"][class*="list03"] > li,
[class^="dash_"][class*="list03"] > li {position:relative; padding-left:6px; font-size:12px; line-height:16px; color:#858585;}
[class^="bul_"][class*="txt03"]:before,
[class^="bul_"][class*="list03"] > li:before,
[class^="dash_"][class*="txt03"]:before,
[class^="dash_"][class*="list03"] > li:before  {top:7px;}
/*  폰트 사이즈 추가 */
.fs_010 {font-size: 10px !important;}
.fs_011 {font-size: 11px !important;}
.fs_012 {font-size: 12px !important;}
.fs_013 {font-size: 13px !important;}
.fs_014 {font-size: 14px !important;}
.fs_016 {font-size: 16px !important;}
.fs_018 {font-size: 18px !important;}
.fs_020 {font-size: 20px !important;}
/* //2023-02-14 GGU477 010~013, 018 추가 */

/* 2023-08-21 Q20016 추가 */
.star_txt {padding-left: 11px; position: relative;}
.star_txt::before { content: '*'; display: inline-block; width: 10px; position: absolute; top:3px; left: 0;}

/* Q10048 심의필 폰트 굵기 추가 */
.fw_bold,
.fw_bold li {font-weight:700 !important;}
/*utils*/
.t_indent6, .t_indent6 > li {padding-left:6px; text-indent:-6px;} .t_indent7, .t_indent7 > li {padding-left:7px; text-indent:-7px;} .t_indent8, .t_indent8 > li {padding-left:8px; text-indent:-8px;} .t_indent9, .t_indent9 > li {padding-left:9px; text-indent:-9px;} .t_indent10, .t_indent10 > li {padding-left:10px; text-indent:-10px;} .t_indent11, .t_indent11 > li {padding-left:11px; text-indent:-11px;} .t_indent12, .t_indent12 > li {padding-left:12px; text-indent:-12px;} .t_indent13, .t_indent13 > li {padding-left:13px; text-indent:-13px;} .t_indent14, .t_indent14 > li {padding-left:14px; text-indent:-14px;} .t_indent15, .t_indent15 > li {padding-left:15px; text-indent:-15px;} .t_indent16, .t_indent16 > li {padding-left:16px; text-indent:-16px;} .t_indent17, .t_indent17 > li {padding-left:17px; text-indent:-17px;} .t_indent18, .t_indent18 > li {padding-left:18px; text-indent:-18px;} .t_indent19, .t_indent19 > li {padding-left:19px; text-indent:-19px;} .t_indent20, .t_indent20 > li {padding-left:20px; text-indent:-20px;}
span.eacute { display: inline !important; } span.eacute:before { content: "\00E9"; display: inline !important; } /*purple osee*/

/* margin */
.mt0{margin-top:0 !important;}.mt2{margin-top:2px !important}.mt3{margin-top:3px !important}.mt4{margin-top:4px !important}.mt5{margin-top:5px !important}.mt6{margin-top:6px !important}.mt7{margin-top:7px !important}.mt8{margin-top:8px !important}.mt9{margin-top:9px !important;}.mt10{margin-top:10px !important;}.mt11{margin-top:11px !important;}.mt12{margin-top:12px !important}.mt13{margin-top:13px !important}.mt14{margin-top:14px !important}.mt15{margin-top:15px !important}.mt16{margin-top:16px !important}.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;}.mt40{margin-top:40px !important}.mt41{margin-top:41px !important}.mt42{margin-top:42px !important}.mt43{margin-top:43px !important}.mt44{margin-top:44px !important}.mt45 {margin-top:45px !important;}.mt48{margin-top:48px !important}.mt49{margin-top:49px !important}.mt50{margin-top:50px !important;}.mt51{margin-top:51px !important}.mt52{margin-top:52px !important}.mt54{margin-top:54px !important;}.mt55{margin-top:55px !important}.mt56{margin-top:56px !important}
.mt57{margin-top:57px !important} .mt58{margin-top:58px !important} .mt59{margin-top:59px !important} /* 2022-07-08 GGU477 추가 */
.mt60{margin-top:60px !important} .mt61{margin-top:61px !important} .mt62{margin-top:62px !important} .mt63{margin-top:63px !important}.mt64{margin-top:64px !important}.mt67{margin-top:67px !important}.mt68{margin-top:68px !important}.mt69{margin-top:69px !important}.mt70{margin-top:70px !important}.mt71{margin-top:71px !important}.mt72{margin-top:72px !important}.mt75{margin-top:75px !important}.mt78{margin-top:78px !important}.mt80{margin-top:80px !important}.mt84{margin-top:84px !important}.mt88{margin-top:88px !important}.mt93{margin-top:93px !important}.mt100{margin-top:100px !important}.mt110{margin-top:110px !important}.mt120{margin-top:120px !important}

.mt-16 {margin-top: -16px !important;} /* 2024-01-19 GGU477 추가 */
.mt-20 {margin-top: -20px !important;} /* 2024-04-09 GGU477 추가 */

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb16 {margin-bottom:16px !important;}
.mb24 {margin-bottom:24px !important;}
.mb28 {margin-bottom:28px !important;}
.mb32 {margin-bottom:32px !important;}
.mb36 {margin-bottom:36px !important;}
.mb40 {margin-bottom:40px !important;}
.mb43 {margin-bottom:43px !important;}
.mb44 {margin-bottom:44px !important;} /* 2023-01-02 GGU282 - 추가 */
.mb55 {margin-bottom:55px !important;}
.mb64 {margin-bottom:64px !important;}
.mb67 {margin-bottom:67px !important;}

.ml0 {margin-left: 0 !important;}
.ml4 {margin-left: 4px !important;}

.mr0 {margin-right: 0 !important;} /* 2023-02-14 GGU477 추가 */
.mr2 {margin-right: 2px !important;} .mr4 {margin-right: 4px !important;} .mr6 {margin-right: 6px !important;} .mr8 {margin-right: 8px !important;} .mr10 {margin-right: 10px !important;} .mr12 {margin-right: 12px !important;} .mr14 {margin-right: 14px !important;} .mr16 {margin-right: 16px !important;} .mr18 {margin-right: 18px !important;} .mr20 {margin-right: 20px !important;} .mr24 {margin-right: 24px !important;} /* 2024-03-28 GGU477 추가 */

/* padding */
.pt0 {padding-top: 0px !important;} 
.pt1 {padding-top: 1px !important;} .pt2 {padding-top: 2px !important;} .pt3 {padding-top: 3px !important;} .pt4 {padding-top: 4px !important;} 
.pt10 {padding-top: 10px !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;}.pt22 {padding-top: 22px !important;}.pt24 {padding-top: 24px !important;}.pt26 {padding-top: 26px !important;}.pt28 {padding-top: 28px !important;}
.pt30 {padding-top: 30px !important;}.pt32 {padding-top: 32px !important;}.pt34 {padding-top: 34px !important;}.pt36 {padding-top: 36px !important;}.pt38 {padding-top: 38px !important;}
.pt40 {padding-top: 40px !important;}.pt42 {padding-top: 42px !important;}.pt44 {padding-top: 44px !important;}.pt46 {padding-top: 46px !important;}.pt48 {padding-top: 48px !important;}
.pt50 {padding-top: 50px !important;}.pt52 {padding-top: 52px !important;}.pt54 {padding-top: 54px !important;}.pt56 {padding-top: 56px !important;}.pt58 {padding-top: 58px !important;} /* 2024-01-23 GGU477 추가 */

.pd0 {padding: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pb1 {padding-bottom: 1px !important;} .pb2 {padding-bottom: 2px !important;} .pb3 {padding-bottom: 3px !important;} .pb4 {padding-bottom: 4px !important;} .pb5 {padding-bottom: 5px !important;} .pb6 {padding-bottom: 6px !important;} .pb7 {padding-bottom: 7px !important;} .pb8 {padding-bottom: 8px !important;} .pb9 {padding-bottom: 9px !important;} .pb10 {padding-bottom: 10px !important;}
.pb12 {padding-bottom: 12px !important;} .pb18{padding-bottom: 18px !important;}
.pb150 {padding-bottom: 150px !important;}

.pl0 {padding-left: 0 !important;}
.pl8 {padding-left: 8px !important;} /* 2022-11-28 Q20016 추가 */
.pl20{padding-left: 20px !important;}/* 2024-05-14 Q20542 추가 */

.pr0 {padding-right: 0 !important;} /* 2023-02-14 GGU477 추가 */

/* box padding - 2022-07-11 GGU477 추가 */
.pd_x0{padding-left: 0px !important;padding-right: 0px !important;} .pd_x4{padding-left: 4px !important; padding-right: 4px !important;} .pd_x8 {padding-left: 8px !important; padding-right: 8px !important;}
.pd_x12{padding-left:12px !important;padding-right:12px !important;}.pd_x16{padding-left:16px !important;padding-right:16px !important;}
.pd_x24{padding-left:24px !important;padding-right:24px !important;}
.pd_y1{padding-top:1px !important;padding-bottom:1px !important;}.pd_y2{padding-top:2px !important;padding-bottom:2px !important;}.pd_y3{padding-top:3px !important;padding-bottom:3px !important;}
.pd_y4{padding-top:4px !important;padding-bottom:4px !important;}.pd_y5{padding-top:5px !important;padding-bottom:5px !important;}.pd_y6{padding-top:6px !important;padding-bottom:6px !important;}.pd_y7{padding-top:7px !important;padding-bottom:7px !important;}.pd_y8{padding-top:8px !important;padding-bottom:8px !important;}
.pd_y10 {padding-top: 10px !important; padding-bottom: 10px !important;}.pd_y11 {padding-top: 11px !important; padding-bottom: 11px !important;}.pd_y12 {padding-top: 12px !important; padding-bottom: 12px !important;}.pd_y13{padding-top:13px !important;padding-bottom:13px !important;}.pd_y14 {padding-top: 14px !important; padding-bottom: 14px !important;}.pd_y15 {padding-top: 15px !important; padding-bottom: 15px !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_y20{padding-top:20px !important;padding-bottom:20px !important;}.pd_y40{padding-top:40px !important;padding-bottom:40px !important;} .pd_y50 {padding-top: 50px !important; padding-bottom: 50px !important;} .pd_y60 {padding-top: 60px !important; padding-bottom: 60px !important;} .pd_y70 {padding-top: 70px !important; padding-bottom: 70px !important;}.pd_y80 {padding-top: 80px !important; padding-bottom: 80px !important;} .pd_y90 {padding-top: 90px !important; padding-bottom: 90px !important;} .pd_y100 {padding-top: 100px !important; padding-bottom: 100px !important;} .pd_y110 {padding-top: 110px !important; padding-bottom: 110px !important;} .pd_y120 {padding-top: 120px !important; padding-bottom: 120px !important;}

/* width - 2023-02-17 GGU477 추가 */
.w68 {width: 68px !important;}
.w70 {width: 70px !important;}
.w72 {width: 72px !important;}
.w180 {width: 180px !important;}

/* border - 2022-07-15 GGU477 추가 */
.bd_no {border: none !important;}
.bdt_no {border-top: none !important;}
.bdb_no {border-bottom: none !important;}
.bdl_no {border-left: none !important;}
.bdr_no {border-right: none !important;}
/* 2023-02-17 GGU477 border 추가(혜택 메뉴 클래스 동일) */
.bd_t1_a04{border-top:1px solid #f5f5f5 !important}
.bd_t1_a08{border-top:1px solid #ebebeb !important}
.bd_t1_a12{border-top:1px solid #e0e0e0 !important;}
.bd_t1_a20{border-top:1px solid #ccc !important}
.bd_t1_a40{border-top:1px solid #949494 !important}
.bd_t1_000{border-top:1px solid #000 !important}
.bd_t2_000{border-top:2px solid #000 !important}
.bd_t2_a80{border-top:2px solid #333 !important}

.bd_b1_a04{border-bottom:1px solid #f5f5f5 !important}
.bd_b1_a08{border-bottom:1px solid #ebebeb !important}
.bd_b1_a12{border-bottom:1px solid #e0e0e0 !important;}
.bd_b1_a20{border-bottom:1px solid #ccc !important}
.bd_b1_a40{border-bottom:1px solid #949494 !important}
.bd_b1_000{border-bottom:1px solid #000 !important}
.bd_b2_000{border-bottom:2px solid #000 !important}
.bd_b2_a80{border-bottom:2px solid #333 !important}

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

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

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


/* divr */
.divr_line, .divr_line_cons {position:relative;}
[class*="divr_line"]:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:1px; background:#000; opacity:0.04;}
.divr_line_cons:before {opacity:0.12;}
/* 2022-08-31 GGU282 - 추가 */
.divr_bline, .divr_bline_cons {position:relative;}
[class*="divr_bline"]:after {content:''; display:inline-block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000; opacity:0.04;}
.divr_bline_cons:after {opacity:0.12;}
/* //2022-08-31 GGU282 - 추가 */
.divr_dot {position:relative;}
.divr_dot:after {content:''; display:block; clear:both;}
.divr_dot > .divr_txt {position:relative; float:left; margin-right:4px; padding-right:6px; color:rgba(0,0,0,0.48);}
.divr_dot > .divr_txt:before {content:''; display:inline-block; position:absolute; top:10px; right:0; width:2px; height:2px; background-color:rgba(0,0,0,0.08);}
.divr_dot > .divr_txt:last-child{margin-right:0; padding-right:0;}
.divr_dot > .divr_txt:last-child:before{display:none;}
.divr_dot + .divr_dot {margin-top:2px;}
.divr_dot > .divr_txt.fc_m_alert {color:#ff0000;}
.divr_dot > .divr_txt.fc_m_link {color:#0070f0;}
.divr_col {position:relative;}
.divr_col:after {content:''; display:block; clear:both;}
.divr_col > .divr_txt {position:relative; float:left; margin-right:4px; padding-right:6px;}
.divr_col > .divr_txt:before {content:''; display:inline-block; position:absolute; top:5px; right:0; width:1px; height:12px; background-color:rgba(0,0,0,0.08);}
.divr_col > .divr_txt:last-child{margin-right:0; padding-right:0;}
.divr_col > .divr_txt:last-child:before{display:none;}
.divr_dot sup {vertical-align:top;}

/* shadow */
.shd_down01 {box-shadow:0px 2px 4px 0px rgba(0,0,0,0.08);}
.shd_down02 {box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08);}
.shd_down022 {box-shadow:0px 8px 16px 0px rgba(0,0,0,0.08);}
.shd_down03 {box-shadow:0px 8px 16px 0px rgba(0,0,0,0.16);}
.shd_down04 {box-shadow:0px 16px 20px 0px rgba(0,0,0,0.16);}
.shd_down05 {box-shadow:0px 16px 32px 0px rgba(0,0,0,0.16);}
.shd_up01 {box-shadow:0px -20px 28px 0px rgba(0,0,0,0.8);}

/* table */
.box_Ta.h56 tbody th {padding:17px 0; border-bottom:1px solid #ccc;}
.box_Ta.h56 tbody td {padding:17px 0; border-bottom:1px solid #ccc;}
.box_Ta.h48 tbody th {padding:13px 0; border-bottom:1px solid #ccc;}
.box_Ta.h48 tbody td {padding:13px 0; border-bottom:1px solid #ccc;}
.box_Ta.h130 thead th,
.box_Ta.h130 tbody th,
.box_Ta.h130 tbody td { padding:40px 24px; border-bottom:1px solid #ccc; }

.box_title01 + .box_table {margin-top:18px;}
.box_table + .box_title01 {margin-top:80px;}
.box_table + .box_bul {margin-top:48px;}
.box_bul + .box_title01 {margin-top:120px;}

.tbl01 .tit01 {padding:5px 0 3px;}
.tbl01 .txt01 {padding:5px 0 3px; vertical-align:top;}


/* 세로형 표 */
.tbl_row01 {text-align:center;}
.tbl_row01 th {padding:17px 0; border-top:1px solid #000;border-bottom:1px solid #ebebeb;}
.tbl_row01 td {padding:17px 0; border-bottom:1px solid #ebebeb;}
.tbl_row01 .list_none td {padding:100px 0 92px;}
.box_table + .p3_m_lt_2ln {margin-top:8px;}

/* 2022-10-24 Q20016 테이블 좌우 스크롤 */
.table_scroll {overflow-x:auto}
.table_scroll > table {width: 200%;}

/* 내역 부분 */
.cel_list {padding:19px 0 17px;}
[class*="cel_"]:after {content:''; display:block; clear:both;}
.cel_list + .box_btn {margin-top:12px;}
.cel_list02 {padding:9px 0 7px;}
.cel_list03 {padding:3px 0 5px;}
.cel_list03 + .divr_col {margin-top:21px;}
.cel_list04 {padding:10px 0 8px;}
.cel_list05 {padding:14px 0 12px;}
.cel_list06 {padding:11px 0 11px;}
.cel_list07 {padding:12px 0 12px;}
[class*="cel_list"] [class*="cel_list_top"]:after {content:''; display:block; clear:both;}
[class*="cel_list"] [class*="cel_list_info"]:after {content:''; display:block; clear:both;}
[class*="cel_list"] [class*="cel_list_top"] + [class*="cel_list_info"] {margin-top:4px;}
[class*="cel_list"] .cel_list_info + .cel_list_info {margin-top:6px;}
[class*="cel_list"] .cel_list_info + .cel_list_info02 {margin-top:9px;}
[class*="cel_list"] .divr_dot + .p2_m_lt_1ln {margin-top:2px;}
.cel_list_info02 p.p2_m_lt_1ln + p.p2_m_lt_1ln {margin-top:16px;}
/* 총 부분 */
.cel_total {margin-top:18px;}
.cel_total .box_info01 {padding:18px 0 16px;}
.cel_total .box_info02 {padding:10px 0 6px;}
.cel_total02 .box_info01 {padding:14px 0 12px;}
.cel_total02 .box_info02 {padding:9px 0 7px;}


/* 툴팁 */
.wrap_tooltip {display:inline-block; position:relative; font-size:0}
.wrap_tooltip > * {vertical-align:middle}
.wrap_tooltip [class^="btn"] { vertical-align:middle; }
[class^="btn_tooltip"]:focus + .box_tooltip,
[class^="btn_tooltip"]:hover + .box_tooltip {display:block}
.box_tooltip {position:absolute; z-index:100; display:none; right:-16px; bottom:100%; width:268px; margin-bottom:8px; padding:20px; background:#fff; border-radius:8px; box-shadow:0 8px 16px 0 rgba(0,0,0,.16)}
.box_tooltip:after {content:''; position:absolute; right:24px; bottom:0; margin-bottom:-4px; width:0; height:0; border-style:solid; border-width:4px 4px 0 4px; border-color:#fff transparent transparent transparent}
.box_tooltip.size_l {width:420px}
.box_tooltip.size_m {width:360px}
.box_tooltip.center {right:12px}
.box_tooltip.center:after {right:50%; margin-right:-4px}
.box_tooltip.size_l.center {margin-right:-210px}
.box_tooltip.size_m.center {margin-right:-180px}
.box_tooltip.left {right:auto; left:-16px}
.box_tooltip.left:after {right:auto; left:24px}
.box_tooltip.bottom {top:100%;bottom:auto;}
.box_tooltip .inner_tooltip > ol > li > p {text-indent:-1.2em; padding-left:1.2em}
.box_tooltip .inner_tooltip > ol > li ~ li {margin-top:4px}
.box_tooltip .inner_tooltip > ol > li > ul {margin-top:8px}
.box_tooltip .inner_tooltip > ol > li > ul li {position:relative; padding-left:8px}
.box_tooltip .inner_tooltip > ol > li > ul li:after {content:''; position:absolute; left:0; top:7px; width:2px; height:2px; background-color:#000; opacity:.4; border-radius:100%}

/* tag */
[class^="list_tag"]:after {content:''; display:block; clear:both;}
[class^="list_tag"] > li {float:left; margin:0 4px 4px 0;}
[class^="list_tag"] > li a {position:relative; font-size:14px; line-height:20px; font-weight:400; color:#000;}
[class^="list_tag"] > li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.08;}
[class^="list_tag"][class*="_h32"] > li a {padding:6px 12px; border-radius:20px;}
[class^="list_tag"][class*="_h40"] > li a {padding:9px 13px 9px 12px; border-radius:30px;}
[class*="list_category0"]:after {content:''; display:block; clear:both;}
[class*="list_category0"] > li {position:relative; float:left;}
[class*="list_category0"] > li + li:before {content:''; position:absolute; top:5px; left:0; width:1px; height:12px; background-color:#f1f1f1;}
[class*="list_category0"] > li a {display:inline-block;}
.list_category01 > li + li {margin-left:12px; padding-left:13px;}
.list_category01 > li a {padding:16px 0 14px; font-size:16px; line-height:22px; color:#949494;}
.list_category01  > li + li:before {top:20px;}
.list_category01 > li.on a {font-weight:700; color:#000;}
/* 2022-10-31 GGU477 BG 타입 추가 */
.list_category01.bg {margin: 0 -24px; background: rgba(0,0,0,0.02); padding: 0 24px;}
.list_category01.bg > li + li:before {background-color: #dcdcdc;}
/* 2022-11-09 GGU282 full 타입 추가 */
.list_category01.full {display:flex;}
.layer_body .list_category01.full {margin-left:-24px;margin-right:-24px;}
.list_category01.full > li {flex:1 1 0;position:relative;}
.list_category01.full > li,
.list_category01.full > li + li {margin:0;padding:0 10px;}
.list_category01.full > li:before {content:'';position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;height:1px;background:rgba(0,0,0,0.12);;}
.list_category01.full > li a {display:flex;height:100%;padding:15px 0;justify-content:center;align-items:center;text-align:center;font-weight:500;color:rgba(0,0,0,0.48);}
.list_category01.full > li.on:before {height:2px;background:#000;}
.list_category01.full > li.on a {font-weight:500;color:#000;}

.list_category02 > li + li {margin-left:12px; padding-left:13px;}
.list_category02 > li a {font-size:14px; line-height:20px; color:#949494;}
.list_category02 > li.on a {font-weight:700; color:#000;}
.list_category03 > li + li {margin-left:12px; padding-left:13px;}
.list_category03 > li a {font-size:14px; line-height:20px; color:#949494;}
.list_category03> li.on a {font-weight:700; color:#000;}

/* List Select Input */
.tab_content { display:none }
.list_sel_inp {position:relative;display:flex; display:-webkit-flex; text-align:center; flex-flow:wrap;}
.list_sel_inp.h160 {margin-left:-12px; margin-right:-12px;}
.list_sel_inp.h248 {margin-left:-12px; margin-right:-12px;}
.list_sel_inp.tab1 > li {width:100%}
.list_sel_inp.tab2 > li {width:50%}
.list_sel_inp.tab2 > li:nth-child(2n) { padding-right:0; }
.list_sel_inp.tab2 > li:nth-child(2n+1) { padding-left:0; }
.list_sel_inp.tab3 > li {width:33.33%}
.list_sel_inp.tab3 > li:nth-child(3n) { padding-right:0; }
.list_sel_inp.tab3 > li:nth-child(3n+1) { padding-left:0; }
.list_sel_inp.tab4 > li {width:25%}
.list_sel_inp.tab4 > li:nth-child(4n) { padding-right:0; }
.list_sel_inp.tab4 > li:nth-child(4n+1) { padding-left:0; }
.list_sel_inp.tab2 > li:nth-child(n+3),
.list_sel_inp.tab3 > li:nth-child(n+4),
.list_sel_inp.tab4 > li:nth-child(n+5) {padding-top:12px;}
/* 2023-09-13 Q20406(동근혁) 납부기간 추가 */
.list_sel_inp.tab3.type02 > li{width:25%;}
.list_sel_inp.tab3.type02 > li:nth-child(4) { padding-right:0; }
.list_sel_inp.tab3.type02 > li:nth-child(7) { padding-right:0; }
.list_sel_inp.tab3.type02 > li:nth-child(n+5) { width:33.33%; }
.list_sel_inp.tab3.type02 > li.direct_input { padding-left:2px; }
/* 탭 5개 고정(2+3) */
.list_sel_inp.tab5_type1 > li {width:50%}
.list_sel_inp.tab5_type1 > li:nth-child(2) ~ li {width:33.33%} /* //2022-03-31 GGU477 tab5_type1 추가 */

.list_sel_inp.h48 > li {padding:0 2px;}
.list_sel_inp.h48.tab1 > li {padding:0;} /* 2023-02-01 GGU282 - 추가 */
.list_sel_inp.h48:not([class*="tab"]) > li:first-child { padding-left:0; }
.list_sel_inp.h48:not([class*="tab"]) > li:last-child { padding-right:0; }
.list_sel_inp.h60 > li {padding:0 2px; position: relative;} /* 2023-02-14 GGU477 추가 */
.list_sel_inp.h64 > li {padding:0 8px}
.list_sel_inp.h64.type2 > li {margin:0 8px; padding:20px 0 0;}
.list_sel_inp.h160 > li,
.list_sel_inp.h248 > li {margin:0 12px; padding:24px 0 0;}
.list_sel_inp > li a,
.list_sel_inp > li label { position:relative; display:flex; display:-webkit-flex; width:100%; height:100%; min-height:48px; align-items:center; justify-content:center; padding:20px 5px 18px; font-weight:500; color:rgba(0,0,0,0.48); background-color:#fff; cursor:pointer;}
/* 2022-10-04 GGU477 h36 추가 */
.list_sel_inp.h36 > li {margin-top: 0;}
.list_sel_inp.h36 > li a, .list_sel_inp.h36 > li label {min-height: 36px; padding: 6px 5px 5px; border-radius: 4px;}
.list_sel_inp.h36 > li a:before, .list_sel_inp.h36 > li label:before {border-radius: 4px;}
.list_sel_inp.h48 > li a,
.list_sel_inp.h48 > li label {min-height:48px; padding:12px 5px 10px; border-radius:4px;}
.list_sel_inp.h56 > li a,
.list_sel_inp.h56 > li label {height: 56px; padding: 17px 5px; border-radius: 8px;} /* 2024-04-19 GGU477 추가 */
.list_sel_inp.h60 > li a,
.list_sel_inp.h60 > li label {min-height:60px; padding:10px 5px; border-radius:4px;} /* 2023-02-14 GGU477 추가 */
.list_sel_inp.h64 > li a,
.list_sel_inp.h64 > li label {min-height:64px; padding:20px 5px 18px; border-radius:8px;}
.list_sel_inp.h80 > li a,
.list_sel_inp.h80 > li label {min-height:80px; padding:20px 5px 18px; border-radius:10px;}
.list_sel_inp.h160 > li a,
.list_sel_inp.h160 > li label {min-height:160px; padding:38px 36px 35px; border-radius:16px; box-shadow:0px 4px 12px rgba(0,0,0,0.08);}
.list_sel_inp.h248 > li a,
.list_sel_inp.h248 > li label {min-height:248px; padding:0 5px; border-radius:16px; box-shadow:0px 4px 12px rgba(0,0,0,0.08);}
.list_sel_inp > li a:before,
.list_sel_inp > li label:before {content:''; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ccc;}
.list_sel_inp.type2 > li a:before,
.list_sel_inp.type2 > li label:before {border:1px solid #ebebeb;}
.list_sel_inp > li a:hover:before,
.list_sel_inp > li label:hover:before,
.list_sel_inp.type2 > li a:hover:before,
.list_sel_inp.type2 > li label:hover:before {border-color:#000;}
.list_sel_inp.h48 > li a:before,
.list_sel_inp.h48 > li label:before {border-radius:4px;}
.list_sel_inp.h60 > li a:before,
.list_sel_inp.h60 > li label:before {border-radius:4px;} /* 2022-03-31 GGU477 h60 추가 */
.list_sel_inp.h64  > li a:before,
.list_sel_inp.h64  > li label:before {border-radius:8px;}
.list_sel_inp.h80  > li a:before,
.list_sel_inp.h80  > li label:before {border-radius:10px;}
.list_sel_inp.h160 > li a:before,
.list_sel_inp.h248 > li a:before,
.list_sel_inp.h160 > li label:before,
.list_sel_inp.h248 > li label:before {border-radius:16px;}
.list_sel_inp > li.active a,
.list_sel_inp > li a.is-current,
.list_sel_inp > li input:focus + label,
.list_sel_inp > li input:checked + label {font-weight:700; color:#000;}
.list_sel_inp > li.active a:before,
.list_sel_inp > li a.is-current:before,
.list_sel_inp > li input:focus + label:before,
.list_sel_inp > li input:checked + label:before {border:2px solid #000}
.list_sel_inp > li input:disabled + label {color:#ccc; cursor:no-drop;}
.list_sel_inp > li .txt01 {letter-spacing:-0.7px;}
.list_sel_inp > li .tit01 + .txt01 {margin-top:4px;}
.list_sel_inp.h160 > li .tit01 + .txt01,
.list_sel_inp.h248 > li .tit01 + .txt01 {margin-top:11px;}
.list_sel_inp > li .box_label {position:absolute; top:-10px; left:0; right:0; z-index:2; width:100%; text-align:center;}
.list_sel_inp.h248 > li .col_table {min-height:248px;}
.list_sel_inp > li.w50p {width:calc(50% - 16px);}
.list_sel_inp > li.w33p {padding-top:0; width:calc(33.33% - 16px);}
.list_sel_inp > li.w33p:nth-child(n+4) { padding-top:12px; }
.list_sel_inp > li.w25p {width:calc(25% - 16px);}
.list_sel_inp + .box_select_input { margin-top:12px; }
/* 2021-01-28 Q10071: font-weight 기본 세팅 변경 */
.list_sel_inp > li a [class*="p1_b"],
.list_sel_inp > li label [class*="p1_b"] {font-weight:500}
.list_sel_inp > li.active a [class*="p1_b"],
.list_sel_inp > li a.is-current [class*="p1_b"],
.list_sel_inp > li input:focus + label [class*="p1_b"],
.list_sel_inp > li input:checked + label [class*="p1_b"] { font-weight:700 }

/* 2022-05-06 GGU282 [혜택]클럽서비스_클럽호텔 내 드롭다운형 다중체크박스 UI 추가 건 - 추가 */
/* 탭형태 체크박스 */
.list_chk_box_wrap {height:156px;margin-right:-10px;padding-right:10px;overflow-y:auto;}
.list_chk_box {position:relative;display:flex;display:-webkit-flex;flex-flow:wrap;justify-content:space-between;}
.list_chk_box > li {padding-bottom:4px;text-align:left;}
.list_chk_box.col1 > li {width:100%;}
.list_chk_box.col2 > li {width:calc(50% - 2px);}
.list_chk_box > li label {position:relative;display:flex;display:-webkit-flex;width:100%;height:100%;min-height:48px;align-items:center;justify-content:flex-start;padding:12px 36px 12px 16px;font-weight:700;color:rgba(0,0,0,0.48);background-color:#fff;cursor:pointer;color:#000;}
.list_chk_box > li label:after {content:'';position:absolute;top:50%;right:12px;width:24px;height:24px;margin-top:-12px;opacity:0.2;background:url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b.png) no-repeat 50% 50%; background-size:24px 24px;}
.list_chk_box > li input:checked + label:after {opacity:1;}
.list_chk_box > li label:before {content:'';overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ebebeb;border-radius:4px;}
.list_chk_box > li label:hover:before {border-color:#000;}
.list_chk_box > li input:focus + label,
.list_chk_box > li input:checked + label {font-weight:700;color:#000;}
.list_chk_box > li input:focus + label:before,
.list_chk_box > li input:checked + label:before {border:1px solid #000}
.list_chk_box > li input:disabled + label {color:#ccc;cursor:no-drop;}
/* //2022-05-06 GGU282 [혜택]클럽서비스_클럽호텔 내 드롭다운형 다중체크박스 UI 추가 건 - 추가 */
/* 2023-02-13 Q10552 다크모드 라운드 추가 */
.list_chk_box.dark_level > li label {border-radius: 5px;}

/* select */
select {display:none}
.select_wrap {position: relative; width:100%; z-index:8; text-align:left}
.select_wrap.on {z-index:12;}
.select_wrap.error {z-index:11; border:1px solid #fc3636;}
.select_wrap.error .btn_select {color:#fc3636;}
.select_wrap .btn_select {display:block; overflow:hidden; position: relative; height:48px; padding:0 36px 0 16px; font-size:16px; font-weight:400; color:#000; line-height:48px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.select_wrap .btn_select:before {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #ccc; border-radius:4px;}
.select_wrap .btn_select:hover:before {border-color:#000}
.select_wrap .btn_select:after {content:''; position: absolute; top:50%; margin-top:-12px; right:12px; width:24px; height:24px; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_down.png) 50% 50% no-repeat; background-size:24px 24px; transition:transform 200ms;}
.select_wrap.on .btn_select:after {transform:rotate(180deg);}
.select_wrap .ul_select_list {display:none; overflow-x:hidden; overflow-y:auto; position:absolute; top:100%; left:0; right:0; margin-top:8px; z-index:12; min-width:100%; height:0; max-height:480px; background-color:#fff;}
.select_wrap.on .ul_select_list {border:1px solid #000; border-radius:4px;}
.select_wrap .ul_select li {position:relative; height:48px}
.select_wrap .ul_select li:after {content:''; position:absolute; left:15px; bottom:0; right:15px; border-bottom:1px solid rgba(0,0,0,.04);}
.select_wrap .ul_select li:last-child:after {display:none}
.select_wrap .ul_select li a {display:block; height:48px; padding:0 20px 0 10px; font-size:16px; line-height:48px; color:#000; white-space:nowrap;}
.select_wrap .ul_select li.on a,
.select_wrap .ul_select li a:hover {background:rgba(0,0,0,.04)}
.select_wrap .ul_select li.on a {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png); background-repeat:no-repeat; background-position:calc(100% - 24px) 50%; background-size: 32px 32px;}
.select_wrap .ul_select_list .mCSB_inside > .mCSB_container {margin-right:0}
.box_select.h64 .select_wrap .ul_select li {height:64px}
.box_select.h64 .select_wrap .ul_select li a {height:64px; line-height:64px}
.box_select.h64 .select_wrap .btn_select {height:64px; line-height:64px}

[class^="select"] {display:inline-block;}
.box_select .drop_link {display:inline-block; position:relative; width:100%; background-color:#fff; border:1px solid #000; border-radius:4px;}
.box_select .drop_link a {display:inline-block; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_down.png) no-repeat calc(100% - 12px) 50%; background-size:24px 24px;}
.box_select .select_down {display:none; position:absolute; left:0; z-index:5; /* width:100%; */ min-width:100%; height:200px; background-color:#fff; border:1px solid #000; border-radius:4px;}
.box_select .select_down .mCSB_inside > .mCSB_container {margin-right:0;}
.box_select .select_down ul > li {position:relative; display:block}
.box_select .select_down ul > li.active {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png) no-repeat calc(100% - 24px) 50%; background-size:32px 32px;}
.box_select .select_down .dl_picker01 ul > li.active,
.dl_picker01 ul > li.active {background:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png) no-repeat 100% 50%; background-size:32px 32px;}
.box_select .select_down .list01 {width:100%;}
.box_select .select_down .list01 > li {margin:0; padding:0 24px 0 24px;}
.box_select .select_down .list02 > li {margin:0; padding:0 18px;}
.box_select .select_down .list01 > li a {position:relative; width:100%; padding:16px 40px 14px 0; border-top:1px solid #fff;}
.box_select .select_down .list01 > li + li a,
.box_select .select_down .list02 > li + li a {border-top:1px solid #f1f1f1;}
.box_select .select_down .list01 > li:hover,
.box_select .select_down .list02 > li:hover {background-color:#f5f5f5 ;}
.box_select .select_down .list01 > li a {display:inline-block; width:100%; height:100%; vertical-align:top;}
.box_select .mCSB_scrollTools {margin:5px 0;}
.box_select .p2_m_lt_1ln {margin-top:2px;}
.box_select.type2 .drop_link {border:0;}
.box_select.type2 .drop_link a {width:auto; padding:0 26px 0 0; background-position:100% 50%; line-height:inherit !important;}
.box_select.type2 .select_down {min-width:375px; height:283px;}
.box_select .select_down {top:34px;}

.box_select.h48 .drop_link {height:48px;}
.box_select.h48 .drop_link a {padding:0 36px 0 16px; line-height:46px;}
.box_select.h48 .select_down {top:56px;}
.box_select.h48 .select_down .list01 > li { padding:0 52px 0 15px;}
.box_select.h48 .select_down .list01 > li a {padding:14px 0 12px 0; white-space:nowrap}
.box_select.h48 .select_down .list01 > li + li a:before {left:16px; width:calc(100% - 32px);}

.box_select.h64 .drop_link {height:64px; border-radius:8px}
.box_select.h64 .select_down {top:72px; height:278px;}
.box_select.h64.type1 .drop_link a {padding:0 36px 0 20px; line-height:62px;}
.box_select.h64.type1 .select_down .list01 > li {padding:0 26px 0 20px;}
.box_select.h64.type1 .select_down .list01 > li a {padding:20px 0 18px 0;}
.box_select.h64 .select_down .list01 > li + li a:before {left:20px; width:calc(100% - 40px);}
.box_select.h64.type2 .drop_link a {padding:23px 54px 18px 18px;}
.box_select.h64.type2 .drop_link {padding:0;}

.box_select.h92.type2 .drop_link a {width:100%; padding:0; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat calc(100% - 20px) 50%; background-size:32px 32px; border:2px solid #000; border-radius:8px;}
.box_select.h92.type2 [class*="cel_"][class*="_cardP32"] {padding:20px 42px 20px 18px;}
.box_select.h92.type2 .img {float:left; margin-right:16px;}
.box_select.h92.type2 .img, .box_select.h64.type2 img {width:32px;}
.box_select.h92.type2 .select_down {top:100px; height:278px;}
.box_select.h92.type2 .select_down ul > li.active:before {top:9px; right:13px; width:40px; height:40px; background:url(/docfiles/resources/mo/images/com/icon/w40/ico_check_b.png) no-repeat 50% 50%; background-size:40px 40px;}

.box_select_like {display:inline-block; position:relative; width:100%; background-color:#fff; border:1px solid #000; border-radius:4px;}
.box_select_like a {display:inline-block; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat calc(100% - 12px) 50%; background-size:24px 24px;}
.box_select_like.h48 {height:48px;}
.box_select_like.h48 a {padding:0 36px 0 16px; line-height:46px;}
.box_select_like.h64 {border-radius:8px; height:64px}
.box_select_like.h64 a {padding:0 36px 0 20px; line-height:62px;}

.acc_number { display:flex; justify-content:space-between; }
.acc_number .input_acc_num { position:relative; display:flex; width:100%; align-items:center; }
.acc_number .input_acc_num[class*="h64"] { height:64px; }
.acc_number .drop_link { margin-right:3%; width:37%; display:flex; }
.acc_number .drop_link a { padding-left:21px; display:flex; align-items:center; }
.acc_number .drop_link + .input_cell_box { width:60%; }
.acc_number .drop_link + .input_cell_box + p {position: absolute; left: 40%; bottom: -20px;}

/* 명세서 select */
.box_select.statement{display:inline-block; text-align:center;}
.box_select.statement .drop_link {width:auto; border:0;}
.box_select.statement .drop_link a:before {display:none;}
.box_select.statement .drop_link a {padding-right:41px; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat 100% 50%; background-size:32px 32px; font-size:34px; line-height:44px; font-weight:800; letter-spacing:-0.2px; color:#000; vertical-align:top;}
.box_select.statement .drop_link a span {display:inline-block; border-bottom:1px solid #fff;}
.box_select.statement .drop_link a:hover span{border-color:#000;}
.box_select.statement .drop_link a .txt01 {padding-left:4px;}
.box_select.statement.on .drop_link a {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_up.png); background-size:32px 32px;}
.box_select.statement .select_down {top:auto; right:0; min-width:375px; height:auto; margin:3px auto 0;}

/* input - 2022-02-10 Q10112 datepicker span 타입추가 */
.input_datepicker {position:relative; display:inline-block; width:129px; height:48px;}
.input_datepicker:after {content:''; position:absolute; top:50%; left:calc(100% - 40px); z-index:4; width:24px; height:24px; transform:translateY(-50%); background-color:#000; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); mask-size:24px; -webkit-mask-size:24px;}
.input_datepicker span.input_txt{display:inline-block;}
.input_datepicker input[type="date"],
.input_datepicker span.input_txt {width:100%; height:100%; padding:13px 34px 13px 16px; font-weight:700; font-size:16px; line-height:22px;  border:1px solid #ebebeb; border-radius:4px;}
.input_datepicker input[type="date"]:hover,
.input_datepicker span.input_txt:hover {border:1px solid #000;}
.input_datepicker input[type="date"]:focus{border:2px solid #000; padding:11px 33px 11px 15px;}
.input_datepicker span.input_txt:focus{border:2px solid #000; padding:12px 34px 10px 15px;}
.input_datepicker input[type="date"]::-webkit-calendar-picker-indicator {position:absolute;width:2.5rem;height:100%;top:0;right:0;bottom:0;opacity:0;cursor:pointer;color:rgba(0, 120, 250, 1);background:rgba(0, 120, 250, 1);}
.input_datepicker .bar_dash {vertical-align:middle;}
/* // input - 2022-02-10 Q10112 datepicker span 타입추가 */
.box_date01 {display:flex; display:-webkit-flex; justify-content:flex-start;}
.box_date01 .list_sel_inp.h48 > li {padding-top:0;}
.box_date01 .list_sel_inp + .box_datepicker01 {margin-left:36px;}
.box_date01 .list_sel_inp > li {padding-top:0;}
.box_date01 .box_datepicker01 + .box_btn {margin-left:12px;}
.use_calendar input[type=text] { padding:13px 0 13px 16px; width:100%; height:100%; font-weight:700; font-size:16px; line-height:22px; background:none; border:0; }
.use_calendar input[type=text]:focus { outline:0; border:0; }
.use_calendar input[type=text] + button { position:absolute; top:50%; right:8px; width:24px; height:24px; background:#fff url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.png) no-repeat 0 0; background-size:24px 24px; transform:translateY(-50%); overflow:visible; font-size:0; }
.use_calendar .datepicker-wrap { display:flex; display:-ms-flexbox; align-items:center;}
.direct_cld label { position:relative; display:inline-block; width:100%; height:48px; padding-right:0; border:1px solid #e6e6e6; border-radius:4px; }
.direct_cld label.w129 { width:129px; }
/* 비활성화 케이스 추가 */
.input_datepicker.disabled:after{opacity:0.2;}
.input_datepicker.disabled .input_txt{color:#999;}
.input_datepicker.disabled input[type="date"]:hover,
.input_datepicker.disabled span.input_txt:hover {border:1px solid #ebebeb;}
.input_datepicker.disabled input[type="date"]:focus,
.input_datepicker.disabled span.input_txt:focus{border:2px solid #ebebeb; padding:13px 34px 13px 16px;}
.direct_cld .datepicker.disabled,
.direct_cld .datepicker:disabled{color:#999;}
.direct_cld .datepicker.disabled:before,
.direct_cld .datepicker:disabled:before,
.direct_cld .datepicker:disabled + button{opacity:0.2;}
.ui-datepicker {display: none;  width: 219px; background: #fff; z-index: 9999 !important; }
.ui-datepicker .ui-datepicker-header { position: relative; height: 74px; background-color: #666; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position: absolute; top: 0px; width: 45px; height: 74px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 0; background: url(/docfiles/resources/mo/images/com/datepicker/sp_cld_arrow2.png) no-repeat 0 0; }
.ui-datepicker .ui-datepicker-next { right: 0; background: url(/docfiles/resources/mo/images/com/datepicker/sp_cld_arrow2.png) no-repeat -45px 0; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {background-position: 0 -74px;}
.ui-datepicker .ui-datepicker-next.ui-state-disabled {background-position: -45px -74px;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display: block; position: absolute;left: -999em;top: -999em;width: 1px;height: 1px;font-size: 1px; }
.ui-datepicker .ui-datepicker-title {padding-top: 14px;font-size: 15px;text-align: center;color: #fff; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {display: block; font-size:30px; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;font-size: 15px; }
.ui-datepicker table {width: 100%;padding: 6px 8px; border: 1px solid #e1e1e1;border-width: 0 1px 1px;border-collapse: separate;}
.ui-datepicker th {padding: 9px 0 7px;font-size: 12px;text-align: center; }
.ui-datepicker td {border: 0;padding: 0;font-size: 12px; }
.ui-datepicker td span, .ui-datepicker td a {display: block;text-align: center;padding: 7px 0; }
.ui-datepicker .ui-datepicker-buttonpane {position: absolute;right: 3px;top: 10px; }
.ui-datepicker .ui-datepicker-buttonpane button {display: none;cursor: pointer;border: none;margin: 0;padding: 0;width: 12px;height: 11px;background: url(/docfiles/resources/mo/images/com/datepikcer/btn_close_01.png) no-repeat 0% 0%;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; display: none; }
table.ui-datepicker-calendar thead th span {color:#666; font-weight:normal;} /* 20160503 DEFECT */
.ui-datepicker tr td.ui-datepicker-week-end, .ui-datepicker tr td.ui-datepicker-week-end a {color: #5f678a;}
.ui-datepicker tr td:first-child a, .ui-datepicker tr th:first-child a {color: #cb7e78;}
.ui-datepicker span.ui-state-default {color: #c2c2c2;}
.ui-datepicker a.ui-state-default {color: #010101;}
.ui-datepicker a.ui-state-default.ui-state-active { color: #fff; background-color: #999;}
.ui-datepicker td .ui-state-highlight {background: #f7d37f;}
.label-wrap {overflow: hidden;margin: 0 0 65px; }
.label-wrap li {float: left;padding: 0 13px 0 0;line-height: 2; }
.wrap-calendar {position: relative;width: 600px;margin: 27px 0 0;padding: 0 0 0 110px; }
.wrap-calendar .label-wrap {border-bottom: 1px solid #d5d5d5;}
.wrap-calendar .graph-c1 {background: #87d1e1;border: 1px solid #87d1e1;color: #87d1e1;}
.wrap-calendar .graph-c2 {background: #ab8dcc;border: 1px solid #ab8dcc;color: #ab8dcc;}
.wrap-calendar .graph-c3 {background: #e4d3c1;border: 1px solid #e4d3c1;color: #e4d3c1;}
.wrap-calendar .tab-type2 {position: absolute;left: 0;top: 120px;}
.wrap-calendar .ui-datepicker {width: 600px;background: none;-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;padding: 0;margin: 0;}
.wrap-calendar .ui-datepicker table {width: 100%;background: none;border-top: none;}
.wrap-calendar .ui-datepicker th {padding: 0;text-align: left;background: none;border: none;}
.wrap-calendar .ui-datepicker th span {margin: 0 0 0 10px;font-size: 14px;line-height: 30px;font-weight: bold;}
.wrap-calendar .ui-datepicker td {border: 0;text-align: left;vertical-align: top;padding: 0;font-size: 0;}
.wrap-calendar .ui-datepicker .ui-state-default {position: relative;overflow: hidden;display: block;margin: 0 0 10px 10px;width: 80px;height: 86px;padding: 12px 15px;text-align: left;font-size: 14px;background: url(/docfiles/resources/mo/images/com/datepicker/bg_calendar.gif) no-repeat 0 0;}
.wrap-calendar .ui-datepicker .ui-state-default .icon-area {position: absolute;right: 15px;bottom: 12px;}
.wrap-calendar .ui-datepicker .ui-state-default .icon-area .graph-label {float: left;margin: 0;padding: 0;}
.wrap-calendar .ui-datepicker span.ui-state-default {color: #424242;}
.wrap-calendar .ui-datepicker-today .ui-state-default {background: url(/docfiles/resources/mo/images/com/datepicker/bg_calendar.gif) no-repeat 0 100%;}
.ui-datepicker-trigger.btn-icon.btn-icon9 {position:absolute; right:8px; top:6px; width:20px; height:20px; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.png) no-repeat 0 0;}

/* button */
.btn_bottom { display:block; padding:64px 0 16px; background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%); }
.btn_bottom .btn_area_line { display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:nowrap; }
.btn_bottom .btn_area_line [class^=btn] { display:block; /* margin:0 .3em; */ flex:1; text-align:center; } /* 2022-01-24 Q10112 : 정렬수정 */
.btn_bottom .btn_area_line [class^=btn] + [class^=btn]{margin-left:8px;} /* 2022-01-24 Q10112 : 정렬수정 */
.btn_bottom .txt_area_line { padding-top:18px; padding-bottom:18px; }
.btn_bottom.fix { position:fixed; right:0; bottom:0; left:0; z-index:105; transform:translateZ(0); /* ios 하단버그 test / 2022-05-13 GGCN45 : .tab_con .menu_all 과 충돌로 z-index값 100 -> 105 수정*/
	/* padding-right:12px; padding-left:12px; */
	padding:64px 16px calc(constant(safe-area-inset-bottom) + 16px );
	padding:64px 16px calc(env(safe-area-inset-bottom) + 16px );
}
/* 2022-01-24 Q10112 : 정렬수정 으로 삭제
.btn_bottom:not(.fix) .btn_area_line [class^=btn]:first-child { margin-left:0; }
.btn_bottom:not(.fix) .btn_area_line [class^=btn]:last-child { margin-right:0; }
 */

.box_btn a.w56,
.box_btn button.w56 {min-width:56px;}
.box_btn a.w60,
.box_btn button.w60 {min-width:60px;}
.box_btn a.w68,
.box_btn button.w68 {min-width:68px;}
.box_btn a.w73,
.box_btn button.w73 {min-width:73px;}
.box_btn a.w102,
.box_btn button.w102 {min-width:102px;}
.box_btn a.w142,
.box_btn button.w142 {min-width:142px;} /* 2022-04-07 GGU477 추가 */

/* form */
/* input */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {height:40px; padding:0; font-size:15px; border:0;}
input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="email"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="number"]::-ms-clear {display:none;}
input::placeholder, text::placeholder {color:#5c5c5c;  font-weight:500; opacity:1;} /* 2022-01-13 Q10112: color:#ccc 변경 , font-weight:500; 추가 */ /* Q10473 placeholder 색상변경 */
input::-webkit-placeholder, textarea::-webkit-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input::-ms-placeholder, textarea::-ms-placeholder {color:rgba(0,0,0,0.20); font-weight:500;} /* 2022-01-13 Q10112: color:#999 변경 */
input[type="password"]::placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]::-moz-placeholder { color:rgba(0,0,0,0.12)}
input[type="text"]:disabled, input[type="password"]:disabled {background:#ccc; color:#333; border:none;}

.input_cell_box {position:relative;}
.input_cell_box + .input_cell_box, .p3_m_lt_1ln + .input_cell_box, .frm + .input_cell_box {margin-top:20px;}
.input_cell {display:inline-block; position:relative;}
.input_cell_box[class*="w"] {display:flex;}
.input_cell_box.w20p > .input_cell {width:20%;}
.input_cell_box.w25p > .input_cell {width:25%;}
.input_cell_box.w33p > .input_cell {width:33.33%;}
.input_cell_box.w50p > .input_cell {width:50%;}
.input_cell_box.w100p > .input_cell {width:100%; display:block}
.input_cell img[data-keypad-focus-field],
.input_cell img[src*='pluginfree'] {position:absolute; right:0; top:50%; z-index:3; transform:translateY(-50%)} /* GGCZ05 : 보안키패드 아이콘 위치 특정이 힘든 관계로 이 형태로 셀렉트 함 */
.input_cell.place_dummy input[class*="input_txt"] {position:absolute; left:0; top:0; width:100%}
.input_cell.place_dummy .dummy_result {min-height:64px; font-size:20px; line-height:64px; font-weight:700; box-sizing:border-box}
.input_cell.place_dummy .dummy_result:after {content:''; position:absolute; left:0; top:64px; right:0}
.input_cell.place_dummy .trans {opacity:0}
.input_cell.place_dummy .trans ~ .dummy_result:after {border-top:1px solid #000}

/* 주민등록번호 */
.input_cell_box.jumin { display:flex; }
.input_cell_box.jumin > .input_cell {width:48%; display:block;}
.input_cell_box.jumin > .has_dash {margin:20px 0 14px; width:4%; }
.input_cell_box.jumin > .has_dash:before { position:absolute; top:50%; left:50%; display:block; width:8px; height:1px; background-color:#ccc; transform:translate(-50%, -50%); content:''; }
.input_cell_box.jumin input::placeholder { color:rgba(0,0,0,0.12) }
.input_cell_box.jumin input::-webkit-input-placeholder { color:rgba(0,0,0,0.12) }
.input_cell_box.jumin input::-moz-placeholder { color:rgba(0,0,0,0.12) }
.input_cell_box.jumin input[class*="h64"][type*="password"] {height:64px; padding:20px 0 18px; font-size:20px; line-height:26px;}

.input_cell.w100p {width:calc(100% - 24px); padding-right:12px; display:block}
.input_cell.w100p.double{width:calc(100% - 76px); padding-right:4px;} /* 2022-01-07 Q10112 : 버튼 2개일때 타입추가 */
.input_cell.w100p.double + .box_btn .btn_del{margin-right:12px;} /* 2022-01-07 Q10112 : 버튼 2개일때 검색버튼여백추가 */
input[class*="input_txt"] {position:relative; z-index:3; width:100%; color:#000; background-color:transparent; font-weight:500; } /* 2022-01-07 Q10112 : font-weigh수정 */
input[class*="input_txt"]:focus, input.input_txt:hover {border:0; outline:none;}
input.input_txt ~ .input_label,
input.input_txt + .input_label {position:absolute; top:20px; left:0; z-index:3; transition:all .2s ease-in; font-size:20px; line-height:26px; font-weight:500; color:#5C5C5C;} /* 2022-11-24 GGU477 z-index값 2->3 : 인풋창 기입력건 박스 선택 입력시 스타일 오류 *//* 2022-01-12 Q10112 : font-weight 수정 , 211005 Q10048 컬러변경, 220224 Q10473 접근성이슈로 컬러변경 */
input.input_txt::placeholder {color: rgba(0,0,0,0.4);} /* 2022-01-07 Q10582 : placeholder 추가 */

.error:not(.vdNoErr) input.input_txt {color:#ff0000; /* border-bottom:1px solid #ff0000; 2021-12-23 Q10112 : 아이폰 오류일때 미세라인 때문에 삭제 */} /* 2021-11-22: 개발자 요청으로 vdNoErr 추가 */
.error .p3_m_lt_1ln {color:#423a3a;}
.input_cell_box + .box_btn {margin-top:15px;}

.input_cell_box .limit_num{position:absolute; top:21px; right:0; font-size:16px; line-height:22px; color:#858585;}
.input_cell_box .time01 {position:absolute; top:21px; right:0; font-size:14px; line-height:20px; color:#858585;}/*Q10048 폰트사이즈 16 -> 14 line-height 22 -> 20 수정*/
.input_cell_box .h56 + .star { top:18px; font-size:20px; line-height:26px; }
.input_cell_box .star { position:absolute; left:20px; /* z-index:-1; */ height:22px; color:#000;} /* 2021-01-06 Q10071: left:22px => 20px으로 변경, 2022-02-18 Q10071: 라이트 모드 백그라운드 칼라로 나오지 않아 z-index 삭제 */
.input_cell_box .star i { display:inline-block; width:11px; height:11px; opacity:0.2; background:url(/docfiles/resources/mo/images/com/icon/others/ico_secret_star.png) repeat-x 50% 50%; background-size:11px 11px; }

/* 2023-02-01 GGU282 - 추가 */
.input_cell_box.flex {display:flex;}
.input_cell_box.flex > .input_cell {flex:1 1 0;}
.box_input01 .input_cell_box.flex > .box_btn {flex:0 0 auto;position:relative;top:0;padding-top:16px;}

input[class*="h64"],
input[class*="h64"][type*="tel"] {height:64px; padding:20px 0 18px; font-size:20px; line-height:26px;}
input[class*="h64"][type*="password"] {padding:22px 0 16px; font-size:14px; line-height:40px; letter-spacing:2px;} /* 2022-01-17 Q10112 : password 일때 폰트사이즈변경 */
input[class*="h64"][type*="password"]::placeholder {font-size:14px;} /* 2022-01-17 Q10112 : password 일때 폰트사이즈변경 */

input[class*="h56"],
input[class*="h56"][type*="tel"] {height:56px; padding:20px 0 14px; font-size:20px; line-height:26px;}
input[class*="h56"][type*="password"] {padding:20px 0 14px; font-size:14px; line-height:26px;} /* 2022-01-17 Q10112 : password 일때 폰트사이즈변경 */
input[class*="h56"][type*="password"]::placeholder {font-size:14px;} /* 2022-01-17 Q10112 : password 일때 폰트사이즈변경 */

.input_cell_box02 input.input_txt[class*="h64"] + .input_label {opacity:0;}
/* input 기본일때 */
.box_input01 + .box_input01 {margin-top:12px;}
.box_input01 .input_cell_box:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:rgba(0,0,0,0.12);}
.box_input01 .input_cell_box [class^="btn"][class*="defaultbg"] {background-color:#ebebeb;}
.box_input01 .input_cell_box [class^="btn"][class*="defaultbg"] span,
.input_cell_box [class^="btn"][class*="defaultbg"] strong {color:#ccc;}
.box_input01 .input_cell_box .box_btn {position:absolute; top:16px; right:0; z-index:4;}
.box_input01 .input_cell_box .box_btn .input_del01 + a {margin-left:24px;}
.box_input01 .p3_m_lt_1ln {color:#858585;}
.box_input01 .input_cell_box + .p3_m_lt_1ln {margin:6px 0 0;}
.box_input01 .input_cell_box .btn_del {display:none; margin-top:4px;}
.box_input01 .input_cell_box .btn_del + [class*="btn32"] {margin-left:24px;}
.box_input01 + .p2_m_rt_1ln { margin-top:12px; }
/*
.box_input01 .input_cell_box .msg_error {position:absolute; left:0; top:100%; margin-top:6px; color:#ff0000}
*/
.box_input01 .msg_error {width:100%;margin-top:6px; color:#ff0000}

/* input focus일때 */
.box_input01 .input_cell_box.on .input_label,
.box_input01 .input_cell_box.focused .input_label,
.box_input01 .input_cell_box.completed .input_label,
.box_input01 .input_cell_box.error .input_label  {top:0px; font-size:12px; line-height:16px;}
.box_input01 .input_cell_box.on .input_label .label_hide,
.box_input01 .input_cell_box.focused .input_label .label_hide,
.box_input01 .input_cell_box.completed .input_label .label_hide,
.box_input01 .input_cell_box.error .input_label .label_hide {display:none;}/* Q10048 추가 */
.box_input01 .input_cell_box .input_label .label_hide2 {display:none;}
.box_input01 .input_cell_box.on .input_label .label_hide2,
.box_input01 .input_cell_box.focused .input_label .label_hide2,
.box_input01 .input_cell_box.completed .input_label .label_hide2,
.box_input01 .input_cell_box.error .input_label .label_hide2 {display:inline-block;}/* Q10048 추가 */
.box_input01 .input_cell_box.on:before,
.box_input01 .input_cell_box.focused:before {height:1px; background-color:#000;}
.box_input01 .input_cell_box.on:hover:before,
.box_input01 .input_cell_box.focused:hover:before {height:2px; z-index: 4;} /* 2022-11-24 GGU477 z-index 추가(인풋창 기입력건 박스 선택 입력시 스타일 오류) */
.box_input01 .input_cell_box.on [class^="btn"][class*="defaultbg"],
.box_input01 .input_cell_box.focused [class^="btn"][class*="defaultbg"] {background-color:#000;}
.box_input01 .input_cell_box.on [class^="btn"][class*="defaultbg"] span,
.box_input01 .input_cell_box.on [class^="btn"][class*="defaultbg"] strong,
.box_input01 .input_cell_box.focused [class^="btn"][class*="defaultbg"] span,
.box_input01 .input_cell_box.focused [class^="btn"][class*="defaultbg"] strong {color:#fff;}
/* input 완료일때 */
.box_input01 .input_cell_box.completed:before {height:1px; background-color:rgba(0,0,0,0.12); z-index: 4;} /* 2022-11-24 GGU477 z-index 추가(인풋창 기입력건 박스 선택 입력시 스타일 오류) *//* Q10048 d4d4d4 -> 0.12 수정 */
/* .box_input01 .input_cell_box.completed:hover:before {height:2px; background-color:#000;} 2022-01-06 Q10071: MW hover remove */
.box_input01 .input_cell_box.completed [class^="btn"][class*="defaultbg"] {background-color:#000;}
.box_input01 .input_cell_box.completed [class^="btn"][class*="defaultbg"] span,
.box_input01 .input_cell_box.completed [class^="btn"][class*="defaultbg"] strong {color:#fff;}
.box_input01 .input_cell_box.completed .btn_del {display:none;}
/* input 에러일때 */
.box_input01 .input_cell_box.error:before {height:1px; background-color:#ff0000;}
.box_input01 .input_cell_box.error [class^="btn"][class*="defaultbg"] span,
.box_input01 .input_cell_box.error [class^="btn"][class*="defaultbg"] strong {color:#ccc;}
.box_input01 .input_cell_box.error [class^="btn"][class*="defaultbg"] {background-color:#ebebeb;}
.box_input01 .error + .p3_m_lt_1ln {color:#ff0000;}
.box_input01.mt40 { margin-top:40px; }
.box_input01 + .input_btm_txt { display:flex; height:48px; align-items:center; justify-content:flex-end; }
/* 2021-11-22: 개발자 요청으로 vdNoErr 추가 */
.box_input00 .error:not(.vdNoErr) .input_txt,
.box_input01 .error:not(.vdNoErr) .input_txt {color:#ff0000;}
.box_input01 .vdMsg + .p3_m_lt_1ln {margin:6px 0 0;}
.box_input00 .error + .p3_m_lt_1ln {color:#ff0000;}

.box_select { position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.12); }
.box_select:after { position:absolute; right: 0; bottom: 11px; z-index:1; width: 24px; height: 24px; background: url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_down.png) no-repeat 50% 50%; background-size: 24px 24px; content:'';pointer-events:none;}
.box_select select {overflow:hidden; position:relative; padding:21px 30px 8px 0; display:block; width:100%; font-weight:500; font-size:20px; line-height:26px; color:rgba(0,0,0,0.4); background:#fff; border:0; outline:0; white-space:nowrap; text-overflow:ellipsis; appearance:none; -webkit-appearance:none;}
.box_select select.selected { color:rgba(0,0,0,0.4); }
.box_select select option {color:#000;}
.box_select select option:disabled {color:rgba(0,0,0,0.4);}
/* 기본 노출 select 타입 */
.box_select.default_type select {color:#000;}

.box_select_none {padding:21px 30px 8px 0;} /* 2022-08-18 Q20098 셀렉트 기능 삭제 관련 */

.box_title01 + .box_select_input {margin-top:18px;}
.box_select_input .h4_b_lt + .box_input01 {margin-top:15px;}
.box_select_input .h3_b_lt + .box_input01 {margin-top:18px;}
.box_select_input .list_note { margin-top:16px; }


input[class*="general"] {padding:20px 0 18px;}
input[class*="password"] {padding:22px 0 22px;}
input[class*="variation"] {padding:16px 0 16px;}
input[class*="pricebtn"] {padding:22px 0 22px;}

.box_input01 .btn_del {display:inline-block; width:24px; height:24px; background:url(/docfiles/resources/mo/images/com/btnicon/ico_dark_del.png) no-repeat 50% 50%; background-size:24px 24px;}
.box_input01 .btn_search { display:inline-block; width:32px; height:32px; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_search.png) no-repeat 50% 50%; background-size:32px 32px;} /* 2022-01-07 Q10112 : 이미지사이즈변경 */
.box_input01 .btn_keypad {display:inline-block; width:40px; height:40px; background:url(/docfiles/resources/mo/images/com/icon/others/ico_mouse.png) no-repeat 50% 50%; background-size:18px 26px;}

.list_sggest01 {overflow-x:hidden; overflow-y:auto; max-height:145px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
.list_sggest01 > li a {display:inline-block; width:100%; height:100%; padding:9px 16px;}
.list_sggest01 > li:hover a {background-color:#f5f5f5;}

.input_dash_box.w20p > .input_cell {padding-left:14px;}
.input_dash_box.w25p > .input_cell {padding-left:14px;}
.input_dash_box.w33p > .input_cell {padding-left:22px;}
.input_dash_box.w50p > .input_cell {padding-left:37px;}
.input_dash_box.w20p > .input_cell:first-child {padding-left:4px;}
.input_dash_box.w25p > .input_cell:first-child {padding-left:9px;}
.input_dash_box.w33p > .input_cell:first-child {padding-left:14px;}
.input_dash_box.w50p > .input_cell:first-child {padding-left:0;}
.input_dash_box .input_cell + .input_cell:before {content:''; position:absolute; top:31px; left:0; width:6px; height:1px; background-color:#ebebeb;}

/* 2023-04-07 GGU282 - 추가 */
.input_dash_box2 {display:flex;}
.input_dash_box2 .input_cell:first-child {position:static;}
.input_dash_box2 .input_txt + .input_label {width:100%;background:#fff;z-index:10;}
.input_dash_box2 .input_cell {padding-left:14px;}
.input_dash_box2 .input_cell:first-child {padding-left:9px;}
.input_dash_box2 .input_cell + .input_cell:before {content:'';position:absolute;top:31px;left:0;width:6px;height:1px;background-color:#ebebeb;}

/* 체크 리스트 */
.dl_select01 + dl {margin-top:56px;}
.dl_select01 + .dl_select01.h48 {margin-top:42px;}
.dl_select01 > dt + dd {margin-top:8px;}
.dl_select01 > dd + dd {margin-top:10px;}
.dl_select01 > dt .h3_b_lt {float:left;}
.dl_select01 > dt .p2_m_lt_1ln {margin-left:6px;}
.dl_select01 > dt .textbico_small_blk {float:right; margin-top:8px;}
.box_select + .dl_select01.h48 {margin-top:42px;}
.dl_select01.h48 + .box_btn {margin-top:22px;}
.dl_select01 + .tab_cont {margin-top:44px;}

/* checkbox */
/* 2021-12-03 Q10112 : 28로 체크박스수정 */
.input_cell_check01 {position:relative; overflow:hidden; min-height:32px;}
.input_cell_check01 input {display:inline-block; width:100%; height:100%; border:0; vertical-align:top;}
.input_cell_check01 label {display:inline-block; padding:3px 0 3px 40px; cursor:pointer;}
.input_cell_check01 label > i {display:inline-block; position:absolute; top:2px; left:2px; z-index:2; width:28px; height:28px; background-color:#e0e0e0; border-radius:100%;}
.input_cell_check01 label > i:before {content:''; position:absolute; top:9px; left:9px; width:10px; height:10px; background-color:#e0e0e0; border-radius:100%;}
.input_cell_check01 input:checked + label > i {background-color:#000;}
.input_cell_check01.type_check label > i {background:#e0e0e0 url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b_wht.png) no-repeat 50% 50% /24px;}
.input_cell_check01.type_check label > i:before {display:none;}
.input_cell_check01.type_check input:checked + label > i {background-color:#000;}
.input_cell_check01.type_check input:disabled + label {cursor:default;}
.input_cell_check01.type_check input:disabled + label > i {background:#f5f5f5 url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_gry.png) repeat 50% 50% /24px; cursor: no-drop; }

/* 2024-02-08 GGU282 - [금융] 장기카드대출 대출기간 변경 프로세스 개발 추가 */
.input_cell_check01.type_check02 {min-height:26px;}
.input_cell_check01.type_check02 label {padding:0 0 0 30px;}
.input_cell_check01.type_check02 label > i {width:21px;height:21px;line-height:26px;left:2px;top:2px;background:rgba(0,0,0,0.12) url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b_wht.png) no-repeat 50% 50% / 19px 19px;}
.input_cell_check01.type_check02 label > i:before {display:none;}
.input_cell_check01.type_check02 input:checked + label > i {background-color:#000;}

.input_cell_check02 {position:relative; overflow:hidden; width:30px; height:30px; background-color:#858585; border-radius:100%;}
.input_cell_check02 .check_txt {display:inline-block; width:100%; height:100%; border:0; vertical-align:top;}
.input_cell_check02 .check_label {display:inline-block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background-color:#fff; cursor:pointer; border-radius:100%;}
.input_cell_check02 .check_label > i {display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-radius:100%;}
.input_cell_check02 .check_txt:focus + .check_label {border:1px solid #000;}
.input_cell_check02 .check_txt:checked + .check_label > i {background:#fff url(/docfiles/resources/mo/images/com/icon/w32/icon_CheckB.png) no-repeat 50% 50%;}

/* 이용안내 */
.box_use01{border-top:1px solid rgba(0,0,0,0.12);}
.box_use01 .btn_tit01 .accodBtn{position:relative; display:block; padding:21px 24px 21px 0; font-size:16px; font-weight:700; line-height:22px;} /* 2021-08-09 Q10112 : 이용안내 텍스트 길어질경우 여백추가 */ /* 2023-11-21 GGCP31 padding-bottom:21px 로 수정. fixed버튼 때문에 여백확보 */
.box_use01 .btn_tit01 .accodBtn:before{content:''; position:absolute; top:18px; right:0; width:24px; height:24px; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_down.png) no-repeat 0 0; background-size:24px 24px; transition:all .5s;}
.box_use01.on .btn_tit01 .accodBtn:before{transform:rotate(-180deg);}
.box_use01 .box_info01{display:none;}
.box_use01.on .box_info01 {display:block;} /* 2022-08-18 Q20098 아코디언 펼친상태가 디폴트 일때 */

.box_chk01 {position:relative; overflow:hidden;}
.box_chk01 .check_input {display:inline-block; border:0; vertical-align:top;}
.box_chk01 .check_label {display:inline-block; position:relative; padding:3px 40px 3px 36px; font-size:16px; line-height:22px; color:#5C5C5C; cursor:pointer;}
.box_chk01 .check_input + .check_label:before {content:''; position:absolute; top:-3px; left:0; width:32px; height:32px; opacity:0.2; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b.png) no-repeat 50% 50%; background-size:32px 32px;}
.box_chk01 .check_input:focus + .check_label:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dotted #ccc;}
.box_chk01 .check_input:checked + .check_label:before {opacity:1;}
.box_chk01 .check_input:checked + .check_label {color:#000; font-weight: 700;}/*Q10048 추가*/
.box_chk01 .btn_pop_arrow,
.box_chk02 .btn_pop_arrow {display:inline-block; position:absolute; top:0; right:0; z-index:2; width:24px; height:24px; opacity:0.64; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_arrowB_forward.png) no-repeat 50% 50%; background-size:24px 24px;}
.box_chk01 .btn_pop_arrow.no_line:after {content:none;}
.box_chk01.error .check_input + .check_label:before {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_check_b_red.png); background-size:32px 32px; opacity:1;}

.box_chk02 {position:relative; overflow:hidden;}
.box_chk02 .check_input {display:inline-block; border:0; vertical-align:top;}
.box_chk02 .check_label {display:inline-block; position:relative; padding:4px 0 4px 36px; font-size:14px; line-height:20px; color:#5C5C5C; cursor:pointer; word-break:keep-all;}/* Q10048 padding 32-> 36 수정 */
.box_chk02 .check_input + .check_label:before {content:''; position:absolute; top:2px; left:4px; width:24px; height:24px; opacity:0.2; background:url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b.png) no-repeat 50% 50%; background-size:24px 24px;}
.box_chk02 .check_input:focus + .check_label:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dotted #ccc;}
.box_chk02 .check_input:checked + .check_label:before {opacity:1;}
.box_chk02 .check_input:checked + .check_label {color:#000; font-weight: 700;}/* Q10048 추가 */
.box_chk02.error .check_input + .check_label:before {background-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_check_b_red.png); background-size:24px 24px; opacity:1;}

[class*="box_chk0"].error .check_label {color:#ff0000;}

/* 공통 : 달력UI 추가 */
.use_calendar input[type=text] {padding:13px 0 13px 16px; width:100%; height:100%; font-weight:700; font-size:16px; line-height:22px; background:none; border:0;}
.use_calendar input[type=text]:focus { outline:0; border:0; }
/*.use_calendar input[type=text] + button { position:absolute; top:50%; right:8px; width:24px; height:24px; background:#fff url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.png) no-repeat 0 0; background-size:24px 24px; transform:translateY(-50%); overflow:visible; font-size:0; }*/
.use_calendar input[type=text] + button { position:absolute; top:50%; right:8px; width:24px; height:24px; background-image:none; background-color:#000; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); mask-size:24px 24px; -webkit-mask-size:24px 24px; transform:translateY(-50%); overflow:visible; font-size:0; }
.use_calendar .datepicker-wrap { display:flex; display:-ms-flexbox; align-items:center;}
/* .direct_cld label {position:relative; display:inline-block; width:100%; height:48px; padding-right:40px; border:1px solid #e6e6e6; border-radius:4px;} */
.direct_cld .start_date + .end_date{margin-left:4px;}

/* 2021-10-21 Q10337 : 달력 UI input type="date"로 수정에 따른 스타일 추가 */
.use_calendar input[type=date] {padding:13px 0 13px 16px; width:100%; height:100%; font-weight:700; font-size:16px; line-height:22px; background:none; border:0;}
.use_calendar input[type=date]:focus { outline:0; border:0; }
.use_calendar input[type=date] + button { position:absolute; top:50%; right:8px; width:24px; height:24px; background-color:#000; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); mask-size:24px 24px; -webkit-mask-size:24px 24px; transform:translateY(-50%); overflow:visible; font-size:0; }
.use_calendar input[type=date]::-webkit-calendar-picker-indicator {position:absolute; left:-24px; right: 0; width:100%; height:100%; background:none; z-index:1;}
.use_calendar input[type=date]::-webkit-date-and-time-value,
.input_datepicker input[type=date]::-webkit-date-and-time-value {text-align:left;} /* ios 15 텍스트정렬 설정 */

/* 2021-12-24 Q10112 : 개발이슈 버튼타입추가 */
.use_calendar span.datepicker{position:relative; display:inline-block; width:100%; height:100%; padding:13px 0 13px 16px; font-weight:700; font-size:16px; line-height:22px; background:none; border:0; text-align:left; cursor:pointer;}
.use_calendar span.datepicker:before{content:''; position:absolute; top:50%; right:8px; width:24px; height:24px; margin-top:-12px; background-color:#000; mask-size:24px 24px; -webkit-mask-size:24px 24px; mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg); -webkit-mask-image:url(/docfiles/resources/mo/images/com/icon/w24/ico_calendar.svg);}

/* Tab Menu */
.tab_default {width:100%;display:flex;flex-wrap:wrap;}
.tab_default a {display:block;margin:0 4px 0 0;padding:10px 12px 8px 12px;height:40px;background:#f5f5f5;color:#707070;border-radius:40px;font-size:16px;font-weight:700;line-height:22px;} /* font-size:14->16 line-height:20-> 22 변경 Q10048 */
.tab_default a:visited, .tab_default a:active {color:#707070;}
.tab_default a.current {background:#000;color:#fff;}
.tab_default.multiline a {margin-top:8px }
.tab_default.type2 a { background-color:#fff; color:#828282; }
.tab_default.type2 a:visited, .tab_default a:active {color:#828282;}
.tab_default.type2 a.current {border:1px solid #000;color:#000;}

/* 2023-09-11 Q20406(동근혁) 팝업 내 탭 스타일 추가 */
.pop_tab .tab_con .tab_default{padding:8px 0;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;}
.pop_tab .tab_con .tab_default:after {content:""; min-width:52px; width:52px; height:40px;}/*2022-05-13 GGCN45 iOS padding-right 적용안됨*/
.pop_tab .tab_con .tab_default::-webkit-scrollbar{display:none;}
.pop_tab .tab_con .tab_default {overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.pop_tab .menu_all.active + .menu_view{display:block;position:absolute;top:-8px;left:0;background:#fff;z-index:100}
.pop_tab .menu_all.active + .menu_view .tab_default{flex-wrap:wrap;padding:8px 36px 8px 0;}
.pop_tab .menu_all{position:absolute;right:0;top:0;width:56px;height:56px;background:linear-gradient(to right , rgba(255,255,255,0) , rgba(255,255,255,1) 30%);z-index:101;}
.pop_tab .menu_all + .menu_view{display:none;}
.pop_tab .menu_all > button{display:block;width:56px;height:56px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat center center;background-size:32px 32px;transition:transform .2s}
.pop_tab .menu_all.active > button{transform:rotate(180deg);transition:transform .2s}


.ui_tab_content {display:none}

/* Accordion */
.accordion-heading { display:block; }
.accordion-trigger { display:block; }
.accordion-panel { display:block; }

/* svg */
svg[class^="svg_"] { width: 80px; height: 80px; padding: 15px; } /* 2021-11-22 Q10293: SVG css 수정  */

/* 모달 팝업 Layer */
.w100p{width:100% !important;} /* 2023-02-14 GGU477 important 추가 */
.modal_pop {position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;display:none;overflow-x:hidden;overflow-y:auto;outline:0;-webkit-overflow-scrolling: touch;}
.modal_pop.show { display:block; }
.modal_pop.active { display:block; }
.modal_pop .modal_wrap { position:relative; display:flex; width:auto; height:100%; pointer-events:none; align-items: flex-end; }
.modal_pop .modal_container { position:relative; display:flex; width:100%; pointer-events:auto; outline:0; animation:animatebottom 0.25s; }
.modal_pop.modal_alert .modal_container {animation:none; } /* 알럿 모션 삭제 */
.modal_pop:not(.full):not(.modal_alert) .modal_container { max-height:460px; }
/* 2022-02-16 Q10112 : 앱일때 카테고리 구분없이 상단에 isAppAll 들어오게 추가 */
.isApp3 .modal_pop:not(.full):not(.modal_alert) .modal_container,
.isAppAll .modal_pop:not(.full):not(.modal_alert) .modal_container { max-height:560px; } /* 2021-11-01 앱일때 팝업 높이 560으로 변경 */
/* Q10048 앱 전용 풀팝업 스타일 추가 */
.isApp3 .modal_pop.full .modal_container,
.isAppAll .modal_pop.full .modal_container {height:calc(100% - 96px); max-height:calc(100% - 96px);} /* 2022-01-10 Q10112 : full 일때 사이즈변경 */
.isApp3 .modal_pop.full .modal_container.inapp_bd_round, /* 2024-03-15 GGU282 - 추가 */
.isAppAll .modal_pop.full .modal_container.inapp_bd_round, /* 2024-03-15 GGU282 - 추가 */
.isApp3 .modal_pop.full .modal_container .layer_wrap,
.isAppAll .modal_pop.full .modal_container .layer_wrap  {border-radius: 24px 24px 0 0;}
.modal_pop:not(.full):not(.modal_alert) .layer_wrap { border-radius:24px 24px 0 0; }
.modal_pop.full .modal_container { height:100%;}
.modal_pop .scrollable .layer_body { overflow-y:auto}
.modal_pop .layer_wrap { position:relative; display:flex; width:100%; flex-direction:column; background-color:#fff; }
.modal_pop .layer_head { display:flex; height:64px; align-items:center; justify-content:space-between; flex-shrink:0;padding:19px 48px 19px 24px; border-bottom:1px solid transparent; transition:border 0.25s ease-out; -webkit-transition:border 0.25s ease-out; }
.modal_pop .layer_head h1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.modal_pop .layer_body { position:relative; height:auto; flex:1 1 auto; padding:0 24px 40px 24px; overflow-y:hidden; -webkit-overflow-scrolling: touch;}
.modal_pop .layer_close { display:flex; flex-wrap:wrap; flex-shrink:0; align-items:center;position:absolute;right:16px;top:16px;}
.modal_pop .layer_close a {display:inline-block; position:relative; width:32px; height:32px; background:url(/docfiles/resources/mo/images/com/btnicon/ico_light_normal02.png) no-repeat 50% 50%; background-size:32px 32px;}
.modal_pop .layer_close a:active { background-image:url(/docfiles/resources/mo/images/com/btnicon/ico_light_pressed.png) }
.modal_pop .layer_close a.times {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_x_b.png); }
.modal_pop .layer_btn {position:absolute; right:0; bottom:0; left:0; z-index:99; /* padding:40px 16px 16px; */ padding:40px 16px calc(constant(safe-area-inset-bottom) + 16px ); padding:40px 16px calc(env(safe-area-inset-bottom) + 16px ); background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%); } /* 2022-01-13 Q10112 : ios하단영역추가 */
.modal_pop .layer_btn [class^="btn"] { display:block; }
.modal_pop .layer_btn .box_btn { width:100%; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:nowrap; }
.modal_pop .layer_btn .box_btn [class^="btn"] { margin:0.3em; flex-grow:1; text-align:center; }
.modal_pop .layer_btn .box_btn [class^="btn"]:first-child { margin-left:0; }
.modal_pop .layer_btn .box_btn [class^="btn"]:last-child { margin-right:0; }
/* 2021-11-16 Q10112 : 버튼 하단 타입추가 */
.modal_pop .layer_btn.full{padding:40px 16px 0 16px; padding-bottom:calc(constant(safe-area-inset-bottom)); padding-bottom:calc(env(safe-area-inset-bottom));} /* 2022-01-19 Q10112 : ios여백수정 */
.modal_pop .layer_btn.full .box_btn{display:block;}
.modal_pop .layer_btn.full .box_btn [class^="btn"]{margin:0;}
.modal_pop .layer_btn.full .box_btn .btn56_boldtxt{margin-right:-16px; margin-left:-16px;}
/* // 2021-11-16 Q10112 : 버튼 하단 타입추가 */
.modal_pop .inner_tooltip > ol > li > p { text-indent:-1.2em; padding-left:1.2em; }
.modal_pop .inner_tooltip > ol > li ul li { position:relative; padding-left:8px; }
.modal_pop .inner_tooltip > ol > li ul li:first-child { margin-top:4px; }
.modal_pop .inner_tooltip > ol > li ul li:after { position:absolute; top:7px; left:0; width:2px; height:2px; background-color:rgba(0,0,0,0.4); border-radius:100%; content:''; }
.modal_pop .inner_tooltip > ol > li ~ li { margin-top:24px }
.modal_pop.fixed .layer_head  { border-bottom:1px solid #e0e0e0; }
@keyframes animatebottom {
    from {
        bottom:-100%;
        opacity:0;
    }
    to {
        bottom:0;
        opacity:1;
    }
}

.modal_pop.modal_notice .layer_head { padding-top:34px; padding-bottom:12px; height:auto; }
.modal_pop.modal_alert.modal_notice .modal_container .layer_body { padding-top:0;}

/* 2022-11-09 GGU282 추가 */
.modal_pop.header_type2 .layer_head {padding:34px 65px 12px 24px;height:auto;}
.modal_pop.header_type2 .layer_head h1 {white-space:normal;}
.modal_pop.fixed.header_type2 .layer_head {padding:19px 48px 19px 24px;height:64px;}
.modal_pop.fixed.header_type2 .layer_head [class^="h3_"] {font-size:20px;line-height:26x;}

/* 시스템(알럿) 팝업 */
.modal_pop.modal_alert .modal_wrap { align-items:center; background:rgba(0,0,0,.64); }
.modal_pop.modal_alert .modal_container { width:288px; margin:0 auto; flex-direction:column; }
.modal_pop.modal_alert .modal_container .layer_wrap { border-radius:16px; overflow:hidden; }
.modal_pop.modal_alert .modal_container .layer_body{padding:28px 24px;text-align:center;}
.modal_pop.modal_alert .modal_container .box_btn { width:100%; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:nowrap; }
.modal_pop.modal_alert .modal_container .box_btn a,
.modal_pop.modal_alert .modal_container .box_btn button { flex-grow:1; border:none; border-top:1px solid #ccc;border-radius:0; }
.modal_pop.modal_alert .modal_container .box_btn:not(.column) a + a,
.modal_pop.modal_alert .modal_container .box_btn:not(.column) button + button { border-left:1px solid #ccc }
.modal_pop.modal_alert .modal_container .box_btn:not(.column) a + button { border-left:1px solid #ccc; } /* 혼합형 */
.modal_pop.modal_alert .modal_container .box_btn:not(.column) button + a { border-left:1px solid #ccc; } /* 혼합형 */
.modal_pop.modal_alert .modal_container .box_btn.column {flex-direction:column;}
.modal_pop.modal_alert .modal_container .box_btn.col2 a,
.modal_pop.modal_alert .modal_container .box_btn.col2 button {width: 50%;} /* 2022-05-09 GGU477 col2 추가 */
.modal_pop.modal_alert .box_btn [class^=btn] { display:block; }
.modal_pop.modal_alert .modal_footer { display:flex; height:48px; align-items:center; justify-content:space-between;}
.modal_pop.modal_alert .modal_footer input[type=checkbox] { position:absolute; width:1px; height:1px; margin:-1px;overflow:hidden; clip:rect(0,0,0,0); border:0; }
.modal_pop.modal_alert .modal_footer input[type=checkbox] + label:before { position:absolute; top:50%; left:0; width:32px; height:32px; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_checkbox_off_wht.png) no-repeat 50% 50%; background-size:32px 32px; transform:translateY(-50%); content:'';}
.modal_pop.modal_alert .modal_footer input[type=checkbox]:checked + label:before {background-image:url(/docfiles/resources/mo/images/com/icon/w32/ico_checkbox_on_wht.png) }
.modal_pop.modal_alert .modal_footer .lbl_today_close { position:relative; padding-left:36px; font-weight:700; font-size:14px; line-height:20px; color:#fff; }
.modal_pop.modal_alert .modal_footer .modal_close { width:32px; height:32px; background:url(/docfiles/resources/mo/images/com/icon/w32/ico_close_wht.png) no-repeat 50% 50%; background-size:32px 32px; }
.modal_pop.modal_alert .layer_body [class^="h4_"] + [class^="p1_m"],
.modal_pop.modal_alert .layer_body [class^="h4_"] + [class^="p2_m"] { margin-top:12px; }
.modal_pop.modal_alert .p1_b_2ln + .p2_m_2ln { margin-top:8px; }

.modal_pop.modal_alert .msg_area { margin-top:24px; }
@media screen and (max-width: 280px) {
    .modal_pop.modal_alert .modal_container {width:240px;} /* 2022-10-31 GGU477 추가 */
}

/* 2022-05-30 GGCP31 금융, 카드상세, 이벤트, 혜택 심의필영역 공통수정 */
#content .con-type1-box li { font-size: 14px; line-height: 22px; color: #000; }
#content .con-type1-box li li { color: #000;}
#content .con-type1-box li + li { margin-top: 6px; }

/* 이벤트 */
.discussion_detail.mt80,
.discussion_detail.mt64 { margin-top: 24px !important; }
.mpoin_use .discussion_detail { margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(0,0,0,0.12); font-size: 14px; line-height: 22px; color: #000; }  /*2022-06-29 GGCN45 : 가이드 적용 border sd_m_12*/
.sub_benefit .mpoin_use .discussion_detail li { font-size: 14px; line-height: 22px; color: #000; }
.sub_benefit .mpoin_use .discussion_detail li li { color: #000;}
.sub_benefit .mpoin_use .discussion_detail li + li { margin-top: 6px; }
.event_box_list li { font-size: 14px !important; line-height: 22px !important; color: #000; margin-top:6px !important; font-weight:500;}
.event_box_list li li,
.event_box_list [class^="bul_"][class*="list02"] > li,
.event_box_list [class^="dash_"][class*="list02"] > li,
.event_box_list [class^="bul_"][class*="txt02"],
.event_box_list [class^="dash_"][class*="txt02"] { color: #000; }


.event_box_list.bul_list01 { position: relative; }
.event_box_list.bul_list01 > li { position: relative; padding-left: 8px;}
.event_box_list.bul_list01 > li:before {content: '';display: inline-block;position: absolute;top: 10px;left: 0;width: 2px;height: 2px;background: #949494; border-radius: 100%;}

/* 카드상세 */
.useinfo .box_bul .bul_list li { color: #000; }
.useinfo .box_bul .bul_list li li { color: #000; }

/* 공지사항 */
.board_list [class^="bul_"][class*="list"] > li,
.board_list [class^="dash_"][class*="list"] > li { font-size: 14px !important; }
.board_list [class^="bul_"][class*="list"] > li + li,
.board_list [class^="dash_"][class*="list"] > li + li { margin-top: 6px !important;} /* 2022-10-17 Q20016 추가 */
.board_list .bul_list + .bul_list {margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(0,0,0,0.12)} /* 2022-10-17 Q20016 추가 */

.bul_list02.fc_blk > li {color: #000;} /* 2022-07-14 Q20016 추가 */

/* 이미지 라이트/다크모드 - 2024-01-19 GGU477 추가 */
.img_light, .img_lightmode {display: block;}
.img_dark, .img_darkmode {display: none;}

/* (금융)카드대금 결제 페이지 내 유의사항 및 의무표기영역 추가 요청의건 */
.useinfo.detail {margin-top: 64px; word-break: keep-all; word-wrap: break-word;}
.useinfo.detail .box_bul .bul_list li {font-size: 14px; line-height: 22px; font-weight: 500;}
.useinfo.detail .line_top {margin-top: 24px; padding-top: 24px; border-top: 1px solid #e0e0e0;}


/*2022-06-02 GGCN45 : [고객지원]소비자보호 하위 탭 추가 및 컨텐츠 수정 요청의 건 */
/*탭 + 탭메뉴 All 공통*/
.ui_tab_expandable{position:relative;margin-top:0;}
.ui_tab_expandable.fixed{position:fixed;top:48px;left:0;width:100%;height:auto;z-index:100;background:#fff;}
.ui_tab_expandable ~ .section{padding-top:80px;padding-bottom:64px}
.ui_tab_expandable .tab_con .tab_default:after {content:""; min-width:52px; width:52px; height:40px;}/*2022-05-13 GGCN45 iOS padding-right 적용안됨*/
.ui_tab_expandable .tab_con .tab_default::-webkit-scrollbar{display:none;}
.ui_tab_expandable .tab_con .tab_default { width: 100%; padding: 8px 0 8px 16px; flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.ui_tab_expandable .tab_expand_view .tab_default{padding-bottom:24px !important;border-bottom:1px solid #e0e0e0}
.ui_tab_expandable .tab_expand_view .tab_default:after {display:none;} /*2022-06-21 GGCN45 : 빈여백 오류 수정*/
.ui_tab_expandable .tab_expand_area.active + .tab_expand_view{display:block;position:absolute;top:-8px;left:0;background:#fff;z-index:100}
.ui_tab_expandable .tab_expand_area.active + .tab_expand_view .tab_default{flex-wrap:wrap;padding:8px 56px 8px 16px;}
.ui_tab_expandable .tab_expand_area{position:absolute;right:0;top:0;width:56px;height:56px;background:linear-gradient(to right , rgba(255,255,255,0) , rgba(255,255,255,1) 30%);z-index:101;}
.ui_tab_expandable .tab_expand_area + .tab_expand_view{display:none;}
.ui_tab_expandable .tab_expand_area > button{display:block;width:56px;height:56px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat center center;background-size:32px 32px;transition:transform .2s}
.ui_tab_expandable .tab_expand_area.active > button{transform:rotate(180deg);transition:transform .2s}


/* 2022-10-18 GGU282 [혜택]M포인트 사용처 페이지 리뉴얼 작업 요청의 건(MO웹) - 추가 */
.tab_wrap.fixed .tab_container {position:fixed !important;top:48px;left:0;width:100%;height:auto;z-index:100;background:#fff;}
.tab_wrap .tab_tmp {display:none;}
.tab_wrap.fixed .tab_tmp {display:block;}

.tab_container.expand_type {position:relative;}
.tab_container.expand_type .tab_con > .tab_default {height:auto;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;}
.tab_container.expand_type .tab_con > .tab_default::-webkit-scrollbar {display:none;}
.tab_container.expand_type .tab_expand_area {position:absolute;right:0;top:0;width:56px;height:40px;display:flex;justify-content:flex-end;align-items:center;background:linear-gradient(to right , rgba(255,255,255,0) , rgba(255,255,255,1) 30%);z-index:101;}
.tab_container.expand_type .tab_expand_area + .tab_expand_view {display:none;}
.tab_container.expand_type .tab_expand_area > button {display:block;width:56px;height:40px;background:url('/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png') no-repeat center center;background-size:32px 32px;transition:transform .2s;}
.tab_container.expand_type .tab_expand_area.active + .tab_expand_view {display:block;position:absolute;top:-8px;left:0;background:#fff;z-index:100;}
.tab_container.expand_type .tab_expand_area.active + .tab_expand_view .tab_default {flex-wrap:wrap;padding-right:56px;}
.tab_container.expand_type .tab_expand_area.active > button {transform:rotate(180deg);transition:transform .2s}

.tab_container.border_type .tab_con {padding-left:0;}
.tab_container.border_type .tab_default {width:100%;height:auto;display:flex;padding:10px 0 10px 16px;}
.tab_container.border_type .tab_default:after {content:"";min-width:16px;width:16px;height:1px;}/* iOS padding-right 적용안됨 */
.tab_container.border_type .tab_default a {display:block;margin:0 4px 0 0;padding:7px 11px;height:36px;background:#fff;color:rgba(0,0,0,0.48);border:1px solid rgba(0,0,0,0.12);border-radius:40px;font-weight:500;font-size:14px;line-height:20px;}
.tab_container.border_type .tab_default a:last-child {margin-right:0;}
.tab_container.border_type .tab_default a:visited,
.tab_container.border_type .tab_default a:active {color:rgba(0,0,0,0.48);}
.tab_container.border_type .tab_default a.current {background:#000;color:#fff;border-color:#000;font-weight:700;}
.tab_container.border_type .tab_default.multiline {flex-wrap:wrap;padding-top:6px;}
.tab_container.border_type .tab_default.multiline a {margin-top:4px}
.tab_container.border_type.expand_type .tab_default:after {min-width:80px;width:80px;}/* iOS padding-right 적용안됨 */
.tab_container.border_type.expand_type .tab_expand_area {width:80px;height:56px;padding-right:16px;}
.tab_container.border_type.expand_type .tab_expand_area > button {width:32px;height:32px;background-color:rgba(0,0,0,0.08);border-radius:16px;}
.tab_container.border_type.expand_type .tab_expand_area.active + .tab_expand_view {top:0px;}
.tab_container.border_type.expand_type .tab_expand_area.active + .tab_expand_view .tab_default {padding-right:60px;}

.pr56{padding-right:56px!important}

/* 2023-09-18 GGCP31 pc,mo class 추가 */
.pc-block { display: none; }
.mobile-block { display: block; }




/* ******************************** */
/* benefits.css */
/* ******************************** */

/* 퍼센트율 375px 기준 */

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

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

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

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

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

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

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

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

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

.ico_tip.opac64{opacity:.64;}

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

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

.interval_div_mt12 > div + div {margin-top:12px;}
.interval_div_mt29 > div + div {margin-top:29px;}
.interval_div_mt32 > div + div {margin-top:32px;}
.interval_div_mt40 > div + div {margin-top:40px;}
.interval_div_mt48 > div + div {margin-top:48px;}
.interval_div_mt56 > div + div {margin-top:56px;}
.interval_div_mt64 > div + div {margin-top:64px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sub_benefit{padding-bottom:0;}

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

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

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

.section{flex:1;padding:16px 24px 44px;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btm_line {border-bottom:8px solid #f5f5f5;}

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

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

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

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

.box_top_tit {padding: 40px 6.4% 0;}
.box_top_tit + .tab_container {margin-top: 28px;}

.check_gray{padding:17px 12px;border-radius:8px;background:rgba(0,0,0,.04)}

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

/* Q10086 추가 */
.box_title01 {margin-bottom:20px;}
.box_title02 {margin-bottom:12px;}
.box_table > .tbl_title {margin-bottom:8px;}
.box_table + .box_bul {margin-top:12px;}
.box_bundle + .box_bundle {margin-top:56px;}
.ben_bundle + .ben_bundle {margin-top:64px;}
.box_item + .box_item {margin-top:32px;}
.box_item > strong {display:block; margin-bottom:12px;}
.box_item > .bul_list > li > ul,
.box_item > .dash_list02 li + li, .box_item > .bul_list02 li + li {margin-top:4px;}
.listitem .tit {margin-bottom:12px;}
.listitem ul li + li,
.listitem ul > li > ul,
.listitem ul + ul {margin-top:4px;}
.line_list > li {display:table; width:100%; table-layout:fixed; padding:13px 0;}
.line_list > li > .tit, .line_list > li > .txt {display:table-cell; width:50%; vertical-align:middle;}
.line_list02 > li {display:flex; justify-content:space-between; padding:17px 0;}
.line_list02 > li + li {border-top:1px solid rgba(0, 0, 0, .04);}
.line_list02 > li.line {border-bottom:1px solid rgba(0, 0, 0, .04);}
.sub_benefit .blk_num_list.stype > li {padding-left: 24px; font-size:14px; font-weight: 700; line-height: 22px;}
.sub_benefit .blk_num_list.stype > li + li {margin-top: 12px;}
.sub_benefit .blk_num_list.stype > li:before {top: 3px; width: 16px; height: 16px; line-height: 16px; font-size: 10px;}

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

/* 이벤트 상세 - Q10293 추가 */
.sub_benefit .mpoin_use { word-break: keep-all; word-wrap: break-word; }
.sub_benefit .mpoin_use .box_top_tit { background: #fafafa no-repeat center; }
.sub_benefit .title_box {position:absolute;top:16%;left:6.4%;z-index:10;}
.sub_benefit .mpoin_use.type_prev .box_top_tit { background: no-repeat center; }
.sub_benefit .mpoin_use.type_prev .box_top_tit::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.64); z-index: -1; }
.sub_benefit .mpoin_use.type_prev .box_top_tit .box_logoimg { display: none; opacity: 0; }
.sub_benefit .mpoin_use .ev_table { position: relative; overflow-x: auto; margin: auto -24px; padding-left: 24px; }/* 2022-11-03 Q10803 모바일에서 좌우스크롤 생겨 7.34% -> 24px 고정픽셀로 변경 */
.sub_benefit .mpoin_use .ev_table + .ev_table { margin-top: 48px; }
.sub_benefit .mpoin_use .ev_table table thead th { border-top: 1px solid #000; font-weight: 600; color: #000; }
.sub_benefit .mpoin_use .ev_table table th { font-weight: 600; }
.sub_benefit .mpoin_use .ev_table table th, .sub_benefit .mpoin_use .ev_table table td { vertical-align: top; border-bottom: 1px solid #ebebeb; padding: 12px; font-size: 14px; color: rgba(0,0,0,0.64); }
.sub_benefit .mpoin_use .ev_table .img { width: 60px; height: 60px; border-radius: 50%; position: relative; }
.sub_benefit .mpoin_use .ev_table .img::after { content: ""; display: inline-flex; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(0,0, 0, 0.08); position: absolute; top: 0; left: 0; }/* 2022-08-12 Q20093 border : rgba(0,0, 0, 0.08) 수정 */
.sub_benefit .mpoin_use .ev_table .img img { max-width: 100%; width: 100%; border-radius: inherit; }

.sub_benefit .mpoin_use * + .box_line { border-top: 1px solid #ebebeb; padding-top: 12px; }
.sub_benefit .mpoin_use * + .box_line.type2 { padding-top: 40px; }

.sub_benefit .mpoin_use [class*="num"][class*="_txt"] { padding-left: 22px; position: relative; } /* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt"]::before { content: ""; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; font-size: 0.7em; border: 1px solid #000; border-radius: 50%;}/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt01"]::before { content: "1"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt02"]::before { content: "2"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt03"]::before { content: "3"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt04"]::before { content: "4"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt05"]::before { content: "5"; }/* 2022-08-05 Q20098 */
.sub_benefit .mpoin_use [class*="num"][class*="_txt"][class*="_black"]::before {background-color:#000; color:#fff;} /* 2022-08-05 Q20098 검은색 동그라미 숫자 스타일 추가 */
.sub_benefit .mpoin_use .ev_icobox { margin-top: 36px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.sub_benefit .mpoin_use .ev_icobox .img { position: relative; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li + li,
.sub_benefit .mpoin_use .ev_icobox .img + .img { margin-top: 72px; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li + li::before,
.sub_benefit .mpoin_use .ev_icobox .img + .img::before { content: ""; display: inline-flex; width: 32px; height: 32px; position: absolute; top: -48px; left: 50%; transform: translateX(-50%); background: url(/docfiles/resources/mo/images/com/icon/w32/ico_arrowB_down.png) no-repeat center / cover; opacity: .2; }
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li .img + p,
.sub_benefit .mpoin_use .ev_icobox .ev_icolist li p + p { margin-top: 8px; }
.sub_benefit .mpoin_use .ev_icobox .img, .sub_benefit .mpoin_use .ev_icobox .img .svg { width: 64px; height: 64px; }
.sub_benefit .mpoin_use .logo_tbl table thead th {border-top: 1px solid #000; font-weight: 600; color: #000; padding:12px;}
.sub_benefit .mpoin_use .logo_tbl table th {font-weight: 600;}
.sub_benefit .mpoin_use .logo_tbl table th, .sub_benefit .mpoin_use .logo_tbl table td {vertical-align: top; border-bottom: 1px solid #ebebeb; padding: 20px 12px; font-size: 14px; color: rgba(0,0,0,0.64);}
.sub_benefit .mpoin_use .logo_tbl .img {width: 60px; height: 60px; border-radius: 50%; position: relative;}
.sub_benefit .mpoin_use .logo_tbl .img::after {content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(0,0,0,0.12); position: absolute; top: 0; left: 0;}
.sub_benefit .mpoin_use .logo_tbl .img img {width:60px; height:60px; border-radius:50%;}

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

.sub_benefit .full_img_box .txt {padding:8px 24px 0;}
.sub_benefit .number_list > li {position:relative; font-size:16px; line-height:22px; font-weight:500; padding-left:24px;}
.sub_benefit .number_list > li > .num {position:absolute; top:0; left:0;}
.sub_benefit .number_list > li + li {margin-top:8px !important;}
.sub_benefit .number_list > li > .bul_txt {margin-top:4px;}

.input_cell.w100p.type3 { padding-right: 15px; }
.input_cell_box.type_btn .input_cell.w100p {padding-right: 100px;}
.box_input01 .input_cell_box .input_cell.type3 + .box_btn { right: 36px; }

.section_inner_tap {margin-left: -24px; margin-right: -24px;}

.box_bul_wrap > .box_bul + .box_bul { padding-top: 40px; border-top: 1px solid #ebebeb; margin-top: 64px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

.sub_benefit .accordion_unit .btn_fold.type_3{position:absolute;top:50%;right:-36px;}
.sub_benefit .accordion_unit .btn_fold.type_3 span{position:absolute;width:100%;height:100%;left:0;top:0;line-height:30px;text-indent:0;color:transparent;white-space:nowrap;text-align:center;}
.sub_benefit .accordion_unit .accordion_depth2{position:relative;margin-top:20px;}
.sub_benefit .accordion_unit .accordion_depth2 .hcbtn9{top:3%;right:-22px;}
.sub_benefit .list_style01 > li,
.sub_benefit .list_style_1 > li {position:relative; padding-left:10px; font-size:12px; line-height:18px; color:#888;}
/* .sub_benefit .list_style_1:before {position:absolute;left:0; content:'-';} */
.sub_benefit .box_conts .list_style_1:before {display:none}

.sub_benefit p.list_style,
.sub_benefit p.list_style_1,
.sub_benefit p.list_style_2,
.sub_benefit .list_style_1 > li,
.sub_benefit .list_style_2 > li,
.sub_benefit .list_style01 > li {color:#888}
.sub_benefit .h2_tit_1 {position:relative; margin-bottom:13px; font-size:17px; line-height:23px; font-family:'YouandiModernHEB'; color:#000;}
.sub_benefit .h2_tit_1 .hcbtn1 {margin-left:25px; font-family:'YouandiModernTR';}
.sub_benefit .h2_tit_1.type_1 {margin-bottom:23px; padding-bottom:15px; border-bottom:1px solid #e5e5e5;}
.sub_benefit .h2_tit_1.type_2 {margin-bottom:0; padding-bottom:15px; border-bottom:1px solid #ededed;}
.sub_benefit .h2_tit_1.type_2_1 {margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #e5e5e5;}
.sub_benefit .accordion_unit.type_2.Type .h2_tit_1 {font-size:15px; color:#000;}
.sub_benefit .accordion_unit.type_2.acoType .h2_tit_1 .btn_fold {font-size:15px; color:#000; font-family:'YouandiModernTR'}
.sub_benefit .accordion_unit.type_2.acoType .h2_tit_1 .btn_fold .day {display:block; font-size:13px; color:#888;}

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

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

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

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

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

.sub_benefit .btn_bottom .btn_area_line + .txt_area_line { border-top: none; }
.sub_benefit .btn_bottom .txt_area_line { border-top: 1px solid #d8d8d8; margin: 0 12px; }

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

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

/* 2022-02-25 GGU442 [APP][혜택] 이워드 약정 페이지 이용불가에 따른 제작 요청의건 */
.pb64{padding-bottom:64px!important;}

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

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

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

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

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

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

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

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

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

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

.tbl_type4 th,
.tbl_type4 td{padding-top:14px;padding-bottom:14px;font-size:14px;font-weight:500;line-height:20px;border-bottom:1px solid rgba(0,0,0,0.08);}
.tbl_type4 tr:last-child td{border-bottom: 0;}
.tbl_type4 th{font-weight: 700;}
.tbl_type4 thead th {border-bottom:1px solid rgba(0,0,0,0.08);}
.tbl_type4 table th, .tbl_type1 table td {vertical-align: top; position: relative;}